@faststore/core 2.1.56 → 2.1.59

package/.next/server/chunks/{934.js → 253.js}

@@ -1,8 +1,8 @@
-exports.id = 934;
-exports.ids = [934];
+exports.id = 253;
+exports.ids = [253];
 exports.modules = {
 
-/***/ 5934:
+/***/ 49253:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -14,12 +14,13 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
 var Link = __webpack_require__(51093);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(82185);
+var Icon = __webpack_require__(25045);
 // EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
-var Link_Link = __webpack_require__(18595);
+var Link_Link = __webpack_require__(87865);
 ;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/contexts/DropdownContext.js
 
 const defaultState = {
@@ -95,12 +96,12 @@ const Dropdown = ({ children, isOpen: isOpenDefault = false, onDismiss, id = 'fs
             id,
         };
     }, [close, id, isOpen, onDismiss, toggle]);
-    return (external_react_.createElement(contexts_DropdownContext.Provider, { value: value }, children));
+    return (external_react_default().createElement(contexts_DropdownContext.Provider, { value: value }, children));
 };
 /* harmony default export */ const Dropdown_Dropdown = (Dropdown);
 //# sourceMappingURL=Dropdown.js.map
 // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(33815);
+var Button = __webpack_require__(57578);
 ;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/hooks/useDropdown.js
 
 
@@ -125,7 +126,7 @@ const DropdownButton = (0,external_react_.forwardRef)(function DropdownButton({
     (0,external_react_.useImperativeHandle)(ref, () => dropdownButtonRef.current, [
         dropdownButtonRef,
     ]);
-    return (external_react_.createElement(Button/* default */.Z, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: 'tertiary', ...otherProps }, children));
+    return (external_react_default().createElement(Button/* default */.Z, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: 'tertiary', ...otherProps }, children));
 });
 /* harmony default export */ const Dropdown_DropdownButton = (DropdownButton);
 //# sourceMappingURL=DropdownButton.js.map
@@ -170,7 +171,7 @@ const useDropdownPosition = () => {
 const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular', style, ...otherProps }) => {
     const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, dropdownButtonRef, id } = useDropdown();
     const dropdownPosition = useDropdownPosition();
-    const childrenLength = external_react_.Children.toArray(children).length;
+    const childrenLength = external_react_default().Children.toArray(children).length;
     const handleDownPress = () => {
         if (selectedDropdownItemIndexRef.current < childrenLength - 1) {
             selectedDropdownItemIndexRef.current++;
@@ -218,8 +219,8 @@ const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular',
         return null;
     };
     return isOpen
-        ? (0,external_react_dom_.createPortal)(external_react_.createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
-            external_react_.createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
+        ? (0,external_react_dom_.createPortal)(external_react_default().createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
+            external_react_default().createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
         : clearChildrenReferences();
 };
 /* harmony default export */ const Dropdown_DropdownMenu = (DropdownMenu);
@@ -247,14 +248,14 @@ const DropdownItem = (0,external_react_.forwardRef)(function Button({ children,
         close?.();
     };
     (0,external_react_.useImperativeHandle)(ref, () => dropdownItemRef.current, []);
-    return (external_react_.createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
+    return (external_react_default().createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
         !!icon && icon,
         children));
 });
 /* harmony default export */ const Dropdown_DropdownItem = (DropdownItem);
 //# sourceMappingURL=DropdownItem.js.map
 // EXTERNAL MODULE: ../components/dist/atoms/List/List.js
-var List = __webpack_require__(58823);
+var List = __webpack_require__(41329);
 ;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/Divider.js
 
 const Divider = ({ divider, testId }) => {
@@ -263,10 +264,10 @@ const Divider = ({ divider, testId }) => {
         'aria-hidden': true,
         'data-testid': `${testId}-divider`,
     };
-    if (external_react_.isValidElement(divider)) {
-        return external_react_.cloneElement(divider, props);
+    if (external_react_default().isValidElement(divider)) {
+        return external_react_default().cloneElement(divider, props);
     }
-    return external_react_.createElement("span", { ...props }, divider ?? '/');
+    return external_react_default().createElement("span", { ...props }, divider ?? '/');
 };
 /* harmony default export */ const Breadcrumb_Divider = (Divider);
 //# sourceMappingURL=Divider.js.map
@@ -279,15 +280,15 @@ const ListItem = ({ children, isLastItem, divider, testId }) => {
         'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
         'aria-current': isLastItem ? 'page' : undefined,
     };
-    if (!external_react_.isValidElement(children)) {
-        return (external_react_.createElement("li", { "data-fs-breadcrumb-list-item": true },
-            external_react_.createElement("span", { ...props },
+    if (!external_react_default().isValidElement(children)) {
+        return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
+            external_react_default().createElement("span", { ...props },
                 children,
-                isLastItem ? null : external_react_.createElement(Breadcrumb_Divider, { divider: divider, testId: testId }))));
+                isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId }))));
     }
