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

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

@@ -0,0 +1,129 @@
+[data-fs-order-budgets-card] {
+  --fs-budgets-gap: var(--fs-spacing-3);
+  --fs-budgets-padding-y: var(--fs-spacing-2);
+  --fs-budgets-row-padding: var(--fs-spacing-3) 0;
+  --fs-budgets-font-size: var(--fs-text-size-2);
+  --fs-budgets-font-size-sm: var(--fs-text-size-1);
+  --fs-budgets-weight-regular: var(--fs-text-weight-regular);
+  --fs-budgets-weight-semibold: var(--fs-text-weight-semibold);
+  --fs-budgets-text: var(--fs-color-text);
+  --fs-budgets-text-secondary: var(--fs-color-text-secondary);
+  --fs-budgets-border-color: var(--fs-border-color-light);
+  --fs-budgets-cols-mobile: 2fr 1fr 1fr;
+  --fs-budgets-cols-desktop: 2fr 1fr 1fr 1fr;
+
+  [data-fs-budgets-table] {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  [data-fs-budgets-table-header] {
+    display: grid;
+    grid-template-columns: var(--fs-budgets-cols-mobile);
+    gap: var(--fs-budgets-gap);
+    padding: var(--fs-budgets-padding-y) 0;
+    font-size: var(--fs-budgets-font-size);
+    font-weight: var(--fs-budgets-weight-regular);
+    color: var(--fs-budgets-text-secondary);
+    border-bottom: 1px solid var(--fs-budgets-border-color);
+
+    [data-fs-budgets-header-name] {
+      text-align: left;
+    }
+
+    [data-fs-budgets-header-available],
+    [data-fs-budgets-header-to-be-spent],
+    [data-fs-budgets-header-remaining] {
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    @include media('>=tablet') {
+      grid-template-columns: var(--fs-budgets-cols-desktop);
+    }
+
+    [data-fs-budgets-header-available] {
+      @include media('<tablet') {
+        display: none;
+      }
+    }
+  }
+
+  [data-fs-budgets-table-body] {
+    display: flex;
+    flex-direction: column;
+
+    [data-fs-budgets-row] {
+      display: grid;
+      grid-template-columns: var(--fs-budgets-cols-mobile);
+      gap: var(--fs-budgets-gap);
+      padding: var(--fs-budgets-row-padding);
+      border-bottom: 1px solid var(--fs-budgets-border-color);
+
+      // Prevent long content from forcing the grid to overflow
+      > * {
+        min-width: 0;
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      @include media('>=tablet') {
+        grid-template-columns: var(--fs-budgets-cols-desktop);
+      }
+    }
+
+    [data-fs-budgets-available] {
+      @include media('<tablet') {
+        display: none;
+      }
+    }
+  }
+
+  [data-fs-budgets-name] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--fs-spacing-0);
+  }
+
+  [data-fs-budgets-name-primary] {
+    overflow: hidden;
+    font-size: var(--fs-budgets-font-size);
+    font-weight: var(--fs-budgets-weight-semibold);
+    line-height: 1.4;
+    color: var(--fs-budgets-text);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  [data-fs-budgets-name-secondary] {
+    overflow: hidden;
+    font-size: var(--fs-budgets-font-size-sm);
+    font-weight: var(--fs-budgets-weight-regular);
+    line-height: 1.4;
+    color: var(--fs-budgets-text-secondary);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  [data-fs-budgets-available],
+  [data-fs-budgets-to-be-spent],
+  [data-fs-budgets-remaining] {
+    font-size: var(--fs-budgets-font-size);
+    font-weight: var(--fs-budgets-weight-regular);
+    color: var(--fs-budgets-text);
+    text-align: right;
+  }
+
+  [data-fs-budgets-remaining] {
+    strong {
+      font-weight: var(--fs-budgets-weight-semibold);
+    }
+  }
+
+  [data-fs-budgets-to-be-spent] {
+    color: var(--fs-budgets-text-secondary);
+  }
+}

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,7 +6,9 @@ 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 MyAccountBudgetsCard from './MyAccountBudgetsCard'
 
 import type {
   ServerOrderDetailsQueryQuery,
@@ -55,11 +57,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>
@@ -117,6 +123,13 @@ export default function MyAccountOrderDetails({
         {moreInformationCustomFields?.length > 0 && (
           <MyAccountMoreInformationCard fields={moreInformationCustomFields} />
         )}
+
+        {order.budgetData && (
+          <MyAccountBudgetsCard
+            budgetData={order.budgetData}
+            currencyCode={order.storePreferencesData.currencyCode}
+          />
+        )}
       </main>
     </div>
   )

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,33 +15,35 @@
   @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";
+  @import "./MyAccountBudgetsCard/styles.scss";
 
   // --------------------------------------------------------
   // Design Tokens
   // --------------------------------------------------------
 
   // 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 +54,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 +72,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 +110,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 +130,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);
     }
@@ -125,5 +150,9 @@
     [data-fs-delivery-option-accordion] {
       grid-column: span 2;
     }
+
+    [data-fs-order-budgets-card] {
+      grid-column: span 2;
+    }
   }
 }

package/src/pages/pvt/account/orders/[id].tsx

@@ -257,6 +257,22 @@ const query = gql(`
         email
         phone
       }
+      budgetData {
+        budgets {
+          id
+          name
+          balance {
+            remaining
+          }
+          allocations {
+            id
+            linkedEntity {
+              id
+            }
+            reservations
+          }
+        }
+      }
     }
     accountProfile {
       name
@@ -339,10 +355,12 @@ export const getServerSideProps: GetServerSideProps<
     globalSectionsFooter,
   })
 
+  const order = orderDetails.data.userOrder
+
   return {
     props: {
       globalSections: globalSectionsResult,
-      order: orderDetails.data.userOrder,
+      order,
       accountName: orderDetails.data.accountProfile.name,
       isRepresentative,
     },

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/server/chunks/1280.js

@@ -1 +0,0 @@
-"use strict";exports.id=1280,exports.ids=[1280],exports.modules={81280:(e,t,n)=>{var s=n(16689);let o={delta:10,preventScrollOnSwipe:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0,swipeDuration:1/0,touchEventOptions:{passive:!0}},i={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},a="mousemove",c="mouseup";function rotateXYByAngle(e,t){if(0===t)return e;let n=Math.PI/180*t,s=e[0]*Math.cos(n)+e[1]*Math.sin(n),o=e[1]*Math.cos(n)-e[0]*Math.sin(n);return[s,o]}t.QS=function(e){var t,n,r;let u;let{trackMouse:l}=e,p=s.useRef(Object.assign({},i)),h=s.useRef(Object.assign({},o)),g=s.useRef(Object.assign({},h.current));for(u in g.current=Object.assign({},h.current),h.current=Object.assign(Object.assign({},o),e),o)void 0===h.current[u]&&(h.current[u]=o[u]);let[O,v]=s.useMemo(()=>(function(e,t){let onStart=t=>{let n="touches"in t;n&&t.touches.length>1||e((e,s)=>{s.trackMouse&&!n&&(document.addEventListener(a,onMove),document.addEventListener(c,onUp));let{clientX:o,clientY:r}=n?t.touches[0]:t,u=rotateXYByAngle([o,r],s.rotationAngle);return s.onTouchStartOrOnMouseDown&&s.onTouchStartOrOnMouseDown({event:t}),Object.assign(Object.assign(Object.assign({},e),i),{initial:u.slice(),xy:u,start:t.timeStamp||0})})},onMove=t=>{e((e,n)=>{let s="touches"in t;if(s&&t.touches.length>1)return e;if(t.timeStamp-e.start>n.swipeDuration)return e.swiping?Object.assign(Object.assign({},e),{swiping:!1}):e;let{clientX:i,clientY:a}=s?t.touches[0]:t,[c,r]=rotateXYByAngle([i,a],n.rotationAngle),u=c-e.xy[0],l=r-e.xy[1],p=Math.abs(u),h=Math.abs(l),g=(t.timeStamp||0)-e.start,O=Math.sqrt(p*p+h*h)/(g||1),v=[u/(g||1),l/(g||1)],b=p>h?u>0?"Right":"Left":l>0?"Down":"Up",d="number"==typeof n.delta?n.delta:n.delta[b.toLowerCase()]||o.delta;if(p<d&&h<d&&!e.swiping)return e;let S={absX:p,absY:h,deltaX:u,deltaY:l,dir:b,event:t,first:e.first,initial:e.initial,velocity:O,vxvy:v};S.first&&n.onSwipeStart&&n.onSwipeStart(S),n.onSwiping&&n.onSwiping(S);let j=!1;return(n.onSwiping||n.onSwiped||n[`onSwiped${b}`])&&(j=!0),j&&n.preventScrollOnSwipe&&n.trackTouch&&t.cancelable&&t.preventDefault(),Object.assign(Object.assign({},e),{first:!1,eventData:S,swiping:!0})})},onEnd=t=>{e((e,n)=>{let s;if(e.swiping&&e.eventData){if(t.timeStamp-e.start<n.swipeDuration){s=Object.assign(Object.assign({},e.eventData),{event:t}),n.onSwiped&&n.onSwiped(s);let o=n[`onSwiped${s.dir}`];o&&o(s)}}else n.onTap&&n.onTap({event:t});return n.onTouchEndOrOnMouseUp&&n.onTouchEndOrOnMouseUp({event:t}),Object.assign(Object.assign(Object.assign({},e),i),{eventData:s})})},cleanUpMouse=()=>{document.removeEventListener(a,onMove),document.removeEventListener(c,onUp)},onUp=e=>{cleanUpMouse(),onEnd(e)},attachTouch=(e,t)=>{let cleanup=()=>{};if(e&&e.addEventListener){let n=Object.assign(Object.assign({},o.touchEventOptions),t.touchEventOptions),s=[["touchstart",onStart,n],["touchmove",onMove,Object.assign(Object.assign({},n),t.preventScrollOnSwipe?{passive:!1}:{})],["touchend",onEnd,n]];s.forEach(([t,n,s])=>e.addEventListener(t,n,s)),cleanup=()=>s.forEach(([t,n])=>e.removeEventListener(t,n))}return cleanup},n={ref:t=>{null!==t&&e((e,n)=>{if(e.el===t)return e;let s={};return e.el&&e.el!==t&&e.cleanUpTouch&&(e.cleanUpTouch(),s.cleanUpTouch=void 0),n.trackTouch&&t&&(s.cleanUpTouch=attachTouch(t,n)),Object.assign(Object.assign(Object.assign({},e),{el:t}),s)})}};return t.trackMouse&&(n.onMouseDown=onStart),[n,attachTouch]})(e=>p.current=e(p.current,h.current),{trackMouse:l}),[l]);return p.current=(t=p.current,n=h.current,r=g.current,n.trackTouch&&t.el?t.cleanUpTouch?n.preventScrollOnSwipe!==r.preventScrollOnSwipe||n.touchEventOptions.passive!==r.touchEventOptions.passive?(t.cleanUpTouch(),Object.assign(Object.assign({},t),{cleanUpTouch:v(t.el,n)})):t:Object.assign(Object.assign({},t),{cleanUpTouch:v(t.el,n)}):(t.cleanUpTouch&&t.cleanUpTouch(),Object.assign(Object.assign({},t),{cleanUpTouch:void 0}))),O}}};

package/.next/server/chunks/1454.js

@@ -1 +0,0 @@
-"use strict";exports.id=1454,exports.ids=[1454],exports.modules={47866:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(16689),n=r.n(a),s=r(63442);let d=(0,a.forwardRef)(function({testId:e="fs-sku-matrix",children:t,...r},a){return n().createElement("div",{ref:a,"data-fs-sku-matrix":!0,"data-testid":e,...r},n().createElement(s.Z,null,t))}),i=d},27859:(e,t,r)=>{r.d(t,{Z:()=>f});var a=r(16689),n=r.n(a),s=r(83339),d=r(72955);let i=(0,a.forwardRef)(function({children:e,variant:t="secondary",onClick:r,...a},i){let{setIsOpen:f}=(0,d._)();return n().createElement(s.Z,{ref:i,variant:t,onClick:e=>{f(!0),r?.(e)},...a},e)}),f=i}};