commerce/packages/commercejs/src/customer/use-customer.tsx

import Cookies from 'js-cookie'
import { decode } from 'jsonwebtoken'
import { SWRHook } from '@vercel/commerce/utils/types'
import useCustomer, { UseCustomer } from '@vercel/commerce/customer/use-customer'
import { CUSTOMER_COOKIE, API_URL } from '../constants'
import type { CustomerHook } from '../types/customer'

export default useCustomer as UseCustomer<typeof handler>
export const handler: SWRHook<CustomerHook> = {
  fetchOptions: {
    query: 'customer',
    method: '_request',
  },
  async fetcher({ options, fetch }) {
    const token = Cookies.get(CUSTOMER_COOKIE)
    if (!token) {
      return null
    }

    const decodedToken = decode(token) as { cid: string }
    const customer = await fetch({
      query: options.query,
      method: options.method,
      variables: [
        `${API_URL}/customers/${decodedToken.cid}`,
        'get',
        null,
        {},
        token,
      ],
    })
    return customer
  },
  useHook:
    ({ useData }) =>
    (input) => {
      return useData({
        swrOptions: {
          revalidateOnFocus: false,
          ...input?.swrOptions,
        },
      })
    },
}