@plurix/ecom-components 1.14.2-commerce.8 → 1.14.2-shlo1447.0

package/dist/assets/svgs/SuccessIconV2.d.ts

@@ -0,0 +1 @@
+export declare const SuccessIconV2: () => import("react/jsx-runtime").JSX.Element;

package/dist/assets/svgs/SuccessIconV2.js

@@ -0,0 +1,30 @@
+import { jsxs as s, jsx as C } from "react/jsx-runtime";
+const i = () => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M29.5869 5.26648C29.0362 4.71573 28.1435 4.71592 27.5933 5.26667L14.9419 17.9202L9.11396 12.092C8.56321 11.5414 7.67054 11.5413 7.12036 12.0918C6.56961 12.6424 6.56961 13.535 7.12017 14.0854L13.9451 20.9107C14.2096 21.1752 14.5681 21.3237 14.9421 21.3237C15.316 21.3237 15.6746 21.1752 15.9391 20.9107L29.5873 7.26008C30.1375 6.70971 30.1375 5.81704 29.5869 5.26648Z",
+          fill: "#177336"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M26.5431 14.3016C25.7645 14.3016 25.1333 14.9326 25.1333 15.7113V26.1567H4.81953V5.84297H20.904C21.6828 5.84297 22.3138 5.21196 22.3138 4.4332C22.3138 3.65464 21.6828 3.02344 20.904 3.02344H3.40976C2.6312 3.02344 2 3.65445 2 4.4332V27.5665C2 28.3453 2.6312 28.9763 3.40976 28.9763H26.5431C27.3218 28.9763 27.9528 28.3453 27.9528 27.5665V15.7113C27.9528 14.9328 27.3218 14.3016 26.5431 14.3016Z",
+          fill: "#177336"
+        }
+      )
+    ]
+  }
+);
+export {
+  i as SuccessIconV2
+};

package/dist/assets/svgs/WarningIconV2.d.ts

@@ -0,0 +1 @@
+export declare const WarningIconV2: () => import("react/jsx-runtime").JSX.Element;

package/dist/assets/svgs/WarningIconV2.js

@@ -0,0 +1,40 @@
+import { jsxs as i, jsx as C } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_471_4351)", children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M29.4265 22.6539C29.4265 22.6539 19.5314 4.469 19.5261 4.46024C17.9376 1.78483 14.064 1.78205 12.4736 4.46024C12.4684 4.469 12.4633 4.47797 12.4584 4.48694L2.57341 22.6539C0.96419 25.3874 2.93251 28.8346 6.10802 28.8346H25.8918C29.0648 28.8346 31.037 25.3897 29.4265 22.6539ZM25.8918 27.1944H6.10802C4.19994 27.1944 3.01732 25.1193 3.99208 23.4776C3.99742 23.4686 4.00255 23.4599 4.00746 23.4507L13.8914 5.28546C14.848 3.69461 17.153 3.69654 18.1083 5.28546C18.1083 5.28546 28.0024 23.4686 28.0076 23.4774C28.9817 25.118 27.8012 27.1944 25.8918 27.1944Z",
+            fill: "#B28100"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M15.9998 9.51758C14.6431 9.51758 13.5393 10.6216 13.5393 11.9783V16.8995C13.5393 18.2562 14.6431 19.36 15.9998 19.36C17.3567 19.36 18.4605 18.2562 18.4605 16.8995V11.9783C18.4605 10.6216 17.3567 9.51758 15.9998 9.51758ZM16.8201 16.8995C16.8201 17.3518 16.4523 17.7196 15.9998 17.7196C15.5476 17.7196 15.1797 17.3518 15.1797 16.8995V11.9783C15.1797 11.5261 15.5476 11.158 15.9998 11.158C16.4523 11.158 16.8201 11.5261 16.8201 11.9783V16.8995Z",
+            fill: "#B28100"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M15.9998 21.0005C14.6431 21.0005 13.5393 22.1043 13.5393 23.461C13.5393 24.8177 14.6431 25.9217 15.9998 25.9217C17.3567 25.9217 18.4605 24.8177 18.4605 23.461C18.4605 22.1043 17.3567 21.0005 15.9998 21.0005ZM15.9998 24.2813C15.5476 24.2813 15.1797 23.9132 15.1797 23.461C15.1797 23.0088 15.5476 22.6409 15.9998 22.6409C16.4523 22.6409 16.8201 23.0088 16.8201 23.461C16.8201 23.9132 16.4523 24.2813 15.9998 24.2813Z",
+            fill: "#B28100"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_471_4351", children: /* @__PURE__ */ C("rect", { width: "28", height: "28", fill: "white", transform: "translate(2 2)" }) }) })
+    ]
+  }
+);
+export {
+  t as WarningIconV2
+};

