@faststore/core 2.2.57 → 2.2.58

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 $ yarn partytown & yarn generate && next build
-$ faststore generate-graphql -c
 $ partytown copylib ./public/~partytown
+$ faststore generate-graphql -c
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 success - GraphQL schema, types, and optimizations successfully generated 🎉
 warn  - You have enabled experimental feature (scrollRestoration) in next.config.js.
@@ -38,28 +38,28 @@ info  - Generating static pages (7/7)
 info  - Finalizing page optimization...
 
 Route (pages)                              Size     First Load JS
-┌ ● /                                      6.61 kB         127 kB
+┌ ● /                                      6.23 kB         133 kB
 ├   └ css/cf062feb79245123.css             8.38 kB
 ├   /_app                                  0 B            83.7 kB
-├ ● /[...slug]                             7.35 kB         139 kB
+├ ● /[...slug]                             7.35 kB         145 kB
 ├   └ css/0dc997f9da3027b7.css             8.8 kB
-├ ● /[slug]/p                              14.5 kB         135 kB
-├   └ css/cbccabebb36f7f92.css             13.3 kB
-├ ○ /404                                   1.19 kB         122 kB
-├ ● /500                                   1.21 kB         122 kB
-├ ● /account                               677 B           121 kB
+├ ● /[slug]/p                              8.02 kB         135 kB
+├   └ css/f2ab72459fcdabcc.css             5.4 kB
+├ ○ /404                                   1.19 kB         128 kB
+├ ● /500                                   1.21 kB         128 kB
+├ ● /account                               677 B           128 kB
 ├ λ /api/graphql                           0 B            83.7 kB
 ├ λ /api/health/live                       0 B            83.7 kB
 ├ λ /api/health/ready                      0 B            83.7 kB
 ├ λ /api/preview                           0 B            83.7 kB
-├ ● /checkout                              662 B           121 kB
-├ ● /login                                 1.14 kB         122 kB
-└ ● /s                                     1.38 kB         133 kB
+├ ● /checkout                              662 B           128 kB
+├ ● /login                                 1.14 kB         128 kB
+└ ● /s                                     1.38 kB         139 kB
 + First Load JS shared by all              86.8 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-e4e873ee741162eb.js        24.2 kB
   ├ chunks/pages/_app-30b9666307e4b3b1.js  12.1 kB
-  ├ chunks/webpack-ec84ae4e89cebb1f.js     2.23 kB
+  ├ chunks/webpack-3382def1b25b17f8.js     2.23 kB
   └ css/5d1f64b61ea581f4.css               3.05 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,23 +1,23 @@
 $ jest
