@useinsider/guido 3.13.1 → 3.14.0-beta.1e474dd

package/dist/extensions/Blocks/Recommendation/controls/main/utils.js

@@ -1,12 +1,13 @@
 import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as y, CSS_CLASS_SKIP_COMPILE as F, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as N, CONTAINER_SELECTOR as G, MOBILE_ROW_SELECTOR as w, ATTR_PRODUCT_ATTR as K, PRODUCT_ATTRIBUTE_PREFIX as T } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, CSS_CLASS_SKIP_COMPILE as F, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as N, CONTAINER_SELECTOR as K, MOBILE_ROW_SELECTOR as w, ATTR_PRODUCT_ATTR as G, PRODUCT_ATTRIBUTE_PREFIX as T } from "../../constants/selectors.js";
 import { RecommendationConfigService as S } from "../../services/configService.js";
 import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
 import { prepareProductRows as L } from "../../templates/index.js";
 import { captureStyles as _ } from "../../utils/captureStyleTemplates.js";
-import { formatPrice as V } from "../../utils/priceFormatter.js";
-import { getDefaultProducts as k, DEFAULT_CARD_COMPOSITION as R, sanitizeImageUrl as W, isSamePrice as Y, toDisplayableAttributeValue as X } from "../../templates/utils.js";
+import { normalizeCompositionKeys as V } from "../../utils/compositionKeys.js";
+import { formatPrice as W } from "../../utils/priceFormatter.js";
+import { getDefaultProducts as k, DEFAULT_CARD_COMPOSITION as R, sanitizeImageUrl as Y, isSamePrice as z, toDisplayableAttributeValue as X } from "../../templates/utils.js";
 const M = "recommendation-block-v2";
 function A(t) {
   if (!t)
@@ -18,7 +19,7 @@ function A(t) {
   }
   return "querySelector" in t ? t.querySelector(`.${M}`) ?? null : null;
 }
