@faststore/core 3.97.0-dev.1 → 3.97.0-dev.2

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.97.0-dev.0 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.97.0-dev.0 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 partytown /home/runner/work/faststore/faststore/packages/core
 > partytown copylib ./public/~partytown
 
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 
-> @faststore/core@3.97.0-dev.0 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.97.0-dev.0 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.97.0-dev.0 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 generate:codegen /home/runner/work/faststore/faststore/packages/core
 > graphql-codegen
 
 [STARTED] Parse Configuration
@@ -37,11 +37,11 @@ Running lifecycle hook "afterStart" scripts...
 [CLI] Loading Documents
 [CLI] Generating output
 
-> @faststore/core@3.97.0-dev.0 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.97.0-dev.0 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 build /home/runner/work/faststore/faststore/packages/core
 > next build
 
 ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
@@ -80,8 +80,8 @@ Import trace for requested module:
    Collecting page data ...
    Generating static pages (0/6) ...
 
   Generating static pages (1/6) 
-Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
 
   Generating static pages (2/6) 
+Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
 
   Generating static pages (4/6) 
 
 ✓ Generating static pages (6/6) 
    Finalizing page optimization ...
@@ -111,8 +111,8 @@ Route (pages)                              Size     First Load JS
 ├   └ css/0fc6b2ff69142c6a.css             4.74 kB
 ├ λ /pvt/account/orders                    9.78 kB         150 kB
 ├   └ css/40a294d0a24ad01d.css             14.1 kB
-├ λ /pvt/account/orders/[id]               12.1 kB         152 kB
-├   └ css/5eecefd2c6deeee4.css             13.3 kB
+├ λ /pvt/account/orders/[id]               13.2 kB         153 kB
+├   └ css/edb7b00b99fe13ed.css             13.4 kB
 ├ λ /pvt/account/profile                   1.98 kB         142 kB
 ├   └ css/47f1b4e8de15d314.css             4.42 kB
 ├ λ /pvt/account/security                  3.96 kB         144 kB
@@ -123,8 +123,8 @@ Route (pages)                              Size     First Load JS
 + First Load JS shared by all              112 kB
   ├ chunks/framework-d514426edf885c68.js   45.4 kB
   ├ chunks/main-ec03882c4375091d.js        33.2 kB
-  ├ chunks/pages/_app-dbee0add24c249fe.js  25.8 kB
-  ├ chunks/webpack-c6f7dbc72e738310.js     3.85 kB
+  ├ chunks/pages/_app-5875d79041a9064f.js  25.9 kB
+  ├ chunks/webpack-5269d37fda85c9f2.js     3.85 kB
   └ css/0f070d03aacd9cc5.css               3.57 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,16 +1,17 @@
 
-> @faststore/core@3.97.0-dev.0 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.97.0-dev.1 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/utils/multipleTemplates.test.ts (28.944 s)
-PASS test/utils/clearCookies.test.ts (28.834 s)
+PASS test/utils/multipleTemplates.test.ts (27.725 s)
+PASS test/utils/clearCookies.test.ts (27.116 s)
 PASS test/utils/cookieCacheBusting.test.ts
 PASS test/server/cms/global.test.ts
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (33.061 s)
+PASS test/server/index.test.ts (32.42 s)
+A worker process has failed to exit gracefully and has been force exited. This is likely caused by tests leaking due to improper teardown. Try running with --detectOpenHandles to find leaks. Active timers can also cause this, ensure that .unref() was called on them.
 
 Test Suites: 6 passed, 6 total
 Tests:       47 passed, 47 total
 Snapshots:   0 total
