commerce/framework/commercelayer/customer/use-customer.tsx

import { SWRHook } from '@commerce/utils/types'
import { CustomerHook } from '@commerce/types/customer'
import useCustomer, { UseCustomer } from '@commerce/customer/use-customer'
import Cookies from 'js-cookie'
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}`,
    method: 'GET',
  },
  async fetcher({ options, fetch }) {
    const data: any = customerId ? await fetch({ ...options }) : null

    return data
      ? ({
          firstName: '',
          lastName: '',
          email: data.attributes.email ?? '',
        } as any)
      : null
  },

  useHook:
    ({ useData }) =>
    (input) => {
      return useData({
        swrOptions: {
          revalidateOnFocus: false,
          ...input?.swrOptions,
        },
      })
    },
}