Provider: Mailchimp Open Commerce (formerly Reaction Commerce)

packages/commerce/src/api/endpoints/customer/card.ts

@@ -1,6 +1,5 @@
 import type { CustomerCardSchema } from '../../../types/customer/card'
 import type { GetAPISchema } from '../..'
-
 import { CommerceAPIError } from '../../utils/errors'
 import isAllowedOperation from '../../utils/is-allowed-operation'
 
@@ -60,6 +59,5 @@ const customerCardEndpoint: GetAPISchema<
 
     res.status(500).json({ data: null, errors: [{ message }] })
   }
-}
 
 export default customerCardEndpoint

packages/commerce/src/api/index.ts

@@ -53,10 +53,8 @@ export type EndpointSchemaBase = {
   }
 }
 
-export type Endpoint<
-  C extends CommerceAPI,
-  E extends EndpointSchemaBase
-> = APIEndpoint<C, EndpointHandlers<C, E>, any, E['options']>
+export type Endpoint<C extends CommerceAPI, E extends EndpointSchemaBase> =
+  APIEndpoint<C, EndpointHandlers<C, E>, any, E['options']>
 
 export type EndpointHandlers<
   C extends CommerceAPI,

packages/commerce/src/cart/use-add-shipping-address.tsx

@@ -0,0 +1,20 @@
+import { useHook, useMutationHook } from '../utils/use-hook'
+import { mutationFetcher } from '../utils/default-fetcher'
+import type { HookFetcherFn, MutationHook } from '../utils/types'
+import type { AddShippingAddressHook } from '../types/cart'
+import type { Provider } from '..'
+
+export type UseAddShippingAddress<
+  H extends MutationHook<AddShippingAddressHook<any>> = MutationHook<AddShippingAddressHook>
+> = ReturnType<H['useHook']>
+
+export const fetcher: HookFetcherFn<AddShippingAddressHook> = mutationFetcher
+
+const fn = (provider: Provider) => provider.cart?.useAddShippingAddress!
+
+const useRemoveItem: UseAddShippingAddress = (input) => {
+  const hook = useHook(fn)
+  return useMutationHook({ fetcher, ...hook })(input)
+}
+
+export default useRemoveItem

packages/commerce/src/index.tsx

@@ -27,6 +27,7 @@ export type Provider = CommerceConfig & {
   cart?: {
     useCart?: SWRHook<Cart.GetCartHook>
     useAddItem?: MutationHook<Cart.AddItemHook>
+    useAddShippingAddress?: MutationHook<Cart.AddShippingAddressHook>
     useUpdateItem?: MutationHook<Cart.UpdateItemHook>
     useRemoveItem?: MutationHook<Cart.RemoveItemHook>
   }

packages/commerce/src/types/cart.ts

@@ -54,6 +54,7 @@ export type ProductVariant = {
   // The variant's depth. If a depth was not explicitly specified on the
   // variant, this will be the product's depth.
   depth?: Measurement
+  options: ProductOption[]
 }
 
 // Shopping cart, a.k.a Checkout
@@ -80,6 +81,8 @@ export type Cart = {
   totalPrice: number
   // Discounts that have been applied on the cart.
   discounts?: Discount[]
+  // The total for taxes
+  taxes?: number
 }
 
 /**
@@ -89,6 +92,24 @@ export type CartItemBody = {
   variantId: string
   productId?: string
   quantity?: number
+  pricing?: {
+    amount: number
+    currencyCode: string
+  }
+}
+
+export type Address = {
+  cardholderName: string
+  firstName: string
+  lastName: string
+  company: string
+  addressLine1: string
+  addressLine2: string
+  postalCode: string
+  city: string
+  region: string
+  country: string
+  phone: string
 }
 
 /**
@@ -99,6 +120,7 @@ export type CartTypes = {
   cart?: Cart
   item: LineItem
   itemBody: CartItemBody
+  address: Address
 }
 
 export type CartHooks<T extends CartTypes = CartTypes> = {
@@ -139,6 +161,14 @@ export type RemoveItemHook<T extends CartTypes = CartTypes> = {
   actionInput: { id: string }
 }
 
+export type AddShippingAddressHook<T extends CartTypes = CartTypes> = {
+  data: T['cart'] | null
+  input: { address?: T['address'] }
+  fetcherInput: { address: Address }
+  body: { itemId: string }
+  actionInput: { id: string }
+}
+
 /**
  * API Schema
  */

packages/kibocommerce/src/cart/use-add-item.tsx

@@ -29,16 +29,18 @@ export const handler: MutationHook<AddItemHook> = {
 
     return data
   },
-  useHook: ({ fetch }) => () => {
-    const { mutate } = useCart()
+  useHook:
+    ({ fetch }) =>
+    () => {
+      const { mutate } = useCart()
 
-    return useCallback(
-      async function addItem(input) {
-        const data = await fetch({ input })
-        await mutate(data, false)
-        return data
-      },
-      [fetch, mutate]
-    )
-  },
+      return useCallback(
+        async function addItem(input) {
+          const data = await fetch({ input })
+          await mutate(data, false)
+          return data
+        },
+        [fetch, mutate]
+      )
+    },
 }