-Time:        34.431 s
+Time:        33.84 s
 Ran all test suites.

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 3.97.0-dev.2 (2026-02-06)
+
+### Features
+
+- reorder feature ([#3153](https://github.com/vtex/faststore/issues/3153)) ([d0fdeec](https://github.com/vtex/faststore/commit/d0fdeec77cd94e16f1b79dcc927487320983ba0e))
+
 # [3.97.0-dev.1](https://github.com/vtex/faststore/compare/v3.96.5...v3.97.0-dev.1) (2026-02-03)
 
 # 3.97.0-dev.0 (2026-01-27)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.97.0-dev.1",
+  "version": "3.97.0-dev.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -51,11 +51,11 @@
     "@envelop/graphql-jit": "^8.0.3",
     "@envelop/parser-cache": "^6.0.2",
     "@envelop/validation-cache": "^6.0.2",
-    "@faststore/api": "3.96.4-dev.0",
-    "@faststore/graphql-utils": "^3.96.4-dev.0",
-    "@faststore/lighthouse": "3.96.4-dev.0",
-    "@faststore/sdk": "3.96.4-dev.0",
-    "@faststore/ui": "3.96.4-dev.0",
+    "@faststore/api": "3.97.0-dev.2",
+    "@faststore/graphql-utils": "^3.97.0-dev.2",
+    "@faststore/lighthouse": "3.97.0-dev.2",
+    "@faststore/sdk": "3.97.0-dev.2",
+    "@faststore/ui": "3.97.0-dev.2",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/client-preset": "4.2.6",
     "@graphql-codegen/typescript": "4.0.7",
@@ -123,5 +123,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "03c4793a9a9e2ffcf22cf5eb2820b8d17c5f1387"
+  "gitHead": "301d4a4aa7651b1cc4cdf6e480e0242476aa00b0"
 }

package/src/components/account/orders/MyAccountOrderDetails/MyAccountOrderActions/MyAccountOrderActions.tsx

@@ -9,22 +9,29 @@ import {
 import { useState } from 'react'
 import MyAccountOrderActionModal from 'src/components/account/orders/MyAccountOrderDetails/MyAccountOrderActionModal'
 import { useCancelOrder } from 'src/sdk/account/useCancelOrder'
+import { useReorder } from 'src/sdk/account/useReorder'
+import type { ServerOrderDetailsQueryQuery } from '@generated/graphql'
+
+type Order = ServerOrderDetailsQueryQuery['userOrder']
 
 interface MyAccountOrderActionsProps {
   allowCancellation: boolean
   orderId: string
   customerEmail?: string
+  order: Order
 }
 
 export default function MyAccountOrderActions({
   allowCancellation,
   orderId,
   customerEmail,
+  order,
 }: MyAccountOrderActionsProps) {
   const [isCancelOpen, setIsCancelOpen] = useState<boolean>(false)
   const { pushToast } = useUI()
 
   const { cancelOrder, loading } = useCancelOrder()
+  const { reorder } = useReorder()
 
   const handleCancel = async () => {
     const data = {
@@ -54,9 +61,8 @@ export default function MyAccountOrderActions({
     }
   }
 
-  // Don't render if no actions are available
-  if (!allowCancellation) {
-    return null
+  const handleReorder = () => {
+    reorder(order)
   }
 
   return (
@@ -67,13 +73,20 @@ export default function MyAccountOrderActions({
             <UIIcon name="DotsThree" data-fs-dropdown-icon />
           </DropdownButton>
           <DropdownMenu align="right">
+            <DropdownItem
+              type="button"
+              onClick={handleReorder}
+              data-fs-order-actions-item
+              data-fs-order-actions-item-reorder
+            >
+              Reorder
+            </DropdownItem>
             {allowCancellation && (
               <DropdownItem
                 type="button"
                 onClick={() => setIsCancelOpen(true)}
-                style={{
-                  color: 'var(--fs-color-text)',
-                }}
+                data-fs-order-actions-item
+                data-fs-order-actions-item-cancel
               >
                 Cancel order
               </DropdownItem>

package/src/components/account/orders/MyAccountOrderDetails/MyAccountOrderActions/styles.scss

@@ -7,4 +7,14 @@
   [data-fs-dropdown-button] {
     width: var(--fs-spacing-7);
   }
+
+  [data-fs-order-actions-item] {
+    color: var(--fs-color-text);
+  }
+
+  [data-fs-order-actions-item-reorder] {
+    @include media(">=tablet") {
+      display: none;
+    }
+  }
 }

package/src/components/account/orders/MyAccountOrderDetails/MyAccountOrderDetails.tsx

@@ -6,6 +6,7 @@ import { MyAccountDeliveryOptionAccordion } from './MyAccountDeliveryOptionAccor
 import MyAccountOrderActions from './MyAccountOrderActions'
 import MyAccountOrderedByCard from './MyAccountOrderedByCard'
 import MyAccountPaymentCard from './MyAccountPaymentCard'
+import MyAccountReorderButton from './MyAccountReorderButton'
 import MyAccountSummaryCard from './MyAccountSummaryCard'
 
 import type {
@@ -55,11 +56,15 @@ export default function MyAccountOrderDetails({
           </div>
         </div>
 
-        <MyAccountOrderActions
-          allowCancellation={order.allowCancellation}
-          orderId={order.orderId}
-          customerEmail={order.clientProfileData?.email}
-        />
+        <div data-fs-order-details-header-actions>
+          <MyAccountReorderButton order={order} />
+          <MyAccountOrderActions
+            allowCancellation={order.allowCancellation}
+            orderId={order.orderId}
+            customerEmail={order.clientProfileData?.email}
+            order={order}
+          />
+        </div>
       </header>
 
       <main data-fs-order-details-content>

package/src/components/account/orders/MyAccountOrderDetails/MyAccountReorderButton/MyAccountReorderButton.tsx

@@ -0,0 +1,37 @@
+import { Button } from '@faststore/ui'
+import { useReorder } from 'src/sdk/account/useReorder'
+import type { ServerOrderDetailsQueryQuery } from '@generated/graphql'
+
+type Order = ServerOrderDetailsQueryQuery['userOrder']
+
+export interface MyAccountReorderButtonProps {
+  order: Order
+  onClick?: () => void
+}
+
+export default function MyAccountReorderButton({
+  order,
+  onClick,
+}: MyAccountReorderButtonProps) {
+  const { reorder, loading } = useReorder()
+
+  const handleClick = async () => {
+    try {
+      await reorder(order)
+      onClick?.()
+    } catch (error) {
+      console.error(error)
+    }
+  }
+
+  return (
+    <Button
+      variant="secondary"
+      data-fs-reorder-button
+      onClick={handleClick}
+      disabled={loading}
+    >
+      Reorder
+    </Button>
+  )
+}

package/src/components/account/orders/MyAccountOrderDetails/MyAccountReorderButton/index.ts

@@ -0,0 +1,2 @@
+export { default } from './MyAccountReorderButton'
+export type { MyAccountReorderButtonProps } from './MyAccountReorderButton'

package/src/components/account/orders/MyAccountOrderDetails/MyAccountReorderButton/styles.scss

@@ -0,0 +1,10 @@
+[data-fs-reorder-button] {
+  flex-shrink: 0;
+
+  &:hover:not(:disabled) {
+    --fs-button-secondary-bkg-color: var(--fs-button-primary-bkg-color);
+    --fs-button-secondary-text-color: var(--fs-button-primary-text-color);
+    --fs-button-secondary-bkg-color-hover: var(--fs-button-primary-bkg-color-hover);
+    --fs-button-secondary-bkg-color-active: var(--fs-button-primary-bkg-color-active);
+  }
+}

package/src/components/account/orders/MyAccountOrderDetails/section.module.scss

@@ -15,6 +15,7 @@
   @import "./MyAccountPaymentCard/styles.scss";
   @import "./MyAccountDeliveryOptionAccordion/styles.scss";
   @import "./MyAccountOrderActions/styles.scss";
+  @import "./MyAccountReorderButton/styles.scss";
   @import "./MyAccountStatusCard/styles.scss";
   @import "./MyAccountMoreInformationCard/styles.scss";
   @import "./MyAccountBuyingPolicyAlert/styles.scss";
@@ -24,24 +25,24 @@
   // --------------------------------------------------------
 
   // Default properties
-  --fs-order-details-padding                        : 0 20px;
+  --fs-order-details-padding: 0 20px;
 
   // Header
-  --fs-order-details-header-gap                     : var(--fs-spacing-3);
-  --fs-order-details-header-padding                 : var(--fs-spacing-5) 0 var(--fs-spacing-4);
-  --fs-order-details-header-weight                  : var(--fs-text-weight-semibold);
-  --fs-order-details-header-size                    : var(--fs-text-size-4);
-  --fs-order-details-header-line-height             : 1.33;
+  --fs-order-details-header-gap: var(--fs-spacing-3);
+  --fs-order-details-header-padding: var(--fs-spacing-5) 0 var(--fs-spacing-4);
+  --fs-order-details-header-weight: var(--fs-text-weight-semibold);
+  --fs-order-details-header-size: var(--fs-text-size-4);
+  --fs-order-details-header-line-height: 1.33;
 
   // Content
-  --fs-order-details-content-gap                     : var(--fs-spacing-4);
+  --fs-order-details-content-gap: var(--fs-spacing-4);
 
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
 
-  @include media (">=notebook") {
-    --fs-order-details-padding                      : 0;
+  @include media(">=notebook") {
+    --fs-order-details-padding: 0;
   }
 
   [data-fs-order-details-header] {
@@ -52,14 +53,14 @@
     justify-content: space-between;
     padding: var(--fs-order-details-header-padding);
 
-    @include media (">=tablet") {
-      --fs-order-details-header-gap                 : var(--fs-spacing-2);
+    @include media(">=tablet") {
+      --fs-order-details-header-gap: var(--fs-spacing-2);
 
       align-items: center;
     }
 
-    @include media (">=notebook") {
-      --fs-order-details-header-padding             : var(--fs-spacing-6) 0;
+    @include media(">=notebook") {
+      --fs-order-details-header-padding: var(--fs-spacing-6) 0;
     }
 
     [data-fs-order-details-header-title] {
@@ -70,11 +71,21 @@
 
       [data-fs-order-details-header-back-button] {
         flex-shrink: 0;
-        margin-top: calc(var(--fs-spacing-2) * -1); // Align the back button with the title
-        margin-left: calc(var(--fs-spacing-2) * -1); // Align the back button with the content
+        margin-top:
+          calc(
+            var(--fs-spacing-2) * -1
+          ); // Align the back button with the title
+
+        margin-left:
+          calc(
+            var(--fs-spacing-2) * -1
+          ); // Align the back button with the content
 
         @include media(">=notebook") {
-          margin-top: calc(var(--fs-spacing-1) * -1); // Align the back button with the title
+          margin-top:
+            calc(
+              var(--fs-spacing-1) * -1
+            ); // Align the back button with the title
         }
       }
 
@@ -98,6 +109,19 @@
         @include truncate-title(2);
       }
     }
+
+    [data-fs-order-details-header-actions] {
+      display: flex;
+      flex-direction: row;
+      gap: var(--fs-spacing-2);
+      align-items: center;
+
+      [data-fs-reorder-button] {
+        @include media("<tablet") {
+          display: none;
+        }
+      }
+    }
   }
 
   [data-fs-order-details-content] {
@@ -105,7 +129,7 @@
     flex-direction: column;
     gap: var(--fs-order-details-content-gap);
 
-    @include media (">=notebook") {
+    @include media(">=notebook") {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
     }

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/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/static/chunks/CartSidebar.3342e22b115732a3.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1781],{76:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return CartSidebar_CartSidebar}});var r=n(33067),i=n(73888),a=n.n(i),o=n(16652),l=n(13666),c=n(2614),s=n(44194),u=n(71041),d=n(43412),b=n.n(d),useCheckoutButton=()=>{var{isValidating:e,id:t}=(0,u.jD)();return{onClick:n=>{n.preventDefault();var r=window.location.host.includes(".vtex.app")||window.location.host.includes("localhost");!e&&(r?t&&(window.location.href="".concat(b().checkoutUrl,"?orderFormId=").concat(t)):window.location.href="".concat(b().checkoutUrl))},disabled:e,"data-testid":"checkout-button"}},h=n(97358),p=n(94588),m=n.n(p),f=n(31549);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach(function(t){(0,r.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var j=a()(()=>Promise.all([n.e(9237),n.e(7522),n.e(9465),n.e(9701),n.e(5906)]).then(n.bind(n,49465)).then(e=>e.Button),{ssr:!1,loadableGenerated:{webpack:()=>[null]}}),w=a()(()=>Promise.all([n.e(9237),n.e(7522),n.e(9465),n.e(9701),n.e(5906)]).then(n.bind(n,49465)).then(e=>e.CartSidebarFooter),{ssr:!1,loadableGenerated:{webpack:()=>[null]}}),O=a()(()=>Promise.all([n.e(9237),n.e(7522),n.e(9465),n.e(9701),n.e(5906)]).then(n.bind(n,49465)).then(e=>e.CartSidebarList),{ssr:!1,loadableGenerated:{webpack:()=>[null]}}),x=a()(()=>Promise.all([n.e(9237),n.e(7522),n.e(9465),n.e(9701),n.e(5906)]).then(n.bind(n,49465)).then(e=>e.CartSidebar),{ssr:!1,loadableGenerated:{webpack:()=>[null]}}),v=a()(()=>n.e(1724).then(n.bind(n,96348)),{ssr:!1,loadableGenerated:{webpack:()=>[96348]}}),k=a()(()=>n.e(2985).then(n.bind(n,36683)),{ssr:!1,loadableGenerated:{webpack:()=>[36683]}}),y=a()(()=>n.e(549).then(n.bind(n,39550)),{ssr:!1,loadableGenerated:{webpack:()=>[39550]}}),_=a()(()=>n.e(2553).then(n.bind(n,56768)),{ssr:!1,loadableGenerated:{webpack:()=>[56768]}}),CartSidebar_CartSidebar=function(e){var{title:t,alert:{icon:{icon:r,alt:i},text:a},checkoutButton:{label:d,loadingLabel:b,icon:{icon:p,alt:g}},quantitySelector:P,taxesConfiguration:C}=e,S=useCheckoutButton(),{items:D,gifts:G,totalItems:T,isValidating:F,subTotal:M,total:U,subTotalWithTaxes:B,totalWithTaxes:E}=(0,u.jD)({useUnitMultiplier:null==P?void 0:P.useUnitMultiplier}),{cart:I,closeCart:N}=(0,o.l8)(),{fadeOut:L}=(0,l.b)(),{sendViewCartEvent:K}=function(){var{currency:{code:e}}=(0,h.kP)(),{items:t,gifts:r,total:i}=(0,u.jD)(),a=JSON.stringify(r),o=JSON.stringify(t),l=(0,s.useCallback)(()=>{n.e(9399).then(n.bind(n,66393)).then(n=>{var{sendAnalyticsEvent:a}=n;return a({name:"view_cart",params:{currency:e,value:i,items:t.concat(r).map(t=>({item_id:t.itemOffered.isVariantOf.productGroupID,item_name:t.itemOffered.isVariantOf.name,item_brand:t.itemOffered.brand.name,item_variant:t.itemOffered.sku,quantity:t.quantity,price:t.price,discount:t.listPrice-t.price,currency:e,item_variant_name:t.itemOffered.name,product_reference_id:t.itemOffered.gtin}))}})})},[e,a,o,i]);return(0,s.useMemo)(()=>({sendViewCartEvent:l}),[l])}(),W=(0,s.useMemo)(()=>0===D.length,[D]);return(0,s.useEffect)(()=>{I&&K()},[I,K]),(0,f.jsx)(f.Fragment,{children:I&&(0,f.jsx)(x,{overlayProps:{className:"section ".concat(m().section," section-cart-sidebar")},title:t,totalItems:T,alertIcon:(0,f.jsx)(c.Z,{name:r,"aria-label":i}),alertText:a,onClose:L,children:W?(0,f.jsx)(v,{onDismiss:N}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(O,{children:[D.map(e=>{var t;return(0,f.jsx)("li",{children:(0,f.jsx)(y,{item:e,taxesConfiguration:C,useUnitMultiplier:null!==(t=null==P?void 0:P.useUnitMultiplier)&&void 0!==t&&t})},e.id)}),G.length>0&&(0,f.jsx)(f.Fragment,{children:G.map(e=>(0,f.jsx)("li",{children:(0,f.jsx)(k,{item:e})},e.id))})]}),(0,f.jsx)(w,{children:(0,f.jsx)(_,{subTotal:null!=C&&C.usePriceWithTaxes?B:M,total:null!=C&&C.usePriceWithTaxes?E:U,includeTaxes:null==C?void 0:C.usePriceWithTaxes,includeTaxesLabel:null==C?void 0:C.taxesLabel,numberOfItems:T,checkoutButton:(0,f.jsx)(j,_objectSpread(_objectSpread({variant:"primary",icon:!F&&(0,f.jsx)(c.Z,{name:p,"aria-label":g,width:18,height:18}),iconPosition:"right"},S),{},{children:F?b:d}))})})]})})})}},94588:function(e){e.exports={section:"section_section__yzDFp"}}}]);