Moved auth & cart hooks + several fixes

framework/shopify/cart/use-remove-item.tsx

@@ -1,48 +1,61 @@
 import { useCallback } from 'react'
-import { HookFetcher } from '@commerce/utils/types'
+
+import type {
+  MutationHookContext,
+  HookFetcherContext,
+} from '@commerce/utils/types'
+
 import { ValidationError } from '@commerce/utils/errors'
-import useCartRemoveItem, {
-  RemoveItemInput as UseRemoveItemInput,
+
+import useRemoveItem, {
+  RemoveItemInput as RemoveItemInputBase,
+  UseRemoveItem,
 } from '@commerce/cart/use-remove-item'
 
 import useCart from './use-cart'
-
-import type { Cart, LineItem, RemoveCartItemBody } from '@commerce/types'
-import { checkoutLineItemRemoveMutation } from '@framework/utils/mutations'
-import getCheckoutId from '@framework/utils/get-checkout-id'
+import { checkoutLineItemRemoveMutation, getCheckoutId } from '@framework/utils'
 import { checkoutToCart } from './utils'
-
-const defaultOpts = {
-  query: checkoutLineItemRemoveMutation,
-}
+import { Cart, LineItem } from '@framework/types'
+import {
+  Mutation,
+  MutationCheckoutLineItemsRemoveArgs,
+} from '@framework/schema'
+import { RemoveCartItemBody } from '@commerce/types'
 
 export type RemoveItemFn<T = any> = T extends LineItem
   ? (input?: RemoveItemInput<T>) => Promise<Cart | null>
   : (input: RemoveItemInput<T>) => Promise<Cart | null>
 
 export type RemoveItemInput<T = any> = T extends LineItem
-  ? Partial<UseRemoveItemInput>
-  : UseRemoveItemInput
+  ? Partial<RemoveItemInputBase>
+  : RemoveItemInputBase
 
-export const fetcher: HookFetcher<Cart | null, any> = async (
-  options,
-  { itemId, checkoutId },
-  fetch
-) => {
-  const data = await fetch<any>({
-    ...defaultOpts,
-    ...options,
-    variables: { lineItemIds: [itemId], checkoutId },
-  })
-  return checkoutToCart(data.checkoutLineItemsRemove)
-}
+export default useRemoveItem as UseRemoveItem<typeof handler>
 
-export function extendHook(customFetcher: typeof fetcher) {
-  const useRemoveItem = <T extends LineItem | undefined = undefined>(
-    item?: T
+export const handler = {
+  fetchOptions: {
+    query: checkoutLineItemRemoveMutation,
+  },
+  async fetcher({
+    input: { itemId },
+    options,
+    fetch,
+  }: HookFetcherContext<RemoveCartItemBody>) {
+    const data = await fetch<Mutation, MutationCheckoutLineItemsRemoveArgs>({
+      ...options,
+      variables: { checkoutId: getCheckoutId(), lineItemIds: [itemId] },
+    })
+    return checkoutToCart(data.checkoutLineItemsRemove)
+  },
+  useHook: ({
+    fetch,
+  }: MutationHookContext<Cart | null, RemoveCartItemBody>) => <
+    T extends LineItem | undefined = undefined
+  >(
+    ctx: { item?: T } = {}
   ) => {
-    const { mutate, data: cart } = useCart()
-    const fn = useCartRemoveItem<Cart | null, any>(defaultOpts, customFetcher)
+    const { item } = ctx
+    const { mutate } = useCart()
     const removeItem: RemoveItemFn<LineItem> = async (input) => {
       const itemId = input?.id ?? item?.id
 
@@ -52,21 +65,11 @@ export function extendHook(customFetcher: typeof fetcher) {
         })
       }
 
-      const data = await fn({
-        checkoutId: getCheckoutId(cart?.id),
-        itemId,
-      })
-
+      const data = await fetch({ input: { itemId } })
       await mutate(data, false)
       return data
     }
 
-    return useCallback(removeItem as RemoveItemFn<T>, [fn, mutate])
-  }
-
-  useRemoveItem.extend = extendHook
-
-  return useRemoveItem
+    return useCallback(removeItem as RemoveItemFn<T>, [fetch, mutate])
+  },
 }
-
-export default extendHook(fetcher)