@faststore/core 3.82.4 → 3.83.0

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.82.3 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.82.3 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 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.82.3 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.82.3 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.82.3 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 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.82.3 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.82.3 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 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
@@ -89,8 +89,8 @@ Route (pages)                              Size     First Load JS
 ├   └ css/b7bba8fce075688b.css             4.2 kB
 ├ λ /account/404                           2.13 kB         139 kB
 ├   └ css/5347dbc8b71de47d.css             4.25 kB
-├ λ /account/orders                        10.1 kB         147 kB
-├   └ css/38e3a4a55b13b062.css             12.7 kB
+├ λ /account/orders                        10.5 kB         147 kB
+├   └ css/b7fc24e8f1eb011f.css             12.8 kB
 ├ λ /account/orders/[id]                   12.2 kB         149 kB
 ├   └ css/297be4be3be36ff0.css             12.6 kB
 ├ λ /account/profile                       1.79 kB         139 kB
@@ -110,7 +110,7 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-807b0f81cbc129f0.js   45.4 kB
   ├ chunks/main-f658704b53a96ab1.js        33.1 kB
   ├ chunks/pages/_app-f8a8608651b3f06b.js  24.3 kB
-  ├ chunks/webpack-3f872192534f3b6d.js     3.85 kB
+  ├ chunks/webpack-e7151d8bd72a8f2f.js     3.85 kB
   └ css/4b8252ed2f23ac67.css               3.51 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,14 +1,14 @@
 
-> @faststore/core@3.82.3 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.82.4 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/utils/multipleTemplates.test.ts (26.387 s)
-PASS test/server/cms/global.test.ts (27.512 s)
+PASS test/server/cms/global.test.ts (27.125 s)
+PASS test/utils/multipleTemplates.test.ts (28.019 s)
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (30.043 s)
+PASS test/server/index.test.ts (30.906 s)
 
 Test Suites: 4 passed, 4 total
 Tests:       22 passed, 22 total
 Snapshots:   0 total
