@useinsider/guido 3.18.2-beta.45f708c → 3.18.2-beta.4d2b065

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

@@ -87,21 +87,21 @@ function j(e, t = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: l
+    composition: i
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = s ?? P(n), i = y.getConfig(n);
-  if (u === "list" || !i.mobileLayoutEnabled)
+  const u = s ?? P(n), l = y.getConfig(n);
+  if (u === "list" || !l.mobileLayoutEnabled)
     return te({ currentNode: n, documentModifier: o });
-  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,
+  const c = A(), f = $(r, c.recommendationProducts), a = 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(f, u, {
+    productsPerRow: l.mobileCardsInRow,
+    composition: a,
     filterList: c.filterList,
-    priceInline: !i.priceMovedToNextLine,
+    priceInline: !l.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
-    cellPadding: v(i.mobileColumnSpacing),
-    rowSpacingPx: i.mobileRowSpacing,
+    cellPadding: v(l.mobileColumnSpacing),
+    rowSpacingPx: l.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: l
+    composition: i
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
   const u = n.querySelector(L) ?? n.querySelector(W);
   if (!u)
     return !1;
-  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: i.filterList,
+  const l = A(), c = $(r, l.recommendationProducts), { cardsInRow: f } = y.getConfig(n), a = i ?? U(n, l.filterList), d = s ?? P(n), p = y.getConfig(n), E = k(c, d, {
+    productsPerRow: f,
+    composition: a,
+    filterList: l.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(), 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(
+  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 f = le(
     o.getAttribute(q)
-  ), f = a && z(a, o, s.filterList);
-  if (a && f && f.join(",") !== a.join(",") && i.push([q, JSON.stringify(f)]), i.length === 0)
+  ), a = f && z(f, o, s.filterList);
+  if (f && a && a.join(",") !== f.join(",") && l.push([q, JSON.stringify(a)]), l.length === 0)
     return !1;
-  if (i.forEach(([d, p]) => {
+  if (l.forEach(([d, p]) => {
     t.modifyHtml(o).setAttribute(d, p);
   }), c && y.hasConfig(e)) {
     const d = {
@@ -176,20 +176,21 @@ function Te(e) {
     afterRegenerate: o,
     products: r,
     layout: s,
-    composition: l,
-    skipStylePreservation: u
+    composition: i,
+    skipStylePreservation: u,
+    forceApply: l = !1
   } = e;
   if (!t)
-    return !1;
-  const i = u ? {} : x(t), c = {
+    return;
+  const c = u ? {} : x(t), f = {
     currentNode: t,
     documentModifier: n,
     products: r,
     layout: s,
-    composition: l
+    composition: i
   };
-  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;
+  let a = ie(f, c);
+  a = j(f, c) || a, a && ce(t, n, i), (a || l) && n.apply(new S("Regenerate products with styles")), o == null || o();
 }
 function Re(e, t) {
   return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...H(t - e.length)];
@@ -213,28 +214,28 @@ function T(e, t = "price") {
   });
 }
 function ue(e) {
-  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;
+  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;
   return r > 0 ? `-${r}%` : "0%";
 }
 function K(e) {
-  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: l } = e;
+  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = e;
   let u = !1;
   if (o && "querySelector" in o) {
-    const i = o.querySelector("strong") ?? o.querySelector("p"), c = T(n, "price");
-    b(t, i ?? null, c) && (u = !0);
+    const l = o.querySelector("strong") ?? o.querySelector("p"), c = T(n, "price");
+    b(t, l ?? null, c) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    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;
+    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;
   }
   if (s && "querySelector" in s) {
-    const i = s.querySelector(".omnibus-price-value") ?? null, c = T(n, "original_price");
-    b(t, i, c) && (u = !0);
+    const l = s.querySelector(".omnibus-price-value") ?? null, c = T(n, "original_price");
+    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);
+  if (i && "querySelector" in i) {
+    const l = i.querySelector(".omnibus-discount-value") ?? null, c = ue(n);
+    b(t, l, c) && (u = !0);
   }
   return u;
 }
@@ -245,34 +246,34 @@ function se(e) {
     imageEl: o,
     nameEl: r,
     priceEl: s,
-    oldPriceEl: l,
+    oldPriceEl: i,
     omnibusPriceEl: u,
-    omnibusDiscountEl: i,
+    omnibusDiscountEl: l,
     buttonEl: c
   } = e;
-  let a = !1;
+  let f = !1;
   if (o && "querySelector" in o) {
-    const f = o.querySelector("img");
-    f && (t.modifyHtml(f).setAttribute("src", X(n.image_url)).setAttribute("alt", n.name), a = !0);
+    const a = o.querySelector("img");
+    a && (t.modifyHtml(a).setAttribute("src", X(n.image_url)).setAttribute("alt", n.name), f = !0);
     const d = o.querySelector("a");
-    d && (t.modifyHtml(d).setAttribute("href", n.url), a = !0);
+    d && (t.modifyHtml(d).setAttribute("href", n.url), f = !0);
   }
   if (r && "querySelector" in r) {
-    const f = r.querySelector("strong") ?? r.querySelector("p");
-    b(t, f ?? null, n.name) && (a = !0);
+    const a = r.querySelector("strong") ?? r.querySelector("p");
+    b(t, a ?? null, n.name) && (f = !0);
   }
   if (K({
     documentModifier: t,
     product: n,
     priceEl: s,
-    oldPriceEl: l,
+    oldPriceEl: i,
     omnibusPriceEl: u,
-    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);
+    omnibusDiscountEl: l
+  }) && (f = !0), c && "querySelector" in c) {
+    const a = c.querySelector("a.es-button") || c.querySelector("a");
+    a && (t.modifyHtml(a).setAttribute("href", n.url), f = !0);
   }
-  return a;
+  return f;
 }
 function V(e) {
   return "querySelector" in e ? e.querySelector(L) ?? e : e;
@@ -296,26 +297,26 @@ function fe(e, t, n) {
   if (o.length === 0)
     return !1;
   const r = /* @__PURE__ */ new Map();
-  o.forEach((l) => {
-    if (!("getAttribute" in l))
+  o.forEach((i) => {
+    if (!("getAttribute" in i))
       return;
-    const u = l.getAttribute(Y);
+    const u = i.getAttribute(Y);
     if (!u)
       return;
-    const i = r.get(u) ?? [];
-    i.push(l), r.set(u, i);
+    const l = r.get(u) ?? [];
+    l.push(i), r.set(u, l);
   });
   let s = !1;
-  return r.forEach((l, u) => {
-    const i = Math.min(l.length, n.length);
-    l.slice(0, i).forEach((c, a) => {
+  return r.forEach((i, u) => {
+    const l = Math.min(i.length, n.length);
+    i.slice(0, l).forEach((c, f) => {
       if (!("querySelector" in c))
         return;
-      const f = ae(u, n[a]);
-      if (f === null)
+      const a = ae(u, n[f]);
+      if (a === null)
         return;
       const d = c.querySelector("p") ?? null;
-      b(t, d, f) && (s = !0);
+      b(t, d, a) && (s = !0);
     });
   }), s;
 }
@@ -328,34 +329,34 @@ function O(e, t, n) {
     `[esd-extension-block-id="${m.NAME}"]`
   ), s = e.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), l = e.querySelectorAll(
+  ), i = e.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), u = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), l = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), c = e.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
-  ), a = Math.min(o.length, n.length);
-  let f = !1;
-  for (let d = 0; d < a; d++) {
+  ), f = Math.min(o.length, n.length);
+  let a = !1;
+  for (let d = 0; d < f; d++) {
     const p = se({
       documentModifier: t,
       product: n[d],
       imageEl: o[d] ?? null,
       nameEl: r[d] ?? null,
       priceEl: s[d] ?? null,
-      oldPriceEl: l[d] ?? null,
+      oldPriceEl: i[d] ?? null,
       omnibusPriceEl: u[d] ?? null,
-      omnibusDiscountEl: i[d] ?? null,
+      omnibusDiscountEl: l[d] ?? null,
       buttonEl: c[d] ?? null
     });
-    f = f || p;
+    a = a || p;
   }
-  return fe(e, t, n) && (f = !0), f;
+  return fe(e, t, n) && (a = !0), a;
 }
 function qe(e) {
-  const { currentNode: t, documentModifier: n, products: o, onApplied: r } = e;
+  const { currentNode: t, documentModifier: n, products: o, forceApply: r = !1 } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
   const s = V(t);
@@ -364,19 +365,19 @@ function qe(e) {
   ).length !== o.length)
     return !1;
   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,
+  const l = P(t), c = y.getConfig(t);
+  if (l !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
+    const f = t.querySelector(N);
+    if (f) {
+      const a = O(
+        f,
         n,
         o
       );
-      u = u || f;
+      u = u || a;
     }
   }
-  return u && (n.apply(new S("Updated product content in-place")), r == null || r()), !0;
+  return (u || r) && n.apply(new S("Updated product content in-place")), !0;
 }
 function _(e, t, n) {
   if (!("querySelectorAll" in e))
@@ -387,10 +388,10 @@ function _(e, t, n) {
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), s = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = e.querySelectorAll(
+  ), i = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), u = Math.min(o.length, n.length);
-  let i = !1;
+  let l = !1;
   for (let c = 0; c < u; c++)
     K({
       documentModifier: t,
@@ -398,9 +399,9 @@ function _(e, t, n) {
       priceEl: o[c] ?? null,
       oldPriceEl: r[c] ?? null,
       omnibusPriceEl: s[c] ?? null,
-      omnibusDiscountEl: l[c] ?? null
-    }) && (i = !0);
-  return i;
+      omnibusDiscountEl: i[c] ?? null
+    }) && (l = !0);
+  return l;
 }
 function Me(e) {
   const { currentNode: t, documentModifier: n } = e;
@@ -412,25 +413,25 @@ function Me(e) {
   if (r.length === 0)
     return !1;
   const s = V(t);
-  let l = _(s, n, r);
-  const u = P(t), i = y.getConfig(t);
-  if (u !== "list" && i.mobileLayoutEnabled && "querySelector" in t) {
+  let i = _(s, n, r);
+  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 = _(c, n, r);
-      l = l || a;
+      const f = _(c, n, r);
+      i = i || f;
     }
   }
-  return l && n.apply(new S("Updated price formatting in-place")), l;
+  return i && n.apply(new S("Updated price formatting in-place")), i;
 }
 function he(e) {
   const { currentNode: t, documentModifier: n, currency: o } = e, r = C(t);
   if (!r)
     return;
-  const s = o.alignment === "before" ? "0" : "1", l = (u, i) => {
-    n.modifyHtml(r).setAttribute(u, i);
+  const s = o.alignment === "before" ? "0" : "1", i = (u, l) => {
+    n.modifyHtml(r).setAttribute(u, l);
   };
-  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"));
+  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"));
 }
 export {
   Re as adjustProductsToSize,