@faststore/core 3.86.4 → 3.87.0

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.86.2 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.4 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.86.2 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.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.86.2 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.4 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.86.2 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.4 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.86.2 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.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.86.2 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.4 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.86.2 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.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
@@ -87,7 +87,7 @@ Route (pages)                              Size     First Load JS
 ├ λ /api/health/live                       0 B             107 kB
 ├ λ /api/health/ready                      0 B             107 kB
 ├ λ /api/preview                           0 B             107 kB
-├ ● /checkout                              737 B           138 kB
+├ ● /checkout                              737 B           139 kB
 ├ ● /login                                 1.68 kB         139 kB
 ├ λ /pvt/account                           245 B           107 kB
 ├ ● /pvt/account/[...unknown]              283 B           107 kB
@@ -99,18 +99,18 @@ Route (pages)                              Size     First Load JS
 ├   └ css/b7fc24e8f1eb011f.css             12.8 kB
 ├ λ /pvt/account/orders/[id]               12.2 kB         150 kB
 ├   └ css/297be4be3be36ff0.css             12.6 kB
-├ λ /pvt/account/profile                   1.79 kB         139 kB
+├ λ /pvt/account/profile                   1.79 kB         140 kB
 ├   └ css/831a1f72fe4b2d80.css             3.97 kB
-├ λ /pvt/account/security                  3.77 kB         141 kB
+├ λ /pvt/account/security                  3.77 kB         142 kB
 ├   └ css/ec7fdad03808422d.css             5.22 kB
-├ λ /pvt/account/user-details              1.74 kB         139 kB
+├ λ /pvt/account/user-details              1.74 kB         140 kB
 ├   └ css/e46393a76c5d93a9.css             4.17 kB
 └ ● /s                                     3.24 kB         156 kB
-+ First Load JS shared by all              110 kB
++ First Load JS shared by all              111 kB
   ├ chunks/framework-807b0f81cbc129f0.js   45.4 kB
   ├ chunks/main-f658704b53a96ab1.js        33.1 kB
-  ├ chunks/pages/_app-02ac96e27a9cbbb4.js  24.7 kB
-  ├ chunks/webpack-5b7c916f31abc68d.js     3.85 kB
+  ├ chunks/pages/_app-ea99eefec89aef24.js  24.9 kB
+  ├ chunks/webpack-98c08c89b832fbd2.js     3.85 kB
   └ css/24a5e8f6808266fe.css               3.53 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,14 +1,14 @@
 
-> @faststore/core@3.86.2 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.86.4 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/utils/multipleTemplates.test.ts (25.999 s)
-PASS test/server/cms/global.test.ts (26.296 s)
+PASS test/server/cms/global.test.ts (27.821 s)
+PASS test/utils/multipleTemplates.test.ts (28.361 s)
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (29.916 s)
+PASS test/server/index.test.ts (31.668 s)
 
 Test Suites: 4 passed, 4 total
 Tests:       22 passed, 22 total
 Snapshots:   0 total
-Time:        31.045 s
+Time:        32.928 s
 Ran all test suites.

package/@generated/graphql.ts

@@ -1300,7 +1300,7 @@ export type StoreFacetValueBoolean = {
   /** Facet value label. */
   label: Scalars['String']['output']
   /** Number of items with this facet. */
-  quantity: Scalars['Int']['output']
+  quantity: Maybe<Scalars['Int']['output']>
   /** Indicates whether facet is selected. */
   selected: Scalars['Boolean']['output']
   /** Facet value. */
@@ -2470,7 +2470,7 @@ type Filter_Facets_StoreFacetBoolean_Fragment = {
     label: string
     value: string
     selected: boolean
-    quantity: number
+    quantity: number | null
   }>
 }
 
@@ -3346,7 +3346,7 @@ export type ClientProductGalleryQueryQuery = {
             label: string
             value: string
             selected: boolean
-            quantity: number
+            quantity: number | null
           }>
         }
       | {

package/@generated/schema.graphql

@@ -212,7 +212,7 @@ type StoreFacetValueBoolean {
   """Indicates whether facet is selected."""
   selected: Boolean!
   """Number of items with this facet."""
-  quantity: Int!
+  quantity: Int
 }
 
 """Image."""

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.87.0](https://github.com/vtex/faststore/compare/v3.86.4...v3.87.0) (2025-09-18)
+
+### Features
+
+- Delivery Promise 2.2 - in stock filter ([#2972](https://github.com/vtex/faststore/issues/2972)) ([7bfb830](https://github.com/vtex/faststore/commit/7bfb8308c76b0914d59875fbe95d3cab6e98eba3))
+
 ## [3.86.4](https://github.com/vtex/faststore/compare/v3.86.3...v3.86.4) (2025-09-17)
 
 **Note:** Version bump only for package @faststore/core

package/cms/faststore/content-types.json

@@ -287,6 +287,28 @@
                       "default": "Unavailable for pickup"
                     }
                   }
+                },
+                "inStock": {
+                  "title": "PLP/Search Filter: In Stock",
+                  "type": "object",
+                  "properties": {
+                    "enabled": {
+                      "title": "Should display In Stock filter?",
+                      "description": "Allow shoppers to filter only products that are currently in stock. Note: When enabling, ensure that the `hideUnavailableItems` property is set to `false` in the store's `discovery.config.js` file.",
+                      "type": "boolean",
+                      "default": false
+                    },
+                    "title": {
+                      "title": "In Stock title",
+                      "type": "string",
+                      "default": "Availability"
+                    },
+                    "label": {
+                      "title": "In Stock label",
+                      "type": "string",
+                      "default": "In-stock only"
+                    }
+                  }
                 }
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.86.4",
+  "version": "3.87.0",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -44,11 +44,11 @@
     "@envelop/graphql-jit": "^8.0.3",
     "@envelop/parser-cache": "^6.0.2",
     "@envelop/validation-cache": "^6.0.2",
