@plurix/ecom-components 1.15.0-loyalty.1 → 1.16.0-commerce.0

package/dist/packages/Coupons/Coupons.js

@@ -1,82 +1,120 @@
-import { jsx as o, jsxs as e, Fragment as p } from "react/jsx-runtime";
-import { Skeleton as C } from "../Skeleton/index.js";
-import { ErrorIcon as f } from "../../assets/svgs/ErrorIcon.js";
-import { CouponCard as N } from "./components/CouponCard.js";
-import { Alert as v } from "./components/Alert.js";
-import { NoCoupons as b } from "./components/NoCoupons.js";
-import { useCoupons as S } from "./hooks/useCoupons.js";
-/* empty css                    */const k = (r) => {
-  const { isIO: l } = r, {
-    isLoadingCouponList: m,
-    coupons: i,
-    currentCoupon: a,
-    inputCoupon: u,
-    isLoadingButton: c,
-    isInputError: s,
-    showAlert: n,
-    handleSubmit: d,
-    handleChangeInput: h,
-    changeCoupon: g
-  } = S(r);
-  return m ? /* @__PURE__ */ o("div", { className: "coupons-container", children: /* @__PURE__ */ o(
-    C,
+import { jsx as e, jsxs as P } from "react/jsx-runtime";
+import { useState as t, useEffect as h } from "react";
+import { LoadingView as Q } from "./views/LoadingView.js";
+import { CouponsView as U } from "./views/CouponsView.js";
+import { RulesView as W } from "./views/RulesView.js";
+import { OverwriteView as X } from "./views/OverwriteView.js";
+import { EmptyCartView as Y } from "./views/EmptyCartView.js";
+import { getCoupons as Z } from "./api/getCoupons.js";
+/* empty css                    */const to = ({
+  orderFormId: j,
+  hasItemsInCart: f,
+  builder: l,
+  account: A,
+  isIO: o = !1,
+  closeIOModal: r,
+  activeOrderFormCoupon: n,
+  genericTaggingEvent: s,
+  disableFirstEmptyModal: J,
+  couponsList: p,
+  qtdCouponsView: w,
+  getCouponsMutation: q,
+  addCouponMutation: D,
+  removeCouponMutation: L
+}) => {
+  const [k, C] = t(!0), [z, a] = t([]), [u, c] = t("coupons-view"), [B, N] = t(!1), [d, y] = t(!1), [v, R] = t(""), [m, V] = t(""), [E, S] = t(
+    !J
+  ), [G, H] = t();
+  return h(() => {
+    n && R(n);
+  }, [n]), h(() => {
+    (async () => {
+      C(!0);
+      try {
+        const i = o ? await Z(l, p) : await q({
+          input: {
+            builder: l,
+            couponsList: p
+          }
+        }), x = o ? i : JSON.parse(i.getCoupons.data).coupons;
+        if (w) {
+          const K = x.slice(0, w);
+          a(K);
+          return;
+        }
+        a(x);
+        return;
+      } catch (i) {
+        a([]);
+      } finally {
+        C(!1);
+      }
+    })();
+  }, [JSON.stringify(p)]), k ? /* @__PURE__ */ e("div", { className: "coupons-container", children: /* @__PURE__ */ e(
+    Q,
     {
-      width: "100%",
-      height: 600,
-      backgroundColor: "var(--color-grayScale-faded)",
-      margin: "auto",
-      animation: !0
+      isIO: o,
+      closeIOModal: r,
+      genericTaggingEvent: s
     }
-  ) }) : /* @__PURE__ */ e("div", { className: "coupons-container", children: [
-    /* @__PURE__ */ e("div", { className: "form-coupons", children: [
-      /* @__PURE__ */ o("p", { children: "Digite o código do seu cupom ou selecione o que deseja resgatar:" }),
-      /* @__PURE__ */ e("form", { onSubmit: d, children: [
-        /* @__PURE__ */ o(
-          "input",
-          {
-            type: "text",
-            placeholder: "Digite o código",
-            value: u,
-            onChange: h,
-            className: s ? "error" : ""
-          }
-        ),
-        /* @__PURE__ */ o("button", { type: "submit", name: "Aplicar", disabled: c, children: "Aplicar" }),
-        s && /* @__PURE__ */ e("p", { className: "error-message", children: [
-          /* @__PURE__ */ o(f, {}),
-          " Não foi possível aplicar o Cupom"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "container-title-coupons", children: i.length > 0 ? /* @__PURE__ */ e(p, { children: [
-      !l && /* @__PURE__ */ e(p, { children: [
-        /* @__PURE__ */ o("h2", { className: "container-main-title", children: "Seus Cupons de Descontos" }),
-        /* @__PURE__ */ o("p", { className: "container-main-subtitle", children: "Você precisa ter um cupom e pelo menos 1 item no carrinho para aplicar o desconto." })
-      ] }),
-      /* @__PURE__ */ o("div", { className: "container-coupons", children: i.map((t) => /* @__PURE__ */ o(
-        N,
-        {
-          item: t,
-          currentCoupon: a,
-          changeCoupon: g,
-          isLoading: c
-        },
-        t.couponName
-      )) }),
-      n && /* @__PURE__ */ e(v, { type: n, children: [
-        n === "applied" && /* @__PURE__ */ e("p", { children: [
-          "Cupom ",
-          /* @__PURE__ */ o("strong", { children: a }),
-          " aplicado com sucesso!"
-        ] }),
-        n === "warning" && /* @__PURE__ */ e("p", { children: [
-          "Para adicionar o cupom, é necessário que você tenha pelo menos ",
-          /* @__PURE__ */ o("strong", { children: "1 produto no carrinho." })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ o(b, {}) })
+  ) }) : /* @__PURE__ */ P("div", { className: "coupons-container", children: [
+    (!o || o && u === "coupons-view") && /* @__PURE__ */ e(
+      U,
+      {
+        removeCouponMutation: L,
+        addCouponMutation: D,
+        orderFormId: j,
+        hasItemsInCart: f,
+        account: A,
+        isIO: o,
+        closeIOModal: r,
+        coupons: z,
+        firstCouponName: v,
+        secondCouponName: m,
+        replaceCoupon: d,
+        setView: c,
+        setFirstCouponName: R,
+        setSecondCouponName: V,
+        setActiveRule: N,
+        setDataItem: H,
+        setReplaceCoupon: y,
+        setIsCloseModalEmpty: S,
+        genericTaggingEvent: s
+      }
+    ),
+    (!o || o && u === "rules-view") && B && /* @__PURE__ */ e(
+      W,
+      {
+        dataItem: G,
+        setActiveRule: N,
+        setView: c,
+        isIO: o,
+        closeIOModal: r,
+        genericTaggingEvent: s
+      }
+    ),
+    (!o || o && u === "overwrite-view") && m && !d && /* @__PURE__ */ e(
+      X,
+      {
+        firstCouponName: v,
+        secondCouponName: m,
+        setView: c,
+        setReplaceCoupon: y,
+        setSecondCouponName: V,
+        isIO: o,
+        closeIOModal: r,
+        genericTaggingEvent: s
+      }
+    ),
+    !f && E && /* @__PURE__ */ e(
+      Y,
+      {
+        setIsCloseModalEmpty: S,
+        genericTaggingEvent: s
+      }
+    )
   ] });
 };
 export {
-  k as Coupons
+  to as Coupons
 };

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

@@ -1,8 +1,6 @@
-/// <reference types="react" />
 interface AlertProps {
     type: AlertType;
-    children: React.ReactNode;
 }
-export type AlertType = '' | 'applied' | 'warning';
-export declare const Alert: ({ type, children }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+export type AlertType = '' | 'success' | 'removed' | 'error';
+export declare const Alert: ({ type }: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,13 +1,13 @@
-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
+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."
 ] });
 export {
-  s as Alert
+  m as Alert
 };

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

@@ -0,0 +1,6 @@
+interface BreadcrumbProps {
+    title: string;
+    cancelButtonAction: () => void;
+}
+export declare const Breadcrumb: ({ title, cancelButtonAction }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { ArrowIcon as a } from "../../../assets/svgs/ArrowIcon.js";
+const s = ({ title: c, cancelButtonAction: o }) => /* @__PURE__ */ t("div", { className: "breadcrumb-container", children: [
+  /* @__PURE__ */ t("div", { className: "breadcrumb-content-container", children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: o,
+        "data-testid": "back-to-coupons-button",
+        children: "Meus Cupons"
+      }
+    ),
+    " ",
+    /* @__PURE__ */ r(a, {}),
+    " ",
+    /* @__PURE__ */ r("span", { children: c })
+  ] }),
+  /* @__PURE__ */ t(
+    "button",
+    {
+      className: "breadcrumb-back-button",
+      onClick: o,
+      "data-testid": "back-button",
+      children: [
+        /* @__PURE__ */ r(a, { color: "var(--color-support-links)", rotate: "Left" }),
+        " Voltar"
+      ]
+    }
+  )
+] });
+export {
+  s as Breadcrumb
+};

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

@@ -1,10 +1,27 @@
 import { CouponType } from '../types/CouponType';
-import { ChangeCouponParams } from '../hooks/useCoupons';
+import { View } from '../types/Views';
+import { AlertType } from './Alert';
 
 export interface CouponCardProps {
+    account: string;
+    orderFormId: string;
+    hasItemsInCart: boolean;
+    isIO?: boolean;
     item: CouponType;
-    currentCoupon: string;
-    changeCoupon: (params: ChangeCouponParams) => Promise<void>;
-    isLoading: boolean;
+    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;
 }
-export declare const CouponCard: ({ item, currentCoupon, changeCoupon, isLoading }: CouponCardProps) => import("react/jsx-runtime").JSX.Element;
+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;

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

@@ -1,88 +1,142 @@
-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
+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
 }) => {
-  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, {})
+  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
           }
-        )
+        }), 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 })
       ] }),
-      /* @__PURE__ */ e("div", { className: `ellipse left ${s ? "applied" : ""}` }),
-      /* @__PURE__ */ e("div", { className: `ellipse right ${s ? "applied" : ""}` })
-    ] }),
-    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, {}) })
+      a.couponValue && /* @__PURE__ */ p("p", { className: "price-badge", children: [
+        "- ",
+        a.couponValue
       ] }),
