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