-function z(t) {
+function J(t) {
   const e = A(t);
   return !e || !("getAttribute" in e) ? !1 : (e.getAttribute("class") ?? "").split(/\s+/).includes(F);
 }
@@ -34,7 +35,7 @@ function x(t) {
   if (!e || !("getAttribute" in e))
     return R;
   const n = e.getAttribute("data-card-composition");
-  return n ? n.split(",").filter(Boolean) : R;
+  return n ? V(n.split(",").filter(Boolean), e) : R;
 }
 function D(t) {
   if (!t || !("childNodes" in t))
@@ -55,25 +56,25 @@ function U(t) {
   if (typeof t == "number")
     return `0 ${t / 2}px`;
 }
-function J(t) {
+function Q(t) {
   const { currentNode: e, documentModifier: n } = t;
   if (!e || !("querySelector" in e))
     return !1;
   const o = e.querySelector(w);
   return o ? (n.modifyHtml(o).setInnerHtml(""), !0) : !1;
 }
-function Q(t) {
+function Z(t) {
   return "getOuterHTML" in t && typeof t.getOuterHTML == "function" ? t.getOuterHTML() : "";
 }
-function Z(t) {
+function ee(t) {
   const e = t.querySelector(".container");
   return !e || !("childNodes" in e) ? null : e.childNodes().find((o) => "getTagName" in o && o.getTagName() === "tbody") ?? e.querySelector("tbody") ?? null;
 }
-function ee(t, e, n) {
-  const o = Z(t);
+function te(t, e, n) {
+  const o = ee(t);
   if (!o || !("childNodes" in o))
     return;
-  const r = o.childNodes().map(Q).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
+  const r = o.childNodes().map(Z).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
   e.modifyHtml(o).setInnerHtml(r + s), e.apply(new g("Added mobile product row"));
 }
 function $(t, e = {}) {
@@ -88,7 +89,7 @@ function $(t, e = {}) {
     return !1;
   const u = s ?? C(n), c = S.getConfig(n);
   if (u === "list" || !c.mobileLayoutEnabled)
-    return J({ currentNode: n, documentModifier: o });
+    return Q({ currentNode: n, documentModifier: o });
   const l = P(), a = H(r, l.recommendationProducts), d = i ?? x(n), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${L(a, u, {
     productsPerRow: c.mobileCardsInRow,
     composition: d,
@@ -99,12 +100,12 @@ function $(t, e = {}) {
     rowSpacingPx: c.mobileRowSpacing,
     ...e
   })}</table></td>`, E = n.querySelector(w);
-  return E ? (o.modifyHtml(E).setInnerHtml(p), !0) : (ee(n, o, p), !1);
+  return E ? (o.modifyHtml(E).setInnerHtml(p), !0) : (te(n, o, p), !1);
 }
-function ye(t) {
+function ge(t) {
   $(t, _(t.currentNode)) && t.documentModifier.apply(new g("Updated mobile product rows"));
 }
-function te(t, e = {}) {
+function ne(t, e = {}) {
   const {
     currentNode: n,
     documentModifier: o,
@@ -114,7 +115,7 @@ function te(t, e = {}) {
   } = t;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = n.querySelector(N) ?? n.querySelector(G);
+  const u = n.querySelector(N) ?? n.querySelector(K);
   if (!u)
     return !1;
   const c = P(), l = H(r, c.recommendationProducts), { cardsInRow: a } = S.getConfig(n), d = i ?? x(n), f = s ?? C(n), p = S.getConfig(n), E = L(l, f, {
@@ -129,7 +130,7 @@ function te(t, e = {}) {
   });
   return o.modifyHtml(u).setInnerHtml(E), !0;
 }
-function be(t) {
+function Se(t) {
   const {
     currentNode: e,
     documentModifier: n,
@@ -148,10 +149,10 @@ function be(t) {
     layout: s,
     composition: i
   };
-  let a = te(l, c);
+  let a = ne(l, c);
   a = $(l, c) || a, a && n.apply(new g("Regenerate products with styles")), o == null || o();
 }
-function ge(t, e) {
+function Ee(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...k(e - t.length)];
 }
 function B() {
@@ -167,12 +168,12 @@ function B() {
 }
 function q(t, e = "price") {
   const n = B(), o = t[e], r = (o == null ? void 0 : o[n.code]) ?? Object.values(o ?? {})[0] ?? 0;
-  return V({
+  return W({
     price: r,
     currency: n
   });
 }
-function ne(t) {
+function oe(t) {
   var s, i;
   const e = B(), n = ((s = t.original_price) == null ? void 0 : s[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, o = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
@@ -186,19 +187,19 @@ function v(t) {
   }
   if (r && "querySelector" in r) {
     const c = r.querySelector("strong") ?? r.querySelector("p"), l = q(n, "original_price");
-    b(e, c ?? null, l) && (u = !0), e.modifyHtml(r).setAttribute("data-same-price", String(Y(n))), u = !0;
+    b(e, c ?? null, l) && (u = !0), e.modifyHtml(r).setAttribute("data-same-price", String(z(n))), u = !0;
   }
   if (s && "querySelector" in s) {
     const c = s.querySelector(".omnibus-price-value") ?? null, l = q(n, "original_price");
     b(e, c, l) && (u = !0);
   }
   if (i && "querySelector" in i) {
-    const c = i.querySelector(".omnibus-discount-value") ?? null, l = ne(n);
+    const c = i.querySelector(".omnibus-discount-value") ?? null, l = oe(n);
     b(e, c, l) && (u = !0);
   }
   return u;
 }
-function oe(t) {
+function re(t) {
   const {
     documentModifier: e,
     product: n,
@@ -213,7 +214,7 @@ function oe(t) {
   let a = !1;
   if (o && "querySelector" in o) {
     const d = o.querySelector("img");
-    d && (e.modifyHtml(d).setAttribute("src", W(n.image_url)).setAttribute("alt", n.name), a = !0);
+    d && (e.modifyHtml(d).setAttribute("src", Y(n.image_url)).setAttribute("alt", n.name), a = !0);
     const f = o.querySelector("a");
     f && (e.modifyHtml(f).setAttribute("href", n.url), a = !0);
   }
@@ -237,7 +238,7 @@ function oe(t) {
 function j(t) {
   return "querySelector" in t ? t.querySelector(N) ?? t : t;
 }
-function re(t, e) {
+function ie(t, e) {
   var o;
   let n;
   if (t.startsWith(T)) {
@@ -247,7 +248,7 @@ function re(t, e) {
     n = e[t];
   return X(n) || null;
 }
-function ie(t, e, n) {
+function le(t, e, n) {
   if (!("querySelectorAll" in t))
     return !1;
   const o = t.querySelectorAll(
@@ -259,7 +260,7 @@ function ie(t, e, n) {
   o.forEach((i) => {
     if (!("getAttribute" in i))
       return;
-    const u = i.getAttribute(K);
+    const u = i.getAttribute(G);
     if (!u)
       return;
     const c = r.get(u) ?? [];
@@ -271,7 +272,7 @@ function ie(t, e, n) {
     i.slice(0, c).forEach((l, a) => {
       if (!("querySelector" in l))
         return;
-      const d = re(u, n[a]);
+      const d = ie(u, n[a]);
       if (d === null)
         return;
       const f = l.querySelector("p") ?? null;
@@ -299,7 +300,7 @@ function I(t, e, n) {
   ), a = Math.min(o.length, n.length);
   let d = !1;
   for (let f = 0; f < a; f++) {
-    const p = oe({
+    const p = re({
       documentModifier: e,
       product: n[f],
       imageEl: o[f] ?? null,
@@ -312,9 +313,9 @@ function I(t, e, n) {
     });
     d = d || p;
   }
-  return ie(t, e, n) && (d = !0), d;
+  return le(t, e, n) && (d = !0), d;
 }
-function Se(t) {
+function Pe(t) {
   const { currentNode: e, documentModifier: n, products: o } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
@@ -362,11 +363,11 @@ function h(t, e, n) {
     }) && (c = !0);
   return c;
 }
-function Ee(t) {
+function Ae(t) {
   const { currentNode: e, documentModifier: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
-  if (z(e))
+  if (J(e))
     return !0;
   const r = P().recommendationProducts;
   if (r.length === 0)
@@ -383,7 +384,7 @@ function Ee(t) {
   }
   return i && n.apply(new g("Updated price formatting in-place")), i;
 }
-function Pe(t) {
+function Ce(t) {
   const { currentNode: e, documentModifier: n, currency: o } = t, r = A(e);
   if (!r)
     return;
@@ -393,16 +394,16 @@ function Pe(t) {
   i(y.CURRENCY, o.code), i(y.SYMBOL, o.symbol), i(y.ALIGNMENT, s), i(y.THOUSAND_SEPARATOR, o.thousandSeparator), i(y.DECIMAL_SEPARATOR, o.decimalSeparator), i(y.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new g("Update currency attributes"));
 }
 export {
-  ge as adjustProductsToSize,
+  Ee as adjustProductsToSize,
   q as formatProductPrice,
   A as getBlockElement,
   x as getCardComposition,
   C as getCurrentLayout,
-  z as isPartnerManagedBlock,
-  ye as regenerateMobileProductRows,
-  be as regenerateProductRowsWithStyles,
-  Pe as setCurrencyAttributes,
-  Ee as updatePricesInPlace,
-  Se as updateProductContentInPlace,
-  oe as updateSingleProductContent
+  J as isPartnerManagedBlock,
+  ge as regenerateMobileProductRows,
+  Se as regenerateProductRowsWithStyles,
+  Ce as setCurrencyAttributes,
+  Ae as updatePricesInPlace,
+  Pe as updateProductContentInPlace,
+  re as updateSingleProductContent
 };

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -28,10 +28,10 @@ const G = `
         {-{-CELLS-}-}
     </tr>
 `;
-function j(e, t, n, r = Y, c = {}, i = {}) {
-  const { cellPadding: s = k, cardBackgroundColor: u, visibility: a, priceInline: o = !1 } = i, d = (100 / t).toFixed(2), p = t - e.length, T = p > 0 ? x(d, s).repeat(p) : "", m = B(n, r, c), R = F(r), L = o ? r.filter((l) => l !== R.skip) : r, C = I(f, i), P = I(O, i);
+function j(t, r, o, e = Y, c = {}, i = {}) {
+  const { cellPadding: s = k, cardBackgroundColor: u, visibility: a, priceInline: n = !1 } = i, d = (100 / r).toFixed(2), p = r - t.length, T = p > 0 ? x(d, s).repeat(p) : "", m = B(o, e, c), R = F(e), L = n ? e.filter((l) => l !== R.skip) : e, C = I(f, i), P = I(O, i);
   return L.filter((l) => m[l]).map((l) => {
-    const _ = (a == null ? void 0 : a[l]) ?? W[l] ?? !0, b = _ ? "" : 'style="display: none;"', S = I(l, i), D = e.map((E) => (o && l === R.anchor ? H(
+    const _ = (a == null ? void 0 : a[l]) ?? W[l] ?? !0, b = _ ? "" : 'style="display: none;"', S = I(l, i, e), D = t.map((E) => (n && l === R.anchor ? H(
       E,
       R.originalFirst,
       C,
@@ -41,36 +41,36 @@ function j(e, t, n, r = Y, c = {}, i = {}) {
     return V.replace("{-{-ATTR_TYPE-}-}", l).replace("{-{-VISIBILITY-}-}", _ ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", b).replace("{-{-CELLS-}-}", D + T);
   }).join("");
 }
-function v(e, t, n, r, c = {}, i = {}) {
+function v(t, r, o, e, c = {}, i = {}) {
   const s = [];
-  for (let o = 0; o < e.length; o += t)
-    s.push(e.slice(o, o + t));
+  for (let n = 0; n < t.length; n += r)
+    s.push(t.slice(n, n + r));
   const u = h(i.rowSpacingPx);
-  return s.map((o, d) => {
+  return s.map((n, d) => {
     const p = j(
-      o,
-      t,
       n,
       r,
+      o,
+      e,
       c,
       i
     ), T = G.replace("{-{-ATTRIBUTE_ROWS-}-}", p);
     return d > 0 ? u + T : T;
   }).join("");
 }
-function M(e, t, n, r = {}, c = {}) {
+function M(t, r, o, e = {}, c = {}) {
   return v(
-    e,
     t,
-    y,
-    n,
     r,
+    y,
+    o,
+    e,
     c
   );
 }
-function Q(e) {
-  const t = e ? `ins-recommendation-v3-block-${e}` : void 0, n = U("grid", t), r = A(), c = M(r, w);
-  return n.replace("{-{-TITLE-}-}", g.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
+function Q(t) {
+  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, o = U("grid", r), e = A(), c = M(e, w);
+  return o.replace("{-{-TITLE-}-}", g.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
   Q as getDefaultTemplate,

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,13 +1,13 @@
-import { ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_BUTTON as C, ATTR_PRODUCT_OLD_PRICE as A, ATTR_PRODUCT_PRICE as m } from "../../constants/selectors.js";
-import { buildSpacer as I, DEFAULT_CARD_COMPOSITION as g, buildElementRenderer as E, buildCellOptions as i, resolveInlinePriceOrder as w, DEFAULT_CARD_VISIBILITY as y } from "../utils.js";
+import { ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_BUTTON as C, ATTR_PRODUCT_OLD_PRICE as A, ATTR_PRODUCT_PRICE as I } from "../../constants/selectors.js";
+import { buildSpacer as m, DEFAULT_CARD_COMPOSITION as g, buildElementRenderer as E, buildCellOptions as i, resolveInlinePriceOrder as w, DEFAULT_CARD_VISIBILITY as y } from "../utils.js";
 import { listElementRenderer as L, renderInlineListPriceRow as O } from "./elementRenderer.js";
 const S = "0 5px";
 function U(l, r, n) {
-  const e = n ? "" : ' style="display: none;"', o = l.replace(/<tr>/, "").replace(/<\/tr>/, "");
+  const t = n ? "" : ' style="display: none;"', o = l.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
             data-attribute-type="${r}"
-            data-visibility="${n ? "1" : "0"}"${e}>${o}</tr>`;
+            data-visibility="${n ? "1" : "0"}"${t}>${o}</tr>`;
 }
 const N = `
     <tr class="recommendation-product-row">
@@ -27,36 +27,36 @@ const N = `
         </td>
     </tr>
 `;
-function x(l, r = g, n = {}, e = {}) {
+function x(l, r = g, n = {}, t = {}) {
   const {
     cellPadding: o = S,
     cardBackgroundColor: d,
     visibility: c,
     priceInline: a = !1
-  } = e, u = d ? ` style="table-layout: fixed; background-color: ${d};"` : ' style="table-layout: fixed;"', s = E(L, r, n), P = s[p](l, i(p, e)), R = w(r), T = `
+  } = t, u = d ? ` style="table-layout: fixed; background-color: ${d};"` : ' style="table-layout: fixed;"', s = E(L, r, n), P = s[p](l, i(p, t)), R = w(r), T = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${r.filter((t) => t !== p && t !== C).filter((t) => !(a && t === R.skip)).filter((t) => s[t]).map((t) => {
-    const b = (c == null ? void 0 : c[t]) ?? y[t] ?? !0, f = a && t === R.anchor ? O(
+                    ${r.filter((e) => e !== p && e !== C).filter((e) => !(a && e === R.skip)).filter((e) => s[e]).map((e) => {
+    const b = (c == null ? void 0 : c[e]) ?? y[e] ?? !0, f = a && e === R.anchor ? O(
       l,
       R.originalFirst,
-      i(m, e),
-      i(A, e)
-    ) : s[t](l, i(t, e));
-    return U(f, t, b);
+      i(I, t),
+      i(A, t)
+    ) : s[e](l, i(e, t, r));
+    return U(f, e, b);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, _ = s[C](l, i(C, e)), D = P + T + _;
+    `, _ = s[C](l, i(C, t)), D = P + T + _;
   return N.replace("{-{-CARD_PADDING-}-}", o).replace("{-{-WRAPPER_STYLE-}-}", u).replace("{-{-PRODUCT_CONTENT-}-}", D);
 }
-function W(l, r, n = {}, e = {}) {
-  const o = I(e.rowSpacingPx);
+function W(l, r, n = {}, t = {}) {
+  const o = m(t.rowSpacingPx);
   return l.map((d, c) => {
-    const a = x(d, r, n, e);
+    const a = x(d, r, n, t);
     return c > 0 ? o + a : a;
   }).join("");
 }