-PASS test/server/index.test.ts (21.422 s)
+PASS test/server/index.test.ts (21.563 s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (6 ms)
-      ✓ should return a valid GraphQL schema contain all expected types (12 ms)
+      ✓ should return a valid GraphQL schema (11 ms)
+      ✓ should return a valid GraphQL schema contain all expected types (6 ms)
       ✓ should return a valid GraphQL schema contain all expected queries (1 ms)
-      ✓ should return a valid GraphQL schema contain all expected mutations (1 ms)
+      ✓ should return a valid GraphQL schema contain all expected mutations
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (7 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (9 ms)
     Third Party API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (6 ms)
+      ✓ getTypeDefsFromFolder function should return an Array (7 ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (28 ms)
+      ✓ should return a valid merged GraphQL schema (44 ms)
     Envelop
-      ✓ should exist with its plugins (24 ms)
-      ✓ should handle options and execute (211 ms)
+      ✓ should exist with its plugins (42 ms)
+      ✓ should handle options and execute (133 ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        21.572 s
+Time:        21.631 s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.57",
+  "version": "2.2.58",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -123,5 +123,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "93d8ac4811b96182c66f3d3d112eb4ceb430e691"
+  "gitHead": "c91481382943a5f0ac98414f4aa287179688a978"
 }

package/src/components/sections/ProductDetails/DefaultComponents.ts

@@ -0,0 +1,34 @@
+import {
+  ProductTitle as UIProductTitle,
+  DiscountBadge as UIDiscountBadge,
+  BuyButton as UIBuyButton,
+  SkuSelector as UISkuSelector,
+  ShippingSimulation as UIShippingSimulation,
+  Icon as UIIcon,
+  Price as UIPrice,
+  QuantitySelector as UIQuantitySelector,
+  ImageGalleryViewer as UIImageGalleryViewer,
+  ImageGallery as UIImageGallery,
+} from '@faststore/ui'
+
+import LocalImageGallery from 'src/components/ui/ImageGallery'
+import LocalShippingSimulation from 'src/components/ui/ShippingSimulation/ShippingSimulation'
+import { Image } from 'src/components/ui/Image'
+import LocalNotAvailableButton from 'src/components/product/NotAvailableButton'
+
+export const ProductDetailsDefaultComponents = {
+  ProductTitle: UIProductTitle,
+  DiscountBadge: UIDiscountBadge,
+  BuyButton: UIBuyButton,
+  Icon: UIIcon,
+  Price: UIPrice,
+  QuantitySelector: UIQuantitySelector,
+  SkuSelector: UISkuSelector,
+  ShippingSimulation: UIShippingSimulation,
+  ImageGallery: UIImageGallery,
+  ImageGalleryViewer: UIImageGalleryViewer,
+  __experimentalImageGalleryImage: Image,
+  __experimentalImageGallery: LocalImageGallery,
+  __experimentalShippingSimulation: LocalShippingSimulation,
+  __experimentalNotAvailableButton: LocalNotAvailableButton,
+}

package/src/components/sections/ProductDetails/OverriddenDefaultProductDetails.ts

@@ -0,0 +1,12 @@
+import { override } from 'src/customizations/src/components/overrides/ProductDetails'
+import { getOverriddenSection } from 'src/sdk/overrides/getOverriddenSection'
+import type { SectionOverrideDefinition } from 'src/typings/overridesDefinition'
+
+/**
+ * This component exists to support overrides 1.0
+ *
+ * This allows users to override the default ProductDetails section present in the Headless CMS
+ */
+export const OverriddenDefaultProductDetails = getOverriddenSection(
+  override as SectionOverrideDefinition<'ProductDetails'>
+)

package/src/components/sections/ProductDetails/ProductDetails.tsx

@@ -14,15 +14,8 @@ import { ProductDetailsSettings } from 'src/components/ui/ProductDetails'
 
 import styles from './section.module.scss'
 
-import {
-  DiscountBadge,
-  ProductTitle,
-  __experimentalImageGallery as ImageGallery,
-  __experimentalShippingSimulation as ShippingSimulation,
-  __experimentalNotAvailableButton as NotAvailableButton,
-} from 'src/components/sections/ProductDetails/Overrides'
-
 import { usePDP } from 'src/sdk/overrides/PageProvider'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 export interface ProductDetailsProps {
   productTitle: {
@@ -61,35 +54,29 @@ export interface ProductDetailsProps {
 function ProductDetails({
   productTitle: {
     refNumber: showRefNumber,
-    discountBadge: {
-      showDiscountBadge,
-      size: discountBadgeSize = DiscountBadge.props.size,
-    },
+    discountBadge: { showDiscountBadge, size: discountBadgeSize },
   },
   buyButton: { icon: buyButtonIcon, title: buyButtonTitle },
   shippingSimulator: {
-    title: shippingSimulatorTitle = ShippingSimulation.props.title,
-    inputLabel: shippingSimulatorInputLabel = ShippingSimulation.props
-      .inputLabel,
-    shippingOptionsTableTitle:
-      shippingSimulatorOptionsTableTitle = ShippingSimulation.props
-        .optionsLabel,
-    link: {
-      to: shippingSimulatorLinkUrl = ShippingSimulation.props
-        .idkPostalCodeLinkProps?.href,
-      text: shippingSimulatorLinkText = ShippingSimulation.props
-        .idkPostalCodeLinkProps?.children,
-    },
+    title: shippingSimulatorTitle,
+    inputLabel: shippingSimulatorInputLabel,
+    shippingOptionsTableTitle: shippingSimulatorOptionsTableTitle,
+    link: { to: shippingSimulatorLinkUrl, text: shippingSimulatorLinkText },
   },
   productDescription: {
     title: productDescriptionDetailsTitle,
     initiallyExpanded: productDescriptionInitiallyExpanded,
     displayDescription: shouldDisplayProductDescription,
   },
-  notAvailableButton: {
-    title: notAvailableButtonTitle = NotAvailableButton.props.title,
-  },
+  notAvailableButton: { title: notAvailableButtonTitle },
 }: ProductDetailsProps) {
+  const {
+    DiscountBadge,
+    ProductTitle,
+    __experimentalImageGallery: ImageGallery,
+    __experimentalShippingSimulation: ShippingSimulation,
+    __experimentalNotAvailableButton: NotAvailableButton,
+  } = useOverrideComponents<'ProductDetails'>()
   const { currency } = useSession()
   const [quantity, setQuantity] = useState(1)
   const context = usePDP()
@@ -168,7 +155,7 @@ function ProductDetails({
                 showDiscountBadge && (
                   <DiscountBadge.Component
                     {...DiscountBadge.props}
-                    size={discountBadgeSize}
+                    size={discountBadgeSize ?? DiscountBadge.props.size}
                     // Dynamic props shouldn't be overridable
                     // This decision can be reviewed later if needed
                     listPrice={listPrice}
@@ -196,7 +183,9 @@ function ProductDetails({
                 quantity={quantity}
                 setQuantity={setQuantity}
                 buyButtonIcon={buyButtonIcon}
-                notAvailableButtonTitle={notAvailableButtonTitle}
+                notAvailableButtonTitle={
+                  notAvailableButtonTitle ?? NotAvailableButton.props.title
+                }
               />
             </section>
 
@@ -208,17 +197,27 @@ function ProductDetails({
                 {...ShippingSimulation.props}
                 idkPostalCodeLinkProps={{
                   ...ShippingSimulation.props.idkPostalCodeLinkProps,
-                  href: shippingSimulatorLinkUrl,
-                  children: shippingSimulatorLinkText,
+                  href:
+                    shippingSimulatorLinkUrl ??
+                    ShippingSimulation.props.idkPostalCodeLinkProps?.href,
+                  children:
+                    shippingSimulatorLinkText ??
+                    ShippingSimulation.props.idkPostalCodeLinkProps?.children,
                 }}
                 productShippingInfo={{
                   id,
                   quantity,
                   seller: seller.identifier,
                 }}
-                title={shippingSimulatorTitle}
-                inputLabel={shippingSimulatorInputLabel}
-                optionsLabel={shippingSimulatorOptionsTableTitle}
+                title={shippingSimulatorTitle ?? ShippingSimulation.props.title}
+                inputLabel={
+                  shippingSimulatorInputLabel ??
+                  ShippingSimulation.props.inputLabel
+                }
+                optionsLabel={
+                  shippingSimulatorOptionsTableTitle ??
+                  ShippingSimulation.props.optionsLabel
+                }
               />
             )}
           </section>

package/src/components/ui/ImageGallery/ImageGallery.tsx

@@ -2,15 +2,13 @@ import { useEffect, useState } from 'react'
 
 import { useRouter } from 'next/router'
 
-import {
-  ImageGallery as ImageGalleryWrapper,
-  ImageGalleryViewer,
-  __experimentalImageGalleryImage as Image,
-} from 'src/components/sections/ProductDetails/Overrides'
-
 import type { ImageGalleryProps as UIImageGalleryProps } from '@faststore/ui'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 const ImageComponent = ({ url, alternateName }) => {
+  const { __experimentalImageGalleryImage: Image } =
+    useOverrideComponents<'ProductDetails'>()
+
   return (
     <Image.Component src={url} alt={alternateName} width={68} height={68} />
   )
@@ -21,6 +19,12 @@ export interface ImageGalleryProps {
 }
 
 const ImageGallery = ({ images, ...otherProps }: ImageGalleryProps) => {
+  const {
+    ImageGallery: ImageGalleryWrapper,
+    ImageGalleryViewer,
+    __experimentalImageGalleryImage: Image,
+  } = useOverrideComponents<'ProductDetails'>()
+
   const [selectedImageIdx, setSelectedImageIdx] = useState(0)
   const currentImage = images[selectedImageIdx] ?? images[0]
   const dynamicRoute = useRouter().asPath

package/src/components/ui/ProductDetails/ProductDetailsSettings.tsx

@@ -9,13 +9,7 @@ import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
 import Selectors from 'src/components/ui/SkuSelector'
 import AddToCartLoadingSkeleton from './AddToCartLoadingSkeleton'
 
-import {
-  BuyButton,
-  Icon,
-  Price,
-  QuantitySelector,
-  __experimentalNotAvailableButton as NotAvailableButton,
-} from 'src/components/sections/ProductDetails/Overrides'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 interface ProductDetailsSettingsProps {
   product: ProductDetailsFragment_ProductFragment
@@ -36,12 +30,17 @@ function ProductDetailsSettings({
   isValidating,
   quantity,
   setQuantity,
-  buyButtonIcon: {
-    icon: buyButtonIconName = Icon.props.name,
-    alt: buyButtonIconAlt = Icon.props['aria-label'],
-  },
+  buyButtonIcon: { icon: buyButtonIconName, alt: buyButtonIconAlt },
   notAvailableButtonTitle,
 }: ProductDetailsSettingsProps) {
+  const {
+    BuyButton,
+    Icon,
+    Price,
+    QuantitySelector,
+    __experimentalNotAvailableButton: NotAvailableButton,
+  } = useOverrideComponents<'ProductDetails'>()
+
   const {
     id,
     sku,
@@ -96,8 +95,8 @@ function ProductDetailsSettings({
         icon={
           <Icon.Component
             {...Icon.props}
-            name={buyButtonIconName}
-            aria-label={buyButtonIconAlt}
+            name={buyButtonIconName ?? Icon.props.name}
+            aria-label={buyButtonIconAlt ?? Icon.props['aria-label']}
           />
         }
         {...buyProps}

package/src/components/ui/ShippingSimulation/ShippingSimulation.tsx

@@ -1,9 +1,8 @@
 import { ShippingSimulationProps as UIShippingSimulationProps } from '@faststore/ui'
 
-import { useSession } from 'src/sdk/session'
 import { useShippingSimulation } from 'src/sdk/shipping/useShippingSimulation'
 
-import { ShippingSimulation as ShippingSimulationWrapper } from 'src/components/sections/ProductDetails/Overrides'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 type ShippingSimulationOptionalProps =
   | 'title'
@@ -31,6 +30,9 @@ export default function ShippingSimulation({
   idkPostalCodeLinkProps,
   ...otherProps
 }: ShippingSimulationProps) {
+  const { ShippingSimulation: ShippingSimulationWrapper } =
+    useOverrideComponents<'ProductDetails'>()
+
   const {
     input,
     shippingSimulation,

package/src/components/ui/SkuSelector/Selectors.tsx

@@ -4,7 +4,7 @@ import { SkuSelectorProps } from '@faststore/ui'
 import NextLink from 'next/link'
 import { Image } from '../Image'
 
-import { SkuSelector } from 'src/components/sections/ProductDetails/Overrides'
+import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 
 export type SkuVariantsByName = Record<
   string,
@@ -38,6 +38,8 @@ function Selectors({
   availableVariations,
   ...otherProps
 }: Props) {
+  const { SkuSelector } = useOverrideComponents<'ProductDetails'>()
+
   return (
     <section {...otherProps}>
       {availableVariations &&

package/src/pages/[slug]/p.tsx

@@ -15,7 +15,7 @@ import BannerNewsletter from 'src/components/sections/BannerNewsletter/BannerNew
 import { OverriddenDefaultBannerText as BannerText } from 'src/components/sections/BannerText/OverriddenDefaultBannerText'
 import Breadcrumb from 'src/components/sections/Breadcrumb'
 import { OverriddenDefaultCrossSellingShelf as CrossSellingShelf } from 'src/components/sections/CrossSellingShelf/OverriddenDefaultCrossSellingShelf'
-import ProductDetails from 'src/components/sections/ProductDetails'
+import { OverriddenDefaultProductDetails as ProductDetails } from 'src/components/sections/ProductDetails/OverriddenDefaultProductDetails'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import { useSession } from 'src/sdk/session'
 import { mark } from 'src/sdk/tests/mark'

package/src/sdk/overrides/sections.tsx

@@ -3,6 +3,7 @@ import BannerText from '../../components/sections/BannerText'
 import Hero from '../../components/sections/Hero'
 import ProductShelf from '../../components/sections/ProductShelf'
 import CrossSellingShelf from '../../components/sections/CrossSellingShelf'
+import ProductDetails from '../../components/sections/ProductDetails'
 
 import type { DefaultSectionComponentsDefinitions } from '../../typings/overridesDefinition'
 import type { SectionsOverrides } from '../../typings/overrides'
@@ -11,12 +12,14 @@ import { BannerTextDefaultComponents } from '../../components/sections/BannerTex
 import { CrossSellingShelfDefaultComponents } from 'src/components/sections/CrossSellingShelf/DefaultComponents'
 import { HeroDefaultComponents } from '../../components/sections/Hero/DefaultComponents'
 import { ProductShelfDefaultComponents } from '../../components/sections/ProductShelf/DefaultComponents'
+import { ProductDetailsDefaultComponents } from '../../components/sections/ProductDetails/DefaultComponents'
 
 export const Sections = {
   Alert,
   BannerText,
   CrossSellingShelf,
   Hero,
+  ProductDetails,
   ProductShelf,
 }
 
@@ -28,7 +31,8 @@ export const DefaultComponents: Partial<
 > = {
   Alert: AlertDefaultComponents,
   BannerText: BannerTextDefaultComponents,
+  CrossSellingShelf: CrossSellingShelfDefaultComponents,
   Hero: HeroDefaultComponents,
+  ProductDetails: ProductDetailsDefaultComponents,
   ProductShelf: ProductShelfDefaultComponents,
-  CrossSellingShelf: CrossSellingShelfDefaultComponents,
 }

package/src/typings/overrides.ts

@@ -49,7 +49,7 @@ export type SectionOverride = {
 /** TODO: every use of this type should be replaced by SectionsOverrides after all sections are supported */
 export type SupportedSectionsOverridesV2 = Pick<
   SectionsOverrides,
-  'Alert' | 'BannerText' | 'CrossSellingShelf' | 'Hero' | 'ProductShelf'
+  'Alert' | 'BannerText' | 'CrossSellingShelf' | 'Hero' | 'ProductShelf' | 'ProductDetails'
 >
 
 /**

package/.next/server/chunks/693.js

@@ -1,58 +0,0 @@
-"use strict";
-exports.id = 693;
-exports.ids = [693];
-exports.modules = {
-
-/***/ 6693:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7041);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2614);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2256);
-
-
-const QuantitySelector = ({ max, min = 1, initial, disabled = false, onChange, testId = 'fs-quantity-selector', ...otherProps }) => {
-    const [quantity, setQuantity] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initial ?? min);
-    const isLeftDisabled = quantity === min;
-    const isRightDisabled = quantity === max;
-    const changeQuantity = (increaseValue) => {
-        const quantityValue = validateQuantityBounds(quantity + increaseValue);
-        onChange?.(quantityValue);
-        setQuantity(quantityValue);
-    };
-    const increase = () => changeQuantity(1);
-    const decrease = () => changeQuantity(-1);
-    function validateQuantityBounds(n) {
-        const maxValue = min ? Math.max(n, min) : n;
-        return max ? Math.min(maxValue, max) : maxValue;
-    }
-    function validateInput(e) {
-        const val = e.currentTarget.value;
-        if (!Number.isNaN(Number(val))) {
-            setQuantity(() => {
-                const quantityValue = validateQuantityBounds(Number(val));
-                onChange?.(quantityValue);
-                return quantityValue;
-            });
-        }
-    }
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-        initial && setQuantity(initial);
-    }, [initial]);
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-quantity-selector": disabled ? 'disabled' : 'true', "data-testid": testId, ...otherProps },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "left", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Minus", width: 16, height: 16, weight: "bold" }), "aria-label": "Decrement Quantity", "aria-controls": "quantity-selector-input", disabled: isLeftDisabled || disabled, onClick: decrease, testId: `${testId}-left-button`, size: "small" }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-quantity-selector-input": true, id: "quantity-selector-input", "aria-label": "Quantity", value: quantity, onChange: validateInput, disabled: disabled }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "right", "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", disabled: isRightDisabled || disabled, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Plus", width: 16, height: 16, weight: "bold" }), onClick: increase, testId: `${testId}-right-button`, size: "small" })));
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuantitySelector);
-//# sourceMappingURL=QuantitySelector.js.map
-
-/***/ })
-
-};
-;

package/.next/server/chunks/779.js

@@ -1,58 +0,0 @@
-"use strict";
-exports.id = 779;
-exports.ids = [779];
-exports.modules = {
-
-/***/ 1953:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const Label = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Label({ testId = 'fs-label', children, ...otherProps }, ref) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { ref: ref, "data-fs-label": true, "data-testid": testId, ...otherProps }, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
-//# sourceMappingURL=Label.js.map
-
-/***/ }),
-
-/***/ 3779:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2256);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1953);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7041);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2614);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3339);
-
-
-const InputField = ({ id, label, type = 'text', error, displayClearButton, actionable, buttonActionText = 'Apply', onSubmit, onClear, placeholder = ' ', // initializes with an empty space to style float label using `placeholder-shown`
-inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
-    const shouldDisplayError = !disabled && error && error !== '';
-    const shouldDisplayButton = actionable && !disabled && value !== '';
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-input-field": true, "data-fs-input-field-actionable": actionable, "data-fs-input-field-error": error && error !== '', "data-testid": testId },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { id: id, type: type, value: value, ref: inputRef, disabled: disabled, placeholder: placeholder, ...otherProps }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { htmlFor: id }, label),
-        shouldDisplayButton &&
-            (displayClearButton || error ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { size: "small", "aria-label": "Clear Field", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { name: "XCircle" }), onClick: () => {
-                    onClear?.();
-                    inputRef?.current?.focus();
-                } })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { variant: "tertiary", size: "small", onClick: onSubmit }, buttonActionText))),
-        shouldDisplayError && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { "data-fs-input-field-error-message": true }, error))));
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputField);
-//# sourceMappingURL=InputField.js.map
-
-/***/ })
-
-};
-;