@faststore/core 3.97.0 → 3.97.1

package/src/sdk/account/useReorder.ts

@@ -0,0 +1,148 @@
+import { useState } from 'react'
+import type { ServerOrderDetailsQueryQuery } from '@generated/graphql'
+import { cartStore, ValidateCartMutation } from '../cart'
+import type {
+  IStoreOffer,
+  ValidateCartMutationMutation,
+  ValidateCartMutationMutationVariables,
+  CartItemFragment,
+  IStoreCart,
+} from '@generated/graphql'
+import { request } from '../graphql/request'
+import { sessionStore } from '../session'
+import { redirectToCheckout } from '../cart/redirectToCheckout'
+import ReorderError from '../error/ReorderError/ReorderError'
+
+type Order = ServerOrderDetailsQueryQuery['userOrder']
+type AdditionalProperties =
+  CartItemFragment['itemOffered']['additionalProperty']
+
+const getItemId = (item: CartItemFragment) => {
+  const propertyIds =
+    item.itemOffered.additionalProperty
+      ?.map((prop) => prop.propertyID)
+      .join('-') ?? ''
+
+  const sellerId = item.seller?.identifier ?? ''
+
+  return [item.itemOffered.sku, sellerId, propertyIds]
+    .filter(Boolean)
+    .join('::')
+}
+
+export const useReorder = () => {
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<Error | null>(null)
+
+  const reorder = async (order: Order | null | undefined) => {
+    if (!order) {
+      const err = new ReorderError('Order not found')
+      setError(err)
+      return
+    }
+
+    const deliveryOptions = order.deliveryOptionsData?.deliveryOptions ?? []
+    const orderItemsWithSeller =
+      deliveryOptions.flatMap((option) =>
+        (option?.items ?? []).map((item) => ({
+          ...item,
+          seller: option?.seller,
+        }))
+      ) ?? []
+
+    if (!orderItemsWithSeller || orderItemsWithSeller.length === 0) {
+      const err = new ReorderError('No items found in order')
+      setError(err)
+      return
+    }
+
+    setLoading(true)
+    setError(null)
+
+    try {
+      const currentCart = cartStore.read()
+
+      const acceptedOffer: IStoreOffer[] = orderItemsWithSeller
+        .filter(
+          (item) =>
+            item && item.id && item.quantity && item.seller && item.quantity > 0
+        )
+        .map((item) => ({
+          quantity: item.quantity,
+          seller: {
+            identifier: item.seller,
+          },
+          price: item.price ?? 0,
+          listPrice: item.price ?? 0,
+          itemOffered: {
+            sku: item.id ?? '',
+            image: item.imageUrl
+              ? [
+                  {
+                    url: item.imageUrl,
+                    alternateName: item.name ?? '',
+                  },
+                ]
+              : [],
+            name: item.name ?? '',
+            additionalProperty: [] as AdditionalProperties,
+          },
+        }))
+
+      if (acceptedOffer.length === 0) {
+        throw new ReorderError('No valid items to reorder')
+      }
+
+      const orderPayload: Partial<IStoreCart['order']> & {
+        acceptedOffer: IStoreCart['order']['acceptedOffer']
+        shouldSplitItem?: IStoreCart['order']['shouldSplitItem']
+      } = {
+        acceptedOffer,
+        shouldSplitItem: false,
+      }
+
+      if (currentCart.id) {
+        orderPayload.orderNumber = currentCart.id
+      }
+
+      const { validateCart: validated } = await request<
+        ValidateCartMutationMutation,
+        ValidateCartMutationMutationVariables
+      >(ValidateCartMutation, {
+        session: sessionStore.read(),
+        cart: {
+          order: orderPayload as IStoreCart['order'],
+        },
+      })
+
+      if (!validated) {
+        throw new ReorderError('Failed to add items to cart')
+      }
+
+      const updatedCart = {
+        id: validated.order.orderNumber,
+        items: validated.order.acceptedOffer.map((item) => ({
+          ...item,
+          id: getItemId(item),
+        })),
+        messages: validated.messages,
+        shouldSplitItem: validated.order.shouldSplitItem,
+      }
+
+      cartStore.set(updatedCart)
+
+      redirectToCheckout(validated.order.orderNumber)
+    } catch (err) {
+      setError(err instanceof Error ? err : new ReorderError('Unknown error'))
+      console.error('Error reordering:', err)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return {
+    reorder,
+    loading,
+    error,
+  }
+}

package/src/sdk/analytics/hooks/usePageViewEvent.ts

@@ -1,6 +1,6 @@
 import type { PageViewEvent } from '@faststore/sdk'
 import { useRouter } from 'next/router'
-import { useCallback, useEffect } from 'react'
+import { useCallback, useEffect, useRef } from 'react'
 
 export const usePageViewEvent = (props?: any) => {
   const sendPageViewEvent = useCallback(() => {
@@ -18,10 +18,15 @@ export const usePageViewEvent = (props?: any) => {
   }, [props])
 
   const router = useRouter()
+  const lastPathRef = useRef<string | null>(null)
 
   useEffect(() => {
+    if (lastPathRef.current === router.asPath) {
+      return
+    }
+    lastPathRef.current = router.asPath
     sendPageViewEvent()
-  }, [router.pathname, sendPageViewEvent])
+  }, [router.asPath, sendPageViewEvent])
 
   return { sendPageViewEvent }
 }

package/src/sdk/analytics/platform/vtex/search.ts

@@ -4,6 +4,7 @@
 import type { AnalyticsEvent } from '@faststore/sdk'
 import type { SearchEvents } from '../../types'
 
+import { LOG_LABEL_STYLE } from 'src/constants'
 import { getBaseDomain } from 'src/utils/getBaseDomain'
 import { getCookie } from 'src/utils/getCookie'
 import config from '../../../../../discovery.config'
@@ -11,6 +12,7 @@ import config from '../../../../../discovery.config'
 const THIRTY_MINUTES_S = 30 * 60
 const ONE_YEAR_S = 365 * 24 * 3600
 
+const enableScriptsLogs = config.experimental?.enableScriptsLogs === true
 const randomUUID = () =>
   typeof crypto.randomUUID === 'function'
     ? crypto.randomUUID().replaceAll('-', '')
@@ -83,19 +85,31 @@ type SearchEvent =
       type: 'search.autocomplete.click'
     }
 
