@plurix/ecom-components 1.16.0-commerce.0 → 1.16.1-commerce

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

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

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

@@ -0,0 +1,12 @@
+
+export interface StatusMessageTryApplyProps {
+    type: keyof typeof messages;
+    text: React.ReactNode;
+}
+declare const messages: {
+    success: (text: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+    warning: (text: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+    error: (text: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const StatusMessageTryApply: ({ type, text }: StatusMessageTryApplyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js

@@ -0,0 +1,27 @@
+import { jsx as n, jsxs as c, Fragment as e } from "react/jsx-runtime";
+import { ErrorIconV2 as t } from "../../../../assets/svgs/ErrorIconV2.js";
+import { SuccessIconV2 as p } from "../../../../assets/svgs/SuccessIconV2.js";
+import { WarningIconV2 as l } from "../../../../assets/svgs/WarningIconV2.js";
+/* empty css                                  */const i = {
+  success: (r) => /* @__PURE__ */ c(e, { children: [
+    /* @__PURE__ */ n(p, {}),
+    /* @__PURE__ */ n("p", { children: r })
+  ] }),
+  warning: (r) => /* @__PURE__ */ c(e, { children: [
+    /* @__PURE__ */ n(l, {}),
+    /* @__PURE__ */ n("p", { children: r })
+  ] }),
+  error: (r) => /* @__PURE__ */ c(e, { children: [
+    /* @__PURE__ */ n(t, {}),
+    /* @__PURE__ */ n("p", { children: r })
+  ] })
+}, f = ({
+  type: r,
+  text: s
+}) => {
+  const o = i == null ? void 0 : i[r];
+  return /* @__PURE__ */ n("div", { className: `points-redeemed-statusMessageTryApply ${r}`, children: o == null ? void 0 : o(s) });
+};
+export {
+  f as StatusMessageTryApply
+};

package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.d.ts

@@ -0,0 +1 @@
+export { StatusMessageTryApply } from './StatusMessageTryApply';

package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.js

@@ -0,0 +1,4 @@
+import { StatusMessageTryApply as r } from "./StatusMessageTryApply.js";
+export {
+  r as StatusMessageTryApply
+};

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

@@ -0,0 +1,17 @@
+
+export interface ImageProps {
+    src: string;
+    alt: string;
+}
+interface VoucherCardProps {
+    title: string;
+    text: string;
+    informationText: string;
+    image: ImageProps;
+    buttonText: string;
+    couponId: string;
+    onClick?: (couponId: string) => void;
+    statusButton?: 'clicked' | 'default';
+}
+export declare const VoucherRedeemedCard: ({ title, text, informationText, image, buttonText, couponId, onClick, statusButton }: VoucherCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js

@@ -0,0 +1,37 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+/* empty css                                  */import { useState as p } from "react";
+const C = ({
+  title: o,
+  text: t,
+  informationText: i,
+  image: d,
+  buttonText: h,
+  couponId: n,
+  onClick: r,
+  statusButton: a = "default"
+}) => {
+  const [s, l] = p(!1), v = async () => {
+    s || (l(!0), await (r == null ? void 0 : r(n)), l(!1));
+  };
+  return /* @__PURE__ */ c("div", { className: "points-redeemed-voucherCard", children: [
+    /* @__PURE__ */ c("div", { className: "voucherCard-top", children: [
+      /* @__PURE__ */ e("div", { className: "voucherCard-top-image", children: /* @__PURE__ */ e("img", { alt: d == null ? void 0 : d.alt, src: d == null ? void 0 : d.src, width: 56, height: 56 }) }),
+      /* @__PURE__ */ c("div", { children: [
+        /* @__PURE__ */ e("h2", { className: "voucherCard-top-title", children: o }),
+        /* @__PURE__ */ e("p", { className: "voucherCard-top-description", children: t })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "voucherCard-top-infoRedeemed", children: /* @__PURE__ */ e("p", { children: i }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "voucherCard-bottom", children: /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: a === "default" ? () => v() : void 0,
+        className: s ? "loading" : a,
+        children: h
+      }
+    ) })
+  ] });
+};
+export {
+  C as VoucherRedeemedCard
+};

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts

@@ -0,0 +1 @@
+export { VoucherRedeemedCard } from './VoucherRedeemedCard';

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js

@@ -0,0 +1,4 @@
+import { VoucherRedeemedCard as d } from "./VoucherRedeemedCard.js";
+export {
+  d as VoucherRedeemedCard
+};

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

@@ -0,0 +1,15 @@
+interface VouchersRedeemedSkeletonProps {
+    sizeCard: {
+        mobile: {
+            width: number;
+            height: number;
+        };
+        desktop: {
+            width: number;
+            height: number;
+        };
+    };
+    availableAreaSizeToCarouselByItem?: number;
+}
+export declare const VouchersRedeemedSkeleton: ({ sizeCard, availableAreaSizeToCarouselByItem }: VouchersRedeemedSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js

@@ -0,0 +1,49 @@
+import { jsxs as b, jsx as h } from "react/jsx-runtime";
+import v from "../../../../hooks/useWindowDimensions.js";
+import { Skeleton as m } from "../../../Skeleton/index.js";
+const r = ({
+  sizeCard: o,
+  availableAreaSizeToCarouselByItem: c
+}) => {
+  var g, l, p;
+  const { width: t } = v(), n = t && t < 768;
+  return /* @__PURE__ */ b("div", { id: "vouchersRedeemed", className: "club-card-vouchersRedeemed isLoading", children: [
+    /* @__PURE__ */ h(
+      m,
+      {
+        width: "100%",
+        height: 32,
+        backgroundColor: "var(--color-grayScale-faded)"
+      }
+    ),
+    /* @__PURE__ */ h(
+      m,
+      {
+        width: "100%",
+        height: 26,
+        backgroundColor: "var(--color-grayScale-faded)"
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "adaptiveCarousel-container", children: (p = Array.from({
+      length: c != null ? c : Math.floor(
+        Math.min(t != null ? t : 1280, 1280) / (n ? (g = o == null ? void 0 : o.mobile) == null ? void 0 : g.width : (l = o == null ? void 0 : o.desktop) == null ? void 0 : l.width)
+      )
+    })) == null ? void 0 : p.map((R, w) => {
+      var f, k, d, u;
+      return /* @__PURE__ */ h(
+        m,
+        {
+          width: n ? (f = o == null ? void 0 : o.mobile) == null ? void 0 : f.width : (k = o == null ? void 0 : o.desktop) == null ? void 0 : k.width,
+          height: n ? (d = o == null ? void 0 : o.mobile) == null ? void 0 : d.height : (u = o == null ? void 0 : o.desktop) == null ? void 0 : u.height,
+          backgroundColor: "var(--color-grayScale-faded)",
+          borderRadius: 8,
+          margin: 0
+        },
+        w
+      );
+    }) })
+  ] });
+};
+export {
+  r as VouchersRedeemedSkeleton
+};

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { VouchersRedeemedSkeleton } from './VouchersRedeemedSkeleton';

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js

@@ -0,0 +1,4 @@
+import { VouchersRedeemedSkeleton as r } from "./VouchersRedeemedSkeleton.js";
+export {
+  r as VouchersRedeemedSkeleton
+};

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

@@ -0,0 +1 @@
+export declare const VALID_VOUCHERS: string[];

package/dist/packages/VouchersRedeemed/data/validVouchers.js

@@ -0,0 +1,20 @@
+const e = [
+  "spoe5",
+  "spoe10",
+  "spoe15",
+  "boae5",
+  "boae10",
+  "boae15",
+  "cmae5",
+  "cmae10",
+  "cmae15",
+  "avne5",
+  "avne10",
+  "avne15",
+  "amge5",
+  "amge10",
+  "amge15"
+];
+export {
+  e as VALID_VOUCHERS
+};

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

@@ -0,0 +1 @@
+export declare const getCouponPrice: (coupon: string) => string | null;

package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js

@@ -0,0 +1,8 @@
+import { formatBrazilianPrice as e } from "../../../utils/changerOrderModal.js";
+const a = (t) => {
+  const r = t == null ? void 0 : t.match(/\d+$/);
+  return r ? e(parseInt(r == null ? void 0 : r[0], 10)) : null;
+};
+export {
+  a as getCouponPrice
+};

package/dist/styles/adaptive-carousel.global.css

@@ -0,0 +1 @@
+.adaptiveCarousel-container{position:relative;display:flex;flex-direction:row;overflow-x:scroll;scroll-behavior:smooth;width:100%;scrollbar-width:none;gap:20px;justify-content:center}.adaptiveCarousel-container .carousel-container{scrollbar-width:none}.adaptiveCarousel-container.isCarousel{display:block}.adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev{margin-right:20px}.adaptiveCarousel-container.isCarousel .carousel-arrow-button-next{margin-left:20px}.adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev button,.adaptiveCarousel-container.isCarousel .carousel-arrow-button-next button{margin:0!important}.adaptiveCarousel-container.isCarousel .bullets-container{margin-top:8px}.adaptiveCarousel-container .background-blur-left,.adaptiveCarousel-container .background-blur-right{position:absolute;width:50px;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-grayScale-white) 100%);right:0;top:0;z-index:1}.adaptiveCarousel-container .background-blur-left{background:linear-gradient(270deg,transparent 0%,var(--color-grayScale-white) 100%);right:auto;left:60px}.adaptiveCarousel-container.isNewDots .bullets-container{gap:8px}.adaptiveCarousel-container.isNewDots .bullets-container button{height:4px!important;border-radius:8px!important;width:56px!important;border:none!important;margin:0!important}.adaptiveCarousel-container.isNewDots .bullets-container button[data-active=false]{width:21px!important;background-color:#c6c6c6!important}@media (min-width: 768px){.adaptiveCarousel-container.isNewDots .bullets-container button[data-active=false]{background-color:#c6c6c6!important}}@media (min-width: 1280px){.adaptiveCarousel-container .background-blur-left,.adaptiveCarousel-container .background-blur-right{right:60px}}

package/dist/styles/coupons.global.css

@@ -1 +1 @@
-.coupons-container *{box-sizing:border-box;font-family:DM Sans,sans-serif}.coupons-container h1,.coupons-container h3,.coupons-container h4,.coupons-container p{margin:0}.coupons-container ul{list-style:none;margin:0;padding:0}.coupons-container .modal-title-container{display:flex;align-items:center;justify-content:space-between}.coupons-container .modal-title{margin:0;color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px}@media (min-width: 640px){.coupons-container .modal-title{font-size:24px;line-height:28px}}.coupons-container .modal-close-icon{display:flex;outline:0;border:0;margin-left:10px;padding:0;background-color:transparent;cursor:pointer}@media (min-width: 640px){.coupons-container .modal-close-icon{margin-left:16px}}.coupons-container .breadcrumb-container{margin-top:16px;margin-bottom:8px}.coupons-container .breadcrumb-container .breadcrumb-content-container{align-items:center;display:flex;margin-bottom:16px;font-size:14px;line-height:18px}.coupons-container .breadcrumb-container .breadcrumb-content-container button{outline:0;border:0;background-color:transparent;color:var(--color-grayScale-darkest);font-size:14px;line-height:18px;cursor:pointer}.coupons-container .breadcrumb-container .breadcrumb-content-container svg{margin:0 10px}.coupons-container .breadcrumb-container .breadcrumb-content-container span{color:var(--color-main);font-weight:700}.coupons-container .breadcrumb-container .breadcrumb-back-button{display:flex;justify-content:center;align-items:center;outline:0;border:0;background-color:transparent;cursor:pointer;color:var(--color-support-links);font-size:14px;line-height:18px;text-decoration:underline}.coupons-container .breadcrumb-container .breadcrumb-back-button svg{margin-right:10px}.coupons-container .modal-footer-container{margin-top:24px;background-color:var(--color-grayScale-white)}.coupons-container .modal-footer-container.floating{box-shadow:0 -4px 4px 0 var(--color-support-shadow);position:absolute;bottom:0;left:0;width:100%;padding:16px}.coupons-container .modal-confirm-button{display:flex;justify-content:center;width:100%;outline:0;border:1px solid var(--color-main);border-radius:2px;margin-bottom:16px;padding:8px 16px;background-color:var(--color-main);cursor:pointer;color:var(--color-assistant-main);font-size:16px;font-weight:500;line-height:20px}.redirection-club-button{margin-top:16px;margin-bottom:0!important}.coupons-container .modal-cancel-button{display:flex;justify-content:center;width:100%;outline:0;border:1px solid var(--color-main);border-radius:2px;padding:8px 16px;background-color:transparent;cursor:pointer;color:var(--color-main);font-size:16px;font-weight:500;line-height:20px}.coupons-container .form-coupons form{display:flex;flex-direction:column;margin:24px 0}.coupons-container .form-coupons input{padding:8px;margin-bottom:8px;border-radius:2px;border:1px solid var(--color-grayScale-light);background:var(--color-grayScale-white);font-size:16px;line-height:20px}.coupons-container .form-coupons button{display:flex;justify-content:center;padding:8px;font-weight:500;line-height:20px;cursor:pointer;color:var(--color-grayScale-dark);border:1px solid var(--color-grayScale-dark);background-color:var(--color-grayScale-white)}.coupons-container .form-coupons button:disabled{cursor:wait;color:var(--color-grayScale-lightest);background-color:var(--color-grayScale-darkest)}.coupons-container .cart-empty-coupons-label{max-width:500px;margin:1rem 0rem}.coupons-container .cart-empty-coupons-label span{margin-right:16px}.coupons-container .cart-empty-coupons-label p{display:flex;flex-direction:row;padding:8px 16px;margin-top:24px;border-radius:4px;line-height:1rem;font-size:16px;color:var(--color-infoFeedback-dark);background-color:var(--color-infoFeedback-faded)}.coupons-container .container-title-coupons h2{margin-bottom:16px;color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px}.coupons-container .container-title-coupons .container-coupons{width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}.coupons-container .container-card-coupon{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:1rem;gap:8px;border-radius:8px;border:1px solid var(--color-grayScale-faded);background:var(--color-grayScale-white);box-shadow:4px 4px 8px 0 var(--color-support-shadow)}.coupons-container .container-card-coupon.active{border:1.5px solid var(--color-positiveFeedback)}.coupons-container .container-card-coupon .text-container{flex:1;display:flex;flex-direction:column;align-self:center;align-items:flex-start;gap:8px}.coupons-container .container-card-coupon .text-container .container-title{display:flex;flex-direction:row}.coupons-container .container-card-coupon .text-container .container-title .title{margin-left:.5rem;line-height:20px;font-weight:700;color:var(--color-grayScale);font-size:16px}.coupons-container .container-card-coupon .text-container .price-badge{border-radius:2rem;padding:.25rem 1rem;font-weight:700;font-size:20px;color:var(--color-badge-secondary);background-color:var(--color-badge-main)}.coupons-container .container-card-coupon .text-container .subtitle{font-weight:400;line-height:20px;font-size:16px;color:var(--color-grayScale-darkest)}.coupons-container .container-card-coupon .vertical-line{border-right:2px dashed var(--color-grayScale-light)}.coupons-container .container-card-coupon .buttons-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.coupons-container .container-card-coupon .buttons-container .applied-coupon{display:flex;align-items:center;width:110px;height:34px;padding:16px 8px;border:unset;border-radius:2px;line-height:20px;font-weight:500;font-size:16px;color:var(--color-main);background:var(--color-positiveFeedback-faded)}.coupons-container .container-card-coupon .buttons-container .applied-coupon span,.coupons-container .container-card-coupon .buttons-container .success-icon{margin-right:8px}.coupons-container .container-card-coupon .buttons-container .apply-coupon{width:110px;height:34px;padding:8px 16px;border:unset;border-radius:2px;color:var(--color-assistant-main);background:var(--color-main);cursor:pointer}.coupons-container .container-card-coupon .buttons-container .apply-coupon:disabled{cursor:wait;color:var(--color-grayScale-lightest);background-color:var(--color-grayScale-darkest)}.coupons-container .container-card-coupon .buttons-container .remove-coupon{width:110px;height:34px;margin-top:16px;padding:8px 16px;border-radius:2px;font-weight:500;line-height:20px;color:var(--color-main);border:1px solid var(--color-main);background:var(--color-grayScale-white);cursor:pointer}.coupons-container .container-card-coupon .buttons-container a{width:110px;margin-top:16px;text-decoration-line:underline;text-align:center;font-weight:400;line-height:20px;font-size:16px;color:var(--color-support-links);cursor:pointer}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .cartEmptyCoupon-h3{font-size:16px;font-weight:700;line-height:20px;color:#1c1c1c;margin:1.5rem 0rem}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal #cartEmptyCoupon-p{line-height:1rem}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .cartEmptyCoupon-svg{display:flex;justify-content:center}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .modal-rule-coupon-children span{margin-right:16px}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .modal-rule-coupon-children p{display:flex;flex-direction:row;padding:8px 16px;border-radius:4px;line-height:2.5rem;font-size:16px;color:var(--color-infoFeedback-dark);background-color:var(--color-infoFeedback-faded)}.coupons-container .applied-coupon-badge{display:flex;position:fixed;width:fit-content;justify-content:flex-start;align-items:center;padding:1rem;z-index:10;bottom:40px;left:50%;transform:translate(-50%);border-radius:4px;box-shadow:4px 4px 8px var(--color-support-shadow)}.coupons-container .applied-coupon-badge span{margin-right:8px}.coupons-container .error-coupon{background-color:var(--color-negativeFeedback-faded)}.coupons-container .success-coupon{background-color:var(--color-positiveFeedback-faded)}.coupons-container .noCoupons{display:flex;flex-direction:column;align-items:center}.coupons-container .noCoupons .noCoupons-h1{font-weight:700}.coupons-container .noCoupons .noCoupons-p{margin-bottom:24px;color:var(--color-grayScale-darkest)}
+.coupons-container *{box-sizing:border-box;font-family:DM Sans,sans-serif}.coupons-container h1,.coupons-container h3,.coupons-container h4,.coupons-container p{margin:0}.coupons-container ul{list-style:none;margin:0;padding:0}.coupons-container .form-coupons p{margin-bottom:16px;color:var(--color-grayScale-darkest);font-size:16px;line-height:18px;font-weight:400}.coupons-container .form-coupons form{position:relative;display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:34px}.coupons-container .form-coupons input{flex:1;outline:none;border:1px solid var(--color-grayScale-light);border-radius:2px;height:40px;padding:8px;background-color:var(--color-grayScale-white);color:var(--color-grayScale-darkest)!important;font-family:DM Sans,sans-serif;font-size:14px;line-height:14px;font-weight:400}.coupons-container .form-coupons input::placeholder{color:var(--color-grayScale-dark)}.coupons-container .form-coupons input.error{border-color:var(--color-negativeFeedback-dark)}.coupons-container .form-coupons .error-message{position:absolute;left:0;bottom:-20px;display:flex;align-items:center;margin:0;color:var(--color-negativeFeedback-dark);font-family:DM Sans,sans-serif;font-size:12px;line-height:16px;font-weight:400}.coupons-container .form-coupons .error-message svg{width:12px;height:12px;margin-right:4px}.coupons-container .form-coupons button{cursor:pointer;display:flex;height:40px;padding:8px 16px;justify-content:center;align-items:center;border:1px solid var(--color-main);border-radius:2px;background:var(--color-grayScale-white);color:var(--color-main);font-family:DM Sans,sans-serif;font-size:14px;line-height:18px;font-weight:500;transition:all ease .5s}.coupons-container .form-coupons button:disabled{cursor:wait}@media (min-width: 640px){.coupons-container .form-coupons button{width:206px}}.coupons-container .container-title-coupons .container-main-title{margin-bottom:8px;color:var(--color-main);font-size:16px;line-height:20px;font-weight:700}@media (min-width: 640px){.coupons-container .container-title-coupons .container-main-title{font-size:24px;line-height:28px}}.coupons-container .container-title-coupons .container-main-subtitle{margin-bottom:16px;color:var(--color-grayScale-darkest);font-size:16px;line-height:18px;font-weight:400}@media (min-width: 640px){.coupons-container .container-title-coupons .container-main-subtitle{font-size:20px;line-height:20px}}.coupons-container .container-title-coupons .alert{display:flex;align-items:center;gap:8px;margin-top:16px;padding:4px 8px;color:var(--color-grayScale-darkest);font-size:14px;line-height:18px;font-weight:400}.coupons-container .container-title-coupons .alert.warning{background-color:var(--color-warning-faded)}.coupons-container .container-title-coupons .alert.applied{background-color:var(--color-positiveFeedback-faded)}.coupons-container .container-title-coupons .container-coupons{width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}@media (min-width: 640px){.coupons-container .container-title-coupons .container-coupons{grid-template-columns:repeat(2,minmax(0,1fr))}}.coupons-container .container-title-coupons .coupon-wrapper{overflow:hidden}.coupons-container .container-card-coupon{width:100%;height:100%;padding:16px 0 8px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--color-grayScale-light);background:var(--color-grayScale-white)}.coupons-container .container-card-coupon.active{background-color:var(--color-main-faded);box-shadow:inset 0 0 0 2px var(--color-main-light)}.coupons-container .container-card-coupon .card-coupon-content{position:relative;border-bottom:2px dashed var(--color-grayScale-light)}.coupons-container .container-card-coupon.active .card-coupon-content{border-bottom-color:var(--color-main-light)}.container-card-coupon .card-coupon-content .ellipse{position:absolute;bottom:-6px;width:11.51px;height:12px;background-color:var(--color-grayScale-white);box-shadow:inset 0 0 0 1px var(--color-grayScale-light);border-radius:50%}.container-card-coupon .card-coupon-content .ellipse.left{left:-5.755px}.container-card-coupon .card-coupon-content .ellipse.right{right:-5.755px}.container-card-coupon .card-coupon-content .ellipse.applied{box-shadow:inset 0 0 0 2px var(--color-main-light)}.coupons-container .container-card-coupon .text-container{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:30px;padding:0 16px}.coupons-container .container-card-coupon .text-container>div{flex:1;display:flex;flex-direction:column;gap:4px}.coupons-container .container-card-coupon .text-container .select-coupon{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;outline:none;border:2px solid var(--color-grayScale-light);border-radius:50%;padding:0;background-color:var(--color-grayScale-white);cursor:pointer}.coupons-container .container-card-coupon .text-container .select-coupon:disabled{cursor:wait}.coupons-container .container-card-coupon .text-container .select-coupon.applied{border-color:var(--color-main);background:var(--color-main)}.coupons-container .container-card-coupon .text-container .container-title{display:flex;flex-direction:row;align-items:center;gap:4px;margin-bottom:20px}.coupons-container .container-card-coupon .text-container .container-title .title{font-size:16px;line-height:16px;font-weight:700;color:var(--color-grayScale-darkest)}.coupons-container .container-card-coupon .text-container .price-badge{border-radius:24px;padding:3px 9px;background-color:var(--color-badge-main);color:var(--color-badge-secondary);font-size:14px;line-height:18px;font-weight:700}.coupons-container .container-card-coupon .text-container .subtitle{color:var(--color-grayScale-darkest);font-size:14px;line-height:18px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.coupons-container .see-rules{display:flex;align-items:center;justify-content:center;border:none;outline:none;background-color:transparent;padding:12px 16px 0;color:var(--color-main);font-size:12px;line-height:16px;font-weight:500;text-decoration:underline;cursor:pointer}.coupons-container .tooltip-rules{position:absolute;z-index:1;border-radius:8px;padding:16px;background-color:var(--color-infoFeedback-faded)}.coupons-container .tooltip-rules:before{content:"";position:absolute;bottom:100%;left:18px;border-width:8px;border-style:solid;border-color:transparent transparent var(--color-infoFeedback-faded) transparent}.coupons-container .tooltip-rules .tooltip-rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.coupons-container .tooltip-rules .tooltip-rules-header h4{color:var(--color-grayScale-darkest);font-size:16px;line-height:24px;font-weight:700}.coupons-container .tooltip-rules .tooltip-rules-header button{display:flex;align-items:center;justify-content:center;outline:none;border:none;padding:0;background-color:transparent;cursor:pointer}.coupons-container .tooltip-rules p{margin-bottom:8px;color:var(--color-grayScale-darkest);font-size:14px;line-height:14px;font-weight:600}.coupons-container .tooltip-rules ul li{color:var(--color-grayScale-darkest);font-size:14px;line-height:16px;font-weight:400}.coupons-container .tooltip-rules ul li:last-child{font-weight:600}.coupons-container .noCoupons{display:flex;flex-direction:column;align-items:center;max-width:400px;justify-self:center}.coupons-container .noCoupons .noCoupons-h3{margin-bottom:24px;color:var(--color-grayScale-darkest);text-align:center;font-weight:700}.coupons-container .noCoupons .noCoupons-p{margin-top:16px;margin-bottom:24px;color:var(--color-grayScale-darkest);text-align:center}