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

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

@@ -1,4 +1,4 @@
-import { jsxs as x, jsx as v } from "react/jsx-runtime";
+import { jsxs as x, jsx as u } from "react/jsx-runtime";
 import { SetViewButton as d } from "./SetViewButton.js";
 import { ArrowIcon as C } from "../../../assets/svgs/ArrowIcon.js";
 import { useRegionalizationContext as N } from "../context/RegionalizationContext.js";
@@ -13,17 +13,17 @@ const F = ({
     textBackButton: S,
     delivery: e,
     pickup: a,
-    pickupAddress: t,
+    pickupAddress: o,
     internalMethod: l,
     regionalizeCatalog: n,
-    address: o,
+    address: t,
     deliveryRequestInfos: b,
     postalCode: w,
     setMethod: r,
     setCity: m,
     setUf: c,
     setPickupName: f,
-    setPickupTimes: u,
+    setPickupTimes: v,
     pickupTimes: B,
     setInputPostalCode: p
   } = N();
@@ -34,12 +34,12 @@ const F = ({
         view: i ? "InitialView" : h ? "AllStoresScreen" : "PostalCodeInputScreen",
         className: "back-button",
         children: [
-          /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(C, {}) }),
+          /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(C, { color: "var(--color-main)" }) }),
           S
         ]
       }
     ),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ u(
       d,
       {
         view: "InitialView",
@@ -47,7 +47,7 @@ const F = ({
         className: "continue-button",
         onClick: () => {
           var s;
-          r == null || r(l), l === "delivery" ? (V(o, b, w), m == null || m(o == null ? void 0 : o.localidade), c == null || c(o == null ? void 0 : o.uf), n == null || n(w)) : (p(((s = t == null ? void 0 : t.address) == null ? void 0 : s.postalCode) || ""), j(t, B), f == null || f(t == null ? void 0 : t.name), u == null || u(B), n == null || n(t == null ? void 0 : t.address.postalCode));
+          r == null || r(l), l === "delivery" ? (V(t, b, w), m == null || m(t == null ? void 0 : t.localidade), c == null || c(t == null ? void 0 : t.uf), n == null || n(w)) : (p(((s = o == null ? void 0 : o.address) == null ? void 0 : s.postalCode) || ""), j(o, B), f == null || f(o == null ? void 0 : o.name), v == null || v(B), n == null || n(o == null ? void 0 : o.address.postalCode));
         },
         children: i ? I : l === "delivery" ? e == null ? void 0 : e.confirmButton : a == null ? void 0 : a.confirmButton
       }

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

@@ -7,32 +7,32 @@ import { SetViewButton as N } from "../components/SetViewButton.js";
 import { ArrowIcon as u } from "../../../assets/svgs/ArrowIcon.js";
 import { useRegionalizationContext as C } from "../context/RegionalizationContext.js";
 const E = () => {
-  const { pickup: t, pickupPoints: l, textBackButton: d } = C(), s = f(null), [n, a] = v(l), m = l.length > 0 ? l : [];
+  const { pickup: r, pickupPoints: l, textBackButton: m } = C(), a = f(null), [n, s] = v(l), d = l.length > 0 ? l : [];
   b(() => {
-    a(m);
+    s(d);
   }, [l]);
   const i = () => {
-    a(
+    s(
       l == null ? void 0 : l.filter(
-        ({ name: r }) => {
+        ({ name: t }) => {
           var c;
-          return r.toLowerCase().includes(((c = s.current) == null ? void 0 : c.value.toLowerCase()) ?? "");
+          return t.toLowerCase().includes(((c = a.current) == null ? void 0 : c.value.toLowerCase()) ?? "");
         }
       )
     );
   };
   return /* @__PURE__ */ o(h, { children: [
-    /* @__PURE__ */ e(S, { title: t == null ? void 0 : t.title }),
+    /* @__PURE__ */ e(S, { title: r == null ? void 0 : r.title }),
     /* @__PURE__ */ o("div", { className: "stores-filter", children: [
-      /* @__PURE__ */ e("p", { children: t == null ? void 0 : t.labelFilter }),
+      /* @__PURE__ */ e("p", { children: r == null ? void 0 : r.labelFilter }),
       /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             placeholder: "Loja",
-            ref: s,
-            onKeyDown: (r) => r.key === "Enter" && i()
+            ref: a,
+            onKeyDown: (t) => t.key === "Enter" && i()
           }
         ),
         /* @__PURE__ */ e(
@@ -44,15 +44,15 @@ const E = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "divider", children: /* @__PURE__ */ e("span", { children: t == null ? void 0 : t.divider }) })
+      /* @__PURE__ */ e("div", { className: "divider", children: /* @__PURE__ */ e("span", { children: r == null ? void 0 : r.divider }) })
     ] }),
-    /* @__PURE__ */ e("p", { className: "stores-label", children: t == null ? void 0 : t.labelStores }),
-    /* @__PURE__ */ e("div", { className: "stores-container", children: n == null ? void 0 : n.map((r) => /* @__PURE__ */ e(
+    /* @__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(
       w,
       {
-        pickupPointInfos: r
+        pickupPointInfos: t
       },
-      r == null ? void 0 : r.id
+      t == null ? void 0 : t.id
     )) }),
     /* @__PURE__ */ e("br", {}),
     /* @__PURE__ */ o(
@@ -61,8 +61,8 @@ const E = () => {
         view: "PickupPointInfoScreen",
         className: "back-button-all-store",
         children: [
-          /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(u, {}) }),
-          d
+          /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(u, { color: "var(--color-main)" }) }),
+          m
         ]
       }
     )

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

@@ -1,43 +1,43 @@
 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 t } from "../components/SetViewButton.js";
+import { SetViewButton as n } from "../components/SetViewButton.js";
 import { ArrowIcon as d } from "../../../assets/svgs/ArrowIcon.js";
 import { ShoppingBagsIcon as h } from "../../../assets/svgs/ShoppingBagsIcon.js";
-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";
+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 = () => {
   const {
     titleText: c,
     moreInfosText: a,
     deliveryPrice: m,
-    priceStockInformation: s,
-    backToDelivery: n,
+    priceStockInformation: l,
+    backToDelivery: t,
     setBackToDelivery: r,
     status: o,
-    setStatus: l
-  } = u();
+    setStatus: s
+  } = I();
   return p(() => {
-    n && (r == null || r(!1)), (o == null ? void 0 : o.status) === "failed" && l({});
-  }, [n, o]), /* @__PURE__ */ i("div", { className: "inital-view-container", children: [
+    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: s }),
-    /* @__PURE__ */ i(t, { view: "MoreInfosScreen", className: "more-infos-button", children: [
+    /* @__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, {}) })
+      /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(d, { color: "var(--color-main)" }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "delivery-option-container", children: [
-      /* @__PURE__ */ i(t, { view: "PostalCodeInputScreen", className: "option", 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 ",
-          v(m ?? 0)
+          u(m ?? 0)
         ] })
       ] }),
-      /* @__PURE__ */ i(t, { view: "PickupPointInfoScreen", className: "option", children: [
-        /* @__PURE__ */ e(I, {}),
+      /* @__PURE__ */ i(n, { view: "PickupPointInfoScreen", className: "option", children: [
+        /* @__PURE__ */ e(v, {}),
         /* @__PURE__ */ e("h4", { children: "Retirar na Loja" }),
         /* @__PURE__ */ e("p", { children: " Grátis" })
       ] })

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

@@ -1,14 +1,14 @@
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+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 s } from "../../../assets/svgs/ArrowIcon.js";
-import { useRegionalizationContext as a } from "../context/RegionalizationContext.js";
+import { ArrowIcon as a } from "../../../assets/svgs/ArrowIcon.js";
+import { useRegionalizationContext as s } 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(
+  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,
       {
         containerClassName: "pickup-container",
@@ -17,23 +17,23 @@ const N = () => {
         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__ */ 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__ */ r("div", { className: "pickup-open-stores-container", children: [
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ n("div", { className: "pickup-open-stores-container", children: [
+      /* @__PURE__ */ n(
         i,
         {
-          view: o ? "PostalCodeInputScreen" : "InitialView",
+          view: t ? "PostalCodeInputScreen" : "InitialView",
           className: "back-button",
           children: [
-            /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(s, {}) }),
-            t
+            /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(a, { color: "var(--color-main)" }) }),
+            o
           ]
         }
       ),
-      /* @__PURE__ */ n(i, { view: "AllStoresScreen", className: "pickup-open-stores", children: e == null ? void 0 : e.buttonOpenStores })
+      /* @__PURE__ */ r(i, { view: "AllStoresScreen", className: "pickup-open-stores", children: e == null ? void 0 : e.buttonOpenStores })
     ] })
   ] }) });
 };

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

@@ -1,4 +1,4 @@
-import { jsx as n, Fragment as f, jsxs as o } from "react/jsx-runtime";
+import { jsx as n, Fragment as f, jsxs as c } 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";
@@ -11,7 +11,7 @@ const T = () => {
   const {
     delivery: e,
     status: r,
-    postalCodeValidation: c,
+    postalCodeValidation: o,
     setInputPostalCode: m,
     postalCode: p,
     deliveryPrice: h,
@@ -19,9 +19,9 @@ const T = () => {
     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: [
+  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 }),
-    l ? /* @__PURE__ */ o("div", { className: "warning-container", children: [
+    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(
@@ -33,12 +33,12 @@ const T = () => {
         price: h
       }
     ),
-    /* @__PURE__ */ o("div", { className: "postal-code-container", children: [
-      /* @__PURE__ */ o("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",
           {
-            onKeyDown: (i) => i.key === "Enter" && (c == null ? void 0 : c()),
+            onKeyDown: (i) => i.key === "Enter" && (o == null ? void 0 : o()),
             type: "text",
             onChange: (i) => m(i.target.value),
             maxLength: 9,
@@ -49,17 +49,17 @@ const T = () => {
         /* @__PURE__ */ n(
           "button",
           {
-            onKeyDown: (i) => i.key === "Enter" && (c == null ? void 0 : c()),
-            onClick: () => c == null ? void 0 : c(),
+            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
           }
         )
       ] }),
       /* @__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: [
+      l && /* @__PURE__ */ c("div", { className: "postal-code-container-pickup", children: [
         /* @__PURE__ */ n("label", { children: "Você pode escolhes retirar na loja" }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           s,
           {
             onClick: () => a == null ? void 0 : a(!0),
@@ -67,7 +67,7 @@ const T = () => {
             className: "postal-code-container-pickup-select",
             children: [
               /* @__PURE__ */ n(N, {}),
-              /* @__PURE__ */ o("div", { className: "postal-code-container-pickup-select-informative", children: [
+              /* @__PURE__ */ c("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" })
               ] })
@@ -76,8 +76,8 @@ const T = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ o(s, { view: "InitialView", className: "back-button", children: [
-      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(w, {}) }),
+    /* @__PURE__ */ c(s, { view: "InitialView", className: "back-button", children: [
+      /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(w, { color: "var(--color-main)" }) }),
       d
     ] })
   ] }) }) });

package/package.json

@@ -1,58 +1,58 @@
-{
-  "name": "@plurix/ecom-components",
-  "author": "Plurix",
-  "private": false,
-  "version": "0.0.2-beta.4",
-  "type": "module",
-  "main": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/plurix-ecommerce/ecom-components"
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig-build.json && vite build",
-    "format": "prettier --write .",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.4.2",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^20.11.30",
-    "@types/react": "^18.2.71",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
-    "glob": "^10.3.10",
-    "prettier": "^2.2.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.4.3",
-    "vite": "^4.5.3",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-lib-inject-css": "^2.0.1"
-  },
-  "dependencies": {
-    "@acctglobal/skeleton": "^1.0.0",
-    "axios": "1.3.0"
-  }
-}
+{
+  "name": "@plurix/ecom-components",
+  "author": "Plurix",
+  "private": false,
+  "version": "0.0.2-beta.6",
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/plurix-ecommerce/ecom-components"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "format": "prettier --write .",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.4.2",
+    "@commitlint/config-conventional": "^17.4.2",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.7",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.30",
+    "@types/react": "^18.2.71",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "glob": "^10.3.10",
+    "prettier": "^2.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.4.3",
+    "vite": "^4.5.3",
+    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-lib-inject-css": "^2.0.1"
+  },
+  "dependencies": {
+    "@acctglobal/skeleton": "^1.0.0",
+    "axios": "1.3.0"
+  }
+}