🤖 test cases for home and navbar component

README.md

@@ -25,6 +25,7 @@ Demo live at: [demo.vercel.store](https://demo.vercel.store/)
 yarn # run this comman in root folder of the mono repo
 yarn dev
 ```
+
 > If you encounter any problems while installing and running for the first time, please see the Troubleshoot section
 
 ## Features

cypress.json

@@ -0,0 +1,5 @@
+{
+  "baseUrl": "http://localhost:3000",
+  "viewportHeight": 1000,
+  "viewportWidth": 1280
+}

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/integration/header.spec.js

@@ -0,0 +1,18 @@
+describe('Header', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  it('links to the correct pages', () => {
+    cy.getBySel('logo').click()
+    cy.location('pathname').should('eq', '/')
+
+    cy.getBySel('nav-link-search').click()
+    cy.location('pathname').should('eq', '/search')
+
+    cy.getBySel('nav-link-home-page').click({ multiple: true })
+    cy.location('pathname').should('eq', '/search/featured')
+  })
+
+  it('the search bar returns the correct search results', () => {})
+})

cypress/integration/home.spec.js

@@ -0,0 +1,29 @@
+describe('Home Page', () => {
+  it('displays all 3 products on the home page', () => {
+    cy.visit('/')
+
+    cy.getBySel('product-tag')
+      .eq(0)
+      .within(() => {
+        cy.getBySel('product-name').should(
+          'contain',
+          'New Short Sleeve T-Shirt'
+        )
+        cy.getBySel('product-price').should('contain', '$25.00 USD')
+      })
+
+    cy.getBySel('product-tag')
+      .eq(1)
+      .within(() => {
+        cy.getBySel('product-name').should('contain', 'Lightweight Jacket')
+        cy.getBySel('product-price').should('contain', '$249.99 USD')
+      })
+
+    cy.getBySel('product-tag')
+      .eq(2)
+      .within(() => {
+        cy.getBySel('product-name').should('contain', 'Shirt')
+        cy.getBySel('product-price').should('contain', '$25.00 USD')
+      })
+  })
+})

cypress/plugins/index.js

@@ -0,0 +1,22 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}

cypress/support/commands.js

@@ -0,0 +1,29 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+Cypress.Commands.add('getBySel', (selector, ...args) => {
+  return cy.get(`[data-test=${selector}]`, ...args)
+})

cypress/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

package.json

@@ -11,9 +11,12 @@
     "dev": "turbo run dev",
     "start": "turbo run start",
     "types": "turbo run types",
-    "prettier-fix": "prettier --write ."
+    "prettier-fix": "prettier --write .",
+    "cypress:open": "cypress open",
+    "cypress:run": "cypress run"
   },
   "devDependencies": {
+    "cypress": "^9.5.4",
     "husky": "^7.0.4",
     "prettier": "^2.5.1",
     "turbo": "^1.1.2"

packages/bigcommerce/src/api/endpoints/checkout/get-checkout.ts

@@ -42,7 +42,7 @@ const getCheckout: CheckoutEndpoint['handlers']['getCheckout'] = async ({
       store_hash: config.storeHash,
       customer_id: customerId,
       channel_id: config.storeChannelId,
-      redirect_to: data.checkout_url.replace(config.storeUrl, ""),
+      redirect_to: data.checkout_url.replace(config.storeUrl, ''),
     }
     let token = jwt.sign(payload, config.storeApiClientSecret!, {
       algorithm: 'HS256',

packages/bigcommerce/src/cart/use-remove-item.tsx

@@ -4,8 +4,14 @@ import type {
   HookFetcherContext,
 } from '@vercel/commerce/utils/types'
 import { ValidationError } from '@vercel/commerce/utils/errors'
-import useRemoveItem, { UseRemoveItem } from '@vercel/commerce/cart/use-remove-item'
+import useRemoveItem, {
-import type { Cart, LineItem, RemoveItemHook } from '@vercel/commerce/types/cart'
+  UseRemoveItem,
+} from '@vercel/commerce/cart/use-remove-item'
+import type {
+  Cart,
+  LineItem,
+  RemoveItemHook,
+} from '@vercel/commerce/types/cart'
 import useCart from './use-cart'
 
 export type RemoveItemFn<T = any> = T extends LineItem

packages/bigcommerce/src/cart/use-update-item.tsx

@@ -5,7 +5,9 @@ import type {
   HookFetcherContext,
 } from '@vercel/commerce/utils/types'
 import { ValidationError } from '@vercel/commerce/utils/errors'
-import useUpdateItem, { UseUpdateItem } from '@vercel/commerce/cart/use-update-item'
+import useUpdateItem, {
+  UseUpdateItem,
+} from '@vercel/commerce/cart/use-update-item'
 import type { LineItem, UpdateItemHook } from '@vercel/commerce/types/cart'
 import { handler as removeItemHandler } from './use-remove-item'
 import useCart from './use-cart'

packages/bigcommerce/src/checkout/use-checkout.tsx

@@ -1,5 +1,7 @@
 import { SWRHook } from '@vercel/commerce/utils/types'
-import useCheckout, { UseCheckout } from '@vercel/commerce/checkout/use-checkout'
+import useCheckout, {
+  UseCheckout,
+} from '@vercel/commerce/checkout/use-checkout'
 
 export default useCheckout as UseCheckout<typeof handler>
 

packages/bigcommerce/src/customer/address/use-add-item.tsx

@@ -1,4 +1,6 @@
-import useAddItem, { UseAddItem } from '@vercel/commerce/customer/address/use-add-item'
+import useAddItem, {
+  UseAddItem,
+} from '@vercel/commerce/customer/address/use-add-item'
 import { MutationHook } from '@vercel/commerce/utils/types'
 
 export default useAddItem as UseAddItem<typeof handler>

packages/bigcommerce/src/customer/card/use-add-item.tsx

@@ -1,4 +1,6 @@
-import useAddItem, { UseAddItem } from '@vercel/commerce/customer/card/use-add-item'
+import useAddItem, {
+  UseAddItem,
+} from '@vercel/commerce/customer/card/use-add-item'
 import { MutationHook } from '@vercel/commerce/utils/types'
 
 export default useAddItem as UseAddItem<typeof handler>

packages/bigcommerce/src/customer/use-customer.tsx

@@ -1,5 +1,7 @@
 import { SWRHook } from '@vercel/commerce/utils/types'
-import useCustomer, { UseCustomer } from '@vercel/commerce/customer/use-customer'
+import useCustomer, {
+  UseCustomer,
+} from '@vercel/commerce/customer/use-customer'
 import type { CustomerHook } from '../types/customer'
 
 export default useCustomer as UseCustomer<typeof handler>

packages/bigcommerce/src/index.tsx

@@ -1,4 +1,7 @@
-import { getCommerceProvider, useCommerce as useCoreCommerce } from '@vercel/commerce'
+import {
+  getCommerceProvider,
+  useCommerce as useCoreCommerce,
+} from '@vercel/commerce'
 import { bigcommerceProvider, BigcommerceProvider } from './provider'
 
 export { bigcommerceProvider }

packages/commerce/new-provider.md

@@ -68,7 +68,10 @@ Then, open [/site/.env.template](/site/.env.template) and add the provider name
 Using BigCommerce as an example. The first thing to do is export a `CommerceProvider` component that includes a `provider` object with all the handlers that can be used for hooks:
 
 ```tsx
-import { getCommerceProvider, useCommerce as useCoreCommerce } from '@vercel/commerce'
+import {
+  getCommerceProvider,
+  useCommerce as useCoreCommerce,
+} from '@vercel/commerce'
 import { bigcommerceProvider, BigcommerceProvider } from './provider'
 
 export { bigcommerceProvider }
@@ -212,25 +215,26 @@ export const handler: MutationHook<AddItemHook> = {
 ```
 
 ## Showing progress and features
+
 When creating a PR for a new provider, include this list in the PR description and mark the progress as you push so we can organize the code review. Not all points are required (but advised) so make sure to keep the list up to date.
 
 **Status**
 
-* [ ]  CommerceProvider
+- [ ] CommerceProvider
-* [ ]  Schema & TS types
+- [ ] Schema & TS types
-* [ ]  API Operations - Get all collections
+- [ ] API Operations - Get all collections
-* [ ]  API Operations - Get all pages
+- [ ] API Operations - Get all pages
-* [ ]  API Operations - Get all products
+- [ ] API Operations - Get all products
-* [ ]  API Operations - Get page
+- [ ] API Operations - Get page
-* [ ]  API Operations - Get product
+- [ ] API Operations - Get product
-* [ ]  API Operations - Get Shop Info (categories and vendors working — `vendors` query still a WIP PR on Reaction)
+- [ ] API Operations - Get Shop Info (categories and vendors working — `vendors` query still a WIP PR on Reaction)
-* [ ]  Hook - Add Item
+- [ ] Hook - Add Item
-* [ ]  Hook - Remove Item
+- [ ] Hook - Remove Item
-* [ ]  Hook - Update Item
+- [ ] Hook - Update Item
-* [ ]  Hook - Get Cart (account-tied carts working, anonymous carts working, cart reconciliation working)
+- [ ] Hook - Get Cart (account-tied carts working, anonymous carts working, cart reconciliation working)
-* [ ]  Auth (based on a WIP PR on Reaction - still need to implement refresh tokens)
+- [ ] Auth (based on a WIP PR on Reaction - still need to implement refresh tokens)
-* [ ]  Customer information
+- [ ] Customer information
-* [ ]  Product attributes - Size, Colors
+- [ ] Product attributes - Size, Colors
-* [ ]  Custom checkout
+- [ ] Custom checkout
-* [ ]  Typing (in progress)
+- [ ] Typing (in progress)
-* [ ]  Tests
+- [ ] Tests

packages/commerce/src/api/endpoints/cart.ts

@@ -3,8 +3,10 @@ import { CommerceAPIError } from '../utils/errors'
 import isAllowedOperation from '../utils/is-allowed-operation'
 import type { GetAPISchema } from '..'
 
-const cartEndpoint: GetAPISchema<any, CartSchema<any>>['endpoint']['handler'] =
+const cartEndpoint: GetAPISchema<
-  async (ctx) => {
+  any,
+  CartSchema<any>
+>['endpoint']['handler'] = async (ctx) => {
   const { req, res, handlers, config } = ctx
 
   if (
@@ -55,6 +57,6 @@ const cartEndpoint: GetAPISchema<any, CartSchema<any>>['endpoint']['handler'] =
 
     res.status(500).json({ data: null, errors: [{ message }] })
   }
-  }
+}
 
 export default cartEndpoint

packages/commerce/src/api/endpoints/logout.ts

@@ -3,8 +3,10 @@ import { CommerceAPIError } from '../utils/errors'
 import isAllowedOperation from '../utils/is-allowed-operation'
 import type { GetAPISchema } from '..'
 
-const logoutEndpoint: GetAPISchema<any, LogoutSchema>['endpoint']['handler'] =
+const logoutEndpoint: GetAPISchema<
-  async (ctx) => {
+  any,
+  LogoutSchema
+>['endpoint']['handler'] = async (ctx) => {
   const { req, res, handlers } = ctx
 
   if (
@@ -30,6 +32,6 @@ const logoutEndpoint: GetAPISchema<any, LogoutSchema>['endpoint']['handler'] =
 
     res.status(500).json({ data: null, errors: [{ message }] })
   }
-  }
+}
 
 export default logoutEndpoint

packages/commerce/src/api/endpoints/signup.ts

@@ -3,8 +3,10 @@ import { CommerceAPIError } from '../utils/errors'
 import isAllowedOperation from '../utils/is-allowed-operation'
 import type { GetAPISchema } from '..'
 
-const signupEndpoint: GetAPISchema<any, SignupSchema>['endpoint']['handler'] =
+const signupEndpoint: GetAPISchema<
-  async (ctx) => {
+  any,
+  SignupSchema
+>['endpoint']['handler'] = async (ctx) => {
   const { req, res, handlers, config } = ctx
 
   if (
@@ -31,6 +33,6 @@ const signupEndpoint: GetAPISchema<any, SignupSchema>['endpoint']['handler'] =
 
     res.status(500).json({ data: null, errors: [{ message }] })
   }
-  }
+}
 
 export default signupEndpoint

packages/commercejs/src/cart/use-remove-item.tsx

@@ -1,7 +1,9 @@
 import { useCallback } from 'react'
 import type { MutationHook } from '@vercel/commerce/utils/types'
 import type { RemoveItemHook } from '@vercel/commerce/types/cart'
-import useRemoveItem, { UseRemoveItem } from '@vercel/commerce/cart/use-remove-item'
+import useRemoveItem, {
+  UseRemoveItem,
+} from '@vercel/commerce/cart/use-remove-item'
 import type { CommercejsCart } from '../types/cart'
 import { normalizeCart } from '../utils/normalize-cart'
 import useCart from './use-cart'

packages/commercejs/src/cart/use-update-item.tsx

@@ -6,7 +6,9 @@ import type {
 import { ValidationError } from '@vercel/commerce/utils/errors'
 import debounce from 'lodash.debounce'
 import { useCallback } from 'react'
-import useUpdateItem, { UseUpdateItem } from '@vercel/commerce/cart/use-update-item'
+import useUpdateItem, {
+  UseUpdateItem,
+} from '@vercel/commerce/cart/use-update-item'
 import type { CommercejsCart } from '../types/cart'
 import { normalizeCart } from '../utils/normalize-cart'
 import useCart from './use-cart'

packages/commercejs/src/checkout/use-checkout.tsx

@@ -2,7 +2,9 @@ import type { GetCheckoutHook } from '@vercel/commerce/types/checkout'
 
 import { useMemo } from 'react'
 import { SWRHook } from '@vercel/commerce/utils/types'
-import useCheckout, { UseCheckout } from '@vercel/commerce/checkout/use-checkout'
+import useCheckout, {
+  UseCheckout,
+} from '@vercel/commerce/checkout/use-checkout'
 import useSubmitCheckout from './use-submit-checkout'
 import { useCheckoutContext } from '@components/checkout/context'
 

packages/commercejs/src/customer/address/use-add-item.tsx

@@ -1,7 +1,9 @@
 import type { AddItemHook } from '@vercel/commerce/types/customer/address'
 import type { MutationHook } from '@vercel/commerce/utils/types'
 import { useCallback } from 'react'
-import useAddItem, { UseAddItem } from '@vercel/commerce/customer/address/use-add-item'
+import useAddItem, {
+  UseAddItem,
+} from '@vercel/commerce/customer/address/use-add-item'
 import { useCheckoutContext } from '@components/checkout/context'
 
 export default useAddItem as UseAddItem<typeof handler>

packages/commercejs/src/customer/card/use-add-item.tsx

@@ -1,7 +1,9 @@
 import type { AddItemHook } from '@vercel/commerce/types/customer/card'
 import type { MutationHook } from '@vercel/commerce/utils/types'
 import { useCallback } from 'react'
-import useAddItem, { UseAddItem } from '@vercel/commerce/customer/card/use-add-item'
+import useAddItem, {
+  UseAddItem,
+} from '@vercel/commerce/customer/card/use-add-item'
 import { useCheckoutContext } from '@components/checkout/context'
 
 export default useAddItem as UseAddItem<typeof handler>

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

@@ -1,7 +1,9 @@
 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 useCustomer, {
+  UseCustomer,
+} from '@vercel/commerce/customer/use-customer'
 import { CUSTOMER_COOKIE, API_URL } from '../constants'
 import type { CustomerHook } from '../types/customer'
 

packages/commercejs/src/index.tsx

@@ -1,5 +1,8 @@
 import { commercejsProvider, CommercejsProvider } from './provider'
-import { getCommerceProvider, useCommerce as useCoreCommerce } from '@vercel/commerce'
+import {
+  getCommerceProvider,
+  useCommerce as useCoreCommerce,
+} from '@vercel/commerce'
 
 export { commercejsProvider }
 export type { CommercejsProvider }

packages/kibocommerce/README.md

@@ -24,12 +24,12 @@ KIBO_AUTH_URL='https://home.mozu.com'
 - `KIBO_CLIENT_ID` - Unique Application (Client) ID of your Application
 - `KIBO_SHARED_SECRET` - Secret API key used to authenticate application/client id.
 
-
 Your Kibo Client ID and Shared Secret can be found from your [Kibo eCommerce Dev Center](https://mozu.com/login)
 
 Visit [Kibo documentation](https://apidocs.kibong-perf.com/?spec=graphql#auth) for more details on API authentication
 
 Based on the config, this integration will handle Authenticating your application against the Kibo API using the Kibo Client ID and Kibo Shared Secret.
+
 ## Contribute
 
 Our commitment to Open Source can be found [here](https://vercel.com/oss).

packages/kibocommerce/codegen.json

@@ -18,4 +18,4 @@
   "hooks": {
     "afterAllFileWrite": ["prettier --write"]
   }
-  }
+}

packages/kibocommerce/schema.d.ts

@@ -2,10 +2,12 @@ export type Maybe<T> = T | null
 export type Exact<T extends { [key: string]: unknown }> = {
   [K in keyof T]: T[K]
 }
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> &
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
-  { [SubKey in K]?: Maybe<T[SubKey]> }
+  [SubKey in K]?: Maybe<T[SubKey]>
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> &
+}
-  { [SubKey in K]: Maybe<T[SubKey]> }
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+  [SubKey in K]: Maybe<T[SubKey]>
+}
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
   ID: string

packages/kibocommerce/src/api/endpoints/cart/add-item.ts

@@ -74,7 +74,7 @@ const addItem: CartEndpoint['handlers']['addItem'] = async ({
 
   if (!cookieHandler.getAccessToken()) {
     let anonymousShopperTokenResponse = await cookieHandler.getAnonymousToken()
-    accessToken = anonymousShopperTokenResponse.accessToken;
+    accessToken = anonymousShopperTokenResponse.accessToken
   } else {
     accessToken = cookieHandler.getAccessToken()
   }

packages/kibocommerce/src/api/endpoints/cart/get-cart.ts

@@ -16,7 +16,8 @@ const getCart: CartEndpoint['handlers']['getCart'] = async ({
     let accessToken = null
 
     if (!cookieHandler.getAccessToken()) {
-      let anonymousShopperTokenResponse = await cookieHandler.getAnonymousToken()
+      let anonymousShopperTokenResponse =
+        await cookieHandler.getAnonymousToken()
       const response = anonymousShopperTokenResponse.response
       accessToken = anonymousShopperTokenResponse.accessToken
       cookieHandler.setAnonymousShopperCookie(response)

packages/kibocommerce/src/api/endpoints/cart/index.ts

@@ -1,8 +1,8 @@
 import { GetAPISchema, createEndpoint } from '@vercel/commerce/api'
 import cartEndpoint from '@vercel/commerce/api/endpoints/cart'
 import type { KiboCommerceAPI } from '../..'
-import getCart from './get-cart';
+import getCart from './get-cart'
-import addItem from './add-item';
+import addItem from './add-item'
 import updateItem from './update-item'
 import removeItem from './remove-item'
 

packages/kibocommerce/src/api/endpoints/catalog/products/products.ts

@@ -2,16 +2,16 @@ import { Product } from '@vercel/commerce/types/product'
 import { ProductsEndpoint } from '.'
 import productSearchQuery from '../../../queries/product-search-query'
 import { buildProductSearchVars } from '../../../../lib/product-search-vars'
-import {normalizeProduct} from '../../../../lib/normalize'
+import { normalizeProduct } from '../../../../lib/normalize'
 
 const getProducts: ProductsEndpoint['handlers']['getProducts'] = async ({
   res,
   body: { search, categoryId, brandId, sort },
   config,
 }) => {
-  const pageSize = 100;
+  const pageSize = 100
-  const filters = {};
+  const filters = {}
-  const startIndex = 0;
+  const startIndex = 0
   const variables = buildProductSearchVars({
     categoryCode: categoryId,
     pageSize,
@@ -20,12 +20,14 @@ const getProducts: ProductsEndpoint['handlers']['getProducts'] = async ({
     filters,
     startIndex,
   })
-  const {data} = await config.fetch(productSearchQuery, { variables });
+  const { data } = await config.fetch(productSearchQuery, { variables })
-  const found = data?.products?.items?.length > 0 ? true : false;
+  const found = data?.products?.items?.length > 0 ? true : false
-  let productsResponse= data?.products?.items.map((item: any) =>normalizeProduct(item,config));
+  let productsResponse = data?.products?.items.map((item: any) =>
-  const products: Product[] = found ?  productsResponse : [];
+    normalizeProduct(item, config)
+  )
+  const products: Product[] = found ? productsResponse : []
 
-  res.status(200).json({ data: { products, found } });
+  res.status(200).json({ data: { products, found } })
 }
 
 export default getProducts

packages/kibocommerce/src/api/endpoints/customer/customer.ts

@@ -3,13 +3,10 @@ import type { CustomerEndpoint } from '.'
 import { getCustomerAccountQuery } from '../../queries/get-customer-account-query'
 import { normalizeCustomer } from '../../../lib/normalize'
 
-const getLoggedInCustomer: CustomerEndpoint['handlers']['getLoggedInCustomer'] = async ({
+const getLoggedInCustomer: CustomerEndpoint['handlers']['getLoggedInCustomer'] =
-  req,
+  async ({ req, res, config }) => {
-  res,
-  config,
-}) => {
     const cookieHandler = new CookieHandler(config, req, res)
-  let accessToken = cookieHandler.getAccessToken();
+    let accessToken = cookieHandler.getAccessToken()
 
     if (!cookieHandler.isShopperCookieAnonymous()) {
       const { data } = await config.fetch(getCustomerAccountQuery, undefined, {
@@ -31,6 +28,6 @@ const getLoggedInCustomer: CustomerEndpoint['handlers']['getLoggedInCustomer'] =
     }
 
     res.status(200).json({ data: null })
-}
+  }
 
 export default getLoggedInCustomer

packages/kibocommerce/src/api/endpoints/login/index.ts

@@ -15,6 +15,4 @@ const loginApi = createEndpoint<LoginAPI>({
   handlers,
 })
 
-export default loginApi;
+export default loginApi
-
-

packages/kibocommerce/src/api/endpoints/login/login.ts

@@ -1,7 +1,7 @@
 import { FetcherError } from '@vercel/commerce/utils/errors'
 import type { LoginEndpoint } from '.'
 import { loginMutation } from '../../mutations/login-mutation'
-import { prepareSetCookie } from '../../../lib/prepare-set-cookie';
+import { prepareSetCookie } from '../../../lib/prepare-set-cookie'
 import { setCookies } from '../../../lib/set-cookie'
 import { getCookieExpirationDate } from '../../../lib/get-cookie-expiration-date'
 
@@ -14,7 +14,6 @@ const login: LoginEndpoint['handlers']['login'] = async ({
   config,
   commerce,
 }) => {
-
   if (!(email && password)) {
     return res.status(400).json({
       data: null,
@@ -22,23 +21,23 @@ const login: LoginEndpoint['handlers']['login'] = async ({
     })
   }
 
-  let response;
+  let response
   try {
-
+    const variables = { loginInput: { username: email, password } }
-    const variables = { loginInput : { username: email, password }};
     response = await config.fetch(loginMutation, { variables })
-    const { account: token }  = response.data;
+    const { account: token } = response.data
 
     // Set Cookie
-    const cookieExpirationDate = getCookieExpirationDate(config.customerCookieMaxAgeInDays)
+    const cookieExpirationDate = getCookieExpirationDate(
+      config.customerCookieMaxAgeInDays
+    )
 
     const authCookie = prepareSetCookie(
       config.customerCookie,
       JSON.stringify(token),
-      token.accessTokenExpiration ? { expires: cookieExpirationDate }: {},
+      token.accessTokenExpiration ? { expires: cookieExpirationDate } : {}
     )
     setCookies(res, [authCookie])
-
   } catch (error) {
     // Check if the email and password didn't match an existing account
     if (

packages/kibocommerce/src/api/endpoints/logout/logout.ts

@@ -1,6 +1,6 @@
 import type { LogoutEndpoint } from '.'
-import {prepareSetCookie} from '../../../lib/prepare-set-cookie';
+import { prepareSetCookie } from '../../../lib/prepare-set-cookie'
-import {setCookies} from '../../../lib/set-cookie'
+import { setCookies } from '../../../lib/set-cookie'
 
 const logout: LogoutEndpoint['handlers']['logout'] = async ({
   res,
@@ -8,7 +8,10 @@ const logout: LogoutEndpoint['handlers']['logout'] = async ({
   config,
 }) => {
   // Remove the cookie
-  const authCookie = prepareSetCookie(config.customerCookie,'',{ maxAge: -1, path: '/'  })
+  const authCookie = prepareSetCookie(config.customerCookie, '', {
+    maxAge: -1,
+    path: '/',
+  })
   setCookies(res, [authCookie])
 
   // Only allow redirects to a relative URL

packages/kibocommerce/src/api/endpoints/signup/signup.ts

@@ -1,7 +1,10 @@
 import { FetcherError } from '@vercel/commerce/utils/errors'
 import type { SignupEndpoint } from '.'
-import { registerUserMutation, registerUserLoginMutation } from '../../mutations/signup-mutation'
+import {
-import { prepareSetCookie } from '../../../lib/prepare-set-cookie';
+  registerUserMutation,
+  registerUserLoginMutation,
+} from '../../mutations/signup-mutation'
+import { prepareSetCookie } from '../../../lib/prepare-set-cookie'
 import { setCookies } from '../../../lib/set-cookie'
 import { getCookieExpirationDate } from '../../../lib/get-cookie-expiration-date'
 
@@ -14,7 +17,6 @@ const signup: SignupEndpoint['handlers']['signup'] = async ({
   config,
   commerce,
 }) => {
-
   if (!(email && password)) {
     return res.status(400).json({
       data: null,
@@ -22,9 +24,8 @@ const signup: SignupEndpoint['handlers']['signup'] = async ({
     })
   }
 
-  let response;
+  let response
   try {
-
     // Register user
     const registerUserVariables = {
       customerAccountInput: {
@@ -32,12 +33,14 @@ const signup: SignupEndpoint['handlers']['signup'] = async ({
         firstName: firstName,
         lastName: lastName,
         acceptsMarketing: true,
-          id: 0
+        id: 0,
-        }
+      },
     }
 
-    const registerUserResponse = await  config.fetch(registerUserMutation, { variables: registerUserVariables})
+    const registerUserResponse = await config.fetch(registerUserMutation, {
-    const accountId  = registerUserResponse.data?.account?.id;
+      variables: registerUserVariables,
+    })
+    const accountId = registerUserResponse.data?.account?.id
 
     // Login user
     const registerUserLoginVairables = {
@@ -46,24 +49,27 @@ const signup: SignupEndpoint['handlers']['signup'] = async ({
         emailAddress: email,
         username: email,
         password: password,
-          isImport: false
+        isImport: false,
-      }
+      },
     }
 
-    response = await  config.fetch(registerUserLoginMutation, { variables: registerUserLoginVairables})
+    response = await config.fetch(registerUserLoginMutation, {
-    const { account: token }  = response.data;
+      variables: registerUserLoginVairables,
+    })
+    const { account: token } = response.data
 
     // Set Cookie
-    const cookieExpirationDate = getCookieExpirationDate(config.customerCookieMaxAgeInDays)
+    const cookieExpirationDate = getCookieExpirationDate(
+      config.customerCookieMaxAgeInDays
+    )
 
     const authCookie = prepareSetCookie(
       config.customerCookie,
       JSON.stringify(token),
-      token.accessTokenExpiration ? { expires: cookieExpirationDate }: {},
+      token.accessTokenExpiration ? { expires: cookieExpirationDate } : {}
     )
 
     setCookies(res, [authCookie])
-
   } catch (error) {
     // Check if the email and password didn't match an existing account
     if (

packages/kibocommerce/src/api/endpoints/wishlist/add-item.ts

@@ -11,7 +11,7 @@ const buildAddToWishlistVariables = ({
   productId,
   variantId,
   productResponse,
-  wishlist
+  wishlist,
 }: {
   productId: string
   variantId: string
@@ -23,7 +23,7 @@ const buildAddToWishlistVariables = ({
   const selectedOptions = product.variations?.find(
     (v: any) => v.productCode === variantId
   ).options
-  const quantity=1
+  const quantity = 1
   let options: any[] = []
   selectedOptions?.forEach((each: any) => {
     product?.options
@@ -47,7 +47,7 @@ const buildAddToWishlistVariables = ({
         productCode: productId,
         variationProductCode: variantId ? variantId : null,
         options,
-      }
+      },
     },
   }
 }
@@ -58,8 +58,10 @@ const addItem: WishlistEndpoint['handlers']['addItem'] = async ({
   config,
   commerce,
 }) => {
-  const token = customerToken ? Buffer.from(customerToken, 'base64').toString('ascii'): null;
+  const token = customerToken
-  const accessToken = token ? JSON.parse(token).accessToken : null;
+    ? Buffer.from(customerToken, 'base64').toString('ascii')
+    : null
+  const accessToken = token ? JSON.parse(token).accessToken : null
   let result: { data?: any } = {}
   let wishlist: any
 
@@ -70,8 +72,9 @@ const addItem: WishlistEndpoint['handlers']['addItem'] = async ({
     })
   }
 
-  const customerId = customerToken && (await getCustomerId({ customerToken, config }))
+  const customerId =
-  const wishlistName= config.defaultWishlistName
+    customerToken && (await getCustomerId({ customerToken, config }))
+  const wishlistName = config.defaultWishlistName
 
   if (!customerId) {
     return res.status(400).json({
@@ -84,16 +87,21 @@ const addItem: WishlistEndpoint['handlers']['addItem'] = async ({
     variables: { customerId, wishlistName },
     config,
   })
-  wishlist= wishlistResponse?.wishlist
+  wishlist = wishlistResponse?.wishlist
-  if(Object.keys(wishlist).length === 0) {
+  if (Object.keys(wishlist).length === 0) {
-    const createWishlistResponse= await config.fetch(createWishlist, {variables: {
+    const createWishlistResponse = await config.fetch(
+      createWishlist,
+      {
+        variables: {
           wishlistInput: {
             customerAccountId: customerId,
-        name: wishlistName
+            name: wishlistName,
-      }
+          },
-    }
+        },
-  }, {headers: { 'x-vol-user-claims': accessToken } })
+      },
-  wishlist= createWishlistResponse?.data?.createWishlist
+      { headers: { 'x-vol-user-claims': accessToken } }
+    )
+    wishlist = createWishlistResponse?.data?.createWishlist
   }
 
   const productResponse = await config.fetch(getProductQuery, {
@@ -103,20 +111,31 @@ const addItem: WishlistEndpoint['handlers']['addItem'] = async ({
   const addItemToWishlistResponse = await config.fetch(
     addItemToWishlistMutation,
     {
-      variables: buildAddToWishlistVariables({ ...item, productResponse, wishlist }),
+      variables: buildAddToWishlistVariables({
+        ...item,
+        productResponse,
+        wishlist,
+      }),
     },
     { headers: { 'x-vol-user-claims': accessToken } }
   )
 
-  if(addItemToWishlistResponse?.data?.createWishlistItem){
+  if (addItemToWishlistResponse?.data?.createWishlistItem) {
-    const wishlistResponse= await commerce.getCustomerWishlist({
+    const wishlistResponse = await commerce.getCustomerWishlist({
       variables: { customerId, wishlistName },
       config,
     })
-    wishlist= wishlistResponse?.wishlist
+    wishlist = wishlistResponse?.wishlist
   }
 
-  result = { data: {...wishlist, items: wishlist?.items?.map((item:any) => normalizeWishlistItem(item, config))} }
+  result = {
+    data: {
+      ...wishlist,
+      items: wishlist?.items?.map((item: any) =>
+        normalizeWishlistItem(item, config)
+      ),
+    },
+  }
 
   res.status(200).json({ data: result?.data })
 }

packages/kibocommerce/src/api/endpoints/wishlist/get-wishlist.ts

@@ -11,8 +11,9 @@ const getWishlist: WishlistEndpoint['handlers']['getWishlist'] = async ({
 }) => {
   let result: { data?: any } = {}
   if (customerToken) {
-    const customerId = customerToken && (await getCustomerId({ customerToken, config }))
+    const customerId =
-    const wishlistName= config.defaultWishlistName
+      customerToken && (await getCustomerId({ customerToken, config }))
+    const wishlistName = config.defaultWishlistName
     if (!customerId) {
       // If the customerToken is invalid, then this request is too
       return res.status(404).json({
@@ -26,7 +27,14 @@ const getWishlist: WishlistEndpoint['handlers']['getWishlist'] = async ({
       config,
     })
 
-    result = { data: {...wishlist, items: wishlist?.items?.map((item:any) => normalizeWishlistItem(item, config, includeProducts))} }
+    result = {
+      data: {
+        ...wishlist,
+        items: wishlist?.items?.map((item: any) =>
+          normalizeWishlistItem(item, config, includeProducts)
+        ),
+      },
+    }
   }
 
   res.status(200).json({ data: result?.data ?? null })

packages/kibocommerce/src/api/endpoints/wishlist/remove-item.ts

@@ -10,18 +10,21 @@ const removeItem: WishlistEndpoint['handlers']['removeItem'] = async ({
   config,
   commerce,
 }) => {
-  const token = customerToken ? Buffer.from(customerToken, 'base64').toString('ascii'): null;
+  const token = customerToken
-  const accessToken = token ? JSON.parse(token).accessToken : null;
+    ? Buffer.from(customerToken, 'base64').toString('ascii')
+    : null
+  const accessToken = token ? JSON.parse(token).accessToken : null
   let result: { data?: any } = {}
   let wishlist: any
 
-  const customerId = customerToken && (await getCustomerId({ customerToken, config }))
+  const customerId =
-  const wishlistName= config.defaultWishlistName
+    customerToken && (await getCustomerId({ customerToken, config }))
+  const wishlistName = config.defaultWishlistName
   const wishlistResponse = await commerce.getCustomerWishlist({
     variables: { customerId, wishlistName },
     config,
   })
-  wishlist= wishlistResponse?.wishlist 
+  wishlist = wishlistResponse?.wishlist
 
   if (!wishlist || !itemId) {
     return res.status(400).json({
@@ -29,31 +32,36 @@ const removeItem: WishlistEndpoint['handlers']['removeItem'] = async ({
       errors: [{ message: 'Invalid request' }],
     })
   }
-  const removedItem = wishlist?.items?.find(
+  const removedItem = wishlist?.items?.find((item: any) => {
-    (item:any) => {
+    return item.product.productCode === itemId
-      return item.product.productCode === itemId;
+  })
-    }
-  );
 
   const removeItemFromWishlistResponse = await config.fetch(
     removeItemFromWishlistMutation,
     {
       variables: {
         wishlistId: wishlist?.id,
-        wishlistItemId: removedItem?.id
+        wishlistItemId: removedItem?.id,
       },
     },
     { headers: { 'x-vol-user-claims': accessToken } }
   )
 
-  if(removeItemFromWishlistResponse?.data?.deleteWishlistItem){
+  if (removeItemFromWishlistResponse?.data?.deleteWishlistItem) {
-    const wishlistResponse= await commerce.getCustomerWishlist({
+    const wishlistResponse = await commerce.getCustomerWishlist({
       variables: { customerId, wishlistName },
       config,
     })
-    wishlist= wishlistResponse?.wishlist
+    wishlist = wishlistResponse?.wishlist
+  }
+  result = {
+    data: {
+      ...wishlist,
+      items: wishlist?.items?.map((item: any) =>
+        normalizeWishlistItem(item, config)
+      ),
+    },
   }
-  result = { data: {...wishlist, items: wishlist?.items?.map((item:any) => normalizeWishlistItem(item, config))} }
   res.status(200).json({ data: result?.data })
 }
 

packages/kibocommerce/src/api/fragments/cartItemDetails.ts

@@ -1,5 +1,5 @@
 import { productDetails } from '../fragments/productDetails'
-export const cartItemDetails = /*GraphQL*/`
+export const cartItemDetails = /*GraphQL*/ `
 fragment cartItemDetails on CartItem {
   id
   product {
@@ -8,4 +8,4 @@ fragment cartItemDetails on CartItem {
   quantity
 }
 ${productDetails}
-`;
+`

packages/kibocommerce/src/api/fragments/category.ts

@@ -1,5 +1,5 @@
-export const CategoryInfo = /* GraphQL */`
+export const CategoryInfo = /* GraphQL */ `
-fragment categoryInfo on PrCategory {
+  fragment categoryInfo on PrCategory {
     categoryId
     categoryCode
     isDisplayed
@@ -8,4 +8,5 @@ fragment categoryInfo on PrCategory {
       slug
       description
     }
-}`;
+  }
+`

packages/kibocommerce/src/api/fragments/product.ts

@@ -1,17 +1,23 @@
-export const productPrices = /* GraphQL */`
+export const productPrices = /* GraphQL */ `
-fragment productPrices on Product {
+  fragment productPrices on Product {
     price {
       price
       salePrice
     }
     priceRange {
-        lower { price, salePrice}
+      lower {
-        upper { price, salePrice }
+        price
+        salePrice
+      }
+      upper {
+        price
+        salePrice
       }
     }
-`;
+  }
-export const productAttributes = /* GraphQL */`
+`
-fragment productAttributes on Product {
+export const productAttributes = /* GraphQL */ `
+  fragment productAttributes on Product {
     properties {
       attributeFQN
       attributeDetail {
@@ -23,10 +29,10 @@ fragment productAttributes on Product {
         stringValue
       }
     }
-}
+  }
-`;
+`
-export const productContent = /* GraphQL */`
+export const productContent = /* GraphQL */ `
-fragment productContent on Product {
+  fragment productContent on Product {
     content {
       productFullDescription
       productShortDescription
@@ -38,10 +44,10 @@ fragment productContent on Product {
         mediaType
       }
     }
-}
+  }
-`;
+`
-export const productOptions = /* GraphQL */`
+export const productOptions = /* GraphQL */ `
-fragment productOptions on Product {
+  fragment productOptions on Product {
     options {
       attributeFQN
       attributeDetail {
@@ -57,10 +63,10 @@ fragment productOptions on Product {
         stringValue
       }
     }
-}
+  }
-`;
+`
-export const productInfo = /* GraphQL */`
+export const productInfo = /* GraphQL */ `
-fragment productInfo on Product {
+  fragment productInfo on Product {
     productCode
     productUsage
 
@@ -69,7 +75,7 @@ fragment productInfo on Product {
     }
 
     variations {
-          productCode,
+      productCode
       options {
         __typename
         attributeFQN
@@ -90,9 +96,9 @@ fragment productInfo on Product {
     ...productAttributes
     ...productContent
     ...productOptions
-}
+  }
-${productPrices}
+  ${productPrices}
-${productAttributes}
+  ${productAttributes}
-${productContent}
+  ${productContent}
-${productOptions}
+  ${productOptions}
-`;
+`

packages/kibocommerce/src/api/fragments/productDetails.ts

@@ -26,5 +26,5 @@ export const productDetails = /* GraphQL */ `
     categories {
       id
     }
-}
+  }
 `

packages/kibocommerce/src/api/fragments/search.ts

@@ -1,7 +1,7 @@
-import { productInfo } from './product';
+import { productInfo } from './product'
 
-export const searchFacets = /* GraphQL */`
+export const searchFacets = /* GraphQL */ `
-fragment searchFacets on Facet {
+  fragment searchFacets on Facet {
     label
     field
     values {
@@ -12,10 +12,11 @@ fragment searchFacets on Facet {
       isDisplayed
       count
     }
-}`;
+  }
+`
 
-export const searchResults = /* GraphQL */`
+export const searchResults = /* GraphQL */ `
-fragment searchResults on ProductSearchResult {
+  fragment searchResults on ProductSearchResult {
     totalCount
     pageSize
     pageCount
@@ -26,7 +27,7 @@ fragment searchResults on ProductSearchResult {
     facets {
       ...searchFacets
     }
-}
+  }
-${searchFacets}
+  ${searchFacets}
-${productInfo}
+  ${productInfo}
-`;
+`

packages/kibocommerce/src/api/index.ts

@@ -15,10 +15,10 @@ export interface KiboCommerceConfig extends CommerceAPIConfig {
   apiHost?: string
   clientId?: string
   sharedSecret?: string
-  customerCookieMaxAgeInDays: number,
+  customerCookieMaxAgeInDays: number
-  currencyCode: string,
+  currencyCode: string
-  documentListName: string,
+  documentListName: string
-  defaultWishlistName: string,
+  defaultWishlistName: string
   authUrl?: string
 }
 
@@ -37,7 +37,7 @@ const config: KiboCommerceConfig = {
   sharedSecret: process.env.KIBO_SHARED_SECRET || '',
   customerCookieMaxAgeInDays: 30,
   currencyCode: 'USD',
-  defaultWishlistName: 'My Wishlist'
+  defaultWishlistName: 'My Wishlist',
 }
 
 const operations = {
@@ -55,7 +55,7 @@ export const provider = { config, operations }
 export type KiboCommerceProvider = typeof provider
 export type KiboCommerceAPI<
   P extends KiboCommerceProvider = KiboCommerceProvider
-  > = CommerceAPI<P | any>
+> = CommerceAPI<P | any>
 
 export function getCommerceApi<P extends KiboCommerceProvider>(
   customProvider: P = provider as any

packages/kibocommerce/src/api/mutations/addItemToWishlist-mutation.ts

@@ -1,5 +1,5 @@
-import {productDetails} from '../fragments/productDetails'
+import { productDetails } from '../fragments/productDetails'
-const addItemToWishlistMutation = /* GraphQL */`
+const addItemToWishlistMutation = /* GraphQL */ `
   mutation createWishlistItem(
     $wishlistId: String!
     $wishlistItemInput: WishlistItemInput
@@ -15,7 +15,7 @@ const addItemToWishlistMutation = /* GraphQL */`
       }
     }
   }
