@plurix/ecom-components 1.1.2-scs1825.7 → 1.1.3-commerce.scs1825

package/dist/packages/ChangeOrderModal/ChangeOrderModal.d.ts

@@ -1,5 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { SelectedItemProps } from './components/ProductSelected';
+import { SimilarProducts as SimilarProductsProps } from '../../types/ChangeOrderModal';
 
 export interface ChangeOrderModalProps {
     postalCode: string;
@@ -8,6 +9,6 @@ export interface ChangeOrderModalProps {
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     environment: 'io' | 'faststore';
     isClubClient?: boolean;
-    saveSelectedSimilarSku: (similarSku: string) => void;
+    saveSelectedSimilarProduct?: (similarProduct: SimilarProductsProps | undefined) => void;
 }
-export declare const ChangeOrderModal: ({ selectedItem, postalCode, environment, isClubClient, isOpen, setIsOpen, saveSelectedSimilarSku }: ChangeOrderModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChangeOrderModal: ({ selectedItem, postalCode, environment, isClubClient, isOpen, setIsOpen, saveSelectedSimilarProduct }: ChangeOrderModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/ChangeOrderModal/ChangeOrderModal.js

@@ -1,85 +1,96 @@
-import { jsx as i, Fragment as f, jsxs as M } from "react/jsx-runtime";
-import { useState as d, useMemo as e, useCallback as g, useEffect as j } from "react";
-import { Modal as w } from "../Modal/Modal.js";
-import { ProductSelected as E } from "./components/ProductSelected.js";
-import { SimilarProducts as q } from "./components/SimilarProducts.js";
-/* empty css                               */import h from "axios";
-const U = ({
+import { jsx as a, jsxs as E, Fragment as S } from "react/jsx-runtime";
+import { useState as f, useMemo as b, useCallback as m, useEffect as q } from "react";
+import { Modal as F } from "../Modal/Modal.js";
+import { ProductSelected as R } from "./components/ProductSelected.js";
+import { SimilarProducts as T } from "./components/SimilarProducts.js";
+import { ModalFooter as $ } from "./components/ModalFooter.js";
+/* empty css                               */import y from "axios";
+import { Skeleton as A } from "@acctglobal/skeleton";
+const J = ({
   selectedItem: o,
-  postalCode: n,
-  environment: m,
-  isClubClient: S,
+  postalCode: t,
+  environment: g,
+  isClubClient: O,
   isOpen: P,
-  setIsOpen: y,
-  saveSelectedSimilarSku: O
+  setIsOpen: x,
+  saveSelectedSimilarProduct: c
 }) => {
-  const [l, k] = d(""), [v, p] = d(), [x, t] = d(!1), s = e(
-    () => `/_v/commerce/products/productsSimilar?postalCode=${n}&skus=${o == null ? void 0 : o.productOriginId}&field=sku`,
-    [n, o]
-  ), C = g(async () => {
+  const [u, M] = f(), [k, l] = f(), [w, n] = f(!1), h = g === "io", s = b(
+    () => `/_v/commerce/products/productsSimilar?postalCode=${t}&skus=${o == null ? void 0 : o.productOriginId}&field=sku`,
+    [t, o]
+  ), j = m(async () => {
     try {
-      t(!0);
-      const { data: r } = await h.post("/api/proxy", {
+      n(!0);
+      const { data: r } = await y.post("/api/proxy", {
         targetUrl: s,
         method: "GET",
         headers: {
           "Content-Type": "application/json",
           Accept: "application/json"
         }
-      }), { similarProducts: c } = await r, a = c.find(
-        (u) => u.productOrigin === (o == null ? void 0 : o.productOriginId)
+      }), { similarProducts: p } = await r, i = p.find(
+        (d) => d.productOrigin === (o == null ? void 0 : o.productOriginId)
       );
-      p(a == null ? void 0 : a.products);
+      l(i == null ? void 0 : i.products);
     } catch (r) {
       console.log("Error in Change Order Modal", r);
     } finally {
-      t(!1);
+      n(!1);
     }
-  }, [o, n, s]), b = g(async () => {
+  }, [o, t, s]), C = m(async () => {
     try {
-      t(!0);
-      const { data: r } = await h.get(s), { similarProducts: c } = await r, a = c.find(
-        (u) => u.productOrigin === (o == null ? void 0 : o.productOriginId)
+      n(!0);
+      const { data: r } = await y.get(s), { similarProducts: p } = await r, i = p.find(
+        (d) => d.productOrigin === (o == null ? void 0 : o.productOriginId)
       );
-      p(a == null ? void 0 : a.products);
+      l(i == null ? void 0 : i.products);
     } catch (r) {
       console.log("Error in Change Order Modal", r);
     } finally {
-      t(!1);
+      n(!1);
     }
-  }, [o, n, s]);
-  return j(() => {
-    m === "faststore" && C(), b();
-  }, []), /* @__PURE__ */ i(
-    w,
+  }, [o, t, s]);
+  return q(() => {
+    g === "faststore" && j(), C();
+  }, []), /* @__PURE__ */ a(
+    F,
     {
       isOpen: P,
-      setIsOpen: y,
+      setIsOpen: x,
       className: "change-order-modal",
       title: "Produto com estoque baixo",
-      PreContent: o && /* @__PURE__ */ i(E, { selectedItem: o }),
-      children: x ? /* @__PURE__ */ i(f, {}) : /* @__PURE__ */ M(f, { children: [
-        /* @__PURE__ */ i(
-          q,
-          {
-            isClubClient: S,
-            choosedItemId: l,
-            setChoosedItemId: k,
-            products: v
+      Footer: /* @__PURE__ */ a(
+        $,
+        {
+          saveSelectedSimilarProduct: () => {
+            u && (c == null || c(u));
           }
-        ),
-        /* @__PURE__ */ i("div", { className: "change-order-moda-footer", children: /* @__PURE__ */ i(
-          "button",
+        }
+      ),
+      children: w ? /* @__PURE__ */ a(
+        A,
+        {
+          width: h ? "100%" : "90%",
+          height: h ? 600 : 425,
+          backgroundColor: "var(--color-grayScale-faded)",
+          margin: "auto",
+          animation: !0
+        }
+      ) : /* @__PURE__ */ E(S, { children: [
+        o && /* @__PURE__ */ a(R, { selectedItem: o }),
+        /* @__PURE__ */ a(
+          T,
           {
-            className: "change-order-save-buttom",
-            onClick: () => O(l ?? ""),
-            children: "Salvar Subtituto"
+            isClubClient: O,
+            similarProductSelect: u,
+            setSimilarProductSelect: M,
+            products: k
           }
-        ) })
+        )
       ] })
     }
   );
 };
 export {
-  U as ChangeOrderModal
+  J as ChangeOrderModal
 };

package/dist/packages/ChangeOrderModal/assets/icons.js

@@ -9,8 +9,8 @@ const a = ({
   Check: /* @__PURE__ */ C(
     "svg",
     {
-      width: o ?? l ?? "10",
-      height: o ?? t ?? "8",
+      width: o || l || "10",
+      height: o || t || "8",
       viewBox: "0 0 10 8",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -18,10 +18,10 @@ const a = ({
         "path",
         {
           d: "M1 4.00016L3.66667 6.66683L9 1.3335",
-          stroke: r ?? "var(--color-grayScale-white)",
-          "stroke-width": "1.2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
+          stroke: r || "var(--color-grayScale-white)",
+          strokeWidth: "1.2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
         }
       )
     }

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

@@ -1,3 +1,3 @@
-export declare const ModalFooter: ({ saveSelectedSimilarSku }: {
-    saveSelectedSimilarSku?: () => void;
+export declare const ModalFooter: ({ saveSelectedSimilarProduct }: {
+    saveSelectedSimilarProduct?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-const n = ({
-  saveSelectedSimilarSku: o
-}) => /* @__PURE__ */ r("div", { className: "change-order-moda-footer", children: /* @__PURE__ */ r(
+import { jsx as n } from "react/jsx-runtime";
+const t = ({
+  saveSelectedSimilarProduct: o
+}) => /* @__PURE__ */ n("div", { className: "change-order-moda-footer", children: /* @__PURE__ */ n(
   "button",
   {
     onClick: () => o == null ? void 0 : o(),
@@ -10,5 +10,5 @@ const n = ({
   }
 ) });
 export {
-  n as ModalFooter
+  t as ModalFooter
 };

package/dist/packages/ChangeOrderModal/components/ProductSelected.js

@@ -10,7 +10,7 @@ const P = ({ selectedItem: a }) => {
     sellingPrice: o,
     measurementUnit: r,
     unitMultiplier: c
-  } = a ?? {}, n = m(() => d ? 48 : 80, []);
+  } = a || {}, n = m(() => d ? 48 : 80, []);
   return /* @__PURE__ */ e("section", { className: "change-order-pre-content", children: [
     /* @__PURE__ */ i(
       "img",
@@ -27,13 +27,13 @@ const P = ({ selectedItem: a }) => {
       /* @__PURE__ */ i("h3", { className: "product-name", children: t }),
       /* @__PURE__ */ e("div", { className: "product-details", children: [
         /* @__PURE__ */ i("p", { className: "quantity", children: p(
-          r ?? "",
-          c ?? 0,
-          s ?? 0
+          r || "",
+          c || 0,
+          s || 0
         ) }),
         /* @__PURE__ */ e("p", { className: "sellingPrice", children: [
-          h(o ?? 0),
-          /* @__PURE__ */ i("span", { className: "sellingPrice-multiply", children: u(r ?? "", c ?? 0) })
+          h(o || 0),
+          /* @__PURE__ */ i("span", { className: "sellingPrice-multiply", children: u(r || "", c || 0) })
         ] })
       ] })
     ] })

package/dist/packages/ChangeOrderModal/components/SimilarProductList.d.ts

@@ -1,8 +1,9 @@
+import { Dispatch, SetStateAction } from 'react';
 import { SimilarProducts } from '../../../types/ChangeOrderModal';
 
-export declare const SimilarProductItem: ({ similarProduct, choosedItemId, setChoosedItemId, isClubClient }: {
-    choosedItemId?: string;
-    setChoosedItemId?: (choosedItemId: string) => void;
+export declare const SimilarProductItem: ({ similarProduct, similarProductSelect, setSimilarProductSelect, isClubClient }: {
+    similarProductSelect: SimilarProducts | undefined;
+    setSimilarProductSelect: Dispatch<SetStateAction<SimilarProducts | undefined>>;
     similarProduct: SimilarProducts;
     isClubClient?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/ChangeOrderModal/components/SimilarProductList.js

@@ -1,78 +1,83 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { useMemo as l } from "react";
-import { formatEspecifications as w, formatBrazilianPrice as h, formatedMultiply as z } from "../../../utils/changerOrderModal.js";
-import { Icons as U } from "../assets/icons.js";
-import { isMobile as A } from "../../../constants/index.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { formatEspecifications as w, formatBrazilianPrice as u, formatedMultiply as z } from "../../../utils/changerOrderModal.js";
+import { Icons as S } from "../assets/icons.js";
+import { isMobile as U } from "../../../constants/index.js";
 const H = ({
-  similarProduct: f,
-  choosedItemId: m,
-  setChoosedItemId: a,
+  similarProduct: a,
+  similarProductSelect: r,
+  setSimilarProductSelect: f,
   isClubClient: v
 }) => {
   const {
     images: N,
     name: d,
-    productId: u,
-    sellingPrice: i,
-    measurementUnit: P,
-    unitMultiplier: y,
-    hasDiscount: S,
-    listPrice: c,
-    isClub: b,
-    skuSpecifications: p
-  } = f, [{ imageUrl: M }] = N, n = l(() => A ? 48 : 80, []), o = l(() => u === m, [m]), s = l(() => w(p ?? []), [p]), {
+    productId: m,
+    sellingPrice: n,
+    measurementUnit: y,
+    unitMultiplier: b,
+    hasDiscount: C,
+    listPrice: o,
+    isClub: I,
+    skuSpecifications: h
+  } = a, [{ imageUrl: M }] = N, l = c(() => U ? 48 : 80, []), p = c(
+    () => m === (r == null ? void 0 : r.productId),
+    [r]
+  ), i = c(() => w(h || []), [h]), {
     discountPorcent: k,
-    frontLstPrice: C,
-    frontSellingPrice: L,
+    frontLstPrice: L,
+    frontSellingPrice: P,
     frontPriceMultiply: j
-  } = l(() => !i || !c ? {} : {
-    discountPorcent: Math.round(i / c * 100 * -1),
-    frontLstPrice: h(
-      (c ?? 0) - (i ?? 0)
+  } = c(() => !n || !o ? {} : {
+    discountPorcent: Math.round(n / o * 100 * -1),
+    frontLstPrice: u(
+      (o || 0) - (n || 0)
     ),
-    frontSellingPrice: h(i ?? 0),
-    frontPriceMultiply: z(P, y)
-  }, [i, c]), x = {
+    frontSellingPrice: u(n || 0),
+    frontPriceMultiply: z(y, b)
+  }, [n, o]), x = {
     Vegano: "var(--color-seals-veg)",
     Orgânico: "var(--color-seals-org)",
     "Sem Glúten": "var(--color-seals-gluten-free)",
     "Sem Lactose": "var(--color-seals-lactose-free)",
     "Sem Açúcar": "var(--color-seals-sugar-free)"
-  }, g = o ? "var(--color-main)" : "var(--color-grayScale-lightest)";
-  return /* @__PURE__ */ e(
+  }, g = p ? "var(--color-main)" : "var(--color-grayScale-lightest)";
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "similar-product-list-item",
-      onClick: () => a == null ? void 0 : a(o ? "" : u),
+      onClick: () => {
+        m !== (r == null ? void 0 : r.productId) && f(a);
+      },
       style: {
         borderColor: g
       },
       children: [
-        /* @__PURE__ */ r("div", { style: { width: n }, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ e("div", { style: { width: l }, children: /* @__PURE__ */ e(
           "img",
           {
-            height: n,
-            width: n,
+            height: l,
+            width: l,
             src: M,
             alt: d,
             style: { objectFit: "contain" }
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "infos", children: [
-          /* @__PURE__ */ e("div", { className: "description", children: [
-            /* @__PURE__ */ r("h4", { className: "product-name", children: d }),
-            /* @__PURE__ */ r(
+        /* @__PURE__ */ s("div", { className: "infos", children: [
+          /* @__PURE__ */ s("div", { className: "description", children: [
+            /* @__PURE__ */ e("h4", { className: "product-name", children: d }),
+            /* @__PURE__ */ e(
               "span",
               {
                 className: "choose-icon",
                 style: {
                   backgroundColor: g
                 },
-                children: o && /* @__PURE__ */ r(U, { iconId: "Check" })
+                children: p && /* @__PURE__ */ e(S, { iconId: "Check" })
               }
             )
           ] }),
-          !!(s != null && s.length) && /* @__PURE__ */ r("div", { className: "seal-container", children: s.map((t) => /* @__PURE__ */ r(
+          !!(i != null && i.length) && /* @__PURE__ */ e("div", { className: "seal-container", children: i.map((t) => /* @__PURE__ */ e(
             "span",
             {
               className: "seal",
@@ -80,18 +85,18 @@ const H = ({
               children: t
             }
           )) }),
-          /* @__PURE__ */ e("div", { className: "prices", children: [
-            S && /* @__PURE__ */ e("div", { className: "discount", children: [
-              /* @__PURE__ */ r("p", { className: "list-price", children: C }),
-              /* @__PURE__ */ e("span", { className: "badge", children: [
+          /* @__PURE__ */ s("div", { className: "prices", children: [
+            C && /* @__PURE__ */ s("div", { className: "discount", children: [
+              /* @__PURE__ */ e("p", { className: "list-price", children: L }),
+              /* @__PURE__ */ s("span", { className: "badge", children: [
                 k,
                 "%"
               ] })
             ] }),
-            /* @__PURE__ */ e("p", { className: "sellingPrice", children: [
-              L,
-              /* @__PURE__ */ r("span", { className: "sellingPrice-multiply", children: j }),
-              b && v && /* @__PURE__ */ r("span", { className: "badge", children: "Club" })
+            /* @__PURE__ */ s("p", { className: "sellingPrice", children: [
+              P,
+              /* @__PURE__ */ e("span", { className: "sellingPrice-multiply", children: j }),
+              I && v && /* @__PURE__ */ e("span", { className: "badge", children: "Club" })
             ] })
           ] })
         ] })

package/dist/packages/ChangeOrderModal/components/SimilarProducts.d.ts

@@ -1,10 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
 import { SimilarProducts as SimilarProductProps } from '../../../types/ChangeOrderModal';
 
 interface Props {
     products?: SimilarProductProps[];
-    choosedItemId?: string;
-    setChoosedItemId?: (choosedItemId?: string) => void;
+    similarProductSelect?: SimilarProductProps;
+    setSimilarProductSelect: Dispatch<SetStateAction<SimilarProductProps | undefined>>;
     isClubClient?: boolean;
 }
-export declare const SimilarProducts: ({ products, isClubClient, choosedItemId, setChoosedItemId }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SimilarProducts: ({ products, isClubClient, similarProductSelect, setSimilarProductSelect }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/packages/ChangeOrderModal/components/SimilarProducts.js

@@ -1,28 +1,35 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { Icons as t } from "../assets/icons.js";
-import { SimilarProductItem as o } from "./SimilarProductList.js";
-const f = ({
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { Icons as l } from "../assets/icons.js";
+import { SimilarProductItem as t } from "./SimilarProductList.js";
+const N = ({
   products: i,
-  isClubClient: n,
-  choosedItemId: c,
-  setChoosedItemId: r
-}) => i != null && i.length ? /* @__PURE__ */ m("section", { className: "change-order-similar-products", children: [
-  /* @__PURE__ */ a("h3", { className: "title", children: "Na falta substitua por:" }),
-  /* @__PURE__ */ a("div", { className: "similar-product-list", children: i.map((l) => /* @__PURE__ */ a(
-    o,
+  isClubClient: a,
+  similarProductSelect: s,
+  setSimilarProductSelect: m
+}) => i != null && i.length ? /* @__PURE__ */ r("section", { className: "change-order-similar-products", children: [
+  /* @__PURE__ */ n("h3", { className: "title", children: "Na falta substitua por:" }),
+  /* @__PURE__ */ n("div", { className: "similar-product-list", children: i.map((o) => /* @__PURE__ */ n(
+    t,
     {
-      isClubClient: n,
-      choosedItemId: c,
-      setChoosedItemId: r,
-      similarProduct: l
+      isClubClient: a,
+      similarProductSelect: s,
+      setSimilarProductSelect: m,
+      similarProduct: o
     },
-    l.itemId
+    o.itemId
   )) }),
-  /* @__PURE__ */ m("button", { onClick: () => r == null ? void 0 : r(""), className: "remove-buttom", children: [
-    /* @__PURE__ */ a(t, { iconId: "Trash" }),
-    " Remover subtituto"
-  ] })
+  /* @__PURE__ */ r(
+    "button",
+    {
+      onClick: () => m == null ? void 0 : m(void 0),
+      className: "remove-buttom",
+      children: [
+        /* @__PURE__ */ n(l, { iconId: "Trash" }),
+        " Remover subtituto"
+      ]
+    }
+  )
 ] }) : null;
 export {
-  f as SimilarProducts
+  N as SimilarProducts
 };

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

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

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

@@ -1,26 +1,25 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-const m = ({
-  cancelButtonAction: l,
-  cancelButtonText: a,
-  confirmButtonAction: n,
-  confirmButtonText: c,
-  isFloating: i,
-  redirectionClubText: t,
-  account: e
-}) => /* @__PURE__ */ r("div", { className: `modal-footer-container ${i ? "floating" : ""}`, children: [
-  n && c && /* @__PURE__ */ o("button", { onClick: n, className: "modal-confirm-button", children: c }),
-  /* @__PURE__ */ o("button", { onClick: l, className: "modal-cancel-button", children: a }),
-  !(e === "avenidab2c") && t && /* @__PURE__ */ o(
+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: t
+      children: n
     }
   )
 ] });
 export {
-  m as ModalFooter
+  d as ModalFooter
 };

package/dist/styles/change-order-modal.global.css

@@ -1 +1 @@
-.change-order-modal #modal-content-container{width:100%}.change-order-modal #modal-content-container #modal-content{background-color:var(--color-grayScale-white);border-radius:16px 16px 0 0}.change-order-modal #modal-content-container #modal-content .modal-footer{display:flex;position:relative;padding:0}.change-order-modal #modal-content-container #modal-pre-content{padding:16px}.change-order-modal header{width:100%;display:flex;justify-content:space-between;padding:16px}.change-order-modal header .modal-title{font-size:16px;font-weight:700;line-height:20px;color:var(--color-grayScale)}.change-order-modal .modal-close{background:none;border:none;cursor:pointer}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content{border-radius:16px}.change-order-modal header .modal-title{font-size:24px;line-height:28px}}.change-order-modal #modal-content-container #modal-content .change-order-pre-content{display:flex;margin:16px}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos{width:100%}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details{display:flex;justify-content:space-between;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{color:var(--color-grayScale);font-size:14px;line-height:18px;font-weight:700}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .sellingPrice-multiply{font-weight:400}.change-order-modal #modal-content-container{height:90%}@media (min-width: 768px){.change-order-modal #modal-content-container{max-height:90%}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{font-size:16px;line-height:20px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products{height:100%;overflow-y:scroll;max-height:21rem;margin:0 8px;padding:8px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products::-webkit-scrollbar{width:4px;background-color:var(--color-main-faded)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products::-webkit-scrollbar-thumb{width:3px;padding-top:16px;background-color:var(--color-main);max-height:34px;border-radius:20px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{color:var(--color-negativeFeedback);background-color:transparent;border:none;font-weight:700;font-size:14px;line-height:18px;display:flex;align-items:center;justify-content:center;margin:22px 0;column-gap:4px;text-decoration:underline;cursor:pointer}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:14px;line-height:18px;font-weight:700;color:var(--color-grayScale);margin-bottom:16px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{margin:16px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:20px;line-height:24px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list{display:flex;row-gap:16px;flex-direction:column}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;border-style:solid;border-width:1px;border-radius:8px;padding:8px;width:100%}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;cursor:pointer;background-color:var(--color-grayScale-white)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos{width:100%}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description{width:100%;display:flex;justify-content:space-between}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal{color:var(--color-grayScale-white);font-size:9px;list-style:16px;text-align:center;padding:4px;border-radius:2px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description .choose-icon{width:16px;height:16px;border-radius:100%;display:flex;align-items:center;justify-content:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .list-price{font-size:12px;line-height:16px;font-weight:400;color:var(--color-grayScale-dark);text-decoration:line-through}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount{display:flex;column-gap:4px;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .badge{padding:1px 4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices{display:flex;flex-direction:column;row-gap:5px}.change-order-modal .change-order-moda-footer{height:68px;background-color:#fff;border-radius:0 0 16px 16px;z-index:999;position:relative;width:100%;display:flex;flex-direction:row;align-content:center;padding:16px;box-shadow:0 -4px 4px 0 var(--color-support-shadow)}.change-order-modal .change-order-moda-footer .change-order-save-buttom{width:100%;height:34px;background-color:var(--color-main);border-color:transparent;border-radius:2px;color:var(--color-assistant-main);font-size:14px;line-height:18px;font-weight:500;cursor:pointer}.change-order-modal #modal-content-container #modal-content .product-name{font-size:14px;line-height:16px;font-weight:400;color:var(--color-grayScale);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:start}.change-order-modal #modal-content-container #modal-content .badge{padding:1px 4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .sellingPrice{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;display:flex;align-items:center;column-gap:1px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .sellingPrice{font-size:20px;line-height:24px}}
+.change-order-modal #modal-content-container{width:100%}.change-order-modal #modal-content-container #modal-content{display:flex;flex-direction:column;background-color:var(--color-grayScale-white);border-radius:16px 16px 0 0}.change-order-modal #modal-content-container #modal-content #modal-scroll{flex:1}.change-order-modal #modal-content-container #modal-content .modal-footer{display:flex;position:relative;padding:0;border-radius:16px}.change-order-modal #modal-content-container #modal-pre-content{padding:16px}.change-order-modal header{width:100%;display:flex;justify-content:space-between;padding:16px}.change-order-modal header .modal-title{font-size:16px;font-weight:700;line-height:20px;color:var(--color-grayScale)}.change-order-modal .modal-close{background:none;border:none;cursor:pointer}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content{border-radius:16px}.change-order-modal header .modal-title{font-size:24px;line-height:28px}}.change-order-modal #modal-content-container #modal-content .change-order-pre-content{display:flex;margin:16px}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos{width:100%}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details{display:flex;justify-content:space-between;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{color:var(--color-grayScale);font-size:14px;line-height:18px;font-weight:700}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .sellingPrice-multiply{font-weight:400}.change-order-modal #modal-content-container{height:90%}@media (min-width: 768px){.change-order-modal #modal-content-container{max-height:90%}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{font-size:16px;line-height:20px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products{overflow-y:auto;margin:0 8px;padding:8px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products::-webkit-scrollbar{width:4px;background-color:var(--color-main-faded)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products::-webkit-scrollbar-thumb{width:3px;padding-top:16px;background-color:var(--color-main);max-height:34px;border-radius:20px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{color:var(--color-negativeFeedback);background-color:transparent;border:none;font-weight:700;font-size:14px;line-height:18px;display:flex;align-items:center;justify-content:center;margin:22px 0;column-gap:4px;text-decoration:underline;cursor:pointer}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:14px;line-height:18px;font-weight:700;color:var(--color-grayScale);margin-bottom:16px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{margin:16px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:20px;line-height:24px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list{display:flex;row-gap:16px;flex-direction:column}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;border-style:solid;border-width:1px;border-radius:8px;padding:8px;width:100%}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;cursor:pointer;background-color:var(--color-grayScale-white)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos{width:100%}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description{width:100%;display:flex;justify-content:space-between}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal{color:var(--color-grayScale-white);font-size:9px;list-style:16px;text-align:center;padding:4px;border-radius:2px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description .choose-icon{width:16px;height:16px;border-radius:100%;display:flex;align-items:center;justify-content:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .list-price{font-size:12px;line-height:16px;font-weight:400;color:var(--color-grayScale-dark);text-decoration:line-through}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount{display:flex;column-gap:4px;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .badge{padding:1px 4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices{display:flex;flex-direction:column;row-gap:5px}.change-order-modal .change-order-moda-footer{height:68px;background-color:#fff;border-radius:0 0 16px 16px;z-index:999;position:relative;width:100%;display:flex;flex-direction:row;align-content:center;padding:16px;box-shadow:0 -4px 4px 0 var(--color-support-shadow)}.change-order-modal .change-order-moda-footer .change-order-save-buttom{width:100%;height:34px;background-color:var(--color-main);border-color:transparent;border-radius:2px;color:var(--color-assistant-main);font-size:14px;line-height:18px;font-weight:500;cursor:pointer}.change-order-modal #modal-content-container #modal-content .product-name{font-size:14px;line-height:16px;font-weight:400;color:var(--color-grayScale);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:start}.change-order-modal #modal-content-container #modal-content .badge{padding:1px 4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .sellingPrice{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;display:flex;align-items:center;column-gap:1px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .sellingPrice{font-size:20px;line-height:24px}}

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 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 h1{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 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 h1{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)}

package/dist/styles/modal.global.css

@@ -1 +1 @@
-.no-scroll{overflow:hidden;touch-action:none}#modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100%;height:100%;display:flex;align-items:flex-end;background-color:var(--color-support-overlay)}@media (min-width: 768px){#modal-container{justify-content:center;align-items:center}}#modal-content-container{width:100%}@media (min-width: 768px){#modal-content-container{max-width:550px;max-height:85%}}#modal-content-container>div{height:100%;width:100%}#modal-content-container>div #modal-content{width:100%;height:100%;background-color:var(--color-grayScale-white);border-radius:16px 16px 0 0;position:relative}@media (min-width: 768px){#modal-content-container>div #modal-content{border-radius:16px}}#modal-content-container>div #modal-content header{display:flex;justify-content:space-between;align-items:flex-start;height:56px;padding:16px}#modal-content-container>div #modal-content header .modal-title{color:var(--color-grayScale);font-size:14px;line-height:18px;font-weight:400}@media (min-width: 768px){#modal-content-container>div #modal-content header .modal-title{font-size:16px;line-height:20px}}#modal-content-container>div #modal-content header button{display:flex;align-items:center;justify-content:center;outline:none;border:none;padding:0;background-color:transparent;cursor:pointer}#modal-content-container>div #modal-content header button.modal-title{color:var(--color-support-links);text-decoration:underline}#modal-content-container>div #modal-content header button.modal-close{margin-left:10px}#modal-content-container>div #modal-content #modal-scroll{max-height:calc(100% - 56px);height:100%;overflow-y:auto}#modal-content-container>div #modal-content #modal-scroll::-webkit-scrollbar{width:4px;background-color:var(--color-grayScale-light)}#modal-content-container>div #modal-content #modal-scroll::-webkit-scrollbar-thumb{width:4px;background-color:var(--color-main);border-radius:20px}#modal-content-container>div .modal-footer{position:absolute;bottom:0;left:0;width:100%;box-shadow:0 -4px 4px var(--color-support-shadow);padding:24px 16px;background-color:var(--color-grayScale-white)}
+.no-scroll{overflow:hidden;touch-action:none}#modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100%;height:100%;display:flex;align-items:flex-end;background-color:var(--color-support-overlay)}@media (min-width: 768px){#modal-container{justify-content:center;align-items:center}}#modal-content-container{width:100%}@media (min-width: 768px){#modal-content-container{max-width:550px;max-height:85%}}#modal-content-container{height:100%;width:100%}#modal-content-container #modal-content{width:100%;height:100%;background-color:var(--color-grayScale-white);border-radius:16px 16px 0 0;position:relative}@media (min-width: 768px){#modal-content-container #modal-content{border-radius:16px}}#modal-content-container #modal-content header{display:flex;justify-content:space-between;align-items:flex-start;height:56px;padding:16px}#modal-content-container #modal-content header .modal-title{color:var(--color-grayScale);font-size:14px;line-height:18px;font-weight:400}@media (min-width: 768px){#modal-content-container #modal-content header .modal-title{font-size:16px;line-height:20px}}#modal-content-container #modal-content header button{display:flex;align-items:center;justify-content:center;outline:none;border:none;padding:0;background-color:transparent;cursor:pointer}#modal-content-container #modal-content header button.modal-title{color:var(--color-support-links);text-decoration:underline}#modal-content-container #modal-content header button.modal-close{margin-left:10px}#modal-content-container #modal-content #modal-scroll{max-height:calc(100% - 56px);height:100%;overflow-y:auto}#modal-content-container #modal-content #modal-scroll::-webkit-scrollbar{width:4px;background-color:var(--color-grayScale-light)}#modal-content-container #modal-content #modal-scroll::-webkit-scrollbar-thumb{width:4px;background-color:var(--color-main);border-radius:20px}#modal-content-container .modal-footer{position:absolute;bottom:0;left:0;width:100%;box-shadow:0 -4px 4px var(--color-support-shadow);padding:24px 16px;background-color:var(--color-grayScale-white)}

package/dist/utils/changerOrderModal.js

@@ -13,7 +13,7 @@ const s = (t, r, e = "") => {
   const e = r == null ? void 0 : r.filter(
     (n) => t.includes(n.field.originalName) && n.values.some((c) => c.originalName.toLowerCase() === "true")
   );
-  return (e == null ? void 0 : e.map((n) => n.field.originalName)) ?? [];
+  return (e == null ? void 0 : e.map((n) => n.field.originalName)) || [];
 }, f = (t) => i([
   "Vegano",
   "Orgânico",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@plurix/ecom-components",
   "author": "Plurix",
   "private": false,
-  "version": "1.1.2-scs1825.7",
+  "version": "1.1.3-commerce.scs1825",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -26,8 +26,8 @@
     "test": "jest"
   },
   "peerDependencies": {
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.24.5",