@plurix/ecom-components 1.6.0-commerce.5 → 1.6.0-commerce.7

package/dist/packages/ChangeOrderModal/ChangeOrderModal.js

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as j, Fragment as q } from "react/jsx-runtime";
-import { useState as c, useEffect as w } from "react";
+import { jsx as a, jsxs as j, Fragment as q } from "react/jsx-runtime";
+import { useState as u, useEffect as w } from "react";
 import { Modal as M } from "../Modal/Modal.js";
 import { ProductSelected as k } from "./components/ProductSelected.js";
 import { SimilarProducts as v } from "./components/SimilarProducts.js";
@@ -8,79 +8,80 @@ import { ModalFooter as A } from "./components/ModalFooter.js";
 import { getProductsSimilars as N } from "./api/getProductsSimilars.js";
 import _ from "../../hooks/useAnalitcsEvents.js";
 import { getOrderForm as J } from "./api/getOrderForm.js";
-const Y = ({
-  selectedItem: o,
-  postalCode: p,
-  orderFormId: g,
+import { postChangeOrder as L } from "./api/postChangeOrder.js";
+const D = ({
+  selectedItem: r,
+  postalCode: g,
+  orderFormId: c,
   isClubClient: S,
   isOpen: h,
   environment: y,
-  setIsOpen: m,
+  setIsOpen: e,
   saveSelectedSimilarProduct: d
 }) => {
-  const [b, F] = c(), [O, a] = c(!1), s = y === "io", { genericTaggingEvent: P } = _(), [r, e] = c({ productId: "" });
+  const [O, b] = u(), [C, s] = u(!1), n = y === "io", { genericTaggingEvent: F } = _(), [o, f] = u({ itemId: "" });
   return w(() => {
     (async () => {
-      a(!0);
+      s(!0);
       try {
-        const t = await N({
-          postalCode: p,
-          selectedItem: o,
-          isIO: s
+        const i = await N({
+          postalCode: g,
+          selectedItem: r,
+          isIO: n
         });
-        F(t == null ? void 0 : t.products);
+        b(i == null ? void 0 : i.products);
       } finally {
-        a(!1);
+        s(!1);
       }
     })(), (async () => {
-      var t, l;
-      a(!0);
+      var i, l;
+      s(!0);
       try {
-        const u = await J(g, s), i = ((l = (t = u == null ? void 0 : u.customData) == null ? void 0 : t.customApps) == null ? void 0 : l.find((C) => C.id === "janis")) || null;
-        let f = {};
-        i != null && i.fields.idSubstitutionCriterias && (f = JSON.parse(i == null ? void 0 : i.fields.idSubstitutionCriterias));
-        const x = o == null ? void 0 : o.productOriginId;
-        e({ productId: `${f[x]}` });
+        const m = await J(c, n), t = ((l = (i = m == null ? void 0 : m.customData) == null ? void 0 : i.customApps) == null ? void 0 : l.find((x) => x.id === "janis")) || null;
+        let p = {};
+        t != null && t.fields.idSubstitutionCriterias && (p = JSON.parse(t == null ? void 0 : t.fields.idSubstitutionCriterias));
+        const P = r == null ? void 0 : r.productOriginId;
+        f({ itemId: `${p[P]}` });
       } finally {
-        a(!1);
+        s(!1);
       }
     })();
-  }, []), /* @__PURE__ */ n(
+  }, []), /* @__PURE__ */ a(
     M,
     {
       isOpen: h,
-      setIsOpen: m,
+      setIsOpen: e,
       className: "change-order-modal",
       title: "Produto com estoque baixo",
-      Footer: /* @__PURE__ */ n(
+      Footer: /* @__PURE__ */ a(
         A,
         {
           saveSelectedSimilarProduct: () => {
-            r && (d == null || d(r), P("salvar_substituto", {
-              name: o.name,
-              replacement_item: r == null ? void 0 : r.name
-            })), m(!1);
+            L(c, n, r.productOriginId, o.itemId), o && (d == null || d(o), F("salvar_substituto", {
+              name: r.name,
+              replacement_item: o == null ? void 0 : o.name
+            })), e(!1);
           }
         }
       ),
-      children: O ? /* @__PURE__ */ n(
+      children: C ? /* @__PURE__ */ a(
         E,
         {
-          width: s ? "100%" : "90%",
-          height: s ? 600 : 425,
+          width: n ? "100%" : "90%",
+          height: n ? 600 : 425,
           backgroundColor: "var(--color-grayScale-faded)",
           margin: "auto",
           animation: !0
         }
       ) : /* @__PURE__ */ j(q, { children: [
-        o && /* @__PURE__ */ n(k, { selectedItem: o }),
-        /* @__PURE__ */ n(
+        r && /* @__PURE__ */ a(k, { selectedItem: r }),
+        /* @__PURE__ */ a(
           v,
           {
             isClubClient: S,
-            similarProductSelect: r,
-            setSimilarProductSelect: e,
-            products: b
+            similarProductSelect: o,
+            setSimilarProductSelect: f,
+            products: O
           }
         )
       ] })
@@ -88,5 +89,5 @@ const Y = ({
   );
 };
 export {
-  Y as ChangeOrderModal
+  D as ChangeOrderModal
 };

package/dist/packages/ChangeOrderModal/api/postChangeOrder.d.ts

@@ -0,0 +1 @@
+export declare const postChangeOrder: (orderFormId: string, isIO: boolean, skuId: string, substitutionId: string) => Promise<any>;

package/dist/packages/ChangeOrderModal/api/postChangeOrder.js

@@ -0,0 +1,32 @@
+import o from "axios";
+const s = async (e, t, a, n) => {
+  try {
+    const r = {
+      orderFormId: e,
+      skuId: a,
+      substitutionId: n
+    };
+    if (t) {
+      const { data: d } = await o.post(
+        "/_v/commerce/orderform/changeOrder",
+        r
+      );
+      return d;
+    }
+    const { data: c } = await o.post("/api/proxy", {
+      targetUrl: "/_v/commerce/orderform/changeOrder",
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      },
+      body: r
+    });
+    return c;
+  } catch (r) {
+    console.error("Error in Change Order Modal", r);
+  }
+};
+export {
+  s as postChangeOrder
+};

package/dist/packages/ChangeOrderModal/components/ProductSelected.d.ts

@@ -1,4 +1,5 @@
 export interface SelectedItemProps {
+    id: string;
     imageUrl: string;
     name: string;
     quantity: number;

package/dist/packages/ChangeOrderModal/components/SimilarProductList.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useMemo as l } from "react";
-import { formatEspecifications as U, formatBrazilianPrice as f, formatedMultiply as w } from "../../../utils/changerOrderModal.js";
+import { formatEspecifications as U, formatBrazilianPrice as u, formatedMultiply as w } from "../../../utils/changerOrderModal.js";
 import { Icons as z } from "../assets/icons.js";
 import { isMobile as S } from "../../../constants/index.js";
 const H = ({
@@ -11,65 +11,65 @@ const H = ({
 }) => {
   const {
     images: t,
-    name: h,
-    productId: m,
-    sellingPrice: o,
+    name: m,
+    itemId: h,
+    sellingPrice: n,
     measurementUnit: y,
     unitMultiplier: b,
     hasDiscount: C,
-    listPrice: n,
+    listPrice: i,
     isClub: I,
     skuSpecifications: p
-  } = d, M = t == null ? void 0 : t[0].imageUrl, i = l(() => 58, []), g = l(
-    () => m === (r == null ? void 0 : r.productId),
+  } = d, M = t == null ? void 0 : t[0].imageUrl, o = l(() => 58, []), g = l(
+    () => h === (r == null ? void 0 : r.itemId),
     [r]
   ), c = l(() => U(p || []), [p]), {
     discountPorcent: k,
     frontLstPrice: L,
     frontSellingPrice: P,
     frontPriceMultiply: j
-  } = l(() => !o || !n ? {} : {
-    discountPorcent: Math.round((n - o) / n * 100) * -1,
-    frontLstPrice: f(n || 0),
-    frontSellingPrice: f(o || 0),
+  } = l(() => !n || !i ? {} : {
+    discountPorcent: Math.round((i - n) / i * 100) * -1,
+    frontLstPrice: u(i || 0),
+    frontSellingPrice: u(n || 0),
     frontPriceMultiply: w(y || "", b || 0)
-  }, [o, n]), x = {
+  }, [n, i]), x = {
     Vegano: "var(--color-seals-veg)",
     Orgânico: "var(--color-seals-org)",
     "Sem Glúten": "var(--color-seals-gluten-free)",
     "Sem Lactose": "var(--color-seals-lactose-free)",
     "Sem Açúcar": "var(--color-seals-sugar-free)"
-  }, u = g ? "var(--color-main)" : "var(--color-grayScale-lightest)";
+  }, f = g ? "var(--color-main)" : "var(--color-grayScale-lightest)";
   return /* @__PURE__ */ s(
     "div",
     {
       className: "similar-product-list-item",
       onClick: () => {
-        m !== (r == null ? void 0 : r.productId) && v(d);
+        h !== (r == null ? void 0 : r.itemId) && v(d);
       },
       style: {
-        borderColor: u
+        borderColor: f
       },
       children: [
-        /* @__PURE__ */ e("div", { style: { width: i, height: i }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { style: { width: o, height: o }, children: /* @__PURE__ */ e(
           "img",
           {
-            height: i,
-            width: i,
+            height: o,
+            width: o,
             src: M,
-            alt: h,
+            alt: m,
             style: { objectFit: "contain" }
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "infos", children: [
           /* @__PURE__ */ s("div", { className: "description", children: [
-            /* @__PURE__ */ e("h4", { className: "product-name", children: h }),
+            /* @__PURE__ */ e("h4", { className: "product-name", children: m }),
             /* @__PURE__ */ e(
               "span",
               {
                 className: "choose-icon",
                 style: {
-                  backgroundColor: u
+                  backgroundColor: f
                 },
                 children: g && /* @__PURE__ */ e(z, { iconId: "Check" })
               }

package/dist/packages/ChangeOrderModal/components/SimilarProducts.js

@@ -1,30 +1,30 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { Icons as h } from "../assets/icons.js";
 import { SimilarProductItem as t } from "./SimilarProductList.js";
 const I = ({
-  products: n,
+  products: m,
   isClubClient: s,
-  similarProductSelect: r,
-  setSimilarProductSelect: m
-}) => n != null && n.length ? /* @__PURE__ */ i("section", { className: "change-order-similar-products", children: [
-  /* @__PURE__ */ o("h3", { className: "title", children: "Na falta substitua por:" }),
-  /* @__PURE__ */ o("div", { className: "similar-product-list", children: n.map((a) => /* @__PURE__ */ o(
+  similarProductSelect: a,
+  setSimilarProductSelect: n
+}) => m != null && m.length ? /* @__PURE__ */ r("section", { className: "change-order-similar-products", children: [
+  /* @__PURE__ */ i("h3", { className: "title", children: "Na falta substitua por:" }),
+  /* @__PURE__ */ i("div", { className: "similar-product-list", children: m.map((o) => /* @__PURE__ */ i(
     t,
     {
       isClubClient: s,
-      similarProductSelect: r,
-      setSimilarProductSelect: m,
-      similarProduct: a
+      similarProductSelect: a,
+      setSimilarProductSelect: n,
+      similarProduct: o
     },
-    a.itemId
+    o.itemId
   )) }),
-  r && /* @__PURE__ */ i(
+  a && /* @__PURE__ */ r(
     "button",
     {
-      onClick: () => m == null ? void 0 : m({ productId: "" }),
+      onClick: () => n == null ? void 0 : n({ itemId: "" }),
       className: "remove-buttom",
       children: [
-        /* @__PURE__ */ o(h, { iconId: "Trash" }),
+        /* @__PURE__ */ i(h, { iconId: "Trash" }),
         " Remover substituto"
       ]
     }

package/dist/types/ChangeOrderModal.d.ts

@@ -17,8 +17,8 @@ export interface SKUSpecification {
     }[];
 }
 export interface SimilarProducts {
-    productId: string;
-    itemId?: string;
+    productId?: string;
+    itemId: string;
     name?: string;
     images?: SKUImages[] | undefined;
     measurementUnit?: string;

package/package.json

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