@plurix/ecom-components 1.14.2-commerce.8 → 1.14.2-shlo1445.1

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

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

package/dist/assets/svgs/ErrorIconV2.js

@@ -0,0 +1,33 @@
+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_535_5347)", children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M16.0547 2C8.40413 2 2 8.18127 2 15.9453C2 23.6421 8.34424 30 16.0547 30C23.8274 30 30 23.5875 30 15.9453C30 8.23771 23.7629 2 16.0547 2ZM16.0547 28.3703C9.20956 28.3703 3.62969 22.7904 3.62969 15.9453C3.62969 9.16051 9.20956 3.62969 16.0547 3.62969C22.8395 3.62969 28.3703 9.16051 28.3703 15.9453C28.3703 22.7904 22.8395 28.3703 16.0547 28.3703Z",
+            fill: "#B2000B"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M22.4401 18.96L19.526 15.9543L22.4351 13.0452C23.3947 12.0856 23.3947 10.5244 22.4351 9.5649C21.4756 8.6053 19.9142 8.60541 18.9548 9.5649L16.0457 12.4741L13.04 9.55993C12.08 8.6053 10.5225 8.607 9.56464 9.5649C8.60509 10.5244 8.60509 12.0857 9.56464 13.0452L12.4737 15.9543L9.55966 18.96C8.60509 19.9199 8.60673 21.4775 9.56464 22.4353C10.5225 23.3932 12.08 23.3949 13.04 22.4403L16.0457 19.5262L18.9548 22.4353C19.9142 23.3948 21.4756 23.3949 22.4351 22.4353C23.393 21.4775 23.3947 19.9199 22.4401 18.96ZM21.275 21.2752C20.9544 21.5959 20.4355 21.5959 20.1149 21.2752L16.6346 17.7949C16.3177 17.4781 15.8052 17.4741 15.4835 17.786L11.8938 21.2663C11.8908 21.2693 11.8878 21.2722 11.8848 21.2752C11.5642 21.5959 11.0453 21.5959 10.7247 21.2752C10.404 20.9546 10.4041 20.4358 10.7247 20.1152C10.7277 20.1122 10.7306 20.1091 10.7336 20.1061L14.2139 16.5164C14.5258 16.1947 14.5218 15.6822 14.205 15.3654L10.7247 11.8851C10.404 11.5644 10.404 11.0456 10.7247 10.725C11.0453 10.4044 11.5642 10.4044 11.8848 10.725C11.8878 10.728 11.8908 10.731 11.8938 10.7339L15.4835 14.2142C15.8054 14.5262 16.3178 14.5222 16.6346 14.2053L20.1149 10.725C20.4355 10.4044 20.9544 10.4044 21.275 10.725C21.5957 11.0457 21.5956 11.5644 21.275 11.8851L17.7947 15.3654C17.4779 15.6822 17.4739 16.1947 17.7858 16.5164L21.2661 20.1061C21.2691 20.1091 21.272 20.1122 21.275 20.1152C21.5957 20.4359 21.5957 20.9546 21.275 21.2752Z",
+            fill: "#B2000B"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_535_5347", children: /* @__PURE__ */ C("rect", { width: "28", height: "28", fill: "white", transform: "translate(2 2)" }) }) })
+    ]
+  }
+);
+export {
+  t as ErrorIconV2
+};

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>;