pos-dashboard-v2/src/services/queries/products.ts

import { useQuery } from '@tanstack/react-query'
import { Products } from '../../types/services/product'
import { api } from '../api'

interface ProductsQueryParams {
  page?: number
  limit?: number
  search?: string
  // Add other filter parameters as needed
  category_id?: string
  is_active?: boolean
}

export const useProductsQuery = {
  getProducts: (params: ProductsQueryParams = {}) => {
    const { page = 1, limit = 10, search = '', ...filters } = params

    return useQuery<Products>({
      queryKey: ['products', { page, limit, search, ...filters }],
      queryFn: async () => {
        const queryParams = new URLSearchParams()

        queryParams.append('page', page.toString())
        queryParams.append('limit', limit.toString())

        if (search) {
          queryParams.append('search', search)
        }

        // Add other filters
        Object.entries(filters).forEach(([key, value]) => {
          if (value !== undefined && value !== null && value !== '') {
            queryParams.append(key, value.toString())
          }
        })

        const res = await api.get(`/products?${queryParams.toString()}`)
        return res.data.data
      },
    })
  },

  getProductById: (id: string) => {
    return useQuery({
      queryKey: ['product', id],
      queryFn: async ({ queryKey: [, id] }) => {
        const res = await api.get(`/products/${id}`)
        return res.data.data
      },

      // Cache for 5 minutes
      staleTime: 5 * 60 * 1000
    })
  }
}