@plurix/ecom-components 1.14.2-commerce.3 → 1.14.2-commerce.5

package/dist/packages/Carousel/Carousel.js

@@ -15,7 +15,7 @@ import { Children as X, useState as m, useRef as D, useEffect as Y } from "react
 import Z from "./components/Bullets.js";
 import E from "./components/Arrows.js";
 import { DefaultProps as M } from "./utils/defaultProps.js";
-/* empty css                                               */const rt = ({
+/* empty css                     */const rt = ({
   children: s,
   id: r,
   bullet: t,

package/dist/packages/CartClubAlert/CartClubAlert.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { DiscountIcon as s } from "../../assets/svgs/DiscountIcon.js";
-/* empty css                                                           */const t = ({
+/* empty css                            */const t = ({
   discount: a,
   participeLink: c,
   learnMoreLink: o,

package/dist/packages/ChangeOrderModal/ChangeOrderModal.js

@@ -4,7 +4,7 @@ import { Modal as M } from "../Modal/Modal.js";
 import { ProductSelected as N } from "./components/ProductSelected.js";
 import { SimilarProducts as k } from "./components/SimilarProducts.js";
 import { ModalFooter as v } from "./components/ModalFooter.js";
-/* empty css                                                                 */import { getProductsSimilars as A } from "./api/getProductsSimilars.js";
+/* empty css                               */import { getProductsSimilars as A } from "./api/getProductsSimilars.js";
 import E from "../../hooks/useAnalitcsEvents.js";
 import { NoSimilarProduct as _ } from "./components/NoSimilarProduct.js";
 import { getOrderForm as J } from "./api/getOrderForm.js";

package/dist/packages/Coupons/Coupons.js

@@ -6,7 +6,7 @@ import { CouponsView as H } from "./views/CouponsView.js";
 import { RulesView as K } from "./views/RulesView.js";
 import { OverwriteView as P } from "./views/OverwriteView.js";
 import { EmptyCartView as Q } from "./views/EmptyCartView.js";
-/* empty css                                             */const I = ({
+/* empty css                    */const I = ({
   orderFormId: h,
   hasItemsInCart: a,
   builder: j,

package/dist/packages/Modal/Modal.js

@@ -3,7 +3,7 @@ import { useRef as s, useEffect as p } from "react";
 import { ArrowIcon as g } from "../../assets/svgs/ArrowIcon.js";
 import { CloseIcon as k } from "../../assets/svgs/CloseIcon.js";
 import { HAS_WINDOW as v } from "../../constants/index.js";
-/* empty css                                         */const R = (w) => {
+/* empty css                  */const R = (w) => {
   const {
     isOpen: r,
     setIsOpen: C,

package/dist/packages/Onboarding/Onboarding.js

@@ -4,7 +4,7 @@ import { Header as x } from "./components/Header.js";
 import { Content as S } from "./components/Content.js";
 import { Footer as c } from "./components/Footer.js";
 import { TIPS_LENGTH as h } from "./constants/tips.js";
-/* empty css                                                   */const w = ({
+/* empty css                       */const w = ({
   socialMediaLinks: a,
   handleCloseAction: r,
   handleFinishAction: n,

package/dist/packages/ProductCard/ProductCardButton/AddToCartButton.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import o from "../../../node_modules/@faststore/components/dist/esm/atoms/Button/Button.js";
+import o from "./CustomQuantitySelector/Button.js";
 const n = ({ handleAddToCart: t }) => /* @__PURE__ */ a(
   o,
   {

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/Button.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+export type Variant = 'primary' | 'secondary' | 'tertiary';
+export type Size = 'small' | 'regular';
+export type IconPosition = 'left' | 'right';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    testId?: string;
+    variant?: Variant;
+    size?: Size;
+    inverse?: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    loading?: boolean;
+    loadingLabel?: string;
+    iconPosition?: IconPosition;
+}
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/Button.js

@@ -0,0 +1,80 @@
+var k = Object.defineProperty, y = Object.defineProperties;
+var z = Object.getOwnPropertyDescriptors;
+var e = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var b = (t, a, r) => a in t ? k(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, p = (t, a) => {
+  for (var r in a || (a = {}))
+    i.call(a, r) && b(t, r, a[r]);
+  if (e)
+    for (var r of e(a))
+      l.call(a, r) && b(t, r, a[r]);
+  return t;
+}, m = (t, a) => y(t, z(a));
+var h = (t, a) => {
+  var r = {};
+  for (var n in t)
+    i.call(t, n) && a.indexOf(n) < 0 && (r[n] = t[n]);
+  if (t != null && e)
+    for (var n of e(t))
+      a.indexOf(n) < 0 && l.call(t, n) && (r[n] = t[n]);
+  return r;
+};
+import { jsx as u, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import R from "./Loader.js";
+const F = L(function(q, B) {
+  var s = q, {
+    children: a,
+    variant: r,
+    inverse: n,
+    size: g = "regular",
+    testId: x = "fs-button",
+    loading: o,
+    loadingLabel: j,
+    icon: d,
+    iconPosition: f = "left",
+    disabled: v
+  } = s, w = h(s, [
+    "children",
+    "variant",
+    "inverse",
+    "size",
+    "testId",
+    "loading",
+    "loadingLabel",
+    "icon",
+    "iconPosition",
+    "disabled"
+  ]);
+  return /* @__PURE__ */ u(
+    "button",
+    m(p({
+      ref: B,
+      "data-fs-button": !0,
+      "data-fs-button-inverse": n,
+      "data-fs-button-size": g,
+      "data-fs-button-loading": o,
+      "data-fs-button-variant": r,
+      disabled: v,
+      "data-testid": x
+    }, w), {
+      children: /* @__PURE__ */ c("div", { "data-fs-button-wrapper": !0, children: [
+        o && /* @__PURE__ */ c("p", { "data-fs-button-loading-label": !0, children: [
+          j,
+          /* @__PURE__ */ u(
+            R,
+            {
+              variant: r === "primary" && !n ? "light" : "dark"
+            }
+          )
+        ] }),
+        !!d && f === "left" && /* @__PURE__ */ u("span", { "data-fs-button-icon": !0, children: d }),
+        a && /* @__PURE__ */ u("span", { children: a }),
+        !!d && f === "right" && /* @__PURE__ */ u("span", { "data-fs-button-icon": !0, children: d })
+      ] })
+    })
+  );
+});
+export {
+  F as default
+};

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/IconButton.d.ts

@@ -0,0 +1,10 @@
+import { AriaAttributes, ReactNode } from 'react';
+import { ButtonProps } from './Button';
+
+export interface IconButtonProps extends Omit<ButtonProps, 'aria-label'> {
+    testId?: string;
+    icon: ReactNode;
+    'aria-label': AriaAttributes['aria-label'];
+}
+declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/IconButton.js

@@ -0,0 +1,61 @@
+var x = Object.defineProperty, I = Object.defineProperties;
+var g = Object.getOwnPropertyDescriptors;
+var n = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+var a = (t, o, r) => o in t ? x(t, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[o] = r, l = (t, o) => {
+  for (var r in o || (o = {}))
+    c.call(o, r) && a(t, r, o[r]);
+  if (n)
+    for (var r of n(o))
+      i.call(o, r) && a(t, r, o[r]);
+  return t;
+}, m = (t, o) => I(t, g(o));
+var s = (t, o) => {
+  var r = {};
+  for (var u in t)
+    c.call(t, u) && o.indexOf(u) < 0 && (r[u] = t[u]);
+  if (t != null && n)
+    for (var u of n(t))
+      o.indexOf(u) < 0 && i.call(t, u) && (r[u] = t[u]);
+  return r;
+};
+import { jsx as j } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import y from "./Button.js";
+const A = w(
+  function(R, B) {
+    var f = R, {
+      icon: o,
+      children: r,
+      testId: u = "fs-icon-button",
+      "aria-label": b,
+      size: d = "regular",
+      variant: e
+    } = f, p = s(f, [
+      "icon",
+      "children",
+      "testId",
+      "aria-label",
+      "size",
+      "variant"
+    ]);
+    return /* @__PURE__ */ j(
+      y,
+      m(l({
+        ref: B,
+        "data-fs-button": !0,
+        "data-fs-icon-button": !0,
+        variant: e != null ? e : "tertiary",
+        icon: o,
+        "aria-label": b,
+        testId: u,
+        size: d
+      }, p), {
+        children: r
+      })
+    );
+  }
+);
+export {
+  A as default
+};

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/Loader.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+
+export interface LoaderProps extends HTMLAttributes<HTMLSpanElement> {
+    testId?: string;
+    variant?: 'light' | 'dark';
+}
+declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Loader;

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/Loader.js

@@ -0,0 +1,44 @@
+var c = Object.defineProperty, x = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var d = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+var f = (a, r, t) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t, l = (a, r) => {
+  for (var t in r || (r = {}))
+    n.call(r, t) && f(a, t, r[t]);
+  if (d)
+    for (var t of d(r))
+      i.call(r, t) && f(a, t, r[t]);
+  return a;
+}, m = (a, r) => x(a, j(r));
+var p = (a, r) => {
+  var t = {};
+  for (var e in a)
+    n.call(a, e) && r.indexOf(e) < 0 && (t[e] = a[e]);
+  if (a != null && d)
+    for (var e of d(a))
+      r.indexOf(e) < 0 && i.call(a, e) && (t[e] = a[e]);
+  return t;
+};
+import { jsxs as L, jsx as o } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+const b = h(function(k, u) {
+  var s = k, { testId: r = "fs-loader", variant: t = "dark" } = s, e = p(s, ["testId", "variant"]);
+  return /* @__PURE__ */ L(
+    "span",
+    m(l({
+      ref: u,
+      "data-fs-loader": !0,
+      "data-fs-loader-variant": t,
+      "data-testid": r
+    }, e), {
+      children: [
+        /* @__PURE__ */ o("span", { "data-fs-loader-item": !0 }),
+        /* @__PURE__ */ o("span", { "data-fs-loader-item": !0 }),
+        /* @__PURE__ */ o("span", { "data-fs-loader-item": !0 })
+      ]
+    })
+  );
+});
+export {
+  b as default
+};

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/index.d.ts

@@ -1,6 +1,21 @@
-import { IconButtonProps } from '@faststore/ui';
-import { InputHTMLAttributes } from 'react';
+import { AriaAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    testId?: string;
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    size?: 'small' | 'regular';
+    inverse?: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    loading?: boolean;
+    loadingLabel?: string;
+    iconPosition?: 'left' | 'right';
+}
+export interface IconButtonProps extends Omit<ButtonProps, 'aria-label'> {
+    testId?: string;
+    icon: ReactNode;
+    'aria-label': AriaAttributes['aria-label'];
+}
 export interface QuantitySelectorProps extends InputHTMLAttributes<HTMLDivElement> {
     quantity: number | string;
     leftButtonProps: Omit<IconButtonProps, 'aria-label'>;

package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/index.js

@@ -21,7 +21,7 @@ var m = (t, a) => {
 };
 import { jsxs as q, jsx as n } from "react/jsx-runtime";
 import { forwardRef as Q } from "react";
-import p from "../../../../node_modules/@faststore/components/dist/esm/molecules/IconButton/IconButton.js";
+import p from "./IconButton.js";
 const A = Q(function(j, h) {
   var s = j, {
     quantity: a,

package/dist/packages/ProductCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { ProductCardHorizontal as b } from "./ProductCardHorizontal/index.js";
 import { ProductCardVertical as g } from "./ProductCardVertical/index.js";
-/* empty css                                                      */const E = ({
+/* empty css                         */const E = ({
   product: l,
   variant: r,
   hasPlusFriendBadge: C = !1,

package/dist/packages/ProductCardSeeMore/ProductCardSeeMore.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { ProductCardSeeMoreHorizontal as s } from "./ProductCardSeeMoreHorizontal.js";
-/* empty css                                                                                 */const l = ({
+/* empty css                                             */const l = ({
   text: e,
   link: o,
   taggingEvent: c,

package/dist/packages/Regionalization/Regionalization.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { RegionalizationContextProvider as C } from "./context/RegionalizationContext.js";
 import { ViewsContainer as S } from "./views/ViewsContainer.js";
-/* empty css                                                             */const z = ({
+/* empty css                            */const z = ({
   setMethod: r,
   setPickupName: a,
   setCity: o,

package/dist/packages/Tour/Tour.js

@@ -2,7 +2,7 @@ import { jsxs as n, Fragment as N, jsx as k } from "react/jsx-runtime";
 import { useState as S, useRef as H, useEffect as R } from "react";
 import { TourTooltip as j } from "./components/TourTooltip.js";
 import { TourOverlay as q } from "./components/TourOverlay.js";
-/* empty css                                       */const D = ({
+/* empty css                 */const D = ({
   steps: e,
   handleCloseAction: l,
   handleFinishAction: c,

package/dist/styles/product-card.global.css

@@ -1 +1 @@
-:root{--product-card-horizontal-width: 100px;--product-card-horizontal-margin: 8px;--product-card-horizontal-padding: 8px}#product-card,#product-card-unavailable{display:flex;flex-direction:column;min-height:276px;max-height:304px;height:100%}#product-card-unavailable.product-card-horizontal-unavailable{min-height:172px;max-height:206px}.product-card{display:flex;flex-direction:column;flex:1;position:relative;height:100%;cursor:pointer;border:1px solid var(--color-grayScale-lightest);border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0;overflow:hidden}.product-card-container{height:100%;display:flex;flex-direction:column;flex:1}.product-card,.product-card+#product-card-button,.product-card+.product-card-unavailable-text{width:162px;min-width:150px;max-width:162px}.product-card-description{display:flex;flex-direction:column;gap:4px;padding:8px;flex:1}.product-card-badge{display:flex;gap:4px}.product-card-badge-kg{display:inline-block;width:fit-content;height:16px;padding:2px 4px;background-color:var(--color-main);border-radius:2px;color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:10px;line-height:13px;text-align:center;vertical-align:middle}.product-card-discount-badge{display:flex;align-items:center;justify-content:center;width:42px;height:16px;background-color:var(--color-badge-main);border-radius:2px}.product-card-discount-badge-value{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary)}.product-card-badge-club{width:43px;background-color:var(--color-badge-main);border-radius:4px;text-align:center}.product-card-badge-club-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary);padding:1px 0}.product-card-section-badge{display:flex;gap:4px}.product-card-horizontal{border-radius:8px}.product-card-horizontal{min-width:304px;max-width:304px;border-radius:8px;flex:1;display:flex;flex-direction:column;height:100%;max-height:206px}.product-card-horizontal+.product-card-unavailable-text{min-width:304px;max-width:304px}.product-card-section-product-horizontal{display:flex;align-items:center;position:relative;cursor:pointer;background-color:#fff;border:1px solid var(--color-grayScale-lightest);border-radius:8px;border-bottom:unset;border-bottom-left-radius:unset;border-bottom-right-radius:unset;height:100%}.product-card-section-product-horizontal .product-card-image-container{position:unset;height:100px;padding:0 var(--product-card-horizontal-padding);z-index:1;width:calc(var(--product-card-horizontal-width) + (var(--product-card-horizontal-margin) * 2));margin:0}.product-card-section-product-horizontal .product-card-image-container .image{width:var(--product-card-horizontal-width);height:100px;object-fit:contain}.product-card-horizontal-description{display:flex;flex-direction:column;gap:4px;min-height:123px;max-height:158px;padding:7.5px 8px;border-top-right-radius:7px;width:calc(100% - (var(--product-card-horizontal-width) + (var(--product-card-horizontal-margin) * 2)));height:100%}.product-card-section-name{display:flex;flex-direction:column;gap:4px}.product-card-horizontal-description .product-card-club-price{line-height:18px}.out-of-stock{min-height:126px}.out-of-stock-description-content{display:flex;flex-direction:column;flex:1}.product-card-section-product-horizontal .product-card-name{font-size:var(--text-size-1);line-height:20px;min-height:auto;height:100%;max-width:172px}.product-card-section-product-horizontal .product-card-section-badge-horizontal{display:flex;gap:4px;height:16px}.product-card-horizontal .product-card-price-container{display:flex;flex-direction:row;align-items:center;min-height:20px}.product-card-horizontal .product-card-price-container .product-card-old-price{padding-right:4px;border-right:1px solid var(--color-grayScale-light)}.product-card-horizontal .product-card-price-container .product-card-new-price{padding-left:4px;font-size:var(--text-size-2);line-height:20px}.product-card-section-badge-container.horizontal{position:unset;height:24px;width:100%}.product-card-button{display:flex;justify-content:center;align-items:center;width:162px;min-width:150px;max-width:162px;height:48px;padding:0;border:1px solid var(--color-main);border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:var(--color-main);color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:var(--text-size-2);line-height:20px;cursor:pointer}.product-card-horizontal .product-card-button{font-size:var(--text-size-3);line-height:24px;width:100%;max-width:none}.product-card-button.unavailable{background-color:var(--color-grayScale-lightest);color:#545454;cursor:not-allowed}.product-card-button .button{padding:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:var(--text-size-3);line-height:24px;max-height:unset}.product-card-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:7.5px 8px;background-color:#fff;border-top-left-radius:7px;border-top-right-radius:7px}.product-card-image-container .image{max-width:96px;height:96px;object-fit:contain}.product-club-badge{position:absolute;width:50px;height:18px;inset:8px 0 0 8px}.product-card-section-badge-container{position:absolute;bottom:8px;height:18px;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;border-radius:4px}.product-card-section-badge-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.product-club-badge.horizontal{inset:9px 0 0 9px}.product-card-name{display:-webkit-box;font-weight:var(--text-weight-regular);font-size:var(--text-size-1);line-height:18px;color:#545454;vertical-align:middle;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{display:flex;flex-direction:column;gap:4px;margin-top:auto}.product-card-club-price{display:inline-block;width:100%;padding:4px;background-color:#fadb9d;border-radius:4px;color:#2c3490;font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px}.product-card-old-price{height:16px;font-weight:400;font-size:var(--text-size-0);line-height:16px;color:#545454;text-decoration:line-through;vertical-align:middle}.product-card-new-price{font-weight:var(--text-weight-bold);font-size:var(--text-size-3);line-height:24px;color:var(--color-main);vertical-align:middle}.product-card-price-container{display:flex;flex-direction:column;min-height:24px}.product-card-old-price .mobile{display:block}@media (min-width: 769px){.product-card,.product-card+#product-card-button,.product-card+.product-card-unavailable-text{width:226px;max-width:226px}#product-card,#product-card-unavailable{min-height:324px;max-height:350px}.product-card-button{width:226px;max-width:226px}.product-card-description{padding:8px 16px}.product-card-unavailable{height:74px}.product-card-image-container{padding:15.5px 16px 7.5px}.product-card-image-container .image{max-width:144px;height:144px}.product-club-badge{width:67px;height:24px;inset:16px 0 0 16px}.product-card-section-badge-container{max-width:194px;height:24px}.product-card-section-badge-text{font-size:var(--text-size-1);line-height:18px}.product-card-name{font-size:var(--text-size-2);line-height:20px}.product-card-old-price .mobile{display:none}.product-card-old-price{padding-right:4px;border-right:2px solid var(--color-grayScale-light)}.product-card-new-price{padding-left:4px}.product-card-club-price{font-size:var(--text-size-1);line-height:18px}.product-card-price-container{display:flex;flex-direction:row;align-items:center}.product-card-badge-club{width:57px}.product-card-badge-club-text{font-size:var(--text-size-1);line-height:18px;padding:3px 0}}.quantity-selector{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:48px;border:1px solid var(--color-main);border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:var(--bg-neutral-lightest);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow);transition:box-shadow .2s ease}[data-store-quantity-selector] [data-store-icon]{display:inline-block;margin:0;color:var(--color-main);line-height:0}.quantity-selector .quantity-selector-quantity{display:block;width:100%;height:100%;padding:0;font-family:DM Sans,sans-serif;font-size:var;font-weight:400;line-height:20px;color:var(--color-grayScale);text-align:center;background-color:transparent;border-width:0;opacity:1}.quantity-selector .quantity-selector-quantity:focus{outline:0}.quantity-selector .quantity-selector-quantity:disabled{color:var(--color-grayScale);opacity:1}.quantity-selector-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:var(--space-0);font-family:DM Sans,sans-serif;background-color:var(--color-grayScale-lightest);border:unset;border-bottom-left-radius:7px;cursor:pointer}.quantity-selector-button.quantity-selector-button-plus{border-bottom-right-radius:7px;border-bottom-left-radius:unset}.quantity-selector-measure-unit{font-family:DM Sans,sans-serif;font-size:var;font-weight:400;line-height:20px;color:var(--color-grayScale)}.quantity-selector .quantity-selector-button [data-store-icon]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-default);transition:background-color .2s ease}.quantity-selector .quantity-selector-button:hover:not(:disabled) [data-store-icon]{background-color:var(--bg-secondary-light)}.quantity-selector .quantity-selector-button:disabled{cursor:not-allowed}.quantity-selector .quantity-selector-button:disabled [data-store-icon]{color:var(--color-grayScale-light)}.quantity-selector:hover:not([data-store-quantity-selector=disabled]){box-shadow:0 0 0 var(--border-width-1) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled]{background-color:var(--color-grayScale-light);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled] [data-quantity-selector-button]:hover [data-store-icon]{background-color:transparent}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.quantity-selector .quantity-selector-button:focus{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}}}.quantity-selector .quantity-selector-button:focus-visible{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus-visible [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}.product-add-text{display:block;height:10px;padding-bottom:17px;text-align:center;transition-delay:.25s;transition-property:margin-top}.product-add-text p{font-family:DM Sans,sans-serif;font-size:var(--text-size-0);font-weight:400;font-style:normal;line-height:16px;color:var(--color-positiveFeedback-dark);text-align:center;white-space:nowrap}@include media(">tablet"){.product-add-text p {font-size: var(--text-size-1); line-height: 18px;}}.product-card-unavailable-text{height:48px;width:100%;background-color:var(--color-grayScale-lightest);border:1px solid var(--color-grayScale-lightest);color:var(--color-grayScale-darkest);text-align:center;font-size:var(--text-size-3);font-weight:var(--text-weight-bold);line-height:24px;align-content:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
+:root{--product-card-horizontal-width: 100px;--product-card-horizontal-margin: 8px;--product-card-horizontal-padding: 8px}#product-card,#product-card-unavailable{display:flex;flex-direction:column;min-height:276px;max-height:304px;height:100%}#product-card-unavailable.product-card-horizontal-unavailable{min-height:172px;max-height:206px}.product-card{display:flex;flex-direction:column;flex:1;position:relative;height:100%;cursor:pointer;border:1px solid var(--color-grayScale-lightest);border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0;overflow:hidden}.product-card-container{height:100%;display:flex;flex-direction:column;flex:1}.product-card,.product-card+#product-card-button,.product-card+.product-card-unavailable-text{width:162px;min-width:150px;max-width:162px}.product-card-description{display:flex;flex-direction:column;gap:4px;padding:8px;flex:1}.product-card-badge{display:flex;gap:4px}.product-card-badge-kg{display:inline-block;width:fit-content;height:16px;padding:2px 4px;background-color:var(--color-main);border-radius:2px;color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:10px;line-height:13px;text-align:center;vertical-align:middle}.product-card-discount-badge{display:flex;align-items:center;justify-content:center;width:42px;height:16px;background-color:var(--color-badge-main);border-radius:2px}.product-card-discount-badge-value{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary)}.product-card-badge-club{width:43px;background-color:var(--color-badge-main);border-radius:4px;text-align:center}.product-card-badge-club-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary);padding:1px 0}.product-card-section-badge{display:flex;gap:4px}.product-card-horizontal{border-radius:8px}.product-card-horizontal{min-width:304px;max-width:304px;border-radius:8px;flex:1;display:flex;flex-direction:column;height:100%;max-height:206px}.product-card-horizontal+.product-card-unavailable-text{min-width:304px;max-width:304px}.product-card-section-product-horizontal{display:flex;align-items:center;position:relative;cursor:pointer;background-color:#fff;border:1px solid var(--color-grayScale-lightest);border-radius:8px;border-bottom:unset;border-bottom-left-radius:unset;border-bottom-right-radius:unset;height:100%}.product-card-section-product-horizontal .product-card-image-container{position:unset;height:100px;padding:0 var(--product-card-horizontal-padding);width:calc(var(--product-card-horizontal-width) + (var(--product-card-horizontal-margin) * 2));margin:0}.product-card-section-product-horizontal .product-card-image-container .image{width:var(--product-card-horizontal-width);height:100px;object-fit:contain}.product-card-horizontal-description{display:flex;flex-direction:column;gap:4px;min-height:123px;max-height:158px;padding:7.5px 8px;border-top-right-radius:7px;width:calc(100% - (var(--product-card-horizontal-width) + (var(--product-card-horizontal-margin) * 2)));height:100%}.product-card-section-name{display:flex;flex-direction:column;gap:4px}.product-card-horizontal-description .product-card-club-price{line-height:18px}.out-of-stock{min-height:126px}.out-of-stock-description-content{display:flex;flex-direction:column;flex:1}.product-card-section-product-horizontal .product-card-name{font-size:var(--text-size-1);line-height:20px;min-height:auto;height:100%;max-width:172px}.product-card-section-product-horizontal .product-card-section-badge-horizontal{display:flex;gap:4px;height:16px}.product-card-horizontal .product-card-price-container{display:flex;flex-direction:row;align-items:center;min-height:20px}.product-card-horizontal .product-card-price-container .product-card-old-price{padding-right:4px;border-right:1px solid var(--color-grayScale-light)}.product-card-horizontal .product-card-price-container .product-card-new-price{padding-left:4px;font-size:var(--text-size-2);line-height:20px}.product-card-section-badge-container.horizontal{position:unset;height:24px;width:100%}.product-card-button{display:flex;justify-content:center;align-items:center;width:162px;min-width:150px;max-width:162px;height:48px;padding:0;border:1px solid var(--color-main);border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:var(--color-main);color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:var(--text-size-2);line-height:20px;cursor:pointer}.product-card-horizontal .product-card-button{font-size:var(--text-size-3);line-height:24px;width:100%;max-width:none}.product-card-button.unavailable{background-color:var(--color-grayScale-lightest);color:#545454;cursor:not-allowed}.product-card-button .button{padding:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:var(--text-size-3);line-height:24px;max-height:unset}.product-card-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:7.5px 8px;background-color:#fff;border-top-left-radius:7px;border-top-right-radius:7px}.product-card-image-container .image{max-width:96px;height:96px;object-fit:contain}.product-club-badge{position:absolute;width:50px;height:18px;inset:8px 0 0 8px}.product-card-section-badge-container{position:absolute;bottom:8px;height:18px;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;border-radius:4px}.product-card-section-badge-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.product-club-badge.horizontal{inset:9px 0 0 9px}.product-card-name{display:-webkit-box;font-weight:var(--text-weight-regular);font-size:var(--text-size-1);line-height:18px;color:#545454;vertical-align:middle;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{display:flex;flex-direction:column;gap:4px;margin-top:auto}.product-card-club-price{display:inline-block;width:100%;padding:4px;background-color:#fadb9d;border-radius:4px;color:#2c3490;font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px}.product-card-old-price{height:16px;font-weight:400;font-size:var(--text-size-0);line-height:16px;color:#545454;text-decoration:line-through;vertical-align:middle}.product-card-new-price{font-weight:var(--text-weight-bold);font-size:var(--text-size-3);line-height:24px;color:var(--color-main);vertical-align:middle}.product-card-price-container{display:flex;flex-direction:column;min-height:24px}.product-card-old-price .mobile{display:block}@media (min-width: 769px){.product-card,.product-card+#product-card-button,.product-card+.product-card-unavailable-text{width:226px;max-width:226px}#product-card,#product-card-unavailable{min-height:324px;max-height:350px}.product-card-button{width:226px;max-width:226px}.product-card-description{padding:8px 16px}.product-card-unavailable{height:74px}.product-card-image-container{padding:15.5px 16px 7.5px}.product-card-image-container .image{max-width:144px;height:144px}.product-club-badge{width:67px;height:24px;inset:16px 0 0 16px}.product-card-section-badge-container{max-width:194px;height:24px}.product-card-section-badge-text{font-size:var(--text-size-1);line-height:18px}.product-card-name{font-size:var(--text-size-2);line-height:20px}.product-card-old-price .mobile{display:none}.product-card-old-price{padding-right:4px;border-right:2px solid var(--color-grayScale-light)}.product-card-new-price{padding-left:4px}.product-card-club-price{font-size:var(--text-size-1);line-height:18px}.product-card-price-container{display:flex;flex-direction:row;align-items:center}.product-card-badge-club{width:57px}.product-card-badge-club-text{font-size:var(--text-size-1);line-height:18px;padding:3px 0}}.quantity-selector{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:48px;border:1px solid var(--color-main);border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:var(--bg-neutral-lightest);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow);transition:box-shadow .2s ease}[data-store-quantity-selector] [data-store-icon]{display:inline-block;margin:0;color:var(--color-main);line-height:0}.quantity-selector .quantity-selector-quantity{display:block;width:100%;height:100%;padding:0;font-family:DM Sans,sans-serif;font-size:var;font-weight:400;line-height:20px;color:var(--color-grayScale);text-align:center;background-color:transparent;border-width:0;opacity:1}.quantity-selector .quantity-selector-quantity:focus{outline:0}.quantity-selector .quantity-selector-quantity:disabled{color:var(--color-grayScale);opacity:1}.quantity-selector-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:var(--space-0);font-family:DM Sans,sans-serif;background-color:var(--color-grayScale-lightest);border:unset;border-bottom-left-radius:7px;cursor:pointer}.quantity-selector-button.quantity-selector-button-plus{border-bottom-right-radius:7px;border-bottom-left-radius:unset}.quantity-selector-measure-unit{font-family:DM Sans,sans-serif;font-size:var;font-weight:400;line-height:20px;color:var(--color-grayScale)}.quantity-selector .quantity-selector-button [data-store-icon]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-default);transition:background-color .2s ease}.quantity-selector .quantity-selector-button:hover:not(:disabled) [data-store-icon]{background-color:var(--bg-secondary-light)}.quantity-selector .quantity-selector-button:disabled{cursor:not-allowed}.quantity-selector .quantity-selector-button:disabled [data-store-icon]{color:var(--color-grayScale-light)}.quantity-selector:hover:not([data-store-quantity-selector=disabled]){box-shadow:0 0 0 var(--border-width-1) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled]{background-color:var(--color-grayScale-light);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled] [data-quantity-selector-button]:hover [data-store-icon]{background-color:transparent}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.quantity-selector .quantity-selector-button:focus{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}}}.quantity-selector .quantity-selector-button:focus-visible{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus-visible [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}.product-add-text{display:block;height:10px;padding-bottom:17px;text-align:center;transition-delay:.25s;transition-property:margin-top}.product-add-text p{font-family:DM Sans,sans-serif;font-size:var(--text-size-0);font-weight:400;font-style:normal;line-height:16px;color:var(--color-positiveFeedback-dark);text-align:center;white-space:nowrap}@include media(">tablet"){.product-add-text p {font-size: var(--text-size-1); line-height: 18px;}}.product-card-unavailable-text{height:48px;width:100%;background-color:var(--color-grayScale-lightest);border:1px solid var(--color-grayScale-lightest);color:var(--color-grayScale-darkest);text-align:center;font-size:var(--text-size-3);font-weight:var(--text-weight-bold);line-height:24px;align-content:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@plurix/ecom-components",
   "author": "Plurix",
   "private": false,
-  "version": "1.14.2-commerce.3",
+  "version": "1.14.2-commerce.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -64,7 +64,6 @@
     "vite-plugin-lib-inject-css": "^2.0.1"
   },
   "dependencies": {
-    "@faststore/ui": "^3.41.5",
     "axios": "^1.7.4"
   }
 }

package/dist/node_modules/@faststore/components/dist/esm/atoms/Button/Button.js

@@ -1,45 +0,0 @@
-var R = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var l = (e, a, t) => a in e ? R(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, p = (e, a) => {
-  for (var t in a || (a = {}))
-    b.call(a, t) && l(e, t, a[t]);
-  if (o)
-    for (var t of o(a))
-      m.call(a, t) && l(e, t, a[t]);
-  return e;
-};
-var c = (e, a) => {
-  var t = {};
-  for (var r in e)
-    b.call(e, r) && a.indexOf(r) < 0 && (t[r] = e[r]);
-  if (e != null && o)
-    for (var r of o(e))
-      a.indexOf(r) < 0 && m.call(e, r) && (t[r] = e[r]);
-  return t;
-};
-import n, { forwardRef as h } from "react";
-import k from "../Loader/Loader.js";
-const x = h(function(y, w) {
-  var s = y, { children: a, variant: t, inverse: r, size: i = "regular", testId: E = "fs-button", loading: f, loadingLabel: g, icon: u, iconPosition: d = "left", disabled: B } = s, v = c(s, ["children", "variant", "inverse", "size", "testId", "loading", "loadingLabel", "icon", "iconPosition", "disabled"]);
-  return n.createElement(
-    "button",
-    p({ ref: w, "data-fs-button": !0, "data-fs-button-inverse": r, "data-fs-button-size": i, "data-fs-button-loading": f, "data-fs-button-variant": t, disabled: B, "data-testid": E }, v),
-    n.createElement(
-      "div",
-      { "data-fs-button-wrapper": !0 },
-      f && n.createElement(
-        "p",
-        { "data-fs-button-loading-label": !0 },
-        g,
-        n.createElement(k, { variant: t === "primary" && !r ? "light" : "dark" })
-      ),
-      !!u && d === "left" && n.createElement("span", { "data-fs-button-icon": !0 }, u),
-      a && n.createElement("span", null, a),
-      !!u && d === "right" && n.createElement("span", { "data-fs-button-icon": !0 }, u)
-    )
-  );
-}), j = x;
-export {
-  j as default
-};

package/dist/node_modules/@faststore/components/dist/esm/atoms/Loader/Loader.js

@@ -1,34 +0,0 @@
-var u = Object.defineProperty;
-var d = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
-var s = (e, t, a) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, m = (e, t) => {
-  for (var a in t || (t = {}))
-    f.call(t, a) && s(e, a, t[a]);
-  if (d)
-    for (var a of d(t))
-      l.call(t, a) && s(e, a, t[a]);
-  return e;
-};
-var c = (e, t) => {
-  var a = {};
-  for (var r in e)
-    f.call(e, r) && t.indexOf(r) < 0 && (a[r] = e[r]);
-  if (e != null && d)
-    for (var r of d(e))
-      t.indexOf(r) < 0 && l.call(e, r) && (a[r] = e[r]);
-  return a;
-};
-import o, { forwardRef as p } from "react";
-const E = p(function(L, i) {
-  var n = L, { testId: t = "fs-loader", variant: a = "dark" } = n, r = c(n, ["testId", "variant"]);
-  return o.createElement(
-    "span",
-    m({ ref: i, "data-fs-loader": !0, "data-fs-loader-variant": a, "data-testid": t }, r),
-    o.createElement("span", { "data-fs-loader-item": !0 }),
-    o.createElement("span", { "data-fs-loader-item": !0 }),
-    o.createElement("span", { "data-fs-loader-item": !0 })
-  );
-}), v = E;
-export {
-  v as default
-};

package/dist/node_modules/@faststore/components/dist/esm/molecules/IconButton/IconButton.js

@@ -1,29 +0,0 @@
-var I = Object.defineProperty;
-var r = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
-var c = (t, e, o) => e in t ? I(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, i = (t, e) => {
-  for (var o in e || (e = {}))
-    f.call(e, o) && c(t, o, e[o]);
-  if (r)
-    for (var o of r(e))
-      s.call(e, o) && c(t, o, e[o]);
-  return t;
-};
-var l = (t, e) => {
-  var o = {};
-  for (var n in t)
-    f.call(t, n) && e.indexOf(n) < 0 && (o[n] = t[n]);
-  if (t != null && r)
-    for (var n of r(t))
-      e.indexOf(n) < 0 && s.call(t, n) && (o[n] = t[n]);
-  return o;
-};
-import p, { forwardRef as R } from "react";
-import g from "../../atoms/Button/Button.js";
-const w = R(function(x, B) {
-  var a = x, { icon: e, children: o, testId: n = "fs-icon-button", "aria-label": b, size: d = "regular", variant: u } = a, m = l(a, ["icon", "children", "testId", "aria-label", "size", "variant"]);
-  return p.createElement(g, i({ ref: B, "data-fs-button": !0, "data-fs-icon-button": !0, variant: u != null ? u : "tertiary", icon: e, "aria-label": b, testId: n, size: d }, m), o);
-}), $ = w;
-export {
-  $ as default
-};