-Time:        31.212 s
+Time:        32.094 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.83.0](https://github.com/vtex/faststore/compare/v3.82.4...v3.83.0) (2025-09-09)
+
+### Features
+
+- adjust Custom Fields in MyAccountListOrdersTable ([#3003](https://github.com/vtex/faststore/issues/3003)) ([5e3fcf1](https://github.com/vtex/faststore/commit/5e3fcf18f3ce50f7a93d78f0f5f92c447dcdf31a))
+
 ## [3.82.4](https://github.com/vtex/faststore/compare/v3.82.3...v3.82.4) (2025-09-08)
 
 **Note:** Version bump only for package @faststore/core

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.82.4",
+  "version": "3.83.0",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -108,5 +108,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "8380473bafcb98701e5c2ecc20bcde44a9c3927f"
+  "gitHead": "f17c31a89259789d23725ddd1addbe320c930635"
 }

package/src/components/account/orders/MyAccountListOrders/MyAccountListOrdersTable/ExpandButton/ExpandButton.tsx

@@ -0,0 +1,42 @@
+import { Button, Icon } from '@faststore/ui'
+
+type ExpandButtonProps = {
+  isExpanded: boolean
+  onToggle: (e: React.MouseEvent<HTMLButtonElement>) => void
+  count: number
+  label?: string
+  ariaControls?: string
+}
+
+export function ExpandButton({
+  isExpanded,
+  onToggle,
+  label,
+  ariaControls,
+}: ExpandButtonProps) {
+  return (
+    <Button
+      aria-expanded={isExpanded}
+      aria-controls={ariaControls}
+      data-fs-list-orders-table-expand-button
+      size="small"
+      variant="primary"
+      inverse
+      iconPosition="right"
+      icon={
+        isExpanded ? (
+          <Icon width={16} height={16} name="CaretUp" aria-label="Collapse" />
+        ) : (
+          <Icon width={16} height={16} name="CaretDown" aria-label="Expand" />
+        )
+      }
+      onClick={(e) => {
+        e.preventDefault()
+        e.stopPropagation()
+        onToggle(e)
+      }}
+    >
+      {isExpanded ? 'View less' : (label ?? 'View all')}
+    </Button>
+  )
+}

package/src/components/account/orders/MyAccountListOrders/MyAccountListOrdersTable/MyAccountListOrdersTable.tsx

@@ -7,8 +7,10 @@ import MyAccountStatusBadge from 'src/components/account/components/MyAccountSta
 import { useFormatPrice } from 'src/components/account/utils/useFormatPrice'
 import { useSession } from 'src/sdk/session'
 import useScreenResize from 'src/sdk/ui/useScreenResize'
+import { ExpandButton } from './ExpandButton/ExpandButton'
 
-const MAX_COST_CENTERS = 5
+const MAX_ITEM_FIELDS = 5
+const MAX_ORDER_FIELDS = 5
 
 function formatOrderDate(date: string, locale: string) {
   return new Date(date).toLocaleDateString(locale, {
@@ -104,23 +106,21 @@ export default function MyAccountListOrdersTable({
   perPage,
   filters,
 }: MyAccountListOrdersTableProps) {
-  const hasOrderOrItemCustomFields =
-    listOrders?.list?.some(
-      (order) =>
-        order?.customFields
-          ?.filter((field) => field.type === 'order' || field.type === 'item')
-          .flatMap((field) => field.value).length > 0
-    ) || false
-
   const { isDesktop } = useScreenResize()
   const { locale } = useSession()
   const formatPrice = useFormatPrice()
-  const [expandedRows, setExpandedRows] = useState<Record<string, boolean>>({})
 
-  const handleToggleExpand = (orderId: string) => {
+  const [expandedRows, setExpandedRows] = useState<
+    Record<string, { item: boolean; order: boolean }>
+  >({})
+
+  const handleToggle = (orderId: string, type: 'item' | 'order') => {
     setExpandedRows((prev) => ({
       ...prev,
-      [orderId]: !prev[orderId],
+      [orderId]: {
+        ...prev[orderId],
+        [type]: !prev[orderId]?.[type],
+      },
     }))
   }
 
@@ -129,15 +129,58 @@ export default function MyAccountListOrdersTable({
       <table data-fs-list-orders-table>
         <tbody data-fs-list-orders-table-body>
           {listOrders.list.map((item) => {
+            const orderLevel =
+              item?.customFields?.find(({ type }) => type === 'order')?.value ||
+              []
             const itemLevel =
               item?.customFields?.find(({ type }) => type === 'item')?.value ||
               []
-            const isExpanded = expandedRows[item.orderId]
-            const shouldShowButton = itemLevel.length > MAX_COST_CENTERS
-            const displayedItemLevel = isExpanded
-              ? itemLevel
-              : itemLevel.slice(0, 5)
+
+            const hasOrderOrItemCustomFields =
+              (orderLevel && orderLevel.length > 0) ||
+              (itemLevel && itemLevel.length > 0)
+
+            const isItemFieldsExpanded =
+              expandedRows[item.orderId]?.item || false
+            const isOrderFieldsExpanded =
+              expandedRows[item.orderId]?.order || false
+
+            const {
+              displayed: displayedItemLevel,
+              shouldShowButton: shouldShowViewMoreButtonToItemsFields,
+            } = getLevel({
+              level: itemLevel,
+              isExpanded: isItemFieldsExpanded,
+              max: MAX_ITEM_FIELDS,
+            })
+
+            const {
+              displayed: displayedOrderLevel,
+              shouldShowButton: shouldShowViewMoreButtonToOrderFields,
+            } = getLevel({
+              level: orderLevel,
+              isExpanded: isOrderFieldsExpanded,
+              max: MAX_ORDER_FIELDS,
+            })
+
             const orderUrl = `/account/orders/${item.orderId}`
+            const shippingEstimatedDate = item.ShippingEstimatedDate
+              ? formatOrderDate(item.ShippingEstimatedDate, locale)
+              : '-'
+            const creationDate = item.creationDate
+              ? formatOrderDate(item.creationDate, locale)
+              : '-'
+            const clientName = item.clientName ? item.clientName : '-'
+            const totalPrice = formatPrice(item.totalValue, item.currencyCode)
+            const deliveryBy = item.ShippingEstimatedDate
+              ? `Delivery by ${formatOrderDate(
+                  item.ShippingEstimatedDate,
+                  locale
+                )}`
+              : '-'
+
+            const additionalInfoIdOrder = `additional-info-${item.orderId}-order`
+            const additionalInfoIdItem = `additional-info-${item.orderId}-item`
 
             const handleRowClick = () => {
               window.location.href = orderUrl
@@ -162,11 +205,17 @@ export default function MyAccountListOrdersTable({
               >
                 <td data-fs-list-orders-table-cell>
                   <div data-fs-list-orders-table-product-info-main>
-                    <p data-fs-list-orders-table-product-info-order-id>
+                    <p
+                      data-fs-list-orders-table-product-info-order-id
+                      title={`ID: ${item.orderId || '-'}`}
+                    >
                       {item.orderId || '-'}
                     </p>
-                    <p data-fs-list-orders-table-product-info-order-total>
-                      Total: {formatPrice(item.totalValue, item.currencyCode)}
+                    <p
+                      data-fs-list-orders-table-product-info-order-total
+                      title={`Total: ${totalPrice}`}
+                    >
+                      Total: {totalPrice}
                     </p>
                   </div>
                 </td>
@@ -178,10 +227,11 @@ export default function MyAccountListOrdersTable({
                         <p data-fs-list-orders-table-product-info-label>
                           Placed on
                         </p>
-                        <p data-fs-list-orders-table-product-info-value>
-                          {item.creationDate
-                            ? formatOrderDate(item.creationDate, locale)
-                            : '-'}
+                        <p
+                          data-fs-list-orders-table-product-info-value
+                          title={creationDate}
+                        >
+                          {creationDate}
                         </p>
                       </div>
                       {hasOrderOrItemCustomFields && (
@@ -190,13 +240,22 @@ export default function MyAccountListOrdersTable({
                             <p data-fs-list-orders-table-product-info-label>
                               Delivery by
                             </p>
-                            <p data-fs-list-orders-table-product-info-value>
-                              {item.ShippingEstimatedDate
-                                ? formatOrderDate(
-                                    item.ShippingEstimatedDate,
-                                    locale
-                                  )
-                                : '-'}
+                            <p
+                              data-fs-list-orders-table-product-info-value
+                              title={shippingEstimatedDate}
+                            >
+                              {shippingEstimatedDate}
+                            </p>
+                          </div>
+                          <div data-fs-list-orders-table-product-info>
+                            <p data-fs-list-orders-table-product-info-label>
+                              Placed by
+                            </p>
+                            <p
+                              data-fs-list-orders-table-product-info-value
+                              title={clientName}
+                            >
+                              {clientName}
                             </p>
                           </div>
                         </>
@@ -209,13 +268,24 @@ export default function MyAccountListOrdersTable({
                             <p data-fs-list-orders-table-product-info-label>
                               Delivery by
                             </p>
-                            <p data-fs-list-orders-table-product-info-value>
-                              {item.ShippingEstimatedDate
-                                ? formatOrderDate(
-                                    item.ShippingEstimatedDate,
-                                    locale
-                                  )
-                                : '-'}
+                            <p
+                              data-fs-list-orders-table-product-info-value
+                              title={shippingEstimatedDate}
+                            >
+                              {shippingEstimatedDate}
+                            </p>
+                          </div>
+                        </td>
+                        <td data-fs-list-orders-table-cell>
+                          <div data-fs-list-orders-table-product-info>
+                            <p data-fs-list-orders-table-product-info-label>
+                              Placed by
+                            </p>
+                            <p
+                              data-fs-list-orders-table-product-info-value
+                              title={clientName}
+                            >
+                              {clientName}
                             </p>
                           </div>
                         </td>
@@ -224,60 +294,67 @@ export default function MyAccountListOrdersTable({
                     {hasOrderOrItemCustomFields && (
                       <>
                         <td data-fs-list-orders-table-cell>
-                          {item?.customFields
-                            ?.find(({ type }) => type === 'order')
-                            ?.value?.map((field: string, idx: number) => (
+                          {displayedOrderLevel.length > 0 && (
+                            <p
+                              data-fs-list-orders-table-product-info-label
+                              id={additionalInfoIdOrder}
+                            >
+                              Order fields
+                            </p>
+                          )}
+                          {displayedOrderLevel.map(
+                            (field: string, idx: number) => (
                               <p
                                 key={field + idx}
                                 data-fs-list-orders-table-product-info-order
+                                title={field}
+                                aria-owns={additionalInfoIdOrder}
                               >
                                 {field}
                               </p>
-                            ))}
+                            )
+                          )}
+                          {shouldShowViewMoreButtonToOrderFields && (
+                            <ExpandButton
+                              ariaControls={additionalInfoIdOrder}
+                              isExpanded={isOrderFieldsExpanded}
+                              count={orderLevel.length - MAX_ORDER_FIELDS}
+                              onToggle={() =>
+                                handleToggle(item.orderId, 'order')
+                              }
+                            />
+                          )}
                         </td>
                         <td data-fs-list-orders-table-cell>
+                          {displayedItemLevel.length > 0 && (
+                            <p
+                              data-fs-list-orders-table-product-info-label
+                              id={additionalInfoIdItem}
+                            >
+                              Item fields
+                            </p>
+                          )}
                           {displayedItemLevel.map(
                             (field: string, idx: number) => (
                               <p
                                 key={field + idx}
                                 data-fs-list-orders-table-product-info-item
+                                title={field}
+                                aria-owns={additionalInfoIdItem}
                               >
                                 {field}
                               </p>
                             )
                           )}
-                          {shouldShowButton && (
-                            <Button
-                              data-fs-list-orders-table-expand-button
-                              size="small"
-                              variant="primary"
-                              inverse
-                              iconPosition="right"
-                              icon={
-                                isExpanded ? (
-                                  <Icon
-                                    width={16}
-                                    height={16}
-                                    name="CaretUp"
-                                    aria-label="Collapse"
-                                  />
-                                ) : (
-                                  <Icon
-                                    width={16}
-                                    height={16}
-                                    name="CaretDown"
-                                    aria-label="Expand"
-                                  />
-                                )
+                          {shouldShowViewMoreButtonToItemsFields && (
+                            <ExpandButton
+                              ariaControls={additionalInfoIdItem}
+                              isExpanded={isItemFieldsExpanded}
+                              count={itemLevel.length - MAX_ITEM_FIELDS}
+                              onToggle={() =>
+                                handleToggle(item.orderId, 'item')
                               }
-                              onClick={(e) => {
-                                e.preventDefault()
-                                e.stopPropagation()
-                                handleToggleExpand(item.orderId)
-                              }}
-                            >
-                              {isExpanded ? 'View less' : 'View all'}
-                            </Button>
+                            />
                           )}
                         </td>
                       </>
@@ -290,16 +367,7 @@ export default function MyAccountListOrdersTable({
                     status={item.status}
                     statusFallback={item.statusDescription}
                   />
-                  {!isDesktop && (
-                    <p>
-                      {item.ShippingEstimatedDate
-                        ? `Delivery by ${formatOrderDate(
-                            item.ShippingEstimatedDate,
-                            locale
-                          )}`
-                        : ''}
-                    </p>
-                  )}
+                  {!isDesktop && <p>{deliveryBy}</p>}
                 </td>
               </tr>
             )
@@ -312,3 +380,18 @@ export default function MyAccountListOrdersTable({
     </>
   )
 }
+
+function getLevel({
+  level,
+  isExpanded,
+  max,
+}: {
+  level: string[]
+  isExpanded?: boolean
+  max: number
+}) {
+  const shouldShowButton = level.length > max
+  const displayed = isExpanded ? level : level.slice(0, max)
+
+  return { displayed, shouldShowButton }
+}

package/src/components/account/orders/MyAccountListOrders/MyAccountListOrdersTable/styles.scss

@@ -23,6 +23,10 @@
   --fs-list-orders-table-row-border-bottom         : var(--fs-border-width) solid var(--fs-color-neutral-3);
   --fs-list-orders-table-row-hover-bg              : color-mix(in srgb, var(--fs-color-accent-0) 30%, transparent);
 
+  // Specific sizes
+  --fs-list-orders-table-product-info-value-size   : 150px;
+  --fs-list-orders-table-product-info-order-size   : 170px;
+
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
@@ -68,6 +72,13 @@
     margin-top: var(--fs-list-orders-table-product-info-margin-top-first);
   }
 
+  [data-fs-list-orders-table-product-info-value] {
+    max-width: var(--fs-list-orders-table-product-info-value-size);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   [data-fs-list-orders-table-product-info-label] {
     font-weight: var(--fs-list-orders-table-product-info-font-weight);
   }
@@ -99,6 +110,7 @@
   }
 
   [data-fs-list-orders-table-product-info-order], [data-fs-list-orders-table-product-info-item] {
+    max-width: var(--fs-list-orders-table-product-info-order-size);
     margin-top: var(--fs-list-orders-table-product-info-margin-top-first);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -136,7 +148,7 @@
   }
 
   [data-fs-list-orders-table-expand-button] {
-    --fs-list-orders-table-expand-width: 6.25rem; // 100px
+    --fs-list-orders-table-expand-width: 8rem; // 128px to rem;
     --fs-list-orders-table-expand-margin-top: -0.75rem;
     --fs-list-orders-table-expand-margin-left: -1.0625rem; // 17px to rem;
 

package/.next/static/chunks/pages/account/orders-68bef823fcd81bf9.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5972],{6886:function(e,t,a){"use strict";a.d(t,{Z:function(){return MyAccountLayout_MyAccountLayout}});var r=a(6890),n=a(2210),i=a(727),l=a(9009),o=a(3339),s=a(7085),c=a.n(s),d=a(679),u=a(1549),Nav=e=>{var{items:t}=e,a=(0,o.useRouter)().pathname;return(0,u.jsx)("ul",{className:c().nav,children:t.map(e=>{var{route:t,title:r}=e;return(0,u.jsx)("li",{className:c().navItem,"data-is-selected":a.includes(t),children:(0,u.jsx)(i.Z,{href:t,tabIndex:0,children:r})},t)})})},MyAccountMenu_MyAccountMenu=e=>{var{avatarImageUrl:t,accountName:a,items:r}=e,{isDesktop:n}=(0,d.Z)();return(0,u.jsxs)("div",{className:c().menu,children:[n?(0,u.jsxs)("div",{className:c().account,children:[(0,u.jsxs)("div",{className:c().avatarContainer,children:[t?(0,u.jsx)("img",{className:c().avatar,src:t}):(0,u.jsx)("span",{className:c().avatar,children:null==a?void 0:a[0]}),(0,u.jsx)("h2",{children:a})]}),(0,u.jsx)(l.Z,{className:c().switchButton,variant:"secondary",size:"small",children:"Switch"})]}):null,(0,u.jsx)(Nav,{items:r})]})},f=[n.d3],MyAccountLayout_MyAccountLayout=e=>{var{children:t,accountName:a,isRepresentative:n=!0}=e,i=n?r.Z:r.Z.filter(e=>{var{route:t}=e;return!f.includes(t)});return(0,u.jsxs)("div",{className:c().layout,children:[(0,u.jsx)(MyAccountMenu_MyAccountMenu,{accountName:a,items:i}),(0,u.jsx)("section",{children:t})]})}},2562:function(e,t,a){"use strict";var r=a(5759),n=a(1549);t.Z=function(e){var t,{status:a,statusFallback:i}=e;return(0,n.jsx)("span",{"data-fs-my-account-badge":!0,"data-fs-my-account-badge-variant":function(e){var t,{status:a}=e;return(null===(t=r._y[a])||void 0===t?void 0:t.variant)||"neutral"}({status:a}),children:(null===(t=r._y[a])||void 0===t?void 0:t.label)||i||"-"})}},6896:function(e,t,a){"use strict";a.d(t,{p:function(){return useFormatPrice}});var r=a(7358),n=a(4194),useFormatPrice=()=>{var{locale:e}=(0,r.kP)();return(0,n.useCallback)((t,a)=>new Intl.NumberFormat(e,{style:"currency",currency:a,minimumFractionDigits:2}).format(t/100),[e])}},419:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return V},default:function(){return ListOrdersPage}});var r=a(3067),n=a(5935),i=a(6886),l=a(9173),o=a(1772),s=a(6924),c=a(1549),after=function(){return(0,c.jsx)(c.Fragment,{})},before=function(){return(0,c.jsx)(c.Fragment,{})},d=a(4235),u=a(4194),f=a(3339),p=a(6652),v=a(6396),y=a(9009),m=a(2614),b=a(6133),h=a(3922),g=a(1844),j=a(5699),x=a(4199),w=a(2815),O=a(6174),_=a(3779);function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,r)}return a}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(a),!0).forEach(function(t){(0,r.Z)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}var P=(0,u.forwardRef)((e,t)=>{var{to:a,from:r,setDisabled:n}=e,i=(0,u.useRef)(null),l=(0,u.useRef)(null),{0:o,1:s}=(0,u.useState)(),{0:d,1:f}=(0,u.useState)(),{0:p,1:v}=(0,u.useState)({from:r,to:a});function onEnd(e){if(!e.from||!e.to){s(void 0),f(void 0),n(!1);return}new Date(e.from)>new Date(e.to)?(s("Invalid date range"),n(!0)):(s(void 0),f(void 0),n(!1))}return(0,u.useImperativeHandle)(t,()=>({clear:()=>{s(void 0),f(void 0),v({from:"",to:""}),i.current&&(i.current.value=""),l.current&&(l.current.value="")},getDataRangeFacet:()=>({key:"dateRange",value:p})})),(0,c.jsx)("div",{"data-fs-list-orders-filters-date-range":!0,children:(0,c.jsxs)("div",{"data-fs-list-orders-filters-date-range-inputs":!0,children:[(0,c.jsx)(_.Z,{id:"date-range-from",label:"From",type:"date",inputMode:"text",error:o,inputRef:i,value:p.from,onChange:e=>{var t;return t=e.target.value,void(v(_objectSpread(_objectSpread({},p),{},{from:String(t)})),null==onEnd||onEnd(_objectSpread(_objectSpread({},p),{},{from:String(t)})))},onBlur:()=>!o&&(null==onEnd?void 0:onEnd(p))}),(0,c.jsx)(_.Z,{id:"date-range-to",label:"To",type:"date",inputMode:"text",error:d,inputRef:l,value:p.to,onChange:e=>{var t;return t=e.target.value,void(v(_objectSpread(_objectSpread({},p),{},{to:String(t)})),null==onEnd||onEnd(_objectSpread(_objectSpread({},p),{},{to:String(t)})))},onBlur:()=>!d&&(null==onEnd?void 0:onEnd(p))})]})})}),A=a(2256),S=a(1667),E=a(7041),F=a(4988),D=[{purchase_agent_id:"1",name:"Robert Fox",email:"robert.fox@example.com"},{purchase_agent_id:"2",name:"Ronald Wilson",email:"ronald.wilson@example.com"},{purchase_agent_id:"3",name:"Cameron Williamson",email:"cameron.williamson@example.com"},{purchase_agent_id:"4",name:"Brooklyn Simmons",email:"brooklyn.simmons@example.com"}],account_useShopperSuggestions=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",{0:a,1:r}=(0,u.useState)({shoppers:D}),{0:n,1:i}=(0,u.useState)(null),{0:l,1:o}=(0,u.useState)(!1),s=(0,u.useCallback)((e=(0,F.Z)(function*(e){if(!(null!=e&&e.trim())){r({shoppers:D}),o(!1);return}o(!0),i(null);try{var t=yield new Promise(t=>{setTimeout(()=>{var a=e.trim().toLowerCase(),r=D.filter(e=>e.name.toLowerCase().includes(a)||e.email.toLowerCase().includes(a));t(r)},300)});r({shoppers:t})}catch(e){i(e instanceof Error?e:Error("Failed to search for shoppers")),r({shoppers:[]})}finally{o(!1)}}),function(t){return e.apply(this,arguments)}),[]);return(0,u.useEffect)(()=>{if(t||null!==a){var e=setTimeout(()=>{s(t)},300);return()=>{clearTimeout(e)}}},[t]),{data:a,error:n,isLoading:l,findShopperById:(0,u.useMemo)(()=>e=>null==a?void 0:a.shoppers.find(t=>t.purchase_agent_id===e),[])}},MyAccountFilterFacetPlacedBy_MyAccountFilterFacetPlacedBy=function(e){var{selected:t,dispatch:a}=e,r=(0,u.useRef)(null),{0:n,1:i}=(0,u.useState)(""),{0:l,1:o}=(0,u.useState)(null),{0:s,1:d}=(0,u.useState)(!1),{data:f,isLoading:p,findShopperById:v}=account_useShopperSuggestions(n),y=(null==f?void 0:f.shoppers)||[],b=(0,u.useMemo)(()=>{var e;return null===(e=t.find(e=>"purchaseAgentId"===e.key))||void 0===e?void 0:e.value},[t]),clearAll=()=>{i(""),o(null),r.current&&(r.current.value="")};(0,u.useEffect)(()=>{if(b&&!l){var e=v(b);e&&o(e)}else b||clearAll()},[b,l]);var h=(0,u.useMemo)(()=>!p&&n&&0===y.length,[p,n,y]);return(0,c.jsxs)("div",{"data-fs-list-orders-filters-placed-by":!0,children:[(0,c.jsxs)("div",{"data-fs-list-orders-filters-placed-by-input":!0,children:[(0,c.jsx)(A.Z,{id:"placed-by-input",placeholder:"Enter the shopper's name...",ref:r,value:l?l.name:n,readOnly:!!l,onFocus:()=>{l||d(!0)},onChange:e=>{l||(i(e.target.value),d(!0))},onBlur:()=>{setTimeout(()=>{d(!1),!l&&(i(""),r.current&&(r.current.value=""))},100)},type:"text",inputMode:"text"}),p&&(0,c.jsx)("div",{"data-fs-list-orders-filters-placed-by-loader":!0,children:(0,c.jsx)(S.Z,{})}),l&&(0,c.jsx)(E.Z,{size:"small","aria-label":"Clear shopper","data-fs-list-orders-filters-placed-by-clear":!0,icon:(0,c.jsx)(m.Z,{name:"X"}),onClick:function(){l&&a({type:"toggleFacet",payload:{key:"purchaseAgentId",value:l.purchase_agent_id}}),clearAll()}})]}),s&&h&&(0,c.jsx)("div",{"data-fs-list-orders-filters-placed-by-dropdown":!0,"data-fs-list-orders-filters-placed-by-empty":!0,"aria-label":"No shoppers found with query",children:(0,c.jsxs)("p",{children:['No shoppers found with "',n,'"']})}),s&&y.length>0&&(0,c.jsx)("div",{"data-fs-list-orders-filters-placed-by-dropdown":!0,"aria-label":"Shopper selection dropdown",children:(0,c.jsx)("ul",{children:y.map(e=>(0,c.jsx)("li",{children:(0,c.jsx)("button",{type:"button",onMouseDown:e=>e.preventDefault(),onClick:()=>{o(e),d(!1),a({type:"setFacet",payload:{facet:{key:"purchaseAgentId",value:e.purchase_agent_id},unique:!0}})},"data-fs-list-orders-filters-placed-by-option":!0,children:(0,c.jsx)("span",{"data-fs-list-orders-filters-placed-by-option-name":!0,children:e.name})})},e.purchase_agent_id))})})]})},Z=a(9048),C=a.n(Z),MyAccountFilterSlider_MyAccountFilterSlider=function(e){var{facets:t,testId:a,dispatch:r,expanded:n,selected:i,title:l,clearButtonLabel:o,applyButtonLabel:s,searchInputRef:d}=e,f=(0,u.useRef)(null),{0:p,1:v}=(0,u.useState)(!1),handleFilterChange=e=>{var{selectedFacets:t,text:a}=e,r=t.reduce((e,t)=>{var{key:a,value:r}=t;return"dateInitial"===a&&(e.dateInitial=r),"dateFinal"===a&&(e.dateFinal=r),"status"===a&&(e.status=Array.isArray(e.status)?[...e.status,r]:[r]),"purchaseAgentId"===a&&(e.purchaseAgentId=r),e},{}),n=new URLSearchParams;a&&n.set("text",a),Object.entries(r).forEach(e=>{var[t,a]=e;Array.isArray(a)?a.forEach(e=>n.append(t,e)):n.set(t,a)}),window.location.href="/account/orders?".concat(n.toString())};return(0,c.jsx)(g.Z,{overlayProps:{className:"section ".concat(C().section," section-filter-slider")},title:l,size:"partial",direction:"rightSide",clearBtnProps:{variant:"secondary",onClick:()=>{var e;null===(e=f.current)||void 0===e||e.clear(),r({type:"selectFacets",payload:[]})},children:null!=o?o:"Clear All"},applyBtnProps:{variant:"primary",onClick:()=>{var e,t,a,r,n,l,o,s,c,u=null===(e=f.current)||void 0===e?void 0:null===(t=e.getDataRangeFacet)||void 0===t?void 0:t.call(e),p=null==u?void 0:null===(a=u.value)||void 0===a?void 0:null===(r=a.from)||void 0===r?void 0:null===(n=r.trim)||void 0===n?void 0:n.call(r),v=null==u?void 0:null===(l=u.value)||void 0===l?void 0:null===(o=l.to)||void 0===o?void 0:null===(s=o.trim)||void 0===s?void 0:s.call(o),y=[];p&&y.push({key:"dateInitial",value:p}),v&&y.push({key:"dateFinal",value:v}),handleFilterChange({selectedFacets:[...i,...y],text:null===(c=d.current)||void 0===c?void 0:c.inputRef.value})},disabled:p,children:null!=s?s:"Apply"},onClose:()=>{},children:(0,c.jsx)(j.Z,{testId:"mobile-".concat(a),indicesExpanded:n,onAccordionChange:e=>r({type:"toggleExpanded",payload:e}),children:t.map((e,t)=>{var{__typename:l,label:o}=e,s=n.has(t);return(0,c.jsxs)(x.Z,{testId:"mobile-".concat(a),index:t,type:l,label:o,children:["StoreFacetBoolean"===l&&s&&(0,c.jsx)(w.Z,{children:e.values.map(t=>(0,c.jsx)(O.Z,{id:"".concat(a,"-").concat(e.label,"-").concat(t.label),testId:"mobile-".concat(a),onFacetChange:e=>r({type:"toggleFacet",payload:e}),selected:t.selected,value:t.value,quantity:t.quantity,facetKey:e.key,label:t.label},"".concat(a,"-").concat(e.label,"-").concat(t.label)))}),"StoreFacetPlacedBy"===l&&s&&(0,c.jsx)(MyAccountFilterFacetPlacedBy_MyAccountFilterFacetPlacedBy,{selected:i,dispatch:r}),"StoreFacetRange"===l&&s&&(0,c.jsx)(P,{ref:f,from:e.from,to:e.to,setDisabled:v})]},"".concat(a,"-").concat(o,"-").concat(t))})})})},useDebounce=(e,t,a)=>{var{0:r,1:n}=(0,u.useState)(a);return(0,u.useEffect)(()=>{if(r!==a){var n=setTimeout(()=>{e(r)},t);return()=>{clearTimeout(n)}}},[r]),n},k=a(9664),M=["value"];function useMyAccountFilter_ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,r)}return a}function useMyAccountFilter_objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?useMyAccountFilter_ownKeys(Object(a),!0).forEach(function(t){(0,r.Z)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):useMyAccountFilter_ownKeys(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}var reducer=(e,t)=>{var{expanded:a,selected:r}=e,{type:n,payload:i}=t;switch(n){case"toggleExpanded":return a.has(i)?a.delete(i):a.add(i),useMyAccountFilter_objectSpread(useMyAccountFilter_objectSpread({},e),{},{expanded:new Set(a)});case"selectFacets":if(i!==r)return useMyAccountFilter_objectSpread(useMyAccountFilter_objectSpread({},e),{},{selected:i});break;case"toggleFacet":return useMyAccountFilter_objectSpread(useMyAccountFilter_objectSpread({},e),{},{selected:(0,k.wB)(e.selected,i)});case"setFacet":return useMyAccountFilter_objectSpread(useMyAccountFilter_objectSpread({},e),{},{selected:(0,k.uL)(e.selected,i.facet,i.unique)});default:throw Error("Action ".concat(n," not implemented"))}return e},useMyAccountFilter=e=>{var{allFacets:t,selectedFacets:a}=e,{0:{selected:r,expanded:n},1:i}=(0,u.useReducer)(reducer,null,()=>({expanded:new Set([0,1]),selected:a})),l=(0,u.useMemo)(()=>r.reduce((e,t)=>{var a;return e.has(t.key)||e.set(t.key,new Map),null===(a=e.get(t.key))||void 0===a||a.set(t.value,t),e},new Map),[r]);return{facets:(0,u.useMemo)(()=>t.map(e=>"StoreFacetBoolean"===e.__typename?useMyAccountFilter_objectSpread(useMyAccountFilter_objectSpread({},e),{},{values:e.values.map(t=>{var a,{value:r}=t;return useMyAccountFilter_objectSpread(useMyAccountFilter_objectSpread({},(0,d.Z)(t,M)),{},{value:r.toLowerCase(),selected:!!(null===(a=l.get(e.key))||void 0===a?void 0:a.has(r.toLowerCase()))})})}):e),[t,l]),selected:r,expanded:n,dispatch:i}},R=a(679),I=a(5759),L=a(2562),N=a(6896),B=a(7358),T=["page"];function MyAccountListOrdersTable_ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,r)}return a}function MyAccountListOrdersTable_objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?MyAccountListOrdersTable_ownKeys(Object(a),!0).forEach(function(t){(0,r.Z)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):MyAccountListOrdersTable_ownKeys(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function formatOrderDate(e,t){return new Date(e).toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"})}function Pagination(e){var{page:t,total:a,perPage:r}=e,n=(0,f.useRouter)(),i=Math.ceil(a/r),l=1===t?1:(t-1)*r+1,o=a>l+r-1?l+r-1:a,handlePageChange=e=>{var t=n.query,{page:a}=t,r=(0,d.Z)(t,T);n.push({pathname:"/account/orders",query:MyAccountListOrdersTable_objectSpread(MyAccountListOrdersTable_objectSpread({},r),0===e||1===e?{}:{page:e})})};return(0,c.jsxs)("div",{"data-fs-list-orders-table-pagination":!0,children:[(0,c.jsx)("p",{children:"".concat(l," — ").concat(o," of ").concat(a)}),(0,c.jsx)(y.Z,{size:"small",variant:"tertiary",disabled:1===t,onClick:()=>handlePageChange(t-1),icon:(0,c.jsx)(m.Z,{width:16,height:16,name:"CaretLeft","aria-label":"Previous Page"}),iconPosition:"left"}),(0,c.jsx)(y.Z,{size:"small",variant:"tertiary",disabled:t===i,onClick:()=>handlePageChange(t+1),icon:(0,c.jsx)(m.Z,{width:16,height:16,name:"CaretRight","aria-label":"Next Page"}),iconPosition:"left"})]})}function MyAccountListOrdersTable(e){var t,{listOrders:a,total:r,perPage:n,filters:i}=e,l=(null==a?void 0:null===(t=a.list)||void 0===t?void 0:t.some(e=>{var t;return(null==e?void 0:null===(t=e.customFields)||void 0===t?void 0:t.filter(e=>"order"===e.type||"item"===e.type).flatMap(e=>e.value).length)>0}))||!1,{isDesktop:o}=(0,R.Z)(),{locale:s}=(0,B.kP)(),d=(0,N.p)(),{0:f,1:p}=(0,u.useState)({}),handleToggleExpand=e=>{p(t=>MyAccountListOrdersTable_objectSpread(MyAccountListOrdersTable_objectSpread({},t),{},{[e]:!t[e]}))};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("table",{"data-fs-list-orders-table":!0,children:(0,c.jsx)("tbody",{"data-fs-list-orders-table-body":!0,children:a.list.map(e=>{var t,a,r,n,i,u=(null==e?void 0:null===(t=e.customFields)||void 0===t?void 0:null===(a=t.find(e=>{var{type:t}=e;return"item"===t}))||void 0===a?void 0:a.value)||[],p=f[e.orderId],v=u.length>5,b=p?u:u.slice(0,5),h="/account/orders/".concat(e.orderId);return(0,c.jsxs)("tr",{"data-fs-list-orders-table-body-row":!0,"data-fs-list-orders-table-row":!0,onClick:()=>{window.location.href=h},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),window.location.href=h)},tabIndex:0,"aria-label":"View order ".concat(e.orderId," details"),children:[(0,c.jsx)("td",{"data-fs-list-orders-table-cell":!0,children:(0,c.jsxs)("div",{"data-fs-list-orders-table-product-info-main":!0,children:[(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-order-id":!0,children:e.orderId||"-"}),(0,c.jsxs)("p",{"data-fs-list-orders-table-product-info-order-total":!0,children:["Total: ",d(e.totalValue,e.currencyCode)]})]})}),o&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("td",{"data-fs-list-orders-table-cell":!0,children:[(0,c.jsxs)("div",{"data-fs-list-orders-table-product-info":!0,children:[(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-label":!0,children:"Placed on"}),(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-value":!0,children:e.creationDate?formatOrderDate(e.creationDate,s):"-"})]}),l&&(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)("div",{"data-fs-list-orders-table-product-info":!0,children:[(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-label":!0,children:"Delivery by"}),(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-value":!0,children:e.ShippingEstimatedDate?formatOrderDate(e.ShippingEstimatedDate,s):"-"})]})})]}),!l&&(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("td",{"data-fs-list-orders-table-cell":!0,children:(0,c.jsxs)("div",{"data-fs-list-orders-table-product-info":!0,children:[(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-label":!0,children:"Delivery by"}),(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-value":!0,children:e.ShippingEstimatedDate?formatOrderDate(e.ShippingEstimatedDate,s):"-"})]})})}),l&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("td",{"data-fs-list-orders-table-cell":!0,children:null==e?void 0:null===(r=e.customFields)||void 0===r?void 0:null===(n=r.find(e=>{var{type:t}=e;return"order"===t}))||void 0===n?void 0:null===(i=n.value)||void 0===i?void 0:i.map((e,t)=>(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-order":!0,children:e},e+t))}),(0,c.jsxs)("td",{"data-fs-list-orders-table-cell":!0,children:[b.map((e,t)=>(0,c.jsx)("p",{"data-fs-list-orders-table-product-info-item":!0,children:e},e+t)),v&&(0,c.jsx)(y.Z,{"data-fs-list-orders-table-expand-button":!0,size:"small",variant:"primary",inverse:!0,iconPosition:"right",icon:p?(0,c.jsx)(m.Z,{width:16,height:16,name:"CaretUp","aria-label":"Collapse"}):(0,c.jsx)(m.Z,{width:16,height:16,name:"CaretDown","aria-label":"Expand"}),onClick:t=>{t.preventDefault(),t.stopPropagation(),handleToggleExpand(e.orderId)},children:p?"View less":"View all"})]})]})]}),(0,c.jsxs)("td",{"data-fs-list-orders-table-cell":!0,children:[(0,c.jsx)(L.Z,{status:e.status,statusFallback:e.statusDescription}),!o&&(0,c.jsx)("p",{children:e.ShippingEstimatedDate?"Delivery by ".concat(formatOrderDate(e.ShippingEstimatedDate,s)):""})]})]},e.orderId)})})}),o&&(0,c.jsx)(Pagination,{page:i.page,total:r,perPage:n})]})}function formatFilterDate(e,t){var[a,r,n]=e.split("-").map(Number);return new Date(a,r-1,n).toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"})}function Tags(e){var{filters:t,onRemoveFilter:a}=e,{locale:r}=(0,B.kP)(),{dateInitial:n,dateFinal:i,status:l,purchaseAgentId:o}=t,s=n?formatFilterDate(n,r):"",d=i?formatFilterDate(i,r):"",u=(n||i)&&(0,c.jsxs)("div",{"data-fs-list-orders-selected-tag":!0,children:[(0,c.jsx)("span",{"data-fs-list-orders-selected-tag-label":!0,children:(n&&i?"".concat(s," to ").concat(d):s?"from ".concat(s):"to ".concat(d))||""}),(0,c.jsx)("button",{"data-fs-list-orders-selected-tag-clear":!0,onClick:()=>{a("dateInitial",n)},children:"\xd7"})]},"date-range"),f=(l||[]).map(e=>(0,c.jsxs)("div",{"data-fs-list-orders-selected-tag":!0,children:[(0,c.jsx)("span",{children:I.BX[e.toLowerCase()]||e}),(0,c.jsx)("button",{"data-fs-list-orders-selected-tag-clear":!0,onClick:()=>a("status",e),children:"\xd7"})]},"status-".concat(e))),p=o&&(0,c.jsxs)("div",{"data-fs-list-orders-selected-tag":!0,children:[(0,c.jsxs)("span",{children:["Placed by: ",o]}),(0,c.jsx)("button",{"data-fs-list-orders-selected-tag-clear":!0,onClick:()=>a("purchaseAgentId",o),children:"\xd7"})]},"placed-by-".concat(o));return(0,c.jsxs)(c.Fragment,{children:[p,u,f]})}var MyAccountSelectedTags_MyAccountSelectedTags=function(e){var{filters:t,onClearAll:a,onRemoveFilter:r}=e,n=Object.entries(t).some(e=>{var[t,a]=e;return("status"===t||"dateInitial"===t||"dateFinal"===t||"purchaseAgentId"===t)&&a&&(!Array.isArray(a)||a.length>0)});return(0,c.jsx)(c.Fragment,{children:n&&(0,c.jsxs)("div",{"data-fs-list-orders-selected-tags":!0,children:[(0,c.jsx)(Tags,{filters:t,onRemoveFilter:r}),(0,c.jsx)(y.Z,{variant:"tertiary",size:"small","data-fs-list-orders-selected-tags-clear-all-button":!0,onClick:a,children:"Clear All"})]})})},q=a(5841),K=a.n(q),$=["page","clientEmail"];function MyAccountListOrders_ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,r)}return a}function MyAccountListOrders_objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?MyAccountListOrders_ownKeys(Object(a),!0).forEach(function(t){(0,r.Z)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):MyAccountListOrders_ownKeys(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function getSelectedFacets(e){var{filters:t}=e;return Object.keys(t).reduce((e,a)=>{if("page"===a||"text"===a||"clientEmail"===a)return e;var r=t[a];if("status"===a&&r.length>0){var n=Array.isArray(r)?r:[r];e.push(...n.map(e=>({key:"status",value:e.toLowerCase()})))}else"dateInitial"===a&&r?e.push({key:"dateInitial",value:String(r)}):"dateFinal"===a&&r?e.push({key:"dateFinal",value:String(r)}):"purchaseAgentId"===a&&r&&e.push({key:"purchaseAgentId",value:String(r)});return e},[])}function MyAccountListOrders(e){var{listOrders:t,total:a,perPage:r,filters:n}=e,i=(0,f.useRouter)(),{isDesktop:l}=(0,R.Z)(),o=(0,u.useRef)(null);(0,u.useEffect)(()=>{var e,t;null!==(e=o.current)&&void 0!==e&&e.inputRef&&(null!=n&&n.text&&null!==(t=o.current)&&void 0!==t&&t.inputRef?o.current.inputRef.value=n.text:o.current.inputRef.value="")},[null==n?void 0:n.text]);var s=useDebounce(e=>{if((e||i.query.text)&&e.trim().toLowerCase()!==(null===(t=i.query.text)||void 0===t?void 0:t.toString().trim().toLowerCase())){var t,a=new URLSearchParams(window.location.search);a.delete("text"),a.delete("page"),e&&a.set("text",e),window.location.href="/account/orders?".concat(a.toString())}},300,String(i.query.text)),g=getSelectedFacets({filters:n}),j=useMyAccountFilter({allFacets:function(e){var{filters:t}=e;return[{__typename:"StoreFacetBoolean",key:"status",label:"Status",values:I.j4.map(e=>({label:e,quantity:0,selected:!1,value:e.toLowerCase()}))},{__typename:"StoreFacetPlacedBy",key:"purchaseAgentId",label:"Placed by"},{__typename:"StoreFacetRange",key:"dateRange",label:"Order Date",from:t.dateInitial,to:t.dateFinal}]}({filters:n}),selectedFacets:g}),{openFilter:x,filter:w}=(0,p.l8)(),O=n.status.length>0||!!n.dateInitial||!!n.dateFinal||!!n.text,_=0===t.list.length;return(0,c.jsxs)("div",{className:K().page,children:[(0,c.jsxs)("div",{"data-fs-list-orders":!0,children:[(0,c.jsx)("h1",{"data-fs-list-orders-title":!0,children:"Orders"}),(0,c.jsxs)("div",{"data-fs-list-orders-header":!0,children:[(0,c.jsxs)("div",{"data-fs-list-orders-search-filters":!0,children:[(0,c.jsx)(v.Z,{ref:o,"data-fs-search-input-field-list-orders":!0,placeholder:"Search",onBlur:e=>{s(o.current.inputRef.value)},onKeyDown:e=>{"Enter"===e.key&&s(o.current.inputRef.value)},onSubmit:e=>{s(o.current.inputRef.value)}}),(0,c.jsx)(y.Z,{"data-fs-list-orders-search-filters-button":!0,variant:"tertiary",icon:(0,c.jsx)(m.Z,{width:16,height:16,name:"FadersHorizontal","aria-label":"Open Filters"}),iconPosition:"left",onClick:()=>{j.dispatch({type:"selectFacets",payload:getSelectedFacets({filters:n})}),x()},children:"Filters"})]}),l&&(0,c.jsx)(Pagination,{page:n.page,total:a,perPage:r})]}),(0,c.jsx)(MyAccountSelectedTags_MyAccountSelectedTags,{filters:{status:n.status,dateInitial:n.dateInitial,dateFinal:n.dateFinal,purchaseAgentId:n.purchaseAgentId},onClearAll:()=>{window.location.href="/account/orders"},onRemoveFilter:(e,t)=>{var a=MyAccountListOrders_objectSpread({},n),{page:r,clientEmail:i}=a,l=(0,d.Z)(a,$);"status"===e&&Array.isArray(l[e])?l[e]=l[e].filter(e=>e!==t):"dateInitial"===e||"dateFinal"===e?(delete l.dateInitial,delete l.dateFinal):"purchaseAgentId"===e?delete l.purchaseAgentId:delete l[e],"status"===e&&Array.isArray(l[e])?l[e]=l[e].filter(e=>e.toLowerCase()!==t.toLowerCase()):"dateInitial"===e||"dateFinal"===e?(delete l.dateInitial,delete l.dateFinal):"purchaseAgentId"===e?delete l.purchaseAgentId:delete l[e];var o=Object.fromEntries(Object.entries(l).filter(e=>{var[,t]=e;return Array.isArray(t)?t.length>0:!!t})),s=new URLSearchParams(o);window.location.href="/account/orders?".concat(s.toString())}}),w&&(0,c.jsx)(MyAccountFilterSlider_MyAccountFilterSlider,MyAccountListOrders_objectSpread(MyAccountListOrders_objectSpread({},j),{},{title:"Filters",clearButtonLabel:"Clear All",applyButtonLabel:"View Results",searchInputRef:o})),_?(0,c.jsx)(b.Z,{titleIcon:(0,c.jsx)(m.Z,{name:O?"MagnifyingGlass":"Bag2",width:56,height:56,weight:"thin"}),title:O?"No results found":"You don't have any orders",bkgColor:"light",children:!O&&(0,c.jsx)(h.Z,{"data-fs-list-orders-empty-state-link":!0,href:"/",variant:"secondary",children:"Start shopping"})}):(0,c.jsx)(MyAccountListOrdersTable,{listOrders:t,total:a,perPage:r,filters:n})]}),!l&&(0,c.jsx)(Pagination,{page:n.page,total:a,perPage:r})]})}var z=a(6272);function orders_ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,r)}return a}function orders_objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?orders_ownKeys(Object(a),!0).forEach(function(t){(0,r.Z)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):orders_ownKeys(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}var U=orders_objectSpread(orders_objectSpread({},o.Z),s.Z),V=!0;function ListOrdersPage(e){var{globalSections:t,accountName:a,listOrders:r,total:o,perPage:s,filters:d,isRepresentative:u}=e,{sections:f,settings:p}=null!=t?t:{};return(0,c.jsx)(z.ZP,{context:{globalSettings:p},children:(0,c.jsxs)(l.ZP,{globalSections:f,components:U,children:[(0,c.jsx)(n.PB,{noindex:!0,nofollow:!0}),(0,c.jsxs)(i.Z,{isRepresentative:u,accountName:a,children:[(0,c.jsx)(before,{}),(0,c.jsx)(MyAccountListOrders,{listOrders:r,filters:d,perPage:s,total:o}),(0,c.jsx)(after,{})]})]})})}},5759:function(e,t,a){"use strict";a.d(t,{BX:function(){return i},_y:function(){return r},j4:function(){return n}});var r={created:{variant:"success",label:"Order Placed"},creating:{variant:"success",label:"Order Placed"},"on-order-completed":{variant:"success",label:"Order Placed"},"on-order-completed-ffm":{variant:"success",label:"Order Placed"},"order-accepted":{variant:"success",label:"Order Placed"},"order-created":{variant:"success",label:"Order Placed"},"waiting-for-seller-confirmation":{variant:"success",label:"Order Placed"},"waiting-for-authorization":{variant:"warning",label:"Approval Pending"},"waiting-for-confirmation":{variant:"warning",label:"Approval Pending"},"approving-transaction":{variant:"warning",label:"Payment Pending"},"notify-payment":{variant:"warning",label:"Payment Pending"},"payment-pending":{variant:"warning",label:"Payment Pending"},"payment-approved":{variant:"success",label:"Payment Approved"},"approve-payment":{variant:"success",label:"Payment Approved"},"payment-denied":{variant:"neutral",label:"Payment Denied"},"authorize-fulfillment":{variant:"success",label:"Ready for Delivery"},handling:{variant:"success",label:"Ready for Delivery"},invoice:{variant:"success",label:"Ready for Delivery"},"invoice-after-cancellation-deny":{variant:"success",label:"Ready for Delivery"},invoicing:{variant:"success",label:"Ready for Delivery"},packing:{variant:"success",label:"Ready for Delivery"},picking:{variant:"success",label:"Ready for Delivery"},"ready-for-handling":{variant:"success",label:"Ready for Delivery"},"ready-for-invoicing":{variant:"success",label:"Ready for Delivery"},"ready-for-packing":{variant:"success",label:"Ready for Delivery"},"ready-for-picking":{variant:"success",label:"Ready for Delivery"},"release-to-fulfillment":{variant:"success",label:"Ready for Delivery"},"start-handling":{variant:"success",label:"Ready for Delivery"},"waiting-ffmt-authorization":{variant:"success",label:"Ready for Delivery"},"waiting-for-fulfillment":{variant:"success",label:"Ready for Delivery"},"window-to-cancel":{variant:"success",label:"Ready for Delivery"},invoiced:{variant:"success",label:"Invoiced"},"accepting-cancel":{variant:"neutral",label:"Cancellation Requested"},cancel:{variant:"neutral",label:"Cancellation Requested"},canceling:{variant:"neutral",label:"Cancellation Requested"},"cancellation-requested":{variant:"neutral",label:"Cancellation Requested"},"cancellation-requested-with-ack":{variant:"neutral",label:"Cancellation Requested"},"request-cancel":{variant:"neutral",label:"Cancellation Requested"},"waiting-for-seller-decision":{variant:"neutral",label:"Cancellation Requested"},canceled:{variant:"neutral",label:"Canceled"}},n=["Order Placed","Approval Pending","Payment Pending","Payment Approved","Payment Denied","Ready for Delivery","Invoiced","Cancellation Requested","Canceled"],i={"order placed":"Order Placed","approval pending":"Approval Pending","payment pending":"Payment Pending","payment approved":"Payment Approved","payment denied":"Payment Denied","ready for delivery":"Ready for Delivery",invoiced:"Invoiced","cancellation requested":"Cancellation Requested",canceled:"Canceled"}},1403:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/orders",function(){return a(419)}])},9048:function(e){e.exports={section:"section_section__YPC0_",load:"section_load__1kqk7"}},5841:function(e){e.exports={page:"styles_page__flnO9"}},7085:function(e){e.exports={layout:"section_layout__QJ4xs",menu:"section_menu__WKZdl",account:"section_account__YjCAC",avatarContainer:"section_avatarContainer__1RMsJ",switchButton:"section_switchButton__ul06M",nav:"section_nav__Jjee8",navItem:"section_navItem__yr27R",avatar:"section_avatar__IQLo8"}},2740:function(e,t,a){"use strict";var r=a(4194);let n=(0,r.forwardRef)(function({testId:e="fs-checkbox",partial:t,...a},n){return r.createElement("input",{ref:n,"data-fs-checkbox":!0,"data-testid":e,"data-fs-checkbox-partial":t,type:"checkbox",...a})});t.Z=n},6735:function(e,t,a){"use strict";var r=a(4194);let n=(0,r.forwardRef)(function({testId:e="fs-radio",...t},a){return r.createElement("input",{ref:a,"data-fs-radio":!0,type:"radio","data-testid":e,...t})});t.Z=n},1516:function(e,t,a){"use strict";a.d(t,{A:function(){return useAccordion}});var r=a(4194);let n=(0,r.createContext)(void 0),i=(0,r.forwardRef)(function({testId:e="fs-accordion",indices:t,onChange:a,children:i,...l},o){let s=r.Children.map(i,(e,t)=>{if(e)return(0,r.cloneElement)(e,{index:e.props.index??t})}),c={indices:new Set(t),onChange:a,numberOfItems:s.length};return r.createElement(n.Provider,{value:c},r.createElement("div",{ref:o,"data-fs-accordion":!0,role:"region","data-testid":e,...l},s))});function useAccordion(){let e=(0,r.useContext)(n);if(void 0===e)throw Error("Do not use Accordion components outside the Accordion context.");return e}t.Z=i},7734:function(e,t,a){"use strict";var r=a(4194),n=a(1516),i=a(783),l=a(2614),o=a(9009);let s=(0,r.forwardRef)(function({testId:e="fs-accordion-button",expandedIcon:t=r.createElement(l.Z,{name:"MinusCircle","data-icon":"expanded"}),collapsedIcon:a=r.createElement(l.Z,{name:"PlusCircle","data-icon":"collapsed"}),children:s,...c},d){let{indices:u,onChange:f,numberOfItems:p}=(0,n.A)(),{index:v,panel:y,button:m,prefixId:b}=(0,i.D)();return r.createElement(o.Z,{ref:d,id:m,variant:"tertiary","data-fs-accordion-button":u.has(v)?"expanded":"collapsed","aria-expanded":u.has(v),icon:u.has(v)?t:a,iconPosition:"right","aria-controls":y,onKeyDown:e=>{if(["ArrowDown","ArrowUp"].includes(e.key))switch(e.key){case"ArrowDown":e.preventDefault(),(()=>{let e=Number(v)+1===p?0:Number(v)+1;return document.getElementById(`${b&&`${b}-`}button--${e}`)})()?.focus();break;case"ArrowUp":e.preventDefault(),(()=>{let e=Number(v)-1<0?p-1:Number(v)-1;return document.getElementById(`${b&&`${b}-`}button--${e}`)})()?.focus()}},onClick:()=>{f(v)},"data-testid":e,...c},s)});t.Z=s},783:function(e,t,a){"use strict";a.d(t,{D:function(){return useAccordionItem}});var r=a(4194);let n=(0,r.createContext)(void 0),i=(0,r.forwardRef)(function({prefixId:e="",index:t=0,as:a,children:i,testId:l="fs-accordion-item",...o},s){let c=a??"div",d={index:t,prefixId:e,panel:`${e&&`${e}-`}panel--${t}`,button:`${e&&`${e}-`}button--${t}`};return r.createElement(n.Provider,{value:d},r.createElement(c,{ref:s,"data-fs-accordion-item":!0,"data-testid":l,...o},i))});function useAccordionItem(){let e=(0,r.useContext)(n);if(void 0===e)throw Error("Do not use AccordionItem components outside the AccordionItem context.");return e}t.Z=i},7583:function(e,t,a){"use strict";var r=a(4194),n=a(1516),i=a(783);let l=(0,r.forwardRef)(function({testId:e="fs-accordion-panel",children:t,...a},l){let{indices:o}=(0,n.A)(),{index:s,button:c,panel:d}=(0,i.D)();return r.createElement("div",{ref:l,id:d,"data-fs-accordion-panel":!0,"aria-labelledby":c,role:"region",hidden:!o.has(s),"data-testid":e,...a},t)});t.Z=l},3922:function(e,t,a){"use strict";var r=a(4194);t.Z=function({icon:e,inverse:t,children:a,disabled:n,iconPosition:i,size:l="regular",variant:o="primary",testId:s="fs-link-button",...c}){let d=(0,r.useRef)(null);return r.createElement("a",{ref:d,"data-fs-button":!0,"data-fs-link-button":!0,"data-fs-button-size":l,"data-fs-button-variant":o,"data-fs-button-inverse":t,"data-fs-button-disabled":n,onFocus:function(e){e.preventDefault(),n&&d.current?.blur()},"data-testid":s,...c},r.createElement("div",{"data-fs-button-wrapper":!0},!!e&&"left"===i&&r.createElement("span",{"data-fs-button-icon":!0},e),a&&r.createElement("span",null,a),!!e&&"right"===i&&r.createElement("span",{"data-fs-button-icon":!0},e)))}},5737:function(e,t,a){"use strict";var r=a(4194),n=a(1953),i=a(6735);let l=(0,r.forwardRef)(function({testId:e="fs-radio-field",id:t,label:a,value:l,name:o,...s},c){return r.createElement("div",{ref:c,"data-fs-radio-field":!0,"data-testid":e},r.createElement(i.Z,{id:t,value:"string"==typeof a?a:l,name:o,...s}),r.createElement(n.Z,{htmlFor:t},a))});t.Z=l},6396:function(e,t,a){"use strict";var r=a(4194),n=a(2256),i=a(7041),l=a(2614);let o=(0,r.forwardRef)(function({onSubmit:e,buttonIcon:t,"aria-label":a="search",testId:o="fs-search-input",buttonProps:s,...c},d){let u=(0,r.useRef)(null),f=(0,r.useRef)(null);return(0,r.useImperativeHandle)(d,()=>({inputRef:u.current,formRef:f.current})),r.createElement("form",{ref:f,"data-fs-search-input-field":!0,"data-testid":o,onSubmit:t=>{t.preventDefault(),u.current?.value!==""&&e(u.current.value)},role:"search"},r.createElement(n.Z,{ref:u,"aria-label":a,"data-fs-search-input-field-input":!0,...c}),r.createElement(i.Z,{type:"submit","aria-label":"Submit Search",icon:t??r.createElement(l.Z,{name:"MagnifyingGlass"}),size:"small",...s}))});t.Z=o},6133:function(e,t,a){"use strict";var r=a(4194);t.Z=function({testId:e="fs-empty-state",title:t,titleIcon:a,variant:n="default",bkgColor:i="default",children:l,...o}){return r.createElement("section",{"data-fs-empty-state":!0,"data-fs-empty-state-variant":n,"data-fs-empty-state-bkg-color":i,"data-fs-content":"empty-state","data-testid":e,...o},t&&r.createElement("header",{"data-fs-empty-state-title":!0},a&&r.createElement(r.Fragment,null,a),r.createElement("p",null,t)),l)}},5699:function(e,t,a){"use strict";var r=a(4194),n=a(1516);t.Z=function({testId:e,title:t,indicesExpanded:a,onAccordionChange:i,children:l}){return r.createElement("div",{"data-fs-filter":!0,"data-testid":e},r.createElement("h2",{"data-fs-filter-title":!0},t),r.createElement(n.Z,{indices:a,onChange:i,"data-fs-filter-accordion":!0},l))}},2815:function(e,t,a){"use strict";var r=a(4194),n=a(4564);t.Z=function({children:e}){return r.createElement(n.Z,{"data-fs-filter-list":!0},e)}},6174:function(e,t,a){"use strict";var r=a(4194),n=a(2740),i=a(1953),l=a(276),o=a(5737);t.Z=function({testId:e,id:t,selected:a,value:s,quantity:c,facetKey:d,label:u,type:f="checkbox",onFacetChange:p}){return r.createElement("li",{key:t,"data-fs-filter-list-item":!0},"checkbox"===f?r.createElement(r.Fragment,null,r.createElement(n.Z,{id:t,checked:a,onChange:()=>p({key:d,value:s},"BOOLEAN"),"data-fs-filter-list-item-checkbox":!0,"data-testid":`${e}-accordion-panel-checkbox`,"data-value":s,"data-quantity":c}),r.createElement(i.Z,{htmlFor:t,className:"text__title-mini-alt","data-fs-filter-list-item-label":!0},u," ",r.createElement(l.Z,{"data-fs-filter-list-item-badge":!0},c))):r.createElement(o.Z,{id:t,name:d,value:s,checked:a,onChange:()=>p({key:d,value:s},"BOOLEAN"),"data-fs-filter-list-item-radio":!0,"data-testid":`${e}-accordion-panel-radio`,"data-value":s,label:u}))}},4199:function(e,t,a){"use strict";var r=a(4194),n=a(783),i=a(7734),l=a(7583);t.Z=function({testId:e,label:t,index:a,children:o,type:s,description:c}){return r.createElement(n.Z,{key:`${t}-${a}`,prefixId:e,testId:`${e}-accordion`,index:a,"data-type":s,"data-fs-filter-accordion-item":!0},r.createElement(i.Z,{testId:`${e}-accordion-button`},t),r.createElement(l.Z,null,c&&r.createElement("span",{"data-fs-filter-accordion-item-description":!0},c),o))}},1844:function(e,t,a){"use strict";var r=a(4194),n=a(3666),i=a(6652),l=a(7215),o=a(5049),s=a(9009);t.Z=function({testId:e="fs-filter-slider",title:t,size:a,direction:c,children:d,applyBtnProps:u,clearBtnProps:f,overlayProps:p,onClose:v,onDismiss:y,footer:m=!0,...b}){let{fade:h,fadeOut:g}=(0,n.b)(),{closeFilter:j,closeRegionSlider:x}=(0,i.l8)();return r.createElement(l.Z,{"data-fs-filter-slider":!0,isOpen:!0,fade:h,onDismiss:()=>{g(),y?.()},size:a,direction:c,onTransitionEnd:()=>{"out"===h&&(j(),x())},testId:e,overlayProps:p,...b},r.createElement("div",{"data-fs-filter-slider-content":!0},r.createElement(o.Z,{onClose:()=>{v(),g()}},r.createElement("h2",{"data-fs-filter-slider-title":!0},t)),d),m&&r.createElement("footer",{"data-fs-filter-slider-footer":!0},f&&r.createElement(s.Z,{"data-fs-filter-slider-footer-button-clear":!0,...f}),u&&r.createElement(s.Z,{"data-fs-filter-slider-footer-button-apply":!0,testId:`${e}-button-apply`,...u,onClick:e=>{u?.onClick?.(e),g()}})))}}},function(e){e.O(0,[6031,9173,9774,2888,179],function(){return e(e.s=1403)}),_N_E=e.O()}]);