-${productDetails}
+  ${productDetails}
-`;
+`
 
-export default addItemToWishlistMutation;
+export default addItemToWishlistMutation

packages/kibocommerce/src/api/mutations/create-wishlist-mutation.ts

@@ -1,4 +1,4 @@
-const createWishlist = /*GraphQL*/`
+const createWishlist = /*GraphQL*/ `
 mutation createWishlist($wishlistInput:WishlistInput!) {
     createWishlist(wishlistInput:$wishlistInput){
       id
@@ -6,6 +6,6 @@ mutation createWishlist($wishlistInput:WishlistInput!) {
       customerAccountId
     }
   }
-`;
+`
 
-export default createWishlist;
+export default createWishlist

packages/kibocommerce/src/api/mutations/login-mutation.ts

@@ -1,7 +1,6 @@
-
+export const loginMutation = /* GraphQL */ `
-export const loginMutation = /* GraphQL */`
+  mutation login($loginInput: CustomerUserAuthInfoInput!) {
-mutation login($loginInput:CustomerUserAuthInfoInput!) {
+    account: createCustomerAuthTicket(customerUserAuthInfoInput: $loginInput) {
-    account:createCustomerAuthTicket(customerUserAuthInfoInput:$loginInput) {
       accessToken
       userId
       refreshToken
@@ -17,4 +16,3 @@ mutation login($loginInput:CustomerUserAuthInfoInput!) {
     }
   }
 `
-

packages/kibocommerce/src/api/mutations/removeItemFromCart-mutation.ts

@@ -1,9 +1,9 @@
 /*
-* Delete cart based on current user session
+ * Delete cart based on current user session
-*/
+ */
-const removeItemFromCartMutation = /*GraphQL*/`
+const removeItemFromCartMutation = /*GraphQL*/ `
 mutation deleteCartItem($id: String!) {
     deleteCurrentCartItem(cartItemId:$id)
-}`;
+}`
 
-export default removeItemFromCartMutation;
+export default removeItemFromCartMutation

packages/kibocommerce/src/api/mutations/removeItemFromWishlist-mutation.ts

@@ -1,8 +1,7 @@
-const removeItemFromWishlistMutation = /* GraphQL */`
+const removeItemFromWishlistMutation = /* GraphQL */ `
-mutation deletewishlistitem($wishlistId: String!, $wishlistItemId: String!) {
+  mutation deletewishlistitem($wishlistId: String!, $wishlistItemId: String!) {
-    deleteWishlistItem(wishlistId: $wishlistId, wishlistItemId:$wishlistItemId) 
+    deleteWishlistItem(wishlistId: $wishlistId, wishlistItemId: $wishlistItemId)
   }
-`;
+`
-
-export default removeItemFromWishlistMutation;
 
+export default removeItemFromWishlistMutation

packages/kibocommerce/src/api/mutations/signup-mutation.ts

@@ -1,7 +1,8 @@
-
+const registerUserMutation = /* GraphQL */ `
-const registerUserMutation = /* GraphQL */`
+  mutation registerUser($customerAccountInput: CustomerAccountInput!) {
-mutation registerUser($customerAccountInput: CustomerAccountInput!) {
+    account: createCustomerAccount(
-  account:createCustomerAccount(customerAccountInput:$customerAccountInput) {
+      customerAccountInput: $customerAccountInput
+    ) {
       emailAddress
       userName
       firstName
@@ -15,11 +16,18 @@ mutation registerUser($customerAccountInput: CustomerAccountInput!) {
         fullyQualifiedName
       }
     }
-}`;
+  }
+`
 
-const registerUserLoginMutation = /* GraphQL */`
+const registerUserLoginMutation = /* GraphQL */ `
-mutation registerUserLogin($accountId: Int!, $customerLoginInfoInput: CustomerLoginInfoInput!) {
+  mutation registerUserLogin(
-  account:createCustomerAccountLogin(accountId:$accountId, customerLoginInfoInput:$customerLoginInfoInput) {
+    $accountId: Int!
+    $customerLoginInfoInput: CustomerLoginInfoInput!
+  ) {
+    account: createCustomerAccountLogin(
+      accountId: $accountId
+      customerLoginInfoInput: $customerLoginInfoInput
+    ) {
       accessToken
       accessTokenExpiration
       refreshToken
@@ -32,10 +40,7 @@ mutation registerUserLogin($accountId: Int!, $customerLoginInfoInput: CustomerLo
         userName
       }
     }
-}`;
+  }
-
+`
-export {
-  registerUserMutation,
-  registerUserLoginMutation
-};
 
+export { registerUserMutation, registerUserLoginMutation }

packages/kibocommerce/src/api/mutations/updateCartItemQuantity-mutation.ts

@@ -1,9 +1,9 @@
-const updateCartItemQuantityMutation = /*GraphQL*/`
+const updateCartItemQuantityMutation = /*GraphQL*/ `
 mutation updateCartItemQuantity($itemId:String!, $quantity: Int!){
     updateCurrentCartItemQuantity(cartItemId:$itemId, quantity:$quantity){
       id
       quantity
     }
-}`;
+}`
 
-export default updateCartItemQuantityMutation;
+export default updateCartItemQuantityMutation

packages/kibocommerce/src/api/operations/get-all-pages.ts

@@ -1,17 +1,14 @@
 import type { OperationContext } from '@vercel/commerce/api/operations'
 import type { KiboCommerceConfig } from '../index'
 import { getAllPagesQuery } from '../queries/get-all-pages-query'
-import { GetPagesQueryParams } from "../../types/page";
+import { GetPagesQueryParams } from '../../types/page'
 import { normalizePage } from '../../lib/normalize'
 
-export type GetAllPagesResult<
+export type GetAllPagesResult<T extends { pages: any[] } = { pages: any[] }> = T
-  T extends { pages: any[] } = { pages: any[] }
-  > = T
 
 export default function getAllPagesOperation({
   commerce,
 }: OperationContext<any>) {
-
   async function getAllPages({
     query = getAllPagesQuery,
     config,
@@ -25,11 +22,11 @@ export default function getAllPagesOperation({
   } = {}): Promise<GetAllPagesResult> {
     const cfg = commerce.getConfig(config)
     variables = {
-      documentListName: cfg.documentListName
+      documentListName: cfg.documentListName,
     }
-    const { data } = await cfg.fetch(query, { variables });
+    const { data } = await cfg.fetch(query, { variables })
 
-    const pages = data.documentListDocuments.items.map(normalizePage);
+    const pages = data.documentListDocuments.items.map(normalizePage)
 
     return { pages }
   }

packages/kibocommerce/src/api/operations/get-all-product-paths.ts

@@ -1,24 +1,31 @@
 import { KiboCommerceConfig } from '../index'
-import { getAllProductsQuery } from '../queries/get-all-products-query';
+import { getAllProductsQuery } from '../queries/get-all-products-query'
 import { normalizeProduct } from '../../lib/normalize'
 
 export type GetAllProductPathsResult = {
   products: Array<{ path: string }>
 }
 
-export default function getAllProductPathsOperation({commerce,}: any) {
+export default function getAllProductPathsOperation({ commerce }: any) {
-  async function getAllProductPaths({ config }: {config?: KiboCommerceConfig } = {}): Promise<GetAllProductPathsResult> {
+  async function getAllProductPaths({
-   
+    config,
+  }: { config?: KiboCommerceConfig } = {}): Promise<GetAllProductPathsResult> {
     const cfg = commerce.getConfig(config)
 
-    const productVariables = {startIndex: 0, pageSize: 100};
+    const productVariables = { startIndex: 0, pageSize: 100 }
-    const { data } = await cfg.fetch(getAllProductsQuery, { variables: productVariables });
+    const { data } = await cfg.fetch(getAllProductsQuery, {
+      variables: productVariables,
+    })
 
-    const normalizedProducts =  data.products.items ? data.products.items.map( (item:any) => normalizeProduct(item, cfg)) : [];
+    const normalizedProducts = data.products.items
-    const products = normalizedProducts.map((product: any) => ({ path: product.path }))
+      ? data.products.items.map((item: any) => normalizeProduct(item, cfg))
+      : []
+    const products = normalizedProducts.map((product: any) => ({
+      path: product.path,
+    }))
 
     return Promise.resolve({
-      products: products
+      products: products,
     })
   }
 

packages/kibocommerce/src/api/operations/get-all-products.ts

@@ -2,7 +2,7 @@ import { Product } from '@vercel/commerce/types/product'
 import { GetAllProductsOperation } from '@vercel/commerce/types/product'
 import type { OperationContext } from '@vercel/commerce/api/operations'
 import type { KiboCommerceConfig } from '../index'
-import { getAllProductsQuery } from '../queries/get-all-products-query';
+import { getAllProductsQuery } from '../queries/get-all-products-query'
 import { normalizeProduct } from '../../lib/normalize'
 
 export default function getAllProductsOperation({
@@ -18,11 +18,12 @@ export default function getAllProductsOperation({
     config?: Partial<KiboCommerceConfig>
     preview?: boolean
   } = {}): Promise<{ products: Product[] | any[] }> {
-
     const cfg = commerce.getConfig(config)
-    const { data } = await cfg.fetch(query);
+    const { data } = await cfg.fetch(query)
 
-    let normalizedProducts =  data.products.items ? data.products.items.map( (item:any) => normalizeProduct(item, cfg)) : [];
+    let normalizedProducts = data.products.items
+      ? data.products.items.map((item: any) => normalizeProduct(item, cfg))
+      : []
 
     return {
       products: normalizedProducts,

packages/kibocommerce/src/api/operations/get-customer-wishlist.ts

@@ -9,7 +9,7 @@ import type {
 // import type { RecursivePartial, RecursiveRequired } from '../utils/types'
 import { KiboCommerceConfig } from '..'
 // import getAllProducts, { ProductEdge } from './get-all-products'
-import {getCustomerWishlistQuery} from '../queries/get-customer-wishlist-query'
+import { getCustomerWishlistQuery } from '../queries/get-customer-wishlist-query'
 
 export default function getCustomerWishlistOperation({
   commerce,
@@ -40,14 +40,15 @@ export default function getCustomerWishlistOperation({
     config?: KiboCommerceConfig
     includeProducts?: boolean
   }): Promise<T['data']> {
-    let customerWishlist ={}
+    let customerWishlist = {}
     try {
-
       config = commerce.getConfig(config)
-      const result= await config?.fetch(getCustomerWishlistQuery,{variables})
+      const result = await config?.fetch(getCustomerWishlistQuery, {
-      customerWishlist= result?.data?.customerWishlist;
+        variables,
-    } catch(e) {
+      })
-      customerWishlist= {}
+      customerWishlist = result?.data?.customerWishlist
+    } catch (e) {
+      customerWishlist = {}
     }
 
     return { wishlist: customerWishlist as any }

packages/kibocommerce/src/api/operations/get-page.ts

@@ -1,15 +1,11 @@
-import type {
+import type { OperationContext } from '@vercel/commerce/api/operations'
-  OperationContext,
-} from '@vercel/commerce/api/operations'
 import type { KiboCommerceConfig, KiboCommerceProvider } from '..'
 import { normalizePage } from '../../lib/normalize'
 import { getPageQuery } from '../queries/get-page-query'
-import type { Page, GetPageQueryParams } from "../../types/page";
+import type { Page, GetPageQueryParams } from '../../types/page'
 import type { Document } from '../../../schema'
 
-export default function getPageOperation({
+export default function getPageOperation({ commerce }: OperationContext<any>) {
-  commerce,
-}: OperationContext<any>) {
   async function getPage<T extends Page>({
     url,
     variables,
@@ -24,11 +20,14 @@ export default function getPageOperation({
     // RecursivePartial forces the method to check for every prop in the data, which is
     // required in case there's a custom `url`
     const cfg = commerce.getConfig(config)
-    const pageVariables = { documentListName: cfg.documentListName, filter: `id eq ${variables.id}` }
+    const pageVariables = {
+      documentListName: cfg.documentListName,
+      filter: `id eq ${variables.id}`,
+    }
 
     const { data } = await cfg.fetch(getPageQuery, { variables: pageVariables })
 
-    const firstPage = data.documentListDocuments.items?.[0];
+    const firstPage = data.documentListDocuments.items?.[0]
     const page = firstPage as Document
     if (preview || page?.properties?.is_visible) {
       return { page: normalizePage(page as any) }

packages/kibocommerce/src/api/operations/get-product.ts

@@ -8,7 +8,6 @@ import { normalizeProduct } from '../../lib/normalize'
 export default function getProductOperation({
   commerce,
 }: OperationContext<any>) {
-
   async function getProduct<T extends GetProductOperation>({
     query = getProductQuery,
     variables,
@@ -19,15 +18,15 @@ export default function getProductOperation({
     config?: Partial<KiboCommerceConfig>
     preview?: boolean
   } = {}): Promise<Product | {} | any> {
-    const productVariables = { productCode: variables?.slug}
+    const productVariables = { productCode: variables?.slug }
 
     const cfg = commerce.getConfig(config)
-    const { data } = await cfg.fetch(query, { variables: productVariables });
+    const { data } = await cfg.fetch(query, { variables: productVariables })
 
     const normalizedProduct = normalizeProduct(data.product, cfg)
 
     return {
-      product: normalizedProduct
+      product: normalizedProduct,
     }
   }
 

packages/kibocommerce/src/api/operations/get-site-info.ts

@@ -1,7 +1,7 @@
 import { OperationContext } from '@vercel/commerce/api/operations'
 import { Category } from '@vercel/commerce/types/site'
 import { KiboCommerceConfig } from '../index'
-import {categoryTreeQuery} from '../queries/get-categories-tree-query'
+import { categoryTreeQuery } from '../queries/get-categories-tree-query'
 import { normalizeCategory } from '../../lib/normalize'
 
 export type GetSiteInfoResult<
@@ -11,9 +11,11 @@ export type GetSiteInfoResult<
   }
 > = T
 
-export default function getSiteInfoOperation({commerce}: OperationContext<any>) {
+export default function getSiteInfoOperation({
+  commerce,
+}: OperationContext<any>) {
   async function getSiteInfo({
-    query= categoryTreeQuery,
+    query = categoryTreeQuery,
     variables,
     config,
   }: {
@@ -23,8 +25,8 @@ export default function getSiteInfoOperation({commerce}: OperationContext<any>)
     preview?: boolean
   } = {}): Promise<GetSiteInfoResult> {
     const cfg = commerce.getConfig(config)
-    const { data } = await cfg.fetch(query);
+    const { data } = await cfg.fetch(query)
-    const categories= data.categories.items.map(normalizeCategory);
+    const categories = data.categories.items.map(normalizeCategory)
     return Promise.resolve({
       categories: categories ?? [],
       brands: [],

packages/kibocommerce/src/api/queries/get-all-pages-query.ts

@@ -1,6 +1,6 @@
-export const getAllPagesQuery = /* GraphQL */`
+export const getAllPagesQuery = /* GraphQL */ `
-query($documentListName: String!) {
+  query ($documentListName: String!) {
-    documentListDocuments(documentListName:$documentListName){
+    documentListDocuments(documentListName: $documentListName) {
       items {
         id
         name
@@ -8,4 +8,5 @@ query($documentListName: String!) {
         properties
       }
     }
-  }`;
+  }
+`

packages/kibocommerce/src/api/queries/get-all-products-query.ts

@@ -1,21 +1,13 @@
-import { productInfo } from '../fragments/product';
+import { productInfo } from '../fragments/product'
 
-export const getAllProductsQuery = /* GraphQL */`
+export const getAllProductsQuery = /* GraphQL */ `
-${productInfo}
+  ${productInfo}
 
-query products(
+  query products($filter: String, $startIndex: Int, $pageSize: Int) {
-  $filter: String
+    products(filter: $filter, startIndex: $startIndex, pageSize: $pageSize) {
-  $startIndex: Int
-  $pageSize: Int
-) {
-  products(
-    filter: $filter
-    startIndex: $startIndex
-    pageSize: $pageSize
-  ) {
       items {
         ...productInfo
       }
     }
-}
+  }
 `

