@faststore/components 3.0.74 → 3.0.77

package/dist/cjs/molecules/OrderSummary/OrderSummary.d.ts

@@ -30,6 +30,14 @@ export interface OrderSummaryProps extends HTMLAttributes<HTMLUListElement> {
      * Total value of the order.
      */
     totalValue?: string;
+    /**
+     * Enables to include taxes status.
+     */
+    includeTaxes?: boolean;
+    /**
+     * Label to determine if the price is with taxes included.
+     */
+    includeTaxesLabel?: string;
 }
 declare const OrderSummary: React.ForwardRefExoticComponent<OrderSummaryProps & React.RefAttributes<HTMLUListElement>>;
 export default OrderSummary;

package/dist/cjs/molecules/OrderSummary/OrderSummary.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("../../");
-const OrderSummary = (0, react_1.forwardRef)(function OrderSummary({ testId = 'fs-order-summary', subtotalLabel, subtotalValue, discountLabel = 'Discount', discountValue, totalLabel = 'Total', totalValue, ...otherProps }, ref) {
+const OrderSummary = (0, react_1.forwardRef)(function OrderSummary({ testId = 'fs-order-summary', subtotalLabel, subtotalValue, discountLabel = 'Discount', discountValue, totalLabel = 'Total', totalValue, includeTaxes = false, includeTaxesLabel = "Tax included", ...otherProps }, ref) {
     return (react_1.default.createElement(__1.List, { ref: ref, "data-fs-order-summary": true, "data-testid": testId, ...otherProps },
         subtotalValue ? (react_1.default.createElement("li", { "data-fs-order-summary-subtotal": true },
             react_1.default.createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
@@ -13,7 +13,9 @@ const OrderSummary = (0, react_1.forwardRef)(function OrderSummary({ testId = 'f
             react_1.default.createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
         react_1.default.createElement("li", { "data-fs-order-summary-total": true },
             react_1.default.createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
-            react_1.default.createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
+            react_1.default.createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue)),
+        includeTaxes && (react_1.default.createElement("li", { "data-fs-order-summary-taxes-label": true },
+            react_1.default.createElement(__1.Label, null, includeTaxesLabel)))));
 });
 exports.default = OrderSummary;
 //# sourceMappingURL=OrderSummary.js.map

package/dist/cjs/molecules/OrderSummary/OrderSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../../src/molecules/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AAGzC,8BAA6B;AAkC7B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,SAAS,YAAY,CACnB,EACE,MAAM,GAAG,kBAAkB,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,GAAG,UAAU,EAC1B,aAAa,EACb,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,8BAAC,QAAI,IACH,GAAG,EAAE,GAAG,gDAEK,MAAM,KACf,UAAU;QAEb,aAAa,CAAC,CAAC,CAAC,CACf;YACE,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACP,aAAa,CAAC,CAAC,CAAC,CACf;YACE,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACR;YACE,kGAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN;YACP,kGAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN,CACJ,CACA,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../../src/molecules/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AAGzC,8BAAoC;AA0CpC,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,SAAS,YAAY,CACnB,EACE,MAAM,GAAG,kBAAkB,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,GAAG,UAAU,EAC1B,aAAa,EACb,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,iBAAiB,GAAG,cAAc,EAClC,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,8BAAC,QAAI,IACH,GAAG,EAAE,GAAG,gDAEK,MAAM,KACf,UAAU;QAEb,aAAa,CAAC,CAAC,CAAC,CACf;YACE,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACP,aAAa,CAAC,CAAC,CAAC,CACf;YACE,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,qGAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACR;YACE,kGAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN;YACP,kGAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN,CACJ;QACJ,YAAY,IAAI,CACf;YACE,8BAAC,SAAK,QAAE,iBAAiB,CAAS,CAC/B,CACJ,CACE,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,YAAY,CAAA"}

package/dist/cjs/molecules/ProductCard/ProductCardContent.d.ts

@@ -43,6 +43,14 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
      * Callback function when button is clicked.
      */
     onButtonClick?: () => void;
+    /**
+     * Enables to include taxes status.
+     */
+    includeTaxes?: boolean;
+    /**
+     * Label to determine if the price is with taxes included.
+     */
+    includeTaxesLabel?: string;
 }
 declare const ProductCardContent: React.ForwardRefExoticComponent<ProductCardContentProps & React.RefAttributes<HTMLElement>>;
 export default ProductCardContent;

package/dist/cjs/molecules/ProductCard/ProductCardContent.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("../../");
-const ProductCardContent = (0, react_1.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
+const ProductCardContent = (0, react_1.forwardRef)(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, includeTaxes = false, includeTaxesLabel = "Tax included", ...otherProps }, ref) {
     const listingPrice = price?.listPrice ? price.listPrice : 0;
     const sellingPrice = price?.value ? price.value : 0;
     return (react_1.default.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
@@ -12,6 +12,7 @@ const ProductCardContent = (0, react_1.forwardRef)(function CardContent({ testId
                 react_1.default.createElement(__1.Link, { ...linkProps, title: title },
                     react_1.default.createElement("span", null, title))),
             !outOfStock && (react_1.default.createElement(__1.ProductPrice, { "data-fs-product-card-prices": true, value: sellingPrice, listPrice: listingPrice, formatter: price?.formatter })),
+            includeTaxes && (react_1.default.createElement(__1.Label, { "data-fs-product-card-taxes-label": true }, includeTaxesLabel)),
             ratingValue && (react_1.default.createElement(__1.Rating, { value: ratingValue, icon: react_1.default.createElement(__1.Icon, { name: "Star" }) }))),
         showDiscountBadge && !outOfStock && (react_1.default.createElement(__1.DiscountBadge, { listPrice: listingPrice, spotPrice: sellingPrice })),
         outOfStock && react_1.default.createElement(__1.Badge, null, outOfStockLabel),

package/dist/cjs/molecules/ProductCard/ProductCardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAIzC,8BAUe;AA6Cf,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,8BAAC,QAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,4CAAO,KAAK,CAAQ,CACf,CACJ;YACJ,CAAC,UAAU,IAAI,CACd,8BAAC,gBAAY,yCAEX,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,KAAK,EAAE,SAAS,GAC3B,CACH;YACA,WAAW,IAAI,CACd,8BAAC,UAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,8BAAC,QAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,8BAAC,iBAAa,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAI,CACpE;QACA,UAAU,IAAI,8BAAC,SAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,8BAAC,UAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,8BAAC,QAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAIzC,8BAWe;AAqDf,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,iBAAiB,GAAG,cAAc,EAClC,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,8BAAC,QAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,4CAAO,KAAK,CAAQ,CACf,CACJ;YACJ,CAAC,UAAU,IAAI,CACd,8BAAC,gBAAY,yCAEX,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,KAAK,EAAE,SAAS,GAC3B,CACH;YACA,YAAY,IAAI,CACf,8BAAC,SAAK,gDACH,iBAAiB,CACZ,CACT;YACA,WAAW,IAAI,CACd,8BAAC,UAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,8BAAC,QAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,8BAAC,iBAAa,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAI,CACpE;QACA,UAAU,IAAI,8BAAC,SAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,8BAAC,UAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,8BAAC,QAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,kBAAkB,CAAA"}

package/dist/cjs/molecules/SkuSelector/useSkuSlug.js

@@ -8,9 +8,52 @@ function getSkuSlug(slugsMap, selectedVariations, dominantVariation) {
         return slugsMap[slugsMapKey];
     }
     const possibleVariants = Object.keys(slugsMap);
-    const firstVariationForDominantValue = possibleVariants.find((slug) => slug.includes(`${dominantVariation}-${selectedVariations[dominantVariation]}`));
+    const dominantVariationKeyValue = `${dominantVariation}-${selectedVariations[dominantVariation]}`;
+    const slugVariationsForDominantValue = possibleVariants.filter((slug) => slug.includes(dominantVariationKeyValue));
+    const firstVariationForDominantValue = slugVariationsForDominantValue.length > 1
+        ? getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue)
+        : slugVariationsForDominantValue[0];
     return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]];
 }
+/**
+ * This function transforms a slug string into a record object.
+ * e.g. 'Color-Red-Size-40' => { Color: 'Red', Size: '40' }
+ * @param slug
+ * @returns the record object
+ */
+function transformSkuVariationsSlugToRecord(slug) {
+    const obj = {};
+    const parts = slug.split('-');
+    for (let i = 0; i < parts.length; i += 2) {
+        const key = parts[i].trim();
+        const value = parts[i + 1] ? parts[i + 1].trim() : '';
+        obj[key] = value;
+    }
+    return obj;
+}
+/**
+ * This function receives a list of slug variations and a dominant variation key-value pair.
+ * It returns the exact match variation value for the dominant value.
+ * This happens when there are multiple variations filtered by the includes function (e.g. 7 is included in 7 and in 7.5).
+ *
+ *
+ * e.g. given the following params:
+ * slugVariationsForDominantValue = ['Color-Red-Size-7.5', 'Color-Blue-Size-7'],
+ * dominantVariationKeyValue = 'Size-7'.
+ *
+ * The function will return 'Color-Blue-Size-7'.
+ *
+ * @param slugVariationsForDominantValue
+ * @param dominantVariationKeyValue
+ * @returns the best match variation
+ */
+function getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue) {
+    const [dominantKey, dominantValue] = dominantVariationKeyValue.split('-');
+    return slugVariationsForDominantValue.find((slug) => {
+        const slugRecord = transformSkuVariationsSlugToRecord(slug);
+        return slugRecord[dominantKey] === dominantValue;
+    });
+}
 const useSkuSlug = (activeVariations, slugsMap, skuPropertyName, getItemHrefProp) => {
     const getItemHref = (0, react_1.useCallback)((option) => {
         if (getItemHrefProp)

package/dist/cjs/molecules/SkuSelector/useSkuSlug.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AAGnC,SAAS,UAAU,CACjB,QAAgC,EAChC,kBAA0C,EAC1C,iBAAyB;IAEzB,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEvE,IAAI,WAAW,IAAI,QAAQ,EAAE;QAC3B,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAA;KAC7B;IAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE9C,MAAM,8BAA8B,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CACpE,IAAI,CAAC,QAAQ,CACX,GAAG,iBAAiB,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,CAChE,CACF,CAAA;IAED,OAAO,QAAQ,CAAC,8BAA8B,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AACxE,CAAC;AAEM,MAAM,UAAU,GAAG,CACxB,gBAAwC,EACxC,QAAgC,EAChC,eAAuB,EACvB,eAA+C,EAC/C,EAAE;IACF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,MAAiB,EAAE,EAAE;QACpB,IAAG,eAAe;YAAE,OAAO,EAAE,eAAe,EAAE,CAAA;QAE9C,MAAM,eAAe,GAAG,IAAI,UAAU,CACpC,QAAQ,EACR;YACE,GAAG,gBAAgB;YACnB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,KAAK;SAChC,EACD,eAAe,CAChB,IAAI,CAAA;QACL,OAAO,eAAe,CAAA;IACxB,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,CAC/D,CAAA;IACD,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}
+{"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":"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"}

package/dist/esm/molecules/OrderSummary/OrderSummary.d.ts

@@ -30,6 +30,14 @@ export interface OrderSummaryProps extends HTMLAttributes<HTMLUListElement> {
      * Total value of the order.
      */
     totalValue?: string;
+    /**
+     * Enables to include taxes status.
+     */
+    includeTaxes?: boolean;
+    /**
+     * Label to determine if the price is with taxes included.
+     */
+    includeTaxesLabel?: string;
 }
 declare const OrderSummary: React.ForwardRefExoticComponent<OrderSummaryProps & React.RefAttributes<HTMLUListElement>>;
 export default OrderSummary;

package/dist/esm/molecules/OrderSummary/OrderSummary.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
-import { List } from '../../';
-const OrderSummary = forwardRef(function OrderSummary({ testId = 'fs-order-summary', subtotalLabel, subtotalValue, discountLabel = 'Discount', discountValue, totalLabel = 'Total', totalValue, ...otherProps }, ref) {
+import { Label, List } from '../../';
+const OrderSummary = forwardRef(function OrderSummary({ testId = 'fs-order-summary', subtotalLabel, subtotalValue, discountLabel = 'Discount', discountValue, totalLabel = 'Total', totalValue, includeTaxes = false, includeTaxesLabel = "Tax included", ...otherProps }, ref) {
     return (React.createElement(List, { ref: ref, "data-fs-order-summary": true, "data-testid": testId, ...otherProps },
         subtotalValue ? (React.createElement("li", { "data-fs-order-summary-subtotal": true },
             React.createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
@@ -10,7 +10,9 @@ const OrderSummary = forwardRef(function OrderSummary({ testId = 'fs-order-summa
             React.createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
         React.createElement("li", { "data-fs-order-summary-total": true },
             React.createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
-            React.createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
+            React.createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue)),
+        includeTaxes && (React.createElement("li", { "data-fs-order-summary-taxes-label": true },
+            React.createElement(Label, null, includeTaxesLabel)))));
 });
 export default OrderSummary;
 //# sourceMappingURL=OrderSummary.js.map

package/dist/esm/molecules/OrderSummary/OrderSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../../src/molecules/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAkC7B,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EACE,MAAM,GAAG,kBAAkB,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,GAAG,UAAU,EAC1B,aAAa,EACb,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,gDAEK,MAAM,KACf,UAAU;QAEb,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACP,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACR;YACE,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN;YACP,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN,CACJ,CACA,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../../src/molecules/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AA0CpC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EACE,MAAM,GAAG,kBAAkB,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,GAAG,UAAU,EAC1B,aAAa,EACb,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,iBAAiB,GAAG,cAAc,EAClC,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,gDAEK,MAAM,KACf,UAAU;QAEb,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACP,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACR;YACE,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN;YACP,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN,CACJ;QACJ,YAAY,IAAI,CACf;YACE,oBAAC,KAAK,QAAE,iBAAiB,CAAS,CAC/B,CACJ,CACE,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/molecules/ProductCard/ProductCardContent.d.ts

@@ -43,6 +43,14 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
      * Callback function when button is clicked.
      */
     onButtonClick?: () => void;
+    /**
+     * Enables to include taxes status.
+     */
+    includeTaxes?: boolean;
+    /**
+     * Label to determine if the price is with taxes included.
+     */
+    includeTaxesLabel?: string;
 }
 declare const ProductCardContent: React.ForwardRefExoticComponent<ProductCardContentProps & React.RefAttributes<HTMLElement>>;
 export default ProductCardContent;

package/dist/esm/molecules/ProductCard/ProductCardContent.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
-import { Badge, Button, DiscountBadge, Icon, Link, ProductPrice, Rating, } from '../../';
-const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
+import { Badge, Button, DiscountBadge, Icon, Label, Link, ProductPrice, Rating, } from '../../';
+const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, includeTaxes = false, includeTaxesLabel = "Tax included", ...otherProps }, ref) {
     const listingPrice = price?.listPrice ? price.listPrice : 0;
     const sellingPrice = price?.value ? price.value : 0;
     return (React.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
@@ -9,6 +9,7 @@ const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-produc
                 React.createElement(Link, { ...linkProps, title: title },
                     React.createElement("span", null, title))),
             !outOfStock && (React.createElement(ProductPrice, { "data-fs-product-card-prices": true, value: sellingPrice, listPrice: listingPrice, formatter: price?.formatter })),
+            includeTaxes && (React.createElement(Label, { "data-fs-product-card-taxes-label": true }, includeTaxesLabel)),
             ratingValue && (React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) }))),
         showDiscountBadge && !outOfStock && (React.createElement(DiscountBadge, { listPrice: listingPrice, spotPrice: sellingPrice })),
         outOfStock && React.createElement(Badge, null, outOfStockLabel),

package/dist/esm/molecules/ProductCard/ProductCardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,IAAI,EAGJ,YAAY,EACZ,MAAM,GACP,MAAM,QAAQ,CAAA;AA6Cf,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,kCAAO,KAAK,CAAQ,CACf,CACJ;YACJ,CAAC,UAAU,IAAI,CACd,oBAAC,YAAY,yCAEX,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,KAAK,EAAE,SAAS,GAC3B,CACH;YACA,WAAW,IAAI,CACd,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAI,CACpE;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,KAAK,EACL,IAAI,EAGJ,YAAY,EACZ,MAAM,GACP,MAAM,QAAQ,CAAA;AAqDf,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,iBAAiB,GAAG,cAAc,EAClC,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,kCAAO,KAAK,CAAQ,CACf,CACJ;YACJ,CAAC,UAAU,IAAI,CACd,oBAAC,YAAY,yCAEX,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,KAAK,EAAE,SAAS,GAC3B,CACH;YACA,YAAY,IAAI,CACf,oBAAC,KAAK,gDACH,iBAAiB,CACZ,CACT;YACA,WAAW,IAAI,CACd,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAI,CACpE;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/molecules/SkuSelector/useSkuSlug.js

@@ -5,9 +5,52 @@ function getSkuSlug(slugsMap, selectedVariations, dominantVariation) {
         return slugsMap[slugsMapKey];
     }
     const possibleVariants = Object.keys(slugsMap);
-    const firstVariationForDominantValue = possibleVariants.find((slug) => slug.includes(`${dominantVariation}-${selectedVariations[dominantVariation]}`));
+    const dominantVariationKeyValue = `${dominantVariation}-${selectedVariations[dominantVariation]}`;
+    const slugVariationsForDominantValue = possibleVariants.filter((slug) => slug.includes(dominantVariationKeyValue));
+    const firstVariationForDominantValue = slugVariationsForDominantValue.length > 1
+        ? getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue)
+        : slugVariationsForDominantValue[0];
     return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]];
 }
+/**
+ * This function transforms a slug string into a record object.
+ * e.g. 'Color-Red-Size-40' => { Color: 'Red', Size: '40' }
+ * @param slug
+ * @returns the record object
+ */
+function transformSkuVariationsSlugToRecord(slug) {
+    const obj = {};
+    const parts = slug.split('-');
+    for (let i = 0; i < parts.length; i += 2) {
+        const key = parts[i].trim();
+        const value = parts[i + 1] ? parts[i + 1].trim() : '';
+        obj[key] = value;
+    }
+    return obj;
+}
+/**
+ * This function receives a list of slug variations and a dominant variation key-value pair.
+ * It returns the exact match variation value for the dominant value.
+ * This happens when there are multiple variations filtered by the includes function (e.g. 7 is included in 7 and in 7.5).
+ *
+ *
+ * e.g. given the following params:
+ * slugVariationsForDominantValue = ['Color-Red-Size-7.5', 'Color-Blue-Size-7'],
+ * dominantVariationKeyValue = 'Size-7'.
+ *
+ * The function will return 'Color-Blue-Size-7'.
+ *
+ * @param slugVariationsForDominantValue
+ * @param dominantVariationKeyValue
+ * @returns the best match variation
+ */
+function getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue) {
+    const [dominantKey, dominantValue] = dominantVariationKeyValue.split('-');
+    return slugVariationsForDominantValue.find((slug) => {
+        const slugRecord = transformSkuVariationsSlugToRecord(slug);
+        return slugRecord[dominantKey] === dominantValue;
+    });
+}
 export const useSkuSlug = (activeVariations, slugsMap, skuPropertyName, getItemHrefProp) => {
     const getItemHref = useCallback((option) => {
         if (getItemHrefProp)

package/dist/esm/molecules/SkuSelector/useSkuSlug.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,SAAS,UAAU,CACjB,QAAgC,EAChC,kBAA0C,EAC1C,iBAAyB;IAEzB,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEvE,IAAI,WAAW,IAAI,QAAQ,EAAE;QAC3B,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAA;KAC7B;IAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE9C,MAAM,8BAA8B,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CACpE,IAAI,CAAC,QAAQ,CACX,GAAG,iBAAiB,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,CAChE,CACF,CAAA;IAED,OAAO,QAAQ,CAAC,8BAA8B,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AACxE,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,gBAAwC,EACxC,QAAgC,EAChC,eAAuB,EACvB,eAA+C,EAC/C,EAAE;IACF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,MAAiB,EAAE,EAAE;QACpB,IAAG,eAAe;YAAE,OAAO,EAAE,eAAe,EAAE,CAAA;QAE9C,MAAM,eAAe,GAAG,IAAI,UAAU,CACpC,QAAQ,EACR;YACE,GAAG,gBAAgB;YACnB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,KAAK;SAChC,EACD,eAAe,CAChB,IAAI,CAAA;QACL,OAAO,eAAe,CAAA;IACxB,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,CAC/D,CAAA;IACD,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "3.0.74",
+  "version": "3.0.77",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
@@ -49,5 +49,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "a2eef14d88c8e73dbdd9d18e3879d64b6d51b56e"
+  "gitHead": "c03af091effe1a702a2cab6afe2e67fbb783d5dc"
 }

package/src/molecules/OrderSummary/OrderSummary.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
 import type { HTMLAttributes } from 'react'
 
-import { List } from '../../'
+import { Label, List } from '../../'
 
 export interface OrderSummaryProps extends HTMLAttributes<HTMLUListElement> {
   /**
@@ -33,6 +33,14 @@ export interface OrderSummaryProps extends HTMLAttributes<HTMLUListElement> {
    * Total value of the order.
    */
   totalValue?: string
+  /**
+   * Enables to include taxes status.
+   */
+  includeTaxes?: boolean
+  /**
+   * Label to determine if the price is with taxes included.
+   */
+  includeTaxesLabel?: string
 }
 
 const OrderSummary = forwardRef<HTMLUListElement, OrderSummaryProps>(
@@ -45,6 +53,8 @@ const OrderSummary = forwardRef<HTMLUListElement, OrderSummaryProps>(
       discountValue,
       totalLabel = 'Total',
       totalValue,
+      includeTaxes = false,
+      includeTaxesLabel = "Tax included",
       ...otherProps
     },
     ref
@@ -102,6 +112,11 @@ const OrderSummary = forwardRef<HTMLUListElement, OrderSummaryProps>(
             {totalValue}
           </span>
         </li>
+        {includeTaxes && (
+          <li data-fs-order-summary-taxes-label>
+            <Label>{includeTaxesLabel}</Label>
+          </li>
+          )}
       </List>
     )
   }

package/src/molecules/ProductCard/ProductCardContent.tsx

@@ -8,6 +8,7 @@ import {
   Button,
   DiscountBadge,
   Icon,
+  Label,
   Link,
   LinkElementType,
   LinkProps,
@@ -56,6 +57,14 @@ export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
    * Callback function when button is clicked.
    */
   onButtonClick?: () => void
+  /**
+   * Enables to include taxes status.
+   */
+  includeTaxes?: boolean
+  /**
+   * Label to determine if the price is with taxes included.
+   */
+  includeTaxesLabel?: string
 }
 
 const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
@@ -72,6 +81,8 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
       buttonLabel = 'Add',
       onButtonClick,
       children,
+      includeTaxes = false,
+      includeTaxesLabel = "Tax included",
       ...otherProps
     },
     ref
@@ -101,6 +112,11 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
               formatter={price?.formatter}
             />
           )}
