Replace cart hooks

framework/csv/cart/use-add-item.tsx

@@ -1,28 +1,7 @@
-import { useCallback } from 'react'
-import type { MutationHook } from '@commerce/utils/types'
-import useAddItem, { UseAddItem } from '@commerce/cart/use-add-item'
-import useCart from './use-cart'
 import { Cart, CartItemBody } from '../types'
 
-export default useAddItem as UseAddItem<typeof handler>
+export default function useAddItem() {
-
+  return (_item: CartItemBody): Cart => {
-export const handler: MutationHook<Cart, {}, CartItemBody> = {
+    return (null as unknown) as Cart
-  fetchOptions: {
+  }
-    query: ``,
-  },
-  async fetcher() {
-    return {} as Promise<Cart>
-  },
-  useHook: ({ fetch }) => () => {
-    const { mutate } = useCart()
-
-    return useCallback(
-      async function addItem(input) {
-        const data = await fetch({ input })
-        await mutate(data, false)
-        return data
-      },
-      [fetch, mutate]
-    )
-  },
 }

framework/csv/cart/use-cart.tsx

@@ -1,41 +1,15 @@
-import { useMemo } from 'react'
+import { Cart } from '@framework/types'
-import useCommerceCart, {
-  FetchCartInput,
-  UseCart,
-} from '@commerce/cart/use-cart'
 
-import { Cart } from '../types'
+export interface CartResponse {
-import { SWRHook } from '@commerce/utils/types'
+  data: Cart | null
-
+  isLoading: boolean
-export default useCommerceCart as UseCart<typeof handler>
+  isEmpty: boolean
-
+}
-export const handler: SWRHook<
+
-  Cart | null,
+export default function useCart(): CartResponse {
-  {},
+  return {
-  FetchCartInput,
+    data: null,
-  { isEmpty?: boolean }
+    isLoading: false,
-> = {
+    isEmpty: true,
-  fetchOptions: {
+  }
-    query: ``,
-  },
-  async fetcher({ input: { cartId: checkoutId }, options, fetch }) {
-    return null
-  },
-  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]
-    )
-  },
 }

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

@@ -1,57 +1,7 @@
-import { useCallback } from 'react'
+import { Cart, CartItemBody } from '../types'
-import type {
-  MutationHookContext,
-  HookFetcherContext,
-} from '@commerce/utils/types'
-import { RemoveCartItemBody } from '@commerce/types'
-import { ValidationError } from '@commerce/utils/errors'
-import useRemoveItem, {
-  RemoveItemInput as RemoveItemInputBase,
-  UseRemoveItem,
-} from '@commerce/cart/use-remove-item'
-import useCart from './use-cart'
-import { Cart, LineItem } from '../types'
 
-export type RemoveItemFn<T = any> = T extends LineItem
+export default function useRemoveItem() {
-  ? (input?: RemoveItemInput<T>) => Promise<Cart | null>
+  return (_item: CartItemBody): Cart | null => {
-  : (input: RemoveItemInput<T>) => Promise<Cart | null>
+    return null
-
-export type RemoveItemInput<T = any> = T extends LineItem
-  ? Partial<RemoveItemInputBase>
-  : RemoveItemInputBase
-
-export default useRemoveItem as UseRemoveItem<typeof handler>
-
-export const handler = {
-  fetchOptions: {
-    query: ``,
-  },
-  async fetcher({ input: { itemId } }: HookFetcherContext<RemoveCartItemBody>) {
-    return { itemId }
-  },
-  useHook: ({
-    fetch,
-  }: MutationHookContext<Cart | null, RemoveCartItemBody>) => <
-    T extends LineItem | undefined = undefined
-  >(
-    ctx: { item?: T } = {}
-  ) => {
-    const { item } = ctx
-    const { mutate } = useCart()
-    const removeItem: RemoveItemFn<LineItem> = async (input) => {
-      const itemId = input?.id ?? item?.id
-
-      if (!itemId) {
-        throw new ValidationError({
-          message: 'Invalid input used for this operation',
-        })
   }
-
-      const data = await fetch({ input: { itemId } })
-      await mutate(data, false)
-      return data
-    }
-
-    return useCallback(removeItem as RemoveItemFn<T>, [fetch, mutate])
-  },
 }

framework/csv/cart/use-update-item.tsx

@@ -1,76 +1,7 @@
-import { useCallback } from 'react'
+import { Cart, CartItemBody } from '../types'
-import debounce from 'lodash.debounce'
-import type {
-  HookFetcherContext,
-  MutationHookContext,
-} from '@commerce/utils/types'
-import { ValidationError } from '@commerce/utils/errors'
-import useUpdateItem, {
-  UpdateItemInput as UpdateItemInputBase,
-  UseUpdateItem,
-} from '@commerce/cart/use-update-item'
 
-import useCart from './use-cart'
+export default function useUpdateItem() {
-import { handler as removeItemHandler } from './use-remove-item'
+  return (_item: CartItemBody): Cart => {
-import type { Cart, LineItem, UpdateCartItemBody } from '../types'
+    return (null as unknown) as Cart
-import { checkoutToCart } from '../utils'
-
-export type UpdateItemInput<T = any> = T extends LineItem
-  ? Partial<UpdateItemInputBase<LineItem>>
-  : UpdateItemInputBase<LineItem>
-
-export default useUpdateItem as UseUpdateItem<typeof handler>
-
-export const handler = {
-  fetchOptions: {
-    query: ``,
-  },
-  async fetcher({
-    input: { itemId, item },
-  }: HookFetcherContext<UpdateCartItemBody>) {
-    return {
-      item,
-      itemId,
   }
-  },
-  useHook: ({
-    fetch,
-  }: MutationHookContext<Cart | null, UpdateCartItemBody>) => <
-    T extends LineItem | undefined = undefined
-  >(
-    ctx: {
-      item?: T
-      wait?: number
-    } = {}
-  ) => {
-    const { item } = ctx
-    const { mutate } = useCart() as any
-
-    return useCallback(
-      debounce(async (input: UpdateItemInput<T>) => {
-        const itemId = input.id ?? item?.id
-        const productId = input.productId ?? item?.productId
-        const variantId = input.productId ?? item?.variantId
-        if (!itemId || !productId || !variantId) {
-          throw new ValidationError({
-            message: 'Invalid input used for this operation',
-          })
-        }
-
-        const data = await fetch({
-          input: {
-            item: {
-              productId,
-              variantId,
-              quantity: input.quantity,
-            },
-            itemId,
-          },
-        })
-        await mutate(data, false)
-        return data
-      }, ctx.wait ?? 500),
-      [fetch, mutate]
-    )
-  },
 }

framework/csv/provider.ts

@@ -1,7 +1,7 @@
-import { handler as useCart } from './cart/use-cart'
+import useCart from './cart/use-cart'
-import { handler as useAddItem } from './cart/use-add-item'
+import useAddItem from './cart/use-add-item'
-import { handler as useUpdateItem } from './cart/use-update-item'
+import useUpdateItem from './cart/use-update-item'
-import { handler as useRemoveItem } from './cart/use-remove-item'
+import useRemoveItem from './cart/use-remove-item'
 
 import { handler as useCustomer } from './customer/use-customer'
 import { handler as useSearch } from './product/use-search'