@faststore/api 1.12.37 → 1.12.39

package/dist/platforms/vtex/clients/commerce/index.d.ts

@@ -26,7 +26,7 @@ export declare const VtexCommerce: ({ account, environment }: Options, ctx: Cont
             pagetype: (slug: string) => Promise<PortalPagetype>;
         };
         products: {
-            crossselling: ({ type, productId, groupByProduct }: {
+            crossselling: ({ type, productId, groupByProduct, }: {
                 type: ValueOf<typeof FACET_CROSS_SELLING_MAP>;
                 productId: string;
                 groupByProduct?: boolean | undefined;
@@ -35,7 +35,7 @@ export declare const VtexCommerce: ({ account, environment }: Options, ctx: Cont
     };
     checkout: {
         simulation: (args: SimulationArgs, { salesChannel }?: SimulationOptions) => Promise<Simulation>;
-        shippingData: ({ id, body }: {
+        shippingData: ({ id, body, }: {
             id: string;
             body: unknown;
         }) => Promise<OrderForm>;
@@ -60,6 +60,7 @@ export declare const VtexCommerce: ({ account, environment }: Options, ctx: Cont
         address: ({ postalCode, country, }: AddressInput) => Promise<Address>;
     };
     session: (search: string) => Promise<Session>;
+    getSessionOrder: () => Promise<Session>;
     subscribeToNewsletter: (data: {
         name: string;
         email: string;

package/dist/platforms/vtex/clients/commerce/types/Session.d.ts

@@ -5,6 +5,7 @@ export interface Session {
 export interface Namespaces {
     profile?: Profile;
     store?: Store;
+    checkout?: Checkout;
 }
 export interface Value {
     value: string;
@@ -22,3 +23,6 @@ export interface Profile {
     firstName?: Value;
     lastName?: Value;
 }
+export interface Checkout {
+    orderFormId?: Value;
+}

package/dist/platforms/vtex/clients/index.d.ts

@@ -20,7 +20,7 @@ export declare const getClients: (options: Options, ctx: Context) => {
                 pagetype: (slug: string) => Promise<import("./commerce/types/Portal").PortalPagetype>;
             };
             products: {
-                crossselling: ({ type, productId, groupByProduct }: {
+                crossselling: ({ type, productId, groupByProduct, }: {
                     type: "whoboughtalsobought" | "whosawalsosaw" | "similars" | "whosawalsobought" | "accessories" | "suggestions";
                     productId: string;
                     groupByProduct?: boolean | undefined;
@@ -29,7 +29,7 @@ export declare const getClients: (options: Options, ctx: Context) => {
         };
         checkout: {
             simulation: (args: import("./commerce/types/Simulation").SimulationArgs, { salesChannel }?: import("./commerce/types/Simulation").SimulationOptions) => Promise<import("./commerce/types/Simulation").Simulation>;
-            shippingData: ({ id, body }: {
+            shippingData: ({ id, body, }: {
                 id: string;
                 body: unknown;
             }) => Promise<import("./commerce/types/OrderForm").OrderForm>;
@@ -54,6 +54,7 @@ export declare const getClients: (options: Options, ctx: Context) => {
             address: ({ postalCode, country, }: import("./commerce/types/Address").AddressInput) => Promise<import("./commerce/types/Address").Address>;
         };
         session: (search: string) => Promise<import("./commerce/types/Session").Session>;
+        getSessionOrder: () => Promise<import("./commerce/types/Session").Session>;
         subscribeToNewsletter: (data: {
             name: string;
             email: string;

package/dist/platforms/vtex/resolvers/validateCart.d.ts

@@ -1,5 +1,5 @@
-import type { MutationValidateCartArgs } from '../../../__generated__/schema';
 import type { Context } from '..';
+import type { MutationValidateCartArgs } from '../../../__generated__/schema';
 /**
  * This resolver implements the optimistic cart behavior. The main idea in here
  * is that we receive a cart from the UI (as query params) and we validate it with

package/dist/platforms/vtex/utils/getCookies.d.ts

@@ -0,0 +1 @@
+export declare const getCookie: (name: string, cookie: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/api",
-  "version": "1.12.37",
+  "version": "1.12.39",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -46,5 +46,5 @@
   "peerDependencies": {
     "graphql": "^15.6.0"
   },
-  "gitHead": "d4dce561e18aaae368982240b4000d9242b984bc"
+  "gitHead": "872ef5ad4ff1db650a89222f96ed7073434da66c"
 }

package/src/platforms/vtex/clients/commerce/index.ts

@@ -15,6 +15,7 @@ import type {
 } from './types/Simulation'
 import type { Session } from './types/Session'
 import type { Channel } from '../../utils/channel'
+import { getCookie } from '../../utils/getCookies'
 import type { SalesChannel } from './types/SalesChannel'
 import { MasterDataResponse } from './types/Newsletter'
 import type { Address, AddressInput } from './types/Address'
@@ -51,20 +52,22 @@ export const VtexCommerce = (
           fetchAPI(`${base}/api/catalog_system/pub/portal/pagetype/${slug}`),
       },
       products: {
-        crossselling: (
-          { type, productId, groupByProduct = true }: {
-            type: ValueOf<typeof FACET_CROSS_SELLING_MAP>;
-            productId: string;
-            groupByProduct?: boolean;
-          },
-        ): Promise<PortalProduct[]> => {
+        crossselling: ({
+          type,
+          productId,
+          groupByProduct = true,
+        }: {
+          type: ValueOf<typeof FACET_CROSS_SELLING_MAP>
+          productId: string
+          groupByProduct?: boolean
+        }): Promise<PortalProduct[]> => {
           const params = new URLSearchParams({
             sc: ctx.storage.channel.salesChannel,
             groupByProduct: groupByProduct.toString(),
           })
 
           return fetchAPI(
-            `${base}/api/catalog_system/pub/products/crossselling/${type}/${productId}?${params}`,
+            `${base}/api/catalog_system/pub/products/crossselling/${type}/${productId}?${params}`
           )
         },
       },
@@ -86,16 +89,20 @@ export const VtexCommerce = (
           }
         )
       },
-      shippingData: (
-        { id, body }: { id: string; body: unknown },
-      ): Promise<OrderForm> => {
+      shippingData: ({
+        id,
+        body,
+      }: {
+        id: string
+        body: unknown
+      }): Promise<OrderForm> => {
         return fetchAPI(
           `${base}/api/checkout/pub/orderForm/${id}/attachments/shippingData`,
           {
             ...BASE_INIT,
             body: JSON.stringify(body),
-          },
-        );
+          }
+        )
       },
       orderForm: ({
         id,
@@ -159,7 +166,7 @@ export const VtexCommerce = (
             ...BASE_INIT,
             body: JSON.stringify({ value }),
             method: 'PUT',
-          },
+          }
         )
       },
       region: async ({
@@ -189,14 +196,34 @@ export const VtexCommerce = (
         'items',
         'profile.id,profile.email,profile.firstName,profile.lastName,store.channel,store.countryCode,store.cultureInfo,store.currencyCode,store.currencySymbol'
       )
-
-      return fetchAPI(`${base}/api/sessions?${params.toString()}`, {
-        method: 'POST',
+      if (getCookie('vtex_session', ctx.headers.cookie)) {
+        // cookie set
+        return fetchAPI(`${base}/api/sessions?${params.toString()}`, {
+          method: 'GET',
+          headers: {
+            'content-type': 'application/json',
+            cookie: ctx.headers.cookie,
+          },
+        })
+      } else {
+        // cookie unset -> create session
+        return fetchAPI(`${base}/api/sessions?${params.toString()}`, {
+          method: 'POST',
+          headers: {
+            'content-type': 'application/json',
+            cookie: ctx.headers.cookie,
+          },
+          body: '{}',
+        })
+      }
+    },
+    getSessionOrder: (): Promise<Session> => {
+      return fetchAPI(`${base}/api/sessions?items=checkout.orderFormId`, {
+        method: 'GET',
         headers: {
           'content-type': 'application/json',
           cookie: ctx.headers.cookie,
         },
-        body: '{}',
       })
     },
     subscribeToNewsletter: (data: {

package/src/platforms/vtex/clients/commerce/types/Session.ts

@@ -6,6 +6,7 @@ export interface Session {
 export interface Namespaces {
   profile?: Profile
   store?: Store
+  checkout?: Checkout
 }
 
 export interface Value {
@@ -26,3 +27,7 @@ export interface Profile {
   firstName?: Value
   lastName?: Value
 }
+
+export interface Checkout {
+  orderFormId?: Value
+}

package/src/platforms/vtex/clients/fetch.ts

@@ -1,7 +1,16 @@
 import fetch from 'isomorphic-unfetch'
+import packageJson from '../../../../package.json'
+
+const USER_AGENT = `${packageJson.name}@${packageJson.version}`
 
 export const fetchAPI = async (info: RequestInfo, init?: RequestInit) => {
-  const response = await fetch(info, init)
+  const response = await fetch(info, {
+    ...init,
+    headers: {
+      ...init?.headers,
+      'User-Agent': USER_AGENT,
+    },
+  })
 
   if (response.ok) {
     return response.status !== 204 ? response.json() : undefined

package/src/platforms/vtex/resolvers/validateCart.ts

@@ -1,27 +1,26 @@
 import deepEquals from 'fast-deep-equal'
 
+import { mutateChannelContext, mutateLocaleContext } from '../utils/contex'
+import { getCookie } from '../utils/getCookies'
 import { md5 } from '../utils/md5'
 import {
   attachmentToPropertyValue,
   getPropertyId,
-  VALUE_REFERENCES,
+  VALUE_REFERENCES
 } from '../utils/propertyValue'
-import { mutateChannelContext, mutateLocaleContext } from '../utils/contex'
 
+import type { Context } from '..'
 import type {
-  IStoreSession,
   IStoreOffer,
   IStoreOrder,
-  IStorePropertyValue,
-  Maybe,
-  MutationValidateCartArgs,
+  IStorePropertyValue, IStoreSession, Maybe,
+  MutationValidateCartArgs
 } from '../../../__generated__/schema'
 import type {
   OrderForm,
   OrderFormInputItem,
-  OrderFormItem,
+  OrderFormItem
 } from '../clients/commerce/types/OrderForm'
-import type { Context } from '..'
 
 type Indexed<T> = T & { index?: number }
 
@@ -200,6 +199,20 @@ const isOrderFormStale = (form: OrderForm) => {
   return newEtag !== oldEtag
 }
 
+async function getOrderNumberFromSession(
+  headers: Record<string, string> = {},
+  commerce: Context['clients']['commerce']
+) {
+
+  const cookieSession = getCookie('vtex_session', headers.cookie)
+
+  if (cookieSession) {
+    const { namespaces } = await commerce.getSessionOrder()
+    return namespaces.checkout?.orderFormId?.value
+  }
+  return ;
+}
+
 // Returns the regionalized orderForm
 const getOrderForm = async (
   id: string,
@@ -253,11 +266,11 @@ export const validateCart = async (
   { cart: { order }, session }: MutationValidateCartArgs,
   ctx: Context
 ) => {
-  const { enableOrderFormSync } = ctx.storage.flags
-  const { orderNumber, acceptedOffer } = order
+  const { orderNumber: orderNumberFromCart, acceptedOffer } = order
   const {
     clients: { commerce },
     loaders: { skuLoader },
+    headers,
   } = ctx
 
   const channel = session?.channel
@@ -271,22 +284,26 @@ export const validateCart = async (
     mutateLocaleContext(ctx, locale)
   }
 
+  const orderNumberFromSession = await getOrderNumberFromSession(
+    headers,
+    commerce
+  )
+
+  const orderNumber = orderNumberFromSession ?? orderNumberFromCart ?? ''
+
   // Step1: Get OrderForm from VTEX Commerce
   const orderForm = await getOrderForm(orderNumber, session, ctx)
 
   // Step1.5: Check if another system changed the orderForm with this orderNumber
   // If so, this means the user interacted with this cart elsewhere and expects
   // to see this new cart state instead of what's stored on the user's browser.
-  if (enableOrderFormSync === true) {
-    const isStale = isOrderFormStale(orderForm)
-
-    if (isStale === true && orderNumber) {
-      const newOrderForm = await setOrderFormEtag(orderForm, commerce).then(
-        joinItems
+  const isStale = isOrderFormStale(orderForm)
+  
+  if (isStale && orderNumber) {
+    const newOrderForm = await setOrderFormEtag(orderForm, commerce).then(
+      joinItems
       )
-
-      return orderFormToCart(newOrderForm, skuLoader)
-    }
+    return orderFormToCart(newOrderForm, skuLoader)
   }
 
   // Step2: Process items from both browser and checkout so they have the same shape
@@ -349,7 +366,7 @@ export const validateCart = async (
     })
     // update orderForm etag so we know last time we touched this orderForm
     .then((form) =>
-      enableOrderFormSync ? setOrderFormEtag(form, commerce) : form
+      setOrderFormEtag(form, commerce)
     )
     .then(joinItems)
 

package/src/platforms/vtex/utils/getCookies.ts

@@ -0,0 +1,8 @@
+export const getCookie = (name: string, cookie: string): string => {
+  const value = `; ${cookie}`
+  const parts = value.split(`; ${name}=`)
+  if (parts.length === 2) {
+    return parts?.pop()?.split(';').shift() ?? ''
+  }
+  return ''
+}

package/src/typings/json.d.ts

@@ -0,0 +1,4 @@
+declare module '*.json' {
+  const value: any;
+  export default value;
+}