diff --git a/framework/commercelayer/auth/use-logout.tsx b/framework/commercelayer/auth/use-logout.tsx index 9b3fc3e44..fd553ecd5 100644 --- a/framework/commercelayer/auth/use-logout.tsx +++ b/framework/commercelayer/auth/use-logout.tsx @@ -1,5 +1,7 @@ +import { useCallback } from 'react' import { MutationHook } from '@commerce/utils/types' import useLogout, { UseLogout } from '@commerce/auth/use-logout' +import Cookies from 'js-cookie' export default useLogout as UseLogout @@ -10,8 +12,15 @@ export const handler: MutationHook = { async fetcher() { return null }, - useHook: - ({ fetch }) => - () => - async () => {}, + useHook: ({ fetch }) => () => { + + return useCallback( + async function logout() { + Cookies.remove('CL_CUSTOMER_ID') + Cookies.remove('CL_CUSTOMER_TOKEN') + alert("Logout successful!") + }, + [fetch] + ) + }, } diff --git a/framework/commercelayer/index.tsx b/framework/commercelayer/index.tsx index 62421223f..4df8e8786 100644 --- a/framework/commercelayer/index.tsx +++ b/framework/commercelayer/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' import { ReactNode } from 'react' -import { localProvider } from './provider' +import { CommercelayerProvider } from './provider' import { CommerceConfig, CommerceProvider as CoreCommerceProvider, @@ -8,7 +8,7 @@ import { } from '@commerce' import useToken from './auth/use-token' -export const localConfig: CommerceConfig = { +export const commercelayerConfig: CommerceConfig = { locale: 'en-us', cartCookie: 'session', } @@ -24,8 +24,8 @@ export function CommerceProvider({ if (token) config.cartCookie = token return ( {children} diff --git a/framework/commercelayer/provider.ts b/framework/commercelayer/provider.ts index ff6aa577b..31f4a7534 100644 --- a/framework/commercelayer/provider.ts +++ b/framework/commercelayer/provider.ts @@ -9,8 +9,7 @@ import { handler as useLogin } from './auth/use-login' import { handler as useLogout } from './auth/use-logout' import { handler as useSignup } from './auth/use-signup' -export type Provider = typeof localProvider -export const localProvider = { +export const CommercelayerProvider = { locale: 'en-us', cartCookie: 'session', fetcher: fetcher, @@ -20,3 +19,5 @@ export const localProvider = { products: { useSearch }, auth: { useLogin, useLogout, useSignup }, } + +export type Provider = typeof CommercelayerProvider \ No newline at end of file