mirror of
https://github.com/vercel/commerce.git
synced 2025-07-04 20:21:21 +00:00
104 lines
3.0 KiB
TypeScript
104 lines
3.0 KiB
TypeScript
import type { MutationHook } from '@commerce/utils/types'
|
|
import useUpdateItem, { UseUpdateItem } from '@commerce/cart/use-update-item'
|
|
import type { UpdateItemHook } from '@commerce/types/cart'
|
|
import useCart from './use-cart'
|
|
import { useCallback } from 'react'
|
|
import { ValidationError } from '@commerce/utils/errors'
|
|
import type { IToken } from '@spree/storefront-api-v2-sdk/types/interfaces/Token'
|
|
import type { SetQuantity } from '@spree/storefront-api-v2-sdk/types/interfaces/endpoints/CartClass'
|
|
import getCartToken from '@framework/utils/getCartToken'
|
|
import type { GraphQLFetcherResult } from '@commerce/api'
|
|
import type { IOrder } from '@spree/storefront-api-v2-sdk/types/interfaces/Order'
|
|
import normalizeCart from '@framework/utils/normalizeCart'
|
|
import debounce from 'lodash.debounce'
|
|
|
|
export default useUpdateItem as UseUpdateItem<any>
|
|
|
|
export const handler: MutationHook<UpdateItemHook> = {
|
|
fetchOptions: {
|
|
url: '__UNUSED__',
|
|
query: '',
|
|
},
|
|
async fetcher({ input, options, fetch }) {
|
|
console.info(
|
|
'useRemoveItem fetcher called. Configuration: ',
|
|
'input: ',
|
|
input,
|
|
'options: ',
|
|
options
|
|
)
|
|
|
|
const { itemId, item } = input
|
|
|
|
if (!item.quantity) {
|
|
throw new ValidationError({
|
|
message: 'Line item quantity needs to be provided.',
|
|
})
|
|
}
|
|
|
|
const token: IToken = { orderToken: getCartToken() }
|
|
const setQuantityParameters: SetQuantity = {
|
|
line_item_id: itemId,
|
|
quantity: item.quantity,
|
|
include: [
|
|
'line_items',
|
|
'line_items.variant',
|
|
'line_items.variant.product',
|
|
'line_items.variant.product.images',
|
|
'line_items.variant.images',
|
|
'line_items.variant.option_values',
|
|
'line_items.variant.product.option_types',
|
|
].join(','),
|
|
}
|
|
|
|
const {
|
|
data: { data: spreeSuccessResponse },
|
|
} = await fetch<GraphQLFetcherResult<{ data: IOrder }>>({
|
|
variables: {
|
|
methodPath: 'cart.setQuantity',
|
|
arguments: [token, setQuantityParameters],
|
|
},
|
|
})
|
|
|
|
return normalizeCart(spreeSuccessResponse, spreeSuccessResponse.data)
|
|
},
|
|
useHook:
|
|
({ fetch }) =>
|
|
(context) => {
|
|
console.log('useUpdateItem useHook called.')
|
|
|
|
const { mutate } = useCart()
|
|
|
|
return useCallback(
|
|
debounce(async (input: UpdateItemHook['actionInput']) => {
|
|
const itemId = context?.item?.id
|
|
const productId = input.productId ?? context?.item?.productId
|
|
const variantId = input.variantId ?? context?.item?.variantId
|
|
const quantity = input.quantity
|
|
|
|
if (!itemId || !productId || !variantId) {
|
|
throw new ValidationError({
|
|
message: 'Invalid input used for this operation',
|
|
})
|
|
}
|
|
|
|
const data = await fetch({
|
|
input: {
|
|
item: {
|
|
productId,
|
|
variantId,
|
|
quantity,
|
|
},
|
|
itemId,
|
|
},
|
|
})
|
|
|
|
await mutate(data, false)
|
|
|
|
return data
|
|
}, context?.wait ?? 500),
|
|
[]
|
|
)
|
|
},
|
|
}
|