@plurix/ecom-components 1.14.2-commerce.9 → 1.14.2

package/dist/packages/Coupons/components/CouponCard.js

@@ -1,132 +1,143 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { useState as z, useEffect as q } from "react";
-import { addCoupon as B } from "../api/addCoupon.js";
-import { removeCoupon as G } from "../api/removeCoupon.js";
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import { useState as z, useEffect as B } from "react";
+import { addCoupon as G } from "../api/addCoupon.js";
 import { CouponIcon as H } from "../../../assets/svgs/CouponIcon.js";
-import { SuccessIcon as J } from "../../../assets/svgs/SuccessIcon.js";
-const X = ({
-  account: _,
-  orderFormId: x,
-  hasItemsInCart: D,
-  isIO: j = !1,
-  item: l,
-  firstCouponName: c,
+import { SuccessIcon as K } from "../../../assets/svgs/SuccessIcon.js";
+import { removeCoupon as P } from "../api/removeCoupon.js";
+const C = ({
+  account: D,
+  orderFormId: t,
+  hasItemsInCart: R,
+  isIO: r = !1,
+  item: a,
+  firstCouponName: s,
   secondCouponName: d,
-  replaceCoupon: f,
-  setView: y,
-  setActiveRule: N,
-  setDataItem: i,
-  setFirstCouponName: t,
-  setSecondCouponName: w,
-  setReplaceCoupon: k,
-  setAlert: m,
-  setType: p,
-  setIsCloseModalEmpty: A,
-  genericTaggingEvent: o
+  replaceCoupon: b,
+  setView: j,
+  setActiveRule: J,
+  setDataItem: S,
+  setFirstCouponName: L,
+  setSecondCouponName: _,
+  setReplaceCoupon: y,
+  setAlert: f,
+  setType: m,
+  setIsCloseModalEmpty: k,
+  genericTaggingEvent: o,
+  addCouponMutation: i,
+  removeCouponMutation: M
 }) => {
-  const [b, r] = z(!1), [R, h] = z(!1);
-  q(() => {
-    d.toLowerCase() !== l.couponName.toLowerCase() && r(!1), c && !d && c.toLowerCase() === l.couponName.toLowerCase() && r(!0), c && d && f && d.toLowerCase() === l.couponName.toLowerCase() && V(d);
-  }, [c, d, f]);
-  const V = async (a) => {
-    if (D)
+  const [x, u] = z(!1), [A, w] = z(!1);
+  B(() => {
+    d.toLowerCase() !== a.couponName.toLowerCase() && u(!1), s && !d && s.toLowerCase() === a.couponName.toLowerCase() && u(!0), s && d && b && d.toLowerCase() === a.couponName.toLowerCase() && N(d);
+  }, [s, d, b]);
+  const N = async (l) => {
+    if (R)
       try {
-        if (!c || c && f) {
-          h(!0);
-          const L = await B(_, x, a);
-          k(!1), t(a), w(""), L.error.length <= 0 ? (o == null || o("discount_coupon", {
+        if (!s || s && b) {
+          w(!0);
+          const h = r ? await G(D, t, l) : await i({
+            input: {
+              orderFormId: t,
+              couponId: l
+            }
+          }), V = r ? h : JSON.parse(h.addCoupon.data);
+          y(!1), L(l), _(""), V.error.length <= 0 ? (o == null || o("discount_coupon", {
             name: "cupom aplicado",
-            cupomName: a
-          }), p("success"), r(!0), j && window.location.reload()) : (o == null || o("discount_coupon", {
+            cupomName: l
+          }), m("success"), u(!0), r && window.location.reload()) : (o == null || o("discount_coupon", {
             name: "cupom aplicando - cupom incorreto ou expirado",
-            cupomName: a,
-            objectError: L.error
-          }), p("error"), r(!1), t("")), m(!0);
+            cupomName: l,
+            objectError: V.error
+          }), m("error"), u(!1), L("")), f(!0);
         } else
-          w(a), y("overwrite-view");
-      } catch (L) {
+          _(l), j("overwrite-view");
+      } catch (h) {
         o == null || o("discount_coupon", {
           name: "problema na api",
-          cupomName: a
-        }), r(!1), p("error"), m(!0);
+          cupomName: l
+        }), u(!1), m("error"), f(!0);
       } finally {
-        h(!1);
+        w(!1);
       }
     else
       o == null || o("discount_coupon", {
         name: "Modal de cart vazio acionado"
-      }), A(!0);
-  }, M = async () => {
-    if (D)
+      }), k(!0);
+  }, $ = async () => {
+    if (R)
       try {
-        h(!0), k(!1);
-        const a = await G(_, x);
-        a.error.length <= 0 ? (o == null || o("discount_coupon", {
+        w(!0), y(!1);
+        const l = r ? await P(D, t) : await M({
+          input: {
+            orderFormId: t
+          }
+        }), h = r ? l : JSON.parse(l.removeCoupon.data);
+        h.error.length <= 0 ? (o == null || o("discount_coupon", {
           name: "cupom removido com sucesso",
-          cupomName: c
-        }), p("removed"), r(!1), t(""), w(""), j && window.location.reload()) : (o == null || o("discount_coupon", {
+          cupomName: s
+        }), m("removed"), u(!1), L(""), _(""), r && window.location.reload()) : (o == null || o("discount_coupon", {
           name: "algum problema na remoção do cupom",
-          cupomName: c,
-          objectError: a.error
-        }), p("error"), r(!0)), m(!0);
-      } catch (a) {
+          cupomName: s,
+          objectError: h.error
+        }), m("error"), u(!0)), f(!0);
+      } catch (l) {
         o == null || o("discount_coupon", {
           name: "problema na api - na remoção do cupom",
-          cupomName: c
-        }), p("error"), r(!0), m(!0);
+          cupomName: s
+        }), m("error"), u(!0), f(!0);
       } finally {
-        h(!1);
+        w(!1);
       }
     else
       o == null || o("discount_coupon", {
         name: "Modal de cart vazio acionado"
-      }), A(!0);
-  }, $ = () => {
-    N(!0), i(l), y("rules-view");
+      }), k(!0);
+  }, q = () => {
+    J(!0), S(a), j("rules-view");
   };
