@plurix/ecom-components 1.14.2-COM-1647.4 → 1.14.2-COM-1647.6

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

@@ -1,36 +1,37 @@
-import { jsx as n, Fragment as f, jsxs as r } from "react/jsx-runtime";
-import { Title as g } from "../components/Title.js";
-import { SetViewButton as s } from "../components/SetViewButton.js";
-import { InfoPrices as N } from "../components/InfoPrices.js";
-import { ShoppingIcon as k } from "../../../assets/svgs/ShoppingIcon.js";
-import { WarningIcon as u } from "../../../assets/svgs/WarningIcon.js";
-import { ArrowIcon as x } from "../../../assets/svgs/ArrowIcon.js";
-import { useRegionalizationContext as P } from "../context/RegionalizationContext.js";
-import { postalCodeMask as b } from "../utils/postalCode.js";
-const T = () => {
+import { jsx as n, Fragment as N, jsxs as r } from "react/jsx-runtime";
+import { Title as k } from "../components/Title.js";
+import { SetViewButton as p } from "../components/SetViewButton.js";
+import { InfoPrices as P } from "../components/InfoPrices.js";
+import { ShoppingIcon as C } from "../../../assets/svgs/ShoppingIcon.js";
+import { WarningIcon as x } 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 I } from "../utils/postalCode.js";
+import { useState as v } from "react";
+const F = () => {
   const {
     delivery: e,
     status: o,
-    postalCodeValidation: i,
-    setInputPostalCode: m,
-    postalCode: p,
-    deliveryPrice: d,
-    textBackButton: h,
-    pickup: t,
+    postalCodeValidation: c,
+    setInputPostalCode: s,
+    postalCode: d,
+    deliveryPrice: h,
+    textBackButton: f,
+    pickup: i,
     setBackToDelivery: a
-  } = P(), 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 }),
+  } = w(), [m, g] = v(""), l = (o == null ? void 0 : o.status) === "failed";
+  return /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n("div", { className: "delivery-pickup-container", children: /* @__PURE__ */ r("div", { className: "content-container", children: [
+    /* @__PURE__ */ n(k, { title: l ? "Tente outro CEP" : e == null ? void 0 : e.title }),
     l ? /* @__PURE__ */ r("div", { className: "warning-container", children: [
-      /* @__PURE__ */ n(u, {}),
+      /* @__PURE__ */ n(x, {}),
       /* @__PURE__ */ n("span", { className: "warning-text", children: o == null ? void 0 : o.message })
     ] }) : /* @__PURE__ */ n(
-      N,
+      P,
       {
         containerClassName: "delivery-container",
         priceClassName: "info-price",
         labelPrice: e == null ? void 0 : e.labelPrice,
-        price: d
+        price: h
       }
     ),
     /* @__PURE__ */ r("div", { className: "postal-code-container", children: [
@@ -39,19 +40,26 @@ const T = () => {
           "input",
           {
             type: "text",
-            onChange: (c) => {
-              c.target.value.length === 9 && m(c.target.value);
+            onChange: (t) => {
+              if (t.target.value.length === 9) {
+                const u = t.target.value.replace(/\D/g, "");
+                g(u);
+              }
             },
             maxLength: 9,
-            placeholder: p || "00000-000",
-            onKeyUp: b
+            placeholder: d || "00000-000",
+            onKeyUp: I
           }
         ),
         /* @__PURE__ */ n(
           "button",
           {
-            onKeyDown: (c) => c.key === "Enter" && (i == null ? void 0 : i()),
-            onClick: () => i == null ? void 0 : i(),
+            onKeyDown: (t) => {
+              s(m), t.key === "Enter" && (c == null || c());
+            },
+            onClick: () => {
+              s(m), c == null || c();
+            },
             disabled: o == null ? void 0 : o.loading,
             children: o != null && o.loading ? o.message : e == null ? void 0 : e.searchButton
           }
@@ -61,15 +69,15 @@ const T = () => {
       l && /* @__PURE__ */ r("div", { className: "postal-code-container-pickup", children: [
         /* @__PURE__ */ n("label", { children: "Você pode escolhes retirar na loja" }),
         /* @__PURE__ */ r(
-          s,
+          p,
           {
             onClick: () => a == null ? void 0 : a(!0),
             view: "PickupPointInfoScreen",
             className: "postal-code-container-pickup-select",
             children: [
-              /* @__PURE__ */ n(k, {}),
+              /* @__PURE__ */ n(C, {}),
               /* @__PURE__ */ r("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" })
               ] })
             ]
@@ -77,12 +85,12 @@ const T = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(s, { view: "InitialView", className: "back-button", children: [
-      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(x, { color: "var(--color-main)" }) }),
-      h
+    /* @__PURE__ */ r(p, { view: "InitialView", className: "back-button", children: [
+      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(b, { color: "var(--color-main)" }) }),
+      f
     ] })
   ] }) }) });
 };
 export {
-  T as PostalCodeInputScreen
+  F as PostalCodeInputScreen
 };

package/package.json

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