@soma-vertical-web/multi-lib-sacurai 0.0.1 → 0.0.3

package/index2.mjs

@@ -1,5 +1,5 @@
 import { jsx as b, jsxs as N, Fragment as L } from "react/jsx-runtime";
-import { y as E, r as j, S as oe, z as ie, A as ce, a as le, w as ue, v as de, B as me, p as pe, k as fe, q as M, C as ge, D as he, E as ye, e as be, F as Ie } from "./index-D_ZsOrBB.mjs";
+import { y as E, r as j, S as oe, z as ie, A as ce, a as le, w as ue, v as de, B as me, p as pe, k as fe, q as M, C as ge, D as he, E as ye, e as be, F as Ie } from "./index-CLnfgUUG.mjs";
 import { Utils as D, helpers as _ } from "@soma-vertical-web/core-components";
 import * as n from "yup";
 import Re from "sanitize-html";
@@ -25,17 +25,17 @@ const Ce = async ({
       var R, p, m, y;
       return ((p = (R = d.config) == null ? void 0 : R.responsive) == null ? void 0 : p.deviceType) === "desktop" && ((y = (m = d.config) == null ? void 0 : m.seo) == null ? void 0 : y.slug) === t;
     }
-  ), i = o == null ? void 0 : o.config.responsive.gapCustom, u = o == null ? void 0 : o.config.responsive.gapSections, c = e == null ? void 0 : e.find(
+  ), i = o == null ? void 0 : o.config.responsive.gapCustom, c = o == null ? void 0 : o.config.responsive.gapSections, l = e == null ? void 0 : e.find(
     (d) => {
       var R, p, m, y;
       return ((p = (R = d.config) == null ? void 0 : R.responsive) == null ? void 0 : p.deviceType) === "mobile" && ((y = (m = d.config) == null ? void 0 : m.seo) == null ? void 0 : y.slug) === t;
     }
-  ), g = c == null ? void 0 : c.config.responsive.gapCustom, l = c == null ? void 0 : c.config.responsive.gapSections;
+  ), g = l == null ? void 0 : l.config.responsive.gapCustom, u = l == null ? void 0 : l.config.responsive.gapSections;
   return /* @__PURE__ */ N(L, { children: [
     /* @__PURE__ */ b(
       D.Column,
       {
-        gap: i && u ? u : r,
+        gap: i && c ? c : r,
         className: _.classNameConcat(
           j["responsive-desktop-flex"],
           "utils-column-modifier"
@@ -46,12 +46,12 @@ const Ce = async ({
     /* @__PURE__ */ b(
       D.Column,
       {
-        gap: g && l ? l : r,
+        gap: g && u ? u : r,
         className: _.classNameConcat(
           j["responsive-mobile-flex"],
           "utils-column-modifier"
         ),
-        children: /* @__PURE__ */ b(a, { data: (c == null ? void 0 : c.sections) ?? [], identifyWhoIsFirst: s })
+        children: /* @__PURE__ */ b(a, { data: (l == null ? void 0 : l.sections) ?? [], identifyWhoIsFirst: s })
       }
     )
   ] });
@@ -94,12 +94,12 @@ const Ce = async ({
   ICONS: s,
   SectionZone: o,
   Footer: i,
-  FooterSupport: u,
-  hasFooterStamps: c,
+  FooterSupport: c,
+  hasFooterStamps: l,
   ...g
 }) => {
   var p, m, y, I, O, T, q, f, S, C, F;
-  const { data: l } = await E("footer", g), d = Array.isArray(l) && ((p = l[0]) == null ? void 0 : p.type) === "footer" ? l[0] : null, R = {
+  const { data: u } = await E("footer", g), d = Array.isArray(u) && ((p = u[0]) == null ? void 0 : p.type) === "footer" ? u[0] : null, R = {
     ...(m = d == null ? void 0 : d.paymentInfo) == null ? void 0 : m.paymentInfo,
     acceptedFlags: Array.isArray(
       (y = d == null ? void 0 : d.paymentInfo) == null ? void 0 : y.paymentInfo.acceptedFlags
@@ -115,11 +115,11 @@ const Ce = async ({
       socialInfo: (O = d.socialMedia) == null ? void 0 : O.socialMedia,
       socialMedias: (q = (T = d.socialMedia) == null ? void 0 : T.socialMedia) == null ? void 0 : q.medias,
       payments: R,
-      hasFooterStamps: c,
+      hasFooterStamps: l,
       adornment: {
         ...(S = (f = d.supportInfo) == null ? void 0 : f.supportInfo) != null && S.content ? {
           bottom: /* @__PURE__ */ b(
-            u,
+            c,
             {
               content: (F = (C = d.supportInfo) == null ? void 0 : C.supportInfo) == null ? void 0 : F.content,
               CONSTANTS: {
@@ -141,7 +141,7 @@ const Ce = async ({
   ClientHeaderProvider: e,
   ...a
 }) => {
-  var o, i, u, c, g, l;
+  var o, i, c, l, g, u;
   const { data: r } = await E(
     "header",
     a
@@ -152,15 +152,15 @@ const Ce = async ({
       headerData: {
         ...((o = s == null ? void 0 : s.layerConfig) == null ? void 0 : o.config) ?? {},
         subMenus: ((i = s == null ? void 0 : s.sections) == null ? void 0 : i.map((d) => d.data)) ?? [],
-        categories: ((c = (u = s == null ? void 0 : s.categories) == null ? void 0 : u.categories) == null ? void 0 : c.items) ?? [],
-        navigationLinks: ((l = (g = s == null ? void 0 : s.navigationLinks) == null ? void 0 : g.navigationLinks) == null ? void 0 : l.items) ?? []
+        categories: ((l = (c = s == null ? void 0 : s.categories) == null ? void 0 : c.categories) == null ? void 0 : l.items) ?? [],
+        navigationLinks: ((u = (g = s == null ? void 0 : s.navigationLinks) == null ? void 0 : g.navigationLinks) == null ? void 0 : u.items) ?? []
       },
       children: t
     }
   );
 }, Te = (t) => {
-  var i, u;
-  const e = (u = (i = t[0]) == null ? void 0 : i.items) == null ? void 0 : u.items;
+  var i, c;
+  const e = (c = (i = t[0]) == null ? void 0 : i.items) == null ? void 0 : c.items;
   if ((e == null ? void 0 : e.items.length) === 0 || t.length === 0)
     return {
       iconLabel: "",
@@ -168,17 +168,17 @@ const Ce = async ({
       content: []
     };
   const a = e == null ? void 0 : e.iconLabel, r = e == null ? void 0 : e.label, s = e == null ? void 0 : e.helpButtonSize, o = e.items.map(
-    (c, g) => ({
-      type: c.type,
-      id: `${g.toString()}-${c.title.toLowerCase()}`,
-      title: c.title,
-      subtitle: c.subtitle,
-      description: c.description,
-      buttonLabel: c.buttonLabel,
-      buttonHref: c.buttonHref,
-      buttonMode: c.buttonMode,
-      buttonSize: c.buttonSize,
-      buttonIcon: c.buttonIcon
+    (l, g) => ({
+      type: l.type,
+      id: `${g.toString()}-${l.title.toLowerCase()}`,
+      title: l.title,
+      subtitle: l.subtitle,
+      description: l.description,
+      buttonLabel: l.buttonLabel,
+      buttonHref: l.buttonHref,
+      buttonMode: l.buttonMode,
+      buttonSize: l.buttonSize,
+      buttonIcon: l.buttonIcon
     })
   );
   return {
@@ -213,17 +213,17 @@ const Ce = async ({
   LPCadastro: e,
   ...a
 }) => {
-  var c;
+  var l;
   const { data: r } = await E(
     "lp_cadastro",
     a
   );
   if (!r || !Array.isArray(r) || r.length === 0)
     return null;
-  const [s] = r, o = (s == null ? void 0 : s.sections) || [], i = ((c = s == null ? void 0 : s.content) == null ? void 0 : c.conteúdo) || {}, u = s == null ? void 0 : s.sections;
+  const [s] = r, o = (s == null ? void 0 : s.sections) || [], i = ((l = s == null ? void 0 : s.content) == null ? void 0 : l.conteúdo) || {}, c = s == null ? void 0 : s.sections;
   return /* @__PURE__ */ N(L, { children: [
     /* @__PURE__ */ b(e, { sections: o, content: i }),
-    /* @__PURE__ */ b(t, { data: u })
+    /* @__PURE__ */ b(t, { data: c })
   ] });
 }, Pe = async ({
   children: t,
@@ -258,28 +258,28 @@ const Ce = async ({
   PLPContentProvider: o,
   ...i
 }) => {
-  const { data: u } = await E(
+  const { data: c } = await E(
     "categories_page",
     i
   );
-  if (!u || !Array.isArray(u))
+  if (!c || !Array.isArray(c))
     return null;
-  const c = u.find(
+  const l = c.find(
     (p) => {
       var m, y, I;
       return ((m = p.config) == null ? void 0 : m.seo.slug) === a && ((I = (y = p.config) == null ? void 0 : y.responsive) == null ? void 0 : I.deviceType) === "desktop";
     }
-  ), g = u.find(
+  ), g = c.find(
     (p) => {
       var m, y, I;
       return ((m = p.config) == null ? void 0 : m.seo.slug) === a && ((I = (y = p.config) == null ? void 0 : y.responsive) == null ? void 0 : I.deviceType) === "mobile";
     }
-  ), l = u.find(
+  ), u = c.find(
     (p) => {
       var m, y, I;
       return ((m = p.config) == null ? void 0 : m.seo.slug) === "default" && ((I = (y = p.config) == null ? void 0 : y.responsive) == null ? void 0 : I.deviceType) === "desktop";
     }
-  ), d = u.find(
+  ), d = c.find(
     (p) => {
       var m, y, I;
       return ((m = p.config) == null ? void 0 : m.seo.slug) === "default" && ((I = (y = p.config) == null ? void 0 : y.responsive) == null ? void 0 : I.deviceType) === "mobile";
@@ -299,7 +299,7 @@ const Ce = async ({
         children: /* @__PURE__ */ b(
           o,
           {
-            data: c ?? l,
+            data: l ?? u,
             device: "desktop",
             SectionZone: r,
             COMMON_PAGE_COLUMN_GAP_PDC: s,
@@ -320,7 +320,7 @@ const Ce = async ({
     ) })
   ] });
 }, Ne = async ({ slug: t, ...e }) => {
-  var i, u, c;
+  var i, c, l;
   const { data: a } = await E(
     "redirect_to_search",
     e
@@ -331,7 +331,7 @@ const Ce = async ({
       query: null,
       redirect: !1
     };
-  const r = ((c = (u = (i = a[0]) == null ? void 0 : i.redirectToSearch) == null ? void 0 : u.redirectToSearch) == null ? void 0 : c.paths) ?? [];
+  const r = ((l = (c = (i = a[0]) == null ? void 0 : i.redirectToSearch) == null ? void 0 : c.redirectToSearch) == null ? void 0 : l.paths) ?? [];
   if (!!!r.length)
     return {
       slug: t,
@@ -340,8 +340,8 @@ const Ce = async ({
     };
   const o = r.find(
     (g) => {
-      var l, d;
-      return ((l = g.path) == null ? void 0 : l.replace(/\//g, "-").toLowerCase()) === t.replace(/\//g, "-").toLowerCase() || ((d = g.path) == null ? void 0 : d.replace(/\//g, "-").toLowerCase()) === `/${t}`.replace(/\//g, "-").toLowerCase();
+      var u, d;
+      return ((u = g.path) == null ? void 0 : u.replace(/\//g, "-").toLowerCase()) === t.replace(/\//g, "-").toLowerCase() || ((d = g.path) == null ? void 0 : d.replace(/\//g, "-").toLowerCase()) === `/${t}`.replace(/\//g, "-").toLowerCase();
     }
   );
   return o ? {
@@ -360,20 +360,20 @@ const Ce = async ({
     sort: null
   };
 }, ke = async ({ slug: t, ...e }) => {
-  var i, u, c;
+  var i, c, l;
   const { data: a } = await E(
     "redirect_to_search",
     e
   );
   if (!a || !Array.isArray(a))
     return null;
-  const r = ((c = (u = (i = a[0]) == null ? void 0 : i.redirectToSearch) == null ? void 0 : u.redirectToSearch) == null ? void 0 : c.paths) ?? [];
+  const r = ((l = (c = (i = a[0]) == null ? void 0 : i.redirectToSearch) == null ? void 0 : c.redirectToSearch) == null ? void 0 : l.paths) ?? [];
   if (!!!r.length)
     return null;
   const o = r.find(
     (g) => {
-      var l, d;
-      return ((l = g.path) == null ? void 0 : l.replace(/\//g, "-").toLowerCase()) === t.replace(/\//g, "-").toLowerCase() || ((d = g.path) == null ? void 0 : d.replace(/\//g, "-").toLowerCase()) === `/${t}`.replace(/\//g, "-").toLowerCase();
+      var u, d;
+      return ((u = g.path) == null ? void 0 : u.replace(/\//g, "-").toLowerCase()) === t.replace(/\//g, "-").toLowerCase() || ((d = g.path) == null ? void 0 : d.replace(/\//g, "-").toLowerCase()) === `/${t}`.replace(/\//g, "-").toLowerCase();
     }
   );
   return o ? {
@@ -436,8 +436,8 @@ const Ce = async ({
     cache: i,
     ...r ? { body: JSON.stringify(r) } : {}
     // not body in get
-  }).then((u) => u.json()).catch((u) => {
-    console.error("[ERROR FETCH VTEX]", u);
+  }).then((c) => c.json()).catch((c) => {
+    console.error("[ERROR FETCH VTEX]", c);
   });
 }, w = /* @__PURE__ */ new Map();
 async function He(t, e = {}) {
@@ -521,7 +521,7 @@ async function K({
     return;
   }
   await Me.validate(e);
-  const { orderFormId: s, sellerCode: o, marketingData: i } = e, u = o ? {
+  const { orderFormId: s, sellerCode: o, marketingData: i } = e, c = o ? {
     utmCampaign: o ? o.toUpperCase() : "",
     utmiCampaign: o ? `${a.VENDOR_CODE}` : "semcodigo"
   } : {};
@@ -531,7 +531,7 @@ async function K({
       method: "POST",
       body: {
         ...i,
-        ...u
+        ...c
       },
       ...r
     }
@@ -736,8 +736,8 @@ async function ct({ apiUrl: t, body: e, fetchOptions: a }) {
     return;
   }
   await it.validate(e);
-  const { itemIndex: r, orderFormId: s, id: o, remove: i } = e, u = i ? `/${o}/remove` : "", c = `${t}/api/checkout/pub/orderForm/${s}/items/${r}/offerings${u}`;
-  return h(c, {
+  const { itemIndex: r, orderFormId: s, id: o, remove: i } = e, c = i ? `/${o}/remove` : "", l = `${t}/api/checkout/pub/orderForm/${s}/items/${r}/offerings${c}`;
+  return h(l, {
     method: "POST",
     body: { id: o },
     ...a
@@ -1082,9 +1082,9 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     visible: t.visible
   }
 }), B = (t, e, a) => {
-  const r = t.flatMap(({ name: i, values: u }) => u ? u.map((c) => ({
+  const r = t.flatMap(({ name: i, values: c }) => c ? c.map((l) => ({
     name: i,
-    value: c,
+    value: l,
     valueReference: H.specification
   })) : {
     name: i,
@@ -1152,11 +1152,11 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     additionalProperty: B(o, e, []),
     name: r,
     offers: {
-      offers: s == null ? void 0 : s.map(({ sellerId: i, commertialOffer: u }) => ({
-        availability: jt(u.AvailableQuantity > 0),
-        listPrice: u.ListPrice,
-        price: u.Price,
-        quantity: u.AvailableQuantity,
+      offers: s == null ? void 0 : s.map(({ sellerId: i, commertialOffer: c }) => ({
+        availability: jt(c.AvailableQuantity > 0),
+        listPrice: c.ListPrice,
+        price: c.Price,
+        quantity: c.AvailableQuantity,
         seller: {
           identifier: i
         }
@@ -1174,11 +1174,11 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     images: s,
     itemId: o,
     name: i,
-    sellers: u,
-    videos: c,
+    sellers: c,
+    videos: l,
     variations: g
   } = t, {
-    brand: l,
+    brand: u,
     categories: d,
     categoriesIds: R,
     description: p,
@@ -1189,7 +1189,7 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     properties: T,
     productId: q,
     productReference: f
-  } = r, S = d.slice().reverse(), C = re(u, t.isVariantOf), F = te(C.offers[0].installments);
+  } = r, S = d.slice().reverse(), C = re(c, t.isVariantOf), F = te(C.offers[0].installments);
   return {
     sku: o,
     gtin: ((v = a == null ? void 0 : a[0]) == null ? void 0 : v.Value) ?? f ?? "",
@@ -1197,11 +1197,11 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     description: p,
     releaseDate: r.releaseDate ?? "",
     slug: m,
-    video: c[0],
+    video: l[0],
     categories: d,
     categoriesIds: R,
     id: q,
-    brand: { name: l, brandName: l },
+    brand: { name: u, brandName: u },
     seo: {
       description: p,
       title: O,
@@ -1249,11 +1249,11 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     images: s,
     itemId: o,
     name: i,
-    sellers: u,
-    Videos: c,
+    sellers: c,
+    Videos: l,
     variations: g
   } = t, {
-    brand: l,
+    brand: u,
     categories: d,
     categoriesIds: R,
     description: p,
@@ -1263,7 +1263,7 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     Coleção: O,
     "ID Coleção": T,
     productId: q
-  } = r, f = d.slice().reverse(), S = re(u, t.isVariantOf), C = te(S.offers[0].installments);
+  } = r, f = d.slice().reverse(), S = re(c, t.isVariantOf), C = te(S.offers[0].installments);
   return {
     sku: o,
     gtin: ((F = a[0]) == null ? void 0 : F.Value) ?? "",
@@ -1271,13 +1271,13 @@ const wt = (t, e) => Re(t, e), Nt = (t) => ({
     description: p,
     releaseDate: r.releaseDate ?? "",
     slug: m,
-    video: c[0],
+    video: l[0],
     categories: d,
     categoriesIds: R,
     collection: O,
     collectionId: T,
     id: q,
-    brand: { name: l, brandName: l },
+    brand: { name: u, brandName: u },
     seo: {
       description: p,
       title: I,
@@ -1339,17 +1339,17 @@ async function zt({ apiUrl: t, body: e, fetchOptions: a }) {
     return;
   }
   await xt.validate(e);
-  const r = new URLSearchParams({}), s = e.map(({ key: i, value: u }) => `${i}/${u}`).join("/");
+  const r = new URLSearchParams({}), s = e.map(({ key: i, value: c }) => `${i}/${c}`).join("/");
   ie(e, r);
   const o = `${t}/api/catalog_system/pub/products/crossselling/${s}`;
   return h(o, {
     cache: "no-store",
     ...a
-  }).then((i) => i.map((c) => {
-    const g = X(c.items);
-    return g && J(g, c);
-  }).filter((c) => !!c).map((c) => ({
-    node: Vt(c)
+  }).then((i) => i.map((l) => {
+    const g = X(l.items);
+    return g && J(g, l);
+  }).filter((l) => !!l).map((l) => ({
+    node: Vt(l)
   })));
 }
 const ne = ({
@@ -1366,20 +1366,20 @@ const ne = ({
     query: s = "",
     page: o = 1,
     count: i,
-    sort: u = "",
-    facets: c = [],
+    sort: c = "",
+    facets: l = [],
     type: g,
-    hideUnavailableItems: l = !0,
+    hideUnavailableItems: u = !0,
     locale: d = ""
   } = e, R = new URLSearchParams({
     page: o.toString(),
     count: (i == null ? void 0 : i.toString()) ?? (r == null ? void 0 : r.ITEMS_PER_PAGE) ?? 24,
     query: s,
-    sort: u,
+    sort: c,
     locale: d
   });
-  l !== void 0 && R.append("hideUnavailableItems", l.toString());
-  const p = c.map((m) => `${m.key}/${m.value}`).join("/") ?? "";
+  u !== void 0 && R.append("hideUnavailableItems", u.toString());
+  const p = l.map((m) => `${m.key}/${m.value}`).join("/") ?? "";
   return He(
     `${t}/api/io/_v/api/intelligent-search/${g}/${p}?${R.toString()}`,
     {
@@ -1403,10 +1403,10 @@ async function Qt({ body: t, extraData: e, ...a }) {
     },
     extraData: e,
     ...a
-  }), s = (r == null ? void 0 : r.products.map((u) => {
-    const c = X(u.items);
-    return c && J(c, u);
-  }).filter((u) => !!u)) ?? [], {
+  }), s = (r == null ? void 0 : r.products.map((c) => {
+    const l = X(c.items);
+    return l && J(l, c);
+  }).filter((c) => !!c)) ?? [], {
     pagination: o,
     recordsFiltered: i
   } = r;
@@ -1420,9 +1420,9 @@ async function Qt({ body: t, extraData: e, ...a }) {
         count: i,
         total: o.count
       },
-      products: s.map((u, c) => ({
-        node: Ut(u),
-        cursor: c.toString()
+      products: s.map((c, l) => ({
+        node: Ut(c),
+        cursor: l.toString()
       }))
     }
   };
@@ -1525,11 +1525,11 @@ async function ar({
   const r = new URLSearchParams();
   await rr.validate(e);
   const { masterDataEntity: s, searchFields: o, headers: i } = e;
-  o && Object.entries(o).forEach(([c, g]) => {
-    r.append(c, String(g));
+  o && Object.entries(o).forEach(([l, g]) => {
+    r.append(l, String(g));
   }), "_fields" in o || r == null || r.append("_fields", "_all");
-  const u = `${t}/api/dataentities/${s}/search?${r.toString()}`;
-  return h(u, {
+  const c = `${t}/api/dataentities/${s}/search?${r.toString()}`;
+  return h(c, {
     headers: {
       "REST-Range": i["REST-Range"] ?? "resources=0-20"
     },
@@ -1574,43 +1574,43 @@ async function ir({ body: t, apiUrl: e, extraData: a, fetchOptions: r }) {
   const { NAME_SPLIT_SYMBOL: o } = a;
   if (!o)
     return console.error("[ERROR FETCHING] NAME_SPLIT_SYMBOL is required"), [];
-  const i = s.map((l) => typeof l == "string" || typeof l == "number" ? `productId:${l}` : "").join("&fq="), u = await h(
+  const i = s.map((u) => typeof u == "string" || typeof u == "number" ? `productId:${u}` : "").join("&fq="), c = await h(
     `${e}/api/catalog_system/pub/products/search?fq=${i}`,
     {
       ...r
     }
-  ), c = (l) => Object.keys(l).map((d) => ({ id: d, name: l[d] }));
-  return u.map((l, d) => {
+  ), l = (u) => Object.keys(u).map((d) => ({ id: d, name: u[d] }));
+  return c.map((u, d) => {
     var q;
-    const { installments: R, price: p, listPrice: m, sizes: y, allSizesAvailable: I } = le({ items: l.items, NAME_SPLIT_SYMBOL: o }), O = I ? !0 : y.some((f) => f.available), T = l.items[0].sellers[0].commertialOffer;
+    const { installments: R, price: p, listPrice: m, sizes: y, allSizesAvailable: I } = le({ items: u.items, NAME_SPLIT_SYMBOL: o }), O = I ? !0 : y.some((f) => f.available), T = u.items[0].sellers[0].commertialOffer;
     return {
       node: {
-        sku: l.items[0].itemId,
-        gtin: l.productReference,
-        name: l.productName,
-        description: l.description,
-        releaseDate: l.releaseDate,
-        slug: l.linkText,
-        categories: l.categories,
-        categoriesIds: l.categoriesIds,
-        id: l.items[0].itemId,
+        sku: u.items[0].itemId,
+        gtin: u.productReference,
+        name: u.productName,
+        description: u.description,
+        releaseDate: u.releaseDate,
+        slug: u.linkText,
+        categories: u.categories,
+        categoriesIds: u.categoriesIds,
+        id: u.items[0].itemId,
         brand: {
-          name: l.brand,
-          brandName: l.brand
+          name: u.brand,
+          brandName: u.brand
         },
         seo: {
-          description: l.description,
-          title: l.productName,
-          canonical: `/${l.linkText}/p`
+          description: u.description,
+          title: u.productName,
+          canonical: `/${u.linkText}/p`
         },
         cluster: {
-          generals: c(l.productClusters),
-          highlights: c(l.clusterHighlights)
+          generals: l(u.productClusters),
+          highlights: l(u.clusterHighlights)
         },
         availability: {
           status: O
         },
-        image: l.items[0].images.map(
+        image: u.items[0].images.map(
           ({
             imageLabel: f,
             imageUrl: S
@@ -1634,19 +1634,19 @@ async function ir({ body: t, apiUrl: e, extraData: a, fetchOptions: r }) {
               lowPrice: p,
               quantity: T.AvailableQuantity,
               seller: {
-                identifier: l.items[0].sellers[0].sellerId
+                identifier: u.items[0].sellers[0].sellerId
               }
             }
           ]
         },
-        additionalProperty: (q = l == null ? void 0 : l.skuSpecifications) == null ? void 0 : q.map((f) => ({
-          name: l == null ? void 0 : l.skuSpecifications[0].field.name,
+        additionalProperty: (q = u == null ? void 0 : u.skuSpecifications) == null ? void 0 : q.map((f) => ({
+          name: u == null ? void 0 : u.skuSpecifications[0].field.name,
           value: f,
           valueReference: "SPECIFICATION"
         })),
         isVariantOf: {
-          productGroupID: l.productId,
-          hasVariant: l.items.map((f) => {
+          productGroupID: u.productId,
+          hasVariant: u.items.map((f) => {
             var S;
             return {
               additionalProperty: f == null ? void 0 : f.variations.map(() => {
@@ -1690,14 +1690,14 @@ const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   convertSearchParams: me,
   filterNonRootFacets: de,
   filterNonCategorySelected: ue
-}, ur = async ({ children: t, productId: e, ClientItems: a, PDP_INFO: r, TEXTURE_IMAGE: s, TOGGLE_STYLE_MODIFIER: o }) => {
-  const i = await fe(e, s);
+}, ur = async ({ children: t, apiUrl: e, productId: a, ClientItems: r, PDP_INFO: s, TEXTURE_IMAGE: o, TOGGLE_STYLE_MODIFIER: i }) => {
+  const c = await fe({ productId: a, TEXTURE_IMAGE: o, apiUrl: e });
   return /* @__PURE__ */ N("div", { className: M.similars, children: [
     /* @__PURE__ */ N("div", { className: M["similars-info"], children: [
-      /* @__PURE__ */ b("span", { className: M["sections-title"], children: r.product.color_title }),
+      /* @__PURE__ */ b("span", { className: M["sections-title"], children: s.product.color_title }),
       t
     ] }),
-    /* @__PURE__ */ b(a, { productId: e, similars: i, TOGGLE_STYLE_MODIFIER: o })
+    /* @__PURE__ */ b(r, { productId: a, similars: c, TOGGLE_STYLE_MODIFIER: i })
   ] });
 }, hr = {
   checkout: Et,

package/layout/index.d.ts

@@ -297,7 +297,7 @@ export declare const layout: {
                 displayName: string;
             };
             Products: {
-                ({ isMobile, items, BUY_BUTTON_LABELS, ICONS, MAIN_IMAGE, NEWSLETTER_CONFIGS, NOTIFY_INFO, PLP_GRID_SCROLL_BACK, PLP_INFINITE_SCROLL, PLP_PRODUCT_SIMILAR_DELAY, PLP_SHOW_VIDEO_ON_PRODUCT_CARD, PLP_SIZE_ORDER, PRODUCT_CARD_IMAGE_ASPECT_RATIO, PRODUCT_CARD_TEXTS, PRODUCT_CARD_TOP_WISHLIST_TOGGLE, PRODUCT_IMAGE_DIMENSIONS, SECOND_IMAGE, StoreConfig_MainSellerId, TEXTURE_IMAGE, Z_INDEX_WAR, }: import('../types/layout/templates/PLP').ProductsProps): import("react/jsx-runtime").JSX.Element;
+                ({ isMobile, items, apiUrl, BUY_BUTTON_LABELS, ICONS, MAIN_IMAGE, NEWSLETTER_CONFIGS, NOTIFY_INFO, PLP_GRID_SCROLL_BACK, PLP_INFINITE_SCROLL, PLP_PRODUCT_SIMILAR_DELAY, PLP_SHOW_VIDEO_ON_PRODUCT_CARD, PLP_SIZE_ORDER, PRODUCT_CARD_IMAGE_ASPECT_RATIO, PRODUCT_CARD_TEXTS, PRODUCT_CARD_TOP_WISHLIST_TOGGLE, PRODUCT_IMAGE_DIMENSIONS, SECOND_IMAGE, StoreConfig_MainSellerId, TEXTURE_IMAGE, Z_INDEX_WAR, }: import('../types/layout/templates/PLP').ProductsProps): import("react/jsx-runtime").JSX.Element;
                 displayName: string;
             };
         };

package/layout/template/PDC/Composite/Products/Products.d.ts

@@ -1,7 +1,7 @@
 import { ProductsProps } from '../../../../../types/layout/templates/PLP';
 
 declare const Products: {
-    ({ isMobile, items, BUY_BUTTON_LABELS, ICONS, MAIN_IMAGE, NEWSLETTER_CONFIGS, NOTIFY_INFO, PLP_GRID_SCROLL_BACK, PLP_INFINITE_SCROLL, PLP_PRODUCT_SIMILAR_DELAY, PLP_SHOW_VIDEO_ON_PRODUCT_CARD, PLP_SIZE_ORDER, PRODUCT_CARD_IMAGE_ASPECT_RATIO, PRODUCT_CARD_TEXTS, PRODUCT_CARD_TOP_WISHLIST_TOGGLE, PRODUCT_IMAGE_DIMENSIONS, SECOND_IMAGE, StoreConfig_MainSellerId, TEXTURE_IMAGE, Z_INDEX_WAR, }: ProductsProps): import("react/jsx-runtime").JSX.Element;
+    ({ isMobile, items, apiUrl, BUY_BUTTON_LABELS, ICONS, MAIN_IMAGE, NEWSLETTER_CONFIGS, NOTIFY_INFO, PLP_GRID_SCROLL_BACK, PLP_INFINITE_SCROLL, PLP_PRODUCT_SIMILAR_DELAY, PLP_SHOW_VIDEO_ON_PRODUCT_CARD, PLP_SIZE_ORDER, PRODUCT_CARD_IMAGE_ASPECT_RATIO, PRODUCT_CARD_TEXTS, PRODUCT_CARD_TOP_WISHLIST_TOGGLE, PRODUCT_IMAGE_DIMENSIONS, SECOND_IMAGE, StoreConfig_MainSellerId, TEXTURE_IMAGE, Z_INDEX_WAR, }: ProductsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Products;

package/layout/template/PDC/index.d.ts

@@ -32,7 +32,7 @@ declare const PDC: {
         displayName: string;
     };
     Products: {
-        ({ isMobile, items, BUY_BUTTON_LABELS, ICONS, MAIN_IMAGE, NEWSLETTER_CONFIGS, NOTIFY_INFO, PLP_GRID_SCROLL_BACK, PLP_INFINITE_SCROLL, PLP_PRODUCT_SIMILAR_DELAY, PLP_SHOW_VIDEO_ON_PRODUCT_CARD, PLP_SIZE_ORDER, PRODUCT_CARD_IMAGE_ASPECT_RATIO, PRODUCT_CARD_TEXTS, PRODUCT_CARD_TOP_WISHLIST_TOGGLE, PRODUCT_IMAGE_DIMENSIONS, SECOND_IMAGE, StoreConfig_MainSellerId, TEXTURE_IMAGE, Z_INDEX_WAR, }: import('../../../types/layout/templates/PLP').ProductsProps): import("react/jsx-runtime").JSX.Element;
+        ({ isMobile, items, apiUrl, BUY_BUTTON_LABELS, ICONS, MAIN_IMAGE, NEWSLETTER_CONFIGS, NOTIFY_INFO, PLP_GRID_SCROLL_BACK, PLP_INFINITE_SCROLL, PLP_PRODUCT_SIMILAR_DELAY, PLP_SHOW_VIDEO_ON_PRODUCT_CARD, PLP_SIZE_ORDER, PRODUCT_CARD_IMAGE_ASPECT_RATIO, PRODUCT_CARD_TEXTS, PRODUCT_CARD_TOP_WISHLIST_TOGGLE, PRODUCT_IMAGE_DIMENSIONS, SECOND_IMAGE, StoreConfig_MainSellerId, TEXTURE_IMAGE, Z_INDEX_WAR, }: import('../../../types/layout/templates/PLP').ProductsProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/layout/template/PDP/Composite/Info/MainContent/Similars/index.d.ts

@@ -1,3 +1,3 @@
 import { PDPSimilarsType } from '../../../../../../../types/layout/templates/PDP';
 
-export declare const PDPSimilars: ({ children, productId, ClientItems, PDP_INFO, TEXTURE_IMAGE, TOGGLE_STYLE_MODIFIER }: PDPSimilarsType) => Promise<import("react/jsx-runtime").JSX.Element>;
+export declare const PDPSimilars: ({ children, apiUrl, productId, ClientItems, PDP_INFO, TEXTURE_IMAGE, TOGGLE_STYLE_MODIFIER }: PDPSimilarsType) => Promise<import("react/jsx-runtime").JSX.Element>;

package/layout/template/QuickShop/Composite/Body.d.ts

@@ -1,4 +1,4 @@
 import { BodyProps } from '../../../../types/layout/templates/QuickShop';
 
-declare const Body: ({ callBackProductAdded, BUY_BUTTON_LABELS, ICONS, NEWSLETTER_CONFIGS, NOTIFY_INFO, PDP_INFO, PLP_SIZE_ORDER, PRODUCT_CARD_TEXTS, TEXTURE_IMAGE, TIME_ZONE, TOGGLE_STYLE_MODIFIER, Z_INDEX_WAR }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const Body: ({ callBackProductAdded, apiUrl, BUY_BUTTON_LABELS, ICONS, NEWSLETTER_CONFIGS, NOTIFY_INFO, PDP_INFO, PLP_SIZE_ORDER, PRODUCT_CARD_TEXTS, TEXTURE_IMAGE, TIME_ZONE, TOGGLE_STYLE_MODIFIER, Z_INDEX_WAR }: BodyProps) => import("react/jsx-runtime").JSX.Element;
 export default Body;

package/layout/template/QuickShop/Composite/Similars.d.ts

@@ -1,7 +1,7 @@
 import { SimilarsProps } from '../../../../types/layout/templates/QuickShop';
 
 declare const Similars: {
-    ({ TEXTURE_IMAGE, TOGGLE_STYLE_MODIFIER }: SimilarsProps): import("react/jsx-runtime").JSX.Element;
+    ({ apiUrl, TEXTURE_IMAGE, TOGGLE_STYLE_MODIFIER }: SimilarsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Similars;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soma-vertical-web/multi-lib-sacurai",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {