import { useCallback } from 'react' import { MutationHook } from '@commerce/utils/types' import useLogout, { UseLogout } from '@commerce/auth/use-logout' import useCustomer from '../customer/use-customer' import { LogoutMutation } from '../schema' import { logoutMutation } from '../utils/mutations/log-out-mutation' import { LogoutHook } from '../types/logout' export default useLogout as UseLogout export const handler: MutationHook = { fetchOptions: { query: logoutMutation, }, async fetcher({ options, fetch }) { await fetch({ ...options, }) return null }, useHook: ({ fetch }) => () => { const { mutate } = useCustomer() return useCallback( async function logout() { const data = await fetch() await mutate(null, false) return data }, [fetch, mutate] ) }, }