packages/kibocommerce/src/cart/use-cart.tsx

@@ -12,22 +12,24 @@ export const handler: SWRHook<any> = {
   async fetcher({ options, fetch }) {
     return await fetch({ ...options })
   },
-  useHook: ({ useData }) => (input) => {
-    const response = useData({
-      swrOptions: { revalidateOnFocus: false, ...input?.swrOptions },
-    })
+  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
+      return useMemo(
+        () =>
+          Object.create(response, {
+            isEmpty: {
+              get() {
+                return (response.data?.lineItems.length ?? 0) <= 0
+              },
+              enumerable: true,
             },
-            enumerable: true,
-          },
-        }),
-      [response]
-    )
-  },
+          }),
+        [response]
+      )
+    },
 }

packages/kibocommerce/src/cart/use-remove-item.tsx

@@ -30,27 +30,25 @@ export const handler = {
   }: HookFetcherContext<RemoveItemHook>) {
     return await fetch({ ...options, body: { itemId } })
   },
-  useHook: ({ fetch }: MutationHookContext<RemoveItemHook>) => <
-    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
+  useHook:
+    ({ fetch }: MutationHookContext<RemoveItemHook>) =>
+    <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',
-        })
-      }
+        if (!itemId) {
+          throw new ValidationError({
+            message: 'Invalid input used for this operation',
+          })
+        }
 
-      const data = await fetch({ input: { itemId } })
-      await mutate(data, false)
-      return data
-    }
+        const data = await fetch({ input: { itemId } })
+        await mutate(data, false)
+        return data
+      }
 
-    return useCallback(removeItem as RemoveItemFn<T>, [fetch, mutate])
-  },
+      return useCallback(removeItem as RemoveItemFn<T>, [fetch, mutate])
+    },
 }

packages/kibocommerce/src/cart/use-update-item.tsx

@@ -46,39 +46,39 @@ export const handler = {
       body: { itemId, item },
     })
   },
-  useHook: ({ fetch }: MutationHookContext<UpdateItemHook>) => <
-    T extends LineItem | undefined = undefined
-  >(
-    ctx: {
-      item?: T
-      wait?: number
-    } = {}
-  ) => {
-    const { item } = ctx
-    const { mutate } = useCart() as any
+  useHook:
+    ({ fetch }: MutationHookContext<UpdateItemHook>) =>
+    <T extends LineItem | undefined = undefined>(
+      ctx: {
+        item?: T
+        wait?: number
+      } = {}
+    ) => {
+      const { item } = ctx
+      const { mutate } = useCart() as any
 
-    return useCallback(
-      debounce(async (input: UpdateItemActionInput<T>) => {
-        const itemId = input.id ?? item?.id
-        const productId = input.productId ?? item?.productId
-        const variantId = input.productId ?? item?.variantId
+      return useCallback(
+        debounce(async (input: UpdateItemActionInput<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',
-          })
-        }
+          if (!itemId || !productId || !variantId) {
+            throw new ValidationError({
+              message: 'Invalid input used for this operation',
+            })
+          }
 
-        const data = await fetch({
-          input: {
-            itemId,
-            item: { productId, variantId, quantity: input.quantity },
-          },
-        })
-        await mutate(data, false)
-        return data
-      }, ctx.wait ?? 500),
-      [fetch, mutate]
-    )
-  },
+          const data = await fetch({
+            input: {
+              itemId,
+              item: { productId, variantId, quantity: input.quantity },
+            },
+          })
+          await mutate(data, false)
+          return data
+        }, ctx.wait ?? 500),
+        [fetch, mutate]
+      )
+    },
 }

packages/kibocommerce/src/customer/use-customer.tsx

@@ -13,12 +13,14 @@ export const handler: SWRHook<CustomerHook> = {
     const data = await fetch(options)
     return data?.customer ?? null
   },
-  useHook: ({ useData }) => (input) => {
-    return useData({
-      swrOptions: {
-        revalidateOnFocus: false,
-        ...input?.swrOptions,
-      },
-    })
-  },
+  useHook:
+    ({ useData }) =>
+    (input) => {
+      return useData({
+        swrOptions: {
+          revalidateOnFocus: false,
+          ...input?.swrOptions,
+        },
+      })
+    },
 }

packages/kibocommerce/src/wishlist/use-wishlist.tsx

@@ -43,10 +43,8 @@ export const handler: SWRHook<any> = {
             get() {
               return (response.data?.items?.length || 0) <= 0
             },
-            enumerable: true,
-          },
-        }),
-      [response]
-    )
-  },
+          }),
+        [response]
+      )
+    },
 }

packages/reactioncommerce/.env.template

@@ -0,0 +1,2 @@
+REACTION_API_DOMAIN=
+REACTION_SHOP_ID=