packages/kibocommerce/src/api/queries/get-cart-query.ts

@@ -1,6 +1,6 @@
 import { productDetails } from '../fragments/productDetails'
-export const getCartQuery = /* GraphQL */`
+export const getCartQuery = /* GraphQL */ `
-query cart {
+  query cart {
     currentCart {
       id
       userId
@@ -18,7 +18,7 @@ query cart {
       items {
         id
         subtotal
-        unitPrice{
+        unitPrice {
           extendedAmount
         }
         product {
@@ -28,5 +28,5 @@ query cart {
       }
     }
   }
-${productDetails}
+  ${productDetails}
 `

packages/kibocommerce/src/api/queries/get-categories-tree-query.ts

@@ -1,7 +1,7 @@
 import { CategoryInfo } from '../fragments/category'
 
-export const categoryTreeQuery = /* GraphQL */`
+export const categoryTreeQuery = /* GraphQL */ `
-query GetCategoryTree {
+  query GetCategoryTree {
     categories: categoriesTree {
       items {
         ...categoryInfo
@@ -25,5 +25,6 @@ query GetCategoryTree {
         }
       }
     }
-}
+  }
-${CategoryInfo}`;
+  ${CategoryInfo}
+`

packages/kibocommerce/src/api/queries/get-customer-account-query.ts

@@ -1,6 +1,6 @@
-export const getCustomerAccountQuery = /* GraphQL */`
+export const getCustomerAccountQuery = /* GraphQL */ `
-query getUser {
+  query getUser {
-    customerAccount:getCurrentAccount {
+    customerAccount: getCurrentAccount {
       id
       firstName
       lastName
@@ -8,5 +8,5 @@ query getUser {
       userName
       isAnonymous
     }
-}
+  }
 `

packages/kibocommerce/src/api/queries/get-customer-wishlist-query.ts

@@ -1,7 +1,10 @@
-import {productDetails} from '../fragments/productDetails'
+import { productDetails } from '../fragments/productDetails'
-export const getCustomerWishlistQuery= /* GraphQL */`
+export const getCustomerWishlistQuery = /* GraphQL */ `
-query wishlist($customerId: Int!, $wishlistName: String!) {
+  query wishlist($customerId: Int!, $wishlistName: String!) {
-    customerWishlist(customerAccountId:$customerId ,wishlistName: $wishlistName){
+    customerWishlist(
+      customerAccountId: $customerId
+      wishlistName: $wishlistName
+    ) {
       customerAccountId
       name
       id
@@ -11,7 +14,7 @@ query wishlist($customerId: Int!, $wishlistName: String!) {
         quantity
         total
         subtotal
-        unitPrice{
+        unitPrice {
           extendedAmount
         }
         quantity
@@ -21,5 +24,5 @@ query wishlist($customerId: Int!, $wishlistName: String!) {
       }
     }
   }
-${productDetails}
+  ${productDetails}
 `

packages/kibocommerce/src/api/queries/get-page-query.ts

@@ -1,6 +1,9 @@
-export const getPageQuery = /* GraphQL */`
+export const getPageQuery = /* GraphQL */ `
-query($documentListName: String!, $filter: String!) {
+  query ($documentListName: String!, $filter: String!) {
-    documentListDocuments(documentListName: $documentListName, filter: $filter){
+    documentListDocuments(
+      documentListName: $documentListName
+      filter: $filter
+    ) {
       startIndex
       totalCount
       items {
@@ -11,4 +14,4 @@ query($documentListName: String!, $filter: String!) {
       }
     }
   }
-`;
+`

packages/kibocommerce/src/api/queries/get-product-query.ts

@@ -1,14 +1,10 @@
-import { productInfo } from '../fragments/product';
+import { productInfo } from '../fragments/product'
 
-export const getProductQuery = /* GraphQL */`
+export const getProductQuery = /* GraphQL */ `
-${productInfo}
+  ${productInfo}
 
-  query product(
+  query product($productCode: String!) {
-    $productCode: String!
+    product(productCode: $productCode) {
-  ) {
-    product(
-      productCode: $productCode
-    ) {
       ...productInfo
     }
   }

packages/kibocommerce/src/api/queries/product-search-query.ts

@@ -1,20 +1,27 @@
 import { searchResults } from '../fragments/search'
 
-const query = /* GraphQL */`
+const query = /* GraphQL */ `
-query ProductSearch($query:String, $startIndex:Int,
+  query ProductSearch(
-    $pageSize:Int, $sortBy:String, $filter:String,$facetTemplate:String,$facetValueFilter:String ) {
+    $query: String
-       products:productSearch (
+    $startIndex: Int
-            query:$query,
+    $pageSize: Int
-            startIndex: $startIndex,
+    $sortBy: String
-            pageSize:$pageSize,
+    $filter: String
-            sortBy: $sortBy,
+    $facetTemplate: String
-            filter:$filter,
+    $facetValueFilter: String
-            facetTemplate:$facetTemplate, 
+  ) {
-            facetValueFilter:$facetValueFilter
+    products: productSearch(
+      query: $query
+      startIndex: $startIndex
+      pageSize: $pageSize
+      sortBy: $sortBy
+      filter: $filter
+      facetTemplate: $facetTemplate
+      facetValueFilter: $facetValueFilter
     ) {
       ...searchResults
     }
   }
   ${searchResults}
-`;
+`
-export default query;
+export default query

packages/kibocommerce/src/api/utils/api-auth-helper.ts

@@ -41,8 +41,8 @@ export class APIAuthenticationHelper {
     this._clientId = clientId
     this._sharedSecret = sharedSecret
     this._authUrl = authUrl
-    if(!authTicketCache) {
+    if (!authTicketCache) {
-      this._authTicketCache = new RuntimeMemCache();
+      this._authTicketCache = new RuntimeMemCache()
     }
   }
   private _buildFetchOptions(body: any = {}): FetchOptions {

packages/kibocommerce/src/api/utils/cookie-handler.ts

@@ -37,7 +37,7 @@ export default class CookieHandler {
   isShopperCookieAnonymous() {
     const customerCookieKey = this.config.customerCookie
     const shopperCookie = this.request.cookies[customerCookieKey]
-    const shopperSession = parseCookie(shopperCookie);
+    const shopperSession = parseCookie(shopperCookie)
     const isAnonymous = shopperSession?.customerAccount ? false : true
     return isAnonymous
   }

packages/kibocommerce/src/api/utils/fetch-graphql-api.ts

@@ -2,18 +2,16 @@ import { FetcherError } from '@vercel/commerce/utils/errors'
 import type { GraphQLFetcher } from '@vercel/commerce/api'
 import type { KiboCommerceConfig } from '../index'
 import fetch from './fetch'
-import { APIAuthenticationHelper } from './api-auth-helper';
+import { APIAuthenticationHelper } from './api-auth-helper'
 
 const fetchGraphqlApi: (
   getConfig: () => KiboCommerceConfig
-) => GraphQLFetcher = (getConfig) => async (
+) => GraphQLFetcher =
-  query: string,
+  (getConfig) =>
-  { variables, preview } = {},
+  async (query: string, { variables, preview } = {}, fetchOptions) => {
-  fetchOptions
-) => {
     const config = getConfig()
-  const authHelper = new APIAuthenticationHelper(config);
+    const authHelper = new APIAuthenticationHelper(config)
-  const apiToken = await authHelper.getAccessToken();
+    const apiToken = await authHelper.getAccessToken()
     const res = await fetch(config.commerceUrl + (preview ? '/preview' : ''), {
       ...fetchOptions,
       method: 'POST',
@@ -30,14 +28,20 @@ const fetchGraphqlApi: (
 
     const json = await res.json()
     if (json.errors) {
-    console.warn(`Kibo API Request Correlation ID: ${res.headers.get('x-vol-correlation')}`);
+      console.warn(
+        `Kibo API Request Correlation ID: ${res.headers.get(
+          'x-vol-correlation'
+        )}`
+      )
       throw new FetcherError({
-      errors: json.errors ?? [{ message: 'Failed to fetch KiboCommerce API' }],
+        errors: json.errors ?? [
+          { message: 'Failed to fetch KiboCommerce API' },
+        ],
         status: res.status,
       })
     }
 
     return { data: json.data, res }
-}
+  }
 
 export default fetchGraphqlApi

packages/kibocommerce/src/api/utils/fetch-local.ts

@@ -3,7 +3,9 @@ import type { GraphQLFetcher } from '@vercel/commerce/api'
 import type { KiboCommerceConfig } from '../index'
 import fetch from './fetch'
 
-const fetchGraphqlApi: (getConfig: () => KiboCommerceConfig) => GraphQLFetcher =
+const fetchGraphqlApi: (
+  getConfig: () => KiboCommerceConfig
+) => GraphQLFetcher =
   (getConfig) =>
   async (query: string, { variables, preview } = {}, fetchOptions) => {
     const config = getConfig()
@@ -25,7 +27,9 @@ const fetchGraphqlApi: (getConfig: () => KiboCommerceConfig) => GraphQLFetcher =
     const json = await res.json()
     if (json.errors) {
       throw new FetcherError({
-        errors: json.errors ?? [{ message: 'Failed to fetch KiboCommerce API' }],
+        errors: json.errors ?? [
+          { message: 'Failed to fetch KiboCommerce API' },
+        ],
         status: res.status,
       })
     }

packages/kibocommerce/src/api/utils/get-customer-id.ts

@@ -8,17 +8,15 @@ async function getCustomerId({
   customerToken: string
   config: KiboCommerceConfig
 }): Promise<string | undefined> {
-  const token = customerToken ? Buffer.from(customerToken, 'base64').toString('ascii'): null;
+  const token = customerToken
-  const accessToken = token ? JSON.parse(token).accessToken : null;
+    ? Buffer.from(customerToken, 'base64').toString('ascii')
-  const { data } = await config.fetch(
+    : null
-    getCustomerAccountQuery,
+  const accessToken = token ? JSON.parse(token).accessToken : null
-    undefined,
+  const { data } = await config.fetch(getCustomerAccountQuery, undefined, {
-    {
     headers: {
       'x-vol-user-claims': accessToken,
     },
-    }
+  })
-  )
 
   return data?.customerAccount?.id
 }

packages/kibocommerce/src/auth/use-logout.tsx

@@ -12,7 +12,9 @@ export const handler: MutationHook<LogoutHook> = {
     url: '/api/logout',
     method: 'GET',
   },
-  useHook: ({ fetch }) => () => {
+  useHook:
+    ({ fetch }) =>
+    () => {
       const { mutate } = useCustomer()
       const { mutate: mutateCart } = useCart()
 

packages/kibocommerce/src/cart/use-add-item.tsx

@@ -29,7 +29,9 @@ export const handler: MutationHook<AddItemHook> = {
 
     return data
   },
-  useHook: ({ fetch }) => () => {
+  useHook:
+    ({ fetch }) =>
+    () => {
       const { mutate } = useCart()
 
       return useCallback(

packages/kibocommerce/src/cart/use-cart.tsx

@@ -12,7 +12,9 @@ export const handler: SWRHook<any> = {
   async fetcher({ options, fetch }) {
     return await fetch({ ...options })
   },
-  useHook: ({ useData }) => (input) => {
+  useHook:
+    ({ useData }) =>
+    (input) => {
       const response = useData({
         swrOptions: { revalidateOnFocus: false, ...input?.swrOptions },
       })

packages/kibocommerce/src/cart/use-remove-item.tsx

@@ -4,8 +4,14 @@ import type {
   HookFetcherContext,
 } from '@vercel/commerce/utils/types'
 import { ValidationError } from '@vercel/commerce/utils/errors'
-import useRemoveItem, { UseRemoveItem } from '@vercel/commerce/cart/use-remove-item'
+import useRemoveItem, {
-import type { Cart, LineItem, RemoveItemHook } from '@vercel/commerce/types/cart'
+  UseRemoveItem,
+} from '@vercel/commerce/cart/use-remove-item'
+import type {
+  Cart,
+  LineItem,
+  RemoveItemHook,
+} from '@vercel/commerce/types/cart'
 import useCart from './use-cart'
 
 export type RemoveItemFn<T = any> = T extends LineItem
@@ -30,11 +36,9 @@ export const handler = {
   }: HookFetcherContext<RemoveItemHook>) {
     return await fetch({ ...options, body: { itemId } })
   },
-  useHook: ({ fetch }: MutationHookContext<RemoveItemHook>) => <
+  useHook:
-    T extends LineItem | undefined = undefined
+    ({ fetch }: MutationHookContext<RemoveItemHook>) =>
-  >(
+    <T extends LineItem | undefined = undefined>(ctx: { item?: T } = {}) => {
-    ctx: { item?: T } = {}
-  ) => {
       const { item } = ctx
       const { mutate } = useCart()
       const removeItem: RemoveItemFn<LineItem> = async (input) => {

packages/kibocommerce/src/cart/use-update-item.tsx

@@ -5,7 +5,9 @@ import type {
   HookFetcherContext,
 } from '@vercel/commerce/utils/types'
 import { ValidationError } from '@vercel/commerce/utils/errors'
-import useUpdateItem, { UseUpdateItem } from '@vercel/commerce/cart/use-update-item'
+import useUpdateItem, {
+  UseUpdateItem,
+} from '@vercel/commerce/cart/use-update-item'
 import type { LineItem, UpdateItemHook } from '@vercel/commerce/types/cart'
 import { handler as removeItemHandler } from './use-remove-item'
 import useCart from './use-cart'
@@ -46,9 +48,9 @@ export const handler = {
       body: { itemId, item },
     })
   },
-  useHook: ({ fetch }: MutationHookContext<UpdateItemHook>) => <
+  useHook:
-    T extends LineItem | undefined = undefined
+    ({ fetch }: MutationHookContext<UpdateItemHook>) =>
-  >(
+    <T extends LineItem | undefined = undefined>(
       ctx: {
         item?: T
         wait?: number

packages/kibocommerce/src/checkout/use-checkout.tsx

@@ -1,5 +1,7 @@
 import { SWRHook } from '@vercel/commerce/utils/types'
-import useCheckout, { UseCheckout } from '@vercel/commerce/checkout/use-checkout'
+import useCheckout, {
+  UseCheckout,
+} from '@vercel/commerce/checkout/use-checkout'
 
 export default useCheckout as UseCheckout<typeof handler>
 

packages/kibocommerce/src/customer/address/use-add-item.tsx

@@ -1,4 +1,6 @@
-import useAddItem, { UseAddItem } from '@vercel/commerce/customer/address/use-add-item'
+import useAddItem, {
+  UseAddItem,
+} from '@vercel/commerce/customer/address/use-add-item'
 import { MutationHook } from '@vercel/commerce/utils/types'
 
 export default useAddItem as UseAddItem<typeof handler>

packages/kibocommerce/src/customer/card/use-add-item.tsx

@@ -1,4 +1,6 @@
-import useAddItem, { UseAddItem } from '@vercel/commerce/customer/card/use-add-item'
+import useAddItem, {
+  UseAddItem,
+} from '@vercel/commerce/customer/card/use-add-item'
 import { MutationHook } from '@vercel/commerce/utils/types'
 
 export default useAddItem as UseAddItem<typeof handler>

packages/kibocommerce/src/customer/use-customer.tsx

@@ -1,5 +1,7 @@
 import { SWRHook } from '@vercel/commerce/utils/types'
-import useCustomer, { UseCustomer } from '@vercel/commerce/customer/use-customer'
+import useCustomer, {
+  UseCustomer,
+} from '@vercel/commerce/customer/use-customer'
 import type { CustomerHook } from '../types/customer'
 
 export default useCustomer as UseCustomer<typeof handler>
@@ -13,7 +15,9 @@ export const handler: SWRHook<CustomerHook> = {
     const data = await fetch(options)
     return data?.customer ?? null
   },
-  useHook: ({ useData }) => (input) => {
+  useHook:
+    ({ useData }) =>
+    (input) => {
       return useData({
         swrOptions: {
           revalidateOnFocus: false,

packages/kibocommerce/src/index.tsx

@@ -1,4 +1,7 @@
-import { getCommerceProvider, useCommerce as useCoreCommerce } from '@vercel/commerce'
+import {
+  getCommerceProvider,
+  useCommerce as useCoreCommerce,
+} from '@vercel/commerce'
 import { kiboCommerceProvider, KibocommerceProvider } from './provider'
 
 export { kiboCommerceProvider }

packages/kibocommerce/src/lib/get-cookie-expiration-date.ts

@@ -1,8 +1,10 @@
-export function getCookieExpirationDate(maxAgeInDays: number){
+export function getCookieExpirationDate(maxAgeInDays: number) {
-    const today = new Date();
+  const today = new Date()
-    const expirationDate = new Date();
+  const expirationDate = new Date()
 
-    const cookieExpirationDate = new Date ( expirationDate.setDate(today.getDate() + maxAgeInDays) )
+  const cookieExpirationDate = new Date(
+    expirationDate.setDate(today.getDate() + maxAgeInDays)
+  )
 
-    return cookieExpirationDate;
+  return cookieExpirationDate
 }

packages/kibocommerce/src/lib/normalize.ts

@@ -1,5 +1,5 @@
 import type { PrCategory, CustomerAccountInput, Document } from '../../schema'
-import { Page } from '../types/page';
+import { Page } from '../types/page'
 import { Customer } from '../types/customer'
 
 export function normalizeProduct(productNode: any, config: any): any {
@@ -57,7 +57,7 @@ export function normalizePage(page: Document): Page {
     url: page.properties.url,
     body: page.properties.body,
     is_visible: page.properties.is_visible,
-    sort_order: page.properties.sort_order
+    sort_order: page.properties.sort_order,
   }
 }
 
@@ -91,7 +91,7 @@ export function normalizeCustomer(customer: CustomerAccountInput): Customer {
     lastName: customer.lastName,
     email: customer.emailAddress,
     userName: customer.userName,
-    isAnonymous: customer.isAnonymous
+    isAnonymous: customer.isAnonymous,
   }
 }
 
@@ -133,7 +133,7 @@ export function normalizeCategory(category: PrCategory): any {
 export function normalizeWishlistItem(
   item: any,
   config: any,
-  includeProducts=false
+  includeProducts = false
 ): any {
   if (includeProducts) {
     return {

packages/kibocommerce/src/lib/prepare-set-cookie.ts

@@ -1,13 +1,17 @@
-export function prepareSetCookie(name: string, value: string, options: any = {}): string {
+export function prepareSetCookie(
+  name: string,
+  value: string,
+  options: any = {}
+): string {
   const encodedValue = Buffer.from(value).toString('base64')
-  const cookieValue = [`${name}=${encodedValue}`];
+  const cookieValue = [`${name}=${encodedValue}`]
 
   if (options.maxAge) {
-    cookieValue.push(`Max-Age=${options.maxAge}`);
+    cookieValue.push(`Max-Age=${options.maxAge}`)
   }
 
   if (options.expires && !options.maxAge) {
-    cookieValue.push(`Expires=${options.expires.toUTCString()}`);
+    cookieValue.push(`Expires=${options.expires.toUTCString()}`)
   }
 
   const cookie = cookieValue.join('; ')

packages/kibocommerce/src/lib/product-search-vars.ts

@@ -1,9 +1,9 @@
 function getFacetValueFilter(categoryCode: string, filters = []) {
-    let facetValueFilter = '';
+  let facetValueFilter = ''
   if (categoryCode) {
-      facetValueFilter = `categoryCode:${categoryCode},`;
+    facetValueFilter = `categoryCode:${categoryCode},`
   }
-    return facetValueFilter + filters.join(',');
+  return facetValueFilter + filters.join(',')
 }
 
 export const buildProductSearchVars = ({
@@ -14,33 +14,38 @@ export const buildProductSearchVars = ({
   sort = '',
   search = '',
 }) => {
-  let facetTemplate = '';
+  let facetTemplate = ''
-  let filter = '';
+  let filter = ''
-  let sortBy;
+  let sortBy
   if (categoryCode) {
-    facetTemplate = `categoryCode:${categoryCode}`;
+    facetTemplate = `categoryCode:${categoryCode}`
-    filter = `categoryCode req ${categoryCode}`;
+    filter = `categoryCode req ${categoryCode}`
   }
-  const facetFilterList = Object.keys(filters).filter(k => filters[k].length).reduce((accum, k): any => {
+  const facetFilterList = Object.keys(filters)
-    return [...accum, ...filters[k].map((facetValue: any) => `Tenant~${k}:${facetValue}`)];
+    .filter((k) => filters[k].length)
-  }, []);
+    .reduce((accum, k): any => {
+      return [
+        ...accum,
+        ...filters[k].map((facetValue: any) => `Tenant~${k}:${facetValue}`),
+      ]
+    }, [])
 
-  const facetValueFilter = getFacetValueFilter(categoryCode, facetFilterList);
+  const facetValueFilter = getFacetValueFilter(categoryCode, facetFilterList)
 
-  switch(sort) {
+  switch (sort) {
     case 'latest-desc':
-      sortBy= 'createDate desc';
+      sortBy = 'createDate desc'
-      break;
+      break
     case 'price-asc':
-      sortBy= 'price asc';
+      sortBy = 'price asc'
-      break;
+      break
     case 'price-desc':
-      sortBy= 'price desc';
+      sortBy = 'price desc'
-      break;
+      break
     case 'trending-desc':
     default:
-      sortBy= '';
+      sortBy = ''
-      break;
+      break
   }
 
   return {
@@ -50,6 +55,6 @@ export const buildProductSearchVars = ({
     sortBy,
     filter: filter,
     facetTemplate,
-    facetValueFilter
+    facetValueFilter,
   }
 }

packages/kibocommerce/src/lib/set-cookie.ts

@@ -1,3 +1,3 @@
 export function setCookies(res: any, cookies: string[]): void {
-    res.setHeader('Set-Cookie', cookies);
+  res.setHeader('Set-Cookie', cookies)
 }

packages/kibocommerce/src/next.config.cjs

@@ -4,9 +4,13 @@ module.exports = {
   commerce,
   serverRuntimeConfig: {
     // Will only be available on the server side
-    kiboAuthTicket: null
+    kiboAuthTicket: null,
   },
   images: {
-    domains: ['d1slj7rdbjyb5l.cloudfront.net', 'cdn-tp1.mozu.com', 'cdn-sb.mozu.com'],
+    domains: [
+      'd1slj7rdbjyb5l.cloudfront.net',
+      'cdn-tp1.mozu.com',
+      'cdn-sb.mozu.com',
+    ],
   },
 }

packages/kibocommerce/src/product/use-search.tsx

@@ -23,7 +23,9 @@ export const handler: SWRHook<any> = {
       method: options.method,
     })
   },
-  useHook: ({ useData }) => (input) => {
+  useHook:
+    ({ useData }) =>
+    (input) => {
       return useData({
         input: [
           ['search', input.search],

packages/kibocommerce/src/types/customer.ts

@@ -16,11 +16,11 @@ export type Scalars = {
 }
 
 export type Customer = {
-    id: Scalars['Int'],
+  id: Scalars['Int']
-    firstName?: Maybe<Scalars['String']>,
+  firstName?: Maybe<Scalars['String']>
-    lastName?: Maybe<Scalars['String']>,
+  lastName?: Maybe<Scalars['String']>
-    email?: Maybe<Scalars['String']>,
+  email?: Maybe<Scalars['String']>
-    userName?: Maybe<Scalars['String']>,
+  userName?: Maybe<Scalars['String']>
   isAnonymous?: Maybe<Scalars['Boolean']>
 }
 

packages/kibocommerce/src/types/page.ts

@@ -23,12 +23,12 @@ export type PageTypes = {
 }
 
 export type GetPagesQueryParams = {
-    documentListName: Maybe<Scalars["String"]>
+  documentListName: Maybe<Scalars['String']>
 }
 
 export type GetPageQueryParams = {
-    id: Maybe<Scalars["String"]>
+  id: Maybe<Scalars['String']>
-    documentListName: Maybe<Scalars["String"]>
+  documentListName: Maybe<Scalars['String']>
 }
 
 export type GetAllPagesOperation = Core.GetAllPagesOperation<PageTypes>

packages/kibocommerce/src/wishlist/use-wishlist.tsx

@@ -1,6 +1,8 @@
 import { useMemo } from 'react'
 import { SWRHook } from '@vercel/commerce/utils/types'
-import useWishlist, { UseWishlist } from '@vercel/commerce/wishlist/use-wishlist'
+import useWishlist, {
+  UseWishlist,
+} from '@vercel/commerce/wishlist/use-wishlist'
 import type { GetWishlistHook } from '@vercel/commerce/types/wishlist'
 import useCustomer from '../customer/use-customer'
 
@@ -11,20 +13,22 @@ export const handler: SWRHook<any> = {
     url: '/api/wishlist',
     method: 'GET',
   },
-  fetcher({ input: { customerId, includeProducts}, options, fetch }) {
+  fetcher({ input: { customerId, includeProducts }, options, fetch }) {
     if (!customerId) return null
     // Use a dummy base as we only care about the relative path
     const url = new URL(options.url!, 'http://a')
 
     if (includeProducts) url.searchParams.set('products', '1')
-    if(customerId) url.searchParams.set('customerId', customerId)
+    if (customerId) url.searchParams.set('customerId', customerId)
 
     return fetch({
       url: url.pathname + url.search,
       method: options.method,
     })
   },
-  useHook: ({ useData }) => (input) => {
+  useHook:
+    ({ useData }) =>
+    (input) => {
       const { data: customer } = useCustomer()
       const response = useData({
         input: [

packages/ordercloud/src/api/operations/get-site-info.ts

@@ -1,5 +1,8 @@
 import type { OperationContext } from '@vercel/commerce/api/operations'
-import type { Category, GetSiteInfoOperation } from '@vercel/commerce/types/site'
+import type {
+  Category,
+  GetSiteInfoOperation,
+} from '@vercel/commerce/types/site'
 
 import type { RawCategory } from '../../types/category'
 import type { OrdercloudConfig, Provider } from '../index'

packages/ordercloud/src/api/utils/fetch-rest.ts

@@ -1,6 +1,6 @@
 import vercelFetch from '@vercel/fetch'
 import { FetcherError } from '@vercel/commerce/utils/errors'
-import { CustomNodeJsGlobal } from '../../types/node';
+import { CustomNodeJsGlobal } from '../../types/node'
 
 import { OrdercloudConfig } from '../index'
 
@@ -144,12 +144,11 @@ export const createBuyerFetcher: (
     body?: Record<string, unknown>,
     fetchOptions?: Record<string, any>
   ) => {
-    const customGlobal = global as unknown as CustomNodeJsGlobal;
+    const customGlobal = global as unknown as CustomNodeJsGlobal
 
     // Get provider config
     const config = getConfig()
 
-
     // If a token was passed, set it on global
     if (fetchOptions?.token) {
       customGlobal.token = fetchOptions.token