Use CommerceError for hooks

lib/bigcommerce/cart/use-add-item.tsx

@@ -1,5 +1,6 @@
 import { useCallback } from 'react'
-import { HookFetcher } from '@lib/commerce/utils/types'
+import type { HookFetcher } from '@lib/commerce/utils/types'
+import { CommerceError } from '@lib/commerce/utils/errors'
 import useCartAddItem from '@lib/commerce/cart/use-add-item'
 import type { ItemBody, AddItemBody } from '../api/cart'
 import useCart, { Cart } from './use-cart'
@@ -20,9 +21,9 @@ export const fetcher: HookFetcher<Cart, AddItemBody> = (
     item.quantity &&
     (!Number.isInteger(item.quantity) || item.quantity! < 1)
   ) {
-    throw new Error(
+    throw new CommerceError({
-      'The item quantity has to be a valid integer greater than 0'
+      message: 'The item quantity has to be a valid integer greater than 0',
-    )
+    })
   }
 
   return fetch({

lib/bigcommerce/cart/use-update-item.tsx

@@ -1,6 +1,7 @@
 import { useCallback } from 'react'
 import debounce from 'lodash.debounce'
-import { HookFetcher } from '@lib/commerce/utils/types'
+import type { HookFetcher } from '@lib/commerce/utils/types'
+import { CommerceError } from '@lib/commerce/utils/errors'
 import useCartUpdateItem from '@lib/commerce/cart/use-update-item'
 import type { ItemBody, UpdateItemBody } from '../api/cart'
 import { fetcher as removeFetcher } from './use-remove-item'
@@ -24,7 +25,9 @@ export const fetcher: HookFetcher<Cart | null, UpdateItemBody> = (
       return removeFetcher(null, { itemId }, fetch)
     }
   } else if (item.quantity) {
-    throw new Error('The item quantity has to be a valid integer')
+    throw new CommerceError({
+      message: 'The item quantity has to be a valid integer',
+    })
   }
 
   return fetch({

lib/bigcommerce/use-login.tsx

@@ -1,5 +1,6 @@
 import { useCallback } from 'react'
-import { HookFetcher } from '@lib/commerce/utils/types'
+import type { HookFetcher } from '@lib/commerce/utils/types'
+import { CommerceError } from '@lib/commerce/utils/errors'
 import useCommerceLogin from '@lib/commerce/use-login'
 import type { LoginBody } from './api/customers/login'
 
@@ -16,9 +17,10 @@ export const fetcher: HookFetcher<null, LoginBody> = (
   fetch
 ) => {
   if (!(email && password)) {
-    throw new Error(
+    throw new CommerceError({
-      'A first name, last name, email and password are required to login'
+      message:
-    )
+        'A first name, last name, email and password are required to login',
+    })
   }
 
   return fetch({

lib/bigcommerce/use-signup.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
-import { CommerceError } from '@lib/commerce/utils/errors'
 import type { HookFetcher } from '@lib/commerce/utils/types'
+import { CommerceError } from '@lib/commerce/utils/errors'
 import useCommerceSignup from '@lib/commerce/use-signup'
 import type { SignupBody } from './api/customers/signup'