@plurix/ecom-components 0.0.2-beta.2 → 0.0.2-beta.4

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

@@ -0,0 +1,132 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { useState as V, useEffect as B } from "react";
+import { addCoupon as G } from "../api/addCoupon.js";
+import { removeCoupon as H } from "../api/removeCoupon.js";
+import { CouponIcon as I } from "../../../assets/svgs/CouponIcon.js";
+import { SuccessIcon as J } from "../../../assets/svgs/SuccessIcon.js";
+const W = ({
+  account: L,
+  orderFormId: _,
+  hasItemsInCart: x,
+  isIO: z = !1,
+  item: l,
+  firstCouponName: c,
+  secondCouponName: p,
+  replaceCoupon: h,
+  setView: D,
+  setActiveRule: N,
+  setDataItem: M,
+  setFirstCouponName: t,
+  setSecondCouponName: b,
+  setReplaceCoupon: j,
+  setAlert: m,
+  setType: d,
+  setIsCloseModalEmpty: y,
+  genericTaggingEvent: o
+}) => {
+  const [w, r] = V(!1), [k, f] = V(!1);
+  B(() => {
+    p.toLowerCase() !== l.couponName.toLowerCase() && r(!1), c && !p && c.toLowerCase() === l.couponName.toLowerCase() && r(!0), c && p && h && p.toLowerCase() === l.couponName.toLowerCase() && A(p);
+  }, [c, p, h]);
+  const A = async (a) => {
+    if (x)
+      try {
+        if (!c || c && h) {
+          f(!0);
+          const R = await G(L, _, a);
+          j(!1), t(a), b(""), R.error.length <= 0 ? (o == null || o("discount_coupon", {
+            name: "cupom aplicado",
+            cupomName: a
+          }), d("success"), r(!0), z && window.location.reload()) : (o == null || o("discount_coupon", {
+            name: "cupom aplicando - cupom incorreto ou expirado",
+            cupomName: a,
+            objectError: R.error
+          }), d("error"), r(!1), t("")), m(!0);
+        } else
+          b(a), D("overwrite-view");
+      } catch {
+        o == null || o("discount_coupon", {
+          name: "problema na api",
+          cupomName: a
+        }), r(!1), d("error"), m(!0);
+      } finally {
+        f(!1);
+      }
+    else
+      o == null || o("discount_coupon", {
+        name: "Modal de cart vazio acionado"
+      }), y(!0);
+  }, $ = async () => {
+    if (x)
+      try {
+        f(!0), j(!1);
+        const a = await H(L, _);
+        a.error.length <= 0 ? (o == null || o("discount_coupon", {
+          name: "cupom removido com sucesso",
+          cupomName: c
+        }), d("removed"), r(!1), t(""), b("")) : (o == null || o("discount_coupon", {
+          name: "algum problema na remoção do cupom",
+          cupomName: c,
+          objectError: a.error
+        }), d("error"), r(!0)), m(!0);
+      } catch {
+        o == null || o("discount_coupon", {
+          name: "problema na api - na remoção do cupom",
+          cupomName: c
+        }), d("error"), r(!0), m(!0);
+      } finally {
+        f(!1);
+      }
+    else
+      o == null || o("discount_coupon", {
+        name: "Modal de cart vazio acionado"
+      }), y(!0);
+  }, q = () => {
+    N(!0), M(l), D("rules-view");
+  };
+  return /* @__PURE__ */ u("div", { className: `container-card-coupon ${w ? "active" : ""}`, children: [
+    /* @__PURE__ */ u("div", { className: "text-container", children: [
+      /* @__PURE__ */ u("div", { className: "container-title", children: [
+        /* @__PURE__ */ s(I, { width: 20, height: 16 }),
+        /* @__PURE__ */ s("p", { className: "title", children: l.couponName })
+      ] }),
+      l.couponValue && /* @__PURE__ */ u("p", { className: "price-badge", children: [
+        "- ",
+        l.couponValue
+      ] }),
+      l.couponDescription && /* @__PURE__ */ s("p", { className: "subtitle", children: l.couponDescription }),
+      l.couponExpirationDate && /* @__PURE__ */ u("p", { className: "subtitle", children: [
+        "Válido até ",
+        l.couponExpirationDate
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "vertical-line" }),
+    /* @__PURE__ */ u("div", { className: "buttons-container", children: [
+      w && /* @__PURE__ */ u("button", { className: "applied-coupon", children: [
+        /* @__PURE__ */ s("span", { className: "applied-coupon-span", children: /* @__PURE__ */ s(J, {}) }),
+        "Aplicado"
+      ] }),
+      w ? /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: $,
+          className: "remove-coupon",
+          disabled: k,
+          children: "Remover"
+        }
+      ) : /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: () => A(l.couponName),
+          className: "apply-coupon",
+          disabled: k,
+          children: "Aplicar"
+        }
+      ),
+      l.couponDescription && /* @__PURE__ */ s("a", { onClick: q, children: "Ver Regras" })
+    ] })
+  ] });
+};
+export {
+  W 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,34 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ModalHeader as c } from "./ModalHeader.js";
+import { Breadcrumb as n } from "./Breadcrumb.js";
+import { ModalFooter as p } from "./ModalFooter.js";
+const h = ({
+  children: a,
+  isIO: l = !1,
+  closeModal: m,
+  title: o,
+  genericTaggingEvent: d,
+  cancelButtonAction: e,
+  ...s
+}) => /* @__PURE__ */ r("div", { className: "modal-rule-coupon-external", children: /* @__PURE__ */ i("div", { className: "modal-rule-coupon-internal", children: [
+  /* @__PURE__ */ r(
+    c,
+    {
+      closeModal: m,
+      title: o,
+      genericTaggingEvent: d
+    }
+  ),
+  l && /* @__PURE__ */ r(n, { title: o, cancelButtonAction: e }),
+  /* @__PURE__ */ r("div", { className: "modal-rule-coupon-children", children: a }),
+  /* @__PURE__ */ r(
+    p,
+    {
+      cancelButtonAction: e,
+      ...s
+    }
+  )
+] }) });
+export {
+  h as Modal
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+export interface ModalHeaderProps {
+    closeModal: () => void;
+    title: string;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const ModalHeader: ({ closeModal, title, genericTaggingEvent }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { CloseIcon as t } from "../../../assets/svgs/CloseIcon.js";
+const r = ({
+  closeModal: d,
+  title: s,
+  genericTaggingEvent: o
+}) => /* @__PURE__ */ a("div", { className: "modal-title-container", children: [
+  /* @__PURE__ */ l("h1", { className: "modal-title", children: s }),
+  /* @__PURE__ */ l(
+    "button",
+    {
+      onClick: () => {
+        o == null || o("discount_coupon", {
+          name: "Modal fechado no X"
+        }), d();
+      },
+      className: "modal-close-icon",
+      "data-testid": "close-button",
+      children: /* @__PURE__ */ l(t, {})
+    }
+  )
+] });
+export {
+  r as ModalHeader
+};

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

@@ -0,0 +1 @@
+export declare const NoCoupons: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { NoCouponsIcon as n } from "../../../assets/svgs/NoCouponIcon.js";
+const c = () => /* @__PURE__ */ s("div", { className: "noCoupons", children: [
+  /* @__PURE__ */ o("h1", { className: "noCoupons-h1", children: "Não há cupons disponíveis no momento" }),
+  /* @__PURE__ */ o("p", { className: "noCoupons-p", children: "Aqui você verá todos os cupons disponíveis para aplicar" }),
+  /* @__PURE__ */ o(n, {})
+] });
+export {
+  c as NoCoupons
+};

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

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import { render as r } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Alert as s } from "../components/Alert.js";
+describe("Alert component tests", () => {
+  it('renders success alert when type is "success"', () => {
+    const { getByTestId: e, getByText: t } = r(/* @__PURE__ */ o(s, { type: "success" }));
+    expect(e("success-icon")).toBeInTheDocument(), expect(t("Cupom aplicado com sucesso")).toBeInTheDocument();
+  }), it('renders removed alert when type is "removed"', () => {
+    const { getByText: e, getByTestId: t } = r(/* @__PURE__ */ o(s, { type: "removed" }));
+    expect(t("success-icon")).toBeInTheDocument(), expect(e("Cupom removido com sucesso")).toBeInTheDocument();
+  }), it('renders error alert when type is "error"', () => {
+    const { getByTestId: e, getByText: t } = r(/* @__PURE__ */ o(s, { type: "error" }));
+    expect(e("error-icon")).toBeInTheDocument(), expect(
+      t("Não foi possível aplicar o cupom. Tente aplicar mais tarde.")
+    ).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { render as n, fireEvent as i } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Breadcrumb as l } from "../components/Breadcrumb.js";
+const c = "Test Title", e = jest.fn();
+describe("Breadcrumb component tests", () => {
+  it("should render correctly", () => {
+    const { getByTestId: t, getByText: u } = n(
+      /* @__PURE__ */ o(
+        l,
+        {
+          title: c,
+          cancelButtonAction: e
+        }
+      )
+    );
+    expect(t("back-to-coupons-button")).toBeInTheDocument(), expect(u(c)).toBeInTheDocument(), expect(t("back-button")).toBeInTheDocument();
+  }), it("should call cancelButtonAction when the button is clicked", () => {
+    const { getByTestId: t } = n(
+      /* @__PURE__ */ o(
+        l,
+        {
+          title: c,
+          cancelButtonAction: e
+        }
+      )
+    );
+    i.click(t("back-to-coupons-button")), expect(e).toHaveBeenCalled();
+  }), it("should call cancelButtonAction when the back button is clicked", () => {
+    const { getByTestId: t } = n(
+      /* @__PURE__ */ o(
+        l,
+        {
+          title: c,
+          cancelButtonAction: e
+        }
+      )
+    );
+    i.click(t("back-button")), expect(e).toHaveBeenCalled();
+  });
+});

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

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import { render as o, fireEvent as l } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { ModalFooter as n } from "../components/ModalFooter.js";
+const a = jest.fn(), i = "Cancel", r = jest.fn(), s = "Confirm", h = !0, c = {
+  cancelButtonAction: a,
+  cancelButtonText: i,
+  confirmButtonAction: r,
+  confirmButtonText: s,
+  isFloating: h
+};
+describe("ModalFooter component tests", () => {
+  it("should render the cancel button with the correct text", () => {
+    const { getByText: t } = o(/* @__PURE__ */ e(n, { ...c }));
+    expect(t(i)).toBeInTheDocument();
+  }), it("should call the cancel button action when clicked", () => {
+    const { getByText: t } = o(/* @__PURE__ */ e(n, { ...c }));
+    l.click(t(i)), expect(a).toHaveBeenCalled();
+  }), it("should render the confirm button with the correct text", () => {
+    const { getByText: t } = o(/* @__PURE__ */ e(n, { ...c }));
+    expect(t(s)).toBeInTheDocument();
+  }), it("should call the confirm button action when clicked", () => {
+    const { getByText: t } = o(/* @__PURE__ */ e(n, { ...c }));
+    l.click(t(s)), expect(r).toHaveBeenCalled();
+  }), it('should add the "floating" class to the container when isFloating is true', () => {
+    const { container: t } = o(/* @__PURE__ */ e(n, { ...c }));
+    expect(t.firstChild).toHaveClass("floating");
+  }), it('should not add the "floating" class to the container when isFloating is false', () => {
+    const { container: t } = o(/* @__PURE__ */ e(n, { ...c, isFloating: !1 }));
+    expect(t.firstChild).not.toHaveClass("floating");
+  });
+});

package/dist/packages/Coupons/test/ModalHeader.test.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { render as o, fireEvent as l } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { ModalHeader as c } from "../components/ModalHeader.js";
+const s = jest.fn(), d = "Test Modal", i = jest.fn(), n = {
+  closeModal: s,
+  title: d,
+  genericTaggingEvent: i
+};
+describe("ModalHeader component tests", () => {
+  it("should render the modal header with the correct title", () => {
+    const { getByText: e } = o(/* @__PURE__ */ t(c, { ...n }));
+    expect(e("Test Modal")).toBeInTheDocument();
+  }), it("should call the closeModal function when the close button is clicked", () => {
+    const { getByTestId: e } = o(/* @__PURE__ */ t(c, { ...n }));
+    l.click(e("close-button")), expect(s).toHaveBeenCalled();
+  }), it("should call the genericTaggingEvent function when the close button is clicked", () => {
+    const { getByTestId: e } = o(/* @__PURE__ */ t(c, { ...n }));
+    l.click(e("close-button")), expect(i).toHaveBeenCalledWith("discount_coupon", {
+      name: "Modal fechado no X"
+    });
+  });
+});

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

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { render as t } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { NoCoupons as n } from "../components/NoCoupons.js";
+describe("NoCoupons component tests", () => {
+  it("renders the correct text", () => {
+    const { getByText: o } = t(/* @__PURE__ */ e(n, {}));
+    expect(
+      o("Não há cupons disponíveis no momento")
+    ).toBeInTheDocument(), expect(
+      o("Aqui você verá todos os cupons disponíveis para aplicar")
+    ).toBeInTheDocument();
+  }), it("renders the NoCouponsIcon component", () => {
+    const { getByTestId: o } = t(/* @__PURE__ */ e(n, {}));
+    expect(o("no-coupons-icon")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,8 @@
+export interface CouponType {
+    couponName: string;
+    couponValue: string;
+    couponDescription: string;
+    couponRules: Array<string>;
+    couponInitialDate: string;
+    couponExpirationDate: string;
+}

package/dist/packages/Coupons/types/CouponType.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,10 @@
+export interface SetOrderFormCouponResponse {
+    coupon: string;
+    error: CouponError[];
+}
+interface CouponError {
+    text: string;
+    status?: string;
+    code?: string;
+}
+export {};

package/dist/packages/Coupons/types/SetOrderFormCouponResponse.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+export type View = 'coupons-view' | 'rules-view' | 'overwrite-view';

package/dist/packages/Coupons/types/Views.js

@@ -0,0 +1 @@
+

package/dist/packages/Coupons/views/CouponsView.d.ts

@@ -0,0 +1,13 @@
+import { CouponCardProps } from '../components/CouponCard';
+import { CouponType } from '../types/CouponType';
+
+type OmittedProps = 'item' | 'setType' | 'setAlert';
+interface CouponsViewProps extends Omit<CouponCardProps, OmittedProps> {
+    account: string;
+    orderFormId: string;
+    hasItemsInCart: boolean;
+    closeIOModal?: () => void;
+    coupons: CouponType[];
+}
+export declare const CouponsView: ({ account, orderFormId, hasItemsInCart, isIO, closeIOModal, coupons, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setIsCloseModalEmpty, genericTaggingEvent }: CouponsViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,122 @@
+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: y,
+  orderFormId: b,
+  hasItemsInCart: x,
+  isIO: p,
+  closeIOModal: u,
+  coupons: c,
+  firstCouponName: i,
+  secondCouponName: _,
+  replaceCoupon: C,
+  setView: w,
+  setActiveRule: D,
+  setDataItem: L,
+  setFirstCouponName: m,
+  setSecondCouponName: n,
+  setReplaceCoupon: A,
+  setIsCloseModalEmpty: S,
+  genericTaggingEvent: r
+}) => {
+  const [t, q] = a(""), [H, B] = 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();
+    try {
+      if (!i || i && C) {
+        B(!0);
+        const j = await G(y, b, t);
+        A(!1), n(""), j.error.length <= 0 ? (r == null || r("discount_coupon", {
+          name: "Cupom aplicado do input",
+          couponName: t
+        }), s("success"), h(!0), m(t), p && window.location.reload()) : (r == null || r("discount_coupon", {
+          name: "Cupom do input expirado ou invalido",
+          couponName: t,
+          objectError: j.error
+        }), s("error"), h(!1), m("")), d(!0);
+      } else
+        n(t), w("overwrite-view");
+    } catch {
+      r == null || r("discount_coupon", {
+        name: "Cupom do input - error na api",
+        couponName: t
+      }), s("error"), h(!1), d(!0);
+    } finally {
+      B(!1);
+    }
+  };
+  return F(() => {
+    f && setTimeout(() => d(!1), 5e3);
+  }, [P, f]), /* @__PURE__ */ e(N, { children: [
+    p && u && /* @__PURE__ */ o(
+      J,
+      {
+        closeModal: u,
+        title: "Meus Cupons",
+        genericTaggingEvent: r
+      }
+    ),
+    x ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ e("form", { onSubmit: z, children: [
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          placeholder: "Insira o cupom",
+          value: t,
+          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, {}) }),
+      "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("h1", { children: "Cupons disponíveis" }),
+      /* @__PURE__ */ o("div", { className: "container-coupons", children: c.map((l) => /* @__PURE__ */ o(
+        Q,
+        {
+          account: y,
+          orderFormId: b,
+          hasItemsInCart: x,
+          isIO: p,
+          item: l,
+          firstCouponName: i,
+          secondCouponName: _,
+          replaceCoupon: C,
+          setView: w,
+          setFirstCouponName: m,
+          setSecondCouponName: n,
+          setActiveRule: D,
+          setDataItem: L,
+          setReplaceCoupon: A,
+          setAlert: d,
+          setType: s,
+          setIsCloseModalEmpty: S,
+          genericTaggingEvent: r
+        },
+        l.couponName
+      )) })
+    ] }) : /* @__PURE__ */ o(U, {}) }),
+    f && /* @__PURE__ */ o(V, { type: M }),
+    p && u && /* @__PURE__ */ o(
+      K,
+      {
+        isFloating: c.length > 0,
+        cancelButtonAction: u,
+        cancelButtonText: "Sair"
+      }
+    )
+  ] });
+};
+export {
+  E as CouponsView
+};

package/dist/packages/Coupons/views/EmptyCartView.d.ts

@@ -0,0 +1,6 @@
+interface EmptyCartViewProps {
+    setIsCloseModalEmpty: (isCloseModalEmpty: boolean) => void;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const EmptyCartView: ({ setIsCloseModalEmpty, genericTaggingEvent }: EmptyCartViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { Modal as s } from "../components/Modal.js";
+import { CartEmptyCoupon as p } from "../../../assets/svgs/CartEmptyCoupon.js";
+import { InfoIcon as n } from "../../../assets/svgs/InfoIcon.js";
+const i = ({
+  setIsCloseModalEmpty: t,
+  genericTaggingEvent: a
+}) => {
+  const c = () => {
+    t(!1);
+  };
+  return /* @__PURE__ */ r(
+    s,
+    {
+      closeModal: c,
+      title: "Cupons de desconto",
+      genericTaggingEvent: a,
+      cancelButtonText: "Voltar para Meus Cupons",
+      cancelButtonAction: () => {
+        a == null || a("discount_coupon", {
+          name: "Modal do cart vazio - botão de sair"
+        }), c();
+      },
+      children: [
+        /* @__PURE__ */ o("h3", { className: "cartEmptyCoupon-h3", children: "Ops...Parece que seu carrinho está vazio..." }),
+        /* @__PURE__ */ o("div", { className: "cartEmptyCoupon-svg", children: /* @__PURE__ */ o(p, {}) }),
+        /* @__PURE__ */ r("p", { id: "cartEmptyCoupon-p", children: [
+          /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(n, {}) }),
+          "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
+        ] })
+      ]
+    }
+  );
+};
+export {
+  i as EmptyCartView
+};

package/dist/packages/Coupons/views/LoadingView.d.ts

@@ -0,0 +1,7 @@
+interface LoadingViewProps {
+    isIO?: boolean;
+    closeIOModal?: () => void;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const LoadingView: ({ isIO, closeIOModal, genericTaggingEvent }: LoadingViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,39 @@
+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";
+const f = ({
+  isIO: t = !1,
+  closeIOModal: o,
+  genericTaggingEvent: e
+}) => /* @__PURE__ */ a(n, { children: [
+  t && o && /* @__PURE__ */ r(
+    m,
+    {
+      closeModal: o,
+      title: "Meus Cupons",
+      genericTaggingEvent: e
+    }
+  ),
+  /* @__PURE__ */ r(
+    i,
+    {
+      width: t ? "100%" : "90%",
+      height: t ? 600 : 425,
+      backgroundColor: "var(--color-grayScale-faded)",
+      margin: "auto",
+      animation: !0
+    }
+  ),
+  t && o && /* @__PURE__ */ r(
+    u,
+    {
+      isFloating: !0,
+      cancelButtonAction: o,
+      cancelButtonText: "Sair"
+    }
+  )
+] });
+export {
+  f as LoadingView
+};