@plurix/ecom-components 1.14.3-com2034.0 → 1.15.0-loyalty.0

package/dist/packages/Coupons/components/Alert.js

@@ -1,13 +1,13 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { SuccessIcon as r } from "../../../assets/svgs/SuccessIcon.js";
-import { ErrorIcon as e } from "../../../assets/svgs/ErrorIcon.js";
-const m = ({ type: s }) => s === "success" || s === "removed" ? /* @__PURE__ */ c("div", { className: "applied-coupon-badge success-coupon", children: [
-  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(r, {}) }),
-  s === "success" ? "Cupom aplicado com sucesso" : "Cupom removido com sucesso"
-] }) : /* @__PURE__ */ c("div", { className: "applied-coupon-badge error-coupon", children: [
-  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(e, {}) }),
-  "Não foi possível aplicar o cupom. Tente aplicar mais tarde."
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { CheckMarkBoxIcon as t } from "../../../assets/svgs/CheckMarkBoxIcon.js";
+import { WarningIcon as a } from "../../../assets/svgs/WarningIcon.js";
+const c = {
+  applied: /* @__PURE__ */ n(t, {}),
+  warning: /* @__PURE__ */ n(a, {})
+}, s = ({ type: r, children: o }) => r === "" ? null : /* @__PURE__ */ i("div", { className: `alert ${r}`, children: [
+  c[r],
+  o
 ] });
 export {
-  m as Alert
+  s as Alert
 };

package/dist/packages/Coupons/components/CouponCard.d.ts

@@ -1,27 +1,10 @@
 import { CouponType } from '../types/CouponType';
-import { View } from '../types/Views';
-import { AlertType } from './Alert';
+import { ChangeCouponParams } from '../hooks/useCoupons';
 
 export interface CouponCardProps {
-    account: string;
-    orderFormId: string;
-    hasItemsInCart: boolean;
-    isIO?: boolean;
     item: CouponType;
-    firstCouponName: string;
-    secondCouponName: string;
-    replaceCoupon: boolean;
-    setView: (view: View) => void;
-    setFirstCouponName: (firstCouponName: string) => void;
-    setSecondCouponName: (secondCouponName: string) => void;
-    setActiveRule: (activeRule: boolean) => void;
-    setDataItem: (dataItem: CouponType) => void;
-    setReplaceCoupon: (replaceCoupon: boolean) => void;
-    setAlert: (errorMessage: boolean) => void;
-    setType: (type: AlertType) => void;
-    setIsCloseModalEmpty: (isCloseModalEmpty: boolean) => void;
-    genericTaggingEvent?: (name: string, params: object) => void;
-    addCouponMutation?: any;
-    removeCouponMutation?: any;
+    currentCoupon: string;
+    changeCoupon: (params: ChangeCouponParams) => Promise<void>;
+    isLoading: boolean;
 }
-export declare const CouponCard: ({ orderFormId, hasItemsInCart, isIO, item, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setAlert, setType, setIsCloseModalEmpty, genericTaggingEvent, addCouponMutation, removeCouponMutation }: CouponCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CouponCard: ({ item, currentCoupon, changeCoupon, isLoading }: CouponCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/Coupons/components/CouponCard.js

@@ -1,142 +1,88 @@
-import { jsxs as p, jsx as c } from "react/jsx-runtime";
-import { useState as V, useEffect as q } from "react";
-import { addCoupon as B } from "../api/addCoupon.js";
-import { CouponIcon as G } from "../../../assets/svgs/CouponIcon.js";
-import { SuccessIcon as H } from "../../../assets/svgs/SuccessIcon.js";
-import { removeCoupon as K } from "../api/removeCoupon.js";
-const Z = ({
-  orderFormId: t,
-  hasItemsInCart: D,
-  isIO: r = !1,
-  item: a,
-  firstCouponName: s,
-  secondCouponName: d,
-  replaceCoupon: b,
-  setView: R,
-  setActiveRule: z,
-  setDataItem: J,
-  setFirstCouponName: L,
-  setSecondCouponName: _,
-  setReplaceCoupon: j,
-  setAlert: f,
-  setType: m,
-  setIsCloseModalEmpty: y,
-  genericTaggingEvent: o,
-  addCouponMutation: S,
-  removeCouponMutation: i
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useState as w, useRef as h, useEffect as m } from "react";
+import { CouponIcon as g } from "../../../assets/svgs/CouponIcon.js";
+import { CheckMarkIcon as x } from "../../../assets/svgs/CheckMarkIcon.js";
+import { CloseIcon as b } from "../../../assets/svgs/CloseIcon.js";
+const T = ({
+  item: o,
+  currentCoupon: t,
+  changeCoupon: f,
+  isLoading: N
 }) => {
-  const [x, u] = V(!1), [k, w] = V(!1);
-  q(() => {
-    d.toLowerCase() !== a.couponName.toLowerCase() && u(!1), s && !d && s.toLowerCase() === a.couponName.toLowerCase() && u(!0), s && d && b && d.toLowerCase() === a.couponName.toLowerCase() && A(d);
-  }, [s, d, b]);
-  const A = async (l) => {
-    if (D)
-      try {
-        if (!s || s && b) {
-          w(!0);
-          const h = r ? await B(t, l) : await S({
-            input: {
-              orderFormId: t,
-              couponId: l
-            }
-          }), N = r ? h : JSON.parse(h.addCoupon.data);
-          j(!1), L(l), _(""), N.error.length <= 0 ? (o == null || o("discount_coupon", {
-            name: "cupom aplicado",
-            cupomName: l
-          }), m("success"), u(!0), r && window.location.reload()) : (o == null || o("discount_coupon", {
-            name: "cupom aplicando - cupom incorreto ou expirado",
-            cupomName: l,
-            objectError: N.error
-          }), m("error"), u(!1), L("")), f(!0);
-        } else
-          _(l), R("overwrite-view");
-      } catch (h) {
-        o == null || o("discount_coupon", {
-          name: "problema na api",
-          cupomName: l
-        }), u(!1), m("error"), f(!0);
-      } finally {
-        w(!1);
-      }
-    else
-      o == null || o("discount_coupon", {
-        name: "Modal de cart vazio acionado"
-      }), y(!0);
-  }, M = async () => {
-    if (D)
-      try {
-        w(!0), j(!1);
-        const l = r ? await K(t) : await i({
-          input: {
-            orderFormId: t
+  const [i, d] = w(!1), a = h(null), r = h(null), s = !!(t && t.toLowerCase() === o.couponName.toLowerCase());
+  async function C() {
+    await f({
+      couponName: o.couponName,
+      isAdding: !s,
+      isFromForm: !1
+    });
+  }
+  function p() {
+    d(!i);
+  }
+  return m(() => {
+    var c;
+    if (i && r.current && a.current) {
+      const l = (c = a.current.clientWidth) != null ? c : 328;
+      r.current.style.width = `${l}px`;
+    }
+  }, [i]), m(() => {
+    const c = (l) => {
+      var u;
+      r.current && (l == null ? void 0 : l.target) instanceof Node && !((u = r.current) != null && u.contains(l == null ? void 0 : l.target)) && d(!1);
+    };
+    return i ? document.addEventListener("mousedown", c) : document.removeEventListener("mousedown", c), () => {
+      document.removeEventListener("mousedown", c);
+    };
+  }, [i]), /* @__PURE__ */ e("div", { className: "coupon-wrapper", ref: a, children: /* @__PURE__ */ n("div", { className: `container-card-coupon ${s ? "active" : ""}`, children: [
+    /* @__PURE__ */ n("div", { className: "card-coupon-content", children: [
+      /* @__PURE__ */ n("div", { className: "text-container", children: [
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("div", { className: "container-title", children: [
+            /* @__PURE__ */ e(g, {}),
+            /* @__PURE__ */ e("h3", { className: "title", children: o.couponName }),
+            o.couponValue && /* @__PURE__ */ e("p", { className: "price-badge", children: o.couponValue })
+          ] }),
+          o.couponDescription && /* @__PURE__ */ e("h4", { className: "subtitle", children: o.couponDescription }),
+          o.couponExpirationDate && /* @__PURE__ */ n("h4", { className: "subtitle", children: [
+            "Válido até ",
+            o.couponExpirationDate
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: `select-coupon ${s ? "applied" : ""}`,
+            onClick: C,
+            disabled: N,
+            children: s && /* @__PURE__ */ e(x, {})
           }
-        }), h = r ? l : JSON.parse(l.removeCoupon.data);
-        h.error.length <= 0 ? (o == null || o("discount_coupon", {
-          name: "cupom removido com sucesso",
-          cupomName: s
-        }), m("removed"), u(!1), L(""), _(""), r && window.location.reload()) : (o == null || o("discount_coupon", {
-          name: "algum problema na remoção do cupom",
-          cupomName: s,
-          objectError: h.error
-        }), m("error"), u(!0)), f(!0);
-      } catch (l) {
-        o == null || o("discount_coupon", {
-          name: "problema na api - na remoção do cupom",
-          cupomName: s
-        }), m("error"), u(!0), f(!0);
-      } finally {
-        w(!1);
-      }
-    else
-      o == null || o("discount_coupon", {
-        name: "Modal de cart vazio acionado"
-      }), y(!0);
-  }, $ = () => {
-    z(!0), J(a), R("rules-view");
-  };
-  return /* @__PURE__ */ p("div", { className: `container-card-coupon ${x ? "active" : ""}`, children: [
-    /* @__PURE__ */ p("div", { className: "text-container", children: [
-      /* @__PURE__ */ p("div", { className: "container-title", children: [
-        /* @__PURE__ */ c(G, { width: 20, height: 16 }),
-        /* @__PURE__ */ c("h3", { className: "title", children: a.couponName })
+        )
       ] }),
-      a.couponValue && /* @__PURE__ */ p("p", { className: "price-badge", children: [
-        "- ",
-        a.couponValue
-      ] }),
-      a.couponDescription && /* @__PURE__ */ c("h4", { className: "subtitle", children: a.couponDescription }),
-      a.couponExpirationDate && /* @__PURE__ */ p("h4", { className: "subtitle", children: [
-        "Válido até ",
-        a.couponExpirationDate
-      ] })
+      /* @__PURE__ */ e("div", { className: `ellipse left ${s ? "applied" : ""}` }),
+      /* @__PURE__ */ e("div", { className: `ellipse right ${s ? "applied" : ""}` })
     ] }),
-    /* @__PURE__ */ c("div", { className: "vertical-line" }),
-    /* @__PURE__ */ p("div", { className: "buttons-container", children: [
-      x && /* @__PURE__ */ p("button", { className: "applied-coupon", children: [
-        /* @__PURE__ */ c("span", { className: "applied-coupon-span", children: /* @__PURE__ */ c(H, {}) }),
-        "Aplicado"
+    o.couponRules && o.couponRules.length > 0 && /* @__PURE__ */ e("button", { className: "see-rules", onClick: p, children: "*Termos & condições" }),
+    i && /* @__PURE__ */ n("div", { className: "tooltip-rules", ref: r, children: [
+      /* @__PURE__ */ n("div", { className: "tooltip-rules-header", children: [
+        /* @__PURE__ */ e("h4", { children: "Termos e Condições" }),
+        /* @__PURE__ */ e("button", { onClick: p, children: /* @__PURE__ */ e(b, {}) })
       ] }),
-      x ? /* @__PURE__ */ c(
-        "button",
-        {
-          onClick: M,
-          className: "remove-coupon",
-          disabled: k,
-          children: "Remover"
-        }
-      ) : /* @__PURE__ */ c(
-        "button",
-        {
-          onClick: () => A(a.couponName),
-          className: "apply-coupon",
-          disabled: k,
-          children: "Aplicar"
-        }
-      ),
-      a.couponDescription && /* @__PURE__ */ c("a", { onClick: $, children: "Ver Regras" })
+      /* @__PURE__ */ e("p", { children: o.couponDescription }),
+      /* @__PURE__ */ n("ul", { children: [
+        o.couponRules.map((c) => /* @__PURE__ */ n("li", { children: [
+          "• ",
+          c
+        ] }, c)),
+        /* @__PURE__ */ n("li", { children: [
+          "• Válido até ",
+          o.couponExpirationDate,
+          "."
+        ] })
+      ] })
     ] })
-  ] });
+  ] }) });
 };
 export {
-  Z as CouponCard
+  T as CouponCard
 };

package/dist/packages/Coupons/components/NoCoupons.js

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { NoCouponsIcon as s } from "../../../assets/svgs/NoCouponIcon.js";
-const i = () => /* @__PURE__ */ n("div", { className: "noCoupons", children: [
-  /* @__PURE__ */ o("h1", { className: "noCoupons-h3", children: "Não há cupons disponíveis no momento" }),
-  /* @__PURE__ */ o(s, {}),
-  /* @__PURE__ */ o("p", { className: "noCoupons-p", children: "Caso você tenha algum código de cupom em mãos, insira o código acima, ou entre no seu carrinho de compras e insira o código no campo ‘Cupom de Desconto’." })
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { NoCouponsIcon as n } from "../../../assets/svgs/NoCouponIcon.js";
+const a = () => /* @__PURE__ */ s("div", { className: "noCoupons", children: [
+  /* @__PURE__ */ o("h3", { className: "noCoupons-h3", children: "Não há cupons disponíveis no momento" }),
+  /* @__PURE__ */ o(n, {}),
+  /* @__PURE__ */ o("p", { className: "noCoupons-p", children: "Caso você tenha algum código de cupom em mãos, insira o código acima, ou entre no seu carrinho de compras e insira o código no campo ‘Meus Cupons e Vale-compras’." })
 ] });
 export {
-  i as NoCoupons
+  a as NoCoupons
 };

package/dist/packages/Coupons/hooks/useCoupons.d.ts

@@ -0,0 +1,34 @@
+import { AlertType } from '../components/Alert';
+import { CouponType } from '../types/CouponType';
+
+export interface UseCouponsParams {
+    orderFormId: string;
+    hasItemsInCart: boolean;
+    builder: 'faststore' | 'app';
+    account: string;
+    isIO?: boolean;
+    activeOrderFormCoupon?: string;
+    genericTaggingEvent?: (name: string, params: object) => void;
+    couponsList?: CouponType[];
+    qtdCouponsView?: number;
+    getCouponsMutation?: any;
+    addCouponMutation?: any;
+    removeCouponMutation?: any;
+}
+export interface ChangeCouponParams {
+    couponName: string;
+    isAdding: boolean;
+    isFromForm: boolean;
+}
+export declare function useCoupons({ orderFormId, hasItemsInCart, builder, account, isIO, activeOrderFormCoupon, genericTaggingEvent, couponsList, qtdCouponsView, getCouponsMutation, addCouponMutation, removeCouponMutation }: UseCouponsParams): {
+    isLoadingCouponList: boolean;
+    coupons: CouponType[];
+    currentCoupon: string;
+    isLoadingButton: boolean;
+    inputCoupon: string;
+    isInputError: boolean;
+    showAlert: AlertType;
+    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => Promise<void>;
+    handleChangeInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    changeCoupon: ({ couponName, isAdding, isFromForm }: ChangeCouponParams) => Promise<void>;
+};

package/dist/packages/Coupons/hooks/useCoupons.js

@@ -0,0 +1,109 @@
+import { useState as u, useEffect as D } from "react";
+import { addCoupon as K } from "../api/addCoupon.js";
+import { removeCoupon as P } from "../api/removeCoupon.js";
+import { getCoupons as Q } from "../api/getCoupons.js";
+function Z({
+  orderFormId: f,
+  hasItemsInCart: O,
+  builder: J,
+  account: c,
+  isIO: R = !1,
+  activeOrderFormCoupon: e,
+  genericTaggingEvent: s,
+  couponsList: w,
+  qtdCouponsView: L,
+  getCouponsMutation: h,
+  addCouponMutation: m,
+  removeCouponMutation: n
+}) {
+  const [b, _] = u(!0), [d, C] = u([]), [j, y] = u(""), [q, $] = u(!1), [S, x] = u(""), [z, l] = u(!1), [k, I] = u("");
+  function G(o) {
+    o.preventDefault(), x(o.target.value);
+  }
+  async function H(o) {
+    if (o.preventDefault(), !S) {
+      l(!0);
+      return;
+    }
+    await B({
+      couponName: S,
+      isAdding: !0,
+      isFromForm: !0
+    });
+  }
+  async function B({
+    couponName: o,
+    isAdding: t,
+    isFromForm: p
+  }) {
+    if (I(""), l(!1), t && !O) {
+      s == null || s("discount_coupon", {
+        name: "Alerta de carrinho vazio acionado"
+      }), I("warning");
+      return;
+    }
+    try {
+      $(!0);
+      let r;
+      if (t) {
+        const a = m ? await m({
+          input: { orderFormId: f, couponId: o }
+        }) : await K(c, f, o);
+        r = m ? JSON.parse(a.addCoupon.data) : a;
+      } else {
+        const a = n ? await n({ input: { orderFormId: f } }) : await P(c, f);
+        r = n ? JSON.parse(a.removeCoupon.data) : a;
+      }
+      r.error.length <= 0 ? (s == null || s("discount_coupon", {
+        name: `Cupom ${t ? "aplicado" : "removido"}`,
+        couponName: o
+      }), y(t ? o : ""), I(t ? "applied" : ""), R && window.location.reload()) : (s == null || s("discount_coupon", {
+        name: `Erro ao ${t ? "aplicar" : "remover"} cupom`,
+        couponName: o,
+        objectError: r.error
+      }), y(t ? "" : o), p && l(!0));
+    } catch (r) {
+      s == null || s("discount_coupon", {
+        name: `Erro ao ${t ? "aplicar" : "remover"} cupom`,
+        couponName: o
+      }), p && l(!0);
+    } finally {
+      $(!1);
+    }
+  }
+  return D(() => {
+    e && y(e);
+  }, [e]), D(() => {
+    (async () => {
+      _(!0);
+      try {
+        const t = h ? await h({ input: { builder: J, couponsList: w } }) : await Q(c, J, w), p = h ? JSON.parse(t.getCoupons.data).coupons : t;
+        if (L) {
+          const r = p.slice(0, L);
+          C(r);
+          return;
+        }
+        C(p);
+        return;
+      } catch (t) {
+        C([]);
+      } finally {
+        _(!1);
+      }
+    })();
+  }, [JSON.stringify(w)]), {
+    isLoadingCouponList: b,
+    coupons: d,
+    currentCoupon: j,
+    isLoadingButton: q,
+    inputCoupon: S,
+    isInputError: z,
+    showAlert: k,
+    handleSubmit: H,
+    handleChangeInput: G,
+    changeCoupon: B
+  };
+}
+export {
+  Z as useCoupons
+};

package/dist/packages/Coupons/types/CouponType.d.ts

@@ -1,6 +1,6 @@
 export interface CouponType {
     couponName: string;
-    couponValue: string;
+    couponValue?: string;
     couponDescription: string;
     couponRules: Array<string>;
     couponInitialDate: string;

package/dist/packages/VouchersRedeemed/VouchersRedeemed.d.ts

@@ -0,0 +1,24 @@
+import { ImageProps } from './components/VoucherRedeemedCard/VoucherRedeemedCard';
+import { StatusMessageTryApplyProps } from './components/StatusMessageTryApply/StatusMessageTryApply';
+
+interface VoucherRedeemedProps {
+    image: ImageProps;
+}
+interface DataCouponsCartonistProps {
+    isLoading: boolean;
+    couponsCartonist?: string[];
+}
+interface VouchersRedeemedProps {
+    brand: string;
+    voucher: VoucherRedeemedProps;
+    title: string;
+    text?: string;
+    dataCouponsCartonist?: DataCouponsCartonistProps;
+    couponApplied?: string;
+    statusMessage?: StatusMessageTryApplyProps;
+    onClick?: (couponId: string) => void;
+    availableAreaSizeToCarouselByItem?: number;
+    isShowEmpty?: boolean;
+}
+export declare function VouchersRedeemed({ brand, voucher, title, text, dataCouponsCartonist, couponApplied, statusMessage, onClick, availableAreaSizeToCarouselByItem, isShowEmpty }: VouchersRedeemedProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/packages/VouchersRedeemed/VouchersRedeemed.js

@@ -0,0 +1,145 @@
+var U = Object.defineProperty, W = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var v = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var R = (n, l, f) => l in n ? U(n, l, { enumerable: !0, configurable: !0, writable: !0, value: f }) : n[l] = f, S = (n, l) => {
+  for (var f in l || (l = {}))
+    O.call(l, f) && R(n, f, l[f]);
+  if (v)
+    for (var f of v(l))
+      F.call(l, f) && R(n, f, l[f]);
+  return n;
+}, $ = (n, l) => W(n, B(l));
+import { jsx as d, jsxs as j } from "react/jsx-runtime";
+/* empty css                              */import G from "../../hooks/useWindowDimensions.js";
+import { AdaptiveCarousel as J } from "../AdaptiveCarousel/AdaptiveCarousel.js";
+import { VoucherRedeemedCard as K } from "./components/VoucherRedeemedCard/VoucherRedeemedCard.js";
+import { useState as Q, useEffect as k, useMemo as X } from "react";
+import { getCouponsClubCardByUser as Y } from "./api/getCouponsCartonistByUser.js";
+import { getCouponPrice as Z } from "./utils/getCouponPrice.js";
+import { StatusMessageTryApply as h } from "./components/StatusMessageTryApply/StatusMessageTryApply.js";
+import { VouchersRedeemedSkeleton as o } from "./components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js";
+import { VALID_VOUCHERS as z } from "./data/validVouchers.js";
+import { setBoldTextParts as q } from "../../utils/setBoldTextParts.js";
+function dl({
+  brand: n,
+  voucher: l,
+  title: f,
+  text: w,
+  dataCouponsCartonist: e,
+  couponApplied: s,
+  statusMessage: L,
+  onClick: E,
+  availableAreaSizeToCarouselByItem: N,
+  isShowEmpty: H
+}) {
+  var I;
+  const [m, x] = Q({
+    isLoading: !e,
+    couponsCartonist: (I = e == null ? void 0 : e.couponsCartonist) != null ? I : []
+  }), { width: T } = G(), t = T && T < 768;
+  k(() => {
+    e && x(e);
+  }, [e]), k(() => {
+    async function r() {
+      var y;
+      try {
+        x({ isLoading: !0, couponsCartonist: [] });
+        const c = await Y();
+        x({
+          isLoading: !1,
+          couponsCartonist: (y = c == null ? void 0 : c.split("|")) != null ? y : []
+        });
+      } catch (c) {
+        x({ isLoading: !1, couponsCartonist: [] });
+      }
+    }
+    e || r();
+  }, [e]);
+  const i = X(() => {
+    var c;
+    if (m != null && m.isLoading)
+      return;
+    const r = m.couponsCartonist;
+    return r != null && r.length ? (c = r == null ? void 0 : r.map((g) => {
+      var _, b;
+      if (!z.includes(g))
+        return;
+      const P = Z(g);
+      return {
+        title: `Vale ${n} - Loja Online - ${P}`,
+        text: `${n} +amigo`,
+        informationText: `Código: ${g == null ? void 0 : g.toUpperCase()}`,
+        buttonText: "Aplicar no carrinho",
+        couponId: g == null ? void 0 : g.toLowerCase(),
+        image: {
+          src: (_ = l == null ? void 0 : l.image) == null ? void 0 : _.src,
+          alt: (b = l == null ? void 0 : l.image) == null ? void 0 : b.alt
+        }
+      };
+    })) == null ? void 0 : c.filter(Boolean) : [];
+  }, [m, n, l]);
+  return m != null && m.isLoading ? /* @__PURE__ */ d(
+    o,
+    {
+      sizeCard: {
+        desktop: { width: 193, height: 220 },
+        mobile: { width: 160, height: 208 }
+      },
+      availableAreaSizeToCarouselByItem: N
+    }
+  ) : H && !(i != null && i.length) ? /* @__PURE__ */ j("div", { id: "vouchersRedeemed", className: "club-card-vouchersRedeemed isEmpty", children: [
+    /* @__PURE__ */ d("h2", { className: "vouchersRedeemed-title", children: f }),
+    w && /* @__PURE__ */ d(
+      "p",
+      {
+        className: "vouchersRedeemed-subtitle",
+        dangerouslySetInnerHTML: { __html: q(w) }
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "vouchersRedeemed-empty", children: /* @__PURE__ */ d("p", { children: "Não há vales-compras disponíveis no momento" }) })
+  ] }) : !f || !(i != null && i.length) ? null : /* @__PURE__ */ j("div", { id: "vouchersRedeemed", className: "club-card-vouchersRedeemed", children: [
+    /* @__PURE__ */ d("h2", { className: "vouchersRedeemed-title", children: f }),
+    w && /* @__PURE__ */ d(
+      "p",
+      {
+        className: "vouchersRedeemed-subtitle",
+        dangerouslySetInnerHTML: { __html: q(w) }
+      }
+    ),
+    /* @__PURE__ */ d(
+      J,
+      {
+        quantity: i == null ? void 0 : i.length,
+        quantityToCarousel: N ? N + 1 : 6,
+        activeBlur: !1,
+        forceCarousel: !!t && (i == null ? void 0 : i.length) > 1,
+        propsCarousel: {
+          gapItems: 0,
+          itemWidthProp: t ? 160 : 193,
+          qtyItems: N
+        },
+        isNewDots: !0,
+        children: i == null ? void 0 : i.map((r, y) => /* @__PURE__ */ d(
+          K,
+          $(S({}, r), {
+            onClick: E,
+            buttonText: (s == null ? void 0 : s.toLowerCase()) === (r == null ? void 0 : r.couponId) ? "Vale aplicado!" : r == null ? void 0 : r.buttonText,
+            statusButton: (s == null ? void 0 : s.toLowerCase()) === (r == null ? void 0 : r.couponId) ? "clicked" : void 0
+          }),
+          y
+        ))
+      }
+    ),
+    L && /* @__PURE__ */ d(
+      h,
+      {
+        type: L == null ? void 0 : L.type,
+        text: L == null ? void 0 : L.text
+      }
+    )
+  ] });
+}
+export {
+  dl as VouchersRedeemed
+};

package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.d.ts

@@ -0,0 +1 @@
+export declare const getCouponsClubCardByUser: () => Promise<any>;

package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.js

@@ -0,0 +1,20 @@
+const n = async () => {
+  try {
+    return await fetch(
+      "/api/io/safedata/CL/documents/search?_fields=couponCartonist",
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          Accept: "application/json"
+        }
+      }
+    ).then((t) => t.json());
+  } catch (o) {
+    console.error("Error getCouponsClubCardByUser");
+    return;
+  }
+};
+export {
+  n as getCouponsClubCardByUser
+};