@plurix/ecom-components 1.14.2-shlo1555.0 → 1.14.3-com2034

package/dist/packages/Coupons/views/CouponsView.js

@@ -1,122 +1,131 @@
-import { jsxs as e, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { useState as a, useEffect as F } from "react";
-import { addCoupon as G } from "../api/addCoupon.js";
-import { ModalHeader as J } from "../components/ModalHeader.js";
-import { ModalFooter as K } from "../components/ModalFooter.js";
-import { CouponCard as Q } from "../components/CouponCard.js";
-import { NoCoupons as U } from "../components/NoCoupons.js";
-import { Alert as V } from "../components/Alert.js";
-import { InfoIcon as W } from "../../../assets/svgs/InfoIcon.js";
-const E = ({
-  account: b,
-  orderFormId: x,
-  hasItemsInCart: C,
+import { jsxs as c, Fragment as S, jsx as o } from "react/jsx-runtime";
+import { useState as l, useEffect as Q } from "react";
+import { ModalHeader as R } from "../components/ModalHeader.js";
+import { ModalFooter as U } from "../components/ModalFooter.js";
+import { CouponCard as V } from "../components/CouponCard.js";
+import { NoCoupons as W } from "../components/NoCoupons.js";
+import { Alert as X } from "../components/Alert.js";
+import { InfoIcon as Y } from "../../../assets/svgs/InfoIcon.js";
+import { addCoupon as Z } from "../api/addCoupon.js";
+const to = ({
+  addCouponMutation: w,
+  removeCouponMutation: _,
+  account: D,
+  orderFormId: d,
+  hasItemsInCart: x,
   isIO: p,
-  closeIOModal: u,
-  coupons: c,
+  closeIOModal: s,
+  coupons: n,
   firstCouponName: i,
-  secondCouponName: _,
-  replaceCoupon: w,
+  secondCouponName: L,
+  replaceCoupon: C,
   setView: A,
-  setActiveRule: D,
-  setDataItem: L,
+  setActiveRule: q,
+  setDataItem: H,
   setFirstCouponName: m,
-  setSecondCouponName: n,
+  setSecondCouponName: f,
   setReplaceCoupon: B,
-  setIsCloseModalEmpty: S,
-  genericTaggingEvent: r
+  setIsCloseModalEmpty: J,
+  genericTaggingEvent: t
 }) => {
-  const [t, q] = a(""), [H, j] = a(!1), [M, s] = a(""), [f, d] = a(!1), [P, h] = a(!1), k = (l) => {
-    l.preventDefault(), q(l.target.value);
-  }, z = async (l) => {
-    l.preventDefault();
+  const [r, P] = l(""), [k, N] = l(!1), [z, u] = l(""), [h, e] = l(!1), [G, y] = l(!1), K = (a) => {
+    a.preventDefault(), P(a.target.value);
+  }, M = async (a) => {
+    a.preventDefault();
     try {
-      if (!i || i && w) {
-        j(!0);
-        const y = await G(b, x, t);
-        B(!1), n(""), y.error.length <= 0 ? (r == null || r("discount_coupon", {
+      if (!i || i && C) {
+        N(!0);
+        const b = p ? await Z(d, r) : await w({
+          input: {
+            orderFormId: d,
+            couponId: r
+          }
+        }), j = p ? b : JSON.parse(b.addCoupon.data);
+        B(!1), f(""), j.error.length <= 0 ? (t == null || t("discount_coupon", {
           name: "Cupom aplicado do input",
-          couponName: t
-        }), s("success"), h(!0), m(t), p && window.location.reload()) : (r == null || r("discount_coupon", {
+          couponName: r
+        }), u("success"), y(!0), m(r), p && window.location.reload()) : (t == null || t("discount_coupon", {
           name: "Cupom do input expirado ou invalido",
-          couponName: t,
-          objectError: y.error
-        }), s("error"), h(!1), m("")), d(!0);
+          couponName: r,
+          objectError: j.error
+        }), u("error"), y(!1), m("")), e(!0);
       } else
-        n(t), A("overwrite-view");
-    } catch (y) {
-      r == null || r("discount_coupon", {
+        f(r), A("overwrite-view");
+    } catch (b) {
+      t == null || t("discount_coupon", {
         name: "Cupom do input - error na api",
-        couponName: t
-      }), s("error"), h(!1), d(!0);
+        couponName: r
+      }), u("error"), y(!1), e(!0);
     } finally {
-      j(!1);
+      N(!1);
     }
   };
-  return F(() => {
-    f && setTimeout(() => d(!1), 5e3);
-  }, [P, f]), /* @__PURE__ */ e(N, { children: [
-    p && u && /* @__PURE__ */ o(
-      J,
+  return Q(() => {
+    h && setTimeout(() => e(!1), 5e3);
+  }, [G, h]), /* @__PURE__ */ c(S, { children: [
+    p && s && /* @__PURE__ */ o(
+      R,
       {
-        closeModal: u,
+        closeModal: s,
         title: "Meus Cupons",
-        genericTaggingEvent: r
+        genericTaggingEvent: t
       }
     ),
-    C ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ e("form", { onSubmit: z, children: [
+    x ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ c("form", { onSubmit: M, children: [
       /* @__PURE__ */ o(
         "input",
         {
           type: "text",
           placeholder: "Insira o cupom",
-          value: t,
-          onChange: k
+          value: r,
+          onChange: K
         }
       ),
-      /* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: H, children: "Adicionar" })
-    ] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ e("p", { children: [
-      /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(W, {}) }),
+      /* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: k, children: "Adicionar" })
+    ] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ c("p", { children: [
+      /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Y, {}) }),
       "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
     ] }) }),
-    /* @__PURE__ */ o("div", { className: "container-title-coupons", children: c.length > 0 ? /* @__PURE__ */ e(N, { children: [
+    /* @__PURE__ */ o("div", { className: "container-title-coupons", children: n.length > 0 ? /* @__PURE__ */ c(S, { children: [
       /* @__PURE__ */ o("h2", { children: "Cupons disponíveis" }),
-      /* @__PURE__ */ o("div", { className: "container-coupons", children: c.map((l) => /* @__PURE__ */ o(
-        Q,
+      /* @__PURE__ */ o("div", { className: "container-coupons", children: n.map((a) => /* @__PURE__ */ o(
+        V,
         {
-          account: b,
-          orderFormId: x,
-          hasItemsInCart: C,
+          removeCouponMutation: _,
+          addCouponMutation: w,
+          account: D,
+          orderFormId: d,
+          hasItemsInCart: x,
           isIO: p,
-          item: l,
+          item: a,
           firstCouponName: i,
-          secondCouponName: _,
-          replaceCoupon: w,
+          secondCouponName: L,
+          replaceCoupon: C,
           setView: A,
           setFirstCouponName: m,
-          setSecondCouponName: n,
-          setActiveRule: D,
-          setDataItem: L,
+          setSecondCouponName: f,
+          setActiveRule: q,
+          setDataItem: H,
           setReplaceCoupon: B,
-          setAlert: d,
-          setType: s,
-          setIsCloseModalEmpty: S,
-          genericTaggingEvent: r
+          setAlert: e,
+          setType: u,
+          setIsCloseModalEmpty: J,
+          genericTaggingEvent: t
         },
-        l.couponName
+        a.couponName
       )) })
-    ] }) : /* @__PURE__ */ o(U, {}) }),
-    f && /* @__PURE__ */ o(V, { type: M }),
-    p && u && /* @__PURE__ */ o(
-      K,
+    ] }) : /* @__PURE__ */ o(W, {}) }),
+    h && /* @__PURE__ */ o(X, { type: z }),
+    p && s && /* @__PURE__ */ o(
+      U,
       {
-        isFloating: c.length > 0,
-        cancelButtonAction: u,
+        isFloating: n.length > 0,
+        cancelButtonAction: s,
         cancelButtonText: "Sair"
       }
     )
   ] });
 };
 export {
-  E as CouponsView
+  to as CouponsView
 };

package/dist/packages/Coupons/views/LoadingView.js

@@ -1,14 +1,14 @@
 import { jsxs as a, Fragment as n, jsx as r } from "react/jsx-runtime";
-import { Skeleton as i } from "@acctglobal/skeleton";
-import { ModalHeader as m } from "../components/ModalHeader.js";
-import { ModalFooter as u } from "../components/ModalFooter.js";
+import { ModalHeader as i } from "../components/ModalHeader.js";
+import { ModalFooter as m } from "../components/ModalFooter.js";
+import { Skeleton as u } from "../../Skeleton/index.js";
 const f = ({
   isIO: t = !1,
   closeIOModal: o,
   genericTaggingEvent: e
 }) => /* @__PURE__ */ a(n, { children: [
   t && o && /* @__PURE__ */ r(
-    m,
+    i,
     {
       closeModal: o,
       title: "Meus Cupons",
@@ -16,7 +16,7 @@ const f = ({
     }
   ),
   /* @__PURE__ */ r(
-    i,
+    u,
     {
       width: t ? "100%" : "90%",
       height: t ? 600 : 425,
@@ -26,7 +26,7 @@ const f = ({
     }
   ),
   t && o && /* @__PURE__ */ r(
-    u,
+    m,
     {
       isFloating: !0,
       cancelButtonAction: o,

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/ProductCardBadge/ProductCardBadgeKg.d.ts

@@ -6,5 +6,5 @@ interface ProductCardBadgeProps {
     measurementUnit?: string;
     setIsShowProductBadge: React.Dispatch<React.SetStateAction<boolean>>;
 }
-export declare const ProductCardBadgeKg: ({ measurementUnit, skuSpecifications, unitMultiplier, setIsShowProductBadge }: ProductCardBadgeProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const ProductCardBadgeKg: ({ measurementUnit, setIsShowProductBadge, unitMultiplier }: ProductCardBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/packages/ProductCard/ProductCardBadge/ProductCardBadgeKg.js

@@ -1,24 +1,18 @@
-import { jsx as c, jsxs as h } from "react/jsx-runtime";
-import { useMemo as g, useEffect as v } from "react";
-const b = ({
-  measurementUnit: n,
-  skuSpecifications: o,
-  unitMultiplier: r,
-  setIsShowProductBadge: s
-}) => {
-  const m = "Venda por unidade", e = o == null ? void 0 : o.some((f) => f.field.originalName === m && f.values.some((N) => N.originalName === "true")), d = g(() => e ? null : r > 1 ? r : r === 1 ? n !== "un" ? r : null : r * 1e3, [e, r]), a = g(() => e ? "Un" : r * 1e3 >= 1e3 ? n : "g", [e, n, r]);
-  if (v(() => {
-    if (!d || !a) {
-      s(!1);
-      return;
-    }
-    s(!0);
-  }, [d, a]), !(!d || !a))
-    return /* @__PURE__ */ c("div", { className: "product-card-badge", children: /* @__PURE__ */ h("p", { className: "product-card-badge-kg", children: [
-      d,
-      a
-    ] }) });
-};
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { useEffect as o } from "react";
+const f = ({
+  measurementUnit: c,
+  setIsShowProductBadge: r,
+  unitMultiplier: d
+}) => (o(() => {
+  c !== "un" && (d < 1 || d >= 1) && r(!0);
+}, [c, d, r]), c === "un" ? null : d < 1 ? /* @__PURE__ */ a("div", { className: "product-card-badge", children: /* @__PURE__ */ g("p", { className: "product-card-badge-kg", children: [
+  d * 1e3,
+  "g"
+] }) }) : /* @__PURE__ */ a("div", { className: "product-card-badge", children: /* @__PURE__ */ g("p", { className: "product-card-badge-kg", children: [
+  d,
+  "kg"
+] }) }));
 export {
-  b as ProductCardBadgeKg
+  f as ProductCardBadgeKg
 };

package/dist/packages/ProductCard/ProductCardBadge/ProductCardDiscountBadge.d.ts

@@ -1,4 +1,4 @@
-import { SkuSpecificationsProps, ProductCardProps } from '../../../types/ProductCard';
+import { SkuSpecificationsProps, ProductCardProps, offers } from '../../../types/ProductCard';
 
 interface ProductCardDiscountBadge {
     skuSpecifications: SkuSpecificationsProps[];
@@ -8,6 +8,7 @@ interface ProductCardDiscountBadge {
     hasPromotionalPrice: ProductCardProps['hasPromotionalPrice'];
     defaultScListPrice?: number;
     setIsShowProductBadge: React.Dispatch<React.SetStateAction<boolean>>;
+    offers: offers;
 }
-export declare const ProductCardDiscountBadge: ({ nativeListPrice, nativeSpotPrice, skuSpecifications, unitMultiplier, hasPromotionalPrice, defaultScListPrice, setIsShowProductBadge }: ProductCardDiscountBadge) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ProductCardDiscountBadge: ({ offers, setIsShowProductBadge }: ProductCardDiscountBadge) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/packages/ProductCard/ProductCardBadge/ProductCardDiscountBadge.js

@@ -1,42 +1,26 @@
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useMemo as l, useEffect as D } from "react";
-const E = ({
-  nativeListPrice: c,
-  nativeSpotPrice: s,
-  skuSpecifications: n,
-  unitMultiplier: a,
-  hasPromotionalPrice: i,
-  defaultScListPrice: P,
-  setIsShowProductBadge: d
+import { jsx as d, jsxs as i } from "react/jsx-runtime";
+import { useEffect as a, useMemo as m } from "react";
+const h = ({
+  offers: n,
+  setIsShowProductBadge: c
 }) => {
-  const { listPrice: u, spotPrice: o } = i || {}, f = (r, e) => l(() => {
-    const g = (r - e) * 100 / r;
-    return Math.round(g);
-  }, [e, r]), { listPriceCustom: m, spotPriceCustom: p } = l(() => u && o && o !== s ? {
-    listPriceCustom: u,
-    spotPriceCustom: o
-  } : {
-    listPriceCustom: c,
-    spotPriceCustom: s
-  }, [
-    u,
-    o,
-    s,
-    c
-  ]), C = "Venda por unidade", N = n == null ? void 0 : n.some((r) => r.field.originalName === C && r.values.some((e) => e.originalName === "true")), h = P || (N ? m : ((r) => Number(r.toString().match(/^\d+(?:\.\d{0,2})?/)))(m * a)), t = Math.round(
-    Number(f(h, p))
+  const { listPrice: u, price: o } = n == null ? void 0 : n.offers[0], t = Math.round(
+    Number(((r, e) => m(() => {
+      const s = (r - e) * 100 / r;
+      return Math.round(s);
+    }, [e, r]))(u, o))
   );
-  return D(() => {
+  return a(() => {
     if (!t || t <= 0) {
-      d(!1);
+      c(!1);
       return;
     }
-    d(!0);
-  }, [t]), !t || t <= 0 ? null : /* @__PURE__ */ b("div", { className: "product-card-discount-badge", children: /* @__PURE__ */ x("p", { className: "product-card-discount-badge-value", children: [
+    c(!0);
+  }, [t]), !t || t <= 0 ? null : /* @__PURE__ */ d("div", { className: "product-card-discount-badge", children: /* @__PURE__ */ i("p", { className: "product-card-discount-badge-value", children: [
     t,
     "%"
   ] }) });
 };
 export {
-  E as ProductCardDiscountBadge
+  h as ProductCardDiscountBadge
 };

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'>;