@plurix/ecom-components 1.19.1 → 1.19.3

package/dist/packages/Regionalization/components/Navigation.js

@@ -1,59 +1,61 @@
-import { jsxs as x, jsx as v } from "react/jsx-runtime";
-import { SetViewButton as d } from "./SetViewButton.js";
+import { jsxs as s, jsx as v } from "react/jsx-runtime";
+import { SetViewButton as w } from "./SetViewButton.js";
 import { ArrowIcon as C } from "../../../assets/svgs/ArrowIcon.js";
 import { useRegionalizationContext as N } from "../context/RegionalizationContext.js";
 import { deliverySetData as V } from "../utils/deliverySetData.js";
 import { pickupSetData as j } from "../utils/pickupSetData.js";
-const F = ({
+const E = ({
   moreInfosScreen: a,
-  pickuConfirmScreem: h
+  pickuConfirmScreem: B
 }) => {
   const {
-    confirmButton: s,
-    textBackButton: I,
+    confirmButton: I,
+    textBackButton: x,
     delivery: e,
     pickup: l,
-    pickupAddress: o,
+    pickupAddress: t,
     internalMethod: i,
     regionalizeCatalog: n,
-    address: t,
-    deliveryRequestInfos: S,
-    postalCode: p,
+    address: o,
+    deliveryRequestInfos: h,
+    postalCode: d,
     setMethod: r,
     setCity: c,
     setUf: m,
-    setPickupName: f,
-    setPickupTimes: u,
-    pickupTimes: w,
-    setInputPostalCode: b
+    setPickupName: u,
+    setPickupTimes: f,
+    pickupTimes: b,
+    setInputPostalCode: S
   } = N();
-  return /* @__PURE__ */ x("div", { className: "container-navigation", children: [
-    /* @__PURE__ */ x(
-      d,
+  return /* @__PURE__ */ s("div", { className: "container-navigation", children: [
+    /* @__PURE__ */ s(
+      w,
       {
-        view: a ? "InitialView" : h ? "AllStoresScreen" : "PostalCodeInputScreen",
+        view: a ? "InitialView" : B ? "AllStoresScreen" : "PostalCodeInputScreen",
         className: "back-button",
+        dataTestId: "back-button",
         children: [
           /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(C, { color: "var(--color-main)" }) }),
-          I
+          x
         ]
       }
     ),
     /* @__PURE__ */ v(
-      d,
+      w,
       {
         view: "InitialView",
         closeModal: !a,
         className: "continue-button",
+        dataTestId: "continue-button",
         onClick: () => {
-          var B;
-          r == null || r(i), i === "delivery" && (V(t, S, p), c == null || c(t == null ? void 0 : t.localidade), m == null || m(t == null ? void 0 : t.uf), n == null || n(p)), i === "pickup-in-point" && (b(((B = o == null ? void 0 : o.address) == null ? void 0 : B.postalCode) || ""), j(o, w), f == null || f(o == null ? void 0 : o.name), u == null || u(w), n == null || n(o == null ? void 0 : o.address.postalCode));
+          var p;
+          r == null || r(i), i === "delivery" && (V(o, h, d), c == null || c(o == null ? void 0 : o.localidade), m == null || m(o == null ? void 0 : o.uf), n == null || n(d)), i === "pickup-in-point" && (S(((p = t == null ? void 0 : t.address) == null ? void 0 : p.postalCode) || ""), j(t, b), u == null || u(t == null ? void 0 : t.name), f == null || f(b), n == null || n(t == null ? void 0 : t.address.postalCode));
         },
-        children: a ? s : i === "delivery" ? e == null ? void 0 : e.confirmButton : l == null ? void 0 : l.confirmButton
+        children: a ? I : i === "delivery" ? e == null ? void 0 : e.confirmButton : l == null ? void 0 : l.confirmButton
       }
     )
   ] });
 };
 export {
-  F as Navigation
+  E as Navigation
 };

package/dist/packages/Regionalization/components/PickupPoint.js

@@ -1,32 +1,40 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { SetViewButton as h } from "./SetViewButton.js";
-import { useRegionalizationContext as u } from "../context/RegionalizationContext.js";
-const x = ({ pickupPointInfos: c }) => {
-  const { pickup: i, setPickupAddress: n, setInternalMethod: e } = u(), { isActive: m, name: l, address: o } = c;
-  return m ? /* @__PURE__ */ r("div", { className: "store-container", children: [
-    /* @__PURE__ */ t("h3", { children: l }),
-    /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("p", { children: [
-        o == null ? void 0 : o.street,
-        ", ",
-        o == null ? void 0 : o.number,
-        /* @__PURE__ */ t("br", {}),
-        o == null ? void 0 : o.neighborhood
-      ] }),
-      /* @__PURE__ */ t(
-        h,
-        {
-          view: "ConfirmScreen",
-          className: "choose-store",
-          onClick: () => {
-            e == null || e("pickup-in-point"), n == null || n(c);
-          },
-          children: i == null ? void 0 : i.chooseStore
-        }
-      )
-    ] })
-  ] }) : null;
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { SetViewButton as m } from "./SetViewButton.js";
+import { useRegionalizationContext as h } from "../context/RegionalizationContext.js";
+const d = ({ pickupPointInfos: c }) => {
+  const { pickup: i, setPickupAddress: o, setInternalMethod: e } = h(), { isActive: p, name: a, address: t } = c;
+  return p ? /* @__PURE__ */ n(
+    "div",
+    {
+      className: "store-container",
+      "data-testid": `pickup-point-container-${a}`,
+      children: [
+        /* @__PURE__ */ r("h3", { "data-testid": "pickup-point-name", children: a }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("p", { "data-testid": "pickup-point-address", children: [
+            t == null ? void 0 : t.street,
+            ", ",
+            t == null ? void 0 : t.number,
+            /* @__PURE__ */ r("br", {}),
+            t == null ? void 0 : t.neighborhood
+          ] }),
+          /* @__PURE__ */ r(
+            m,
+            {
+              view: "ConfirmScreen",
+              className: "choose-store",
+              dataTestId: "choose-store",
+              onClick: () => {
+                e == null || e("pickup-in-point"), o == null || o(c);
+              },
+              children: i == null ? void 0 : i.chooseStore
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null;
 };
 export {
-  x as PickupPoint
+  d as PickupPoint
 };

package/dist/packages/Regionalization/components/SetViewButton.d.ts

@@ -6,6 +6,7 @@ interface SetViewButtonProps {
     closeModal?: boolean;
     className?: string;
     onClick?: () => void;
+    dataTestId?: string;
 }
-export declare const SetViewButton: ({ children, view, closeModal, className, onClick }: SetViewButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SetViewButton: ({ children, view, closeModal, className, onClick, dataTestId }: SetViewButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/Regionalization/components/SetViewButton.js

@@ -1,24 +1,26 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useRegionalizationContext as m } from "../context/RegionalizationContext.js";
-const u = ({
+import { jsx as u } from "react/jsx-runtime";
+import { useRegionalizationContext as f } from "../context/RegionalizationContext.js";
+const d = ({
   children: e,
   view: n,
-  closeModal: r,
-  className: a,
-  onClick: o
+  closeModal: a,
+  className: r,
+  onClick: o,
+  dataTestId: i = "set-view-button"
 }) => {
-  const { setModalOpen: f, setView: t } = m();
-  return /* @__PURE__ */ i(
+  const { setModalOpen: s, setView: t } = f();
+  return /* @__PURE__ */ u(
     "button",
     {
+      "data-testid": i,
       onClick: () => {
-        o == null || o(), r ? (t == null || t("InitialView"), f(!1)) : t == null || t(n);
+        o == null || o(), a ? (t == null || t("InitialView"), s(!1)) : t == null || t(n);
       },
-      className: a,
+      className: r,
       children: e
     }
   );
 };
 export {
-  u as SetViewButton
+  d as SetViewButton
 };

package/dist/packages/Regionalization/components/Title.js

@@ -1,21 +1,22 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { CloseIcon as l } from "../../../assets/svgs/CloseIcon.js";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { CloseIcon as r } from "../../../assets/svgs/CloseIcon.js";
 import { useRegionalizationContext as s } from "../context/RegionalizationContext.js";
-const d = ({ title: n, view: i }) => {
-  const { setModalOpen: e, setView: o } = s();
-  return /* @__PURE__ */ r("div", { className: "title-container", children: [
-    /* @__PURE__ */ t("h1", { children: n }),
-    /* @__PURE__ */ t(
+const m = ({ title: n, view: i }) => {
+  const { setModalOpen: e, setView: t } = s();
+  return /* @__PURE__ */ l("div", { className: "title-container", children: [
+    /* @__PURE__ */ o("h1", { children: n }),
+    /* @__PURE__ */ o(
       "button",
       {
+        "data-testid": "close-button",
         onClick: () => {
-          o == null || o(i || "InitialView"), i || e(!1);
+          t == null || t(i || "InitialView"), i || e(!1);
         },
-        children: /* @__PURE__ */ t(l, {})
+        children: /* @__PURE__ */ o(r, {})
       }
     )
   ] });
 };
 export {
-  d as Title
+  m as Title
 };

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

@@ -1,38 +1,38 @@
 import { jsxs as o, Fragment as f, jsx as e } from "react/jsx-runtime";
-import { useRef as v, useState as b, useEffect as S } from "react";
-import { Title as w } from "../components/Title.js";
-import { PickupPoint as x } from "../components/PickupPoint.js";
-import { GlassIcon as N } from "../../../assets/svgs/GlassIcon.js";
-import { SetViewButton as u } from "../components/SetViewButton.js";
+import { useRef as b, useState as v, useEffect as S } from "react";
+import { Title as u } from "../components/Title.js";
+import { PickupPoint as w } from "../components/PickupPoint.js";
+import { GlassIcon as x } from "../../../assets/svgs/GlassIcon.js";
+import { SetViewButton as N } from "../components/SetViewButton.js";
 import { ArrowIcon as C } from "../../../assets/svgs/ArrowIcon.js";
 import { useRegionalizationContext as F } from "../context/RegionalizationContext.js";
-const z = () => {
-  const { pickup: r, pickupPoints: l, textBackButton: d, disabledSearch: m } = F(), a = v(null), [n, s] = b(l), h = l.length > 0 ? l : [];
+const T = () => {
+  const { pickup: t, pickupPoints: l, textBackButton: d, disabledSearch: m } = F(), n = b(null), [a, s] = v(l), h = l.length > 0 ? l : [];
   S(() => {
     s(h);
   }, [l]);
   const i = () => {
     s(
       l == null ? void 0 : l.filter(
-        ({ name: t }) => {
+        ({ name: r }) => {
           var c;
-          return t.toLowerCase().includes(((c = a.current) == null ? void 0 : c.value.toLowerCase()) || "");
+          return r.toLowerCase().includes(((c = n.current) == null ? void 0 : c.value.toLowerCase()) || "");
         }
       )
     );
   };
   return /* @__PURE__ */ o(f, { children: [
-    /* @__PURE__ */ e(w, { title: r == null ? void 0 : r.title }),
+    /* @__PURE__ */ e(u, { title: t == null ? void 0 : t.title }),
     !m && /* @__PURE__ */ o("div", { className: "stores-filter", children: [
-      /* @__PURE__ */ e("p", { children: r == null ? void 0 : r.labelFilter }),
+      /* @__PURE__ */ e("p", { children: t == null ? void 0 : t.labelFilter }),
       /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             placeholder: "Loja",
-            ref: a,
-            onKeyDown: (t) => t.key === "Enter" && i()
+            ref: n,
+            onKeyDown: (r) => r.key === "Enter" && i()
           }
         ),
         /* @__PURE__ */ e(
@@ -40,26 +40,27 @@ const z = () => {
           {
             className: "filter-ico-container",
             onClick: () => i(),
-            children: /* @__PURE__ */ e(N, {})
+            children: /* @__PURE__ */ e(x, {})
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "divider", children: /* @__PURE__ */ e("span", { children: r == null ? void 0 : r.divider }) })
+      /* @__PURE__ */ e("div", { className: "divider", children: /* @__PURE__ */ e("span", { children: t == null ? void 0 : t.divider }) })
     ] }),
-    /* @__PURE__ */ e("p", { className: "stores-label", children: r == null ? void 0 : r.labelStores }),
-    /* @__PURE__ */ e("div", { className: "stores-container", children: n == null ? void 0 : n.map((t) => /* @__PURE__ */ e(
-      x,
+    /* @__PURE__ */ e("p", { className: "stores-label", children: t == null ? void 0 : t.labelStores }),
+    /* @__PURE__ */ e("div", { className: "stores-container", children: a == null ? void 0 : a.map((r) => /* @__PURE__ */ e(
+      w,
       {
-        pickupPointInfos: t
+        pickupPointInfos: r
       },
-      t == null ? void 0 : t.id
+      r == null ? void 0 : r.id
     )) }),
     /* @__PURE__ */ e("br", {}),
     /* @__PURE__ */ o(
-      u,
+      N,
       {
         view: "PickupPointInfoScreen",
         className: "back-button-all-store",
+        dataTestId: "back-button",
         children: [
           /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(C, { color: "var(--color-main)" }) }),
           d
@@ -69,5 +70,5 @@ const z = () => {
   ] });
 };
 export {
-  z as AllStoresScreen
+  T as AllStoresScreen
 };

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

@@ -1,49 +1,71 @@
-import { jsxs as o, Fragment as m, jsx as n } from "react/jsx-runtime";
-import { Title as f } from "../components/Title.js";
-import { SetViewButton as g } from "../components/SetViewButton.js";
-import { InfoPrices as C } from "../components/InfoPrices.js";
-import { Navigation as N } from "../components/Navigation.js";
-import { Delivery as b } from "../components/Delivery.js";
-import { useRegionalizationContext as v } from "../context/RegionalizationContext.js";
-const I = () => {
+import { jsxs as d, Fragment as s, jsx as a } from "react/jsx-runtime";
+import { Title as b } from "../components/Title.js";
+import { SetViewButton as f } from "../components/SetViewButton.js";
+import { InfoPrices as y } from "../components/InfoPrices.js";
+import { Navigation as g } from "../components/Navigation.js";
+import { Delivery as v } from "../components/Delivery.js";
+import { useRegionalizationContext as C } from "../context/RegionalizationContext.js";
+const p = () => {
   const {
-    editAddress: s,
-    delivery: i,
+    editAddress: c,
+    delivery: n,
     pickup: e,
-    address: t,
-    pickupAddress: r,
-    internalMethod: l,
-    pickupTimes: a,
-    pickupConfirmScreenText: c
-  } = v(), d = `Retiradas entre ${(a == null ? void 0 : a.openingTime) || "08"}h e ${(a == null ? void 0 : a.closingTime) || "20"}h, ou agendada`, h = c && c !== "" ? c : d;
-  return /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ n(
-      f,
+    address: r,
+    pickupAddress: t,
+    internalMethod: i,
+    pickupTimes: l,
+    pickupConfirmScreenText: o
+  } = C(), m = `Retiradas entre ${(l == null ? void 0 : l.openingTime) || "08"}h e ${(l == null ? void 0 : l.closingTime) || "20"}h, ou agendada`, h = o && o !== "" ? o : m;
+  return /* @__PURE__ */ d(s, { children: [
+    /* @__PURE__ */ a(
+      b,
       {
-        title: l === "delivery" ? i == null ? void 0 : i.titleOk : e == null ? void 0 : e.titleOk
+        title: i === "delivery" ? n == null ? void 0 : n.titleOk : e == null ? void 0 : e.titleOk
       }
     ),
-    /* @__PURE__ */ o("div", { className: "address-container", children: [
-      /* @__PURE__ */ o("p", { className: "address-title", children: [
-        /* @__PURE__ */ n("span", { children: l === "delivery" ? i == null ? void 0 : i.labelAddress : e == null ? void 0 : e.labelAddress }),
-        /* @__PURE__ */ n(g, { view: "PostalCodeInputScreen", className: "edit-button", children: s })
+    /* @__PURE__ */ d("div", { className: "address-container", children: [
+      /* @__PURE__ */ d("p", { className: "address-title", children: [
+        /* @__PURE__ */ a("span", { "data-testid": "address-label-type", children: i === "delivery" ? n == null ? void 0 : n.labelAddress : e == null ? void 0 : e.labelAddress }),
+        i === "delivery" && /* @__PURE__ */ a(
+          f,
+          {
+            view: "PostalCodeInputScreen",
+            className: "edit-button",
+            dataTestId: "address-label-type",
+            children: c
+          }
+        )
       ] }),
-      l === "delivery" ? /* @__PURE__ */ o(m, { children: [
-        /* @__PURE__ */ n("span", { children: t == null ? void 0 : t.cep }),
-        /* @__PURE__ */ n("span", { className: "address-delivery", children: (t == null ? void 0 : t.logradouro) || (t == null ? void 0 : t.localidade) })
-      ] }) : /* @__PURE__ */ o(m, { children: [
-        /* @__PURE__ */ n("span", { children: r == null ? void 0 : r.name }),
-        /* @__PURE__ */ o("p", { className: "address-pickup", children: [
-          r == null ? void 0 : r.address.street,
-          ", ",
-          r == null ? void 0 : r.address.number,
-          /* @__PURE__ */ n("br", {}),
-          r == null ? void 0 : r.address.neighborhood
-        ] })
+      i === "delivery" ? /* @__PURE__ */ d(s, { children: [
+        /* @__PURE__ */ a("span", { "data-testid": "address-label-zip-code", children: r == null ? void 0 : r.cep }),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: "address-delivery",
+            "data-testid": "address-label-city-country",
+            children: (r == null ? void 0 : r.logradouro) || (r == null ? void 0 : r.localidade)
+          }
+        )
+      ] }) : /* @__PURE__ */ d(s, { children: [
+        /* @__PURE__ */ a("span", { "data-testid": "address-label-name", children: t == null ? void 0 : t.name }),
+        /* @__PURE__ */ d(
+          "p",
+          {
+            className: "address-pickup",
+            "data-testid": "address-label-street-address",
+            children: [
+              t == null ? void 0 : t.address.street,
+              ", ",
+              t == null ? void 0 : t.address.number,
+              /* @__PURE__ */ a("br", {}),
+              t == null ? void 0 : t.address.neighborhood
+            ]
+          }
+        )
       ] })
     ] }),
-    l === "delivery" ? /* @__PURE__ */ n(b, { delivery: i, containerClassName: "delivery-container" }) : /* @__PURE__ */ n(
-      C,
+    i === "delivery" ? /* @__PURE__ */ a(v, { delivery: n, containerClassName: "delivery-container" }) : /* @__PURE__ */ a(
+      y,
       {
         containerClassName: "pickup-container",
         priceClassName: "pickup-price",
@@ -52,9 +74,9 @@ const I = () => {
         scheduling: h
       }
     ),
-    /* @__PURE__ */ n(N, { pickuConfirmScreem: l !== "delivery" })
+    /* @__PURE__ */ a(g, { pickuConfirmScreem: i !== "delivery" })
   ] });
 };
 export {
-  I as ConfirmScreen
+  p as ConfirmScreen
 };

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

@@ -1,49 +1,73 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useEffect as p } from "react";
-import { Title as f } from "../components/Title.js";
-import { SetViewButton as n } from "../components/SetViewButton.js";
-import { ArrowIcon as d } from "../../../assets/svgs/ArrowIcon.js";
+import { Title as d } from "../components/Title.js";
+import { SetViewButton as t } from "../components/SetViewButton.js";
+import { ArrowIcon as f } from "../../../assets/svgs/ArrowIcon.js";
 import { ShoppingBagsIcon as h } from "../../../assets/svgs/ShoppingBagsIcon.js";
-import { ShoppingIcon as v } from "../../../assets/svgs/ShoppingIcon.js";
-import { useRegionalizationContext as I } from "../context/RegionalizationContext.js";
-import { formatPrice as u } from "../utils/formatPrice.js";
-const R = () => {
+import { ShoppingIcon as I } from "../../../assets/svgs/ShoppingIcon.js";
+import { useRegionalizationContext as u } from "../context/RegionalizationContext.js";
+import { formatPrice as v } from "../utils/formatPrice.js";
+const j = () => {
   const {
-    titleText: c,
-    moreInfosText: a,
-    deliveryPrice: m,
-    priceStockInformation: l,
-    backToDelivery: t,
+    titleText: a,
+    moreInfosText: c,
+    deliveryPrice: s,
+    priceStockInformation: m,
+    backToDelivery: n,
     setBackToDelivery: r,
     status: o,
-    setStatus: s
-  } = I();
+    setStatus: l
+  } = u();
   return p(() => {
-    t && (r == null || r(!1)), (o == null ? void 0 : o.status) === "failed" && s({});
-  }, [t, o]), /* @__PURE__ */ i("div", { className: "inital-view-container", children: [
-    /* @__PURE__ */ e(f, { title: c }),
-    /* @__PURE__ */ e("p", { className: "price-stock-information", children: l }),
-    /* @__PURE__ */ i(n, { view: "MoreInfosScreen", className: "more-infos-button", children: [
-      a,
-      /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(d, { color: "var(--color-main)" }) })
-    ] }),
+    n && (r == null || r(!1)), (o == null ? void 0 : o.status) === "failed" && l({});
+  }, [n, o]), /* @__PURE__ */ i("div", { className: "inital-view-container", children: [
+    /* @__PURE__ */ e(d, { title: a }),
+    /* @__PURE__ */ e("p", { className: "price-stock-information", children: m }),
+    /* @__PURE__ */ i(
+      t,
+      {
+        view: "MoreInfosScreen",
+        className: "more-infos-button",
+        dataTestId: "more-infos-button",
+        children: [
+          c,
+          /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(f, { color: "var(--color-main)" }) })
+        ]
+      }
+    ),
     /* @__PURE__ */ i("div", { className: "delivery-option-container", children: [
-      /* @__PURE__ */ i(n, { view: "PostalCodeInputScreen", className: "option", children: [
-        /* @__PURE__ */ e(h, {}),
-        /* @__PURE__ */ e("h4", { children: "Receber em casa" }),
-        /* @__PURE__ */ i("p", { children: [
-          " A partir de ",
-          u(m || 0)
-        ] })
-      ] }),
-      /* @__PURE__ */ i(n, { view: "PickupPointInfoScreen", className: "option", children: [
-        /* @__PURE__ */ e(v, {}),
-        /* @__PURE__ */ e("h4", { children: "Retirar na Loja" }),
-        /* @__PURE__ */ e("p", { children: " Grátis" })
-      ] })
+      /* @__PURE__ */ i(
+        t,
+        {
+          view: "PostalCodeInputScreen",
+          className: "option",
+          dataTestId: "delivery-options",
+          children: [
+            /* @__PURE__ */ e(h, {}),
+            /* @__PURE__ */ e("h4", { children: "Receber em casa" }),
+            /* @__PURE__ */ i("p", { children: [
+              " A partir de ",
+              v(s || 0)
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ i(
+        t,
+        {
+          view: "PickupPointInfoScreen",
+          className: "option",
+          dataTestId: "pickup-options",
+          children: [
+            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e("h4", { children: "Retirar na Loja" }),
+            /* @__PURE__ */ e("p", { children: " Grátis" })
+          ]
+        }
+      )
     ] })
   ] });
 };
 export {
-  R as InitialView
+  j as InitialView
 };

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

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

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

@@ -1,36 +1,36 @@
 import { jsx as n, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { Title as g } from "../components/Title.js";
+import { Title as k } 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 = () => {
+import { InfoPrices as u } from "../components/InfoPrices.js";
+import { ShoppingIcon as g } from "../../../assets/svgs/ShoppingIcon.js";
+import { WarningIcon as N } from "../../../assets/svgs/WarningIcon.js";
+import { ArrowIcon as b } from "../../../assets/svgs/ArrowIcon.js";
+import { useRegionalizationContext as I } from "../context/RegionalizationContext.js";
+import { postalCodeMask as w } from "../utils/postalCode.js";
+const K = () => {
   const {
     delivery: e,
-    status: r,
-    postalCodeValidation: o,
-    setInputPostalCode: m,
-    postalCode: p,
-    deliveryPrice: h,
-    textBackButton: d,
-    pickup: t,
+    status: o,
+    postalCodeValidation: t,
+    setInputPostalCode: p,
+    postalCode: m,
+    deliveryPrice: d,
+    textBackButton: h,
+    pickup: i,
     setBackToDelivery: a
-  } = x(), l = (r == null ? void 0 : r.status) === "failed";
+  } = I(), l = (o == null ? void 0 : o.status) === "failed";
   return /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n("div", { className: "delivery-pickup-container", children: /* @__PURE__ */ c("div", { className: "content-container", children: [
-    /* @__PURE__ */ n(g, { title: l ? "Tente outro CEP" : e == null ? void 0 : e.title }),
+    /* @__PURE__ */ n(k, { title: l ? "Tente outro CEP" : e == null ? void 0 : e.title }),
     l ? /* @__PURE__ */ c("div", { className: "warning-container", children: [
-      /* @__PURE__ */ n(u, {}),
-      /* @__PURE__ */ n("span", { className: "warning-text", children: r == null ? void 0 : r.message })
+      /* @__PURE__ */ n(N, {}),
+      /* @__PURE__ */ n("span", { className: "warning-text", children: o == null ? void 0 : o.message })
     ] }) : /* @__PURE__ */ n(
-      k,
+      u,
       {
         containerClassName: "delivery-container",
         priceClassName: "info-price",
         labelPrice: e == null ? void 0 : e.labelPrice,
-        price: h
+        price: d
       }
     ),
     /* @__PURE__ */ c("div", { className: "postal-code-container", children: [
@@ -38,21 +38,23 @@ const T = () => {
         /* @__PURE__ */ n(
           "input",
           {
-            onKeyDown: (i) => i.key === "Enter" && (o == null ? void 0 : o()),
+            "data-testid": "postal-code-input",
+            onKeyDown: (r) => r.key === "Enter" && (t == null ? void 0 : t()),
             type: "text",
-            onChange: (i) => m(i.target.value),
+            onChange: (r) => p(r.target.value),
             maxLength: 9,
-            placeholder: p || "00000-000",
-            onKeyUp: P
+            placeholder: m || "00000-000",
+            onKeyUp: w
           }
         ),
         /* @__PURE__ */ n(
           "button",
           {
-            onKeyDown: (i) => i.key === "Enter" && (o == null ? void 0 : o()),
-            onClick: () => o == null ? void 0 : o(),
-            disabled: r == null ? void 0 : r.loading,
-            children: r != null && r.loading ? r.message : e == null ? void 0 : e.searchButton
+            "data-testid": "postal-code-button",
+            onKeyDown: (r) => r.key === "Enter" && (t == null ? void 0 : t()),
+            onClick: () => t == null ? void 0 : t(),
+            disabled: o == null ? void 0 : o.loading,
+            children: o != null && o.loading ? o.message : e == null ? void 0 : e.searchButton
           }
         )
       ] }),
@@ -62,13 +64,14 @@ const T = () => {
         /* @__PURE__ */ c(
           s,
           {
-            onClick: () => a == null ? void 0 : a(!0),
             view: "PickupPointInfoScreen",
             className: "postal-code-container-pickup-select",
+            dataTestId: "postal-code-container-pickup-select",
+            onClick: () => a == null ? void 0 : a(!0),
             children: [
-              /* @__PURE__ */ n(N, {}),
+              /* @__PURE__ */ n(g, {}),
               /* @__PURE__ */ c("div", { className: "postal-code-container-pickup-select-informative", children: [
-                /* @__PURE__ */ n("h4", { children: t == null ? void 0 : t.title }),
+                /* @__PURE__ */ n("h4", { children: i == null ? void 0 : i.title }),
                 /* @__PURE__ */ n("p", { children: " Grátis" })
               ] })
             ]
@@ -76,12 +79,20 @@ const T = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ c(s, { view: "InitialView", className: "back-button", children: [
-      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(w, { color: "var(--color-main)" }) }),
-      d
-    ] })
+    /* @__PURE__ */ c(
+      s,
+      {
+        view: "InitialView",
+        className: "back-button",
+        dataTestId: "back-button",
+        children: [
+          /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(b, { color: "var(--color-main)" }) }),
+          h
+        ]
+      }
+    )
   ] }) }) });
 };
 export {
-  T as PostalCodeInputScreen
+  K as PostalCodeInputScreen
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@plurix/ecom-components",
   "author": "Plurix",
   "private": false,
-  "version": "1.19.1",
+  "version": "1.19.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",