+          {includeTaxes && (
+            <Label data-fs-product-card-taxes-label>
+              {includeTaxesLabel}
+            </Label>
+          )}
           {ratingValue && (
             <Rating value={ratingValue} icon={<Icon name="Star" />} />
           )}

package/src/molecules/SkuSelector/useSkuSlug.ts

@@ -14,15 +14,70 @@ function getSkuSlug(
 
   const possibleVariants = Object.keys(slugsMap)
 
-  const firstVariationForDominantValue = possibleVariants.find((slug) =>
-    slug.includes(
-      `${dominantVariation}-${selectedVariations[dominantVariation]}`
-    )
+  const dominantVariationKeyValue = `${dominantVariation}-${selectedVariations[dominantVariation]}`
+
+  const slugVariationsForDominantValue = possibleVariants.filter((slug) =>
+    slug.includes(dominantVariationKeyValue)
   )
 
+  const firstVariationForDominantValue =
+    slugVariationsForDominantValue.length > 1
+      ? getBestMatchVariation(
+          slugVariationsForDominantValue,
+          dominantVariationKeyValue
+        )
+      : slugVariationsForDominantValue[0]
+
   return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]]
 }
 
+/**
+ * This function transforms a slug string into a record object.
+ * e.g. 'Color-Red-Size-40' => { Color: 'Red', Size: '40' }
+ * @param slug
+ * @returns the record object
+ */
+function transformSkuVariationsSlugToRecord(slug: string) {
+  const obj = {} as Record<string, string>
+  const parts = slug.split('-')
+
+  for (let i = 0; i < parts.length; i += 2) {
+    const key = parts[i].trim()
+    const value = parts[i + 1] ? parts[i + 1].trim() : ''
+    obj[key] = value
+  }
+  return obj
+}
+
+/**
+ * This function receives a list of slug variations and a dominant variation key-value pair.
+ * It returns the exact match variation value for the dominant value.
+ * This happens when there are multiple variations filtered by the includes function (e.g. 7 is included in 7 and in 7.5).
+ *
+ *
+ * e.g. given the following params:
+ * slugVariationsForDominantValue = ['Color-Red-Size-7.5', 'Color-Blue-Size-7'],
+ * dominantVariationKeyValue = 'Size-7'.
+ *
+ * The function will return 'Color-Blue-Size-7'.
+ *
+ * @param slugVariationsForDominantValue
+ * @param dominantVariationKeyValue
+ * @returns the best match variation
+ */
+function getBestMatchVariation(
+  slugVariationsForDominantValue: string[],
+  dominantVariationKeyValue: string
+) {
+  const [dominantKey, dominantValue] = dominantVariationKeyValue.split('-')
+
+  return slugVariationsForDominantValue.find((slug) => {
+    const slugRecord = transformSkuVariationsSlugToRecord(slug)
+
+    return slugRecord[dominantKey] === dominantValue
+  })
+}
+
 export const useSkuSlug = (
   activeVariations: Record<string, string>,
   slugsMap: Record<string, string>,
@@ -31,7 +86,7 @@ export const useSkuSlug = (
 ) => {
   const getItemHref = useCallback(
     (option: SkuOption) => {
-      if(getItemHrefProp) return { getItemHrefProp }
+      if (getItemHrefProp) return { getItemHrefProp }
 
       const currentItemHref = `/${getSkuSlug(
         slugsMap,