@plurix/ecom-components 1.18.1 → 1.18.2

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

@@ -4,20 +4,20 @@ 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: B
 }) => {
   const {
-    confirmButton: x,
-    textBackButton: h,
+    confirmButton: I,
+    textBackButton: x,
     delivery: e,
     pickup: l,
     pickupAddress: t,
     internalMethod: i,
     regionalizeCatalog: n,
     address: o,
-    deliveryRequestInfos: I,
+    deliveryRequestInfos: h,
     postalCode: d,
     setMethod: r,
     setCity: c,
@@ -33,10 +33,10 @@ const F = ({
       {
         view: a ? "InitialView" : B ? "AllStoresScreen" : "PostalCodeInputScreen",
         className: "back-button",
-        "data-testid": "back-button",
+        dataTestId: "back-button",
         children: [
           /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(C, { color: "var(--color-main)" }) }),
-          h
+          x
         ]
       }
     ),
@@ -46,16 +46,16 @@ const F = ({
         view: "InitialView",
         closeModal: !a,
         className: "continue-button",
-        "data-testid": "continue-button",
+        dataTestId: "continue-button",
         onClick: () => {
           var p;
-          r == null || r(i), i === "delivery" && (V(o, I, 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));
+          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 ? x : 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,33 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { SetViewButton as a } from "./SetViewButton.js";
-import { useRegionalizationContext as l } from "../context/RegionalizationContext.js";
-const f = ({ pickupPointInfos: c }) => {
-  const { pickup: t, setPickupAddress: o, setInternalMethod: n } = l(), { isActive: m, name: p, address: i } = c;
-  return m ? /* @__PURE__ */ e(
+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-${p}`,
+      "data-testid": `pickup-point-container-${a}`,
       children: [
-        /* @__PURE__ */ r("h3", { "data-testid": "pickup-point-name", children: p }),
-        /* @__PURE__ */ e("div", { children: [
-          /* @__PURE__ */ e("p", { "data-testid": "pickup-point-address", children: [
-            i == null ? void 0 : i.street,
+        /* @__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,
             ", ",
-            i == null ? void 0 : i.number,
+            t == null ? void 0 : t.number,
             /* @__PURE__ */ r("br", {}),
-            i == null ? void 0 : i.neighborhood
+            t == null ? void 0 : t.neighborhood
           ] }),
           /* @__PURE__ */ r(
-            a,
+            m,
             {
               view: "ConfirmScreen",
               className: "choose-store",
+              dataTestId: "choose-store",
               onClick: () => {
-                n == null || n("pickup-in-point"), o == null || o(c);
+                e == null || e("pickup-in-point"), o == null || o(c);
               },
-              children: t == null ? void 0 : t.chooseStore
+              children: i == null ? void 0 : i.chooseStore
             }
           )
         ] })
@@ -35,5 +36,5 @@ const f = ({ pickupPointInfos: c }) => {
   ) : null;
 };
 export {
-  f 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

@@ -5,14 +5,14 @@ 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 w = () => {
+const p = () => {
   const {
     editAddress: c,
-    delivery: i,
+    delivery: n,
     pickup: e,
     address: r,
     pickupAddress: t,
-    internalMethod: n,
+    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;
@@ -20,23 +20,23 @@ const w = () => {
     /* @__PURE__ */ a(
       b,
       {
-        title: n === "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__ */ d("div", { className: "address-container", children: [
       /* @__PURE__ */ d("p", { className: "address-title", children: [
-        /* @__PURE__ */ a("span", { "data-testid": "address-label-type", children: n === "delivery" ? i == null ? void 0 : i.labelAddress : e == null ? void 0 : e.labelAddress }),
-        n === "delivery" && /* @__PURE__ */ a(
+        /* @__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",
-            "data-testid": "address-label-type",
+            dataTestId: "address-label-type",
             children: c
           }
         )
       ] }),
-      n === "delivery" ? /* @__PURE__ */ d(s, { children: [
+      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",
@@ -64,7 +64,7 @@ const w = () => {
         )
       ] })
     ] }),
-    n === "delivery" ? /* @__PURE__ */ a(v, { delivery: i, containerClassName: "delivery-container" }) : /* @__PURE__ */ a(
+    i === "delivery" ? /* @__PURE__ */ a(v, { delivery: n, containerClassName: "delivery-container" }) : /* @__PURE__ */ a(
       y,
       {
         containerClassName: "pickup-container",
@@ -74,9 +74,9 @@ const w = () => {
         scheduling: h
       }
     ),
-    /* @__PURE__ */ a(g, { pickuConfirmScreem: n !== "delivery" })
+    /* @__PURE__ */ a(g, { pickuConfirmScreem: i !== "delivery" })
   ] });
 };
 export {
-  w as ConfirmScreen
+  p as ConfirmScreen
 };

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

@@ -1,59 +1,67 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useEffect as p } from "react";
 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 { ShoppingIcon as I } from "../../../assets/svgs/ShoppingIcon.js";
 import { useRegionalizationContext as u } from "../context/RegionalizationContext.js";
-import { formatPrice as I } from "../utils/formatPrice.js";
-const y = () => {
+import { formatPrice as v } from "../utils/formatPrice.js";
+const j = () => {
   const {
-    titleText: c,
-    moreInfosText: a,
+    titleText: a,
+    moreInfosText: c,
     deliveryPrice: s,
-    priceStockInformation: l,
+    priceStockInformation: m,
     backToDelivery: n,
     setBackToDelivery: r,
     status: o,
-    setStatus: m
+    setStatus: l
   } = u();
   return p(() => {
-    n && (r == null || r(!1)), (o == null ? void 0 : o.status) === "failed" && m({});
-  }, [n, o]), /* @__PURE__ */ e("div", { className: "inital-view-container", children: [
-    /* @__PURE__ */ i(d, { title: c }),
-    /* @__PURE__ */ i("p", { className: "price-stock-information", children: l }),
-    /* @__PURE__ */ e(t, { view: "MoreInfosScreen", className: "more-infos-button", children: [
-      a,
-      /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(f, { color: "var(--color-main)" }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "delivery-option-container", children: [
-      /* @__PURE__ */ e(
+    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(
         t,
         {
           view: "PostalCodeInputScreen",
           className: "option",
-          "data-testid": "delivery-options",
+          dataTestId: "delivery-options",
           children: [
-            /* @__PURE__ */ i(h, {}),
-            /* @__PURE__ */ i("h4", { children: "Receber em casa" }),
-            /* @__PURE__ */ e("p", { children: [
+            /* @__PURE__ */ e(h, {}),
+            /* @__PURE__ */ e("h4", { children: "Receber em casa" }),
+            /* @__PURE__ */ i("p", { children: [
               " A partir de ",
-              I(s || 0)
+              v(s || 0)
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ i(
         t,
         {
           view: "PickupPointInfoScreen",
           className: "option",
-          "data-testid": "pickup-options",
+          dataTestId: "pickup-options",
           children: [
-            /* @__PURE__ */ i(v, {}),
-            /* @__PURE__ */ i("h4", { children: "Retirar na Loja" }),
-            /* @__PURE__ */ i("p", { children: " Grátis" })
+            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e("h4", { children: "Retirar na Loja" }),
+            /* @__PURE__ */ e("p", { children: " Grátis" })
           ]
         }
       )
@@ -61,5 +69,5 @@ const y = () => {
   ] });
 };
 export {
-  y 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,31 +1,31 @@
-import { jsx as n, Fragment as f, jsxs as r } from "react/jsx-runtime";
-import { Title as g } from "../components/Title.js";
+import { jsx as n, Fragment as f, jsxs as c } from "react/jsx-runtime";
+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 u } from "../../../assets/svgs/ShoppingIcon.js";
+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 w } from "../context/RegionalizationContext.js";
-import { postalCodeMask as x } from "../utils/postalCode.js";
-const T = () => {
+import { useRegionalizationContext as I } from "../context/RegionalizationContext.js";
+import { postalCodeMask as w } from "../utils/postalCode.js";
+const K = () => {
   const {
     delivery: e,
     status: o,
-    postalCodeValidation: c,
-    setInputPostalCode: m,
-    postalCode: p,
+    postalCodeValidation: t,
+    setInputPostalCode: p,
+    postalCode: m,
     deliveryPrice: d,
     textBackButton: h,
     pickup: i,
     setBackToDelivery: a
-  } = w(), l = (o == null ? void 0 : o.status) === "failed";
-  return /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n("div", { className: "delivery-pickup-container", children: /* @__PURE__ */ r("div", { className: "content-container", children: [
-    /* @__PURE__ */ n(g, { title: l ? "Tente outro CEP" : e == null ? void 0 : e.title }),
-    l ? /* @__PURE__ */ r("div", { className: "warning-container", children: [
+  } = 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(k, { title: l ? "Tente outro CEP" : e == null ? void 0 : e.title }),
+    l ? /* @__PURE__ */ c("div", { className: "warning-container", children: [
       /* @__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",
@@ -33,43 +33,44 @@ const T = () => {
         price: d
       }
     ),
-    /* @__PURE__ */ r("div", { className: "postal-code-container", children: [
-      /* @__PURE__ */ r("div", { className: "postal-code-container-action", children: [
+    /* @__PURE__ */ c("div", { className: "postal-code-container", children: [
+      /* @__PURE__ */ c("div", { className: "postal-code-container-action", children: [
         /* @__PURE__ */ n(
           "input",
           {
             "data-testid": "postal-code-input",
-            onKeyDown: (t) => t.key === "Enter" && (c == null ? void 0 : c()),
+            onKeyDown: (r) => r.key === "Enter" && (t == null ? void 0 : t()),
             type: "text",
-            onChange: (t) => m(t.target.value),
+            onChange: (r) => p(r.target.value),
             maxLength: 9,
-            placeholder: p || "00000-000",
-            onKeyUp: x
+            placeholder: m || "00000-000",
+            onKeyUp: w
           }
         ),
         /* @__PURE__ */ n(
           "button",
           {
             "data-testid": "postal-code-button",
-            onKeyDown: (t) => t.key === "Enter" && (c == null ? void 0 : c()),
-            onClick: () => c == null ? void 0 : c(),
+            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
           }
         )
       ] }),
       /* @__PURE__ */ n("a", { href: e == null ? void 0 : e.linkHref, target: "_blank", className: "", children: e == null ? void 0 : e.linkText }),
-      l && /* @__PURE__ */ r("div", { className: "postal-code-container-pickup", children: [
+      l && /* @__PURE__ */ c("div", { className: "postal-code-container-pickup", children: [
         /* @__PURE__ */ n("label", { children: "Você pode escolhes retirar na loja" }),
-        /* @__PURE__ */ r(
+        /* @__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(u, {}),
-              /* @__PURE__ */ r("div", { className: "postal-code-container-pickup-select-informative", children: [
+              /* @__PURE__ */ n(g, {}),
+              /* @__PURE__ */ c("div", { className: "postal-code-container-pickup-select-informative", children: [
                 /* @__PURE__ */ n("h4", { children: i == null ? void 0 : i.title }),
                 /* @__PURE__ */ n("p", { children: " Grátis" })
               ] })
@@ -78,12 +79,20 @@ const T = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(s, { view: "InitialView", className: "back-button", children: [
-      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(b, { color: "var(--color-main)" }) }),
-      h
-    ] })
+    /* @__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.18.1",
+  "version": "1.18.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",