fix: Add mutate instead of revalidate

framework/commercelayer/auth/use-login.tsx

@@ -30,7 +30,9 @@ export const handler: MutationHook<any> = {
         { username: email, password: password }
       )
       token &&
-        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, { expires: token.expires })
+        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, {
+          expires: token.expires,
+        })
       Cookies.set('CL_CUSTOMER_ID', token.data.owner_id as string)
       alert(`User "${email}" has successfully been logged in.`)
       return token
@@ -41,17 +43,16 @@ export const handler: MutationHook<any> = {
     }
   },
   useHook:
-  ({ fetch }) =>
-  () => {
-    const { revalidate } = useCustomer()
-
-    return useCallback(
-      async function login(input) {
-        const data = await fetch({ input })
-        await revalidate()
-        return data
-      },
-      [fetch, revalidate]
-    )
-  },
+    ({ fetch }) =>
+    () => {
+      const { mutate } = useCustomer()
+      return useCallback(
+        async function login(input) {
+          const data = await fetch({ input })
+          await mutate()
+          return data
+        },
+        [fetch]
+      )
+    },
 }

framework/commercelayer/auth/use-logout.tsx

@@ -2,6 +2,7 @@ import { useCallback } from 'react'
 import { MutationHook } from '@commerce/utils/types'
 import useLogout, { UseLogout } from '@commerce/auth/use-logout'
 import Cookies from 'js-cookie'
+import { useCustomer } from '@framework/customer'
 
 export default useLogout as UseLogout<typeof handler>
 
@@ -12,15 +13,18 @@ export const handler: MutationHook<any> = {
   async fetcher() {
     return null
   },
-  useHook: ({ fetch }) => () => {
-
-    return useCallback(
-      async function logout() {
-        Cookies.remove('CL_CUSTOMER_ID')
-        Cookies.remove('CL_CUSTOMER_TOKEN')
-        alert("Logout successful!")
-      },
-      [fetch]
-    )
-  },
+  useHook:
+    ({ fetch }) =>
+    () => {
+      const { mutate } = useCustomer()
+      return useCallback(
+        async function logout() {
+          Cookies.remove('CL_CUSTOMER_ID')
+          Cookies.remove('CL_CUSTOMER_TOKEN')
+          mutate()
+          alert('Logout successful!')
+        },
+        [fetch]
+      )
+    },
 }

framework/commercelayer/auth/use-signup.tsx

@@ -40,7 +40,9 @@ export const handler: MutationHook<any> = {
         { username: email, password: password }
       )
       token &&
-        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, { expires: token.expires })
+        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, {
+          expires: token.expires,
+        })
       Cookies.set('CL_CUSTOMER_ID', data.id)
       alert(`User "${email}" has successfully been created.`)
       return data
@@ -53,15 +55,15 @@ export const handler: MutationHook<any> = {
   useHook:
     ({ fetch }) =>
     () => {
-      const { revalidate } = useCustomer()
+      const { mutate } = useCustomer()
 
       return useCallback(
         async function signup(input) {
           const data = await fetch({ input })
-          await revalidate()
+          await mutate()
           return data
         },
-        [fetch, revalidate]
+        [fetch]
       )
     },
 }

framework/commercelayer/customer/use-customer.tsx

@@ -6,15 +6,18 @@ import { ENDPOINT } from '../const'
 
 export default useCustomer as UseCustomer<typeof handler>
 
-const customerId = Cookies.get('CL_CUSTOMER_ID')
-
 export const handler: SWRHook<CustomerHook> = {
   fetchOptions: {
-    url: `${ENDPOINT}/api/customers/${customerId}`,
+    url: `${ENDPOINT}/api/customers/`,
     method: 'GET',
   },
   async fetcher({ options, fetch }) {
-    const data: any = customerId ? await fetch({ ...options }) : null
+    let data: any = null
+    const customerId = Cookies.get('CL_CUSTOMER_ID')
+    if (customerId) {
+      options.url = `${options.url}/${customerId}`
+      data = await fetch({ ...options })
+    }
 
     return data
       ? ({