-  return /* @__PURE__ */ u("div", { className: `container-card-coupon ${b ? "active" : ""}`, children: [
-    /* @__PURE__ */ u("div", { className: "text-container", children: [
-      /* @__PURE__ */ u("div", { className: "container-title", children: [
-        /* @__PURE__ */ s(H, { width: 20, height: 16 }),
-        /* @__PURE__ */ s("h3", { className: "title", children: l.couponName })
+  return /* @__PURE__ */ p("div", { className: `container-card-coupon ${x ? "active" : ""}`, children: [
+    /* @__PURE__ */ p("div", { className: "text-container", children: [
+      /* @__PURE__ */ p("div", { className: "container-title", children: [
+        /* @__PURE__ */ c(H, { width: 20, height: 16 }),
+        /* @__PURE__ */ c("h3", { className: "title", children: a.couponName })
       ] }),
-      l.couponValue && /* @__PURE__ */ u("p", { className: "price-badge", children: [
+      a.couponValue && /* @__PURE__ */ p("p", { className: "price-badge", children: [
         "- ",
-        l.couponValue
+        a.couponValue
       ] }),
-      l.couponDescription && /* @__PURE__ */ s("h4", { className: "subtitle", children: l.couponDescription }),
-      l.couponExpirationDate && /* @__PURE__ */ u("h4", { className: "subtitle", children: [
+      a.couponDescription && /* @__PURE__ */ c("h4", { className: "subtitle", children: a.couponDescription }),
+      a.couponExpirationDate && /* @__PURE__ */ p("h4", { className: "subtitle", children: [
         "Válido até ",
-        l.couponExpirationDate
+        a.couponExpirationDate
       ] })
     ] }),
-    /* @__PURE__ */ s("div", { className: "vertical-line" }),
-    /* @__PURE__ */ u("div", { className: "buttons-container", children: [
-      b && /* @__PURE__ */ u("button", { className: "applied-coupon", children: [
-        /* @__PURE__ */ s("span", { className: "applied-coupon-span", children: /* @__PURE__ */ s(J, {}) }),
+    /* @__PURE__ */ c("div", { className: "vertical-line" }),
+    /* @__PURE__ */ p("div", { className: "buttons-container", children: [
+      x && /* @__PURE__ */ p("button", { className: "applied-coupon", children: [
+        /* @__PURE__ */ c("span", { className: "applied-coupon-span", children: /* @__PURE__ */ c(K, {}) }),
         "Aplicado"
       ] }),
-      b ? /* @__PURE__ */ s(
+      x ? /* @__PURE__ */ c(
         "button",
         {
-          onClick: M,
+          onClick: $,
           className: "remove-coupon",
-          disabled: R,
+          disabled: A,
           children: "Remover"
         }
-      ) : /* @__PURE__ */ s(
+      ) : /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => V(l.couponName),
+          onClick: () => N(a.couponName),
           className: "apply-coupon",
-          disabled: R,
+          disabled: A,
           children: "Aplicar"
         }
       ),
-      l.couponDescription && /* @__PURE__ */ s("a", { onClick: $, children: "Ver Regras" })
+      a.couponDescription && /* @__PURE__ */ c("a", { onClick: q, children: "Ver Regras" })
     ] })
   ] });
 };
 export {
-  X as CouponCard
+  C as CouponCard
 };

package/dist/packages/Coupons/views/CouponsView.d.ts

@@ -8,6 +8,8 @@ interface CouponsViewProps extends Omit<CouponCardProps, OmittedProps> {
     hasItemsInCart: boolean;
     closeIOModal?: () => void;
     coupons: CouponType[];
+    addCouponMutation?: any;
+    removeCouponMutation?: any;
 }
-export declare const CouponsView: ({ account, orderFormId, hasItemsInCart, isIO, closeIOModal, coupons, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setIsCloseModalEmpty, genericTaggingEvent }: CouponsViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CouponsView: ({ addCouponMutation, removeCouponMutation, account, orderFormId, hasItemsInCart, isIO, closeIOModal, coupons, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setIsCloseModalEmpty, genericTaggingEvent }: CouponsViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/Coupons/views/CouponsView.js

@@ -1,122 +1,131 @@
-import { jsxs as e, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { useState as a, useEffect as F } from "react";
-import { addCoupon as G } from "../api/addCoupon.js";
-import { ModalHeader as J } from "../components/ModalHeader.js";
-import { ModalFooter as K } from "../components/ModalFooter.js";
-import { CouponCard as Q } from "../components/CouponCard.js";
-import { NoCoupons as U } from "../components/NoCoupons.js";
-import { Alert as V } from "../components/Alert.js";
-import { InfoIcon as W } from "../../../assets/svgs/InfoIcon.js";
-const E = ({
-  account: b,
-  orderFormId: x,
+import { jsxs as d, Fragment as _, jsx as o } from "react/jsx-runtime";
+import { useState as l, useEffect as Q } from "react";
+import { ModalHeader as R } from "../components/ModalHeader.js";
+import { ModalFooter as U } from "../components/ModalFooter.js";
+import { CouponCard as V } from "../components/CouponCard.js";
+import { NoCoupons as W } from "../components/NoCoupons.js";
+import { Alert as X } from "../components/Alert.js";
+import { InfoIcon as Y } from "../../../assets/svgs/InfoIcon.js";
+import { addCoupon as Z } from "../api/addCoupon.js";
+const to = ({
+  addCouponMutation: w,
+  removeCouponMutation: D,
+  account: x,
+  orderFormId: c,
   hasItemsInCart: C,
   isIO: p,
-  closeIOModal: u,
-  coupons: c,
+  closeIOModal: s,
+  coupons: n,
   firstCouponName: i,
-  secondCouponName: _,
-  replaceCoupon: w,
-  setView: A,
-  setActiveRule: D,
-  setDataItem: L,
+  secondCouponName: L,
+  replaceCoupon: A,
+  setView: B,
+  setActiveRule: q,
+  setDataItem: H,
   setFirstCouponName: m,
-  setSecondCouponName: n,
-  setReplaceCoupon: B,
-  setIsCloseModalEmpty: S,
-  genericTaggingEvent: r
+  setSecondCouponName: f,
+  setReplaceCoupon: N,
+  setIsCloseModalEmpty: J,
+  genericTaggingEvent: t
 }) => {
-  const [t, q] = a(""), [H, j] = a(!1), [M, s] = a(""), [f, d] = a(!1), [P, h] = a(!1), k = (l) => {
-    l.preventDefault(), q(l.target.value);
-  }, z = async (l) => {
-    l.preventDefault();
+  const [r, P] = l(""), [k, j] = l(!1), [z, u] = l(""), [h, e] = l(!1), [G, y] = l(!1), K = (a) => {
+    a.preventDefault(), P(a.target.value);
+  }, M = async (a) => {
+    a.preventDefault();
     try {
-      if (!i || i && w) {
+      if (!i || i && A) {
         j(!0);
-        const y = await G(b, x, t);
-        B(!1), n(""), y.error.length <= 0 ? (r == null || r("discount_coupon", {
+        const b = p ? await Z(x, c, r) : await w({
+          input: {
+            orderFormId: c,
+            couponId: r
+          }
+        }), S = p ? b : JSON.parse(b.addCoupon.data);
+        N(!1), f(""), S.error.length <= 0 ? (t == null || t("discount_coupon", {
           name: "Cupom aplicado do input",
-          couponName: t
-        }), s("success"), h(!0), m(t), p && window.location.reload()) : (r == null || r("discount_coupon", {
+          couponName: r
+        }), u("success"), y(!0), m(r), p && window.location.reload()) : (t == null || t("discount_coupon", {
           name: "Cupom do input expirado ou invalido",
-          couponName: t,
-          objectError: y.error
-        }), s("error"), h(!1), m("")), d(!0);
+          couponName: r,
+          objectError: S.error
+        }), u("error"), y(!1), m("")), e(!0);
       } else
-        n(t), A("overwrite-view");
-    } catch (y) {
-      r == null || r("discount_coupon", {
+        f(r), B("overwrite-view");
+    } catch (b) {
+      t == null || t("discount_coupon", {
         name: "Cupom do input - error na api",
-        couponName: t
-      }), s("error"), h(!1), d(!0);
+        couponName: r
+      }), u("error"), y(!1), e(!0);
     } finally {
       j(!1);
     }
   };
-  return F(() => {
-    f && setTimeout(() => d(!1), 5e3);
-  }, [P, f]), /* @__PURE__ */ e(N, { children: [
-    p && u && /* @__PURE__ */ o(
-      J,
+  return Q(() => {
+    h && setTimeout(() => e(!1), 5e3);
+  }, [G, h]), /* @__PURE__ */ d(_, { children: [
+    p && s && /* @__PURE__ */ o(
+      R,
       {
-        closeModal: u,
+        closeModal: s,
         title: "Meus Cupons",
-        genericTaggingEvent: r
+        genericTaggingEvent: t
       }
     ),
-    C ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ e("form", { onSubmit: z, children: [
+    C ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ d("form", { onSubmit: M, children: [
       /* @__PURE__ */ o(
         "input",
         {
           type: "text",
           placeholder: "Insira o cupom",
-          value: t,
-          onChange: k
+          value: r,
+          onChange: K
         }
       ),
-      /* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: H, children: "Adicionar" })
-    ] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ e("p", { children: [
-      /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(W, {}) }),
+      /* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: k, children: "Adicionar" })
+    ] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ d("p", { children: [
+      /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Y, {}) }),
       "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
     ] }) }),
-    /* @__PURE__ */ o("div", { className: "container-title-coupons", children: c.length > 0 ? /* @__PURE__ */ e(N, { children: [
+    /* @__PURE__ */ o("div", { className: "container-title-coupons", children: n.length > 0 ? /* @__PURE__ */ d(_, { children: [
       /* @__PURE__ */ o("h2", { children: "Cupons disponíveis" }),
-      /* @__PURE__ */ o("div", { className: "container-coupons", children: c.map((l) => /* @__PURE__ */ o(
-        Q,
+      /* @__PURE__ */ o("div", { className: "container-coupons", children: n.map((a) => /* @__PURE__ */ o(
+        V,
         {
-          account: b,
-          orderFormId: x,
+          removeCouponMutation: D,
+          addCouponMutation: w,
+          account: x,
+          orderFormId: c,
           hasItemsInCart: C,
           isIO: p,
-          item: l,
+          item: a,
           firstCouponName: i,
-          secondCouponName: _,
-          replaceCoupon: w,
-          setView: A,
+          secondCouponName: L,
+          replaceCoupon: A,
+          setView: B,
           setFirstCouponName: m,
-          setSecondCouponName: n,
-          setActiveRule: D,
-          setDataItem: L,
-          setReplaceCoupon: B,
-          setAlert: d,
-          setType: s,
-          setIsCloseModalEmpty: S,
-          genericTaggingEvent: r
+          setSecondCouponName: f,
+          setActiveRule: q,
+          setDataItem: H,
+          setReplaceCoupon: N,
+          setAlert: e,
+          setType: u,
+          setIsCloseModalEmpty: J,
+          genericTaggingEvent: t
         },
-        l.couponName
+        a.couponName
       )) })
-    ] }) : /* @__PURE__ */ o(U, {}) }),
-    f && /* @__PURE__ */ o(V, { type: M }),
-    p && u && /* @__PURE__ */ o(
-      K,
+    ] }) : /* @__PURE__ */ o(W, {}) }),
+    h && /* @__PURE__ */ o(X, { type: z }),
+    p && s && /* @__PURE__ */ o(
+      U,
       {
-        isFloating: c.length > 0,
-        cancelButtonAction: u,
+        isFloating: n.length > 0,
+        cancelButtonAction: s,
         cancelButtonText: "Sair"
       }
     )
   ] });
 };
 export {
-  E as CouponsView
+  to as CouponsView
 };

package/dist/packages/ProductCard/ProductCardBadge/ProductCardBadgeKg.js

@@ -1,15 +1,18 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-const g = ({
-  measurementUnit: e,
-  setIsShowProductBadge: d,
-  unitMultiplier: r
-}) => e === "un" ? null : r < 1 ? (d(!0), /* @__PURE__ */ a("div", { className: "product-card-badge", children: /* @__PURE__ */ c("p", { className: "product-card-badge-kg", children: [
-  r * 1e3,
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { useEffect as o } from "react";
+const f = ({
+  measurementUnit: c,
+  setIsShowProductBadge: r,
+  unitMultiplier: d
+}) => (o(() => {
+  c !== "un" && (d < 1 || d >= 1) && r(!0);
+}, [c, d, r]), c === "un" ? null : d < 1 ? /* @__PURE__ */ a("div", { className: "product-card-badge", children: /* @__PURE__ */ g("p", { className: "product-card-badge-kg", children: [
+  d * 1e3,
   "g"
-] }) })) : (r >= 1 && d(!0), /* @__PURE__ */ a("div", { className: "product-card-badge", children: /* @__PURE__ */ c("p", { className: "product-card-badge-kg", children: [
-  r,
+] }) }) : /* @__PURE__ */ a("div", { className: "product-card-badge", children: /* @__PURE__ */ g("p", { className: "product-card-badge-kg", children: [
+  d,
   "kg"
 ] }) }));
 export {
-  g as ProductCardBadgeKg
+  f as ProductCardBadgeKg
 };

package/dist/packages/ProductCard/ProductCardBadge/ProductCardDiscountBadge.d.ts

@@ -1,4 +1,4 @@
-import { SkuSpecificationsProps, ProductCardProps } from '../../../types/ProductCard';
+import { SkuSpecificationsProps, ProductCardProps, offers } from '../../../types/ProductCard';
 
 interface ProductCardDiscountBadge {
     skuSpecifications: SkuSpecificationsProps[];
@@ -8,6 +8,7 @@ interface ProductCardDiscountBadge {
     hasPromotionalPrice: ProductCardProps['hasPromotionalPrice'];
     defaultScListPrice?: number;
     setIsShowProductBadge: React.Dispatch<React.SetStateAction<boolean>>;
+    offers: offers;
 }
-export declare const ProductCardDiscountBadge: ({ nativeListPrice, nativeSpotPrice, skuSpecifications, unitMultiplier, hasPromotionalPrice, defaultScListPrice, setIsShowProductBadge }: ProductCardDiscountBadge) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ProductCardDiscountBadge: ({ offers, setIsShowProductBadge }: ProductCardDiscountBadge) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/packages/ProductCard/ProductCardBadge/ProductCardDiscountBadge.js

@@ -1,42 +1,26 @@
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useMemo as l, useEffect as D } from "react";
-const E = ({
-  nativeListPrice: c,
-  nativeSpotPrice: s,
-  skuSpecifications: n,
-  unitMultiplier: a,
-  hasPromotionalPrice: i,
-  defaultScListPrice: P,
-  setIsShowProductBadge: d
+import { jsx as d, jsxs as i } from "react/jsx-runtime";
+import { useEffect as a, useMemo as m } from "react";
+const h = ({
+  offers: n,
+  setIsShowProductBadge: c
 }) => {
-  const { listPrice: u, spotPrice: o } = i || {}, f = (r, e) => l(() => {
-    const g = (r - e) * 100 / r;
-    return Math.round(g);
-  }, [e, r]), { listPriceCustom: m, spotPriceCustom: p } = l(() => u && o && o !== s ? {
-    listPriceCustom: u,
-    spotPriceCustom: o
-  } : {
-    listPriceCustom: c,
-    spotPriceCustom: s
-  }, [
-    u,
-    o,
-    s,
-    c
-  ]), C = "Venda por unidade", N = n == null ? void 0 : n.some((r) => r.field.originalName === C && r.values.some((e) => e.originalName === "true")), h = P || (N ? m : ((r) => Number(r.toString().match(/^\d+(?:\.\d{0,2})?/)))(m * a)), t = Math.round(
-    Number(f(h, p))
+  const { listPrice: u, price: o } = n == null ? void 0 : n.offers[0], t = Math.round(
+    Number(((r, e) => m(() => {
+      const s = (r - e) * 100 / r;
+      return Math.round(s);
+    }, [e, r]))(u, o))
   );
-  return D(() => {
+  return a(() => {
     if (!t || t <= 0) {
-      d(!1);
+      c(!1);
       return;
     }
-    d(!0);
-  }, [t]), !t || t <= 0 ? null : /* @__PURE__ */ b("div", { className: "product-card-discount-badge", children: /* @__PURE__ */ x("p", { className: "product-card-discount-badge-value", children: [
+    c(!0);
+  }, [t]), !t || t <= 0 ? null : /* @__PURE__ */ d("div", { className: "product-card-discount-badge", children: /* @__PURE__ */ i("p", { className: "product-card-discount-badge-value", children: [
     t,
     "%"
   ] }) });
 };
 export {
-  E as ProductCardDiscountBadge
+  h as ProductCardDiscountBadge
 };