-      /* @__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,
-          "."
-        ] })
+      a.couponDescription && /* @__PURE__ */ c("h4", { className: "subtitle", children: a.couponDescription }),
+      a.couponExpirationDate && /* @__PURE__ */ p("h4", { className: "subtitle", children: [
+        "Válido até ",
+        a.couponExpirationDate
       ] })
+    ] }),
+    /* @__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"
+      ] }),
+      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" })
     ] })
-  ] }) });
+  ] });
 };
 export {
-  T as CouponCard
+  Z as CouponCard
 };

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

@@ -0,0 +1,8 @@
+import { ModalHeaderProps } from './ModalHeader';
+import { ModalFooterProps } from './ModalFooter';
+
+interface ModalProps extends ModalHeaderProps, ModalFooterProps {
+    isIO?: boolean;
+}
+export declare const Modal: ({ children, isIO, closeModal, title, genericTaggingEvent, cancelButtonAction, ...modalFooterProps }: React.PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,62 @@
+var x = Object.defineProperty;
+var m = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var i = (r, e, o) => e in r ? x(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, p = (r, e) => {
+  for (var o in e || (e = {}))
+    c.call(e, o) && i(r, o, e[o]);
+  if (m)
+    for (var o of m(e))
+      n.call(e, o) && i(r, o, e[o]);
+  return r;
+};
+var u = (r, e) => {
+  var o = {};
+  for (var a in r)
+    c.call(r, a) && e.indexOf(a) < 0 && (o[a] = r[a]);
+  if (r != null && m)
+    for (var a of m(r))
+      e.indexOf(a) < 0 && n.call(r, a) && (o[a] = r[a]);
+  return o;
+};
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { ModalHeader as v } from "./ModalHeader.js";
+import { Breadcrumb as M } from "./Breadcrumb.js";
+import { ModalFooter as N } from "./ModalFooter.js";
+const q = (j) => {
+  var s = j, {
+    children: r,
+    isIO: e = !1,
+    closeModal: o,
+    title: a,
+    genericTaggingEvent: f,
+    cancelButtonAction: d
+  } = s, t = u(s, [
+    "children",
+    "isIO",
+    "closeModal",
+    "title",
+    "genericTaggingEvent",
+    "cancelButtonAction"
+  ]);
+  return /* @__PURE__ */ l("div", { className: "modal-rule-coupon-external", children: /* @__PURE__ */ h("div", { className: "modal-rule-coupon-internal", children: [
+    /* @__PURE__ */ l(
+      v,
+      {
+        closeModal: o,
+        title: a,
+        genericTaggingEvent: f
+      }
+    ),
+    e && /* @__PURE__ */ l(M, { title: a, cancelButtonAction: d }),
+    /* @__PURE__ */ l("div", { className: "modal-rule-coupon-children", children: r }),
+    /* @__PURE__ */ l(
+      N,
+      p({
+        cancelButtonAction: d
+      }, t)
+    )
+  ] }) });
+};
+export {
+  q as Modal
+};

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

