forked from crowetic/commerce
63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
import { SWRHook } from '@commerce/utils/types'
|
|
import useSearch, { UseSearch } from '@commerce/product/use-search'
|
|
import { Product } from '@commerce/types/product'
|
|
import { SearchQuery, SearchQueryVariables } from '../schema'
|
|
import { normalizeSearchResult } from '../utils/normalize'
|
|
import { searchQuery } from '../utils/queries/search-query'
|
|
import { SearchProductsHook } from '../types/product'
|
|
|
|
export default useSearch as UseSearch<typeof handler>
|
|
|
|
export type SearchProductsInput = {
|
|
search?: string
|
|
categoryId?: string
|
|
brandId?: string
|
|
sort?: string
|
|
}
|
|
|
|
export type SearchProductsData = {
|
|
products: Product[]
|
|
found: boolean
|
|
}
|
|
|
|
export const handler: SWRHook<SearchProductsHook> = {
|
|
fetchOptions: {
|
|
query: searchQuery,
|
|
},
|
|
async fetcher({ input, options, fetch }) {
|
|
const { categoryId, brandId } = input
|
|
|
|
const variables: SearchQueryVariables = {
|
|
input: {
|
|
term: input.search,
|
|
collectionId: input.categoryId?.toString(),
|
|
groupByProduct: true,
|
|
// TODO: what is the "sort" value?
|
|
},
|
|
}
|
|
const { search } = await fetch<SearchQuery>({
|
|
query: searchQuery,
|
|
variables,
|
|
})
|
|
|
|
return {
|
|
found: search.totalItems > 0,
|
|
products: search.items.map((item) => normalizeSearchResult(item)) ?? [],
|
|
}
|
|
},
|
|
useHook: ({ useData }) => (input = {}) => {
|
|
return useData({
|
|
input: [
|
|
['search', input.search],
|
|
['categoryId', input.categoryId],
|
|
['brandId', input.brandId],
|
|
['sort', input.sort],
|
|
],
|
|
swrOptions: {
|
|
revalidateOnFocus: false,
|
|
...input.swrOptions,
|
|
},
|
|
})
|
|
},
|
|
}
|