@faststore/core 2.1.53 → 2.1.55

package/.next/server/chunks/{721.js → 430.js}

@@ -1,8 +1,8 @@
-exports.id = 721;
-exports.ids = [721];
+exports.id = 430;
+exports.ids = [430];
 exports.modules = {
 
-/***/ 47537:
+/***/ 35645:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -16,14 +16,13 @@ __webpack_require__.d(__webpack_exports__, {
 var Image = __webpack_require__(79266);
 // 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/Hero/Hero.js
 
 const HeroContext = (0,external_react_.createContext)(undefined);
 const Hero = (0,external_react_.forwardRef)(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
     const context = { variant, colorVariant };
-    return (external_react_default().createElement(HeroContext.Provider, { value: context },
-        external_react_default().createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+    return (external_react_.createElement(HeroContext.Provider, { value: context },
+        external_react_.createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
 });
 function useHero() {
     const context = (0,external_react_.useContext)(HeroContext);
@@ -37,27 +36,27 @@ function useHero() {
 ;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroImage.js
 
 const HeroImage = (0,external_react_.forwardRef)(function HeroImage({ children, testId = 'fs-hero-image', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
+    return (external_react_.createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
 });
 /* harmony default export */ const Hero_HeroImage = (HeroImage);
 //# sourceMappingURL=HeroImage.js.map
 // EXTERNAL MODULE: ../components/dist/molecules/LinkButton/LinkButton.js
-var LinkButton = __webpack_require__(67703);
+var LinkButton = __webpack_require__(46481);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
+var Icon = __webpack_require__(82185);
 ;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroHeader.js
 
 
 
 const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
     const { variant, colorVariant } = useHero();
-    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
-        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
-            external_react_default().createElement("div", { "data-fs-hero-info": true },
-                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
-                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
-                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
-            !!icon && variant === 'secondary' && (external_react_default().createElement("span", { "data-fs-hero-icon": true }, icon)))));
+    return (external_react_.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        external_react_.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
+            external_react_.createElement("div", { "data-fs-hero-info": true },
+                external_react_.createElement("h1", { "data-fs-hero-title": true }, title),
+                external_react_.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (external_react_.createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_.createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
+            !!icon && variant === 'secondary' && (external_react_.createElement("span", { "data-fs-hero-icon": true }, icon)))));
 });
 /* harmony default export */ const Hero_HeroHeader = (HeroHeader);
 //# sourceMappingURL=HeroHeader.js.map
@@ -156,7 +155,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ./src/components/ui/Incentives/Incentives.tsx + 1 modules
-var Incentives = __webpack_require__(73477);
+var Incentives = __webpack_require__(33571);
 // EXTERNAL MODULE: ./src/components/sections/Section/index.ts
 var Section = __webpack_require__(57067);
 // EXTERNAL MODULE: ./src/components/sections/Incentives/section.module.scss
@@ -268,9 +267,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19785);
 /* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(56475);
+/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(853);
 /* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(40638);
-/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65534);
+/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5984);
 /* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55184);
 /* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24867);
 /* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(57067);
@@ -419,7 +418,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ./src/components/ui/Tiles/index.ts + 3 modules
-var Tiles = __webpack_require__(65534);
+var Tiles = __webpack_require__(5984);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx
@@ -462,7 +461,7 @@ function ProductTilesSkeleton({
 
 /* harmony default export */ const ProductTilesSkeleton_ProductTilesSkeleton = (ProductTilesSkeleton);
 // EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(2928);
+var Skeleton = __webpack_require__(78416);
 ;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/ProductTileSkeleton.tsx
 
 
@@ -535,7 +534,7 @@ function ProductTileSkeleton({
 
 /***/ }),
 
-/***/ 65534:
+/***/ 5984:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -548,7 +547,6 @@ __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: ../ui/dist/components/organisms/Tiles/Tiles.js
 
 
@@ -565,7 +563,7 @@ const Tiles = (0,external_react_.forwardRef)(function Tiles({ testId = 'store-ti
         : childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
             ? 'expanded-first-two'
             : '';
-    return (external_react_default().createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-fs-content": "tiles", "data-testid": testId, ...otherProps }, children));
+    return (external_react_.createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-fs-content": "tiles", "data-testid": testId, ...otherProps }, children));
 });
 /* harmony default export */ const Tiles_Tiles = (Tiles);
 //# sourceMappingURL=Tiles.js.map
@@ -602,7 +600,7 @@ const Tiles_Tiles_Tiles = _ref => {
 ;// CONCATENATED MODULE: ../ui/dist/components/organisms/Tiles/Tile.js
 
 const Tile = (0,external_react_.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
-    return (external_react_default().createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
+    return (external_react_.createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
 });
 /* harmony default export */ const Tiles_Tile = (Tile);
 //# sourceMappingURL=Tile.js.map

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

@@ -1,118 +1,9 @@
 "use strict";
-exports.id = 269;
-exports.ids = [269];
+exports.id = 581;
+exports.ids = [581];
 exports.modules = {
 
-/***/ 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:
+/***/ 853:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -123,54 +14,53 @@ __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_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));
+    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));
 });
 /* 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_default().createElement("div", { ref: ref, "data-fs-product-card-image": true, "data-testid": testId, style: {
+    return (external_react_.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__(87865);
+var Link = __webpack_require__(18595);
 // EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
-var Price = __webpack_require__(57549);
+var Price = __webpack_require__(23556);
 // EXTERNAL MODULE: ../components/dist/molecules/Rating/Rating.js
-var Rating = __webpack_require__(40783);
+var Rating = __webpack_require__(57092);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
+var Icon = __webpack_require__(82185);
 // EXTERNAL MODULE: ../components/dist/molecules/DiscountBadge/DiscountBadge.js + 1 modules
-var DiscountBadge = __webpack_require__(89875);
+var DiscountBadge = __webpack_require__(5316);
 // EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
-var Badge = __webpack_require__(10044);
+var Badge = __webpack_require__(87197);
 // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(57578);
+var Button = __webpack_require__(33815);
 ;// 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_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)))));
+    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)))));
 });
 /* harmony default export */ const ProductCard_ProductCardContent = (ProductCardContent);
 //# sourceMappingURL=ProductCardContent.js.map
@@ -298,7 +188,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(2928);
+var Skeleton = __webpack_require__(78416);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
@@ -511,6 +401,112 @@ 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
+
 /***/ })
 
 };