-const sendEvent = (options: SearchEvent & { url?: string }) =>
-  fetch(`https://sp.vtex.com/event-api/v1/${config.api.storeId}/event`, {
+const sendEvent = (options: SearchEvent & { url?: string }) => {
+  const payload = {
+    ...options,
+    userAgent: navigator.userAgent,
+    anonymous: user.anonymous(),
+    session: user.session(),
+  }
+
+  if (enableScriptsLogs) {
+    console.debug(
+      '%cvtex%c Search Event',
+      LOG_LABEL_STYLE,
+      'color:inherit',
+      payload
+    )
+  }
+
+  return fetch(`https://sp.vtex.com/event-api/v1/${config.api.storeId}/event`, {
     method: 'POST',
-    body: JSON.stringify({
-      ...options,
-      userAgent: navigator.userAgent,
-      anonymous: user.anonymous(),
-      session: user.session(),
-    }),
+    body: JSON.stringify(payload),
     headers: {
       'content-type': 'application/json',
     },
   })
+}
 
 const isFullTextSearch = (url: URL) =>
   typeof url.searchParams.get('q') === 'string' &&

package/src/sdk/cart/redirectToCheckout.ts

@@ -0,0 +1,15 @@
+import storeConfig from '../../../discovery.config'
+
+export const redirectToCheckout = (orderFormId?: string) => {
+  const isDevEnv =
+    window.location.host.includes('.vtex.app') ||
+    window.location.host.includes('localhost')
+
+  if (!isDevEnv) {
+    window.location.href = `${storeConfig.checkoutUrl}`
+  } else if (orderFormId) {
+    window.location.href = `${storeConfig.checkoutUrl}?orderFormId=${orderFormId}`
+  } else {
+    window.location.href = `${storeConfig.checkoutUrl}`
+  }
+}

package/src/sdk/cart/useCheckoutButton.ts

@@ -1,21 +1,14 @@
-import storeConfig from '../../../discovery.config'
 import { useCart } from './index'
+import { redirectToCheckout } from './redirectToCheckout'
 
 export const useCheckoutButton = () => {
   const { isValidating, id } = useCart()
 
   const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault()
-    const isDevEnv =
-      window.location.host.includes('.vtex.app') ||
-      window.location.host.includes('localhost')
 
     if (!isValidating) {
-      if (!isDevEnv) {
-        window.location.href = `${storeConfig.checkoutUrl}`
-      } else if (id) {
-        window.location.href = `${storeConfig.checkoutUrl}?orderFormId=${id}`
-      }
+      redirectToCheckout(id)
     }
   }
 

package/src/sdk/error/ReorderError/ReorderError.ts

@@ -0,0 +1,6 @@
+export default class ReorderError extends Error {
+  constructor(message: string) {
+    super(message)
+    this.name = 'ReorderError'
+  }
+}

package/.next/server/chunks/4168.js

@@ -1 +0,0 @@
-exports.id=4168,exports.ids=[4168],exports.modules={38038:e=>{e.exports={seo:{title:"FastStore Starter",description:"Fast Demo Store",titleTemplate:"%s | FastStore",author:"Store Framework",name:"FastStore",publisherId:"",plp:{titleTemplate:"%s | FastStore PLP",descriptionTemplate:"%s products on FastStore Product Listing Page"},pdp:{titleTemplate:"%s | FastStore PDP",descriptionTemplate:"%s products on FastStore Product Detail Page",minPriceAmountFractionDigits:void 0},search:{titleTemplate:"%s | Search results",descriptionTemplate:"%s Search results description",noIndex:!0,noFollow:!0,bodyH1:"Showing results for:"}},theme:"custom-theme",platform:"vtex",api:{storeId:"storeframework",workspace:"master",subDomainPrefix:["www"],environment:"vtexcommercestable",hideUnavailableItems:!1,showSponsored:!1,incrementAddress:!0,enableUnavailableItemsOnCart:!1},session:{currency:{code:"USD",symbol:"$"},locale:"en-US",channel:'{"salesChannel":"1","regionId":"","hasOnlyDefaultSalesChannel":"true"}',country:"USA",deliveryMode:null,addressType:null,city:null,postalCode:null,geoCoordinates:null,b2b:null,person:null,marketingData:{utmCampaign:"",utmMedium:"",utmSource:"",utmiCampaign:"",utmiPart:"",utmiPage:""},refreshAfter:null},cart:{id:"",items:[],messages:[],shouldSplitItem:!0},storeUrl:"https://homebrewqa.fast.store",secureSubdomain:"https://homebrewqa.fast.store",checkoutUrl:"https://homebrewqa.fast.store/checkout",loginUrl:"https://homebrewqa.fast.store/api/io/login",accountUrl:"https://homebrewqa.fast.store/api/io/account",previewRedirects:{home:"/",plp:"/office",search:"/s?q=headphone",pdp:"/apple-magic-mouse/p",500:"/500",404:"/404"},lighthouse:{server:process.env.BASE_SITE_URL||"http://localhost:3000",pages:{home:"/",pdp:"/4k-philips-monitor-99988213/p",collection:"/office"}},cypress:{pages:{home:"/",pdp:"/4k-philips-monitor-99988213/p",collection:"/office",collection_2:"/technology",collection_filtered:"/office/?category-1=office&marca=acer&facets=category-1%2Cmarca",search:"/s?q=orange"}},analytics:{gtmContainerId:"GTM-PGHZ95N"},cms:{data:process.env.CMS_DATA},contentSource:{type:"CMS"},deliveryPromise:{enabled:!1,mandatory:!1},experimental:{cypressVersion:12,enableCypressExtension:!1,noRobots:!1,noindex:!1,nofollow:!1,preact:!1,enableRedirects:!1,enableSearchSSR:!1,enableFaststoreMyAccount:!1,graphqlCacheControl:{maxAge:0,staleWhileRevalidate:3600},refreshToken:!1,scrollRestoration:!1},direction:"ltr"}},43412:(e,t,o)=>{let r=o(38038),s=o(2512),n=o(56330),a=n(r,s);e.exports=a},2512:e=>{e.exports={}},39729:(e,t,o)=>{"use strict";o.d(t,{Q:()=>c,Z:()=>i});var r=o(20997);let fonts_WebFonts=function(){return r.jsx(r.Fragment,{})},s={components:{WebFonts:fonts_WebFonts}},n={components:{ThirdPartyScripts:()=>r.jsx(r.Fragment,{})}};function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach(function(t){var r;r=o[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}let a=_objectSpread(_objectSpread(_objectSpread(_objectSpread({WebFonts:fonts_WebFonts},n.components),s.components),s.components),n.components),c=a.WebFonts,i=a}};