forked from crowetic/commerce
55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
import { ConfigInterface } from 'swr'
|
|
import { HookFetcher } from '@lib/commerce/utils/types'
|
|
import useCommerceCart, { CartInput } from '@lib/commerce/cart/use-cart'
|
|
import type { Cart } from '../api/cart'
|
|
|
|
const defaultOpts = {
|
|
url: '/api/bigcommerce/cart',
|
|
}
|
|
|
|
export type { Cart }
|
|
|
|
export const fetcher: HookFetcher<Cart | null, CartInput> = (
|
|
options,
|
|
{ cartId },
|
|
fetch
|
|
) => {
|
|
return cartId
|
|
? fetch({
|
|
url: options?.url,
|
|
query: options?.query,
|
|
})
|
|
: null
|
|
}
|
|
|
|
export function extendHook(
|
|
customFetcher: typeof fetcher,
|
|
swrOptions?: ConfigInterface
|
|
) {
|
|
const useCart = () => {
|
|
const cart = useCommerceCart<Cart | null>(defaultOpts, [], customFetcher, {
|
|
revalidateOnFocus: false,
|
|
...swrOptions,
|
|
})
|
|
|
|
// Uses a getter to only calculate the prop when required
|
|
// cart.data is also a getter and it's better to not trigger it early
|
|
Object.defineProperty(cart, 'isEmpty', {
|
|
get() {
|
|
return Object.values(cart.data?.line_items ?? {}).every(
|
|
(items) => !items.length
|
|
)
|
|
},
|
|
set: (x) => x,
|
|
})
|
|
|
|
return cart
|
|
}
|
|
|
|
useCart.extend = extendHook
|
|
|
|
return useCart
|
|
}
|
|
|
|
export default extendHook(fetcher)
|