forked from crowetic/commerce
73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
import useCommerceSearch from '@commerce/products/use-search'
|
|
import { getAllProductsQuery } from '@framework/utils/queries'
|
|
|
|
import type { Product } from 'framework/bigcommerce/schema'
|
|
import type { HookFetcher } from '@commerce/utils/types'
|
|
import type { SwrOptions } from '@commerce/utils/use-data'
|
|
import type { ProductConnection, ProductEdge } from '@framework/schema'
|
|
|
|
import getSearchVariables from '@framework/utils/get-search-variables'
|
|
|
|
import { normalizeProduct } from '@framework/lib/normalize'
|
|
|
|
export type SearchProductsInput = {
|
|
search?: string
|
|
categoryId?: string
|
|
brandId?: string
|
|
sort?: string
|
|
}
|
|
|
|
export type SearchRequestProductsData = {
|
|
products?: ProductEdge[]
|
|
}
|
|
|
|
export type SearchProductsData = {
|
|
products: Product[]
|
|
found: boolean
|
|
}
|
|
|
|
export const fetcher: HookFetcher<
|
|
SearchProductsData,
|
|
SearchProductsInput
|
|
> = async (options, input, fetch) => {
|
|
const resp = await fetch({
|
|
query: options?.query,
|
|
method: options?.method,
|
|
variables: getSearchVariables(input),
|
|
})
|
|
const edges = resp.products?.edges
|
|
return {
|
|
products: edges?.map(({ node: p }: ProductEdge) => normalizeProduct(p)),
|
|
found: !!edges?.length,
|
|
}
|
|
}
|
|
|
|
export function extendHook(
|
|
customFetcher: typeof fetcher,
|
|
swrOptions?: SwrOptions<SearchProductsData, SearchProductsInput>
|
|
) {
|
|
const useSearch = (input: SearchProductsInput = {}) => {
|
|
const response = useCommerceSearch(
|
|
{
|
|
query: getAllProductsQuery,
|
|
},
|
|
[
|
|
['search', input.search],
|
|
['categoryId', input.categoryId],
|
|
['brandId', input.brandId],
|
|
['sort', input.sort],
|
|
],
|
|
customFetcher,
|
|
{ revalidateOnFocus: false, ...swrOptions }
|
|
)
|
|
|
|
return response
|
|
}
|
|
|
|
useSearch.extend = extendHook
|
|
|
|
return useSearch
|
|
}
|
|
|
|
export default extendHook(fetcher)
|