package/dist/hooks/useVerticalShelfCarouselProps.d.ts

@@ -0,0 +1,4 @@
+import { CarouselProps } from '../packages/Carousel/Carousel';
+
+export type CarouselPropsWithoutChildren = Omit<CarouselProps, 'children'>;
+export declare function useVerticalShelfCarouselProps(): CarouselPropsWithoutChildren;

package/dist/hooks/useVerticalShelfCarouselProps.js

@@ -0,0 +1,14 @@
+import i from "./useWindowDimensions.js";
+function o() {
+  const { isMobile: e } = i();
+  return {
+    arrow: { isVisible: !1 },
+    gapItems: 8,
+    itemWidthProp: 290,
+    bullet: { isVisible: !1 },
+    isMobile: e
+  };
+}
+export {
+  o as useVerticalShelfCarouselProps
+};

package/dist/hooks/useWindowDimensions.d.ts

@@ -0,0 +1,5 @@
+export default function useWindowDimensions(): {
+    width: number | null;
+    height: number | null;
+    isMobile: boolean;
+};

package/dist/hooks/useWindowDimensions.js

@@ -0,0 +1,38 @@
+import { useState as u, useCallback as l, useEffect as w } from "react";
+function a() {
+  const [o, s] = u({
+    width: null,
+    height: null,
+    isMobile: !1
+  }), n = l(() => {
+    var t;
+    if (typeof window == "undefined")
+      return {
+        width: null,
+        height: null,
+        isMobile: !1
+      };
+    const e = parseInt(
+      (t = getComputedStyle(document.documentElement).getPropertyValue(
+        "--breakpoint-notebook"
+      )) != null ? t : 1280,
+      10
+    ), i = window.innerWidth, d = window.innerHeight, r = i < e;
+    return {
+      width: i,
+      height: d,
+      isMobile: r
+    };
+  }, []);
+  return w(() => {
+    if (typeof window == "undefined")
+      return;
+    function e() {
+      s(n());
+    }
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [n]), o;
+}
+export {
+  a as default
+};

package/dist/main.d.ts

@@ -17,3 +17,4 @@ export type { SearchSuggestionsProps } from './packages/SearchSugestions/types/S
 export type { SearchSuggestionsApiResponse, Searches } from './packages/SearchSugestions/types/ResponseApi';
 export { ProductCard } from './packages/ProductCard';
 export { ProductCardSeeMore } from './packages/ProductCardSeeMore/ProductCardSeeMore';
+export { VouchersRedeemed } from './packages/VouchersRedeemed/VouchersRedeemed';

package/dist/main.js

@@ -1,28 +1,30 @@
 import { CartClubAlert as e } from "./packages/CartClubAlert/CartClubAlert.js";
-import { Carousel as p } from "./packages/Carousel/Carousel.js";
+import { Carousel as m } from "./packages/Carousel/Carousel.js";
 import { Coupons as f } from "./packages/Coupons/Coupons.js";
-import { Onboarding as x } from "./packages/Onboarding/Onboarding.js";
+import { Onboarding as a } from "./packages/Onboarding/Onboarding.js";
 import { Tour as n } from "./packages/Tour/Tour.js";
-import { Regionalization as l } from "./packages/Regionalization/Regionalization.js";
-import { Modal as g } from "./packages/Modal/Modal.js";
-import { ContactCard as c } from "./packages/ContactCard/ContactCard.js";
+import { Regionalization as u } from "./packages/Regionalization/Regionalization.js";
+import { Modal as c } from "./packages/Modal/Modal.js";
+import { ContactCard as i } from "./packages/ContactCard/ContactCard.js";
 import { ChangeOrderModal as S } from "./packages/ChangeOrderModal/ChangeOrderModal.js";
-import { Skeleton as b } from "./packages/Skeleton/index.js";
+import { Skeleton as M } from "./packages/Skeleton/index.js";
 import { SearchSuggestions as O } from "./packages/SearchSugestions/components/SearchSuggestions/index.js";
-import { ProductCard as k } from "./packages/ProductCard/index.js";
-import { ProductCardSeeMore as A } from "./packages/ProductCardSeeMore/ProductCardSeeMore.js";
+import { ProductCard as R } from "./packages/ProductCard/index.js";
+import { ProductCardSeeMore as z } from "./packages/ProductCardSeeMore/ProductCardSeeMore.js";
+import { VouchersRedeemed as T } from "./packages/VouchersRedeemed/VouchersRedeemed.js";
 export {
-  p as Carousel,
+  m as Carousel,
   e as CartClubAlert,
   S as ChangeOrderModal,
-  c as ContactCard,
+  i as ContactCard,
   f as Coupons,
-  g as Modal,
-  x as Onboarding,
-  k as ProductCard,
-  A as ProductCardSeeMore,
-  l as Regionalization,
+  c as Modal,
+  a as Onboarding,
+  R as ProductCard,
+  z as ProductCardSeeMore,
+  u as Regionalization,
   O as SearchSuggestions,
-  b as Skeleton,
-  n as Tour
+  M as Skeleton,
+  n as Tour,
+  T as VouchersRedeemed
 };

package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CarouselPropsWithoutChildren } from '../../hooks/useVerticalShelfCarouselProps';
+
+interface AdaptiveCarouselProps {
+    quantity: number;
+    children: React.ReactNode;
+    quantityToCarousel?: number;
+    propsCarousel?: CarouselPropsWithoutChildren;
+    activeBlur?: boolean;
+    forceCarousel?: boolean;
+    isNewDots?: boolean;
+}
+export declare const AdaptiveCarousel: ({ quantity, children, quantityToCarousel, propsCarousel, activeBlur, forceCarousel, isNewDots }: AdaptiveCarouselProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.js

@@ -0,0 +1,69 @@
+var D = Object.defineProperty, P = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
+var b = (o, s, r) => s in o ? D(o, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[s] = r, n = (o, s) => {
+  for (var r in s || (s = {}))
+    $.call(s, r) && b(o, r, s[r]);
+  if (g)
+    for (var r of g(s))
+      q.call(s, r) && b(o, r, s[r]);
+  return o;
+}, h = (o, s) => P(o, T(s));
+import { jsx as f, jsxs as w, Fragment as y } from "react/jsx-runtime";
+/* empty css                              */import { useRef as z, useState as v, useEffect as E } from "react";
+import { isScrollToEnd as F } from "../../utils/scroll/isScrollToEnd.js";
+import I from "../../hooks/useWindowDimensions.js";
+import { Carousel as R } from "../Carousel/Carousel.js";
+import { carouselProps as W } from "../../utils/carousel/carouselProps.js";
+const U = ({
+  quantity: o,
+  children: s,
+  quantityToCarousel: r = 6,
+  propsCarousel: N,
+  activeBlur: l = !0,
+  forceCarousel: x,
+  isNewDots: L
+}) => {
+  const c = z(null), [m, S] = v(!1), [e, j] = v({
+    left: !1,
+    right: !1
+  }), { width: u } = I(), i = x || o >= r, k = n(n({}, W(u != null ? u : 0)), N);
+  return E(() => {
+    S(!0);
+  }, []), E(() => {
+    var p, d;
+    if (i && l) {
+      const t = (d = (p = c == null ? void 0 : c.current) == null ? void 0 : p.querySelector(".carousel-container")) != null ? d : null, a = () => {
+        j({
+          left: !!(t != null && t.scrollLeft),
+          right: !F(t)
+        });
+      };
+      return a(), t == null || t.addEventListener(
+        "scroll",
+        a,
+        {
+          passive: !1
+        }
+      ), () => t == null ? void 0 : t.removeEventListener(
+        "scroll",
+        a
+      );
+    }
+  }, [m, i, l]), m ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: `adaptiveCarousel-container ${i ? "isCarousel" : "notCarousel"} ${L ? "isNewDots" : ""}`,
+      ref: c,
+      children: i ? /* @__PURE__ */ w(y, { children: [
+        l && (e == null ? void 0 : e.left) && /* @__PURE__ */ f("div", { className: "background-blur-left" }),
+        /* @__PURE__ */ f(R, h(n({}, k), { children: s })),
+        l && (e == null ? void 0 : e.right) && /* @__PURE__ */ f("div", { className: "background-blur-right" })
+      ] }) : s
+    }
+  ) : null;
+};
+export {
+  U as AdaptiveCarousel
+};

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