-    "@faststore/api": "^3.85.0",
+    "@faststore/api": "^3.87.0",
     "@faststore/graphql-utils": "^3.81.0",
     "@faststore/lighthouse": "^3.81.0",
     "@faststore/sdk": "^3.85.0",
-    "@faststore/ui": "^3.86.4",
+    "@faststore/ui": "^3.87.0",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/client-preset": "4.2.6",
     "@graphql-codegen/typescript": "4.0.7",
@@ -108,5 +108,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "35335b8d18b1a5ef942d0e7a801f0be404687f44"
+  "gitHead": "d0fb33b01f02c4b6a49c31aef3dde512f4ba53ae"
 }

package/src/components/search/Filter/FilterDesktop.tsx

@@ -18,7 +18,9 @@ import type { useFilter } from 'src/sdk/search/useFilter'
 import type { FilterSliderProps } from './FilterSlider'
 
 import {
+  DELIVERY_OPTIONS_FACET_KEY,
   PICKUP_ALL_FACET_VALUE,
+  SHIPPING_FACET_KEY,
   useDeliveryPromise,
 } from 'src/sdk/deliveryPromise'
 import { getGlobalSettings } from 'src/utils/globalSettings'
@@ -47,8 +49,7 @@ function FilterDesktop({
   const { openRegionSlider } = useUI()
   const {
     facets: filteredFacets,
-    deliveryLabel,
-    deliveryOptionsLabel,
+    labelsMap,
     isPickupAllEnabled,
     shouldDisplayDeliveryButton,
     onDeliveryFacetChange,
@@ -74,7 +75,7 @@ function FilterDesktop({
             testId={testId}
             index={0}
             type=""
-            label={deliveryLabel}
+            label={labelsMap[SHIPPING_FACET_KEY] ?? 'Delivery'}
             description={deliveryPromiseSettings?.deliveryMethods?.description}
           >
             <UIButton
@@ -93,14 +94,11 @@ function FilterDesktop({
           const index = shouldDisplayDeliveryButton ? idx + 1 : idx
           const { __typename: type, label } = facet
           const isExpanded = expanded.has(index)
-          const isDeliveryMethodFacet = facet.key === 'shipping'
-          const isDeliveryOptionFacet = facet.key === 'delivery-options'
+          const isDeliveryMethodFacet = facet.key === SHIPPING_FACET_KEY
+          const isDeliveryOptionFacet = facet.key === DELIVERY_OPTIONS_FACET_KEY
 
-          const sectionLabel = isDeliveryMethodFacet
-            ? deliveryLabel
-            : isDeliveryOptionFacet
-              ? deliveryOptionsLabel
-              : label
+          const sectionLabel =
+            labelsMap[facet.key as keyof typeof labelsMap] ?? label
 
           return (
             <UIFilterFacets

package/src/components/search/Filter/FilterSlider.tsx

@@ -18,7 +18,9 @@ import type { Filter_FacetsFragment } from '@generated/graphql'
 import FilterDeliveryMethodFacet from './FilterDeliveryMethodFacet'
 
 import {
+  DELIVERY_OPTIONS_FACET_KEY,
   PICKUP_ALL_FACET_VALUE,
+  SHIPPING_FACET_KEY,
   useDeliveryPromise,
 } from 'src/sdk/deliveryPromise'
 import type { useFilter } from 'src/sdk/search/useFilter'
@@ -102,8 +104,7 @@ function FilterSlider({
 
   const {
     facets: filteredFacets,
-    deliveryLabel,
-    deliveryOptionsLabel,
+    labelsMap,
     isPickupAllEnabled,
     shouldDisplayDeliveryButton,
     onDeliveryFacetChange,
@@ -169,7 +170,7 @@ function FilterSlider({
               testId={testId}
               index={0}
               type=""
-              label={deliveryLabel}
+              label={labelsMap[SHIPPING_FACET_KEY] ?? 'Delivery'}
               description={
                 deliveryPromiseSettings?.deliveryMethods?.description
               }
@@ -190,14 +191,12 @@ function FilterSlider({
             const index = shouldDisplayDeliveryButton ? idx + 1 : idx
             const { __typename: type, label } = facet
             const isExpanded = expanded.has(index)
-            const isDeliveryMethodFacet = facet.key === 'shipping'
-            const isDeliveryOptionFacet = facet.key === 'delivery-options'
+            const isDeliveryMethodFacet = facet.key === SHIPPING_FACET_KEY
+            const isDeliveryOptionFacet =
+              facet.key === DELIVERY_OPTIONS_FACET_KEY
 
-            const sectionLabel = isDeliveryMethodFacet
-              ? deliveryLabel
-              : isDeliveryOptionFacet
-                ? deliveryOptionsLabel
-                : label
+            const sectionLabel =
+              labelsMap[facet.key as keyof typeof labelsMap] ?? label
 
             return (
               <UIFilterFacets

package/src/sdk/deliveryPromise/index.ts

@@ -1,5 +1,8 @@
 export {
+  DELIVERY_OPTIONS_FACET_KEY,
   deliveryPromiseStore,
+  DYNAMIC_ESTIMATE_FACET_KEY,
+  IN_STOCK_FACET_KEY,
   PICKUP_ALL_FACET_VALUE,
   PICKUP_IN_POINT_FACET_VALUE,
   PICKUP_POINT_FACET_KEY,

package/src/sdk/deliveryPromise/useDeliveryPromise.ts

@@ -14,9 +14,10 @@ import type {
 } from '@generated/graphql'
 
 import type { useFilter } from 'src/sdk/search/useFilter'
-import { useSession } from 'src/sdk/session'
 import type { GlobalCmsData } from 'src/utils/globalSettings'
 
+import { useSession } from 'src/sdk/session'
+
 import { deliveryPromise as deliveryPromiseConfig } from 'discovery.config'
 import {
   initialPickupPointsSimulation,
@@ -32,6 +33,7 @@ export const PICKUP_ALL_FACET_VALUE = 'pickup-all' as const
 export const ALL_DELIVERY_OPTIONS_FACET_VALUE = 'all-delivery-options' as const
 export const DELIVERY_OPTIONS_FACET_KEY = 'delivery-options' as const
 export const DYNAMIC_ESTIMATE_FACET_KEY = 'dynamic-estimate' as const
+export const IN_STOCK_FACET_KEY = 'in-stock' as const
 
 type Facet = SearchState['selectedFacets'][number]
 type DeliveryType = 'delivery' | 'pickup-in-point'
@@ -116,6 +118,7 @@ export function useDeliveryPromise({
   const isDeliveryPromiseEnabled = deliveryPromiseConfig.enabled
   const isDeliveryOptionsEnabled =
     deliveryPromiseSettings?.deliveryOptions?.enabled ?? true
+  const isInStockEnabled = deliveryPromiseSettings?.inStock?.enabled ?? false
 
   const selectedFacets = useMemo(
     () => selectedFilterFacets ?? searchState.selectedFacets,
@@ -210,6 +213,25 @@ export function useDeliveryPromise({
     [defaultPickupPoint, selectedFacets]
   )
 
+  const inStockFacet = useMemo(
+    (): Filter_FacetsFragment => ({
+      key: IN_STOCK_FACET_KEY,
+      label: IN_STOCK_FACET_KEY,
+      __typename: 'StoreFacetBoolean',
+      values: [
+        {
+          value: 'true',
+          label: deliveryPromiseSettings?.inStock?.label ?? 'In-stock only',
+          selected: selectedFacets.some(
+            ({ key, value }) => key === IN_STOCK_FACET_KEY && value === 'true'
+          ),
+          quantity: null,
+        },
+      ],
+    }),
+    [deliveryPromiseSettings, selectedFacets]
+  )
+
   const [allDeliveryMethodsFacet, allDeliveryOptionsFacet] = useMemo(
     () => [
       {
@@ -300,101 +322,105 @@ export function useDeliveryPromise({
   const facets = useMemo(() => {
     if (!allFacets) return []
 
-    return !isDeliveryPromiseEnabled || !postalCode
-      ? allFacets.filter(
-          ({ key }) =>
-            key !== SHIPPING_FACET_KEY &&
-            key !== DELIVERY_OPTIONS_FACET_KEY &&
-            key !== DYNAMIC_ESTIMATE_FACET_KEY
-        )
-      : allFacets
-          .filter(({ key }) => key !== DYNAMIC_ESTIMATE_FACET_KEY) // TODO: remove this filter when dynamic estimate is implemented
-          .filter(({ key }) => {
-            if (
-              !isDeliveryOptionsEnabled &&
-              key === DELIVERY_OPTIONS_FACET_KEY
-            ) {
-              return false
-            }
+    if (!isDeliveryPromiseEnabled || !postalCode) {
+      return allFacets.filter(
+        ({ key }) =>
+          key !== SHIPPING_FACET_KEY &&
+          key !== DELIVERY_OPTIONS_FACET_KEY &&
+          key !== DYNAMIC_ESTIMATE_FACET_KEY
+      )
+    }
 
-            return true
-          })
-          .map((facet) => {
-            if (facet.__typename !== 'StoreFacetBoolean') return facet
+    const filteredFacets = allFacets
+      .filter(({ key }) => key !== DYNAMIC_ESTIMATE_FACET_KEY) // TODO: remove this filter when dynamic estimate is implemented
+      .filter(({ key }) => {
+        if (!isDeliveryOptionsEnabled && key === DELIVERY_OPTIONS_FACET_KEY) {
+          return false
+        }
 
-            if (facet.key === DELIVERY_OPTIONS_FACET_KEY) {
-              facet.values = withUniqueFacet(
-                facet.values,
-                allDeliveryOptionsFacet
-              )
+        return true
+      })
 
-              return facet
-            }
+    if (
+      isInStockEnabled &&
+      !filteredFacets.find(({ key }) => key === IN_STOCK_FACET_KEY) &&
+      filteredFacets.find(({ key }) => key === SHIPPING_FACET_KEY) // Avoid adding in-stock facet if IS doesn't return any shipping facet
+    ) {
+      filteredFacets.push(inStockFacet)
+    }
 
-            if (facet.key !== SHIPPING_FACET_KEY) return facet
+    return filteredFacets
+      .map((facet) => {
+        if (facet.__typename !== 'StoreFacetBoolean') return facet
 
-            facet.values = withUniqueFacet(
-              facet.values,
-              allDeliveryMethodsFacet
-            )
-            const pickupInPointFacetIndex = facet.values.findIndex(
-              (item) => item?.value === PICKUP_IN_POINT_FACET_VALUE
-            )
+        if (facet.key === DELIVERY_OPTIONS_FACET_KEY) {
+          facet.values = withUniqueFacet(facet.values, allDeliveryOptionsFacet)
 
-            // Remove old pickup `pickup in point` facet from list and search state
-            if (pickupInPointFacetIndex !== -1 && !defaultPickupPoint) {
-              const selectedShippingFacet = selectedFacets.find(
-                ({ key }) => key === SHIPPING_FACET_KEY
-              )
-
-              if (selectedShippingFacet) {
-                const selectedPickupInPointFacets = selectedFacets.filter(
-                  ({ key, value }) =>
-                    value === PICKUP_IN_POINT_FACET_VALUE ||
-                    key === PICKUP_POINT_FACET_KEY
-                )
-
-                selectedPickupInPointFacets.length
-                  ? onDeliveryFacetChange({
-                      facets: selectedPickupInPointFacets,
-                    })
-                  : onDeliveryFacetChange({ facet: selectedShippingFacet })
-              }
-
-              // Removes pickupInPointIndex from array
-              facet.values = facet.values.filter(
-                (_, index) => index !== pickupInPointFacetIndex
-              )
-            }
-            // Prevent multiple `pickup in point` facet
-            else if (pickupInPointFacetIndex === -1 && defaultPickupPoint) {
-              facet.values.push(pickupInPointFacet)
-            }
-            // Replace current `pickup-in-point` facet with the updated one
-            else if (
-              facet.values[pickupInPointFacetIndex] &&
-              facet.values[pickupInPointFacetIndex]?.label !==
-                pickupInPointFacet.label
-            ) {
-              facet.values[pickupInPointFacetIndex] = pickupInPointFacet
-            }
+          return facet
+        }
+
+        if (facet.key !== SHIPPING_FACET_KEY) return facet
+
+        facet.values = withUniqueFacet(facet.values, allDeliveryMethodsFacet)
+        const pickupInPointFacetIndex = facet.values.findIndex(
+          (item) => item?.value === PICKUP_IN_POINT_FACET_VALUE
+        )
 
-            facet.values = facet.values.sort((a, b) =>
-              (a.value ?? '').localeCompare(b.value ?? '')
+        // Remove old pickup `pickup in point` facet from list and search state
+        if (pickupInPointFacetIndex !== -1 && !defaultPickupPoint) {
+          const selectedShippingFacet = selectedFacets.find(
+            ({ key }) => key === SHIPPING_FACET_KEY
+          )
+
+          if (selectedShippingFacet) {
+            const selectedPickupInPointFacets = selectedFacets.filter(
+              ({ key, value }) =>
+                value === PICKUP_IN_POINT_FACET_VALUE ||
+                key === PICKUP_POINT_FACET_KEY
             )
 
-            return facet
-          })
-          .sort((a, b) => {
-            // Define priority order: shipping (0), delivery-options (1), others (2)
-            const getPriority = (key: string) => {
-              if (key === SHIPPING_FACET_KEY) return 0
-              if (key === DELIVERY_OPTIONS_FACET_KEY) return 1
-              return 2
-            }
+            selectedPickupInPointFacets.length
+              ? onDeliveryFacetChange({
+                  facets: selectedPickupInPointFacets,
+                })
+              : onDeliveryFacetChange({ facet: selectedShippingFacet })
+          }
+
+          // Removes pickupInPointIndex from array
+          facet.values = facet.values.filter(
+            (_, index) => index !== pickupInPointFacetIndex
+          )
+        }
+        // Prevent multiple `pickup in point` facet
+        else if (pickupInPointFacetIndex === -1 && defaultPickupPoint) {
+          facet.values.push(pickupInPointFacet)
+        }
+        // Replace current `pickup-in-point` facet with the updated one
+        else if (
+          facet.values[pickupInPointFacetIndex] &&
+          facet.values[pickupInPointFacetIndex]?.label !==
+            pickupInPointFacet.label
+        ) {
+          facet.values[pickupInPointFacetIndex] = pickupInPointFacet
+        }
+
+        facet.values = facet.values.sort((a, b) =>
+          (a.value ?? '').localeCompare(b.value ?? '')
+        )
 
-            return getPriority(a.key) - getPriority(b.key)
-          })
+        return facet
+      })
+      .sort((a, b) => {
+        // Define priority order: shipping (0), delivery-options (1), in-stock (2), others (3)
+        const getPriority = (key: string) => {
+          if (key === SHIPPING_FACET_KEY) return 0
+          if (key === DELIVERY_OPTIONS_FACET_KEY) return 1
+          if (key === IN_STOCK_FACET_KEY) return 2
+          return 3
+        }
+
+        return getPriority(a.key) - getPriority(b.key)
+      })
   }, [
     allDeliveryMethodsFacet,
     pickupInPointFacet,
@@ -441,6 +467,15 @@ export function useDeliveryPromise({
     []
   )
 
+  const labelsMap = {
+    [SHIPPING_FACET_KEY]:
+      deliveryPromiseSettings?.deliveryMethods?.title ?? 'Delivery',
+    [DELIVERY_OPTIONS_FACET_KEY]:
+      deliveryPromiseSettings?.deliveryOptions?.title ?? 'Delivery Option',
+    [IN_STOCK_FACET_KEY]:
+      deliveryPromiseSettings?.inStock?.title ?? 'Availability',
+  }
+
   function getBadgeLabel(value: DeliveryType, isAvailable: boolean) {
     const labelMap: Record<
       DeliveryType,
@@ -539,10 +574,7 @@ export function useDeliveryPromise({
     facets,
     onPostalCodeChange,
     onDeliveryFacetChange,
-    deliveryLabel:
-      deliveryPromiseSettings?.deliveryMethods?.title ?? 'Delivery',
-    deliveryOptionsLabel:
-      deliveryPromiseSettings?.deliveryOptions?.title ?? 'Delivery Option',
+    labelsMap,
     isPickupAllEnabled:
       pickupPoints?.length > 0 &&
       (deliveryPromiseSettings?.deliveryMethods?.pickupAll?.enabled ?? false),
@@ -552,12 +584,12 @@ export function useDeliveryPromise({
   }
 }
 
-type BoleanFacet = Extract<
+type BooleanFacet = Extract<
   Filter_FacetsFragment,
   { __typename: 'StoreFacetBoolean' }
 >['values'][number]
 
-function withUniqueFacet(facets: Array<BoleanFacet>, facet: BoleanFacet) {
+function withUniqueFacet(facets: Array<BooleanFacet>, facet: BooleanFacet) {
   return [facet, ...facets.filter((item) => item.value !== facet.value)]
 }
 

package/src/utils/globalSettings.ts

@@ -70,6 +70,11 @@ type DeliveryPromiseCmsData = {
     pickupInPoint?: string
     pickupInPointUnavailable?: string
   }
+  inStock?: {
+    enabled?: boolean
+    title?: string
+    label?: string
+  }
 }
 
 export function getGlobalSettings(

package/.next/static/chunks/3155.8ff6efc44151971f.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3155],{2430:function(e,t,a){a.d(t,{Z:function(){return FilterDeliveryMethodFacet}});var n=a(6652),r=a(9009),l=a(7358),i=a(4018),o=a(1549);function FilterDeliveryMethodFacet(e){var t,a,c,u,d,s,{item:m,deliveryMethods:f}=e,{city:v,postalCode:p}=l.Qf.read(),{openRegionSlider:b}=(0,n.l8)(),h=v?"".concat((0,i._W)(v),", ").concat(p):p,x={delivery:null!==(t=null==f?void 0:f.delivery)&&void 0!==t?t:"Shipping to","pickup-in-point":null!==(a=null==f?void 0:f.pickupInPoint)&&void 0!==a?a:"Pickup at","pickup-nearby":null!==(c=null==f?void 0:f.pickupNearby)&&void 0!==c?c:"Pickup Nearby","pickup-all":null!==(u=null==f?void 0:null===(d=f.pickupAll)||void 0===d?void 0:d.label)&&void 0!==u?u:"Pickup Anywhere"};return"delivery"===m.value?(0,o.jsxs)(o.Fragment,{children:[x[m.value],(0,o.jsx)(r.Z,{"data-fs-filter-list-item-button":!0,size:"small",onClick:()=>{b(n.gK.changeLocation)},children:h})]}):"pickup-in-point"===m.value?(0,o.jsxs)(o.Fragment,{children:[x[m.value],(0,o.jsx)(r.Z,{"data-fs-filter-list-item-button":!0,size:"small",onClick:()=>{b(n.gK.changePickupPoint)},children:m.label})]}):(0,o.jsx)(o.Fragment,{children:null!==(s=x[m.value])&&void 0!==s?s:m.label})}},3155:function(e,t,a){a.r(t),a.d(t,{fragment:function(){return E}});var n=a(5487),r=a(9029),l=a(9664),i=a(6652),o=a(5699),c=a(4199),u=a(9009),d=a(2614),s=a(2815),m=a(6174),f=a(2230),v=a(643),p=a(2011),b=a(3303),h=a(2430),x=a(1549),E=n.j9;t.default=function(e){var t,a,n,{facets:E,testId:y,dispatch:g,expanded:Z,title:k}=e,M=(0,b.T)(),{deliveryPromise:w}=null!=M?M:{},{resetInfiniteScroll:C,state:$,setState:N}=(0,r.R)(),{openRegionSlider:F}=(0,i.l8)(),{facets:A,deliveryLabel:S,deliveryOptionsLabel:R,isPickupAllEnabled:I,shouldDisplayDeliveryButton:j,onDeliveryFacetChange:P}=(0,p.z0)({allFacets:E,selectedFilterFacets:$.selectedFacets,deliveryPromiseSettings:w});return(0,x.jsx)(x.Fragment,{children:(0,x.jsxs)(o.Z,{testId:"desktop-".concat(y),title:k,indicesExpanded:Z,onAccordionChange:e=>g({type:"toggleExpanded",payload:e}),children:[j&&(0,x.jsx)(c.Z,{testId:y,index:0,type:"",label:S,description:null==w?void 0:null===(t=w.deliveryMethods)||void 0===t?void 0:t.description,children:(0,x.jsx)(u.Z,{"data-fs-filter-list-delivery-button":!0,variant:"secondary",onClick:()=>F(i.gK.setLocation),icon:(0,x.jsx)(d.Z,{name:"MapPin"}),children:null!==(a=null==w?void 0:null===(n=w.deliveryMethods)||void 0===n?void 0:n.setLocationButtonLabel)&&void 0!==a?a:"Set Location"})},"".concat(y,"-delivery-unset")),A.map((e,t)=>{var a,n=j?t+1:t,{__typename:r,label:i}=e,o=Z.has(n),u="shipping"===e.key,d="delivery-options"===e.key,b=u?S:d?R:i;return(0,x.jsxs)(c.Z,{testId:y,index:n,type:r,label:b,description:u?null==w?void 0:null===(a=w.deliveryMethods)||void 0===a?void 0:a.description:void 0,children:["StoreFacetBoolean"===r&&o&&(0,x.jsx)(s.Z,{children:e.values.map(t=>(t.value!==p.d||I)&&(0,x.jsx)(m.Z,{id:"".concat(y,"-").concat(e.label,"-").concat(t.value),testId:y,onFacetChange:e=>{P({facet:e}),C(0)},selected:t.selected,value:t.value,quantity:t.quantity,facetKey:e.key,label:u?(0,x.jsx)(h.Z,{item:t,deliveryMethods:null==w?void 0:w.deliveryMethods}):t.label,type:u||d?"radio":"checkbox"},"".concat(y,"-").concat(e.label,"-").concat(t.value)))}),"StoreFacetRange"===r&&o&&(0,x.jsx)(f.Z,{facetKey:e.key,min:e.min,max:e.max,formatter:"price"===e.key.toLowerCase()?v.P:void 0,onFacetChange:e=>{N({selectedFacets:(0,l.uL)($.selectedFacets,e,!0),page:0}),C(0)}})]},"".concat(y,"-").concat(b,"-").concat(n))})]})})}},2740:function(e,t,a){var n=a(4194);let r=(0,n.forwardRef)(function({testId:e="fs-checkbox",partial:t,...a},r){return n.createElement("input",{ref:r,"data-fs-checkbox":!0,"data-testid":e,"data-fs-checkbox-partial":t,type:"checkbox",...a})});t.Z=r},6735:function(e,t,a){var n=a(4194);let r=(0,n.forwardRef)(function({testId:e="fs-radio",...t},a){return n.createElement("input",{ref:a,"data-fs-radio":!0,type:"radio","data-testid":e,...t})});t.Z=r},9395:function(e,t,a){var n=a(4194);let percent=(e,t,a)=>Math.round((e-t)/(a-t)*100),r=(0,n.forwardRef)(function({min:e,max:t,absoluteValuesLabel:a,onChange:r,onEnd:l,testId:i="fs-slider",getAriaValueText:o,step:c,minValueLabelComponent:u,maxValueLabelComponent:d,...s},m){let f=(0,n.useMemo)(()=>(t.absolute-e.absolute)/100,[t.absolute,e.absolute]),[v,p]=(0,n.useState)(()=>percent(e.selected,e.absolute,t.absolute)),[b,h]=(0,n.useState)(()=>percent(t.selected,e.absolute,t.absolute)),[x,E]=(0,n.useState)(()=>Math.floor(e.absolute+v*f)),[y,g]=(0,n.useState)(()=>Math.round(e.absolute+b*f));return(0,n.useImperativeHandle)(m,()=>({setSliderValues:a=>{let n=Math.min(Number(a.min),y);if(E(n),p(percent(n,e.absolute,t.absolute)),a.max>t.absolute){g(t.absolute),h(percent(t.absolute,e.absolute,t.absolute));return}let r=Math.max(Number(a.max),x);g(r),h(percent(r,e.absolute,t.absolute))}})),n.createElement("div",{"data-fs-slider":!0,"data-testid":i,...s},n.createElement("div",{"data-fs-slider-absolute-values":!0},n.createElement("span",null,a.min),n.createElement("span",null,a.max)),n.createElement("div",{"data-fs-slider-wrapper":!0},n.createElement("div",{"data-fs-slider-range":!0,style:{left:`${v}%`,width:`${b-v}%`}}),n.createElement("input",{type:"range",min:Math.floor(e.absolute),max:Math.round(t.absolute),value:x,step:c,onMouseUp:()=>l?.({min:x,max:y}),onTouchEnd:()=>l?.({min:x,max:y}),onChange:a=>{let n=Math.min(Number(a.target.value),y);E(n),p(percent(n,e.absolute,t.absolute)),r?.({min:n,max:y})},"data-fs-slider-thumb":"left","aria-valuemin":e.absolute,"aria-valuemax":t.absolute,"aria-valuenow":x,"aria-label":String(x),"aria-labelledby":o?.(x,"min")}),u&&n.createElement("span",{"data-fs-slider-value-label":"min",style:{left:`calc(${x/t.absolute*100}% + (${8-.2*(x/t.absolute*100)}px))`}},u(x)),n.createElement("input",{type:"range",min:Math.floor(e.absolute),max:Math.round(t.absolute),value:y,step:c,onMouseUp:()=>l?.({min:x,max:y}),onTouchEnd:()=>l?.({min:x,max:y}),onChange:a=>{let n=Math.max(Number(a.target.value),x);g(n),h(percent(n,e.absolute,t.absolute)),r?.({min:x,max:n})},"data-fs-slider-thumb":"right","aria-valuemin":e.absolute,"aria-valuemax":t.absolute,"aria-valuenow":y,"aria-label":String(y),"aria-labelledby":o?.(y,"max")}),d&&n.createElement("span",{"data-fs-slider-value-label":"max",style:{left:`calc(${y/t.absolute*100}% + (${8-.2*(y/t.absolute*100)}px))`}},d(y))))});t.Z=r},1516:function(e,t,a){a.d(t,{A:function(){return useAccordion}});var n=a(4194);let r=(0,n.createContext)(void 0),l=(0,n.forwardRef)(function({testId:e="fs-accordion",indices:t,onChange:a,children:l,...i},o){let c=n.Children.map(l,(e,t)=>{if(e)return(0,n.cloneElement)(e,{index:e.props.index??t})}),u={indices:new Set(t),onChange:a,numberOfItems:c.length};return n.createElement(r.Provider,{value:u},n.createElement("div",{ref:o,"data-fs-accordion":!0,role:"region","data-testid":e,...i},c))});function useAccordion(){let e=(0,n.useContext)(r);if(void 0===e)throw Error("Do not use Accordion components outside the Accordion context.");return e}t.Z=l},7734:function(e,t,a){var n=a(4194),r=a(1516),l=a(783),i=a(2614),o=a(9009);let c=(0,n.forwardRef)(function({testId:e="fs-accordion-button",expandedIcon:t=n.createElement(i.Z,{name:"MinusCircle","data-icon":"expanded"}),collapsedIcon:a=n.createElement(i.Z,{name:"PlusCircle","data-icon":"collapsed"}),children:c,...u},d){let{indices:s,onChange:m,numberOfItems:f}=(0,r.A)(),{index:v,panel:p,button:b,prefixId:h}=(0,l.D)();return n.createElement(o.Z,{ref:d,id:b,variant:"tertiary","data-fs-accordion-button":s.has(v)?"expanded":"collapsed","aria-expanded":s.has(v),icon:s.has(v)?t:a,iconPosition:"right","aria-controls":p,onKeyDown:e=>{if(["ArrowDown","ArrowUp"].includes(e.key))switch(e.key){case"ArrowDown":e.preventDefault(),(()=>{let e=Number(v)+1===f?0:Number(v)+1;return document.getElementById(`${h&&`${h}-`}button--${e}`)})()?.focus();break;case"ArrowUp":e.preventDefault(),(()=>{let e=Number(v)-1<0?f-1:Number(v)-1;return document.getElementById(`${h&&`${h}-`}button--${e}`)})()?.focus()}},onClick:()=>{m(v)},"data-testid":e,...u},c)});t.Z=c},783:function(e,t,a){a.d(t,{D:function(){return useAccordionItem}});var n=a(4194);let r=(0,n.createContext)(void 0),l=(0,n.forwardRef)(function({prefixId:e="",index:t=0,as:a,children:l,testId:i="fs-accordion-item",...o},c){let u=a??"div",d={index:t,prefixId:e,panel:`${e&&`${e}-`}panel--${t}`,button:`${e&&`${e}-`}button--${t}`};return n.createElement(r.Provider,{value:d},n.createElement(u,{ref:c,"data-fs-accordion-item":!0,"data-testid":i,...o},l))});function useAccordionItem(){let e=(0,n.useContext)(r);if(void 0===e)throw Error("Do not use AccordionItem components outside the AccordionItem context.");return e}t.Z=l},7583:function(e,t,a){var n=a(4194),r=a(1516),l=a(783);let i=(0,n.forwardRef)(function({testId:e="fs-accordion-panel",children:t,...a},i){let{indices:o}=(0,r.A)(),{index:c,button:u,panel:d}=(0,l.D)();return n.createElement("div",{ref:i,id:d,"data-fs-accordion-panel":!0,"aria-labelledby":u,role:"region",hidden:!o.has(c),"data-testid":e,...a},t)});t.Z=i},5737:function(e,t,a){var n=a(4194),r=a(1953),l=a(6735);let i=(0,n.forwardRef)(function({testId:e="fs-radio-field",id:t,label:a,value:i,name:o,...c},u){return n.createElement("div",{ref:u,"data-fs-radio-field":!0,"data-testid":e},n.createElement(l.Z,{id:t,value:"string"==typeof a?a:i,name:o,...c}),n.createElement(r.Z,{htmlFor:t},a))});t.Z=i},5699:function(e,t,a){var n=a(4194),r=a(1516);t.Z=function({testId:e,title:t,indicesExpanded:a,onAccordionChange:l,children:i}){return n.createElement("div",{"data-fs-filter":!0,"data-testid":e},n.createElement("h2",{"data-fs-filter-title":!0},t),n.createElement(r.Z,{indices:a,onChange:l,"data-fs-filter-accordion":!0},i))}},2815:function(e,t,a){var n=a(4194),r=a(4564);t.Z=function({children:e}){return n.createElement(r.Z,{"data-fs-filter-list":!0},e)}},6174:function(e,t,a){var n=a(4194),r=a(2740),l=a(1953),i=a(276),o=a(5737);t.Z=function({testId:e,id:t,selected:a,value:c,quantity:u,facetKey:d,label:s,type:m="checkbox",onFacetChange:f}){return n.createElement("li",{key:t,"data-fs-filter-list-item":!0},"checkbox"===m?n.createElement(n.Fragment,null,n.createElement(r.Z,{id:t,checked:a,onChange:()=>f({key:d,value:c},"BOOLEAN"),"data-fs-filter-list-item-checkbox":!0,"data-testid":`${e}-accordion-panel-checkbox`,"data-value":c,"data-quantity":u}),n.createElement(l.Z,{htmlFor:t,className:"text__title-mini-alt","data-fs-filter-list-item-label":!0},s," ",n.createElement(i.Z,{"data-fs-filter-list-item-badge":!0},u))):n.createElement(o.Z,{id:t,name:d,value:c,checked:a,onChange:()=>f({key:d,value:c},"BOOLEAN"),"data-fs-filter-list-item-radio":!0,"data-testid":`${e}-accordion-panel-radio`,"data-value":c,label:s}))}},2230:function(e,t,a){var n=a(4194),r=a(8110);let formatRange=(e,t)=>`${e.toFixed(2)}-to-${t.toFixed(2)}`;t.Z=function({min:e,max:t,formatter:a,facetKey:l,onFacetChange:i}){return n.createElement(r.Z,{"data-fs-filter-facet-range":!0,min:e,max:t,formatter:a,step:1,onEnd:e=>i({key:l,value:formatRange(e.min,e.max)},"RANGE")})}},4199:function(e,t,a){var n=a(4194),r=a(783),l=a(7734),i=a(7583);t.Z=function({testId:e,label:t,index:a,children:o,type:c,description:u}){return n.createElement(r.Z,{key:`${t}-${a}`,prefixId:e,testId:`${e}-accordion`,index:a,"data-type":c,"data-fs-filter-accordion-item":!0},n.createElement(l.Z,{testId:`${e}-accordion-button`},t),n.createElement(i.Z,null,u&&n.createElement("span",{"data-fs-filter-accordion-item-description":!0},u),o))}},8110:function(e,t,a){var n=a(4194),r=a(9395),l=a(9767),i=a(3779);let o=(0,n.forwardRef)(function({formatter:e,max:t,min:a,step:o=1,onChange:c,onEnd:u,testId:d="fs-price-range",variant:s,"aria-label":m,...f},v){let p=(0,n.useRef)();(0,n.useImperativeHandle)(v,()=>({setPriceRangeValues:e=>{c?.(e),p.current?.setSliderValues(e)}}));let b=(0,n.useRef)(null),h=(0,n.useRef)(null),[x,E]=(0,n.useState)(),[y,g]=(0,n.useState)(),[Z,k]=(0,n.useState)({min:Math.floor(a.selected),max:Math.round(t.selected)});return n.createElement("div",{"data-fs-price-range":!0,"data-testid":d,...f},n.createElement(r.Z,{ref:p,min:a,max:t,step:o,onEnd:e=>{u?.(e),E(void 0),g(void 0),k({min:e.min,max:e.max}),b.current?.value&&(b.current.value=String(e.min)),h.current?.value&&(h.current.value=String(e.max))},"aria-label":m,onChange:e=>c?.(e),absoluteValuesLabel:{min:n.createElement(l.Z,{value:Math.floor(a.absolute),variant:s,formatter:e}),max:n.createElement(l.Z,{value:Math.round(t.absolute),variant:s,formatter:e})},minValueLabelComponent:t=>n.createElement(l.Z,{value:t,variant:s,formatter:e}),maxValueLabelComponent:t=>n.createElement(l.Z,{value:t,variant:s,formatter:e})}),n.createElement("div",{"data-fs-price-range-inputs":!0},n.createElement(i.Z,{id:"price-range-min",step:o,label:"Min",type:"number",inputMode:"numeric",error:x,inputRef:b,min:Math.floor(a.absolute),max:Z.max,value:Z.min,onChange:e=>{var t;return t=e.target.value,void(E(void 0),Number(t)<Math.floor(a.absolute)||(Number(t)>Math.floor(Z.max)&&E("Min price can't be greater than max"),k({...Z,min:Number(t)}),p.current?.setSliderValues({...Z,min:Number(t)})))},onBlur:()=>!x&&u?.(Z)}),n.createElement(i.Z,{id:"price-range-max",label:"Max",step:o,type:"number",inputMode:"numeric",error:y,inputRef:h,max:Math.round(t.absolute),min:Z.min,value:Z.max,onChange:e=>{var a;return a=e.target.value,void(g(void 0),Number(a)>Math.round(t.absolute)||(Number(a)<Math.round(Z.min)&&g("Max price can't be smaller than min"),k({...Z,max:Number(a)}),p.current?.setSliderValues({...Z,max:Number(a)})))},onBlur:()=>!y&&u?.(Z)})))});t.Z=o}}]);