@useinsider/guido 3.19.0 → 3.20.0-beta.7b31fec

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

@@ -87,21 +87,21 @@ function j(e, t = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = s ?? P(n), l = y.getConfig(n);
-  if (u === "list" || !l.mobileLayoutEnabled)
+  const u = s ?? P(n), i = y.getConfig(n);
+  if (u === "list" || !i.mobileLayoutEnabled)
     return te({ currentNode: n, documentModifier: o });
-  const c = A(), a = $(r, c.recommendationProducts), f = i ?? U(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${k(a, u, {
-    productsPerRow: l.mobileCardsInRow,
+  const c = A(), a = $(r, c.recommendationProducts), f = l ?? U(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${k(a, u, {
+    productsPerRow: i.mobileCardsInRow,
     composition: f,
     filterList: c.filterList,
-    priceInline: !l.priceMovedToNextLine,
+    priceInline: !i.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
-    cellPadding: v(l.mobileColumnSpacing),
-    rowSpacingPx: l.mobileRowSpacing,
+    cellPadding: v(i.mobileColumnSpacing),
+    rowSpacingPx: i.mobileRowSpacing,
     ...t
   })}</table></td>`, E = n.querySelector(w);
   return E ? (o.modifyHtml(E).setInnerHtml(p), !0) : (re(n, o, p), !1);
@@ -115,17 +115,17 @@ function ie(e, t = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
   const u = n.querySelector(L) ?? n.querySelector(W);
   if (!u)
     return !1;
-  const l = A(), c = $(r, l.recommendationProducts), { cardsInRow: a } = y.getConfig(n), f = i ?? U(n, l.filterList), d = s ?? P(n), p = y.getConfig(n), E = k(c, d, {
+  const i = A(), c = $(r, i.recommendationProducts), { cardsInRow: a } = y.getConfig(n), f = l ?? U(n, i.filterList), d = s ?? P(n), p = y.getConfig(n), E = k(c, d, {
     productsPerRow: a,
     composition: f,
-    filterList: l.filterList,
+    filterList: i.filterList,
     priceInline: !p.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
     cellPadding: v(p.columnSpacing),
@@ -151,14 +151,14 @@ function ce(e, t, n) {
   const r = o.getAttribute(R);
   if (!r)
     return !1;
-  const s = A(), i = r.split(",").filter(Boolean), u = D(i, o, s.filterList), l = [], c = u.join(",") !== i.join(",");
-  c && l.push([R, u.join(",")]);
+  const s = A(), l = r.split(",").filter(Boolean), u = D(l, o, s.filterList), i = [], c = u.join(",") !== l.join(",");
+  c && i.push([R, u.join(",")]);
   const a = le(
     o.getAttribute(q)
   ), f = a && z(a, o, s.filterList);
-  if (a && f && f.join(",") !== a.join(",") && l.push([q, JSON.stringify(f)]), l.length === 0)
+  if (a && f && f.join(",") !== a.join(",") && i.push([q, JSON.stringify(f)]), i.length === 0)
     return !1;
-  if (l.forEach(([d, p]) => {
+  if (i.forEach(([d, p]) => {
     t.modifyHtml(o).setAttribute(d, p);
   }), c && y.hasConfig(e)) {
     const d = {
@@ -176,20 +176,20 @@ function Te(e) {
     afterRegenerate: o,
     products: r,
     layout: s,
-    composition: i,
+    composition: l,
     skipStylePreservation: u
   } = e;
   if (!t)
-    return;
-  const l = u ? {} : x(t), c = {
+    return !1;
+  const i = u ? {} : x(t), c = {
     currentNode: t,
     documentModifier: n,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   };
-  let a = ie(c, l);
-  a = j(c, l) || a, a && (ce(t, n, i), n.apply(new S("Regenerate products with styles"))), o == null || o();
+  let a = ie(c, i);
+  return a = j(c, i) || a, a && (ce(t, n, l), n.apply(new S("Regenerate products with styles"))), o == null || o(), a;
 }
 function Re(e, t) {
   return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...H(t - e.length)];
@@ -213,28 +213,28 @@ function T(e, t = "price") {
   });
 }
 function ue(e) {
-  var s, i;
-  const t = F(), n = ((s = e.original_price) == null ? void 0 : s[t.code]) ?? Object.values(e.original_price ?? {})[0] ?? 0, o = ((i = e.price) == null ? void 0 : i[t.code]) ?? Object.values(e.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
+  var s, l;
+  const t = F(), n = ((s = e.original_price) == null ? void 0 : s[t.code]) ?? Object.values(e.original_price ?? {})[0] ?? 0, o = ((l = e.price) == null ? void 0 : l[t.code]) ?? Object.values(e.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
 }
 function K(e) {
-  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = e;
+  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: l } = e;
   let u = !1;
   if (o && "querySelector" in o) {
-    const l = o.querySelector("strong") ?? o.querySelector("p"), c = T(n, "price");
-    b(t, l ?? null, c) && (u = !0);
+    const i = o.querySelector("strong") ?? o.querySelector("p"), c = T(n, "price");
+    b(t, i ?? null, c) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    const l = r.querySelector("strong") ?? r.querySelector("p"), c = T(n, "original_price");
-    b(t, l ?? null, c) && (u = !0), t.modifyHtml(r).setAttribute("data-same-price", String(Q(n))), u = !0;
+    const i = r.querySelector("strong") ?? r.querySelector("p"), c = T(n, "original_price");
+    b(t, i ?? null, c) && (u = !0), t.modifyHtml(r).setAttribute("data-same-price", String(Q(n))), u = !0;
   }
   if (s && "querySelector" in s) {
-    const l = s.querySelector(".omnibus-price-value") ?? null, c = T(n, "original_price");
-    b(t, l, c) && (u = !0);
+    const i = s.querySelector(".omnibus-price-value") ?? null, c = T(n, "original_price");
+    b(t, i, c) && (u = !0);
   }
-  if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-discount-value") ?? null, c = ue(n);
-    b(t, l, c) && (u = !0);
+  if (l && "querySelector" in l) {
+    const i = l.querySelector(".omnibus-discount-value") ?? null, c = ue(n);
+    b(t, i, c) && (u = !0);
   }
   return u;
 }
@@ -245,9 +245,9 @@ function se(e) {
     imageEl: o,
     nameEl: r,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l,
+    omnibusDiscountEl: i,
     buttonEl: c
   } = e;
   let a = !1;
@@ -265,9 +265,9 @@ function se(e) {
     documentModifier: t,
     product: n,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l
+    omnibusDiscountEl: i
   }) && (a = !0), c && "querySelector" in c) {
     const f = c.querySelector("a.es-button") || c.querySelector("a");
     f && (t.modifyHtml(f).setAttribute("href", n.url), a = !0);
@@ -296,19 +296,19 @@ function fe(e, t, n) {
   if (o.length === 0)
     return !1;
   const r = /* @__PURE__ */ new Map();
-  o.forEach((i) => {
-    if (!("getAttribute" in i))
+  o.forEach((l) => {
+    if (!("getAttribute" in l))
       return;
-    const u = i.getAttribute(Y);
+    const u = l.getAttribute(Y);
     if (!u)
       return;
-    const l = r.get(u) ?? [];
-    l.push(i), r.set(u, l);
+    const i = r.get(u) ?? [];
+    i.push(l), r.set(u, i);
   });
   let s = !1;
-  return r.forEach((i, u) => {
-    const l = Math.min(i.length, n.length);
-    i.slice(0, l).forEach((c, a) => {
+  return r.forEach((l, u) => {
+    const i = Math.min(l.length, n.length);
+    l.slice(0, i).forEach((c, a) => {
       if (!("querySelector" in c))
         return;
       const f = ae(u, n[a]);
@@ -328,11 +328,11 @@ function O(e, t, n) {
     `[esd-extension-block-id="${m.NAME}"]`
   ), s = e.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), l = e.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), u = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = e.querySelectorAll(
+  ), i = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), c = e.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
@@ -345,9 +345,9 @@ function O(e, t, n) {
       imageEl: o[d] ?? null,
       nameEl: r[d] ?? null,
       priceEl: s[d] ?? null,
-      oldPriceEl: i[d] ?? null,
+      oldPriceEl: l[d] ?? null,
       omnibusPriceEl: u[d] ?? null,
-      omnibusDiscountEl: l[d] ?? null,
+      omnibusDiscountEl: i[d] ?? null,
       buttonEl: c[d] ?? null
     });
     f = f || p;
@@ -355,28 +355,28 @@ function O(e, t, n) {
   return fe(e, t, n) && (f = !0), f;
 }
 function qe(e) {
-  const { currentNode: t, documentModifier: n, products: o } = e;
+  const { currentNode: t, documentModifier: n, products: o, onApplied: r } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
-  const r = V(t);
-  if (!("querySelectorAll" in r) || r.querySelectorAll(
+  const s = V(t);
+  if (!("querySelectorAll" in s) || s.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let i = O(r, n, o);
-  const u = P(t), l = y.getConfig(t);
-  if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in t) {
-    const c = t.querySelector(N);
-    if (c) {
-      const a = O(
-        c,
+  let u = O(s, n, o);
+  const i = P(t), c = y.getConfig(t);
+  if (i !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
+    const a = t.querySelector(N);
+    if (a) {
+      const f = O(
+        a,
         n,
         o
       );
-      i = i || a;
+      u = u || f;
     }
   }
-  return i && n.apply(new S("Updated product content in-place")), !0;
+  return u && (n.apply(new S("Updated product content in-place")), r == null || r()), !0;
 }
 function _(e, t, n) {
   if (!("querySelectorAll" in e))
@@ -387,10 +387,10 @@ function _(e, t, n) {
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), s = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), l = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), u = Math.min(o.length, n.length);
-  let l = !1;
+  let i = !1;
   for (let c = 0; c < u; c++)
     K({
       documentModifier: t,
@@ -398,9 +398,9 @@ function _(e, t, n) {
       priceEl: o[c] ?? null,
       oldPriceEl: r[c] ?? null,
       omnibusPriceEl: s[c] ?? null,
-      omnibusDiscountEl: i[c] ?? null
-    }) && (l = !0);
-  return l;
+      omnibusDiscountEl: l[c] ?? null
+    }) && (i = !0);
+  return i;
 }
 function Me(e) {
   const { currentNode: t, documentModifier: n } = e;
@@ -412,25 +412,25 @@ function Me(e) {
   if (r.length === 0)
     return !1;
   const s = V(t);
-  let i = _(s, n, r);
-  const u = P(t), l = y.getConfig(t);
-  if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in t) {
+  let l = _(s, n, r);
+  const u = P(t), i = y.getConfig(t);
+  if (u !== "list" && i.mobileLayoutEnabled && "querySelector" in t) {
     const c = t.querySelector(N);
     if (c) {
       const a = _(c, n, r);
-      i = i || a;
+      l = l || a;
     }
   }
-  return i && n.apply(new S("Updated price formatting in-place")), i;
+  return l && n.apply(new S("Updated price formatting in-place")), l;
 }
 function he(e) {
   const { currentNode: t, documentModifier: n, currency: o } = e, r = C(t);
   if (!r)
     return;
-  const s = o.alignment === "before" ? "0" : "1", i = (u, l) => {
-    n.modifyHtml(r).setAttribute(u, l);
+  const s = o.alignment === "before" ? "0" : "1", l = (u, i) => {
+    n.modifyHtml(r).setAttribute(u, i);
   };
-  i(g.CURRENCY, o.code), i(g.SYMBOL, o.symbol), i(g.ALIGNMENT, s), i(g.THOUSAND_SEPARATOR, o.thousandSeparator), i(g.DECIMAL_SEPARATOR, o.decimalSeparator), i(g.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new S("Update currency attributes"));
+  l(g.CURRENCY, o.code), l(g.SYMBOL, o.symbol), l(g.ALIGNMENT, s), l(g.THOUSAND_SEPARATOR, o.thousandSeparator), l(g.DECIMAL_SEPARATOR, o.decimalSeparator), l(g.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new S("Update currency attributes"));
 }
 export {
   Re as adjustProductsToSize,