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

package/dist/packages/Regionalization/views/PickupPointInfoScreen.js

@@ -0,0 +1,42 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Title as c } from "../components/Title.js";
+import { InfoPrices as l } from "../components/InfoPrices.js";
+import { SetViewButton as i } from "../components/SetViewButton.js";
+import { ArrowIcon as s } from "../../../assets/svgs/ArrowIcon.js";
+import { useRegionalizationContext as a } from "../context/RegionalizationContext.js";
+const N = () => {
+  const { pickup: e, textBackButton: t, backToDelivery: o } = a();
+  return /* @__PURE__ */ n("div", { className: "delivery-pickup-container", children: /* @__PURE__ */ r("div", { className: "content-container", children: [
+    /* @__PURE__ */ n(c, { title: e == null ? void 0 : e.title }),
+    /* @__PURE__ */ n(
+      l,
+      {
+        containerClassName: "pickup-container",
+        priceClassName: "pickup-price",
+        labelPrice: e == null ? void 0 : e.labelPrice,
+        price: e == null ? void 0 : e.price
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "pickup-instructions", children: [
+      /* @__PURE__ */ n("p", { children: e == null ? void 0 : e.labelScheduling }),
+      /* @__PURE__ */ n("span", { children: e == null ? void 0 : e.scheduling })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "pickup-open-stores-container", children: [
+      /* @__PURE__ */ r(
+        i,
+        {
+          view: o ? "PostalCodeInputScreen" : "InitialView",
+          className: "back-button",
+          children: [
+            /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(s, {}) }),
+            t
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(i, { view: "AllStoresScreen", className: "pickup-open-stores", children: e == null ? void 0 : e.buttonOpenStores })
+    ] })
+  ] }) });
+};
+export {
+  N as PickupPointInfoScreen
+};

package/dist/packages/Regionalization/views/PostalCodeInputScreen.d.ts

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

package/dist/packages/Regionalization/views/PostalCodeInputScreen.js

@@ -0,0 +1,87 @@
+import { jsx as n, Fragment as f, jsxs as o } from "react/jsx-runtime";
+import { Title as g } from "../components/Title.js";
+import { SetViewButton as s } from "../components/SetViewButton.js";
+import { InfoPrices as k } from "../components/InfoPrices.js";
+import { ShoppingIcon as N } from "../../../assets/svgs/ShoppingIcon.js";
+import { WarningIcon as u } from "../../../assets/svgs/WarningIcon.js";
+import { ArrowIcon as w } from "../../../assets/svgs/ArrowIcon.js";
+import { useRegionalizationContext as x } from "../context/RegionalizationContext.js";
+import { postalCodeMask as P } from "../utils/postalCode.js";
+const T = () => {
+  const {
+    delivery: e,
+    status: r,
+    postalCodeValidation: c,
+    setInputPostalCode: m,
+    postalCode: p,
+    deliveryPrice: h,
+    textBackButton: d,
+    pickup: t,
+    setBackToDelivery: a
+  } = x(), l = (r == null ? void 0 : r.status) === "failed";
+  return /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n("div", { className: "delivery-pickup-container", children: /* @__PURE__ */ o("div", { className: "content-container", children: [
+    /* @__PURE__ */ n(g, { title: l ? "Tente outro CEP" : e == null ? void 0 : e.title }),
+    l ? /* @__PURE__ */ o("div", { className: "warning-container", children: [
+      /* @__PURE__ */ n(u, {}),
+      /* @__PURE__ */ n("span", { className: "warning-text", children: r == null ? void 0 : r.message })
+    ] }) : /* @__PURE__ */ n(
+      k,
+      {
+        containerClassName: "delivery-container",
+        priceClassName: "info-price",
+        labelPrice: e == null ? void 0 : e.labelPrice,
+        price: h
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "postal-code-container", children: [
+      /* @__PURE__ */ o("div", { className: "postal-code-container-action", children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            onKeyDown: (i) => i.key === "Enter" && (c == null ? void 0 : c()),
+            type: "text",
+            onChange: (i) => m(i.target.value),
+            maxLength: 9,
+            placeholder: p ?? "00000-000",
+            onKeyUp: P
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            onKeyDown: (i) => i.key === "Enter" && (c == null ? void 0 : c()),
+            onClick: () => c == null ? void 0 : c(),
+            disabled: r == null ? void 0 : r.loading,
+            children: r != null && r.loading ? r.message : e == null ? void 0 : e.searchButton
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("a", { href: e == null ? void 0 : e.linkHref, target: "_blank", className: "", children: e == null ? void 0 : e.linkText }),
+      l && /* @__PURE__ */ o("div", { className: "postal-code-container-pickup", children: [
+        /* @__PURE__ */ n("label", { children: "Você pode escolhes retirar na loja" }),
+        /* @__PURE__ */ o(
+          s,
+          {
+            onClick: () => a == null ? void 0 : a(!0),
+            view: "PickupPointInfoScreen",
+            className: "postal-code-container-pickup-select",
+            children: [
+              /* @__PURE__ */ n(N, {}),
+              /* @__PURE__ */ o("div", { className: "postal-code-container-pickup-select-informative", children: [
+                /* @__PURE__ */ n("h4", { children: t == null ? void 0 : t.title }),
+                /* @__PURE__ */ n("p", { children: " Grátis" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o(s, { view: "InitialView", className: "back-button", children: [
+      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(w, {}) }),
+      d
+    ] })
+  ] }) }) });
+};
+export {
+  T as PostalCodeInputScreen
+};

package/dist/packages/Regionalization/views/ViewsContainer.d.ts

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

package/dist/packages/Regionalization/views/ViewsContainer.js

@@ -0,0 +1,22 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { InitialView as n } from "./InitialView.js";
+import { PostalCodeInputScreen as i } from "./PostalCodeInputScreen.js";
+import { PickupPointInfoScreen as t } from "./PickupPointInfoScreen.js";
+import { MoreInfosScreen as m } from "./MoreInfosScreen.js";
+import { AllStoresScreen as c } from "./AllStoresScreen.js";
+import { ConfirmScreen as s } from "./ConfirmScreen.js";
+import { useRegionalizationContext as f } from "../context/RegionalizationContext.js";
+const d = () => {
+  const { view: o } = f();
+  return /* @__PURE__ */ r("div", { className: "regionalization-container", children: [
+    o === "InitialView" && /* @__PURE__ */ e(n, {}),
+    o === "PostalCodeInputScreen" && /* @__PURE__ */ e(i, {}),
+    o === "PickupPointInfoScreen" && /* @__PURE__ */ e(t, {}),
+    o === "MoreInfosScreen" && /* @__PURE__ */ e(m, {}),
+    o === "AllStoresScreen" && /* @__PURE__ */ e(c, {}),
+    o === "ConfirmScreen" && /* @__PURE__ */ e(s, {})
+  ] });
+};
+export {
+  d as ViewsContainer
+};

package/dist/packages/Tour/Tour.d.ts

@@ -0,0 +1,10 @@
+import { TourStep } from './types/TourStep';
+
+interface TourProps {
+    steps: TourStep[];
+    handleCloseAction: () => void;
+    handleFinishAction?: () => void;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const Tour: ({ steps, handleCloseAction, handleFinishAction, genericTaggingEvent }: TourProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/packages/Tour/Tour.js

@@ -0,0 +1,68 @@
+import { jsxs as n, Fragment as N, jsx as k } from "react/jsx-runtime";
+import { useState as S, useRef as H, useEffect as R } from "react";
+import { TourTooltip as j } from "./components/TourTooltip.js";
+import { TourOverlay as q } from "./components/TourOverlay.js";
+/* empty css                 */const D = ({
+  steps: e,
+  handleCloseAction: l,
+  handleFinishAction: c,
+  genericTaggingEvent: t
+}) => {
+  const [s, x] = S(0), [y, b] = S({ top: 0 }), u = H(null), m = `Step ${s + 1}`;
+  R(() => {
+    const o = e[s], r = document.querySelector(o.selector);
+    let p;
+    if (r && u.current) {
+      const z = r.getBoundingClientRect(), P = u.current.offsetHeight, _ = 12;
+      p = {
+        zIndex: r.style.zIndex,
+        background: r.style.background
+      }, r.style.zIndex = "9999", r.style.background = "white";
+      const d = z.top + window.scrollY - P - _;
+      b({
+        top: d
+      }), window.scrollTo({
+        top: d,
+        behavior: "smooth"
+      });
+    }
+    return () => {
+      r && (r.style.zIndex = p.zIndex, r.style.background = p.background);
+    };
+  }, [s, e, u]);
+  const f = (o) => {
+    t == null || t("tour_closed", {
+      clickedText: o,
+      name: m
+    }), l == null || l(), c == null || c();
+  }, I = () => {
+    t == null || t("tour_click_next", {
+      clickedText: "Próximo",
+      name: m
+    }), x((o) => o < e.length - 1 ? o + 1 : o);
+  }, w = () => {
+    t == null || t("tour_click_prev", {
+      clickedText: "Anterior",
+      name: m
+    }), x((o) => o > 0 ? o - 1 : o);
+  };
+  return e.length === 0 ? null : /* @__PURE__ */ n(N, { children: [
+    /* @__PURE__ */ k(
+      j,
+      {
+        ref: u,
+        step: e[s],
+        position: y,
+        onClose: f,
+        onPrevious: w,
+        onNext: I,
+        totalSteps: e.length,
+        stepNumber: s + 1
+      }
+    ),
+    /* @__PURE__ */ k(q, { stepNumber: s + 1, onClick: f })
+  ] });
+};
+export {
+  D as Tour
+};

package/dist/packages/Tour/components/TooltipFooter.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface TooltipFooterProps {
+    stepNumber: number;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    onClose: (clickedText: string) => void;
+    onPrevious: () => void;
+    onNext: () => void;
+}
+export declare const TooltipFooter: React.FC<TooltipFooterProps>;
+export {};

package/dist/packages/Tour/components/TooltipFooter.js

@@ -0,0 +1,14 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+const n = "Fechar Explicação", e = "Legal, Entendi", d = ({
+  isFirstStep: i,
+  isLastStep: r,
+  onClose: o,
+  onPrevious: c,
+  onNext: l
+}) => /* @__PURE__ */ s("div", { className: "tooltip-footer", children: [
+  i ? /* @__PURE__ */ t("button", { onClick: () => o(n), children: n }) : /* @__PURE__ */ t("button", { onClick: c, children: "< Anterior" }),
+  r ? /* @__PURE__ */ t("button", { onClick: () => o(e), children: e }) : /* @__PURE__ */ t("button", { onClick: l, children: "Próximo >" })
+] });
+export {
+  d as TooltipFooter
+};

package/dist/packages/Tour/components/TooltipHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface TooltipHeaderProps {
+    stepNumber: number;
+    totalSteps: number;
+    onClose: (clickedText: string) => void;
+}
+export declare const TooltipHeader: React.FC<TooltipHeaderProps>;
+export {};

package/dist/packages/Tour/components/TooltipHeader.js

@@ -0,0 +1,13 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { CloseIcon as c } from "../../../assets/svgs/CloseIcon.js";
+const l = ({
+  stepNumber: e,
+  totalSteps: t,
+  onClose: i
+}) => /* @__PURE__ */ r("div", { className: "tooltip-header", children: [
+  /* @__PURE__ */ o("span", { children: `${e} de ${t}` }),
+  /* @__PURE__ */ o("button", { onClick: () => i("Botão Fechar"), children: /* @__PURE__ */ o(c, { width: 16, height: 16 }) })
+] });
+export {
+  l as TooltipHeader
+};

package/dist/packages/Tour/components/TourOverlay.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface TourOverlayProps {
+    stepNumber: number;
+    onClick: (clickedText: string) => void;
+}
+export declare const TourOverlay: React.FC<TourOverlayProps>;
+export {};

package/dist/packages/Tour/components/TourOverlay.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+const e = ({ onClick: o }) => /* @__PURE__ */ r(
+  "div",
+  {
+    id: "tour-overlay",
+    "data-testid": "tour-overlay",
+    onClick: () => o("Clique no overlay")
+  }
+);
+export {
+  e as TourOverlay
+};

package/dist/packages/Tour/components/TourTooltip.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface TourStep {
+    content: string;
+}
+interface TourTooltipProps {
+    step: TourStep;
+    position: {
+        top: number;
+    };
+    onClose: (clickedText: string) => void;
+    onPrevious: () => void;
+    onNext: () => void;
+    totalSteps: number;
+    stepNumber: number;
+}
+export declare const TourTooltip: import('react').ForwardRefExoticComponent<TourTooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/packages/Tour/components/TourTooltip.js

@@ -0,0 +1,42 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { TooltipHeader as c } from "./TooltipHeader.js";
+import { TooltipFooter as e } from "./TooltipFooter.js";
+const j = a(
+  ({ step: p, position: d, onClose: i, onPrevious: f, onNext: l, totalSteps: r, stepNumber: o }, m) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: m,
+      id: "tour-tooltip",
+      "data-testid": "tour-tooltip",
+      style: {
+        top: `${d.top}px`
+      },
+      children: [
+        /* @__PURE__ */ t(
+          c,
+          {
+            stepNumber: o,
+            totalSteps: r,
+            onClose: i
+          }
+        ),
+        /* @__PURE__ */ t("p", { children: p.content }),
+        /* @__PURE__ */ t(
+          e,
+          {
+            stepNumber: o,
+            isFirstStep: o === 1,
+            isLastStep: o === r,
+            onClose: i,
+            onPrevious: f,
+            onNext: l
+          }
+        )
+      ]
+    }
+  )
+);
+export {
+  j as TourTooltip
+};

package/dist/packages/Tour/test/TooltipFooter.test.js

@@ -0,0 +1,68 @@
+import { jsx as i } from "react/jsx-runtime";
+import { render as n, fireEvent as c } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { TooltipFooter as r } from "../components/TooltipFooter.js";
+describe("TooltipFooter", () => {
+  const t = jest.fn(), s = jest.fn(), o = jest.fn();
+  it("should render the previous close button when it is the first step", () => {
+    const { getByText: e } = n(
+      /* @__PURE__ */ i(
+        r,
+        {
+          stepNumber: 1,
+          isFirstStep: !0,
+          isLastStep: !1,
+          onClose: t,
+          onPrevious: s,
+          onNext: o
+        }
+      )
+    );
+    expect(e("Fechar Explicação")).toBeInTheDocument();
+  }), it("should call onClose with specific text when previous close button is clicked", () => {
+    const { getByText: e } = n(
+      /* @__PURE__ */ i(
+        r,
+        {
+          stepNumber: 1,
+          isFirstStep: !0,
+          isLastStep: !1,
+          onClose: t,
+          onPrevious: s,
+          onNext: o
+        }
+      )
+    );
+    c.click(e("Fechar Explicação")), expect(t).toHaveBeenCalledWith("Fechar Explicação");
+  }), it("should render the next button when it is not the last step", () => {
+    const { getByText: e } = n(
+      /* @__PURE__ */ i(
+        r,
+        {
+          stepNumber: 2,
+          isFirstStep: !1,
+          isLastStep: !1,
+          onClose: t,
+          onPrevious: s,
+          onNext: o
+        }
+      )
+    );
+    expect(e("Próximo >")).toBeInTheDocument();
+  }), it("should call onNext when next button is clicked", () => {
+    const { getByText: e } = n(
+      /* @__PURE__ */ i(
+        r,
+        {
+          stepNumber: 2,
+          isFirstStep: !1,
+          isLastStep: !1,
+          onClose: t,
+          onPrevious: s,
+          onNext: o
+        }
+      )
+    );
+    c.click(e("Próximo >")), expect(o).toHaveBeenCalled();
+  });
+});

package/dist/packages/Tour/test/TooltipHeader.test.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import { render as r, fireEvent as l } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { TooltipHeader as s } from "../components/TooltipHeader.js";
+describe("TooltipHeader", () => {
+  const e = jest.fn();
+  it("should render the step number and total steps correctly", () => {
+    const { getByText: t } = r(
+      /* @__PURE__ */ o(s, { stepNumber: 2, totalSteps: 5, onClose: e })
+    );
+    expect(t("2 de 5")).toBeInTheDocument();
+  }), it("should call onClose when close button is clicked", () => {
+    const { getByRole: t } = r(
+      /* @__PURE__ */ o(s, { stepNumber: 2, totalSteps: 5, onClose: e })
+    );
+    l.click(t("button")), expect(e).toHaveBeenCalledWith("Botão Fechar");
+  });
+});

package/dist/packages/Tour/test/Tour.test.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { render as c, fireEvent as d } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Tour as i } from "../Tour.js";
+jest.mock("../components/TourTooltip", () => ({ TourTooltip: a.forwardRef(
+  ({ stepNumber: e, totalSteps: t, onPrevious: s, onNext: o, ...l }, p) => /* @__PURE__ */ r("div", { ref: p, ...l, "data-testid": "tour-tooltip" })
+) }));
+jest.mock("../components/TourOverlay", () => ({
+  TourOverlay: ({
+    stepNumber: n,
+    onClick: e,
+    ...t
+  }) => /* @__PURE__ */ r("div", { ...t, onClick: e, "data-testid": "tour-overlay" })
+}));
+describe("Tour", () => {
+  const n = [
+    { selector: ".step-1", content: "Step 1 Content" },
+    { selector: ".step-2", content: "Step 2 Content" },
+    { selector: ".step-3", content: "Step 3 Content" }
+  ], e = jest.fn(), t = jest.fn(), s = jest.fn();
+  it("should render correctly with initial step", () => {
+    const { getByTestId: o } = c(
+      /* @__PURE__ */ r(
+        i,
+        {
+          steps: n,
+          handleCloseAction: e,
+          handleFinishAction: t,
+          genericTaggingEvent: s
+        }
+      )
+    );
+    expect(o("tour-tooltip")).toBeInTheDocument(), expect(o("tour-overlay")).toBeInTheDocument();
+  }), it("should call handleCloseAction when TourOverlay is clicked", () => {
+    const { getByTestId: o } = c(
+      /* @__PURE__ */ r(
+        i,
+        {
+          steps: n,
+          handleCloseAction: e,
+          handleFinishAction: t,
+          genericTaggingEvent: s
+        }
+      )
+    );
+    d.click(o("tour-overlay")), expect(e).toHaveBeenCalled();
+  });
+});

package/dist/packages/Tour/test/TourOverlay.test.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { render as r, fireEvent as c } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { TourOverlay as l } from "../components/TourOverlay.js";
+describe("TourOverlay", () => {
+  const e = jest.fn();
+  it("should render the tour overlay", () => {
+    const { getByTestId: o } = r(
+      /* @__PURE__ */ t(l, { stepNumber: 1, onClick: e })
+    );
+    expect(o("tour-overlay")).toBeInTheDocument();
+  }), it("should call onClick when the overlay is clicked", () => {
+    const { getByTestId: o } = r(
+      /* @__PURE__ */ t(l, { stepNumber: 1, onClick: e })
+    );
+    c.click(o("tour-overlay")), expect(e).toHaveBeenCalledWith("Clique no overlay");
+  });
+});

package/dist/packages/Tour/test/TourTooltip.test.js

@@ -0,0 +1,40 @@
+import { jsx as p } from "react/jsx-runtime";
+import { render as r } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { TourTooltip as c } from "../components/TourTooltip.js";
+describe("TourTooltip", () => {
+  const t = jest.fn(), e = jest.fn(), n = jest.fn(), s = { content: "Step Content" };
+  it("should render correctly with provided props", () => {
+    const { getByText: o } = r(
+      /* @__PURE__ */ p(
+        c,
+        {
+          step: s,
+          position: { top: 100 },
+          onClose: t,
+          onPrevious: e,
+          onNext: n,
+          totalSteps: 3,
+          stepNumber: 2
+        }
+      )
+    );
+    expect(o("Step Content")).toBeInTheDocument(), expect(o("2 de 3")).toBeInTheDocument();
+  }), it("should have correct style for position", () => {
+    const { getByTestId: o } = r(
+      /* @__PURE__ */ p(
+        c,
+        {
+          step: s,
+          position: { top: 100 },
+          onClose: t,
+          onPrevious: e,
+          onNext: n,
+          totalSteps: 3,
+          stepNumber: 2
+        }
+      )
+    ), i = o("tour-tooltip");
+    expect(i.style.top).toBe("100px");
+  });
+});

package/dist/packages/Tour/types/TourStep.d.ts

@@ -0,0 +1,4 @@
+export interface TourStep {
+    selector: string;
+    content: string;
+}

package/dist/packages/Tour/types/TourStep.js

@@ -0,0 +1 @@
+

package/dist/styles/carousel.global.css

@@ -0,0 +1 @@
+#carousel .carousel-content{width:100%;display:flex;flex-direction:row;justify-content:center}#carousel .carousel-content .carousel-arrow-button-prev,#carousel .carousel-content .carousel-arrow-button-next{display:flex;justify-content:center;align-items:center}#carousel .carousel-content .carousel-container{display:flex;flex-direction:row;width:100%;scroll-behavior:smooth;overflow-x:scroll}#carousel .numeric-bullets{display:flex;flex-direction:row;justify-content:center;text-align:center}#carousel .bullets-container{display:flex;flex-direction:row;justify-content:center}

package/dist/styles/coupons.global.css

@@ -0,0 +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}.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-main);background-color:var(--color-secondary)}.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{margin:1.5rem 0rem;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;margin:24px 0;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/regionalization.global.css

@@ -0,0 +1 @@
+.regionalization-container *{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif;font-style:normal}.regionalization-container{border-radius:8px}.regionalization-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .badge{border-radius:12px;padding:4px 8px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf)!important;font-size:12px;font-weight:700;line-height:16px}.regionalization-container{border:1px solid var(--color-grayScale-lightest, #e8e8e8);width:100%;max-width:660px;margin:auto;padding:24px 16px;background-color:var(--color-grayScale-white, #fff)}.regionalization-container .delivery-pickup-container{gap:8px 0}@media screen and (min-width: 769px){.regionalization-container{padding:24px 10px 24px 24px}}.regionalization-container .title-container{display:flex;justify-content:space-between}.regionalization-container .title-container h1{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;line-height:24px;margin-right:16px}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}}.regionalization-container .title-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .more-infos-button{align-items:center;margin:16px 0;color:var(--color-support-links, #00289c);font-weight:400;font-size:14px;line-height:18px;text-decoration-line:underline}@media screen and (min-width: 769px){.regionalization-container .more-infos-button{font-size:16px;line-height:20px}}.regionalization-container .more-infos-button span{display:inline-flex;margin-left:8px}.regionalization-container .content-container{display:flex;flex-direction:column}.regionalization-container .content-container h2{color:var(--color-grayScale, #1c1c1c);font-size:24px;line-height:28px;font-weight:700}.regionalization-container .content-container .warning-container{display:flex;align-items:center;border-radius:4px;margin-top:16px;padding:8px 16px;background-color:var(--color-warning-faded, #fff8e5)}.regionalization-container .content-container .warning-container span{display:inline-block;margin-left:16px;color:var(--color-warning-dark, #b28100);font-size:14px;line-height:18px}.regionalization-container .delivery-container{margin-bottom:16px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .delivery-container .info-price{margin-bottom:12px}.delivery-subcontainer{border-radius:4px;border:1px solid var(--color-grayScale-lightest);background:var(--color-grayScale-white);padding:16px;margin:16px 0}.normal-delivery-container,.express-delivery-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.normal-delivery-title-container,.express-delivery-title-container{display:flex;align-items:center}.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:14px;font-weight:400;line-height:18px}.normal-delivery-price,.express-delivery-price{font-size:12px;font-weight:700;line-height:16px;color:var(--color-main)}.normal-delivery-scheduling,.express-delivery-scheduling{font-size:12px;font-weight:400;line-height:16px}.express-delivery-message-container{display:flex;padding:8px 16px;border-radius:4px;background:var(--color-main-faded);margin-top:8px;color:var(--color-main);font-size:12px;font-weight:700;line-height:16px}.delivery-types{color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px;margin:6px 0}@media screen and (min-width: 769px){.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:16px;font-weight:700;line-height:20px}.normal-delivery-price,.express-delivery-price,.normal-delivery-scheduling,.express-delivery-scheduling{font-size:16px;line-height:20px}.express-delivery-message-container{font-size:14px;line-height:18px}.delivery-types{font-size:20px;line-height:24px;margin:16px 0}.regionalization-container .delivery-container{margin:16px 0}.regionalization-container .delivery-container .info-price{margin-bottom:16px}}.regionalization-container .info-price{margin:8px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .info-price span{color:var(--color-main, #004a93);font-weight:700}.regionalization-container .postal-code-container{display:flex;flex-direction:column;row-gap:8px;margin:16px 0}.regionalization-container .postal-code-container .postal-code-container-action{display:flex}.regionalization-container .postal-code-container .postal-code-container-action input{display:inline-block;width:100%;margin-right:8px;padding:9px 12px;border:1px solid var(--color-grayScale-light, #c6c6c6);border-radius:2px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .postal-code-container .postal-code-container-action input::placeholder{color:var(--color-grayScale-light, #c6c6c6)}.regionalization-container .postal-code-container .postal-code-container-action button{justify-content:center;align-items:center;padding:10px 11px;border-radius:2px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);font-size:16px;font-weight:500;line-height:18px}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-action button{width:30%}.regionalization-container .postal-code-container .postal-code-container-action input{width:70%}}.regionalization-container .postal-code-container .postal-code-container-action button:disabled{background-color:var(--color-grayScale-faded, #f4f4f4);color:var(--color-grayScale-light, #c6c6c6);cursor:wait}.regionalization-container .postal-code-container .postal-code-container-pickup{display:flex;flex-direction:column}.regionalization-container .postal-code-container .postal-code-container-pickup label{color:var(--color-main, #2c3490);font-size:16px;font-weight:700;line-height:20px;margin-top:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{width:100%;height:72px;display:flex;column-gap:16px;margin:16px 0;padding:18px 8px;border-radius:8px;border:1px solid var(--color-grayScale-lightest, #e8e8e8);box-shadow:4px 4px 8px 0 var(--color-support-shadow);background:var(--color-grayScale-white, #fff)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative{text-align:start}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-pickup label{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{height:120px;justify-content:center;align-items:center}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select svg{height:88px;width:88px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:16px;line-height:20px}}.regionalization-container a{display:block;margin-top:3px;color:var(--color-support-links, #00289c);font-size:12px;line-height:16px}.regionalization-container .pickup-container{margin:26px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .pickup-instructions{display:flex;flex-direction:column;margin-bottom:24px}.regionalization-container .pickup-price{color:var(--color-grayScale, #1c1c1c);font-size:16px;font-weight:400;line-height:20px;margin-bottom:10px}@media screen and (min-width: 769px){.regionalization-container .pickup-instructions{display:flex;flex-direction:row;column-gap:4px}}.regionalization-container .pickup-instructions{margin-bottom:24px}.regionalization-container .pickup-instructions p{font-size:16px;font-weight:400;line-height:20px}.regionalization-container .pickup-instructions span{font-size:16px;font-weight:700;line-height:20px}.regionalization-container .pickup-open-stores-container{display:flex;justify-content:space-between}.regionalization-container .pickup-open-stores-container .pickup-open-stores{justify-content:center;width:100%;max-width:208px;border-radius:2px;padding:10px 21px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);text-align:center;font-size:16px;line-height:20px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}.regionalization-container .more-infos-button{font-weight:400;font-size:16px;line-height:20px}.content-container .regionalization-container .content-container h2{font-size:20px;line-height:24px}}.regionalization-container .opening-hours-container{margin:16px 0}.regionalization-container .opening-hours-container p,.regionalization-container .opening-hours-container span{color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px;font-weight:400}.regionalization-container .opening-hours-container span{font-weight:700}.regionalization-container .container-navigation{display:flex;justify-content:space-between;margin-top:24px}.regionalization-container .back-button{align-items:center;color:var(--color-main, #2c3490);font-size:14px;font-weight:500;line-height:18px;margin-right:28px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500;margin-right:28px}.regionalization-container .back-button-all-store span,.regionalization-container .back-button span{transform:rotate(180deg);display:inline-flex;margin-right:8px}.regionalization-container .continue-button{padding:10px 40px;border-radius:2px;color:var(--color-assistant-main, #ebe0cf);background-color:var(--color-main, #2c3490);font-size:16px;font-weight:500;line-height:20px;width:100%;max-width:208px;display:flex;justify-content:center;align-items:center;white-space:nowrap}@media screen and (min-width: 769px){.regionalization-container .back-button{font-size:16px;line-height:20px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:16px;line-height:20px;font-weight:500;margin-right:28px}.regionalization-container .back-button span svg{width:24px;height:24px}}.regionalization-container .stores-filter p{margin:18px 0 2px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-filter div{position:relative;display:flex}.regionalization-container .stores-filter div input{display:block;width:100%;border:1px solid var(--color-grayScale-light, #c6c6c6);padding:8px 40px 8px 12px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:24px}.regionalization-container .stores-filter div .filter-ico-container{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:42px;width:42px;padding:12px}.regionalization-container .stores-filter div input::placeholder{color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .stores-filter div svg{overflow:unset}.regionalization-container .divider{justify-content:center;height:1px;margin-top:26px;background-color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .divider span{position:absolute;top:-10px;padding:0 16px;background-color:var(--color-grayScale-white, #fff);color:var(--color-grayScale-dark, #8d8d8d);font-size:16px;line-height:20px}.regionalization-container .stores-label{margin:22px 0 14px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-container{display:grid}.regionalization-container .store-container{display:flex;flex-direction:column;box-shadow:4px 4px 8px var(--color-support-shadow, rgba(0, 74, 147, .25));margin-bottom:16px;margin-right:16px}.regionalization-container .store-container h3{padding:9px 16px;background-color:var(--color-main-faded, #e6edf4);color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:700}.regionalization-container .store-container div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.regionalization-container .store-container div p{margin-bottom:16px;color:var(--color-grayScale-darkest, #545454);font-size:14px;line-height:18px}.regionalization-container .store-container div .choose-store{justify-content:center;width:100%;border:1px solid var(--color-main, #004a93);border-radius:2px;padding:7px 8px;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .stores-container{display:grid;grid-template-columns:repeat(2,1fr);max-height:328px}.stores-container{max-height:326px;overflow-y:auto}.stores-container::-webkit-scrollbar{width:4px}.stores-container::-webkit-scrollbar-thumb{background-color:var(--color-main);border-radius:20px;width:3px}}.regionalization-container .address-container{margin-top:24px;margin-bottom:16px;padding:16px;background-color:var(--color-grayScale-faded, #f4f4f4)}.regionalization-container .address-container .address-title{display:flex;justify-content:space-between}.regionalization-container .address-container span:not(.address-delivery){display:block;margin-bottom:2px;font-size:16px;line-height:20px;font-weight:700}.regionalization-container .address-container span.address-delivery,.regionalization-container .address-container .address-pickup{color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .address-container .edit-button{color:var(--color-support-links, #00289c);font-size:16px;line-height:20px;text-decoration:underline}.regionalization-container .inital-view-container .price-stock-information{font-size:14px;font-weight:400;line-height:18px;text-align:center;width:100%;color:var(--color-grayScale, #1c1c1c);margin-top:8px}.regionalization-container .inital-view-container .delivery-option-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:6px}.regionalization-container .inital-view-container .delivery-option-container .option{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;box-shadow:4px 4px 8px 0 var(--color-support-shadow, rgba(0, 74, 147, .25));border:1px solid var(--color-grayScale-lightest, #e8e8e8);padding:8px;width:100%;height:106px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .inital-view-container .delivery-option-container p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .inital-view-container .price-stock-information{font-size:16px;line-height:20px;margin-top:16px}.regionalization-container .inital-view-container .delivery-option-container .option{height:188px}.regionalization-container .inital-view-container .delivery-option-container svg{height:80px;width:80px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:20px;line-height:24px}.regionalization-container .inital-view-container .delivery-option-container p{font-size:16px;line-height:20px}}

package/dist/styles/tour.global.css

@@ -0,0 +1 @@
+#tour-tooltip{font-family:DM Sans,sans-serif;top:315px;position:absolute;left:50%;transform:translate(-50%);z-index:9999;display:flex;width:328px;padding:16px;flex-direction:column;align-items:flex-start;border-radius:8px;background:var(--color-main-faded);border:1px solid var(--color-main-faded)}#tour-tooltip:after{content:"";display:block;width:20px;height:12px;background:var(--color-main-faded);clip-path:polygon(50% 100%,0 0,100% 0);position:absolute;top:100%;left:50%;transform:translate(-50%)}#tour-tooltip .tooltip-header{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:8px}#tour-tooltip .tooltip-header span{color:var(--color-main);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;line-height:16px}#tour-tooltip .tooltip-header button{border:none;background:none;cursor:pointer}#tour-tooltip p{color:var(--color-main);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:18px}#tour-tooltip .tooltip-footer{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:16px}#tour-tooltip .tooltip-footer button{border:none;background:none;color:var(--color-main);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:18px;cursor:pointer}#tour-overlay{background:var(--color-support-overlay);z-index:9998;position:fixed;height:100vh;width:100%;top:0}