@@ -0,0 +1,9 @@
+export interface ModalFooterProps {
+    cancelButtonAction: () => void;
+    cancelButtonText: string;
+    confirmButtonAction?: () => void;
+    confirmButtonText?: string;
+    isFloating?: boolean;
+    redirectionClubText?: string;
+}
+export declare const ModalFooter: ({ cancelButtonAction, cancelButtonText, confirmButtonAction, confirmButtonText, isFloating, redirectionClubText }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+const d = ({
+  cancelButtonAction: t,
+  cancelButtonText: r,
+  confirmButtonAction: c,
+  confirmButtonText: l,
+  isFloating: a,
+  redirectionClubText: n
+}) => /* @__PURE__ */ e("div", { className: `modal-footer-container ${a ? "floating" : ""}`, children: [
+  c && l && /* @__PURE__ */ o("button", { onClick: c, className: "modal-confirm-button", children: l }),
+  /* @__PURE__ */ o("button", { onClick: t, className: "modal-cancel-button", children: r }),
+  n && /* @__PURE__ */ o(
+    "button",
+    {
+      onClick: () => {
+        window.location.href = "/s/?clubProducts";
+      },
+      className: "modal-confirm-button redirection-club-button",
+      children: n
+    }
+  )
+] });
+export {
+  d as ModalFooter
+};