forked from crowetic/commerce
60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
import { useMemo } from 'react'
|
|
import useCommerceCart, {
|
|
FetchCartInput,
|
|
UseCart,
|
|
} from '@commerce/cart/use-cart'
|
|
|
|
import { Cart } from '../types'
|
|
import { SWRHook } from '@commerce/utils/types'
|
|
import { checkoutCreate, checkoutToCart } from './utils'
|
|
import getCheckoutQuery from '../utils/queries/get-checkout-query'
|
|
|
|
export default useCommerceCart as UseCart<typeof handler>
|
|
|
|
export const handler: SWRHook<
|
|
Cart | null,
|
|
{},
|
|
FetchCartInput,
|
|
{ isEmpty?: boolean }
|
|
> = {
|
|
fetchOptions: {
|
|
query: getCheckoutQuery,
|
|
},
|
|
async fetcher({ input: { cartId: checkoutId }, options, fetch }) {
|
|
let checkout
|
|
if (checkoutId) {
|
|
const data = await fetch({
|
|
...options,
|
|
variables: {
|
|
checkoutId,
|
|
},
|
|
})
|
|
checkout = data.node
|
|
}
|
|
|
|
if (checkout?.completedAt || !checkoutId) {
|
|
checkout = await checkoutCreate(fetch)
|
|
}
|
|
|
|
// TODO: Fix this type
|
|
return checkoutToCart({ checkout } as any)
|
|
},
|
|
useHook: ({ useData }) => (input) => {
|
|
const response = useData({
|
|
swrOptions: { revalidateOnFocus: false, ...input?.swrOptions },
|
|
})
|
|
return useMemo(
|
|
() =>
|
|
Object.create(response, {
|
|
isEmpty: {
|
|
get() {
|
|
return (response.data?.lineItems.length ?? 0) <= 0
|
|
},
|
|
enumerable: true,
|
|
},
|
|
}),
|
|
[response]
|
|
)
|
|
},
|
|
}
|