@@ -1,6 +1,8 @@
 import { Dispatch, SetStateAction } from 'react';
 import { SelectedItemProps } from './components/ProductSelected';
 import { SimilarProducts as SimilarProductsProps } from '../../types/ChangeOrderModal';
+import { GetProductsSimilarsResponse } from './api/getProductsSimilars';
+import { PostChangeOrderMutationResponse } from './api/postChangeOrder';
 
 export interface ChangeOrderModalProps {
     postalCode: string;
@@ -11,9 +13,17 @@ export interface ChangeOrderModalProps {
     isClubClient?: boolean;
     orderFormId: string;
     saveSelectedSimilarProduct?: (similarProduct: SimilarProductsProps | undefined) => void;
-    account: string;
+    getOrderFormMutation?: (variables: {}) => Promise<CustomDataMutationResponse>;
+    getProductsSimilarsMutation?: (variables: {}) => Promise<GetProductsSimilarsResponse>;
+    postChangeOrderMutation?: (variables: {}) => Promise<PostChangeOrderMutationResponse>;
+}
+interface CustomDataMutationResponse {
+    getOrderForm: {
+        data: string;
+    };
 }
 export interface idSubstitutionCriteriasProps {
     [key: string]: string;
 }
-export declare const ChangeOrderModal: ({ selectedItem, postalCode, orderFormId, isClubClient, isOpen, environment, setIsOpen, saveSelectedSimilarProduct, account }: ChangeOrderModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChangeOrderModal: ({ selectedItem, postalCode, orderFormId, isClubClient, isOpen, environment, setIsOpen, saveSelectedSimilarProduct, getOrderFormMutation, getProductsSimilarsMutation, postChangeOrderMutation }: ChangeOrderModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/ChangeOrderModal/ChangeOrderModal.js

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

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

@@ -1 +1 @@
-export declare const getOrderForm: (orderFormId: string, isIO: boolean, account: string) => Promise<any>;
+export declare const getOrderForm: (orderFormId: string, isIO: boolean) => Promise<any>;

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

@@ -1,18 +1,16 @@
-import o from "axios";
-const i = async (t, a, e) => {
+import e from "axios";
+const c = async (o, t) => {
   try {
-    if (a) {
-      const { data: c } = await o.post(
-        `/api/checkout/pub/orderForm/${t}`
+    if (t) {
+      const { data: r } = await e.post(
+        `/api/checkout/pub/orderForm/${o}`
       );
-      return c;
+      return r;
     }
-    const { data: r } = await o.get(`https://${e}.myvtex.com/api/checkout/pub/orderForm/${t}`);
-    return r;
   } catch (r) {
     console.error("Error in Change Order Modal", r);
   }
 };
 export {
-  i as getOrderForm
+  c as getOrderForm
 };

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

@@ -4,10 +4,12 @@ interface GetProductsSimilarsProps {
     postalCode: string;
     isIO: boolean;
     selectedItem: SelectedItemProps;
-    account: string;
+    getProductsSimilarsMutation?: (variables: {}) => Promise<GetProductsSimilarsResponse>;
 }
-export declare const getProductsSimilars: ({ postalCode, isIO, selectedItem, account }: GetProductsSimilarsProps) => Promise<{
-    productOrigin: string;
-    products: import('../../../main').SimilarProducts[];
-} | undefined>;
+export interface GetProductsSimilarsResponse {
+    getProductsSimilars: {
+        data: string;
+    };
+}
+export declare const getProductsSimilars: ({ postalCode, isIO, selectedItem, getProductsSimilarsMutation }: GetProductsSimilarsProps) => Promise<any>;
 export {};

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

@@ -1,27 +1,34 @@
-import n from "axios";
-const f = async ({
-  postalCode: a,
+import c from "axios";
+const P = async ({
+  postalCode: n,
   isIO: u,
   selectedItem: r,
-  account: s
+  getProductsSimilarsMutation: a
 }) => {
   try {
     if (u) {
-      const { data: o } = await n.get(
-        `/_v/commerce/products/productsSimilar?postalCode=${a}&skus=${r == null ? void 0 : r.productOriginId}&field=sku`
+      const { data: o } = await c.get(
+        `/_v/commerce/products/productsSimilar?postalCode=${n}&skus=${r == null ? void 0 : r.productOriginId}&field=sku`
       ), { similarProducts: p } = o;
       return p.find(
-        (d) => d.productOrigin === (r == null ? void 0 : r.productOriginId)
+        (s) => s.productOrigin === (r == null ? void 0 : r.productOriginId)
       );
     }
-    const { data: i } = await n.get(`https://${s}.myvtex.com/_v/commerce/products/productsSimilar?postalCode=${a}&skus=${r == null ? void 0 : r.productOriginId}&field=sku`), { similarProducts: c } = i;
-    return c.find(
+    const i = a && await a({
+      input: {
+        postalCode: n,
+        productOriginId: r == null ? void 0 : r.productOriginId
+      }
+    });
+    return i ? JSON.parse(
+      i == null ? void 0 : i.getProductsSimilars.data
+    ).similarProducts.find(
       (o) => o.productOrigin === r.productOriginId
-    );
+    ) : void 0;
   } catch (i) {
     console.error("Error in Change Order Modal", i);
   }
 };
 export {
-  f as getProductsSimilars
+  P as getProductsSimilars
 };

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

@@ -1 +1,6 @@
-export declare const postChangeOrder: (orderFormId: string, isIO: boolean, skuId: string, substitutionId: string, account: string) => Promise<any>;
+export interface PostChangeOrderMutationResponse {
+    postChangeOrder: {
+        data: string;
+    };
+}
+export declare const postChangeOrder: (orderFormId: string, isIO: boolean, skuId: string, substitutionId: string, postChangeOrderMutation?: (variables: {}) => Promise<PostChangeOrderMutationResponse>) => Promise<any>;

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

@@ -1,26 +1,26 @@
-import o from "axios";
-const h = async (e, t, a, c, n) => {
+import s from "axios";
+const p = async (o, e, n, c, t) => {
   try {
     const r = {
-      orderFormId: e,
-      skuId: a,
+      orderFormId: o,
+      skuId: n,
       substitutionId: c
     };
-    if (t) {
-      const { data: s } = await o.post(
+    if (e) {
+      const { data: d } = await s.post(
         "/_v/commerce/orderform/changeOrder",
         r
       );
-      return s;
+      return d;
     }
-    const { data: d } = await o.post(`https://${n}.myvtex.com/_v/commerce/orderform/changeOrder`, {
-      body: r
+    const a = t && await t({
+      input: r
     });
-    return d;
+    return a ? JSON.parse(a == null ? void 0 : a.postChangeOrder.data) : void 0;
   } catch (r) {
     console.error("Error in Change Order Modal", r);
   }
 };
 export {
-  h as postChangeOrder
+  p as postChangeOrder
 };