Requested changes

packages/bigcommerce/src/api/endpoints/customer/get-logged-in-customer.ts

@@ -34,7 +34,9 @@ const getLoggedInCustomer: CustomerEndpoint['handlers']['getLoggedInCustomer'] =
         getLoggedInCustomerQuery,
         undefined,
         {
-          cookie: `${config.customerCookie}=${token}`,
+          headers: {
+            cookie: `${config.customerCookie}=${token}`,
+          },
         }
       )
       const { customer } = data

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

@@ -48,9 +48,9 @@ export default function getCustomerWishlistOperation({
     if (includeProducts && wishlist?.items?.length) {
       const ids = []
 
-      for (let i = 0; i < wishlist.items.length; i++) {
-        if (wishlist.items[i].product_id) {
-          ids.push(String(wishlist.items[i]?.product_id))
+      for (const wishlistItem of wishlist.items) {
+        if (wishlistItem.product_id) {
+          ids.push(String(wishlistItem.product_id))
         }
       }
 

packages/bigcommerce/src/api/operations/login.ts

@@ -5,7 +5,6 @@ import type {
 import type { LoginOperation } from '@vercel/commerce/types/login'
 import type { LoginMutation } from '../../../schema'
 import type { RecursivePartial } from '../utils/types'
-import concatHeader from '../utils/concat-cookie'
 import type { BigcommerceConfig, Provider } from '..'
 
 export const loginMutation = /* GraphQL */ `

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

@@ -7,7 +7,7 @@ const fetchGraphqlApi: (getConfig: () => BigcommerceConfig) => GraphQLFetcher =
   async (
     query: string,
     { variables, preview } = {},
-    headers?: HeadersInit
+    options: { headers?: HeadersInit } = {}
   ): Promise<any> => {
     // log.warn(query)
     const config = getConfig()
@@ -16,7 +16,7 @@ const fetchGraphqlApi: (getConfig: () => BigcommerceConfig) => GraphQLFetcher =
       method: 'POST',
       headers: {
         Authorization: `Bearer ${config.apiToken}`,
-        ...headers,
+        ...options.headers,
         'Content-Type': 'application/json',
       },
       body: JSON.stringify({

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

@@ -20,7 +20,9 @@ async function getCustomerId({
     getCustomerIdQuery,
     undefined,
     {
-      cookie: `${config.customerCookie}=${customerToken}`,
+      headers: {
+        cookie: `${config.customerCookie}=${customerToken}`,
+      },
     }
   )
 

packages/commerce/src/api/index.ts

@@ -165,7 +165,9 @@ export interface CommerceAPIConfig {
   fetch<Data = any, Variables = any>(
     query: string,
     queryData?: CommerceAPIFetchOptions<Variables>,
-    headers?: HeadersInit
+    options?: {
+      headers: HeadersInit
+    }
   ): Promise<GraphQLFetcherResult<Data>>
 }
 

packages/commerce/src/schemas/customer.ts

@@ -5,16 +5,14 @@ export const getCustomerAddressBodySchema = z.object({
 })
 
 export const customerSchema = z.object({
-  customer: z.object({
-    id: z.string(),
-    firstName: z.string(),
-    lastName: z.string(),
-    email: z.string().optional(),
-    phone: z.string().optional(),
-    company: z.string().optional(),
-    notes: z.string().optional(),
-    acceptsMarketing: z.boolean().optional(),
-  }),
+  id: z.string(),
+  firstName: z.string(),
+  lastName: z.string(),
+  email: z.string().optional(),
+  phone: z.string().optional(),
+  company: z.string().optional(),
+  notes: z.string().optional(),
+  acceptsMarketing: z.boolean().optional(),
 })
 
 export const addressSchema = z.object({

site/components/auth/LoginView.tsx

@@ -1,4 +1,4 @@
-import { FC, useEffect, useState, useCallback } from 'react'
+import { useEffect, useState, useCallback } from 'react'
 import { Logo, Button, Input } from '@components/ui'
 import useLogin from '@framework/auth/use-login'
 import { useUI } from '@components/ui/context'