-    return (external_react_.createElement("li", { "data-fs-breadcrumb-list-item": true },
-        external_react_.cloneElement(children, props),
-        isLastItem ? null : external_react_.createElement(Breadcrumb_Divider, { divider: divider, testId: testId })));
+    return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
+        external_react_default().cloneElement(children, props),
+        isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId })));
 };
 /* harmony default export */ const Breadcrumb_ListItem = (ListItem);
 //# sourceMappingURL=ListItem.js.map
@@ -296,10 +297,10 @@ const ListItem = ({ children, isLastItem, divider, testId }) => {
 
 
 const BreadcrumbPure = (0,external_react_.forwardRef)(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
-    return (external_react_.createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
-        external_react_.createElement(List/* default */.Z, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, external_react_.Children.toArray(children).map((child, index, childrenArray) => {
+    return (external_react_default().createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement(List/* default */.Z, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, external_react_default().Children.toArray(children).map((child, index, childrenArray) => {
             const isLastItem = index === childrenArray.length - 1;
-            return (external_react_.createElement(Breadcrumb_ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
+            return (external_react_default().createElement(Breadcrumb_ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
         }))));
 });
 /* harmony default export */ const Breadcrumb_BreadcrumbPure = (BreadcrumbPure);
@@ -310,7 +311,7 @@ const BreadcrumbPure = (0,external_react_.forwardRef)(function BreadcrumbPure({
 
 
 
-const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = external_react_.createElement(Icon/* default */.Z, { name: "DotsThree" }), collapsedItemsIcon = (external_react_.createElement(Icon/* default */.Z, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
+const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = external_react_default().createElement(Icon/* default */.Z, { name: "DotsThree" }), collapsedItemsIcon = (external_react_default().createElement(Icon/* default */.Z, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
     const firstItem = isDesktop ? breadcrumbList[0] : null;
     const mediumItems = isDesktop
         ? breadcrumbList.slice(1, -2)
@@ -329,23 +330,23 @@ const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({
         return breadcrumbItem ? ((0,external_react_.cloneElement)(breadcrumbItem, {
             ...itemProps,
             key: renderLinkProps.itemProps.position,
-        })) : (external_react_.createElement(Link_Link/* default */.Z, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
+        })) : (external_react_default().createElement(Link_Link/* default */.Z, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
     }, [renderLink]);
-    return (external_react_.createElement(Breadcrumb_BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
+    return (external_react_default().createElement(Breadcrumb_BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
         homeLink,
         !collapseBreadcrumb &&
             breadcrumbList.map((item, index) => {
-                return breadcrumbList.length === index + 1 ? (external_react_.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+                return breadcrumbList.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
             }),
         collapseBreadcrumb &&
             firstItem &&
             breadcrumbLink({ itemProps: firstItem, collapsed: false }),
-        collapseBreadcrumb && (external_react_.createElement(Dropdown_Dropdown, null,
-            external_react_.createElement(Dropdown_DropdownButton, { "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
-            external_react_.createElement(Dropdown_DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (external_react_.createElement(Dropdown_DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
+        collapseBreadcrumb && (external_react_default().createElement(Dropdown_Dropdown, null,
+            external_react_default().createElement(Dropdown_DropdownButton, { "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
+            external_react_default().createElement(Dropdown_DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (external_react_default().createElement(Dropdown_DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
         collapseBreadcrumb &&
             lastItems.map((item, index) => {
-                return lastItems.length === index + 1 ? (external_react_.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+                return lastItems.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
             })));
 });
 /* harmony default export */ const Breadcrumb_BreadcrumbBase = (BreadcrumbBase);
@@ -353,9 +354,9 @@ const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({
 ;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/Breadcrumb.js
 
 
-const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (external_react_.createElement(external_react_.Fragment, null,
-    external_react_.createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
-    external_react_.createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
+const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (external_react_default().createElement((external_react_default()).Fragment, null,
+    external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
+    external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
 /* harmony default export */ const Breadcrumb_Breadcrumb = (Breadcrumb);
 //# sourceMappingURL=Breadcrumb.js.map
 // EXTERNAL MODULE: ./src/utils/overrides.ts

package/.next/server/chunks/{581.js → 269.js}

@@ -1,9 +1,118 @@
 "use strict";
-exports.id = 581;
-exports.ids = [581];
+exports.id = 269;
+exports.ids = [269];
 exports.modules = {
 
-/***/ 853:
+/***/ 2928:
+/***/ ((__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__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
+    const styles = {
+        width: size.width,
+        height: size.height,
+    };
+    return loading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+//# sourceMappingURL=Skeleton.js.map
+
+/***/ }),
+
+/***/ 89875:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ DiscountBadge_DiscountBadge)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
+var Badge = __webpack_require__(10044);
+;// CONCATENATED MODULE: ../components/dist/molecules/DiscountBadge/useDiscountPercent.js
+
+const useDiscountPercent = (listPrice, spotPrice) => {
+    return (0,external_react_.useMemo)(() => {
+        const diff = listPrice - spotPrice;
+        const discount = (diff * 100) / listPrice;
+        return Math.round(discount);
+    }, [spotPrice, listPrice]);
+};
+//# sourceMappingURL=useDiscountPercent.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/DiscountBadge/DiscountBadge.js
+
+
+
+const DiscountBadge = ({ listPrice, spotPrice, thresholdLow = 15, thresholdHigh = 40, size, testId = 'fs-discount-badge', }) => {
+    const discountPercent = useDiscountPercent(listPrice, spotPrice);
+    if (discountPercent === 0) {
+        return external_react_default().createElement((external_react_default()).Fragment, null);
+    }
+    const discountVariant = discountPercent <= thresholdLow
+        ? 'low'
+        : discountPercent <= thresholdHigh
+            ? 'medium'
+            : 'high';
+    return (external_react_default().createElement(Badge/* default */.Z, { "data-fs-discount-badge": true, "data-fs-discount-badge-variant": discountVariant, size: size, "data-testid": testId },
+        discountPercent,
+        "% off"));
+};
+/* harmony default export */ const DiscountBadge_DiscountBadge = (DiscountBadge);
+//# sourceMappingURL=DiscountBadge.js.map
+
+/***/ }),
+
+/***/ 40783:
+/***/ ((__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__(16689);
+/* 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__(25045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82765);
+/* harmony import */ var _atoms_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41329);
+
+
+
+const Rating = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
+    const [hover, setHover] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
+    const outlineProps = { 'data-fs-rating-icon-outline': true };
+    const ratingIcon = react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? icon : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star" });
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms_List__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { ref: ref, "data-fs-rating": true, "data-fs-rating-actionable": typeof onChange === 'function', "data-testid": testId, ...otherProps }, Array.from({ length }).map((_, index) => {
+        const tempIndex = index + 1;
+        const fillCheck = () => {
+            if (tempIndex <= (hover || value)) {
+                return 'full';
+            }
+            if (tempIndex - value > 0 && tempIndex - value < 1) {
+                return 'partial';
+            }
+            return 'empty';
+        };
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
+                onChange(tempIndex);
+            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
+            react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(icon) ? (react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(icon, outlineProps)) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star", "data-fs-rating-icon-outline": true }))))));
+    })));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rating);
+//# sourceMappingURL=Rating.js.map
+
+/***/ }),
+
+/***/ 56475:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -14,53 +123,54 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 ;// CONCATENATED MODULE: ../components/dist/molecules/ProductCard/ProductCard.js
 
 const ProductCard = (0,external_react_.forwardRef)(function ProductCard({ testId = 'fs-product-card', variant = 'default', bordered = false, outOfStock, children, ...otherProps }, ref) {
-    return (external_react_.createElement("article", { ref: ref, "data-fs-product-card": outOfStock ? 'out-of-stock' : '', "data-fs-product-card-variant": variant, "data-fs-product-card-bordered": bordered, "data-testid": testId, ...otherProps }, children));
+    return (external_react_default().createElement("article", { ref: ref, "data-fs-product-card": outOfStock ? 'out-of-stock' : '', "data-fs-product-card-variant": variant, "data-fs-product-card-bordered": bordered, "data-testid": testId, ...otherProps }, children));
 });
 /* harmony default export */ const ProductCard_ProductCard = (ProductCard);
 //# sourceMappingURL=ProductCard.js.map
 ;// CONCATENATED MODULE: ../components/dist/molecules/ProductCard/ProductCardImage.js
 
 const ProductCardImage = (0,external_react_.forwardRef)(function ProductCardImage({ testId = 'fs-product-card-image', aspectRatio = 1, children, ...otherProps }, ref) {
-    return (external_react_.createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
             '--fs-product-card-image-aspect-ratio': aspectRatio
         }, ...otherProps }, children));
 });
 /* harmony default export */ const ProductCard_ProductCardImage = (ProductCardImage);
 //# sourceMappingURL=ProductCardImage.js.map
 // EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
-var Link = __webpack_require__(18595);
+var Link = __webpack_require__(87865);
 // EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
-var Price = __webpack_require__(23556);
+var Price = __webpack_require__(57549);
 // EXTERNAL MODULE: ../components/dist/molecules/Rating/Rating.js
-var Rating = __webpack_require__(57092);
+var Rating = __webpack_require__(40783);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(82185);
+var Icon = __webpack_require__(25045);
 // EXTERNAL MODULE: ../components/dist/molecules/DiscountBadge/DiscountBadge.js + 1 modules
-var DiscountBadge = __webpack_require__(5316);
+var DiscountBadge = __webpack_require__(89875);
 // EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
-var Badge = __webpack_require__(87197);
+var Badge = __webpack_require__(10044);
 // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(33815);
+var Button = __webpack_require__(57578);
 ;// CONCATENATED MODULE: ../components/dist/molecules/ProductCard/ProductCardContent.js
 
 
 const ProductCardContent = (0,external_react_.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
-    return (external_react_.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
-        external_react_.createElement("div", { "data-fs-product-card-heading": true },
-            external_react_.createElement("h3", { "data-fs-product-card-title": true },
-                external_react_.createElement(Link/* default */.Z, { ...linkProps, title: title },
-                    external_react_.createElement("span", null, title))),
-            external_react_.createElement("div", { "data-fs-product-card-prices": true },
-                external_react_.createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
-                external_react_.createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
-            ratingValue && (external_react_.createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_.createElement(Icon/* default */.Z, { name: "Star" }) }))),
-        showDiscountBadge && !outOfStock && (external_react_.createElement(DiscountBadge/* default */.Z, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
-        outOfStock && external_react_.createElement(Badge/* default */.Z, null, outOfStockLabel),
-        onButtonClick && !outOfStock && (external_react_.createElement("div", { "data-fs-product-card-actions": true },
-            external_react_.createElement(Button/* default */.Z, { variant: "primary", icon: external_react_.createElement(Icon/* default */.Z, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
+    return (external_react_default().createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-product-card-heading": true },
+            external_react_default().createElement("h3", { "data-fs-product-card-title": true },
+                external_react_default().createElement(Link/* default */.Z, { ...linkProps, title: title },
+                    external_react_default().createElement("span", null, title))),
+            external_react_default().createElement("div", { "data-fs-product-card-prices": true },
+                external_react_default().createElement(Price/* default */.Z, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
+                external_react_default().createElement(Price/* default */.Z, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
+            ratingValue && (external_react_default().createElement(Rating/* default */.Z, { value: ratingValue, icon: external_react_default().createElement(Icon/* default */.Z, { name: "Star" }) }))),
+        showDiscountBadge && !outOfStock && (external_react_default().createElement(DiscountBadge/* default */.Z, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
+        outOfStock && external_react_default().createElement(Badge/* default */.Z, null, outOfStockLabel),
+        onButtonClick && !outOfStock && (external_react_default().createElement("div", { "data-fs-product-card-actions": true },
+            external_react_default().createElement(Button/* default */.Z, { variant: "primary", icon: external_react_default().createElement(Icon/* default */.Z, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
 });
 /* harmony default export */ const ProductCard_ProductCardContent = (ProductCardContent);
 //# sourceMappingURL=ProductCardContent.js.map
@@ -188,7 +298,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(78416);
+var Skeleton = __webpack_require__(2928);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
@@ -401,112 +511,6 @@ const useProductsQueryPrefetch = (variables, options) => {
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
-
-/***/ 78416:
-/***/ ((__unused_webpack___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__(16689);
-
-const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
-    const styles = {
-        width: size.width,
-        height: size.height,
-    };
-    return loading ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
-//# sourceMappingURL=Skeleton.js.map
-
-/***/ }),
-
-/***/ 5316:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ DiscountBadge_DiscountBadge)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
-var Badge = __webpack_require__(87197);
-;// CONCATENATED MODULE: ../components/dist/molecules/DiscountBadge/useDiscountPercent.js
-
-const useDiscountPercent = (listPrice, spotPrice) => {
-    return (0,external_react_.useMemo)(() => {
-        const diff = listPrice - spotPrice;
-        const discount = (diff * 100) / listPrice;
-        return Math.round(discount);
-    }, [spotPrice, listPrice]);
-};
-//# sourceMappingURL=useDiscountPercent.js.map
-;// CONCATENATED MODULE: ../components/dist/molecules/DiscountBadge/DiscountBadge.js
-
-
-
-const DiscountBadge = ({ listPrice, spotPrice, thresholdLow = 15, thresholdHigh = 40, size, testId = 'fs-discount-badge', }) => {
-    const discountPercent = useDiscountPercent(listPrice, spotPrice);
-    if (discountPercent === 0) {
-        return external_react_.createElement(external_react_.Fragment, null);
-    }
-    const discountVariant = discountPercent <= thresholdLow
-        ? 'low'
-        : discountPercent <= thresholdHigh
-            ? 'medium'
-            : 'high';
-    return (external_react_.createElement(Badge/* default */.Z, { "data-fs-discount-badge": true, "data-fs-discount-badge-variant": discountVariant, size: size, "data-testid": testId },
-        discountPercent,
-        "% off"));
-};
-/* harmony default export */ const DiscountBadge_DiscountBadge = (DiscountBadge);
-//# sourceMappingURL=DiscountBadge.js.map
-
-/***/ }),
-
-/***/ 57092:
-/***/ ((__unused_webpack___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__(16689);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82185);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(90518);
-/* harmony import */ var _atoms_List__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(58823);
-
-
-
-const Rating = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
-    const [hover, setHover] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
-    const outlineProps = { 'data-fs-rating-icon-outline': true };
-    const ratingIcon = react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(icon) ? icon : react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star" });
-    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_atoms_List__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { ref: ref, "data-fs-rating": true, "data-fs-rating-actionable": typeof onChange === 'function', "data-testid": testId, ...otherProps }, Array.from({ length }).map((_, index) => {
-        const tempIndex = index + 1;
-        const fillCheck = () => {
-            if (tempIndex <= (hover || value)) {
-                return 'full';
-            }
-            if (tempIndex - value > 0 && tempIndex - value < 1) {
-                return 'partial';
-            }
-            return 'empty';
-        };
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
-                onChange(tempIndex);
-            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
-            react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(icon) ? (react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(icon, outlineProps)) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "Star", "data-fs-rating-icon-outline": true }))))));
-    })));
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rating);
-//# sourceMappingURL=Rating.js.map
-
 /***/ })
 
 };

package/.next/server/chunks/287.js

@@ -0,0 +1,58 @@
+"use strict";
+exports.id = 287;
+exports.ids = [287];
+exports.modules = {
+
+/***/ 57216:
+/***/ ((__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__(16689);
+/* 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
+
+/***/ }),
+
+/***/ 28287:
+/***/ ((__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__(16689);
+/* 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__(875);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57216);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82765);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57578);
+
+
+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
+
+/***/ })
+
+};
+;

package/.next/server/chunks/289.js

@@ -3,7 +3,7 @@ exports.id = 289;
 exports.ids = [289];
 exports.modules = {
 
-/***/ 24934:
+/***/ 84436:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -14,17 +14,18 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 ;// CONCATENATED MODULE: ../components/dist/organisms/ProductGrid/ProductGrid.js
 
 const ProductGrid = (0,external_react_.forwardRef)(function ProductGridItem({ testId = 'fs-product-grid', children, ...otherProps }, ref) {
-    return (external_react_.createElement("ul", { ref: ref, "data-fs-product-grid": true, ...otherProps }, children));
+    return (external_react_default().createElement("ul", { ref: ref, "data-fs-product-grid": true, ...otherProps }, children));
 });
 /* harmony default export */ const ProductGrid_ProductGrid = (ProductGrid);
 //# sourceMappingURL=ProductGrid.js.map
 ;// CONCATENATED MODULE: ../components/dist/organisms/ProductGrid/ProductGridItem.js
 
 const ProductGridItem = (0,external_react_.forwardRef)(function ProductGridItem({ testId = 'fs-product-grid-item', children, ...otherProps }, ref) {
-    return (external_react_.createElement("li", { ref: ref, "data-fs-product-grid-item": true, ...otherProps }, children));
+    return (external_react_default().createElement("li", { ref: ref, "data-fs-product-grid-item": true, ...otherProps }, children));
 });
 /* harmony default export */ const ProductGrid_ProductGridItem = (ProductGridItem);
 //# sourceMappingURL=ProductGridItem.js.map
@@ -96,7 +97,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _faststore_sdk__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(73221);
-/* harmony import */ var src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(24934);
+/* harmony import */ var src_components_product_ProductGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(84436);
 /* harmony import */ var src_sdk_search_Sentinel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1566);
 /* harmony import */ var _usePageProducts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49521);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20997);