@useinsider/guido 3.8.0-beta.84f6c0a → 3.8.0-beta.910d4af

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

@@ -1,399 +1,447 @@
-import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as p, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as F, MOBILE_ROW_SELECTOR as N, ATTR_PRODUCT_ATTR as G, PRODUCT_ATTRIBUTE_PREFIX as R } from "../../constants/selectors.js";
-import { RecommendationConfigService as S } from "../../services/configService.js";
-import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
+import { CURRENCY_ATTR as g, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as j } from "../../constants/selectors.js";
+import { RecommendationConfigService as b } from "../../services/configService.js";
+import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
 import { prepareProductRows as _ } from "../../templates/index.js";
-import { captureStyles as k } from "../../utils/captureStyleTemplates.js";
 import { formatPrice as V } from "../../utils/priceFormatter.js";
-import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as T, sanitizeImageUrl as W, toDisplayableAttributeValue as Y } from "../../templates/utils.js";
-const M = "recommendation-block-v2";
-function q(e) {
-  if (!e)
+import { isTdNode as W } from "../../utils/tagName.js";
+import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as T, sanitizeImageUrl as F, toDisplayableAttributeValue as G } from "../../templates/utils.js";
+const h = "recommendation-block-v2";
+function R(t) {
+  if (!t)
     return null;
-  if ("getAttribute" in e) {
-    const t = e.getAttribute("class");
-    if (t && t.includes(M))
-      return e;
+  if ("getAttribute" in t) {
+    const e = t.getAttribute("class");
+    if (e && e.includes(h))
+      return t;
   }
-  return "querySelector" in e ? e.querySelector(`.${M}`) ?? null : null;
+  return "querySelector" in t ? t.querySelector(`.${h}`) ?? null : null;
 }
-function C(e) {
-  const t = q(e);
-  if (!t || !("getAttribute" in t))
+function E(t) {
+  const e = R(t);
+  if (!e || !("getAttribute" in e))
     return "grid";
-  const n = t.getAttribute("data-layout");
-  return n === "list" || n === "horizontal" ? "list" : "grid";
+  const o = e.getAttribute("data-layout");
+  return o === "list" || o === "horizontal" ? "list" : "grid";
 }
-function x(e) {
-  const t = q(e);
-  if (!t || !("getAttribute" in t))
+function H(t) {
+  const e = R(t);
+  if (!e || !("getAttribute" in e))
     return T;
-  const n = t.getAttribute("data-card-composition");
-  return n ? n.split(",").filter(Boolean) : T;
+  const o = e.getAttribute("data-card-composition");
+  return o ? o.split(",").filter(Boolean) : T;
 }
-function D(e) {
-  if (!e || !("childNodes" in e))
+function x(t) {
+  if (!t || !("childNodes" in t))
     return null;
-  const t = e.childNodes(), n = t.find(
-    (o) => "getType" in o && o.getType() === "text"
+  const e = t.childNodes(), o = e.find(
+    (n) => "getType" in n && n.getType() === "text"
   );
-  return n || t.reduce((o, r) => o || !("getType" in r) || r.getType() === "text" ? o : D(r), null);
-}
-function b(e, t, n) {
-  const o = D(t);
-  return o ? (e.modifyHtml(o).setText(n), !0) : !1;
+  return o || e.reduce((n, r) => n || !("getType" in r) || r.getType() === "text" ? n : x(r), null);
 }
-function H(e, t) {
-  return e && e.length > 0 ? e : t.length > 0 ? t : L();
+function S(t, e, o) {
+  const n = x(e);
+  return n ? (t.modifyHtml(n).setText(o), !0) : !1;
 }
-function U(e) {
-  if (typeof e == "number")
-    return `0 ${e / 2}px`;
+function D(t, e) {
+  return t && t.length > 0 ? t : e.length > 0 ? e : L();
 }
-function K(e) {
-  const { currentNode: t, documentModifier: n } = e;
-  if (!t || !("querySelector" in t))
-    return !1;
-  const o = t.querySelector(N);
-  return o ? (n.modifyHtml(o).setInnerHtml(""), !0) : !1;
+function Y(t) {
+  const { currentNode: e, documentModifier: o } = t;
+  if (!e || !("querySelector" in e))
+    return;
+  const n = e.querySelector(k);
+  n && (o.modifyHtml(n).setInnerHtml(""), o.apply(new p("Cleared mobile row content")));
 }
-function X(e) {
-  return "getOuterHTML" in e && typeof e.getOuterHTML == "function" ? e.getOuterHTML() : "";
+function K(t) {
+  return "getOuterHTML" in t && typeof t.getOuterHTML == "function" ? t.getOuterHTML() : "";
 }
-function z(e) {
-  const t = e.querySelector(".container");
-  return !t || !("childNodes" in t) ? null : t.childNodes().find((o) => "getTagName" in o && o.getTagName() === "tbody") ?? t.querySelector("tbody") ?? null;
+function X(t) {
+  const e = t.querySelector(".container");
+  return !e || !("childNodes" in e) ? null : e.childNodes().find((n) => "getTagName" in n && n.getTagName() === "tbody") ?? e.querySelector("tbody") ?? null;
 }
-function J(e, t, n) {
-  const o = z(e);
-  if (!o || !("childNodes" in o))
+function z(t, e, o) {
+  const n = X(t);
+  if (!n || !("childNodes" in n))
     return;
-  const r = o.childNodes().map(X).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
-  t.modifyHtml(o).setInnerHtml(r + s), t.apply(new g("Added mobile product row"));
+  const r = n.childNodes().map(K).join(""), l = `<tr class="ins-recommendation-mobile-row">${o}</tr>`;
+  e.modifyHtml(n).setInnerHtml(r + l), e.apply(new p("Added mobile product row"));
 }
-function $(e, t = {}) {
+function J(t) {
   const {
-    currentNode: n,
+    currentNode: e,
     documentModifier: o,
-    products: r,
-    layout: s,
-    composition: i
-  } = e;
-  if (!n || !("querySelector" in n))
-    return !1;
-  const u = s ?? C(n), c = S.getConfig(n);
-  if (u === "list" || !c.mobileLayoutEnabled)
-    return K({ currentNode: n, documentModifier: o });
-  const l = P(), a = H(r, l.recommendationProducts), d = i ?? x(n), y = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(a, u, {
-    productsPerRow: c.mobileCardsInRow,
+    products: n,
+    layout: r,
+    composition: l
+  } = t;
+  if (!e || !("querySelector" in e))
+    return;
+  const i = r ?? E(e), s = b.getConfig(e);
+  if (i === "list" || !s.mobileLayoutEnabled) {
+    Y({ currentNode: e, documentModifier: o });
+    return;
+  }
+  const u = C(), c = D(n, u.recommendationProducts), d = l ?? H(e), a = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(c, i, {
+    productsPerRow: s.mobileCardsInRow,
     composition: d,
-    filterList: l.filterList,
-    // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: c.mobileCardsInRow === 1 ? "0" : U(c.mobileColumnSpacing),
-    rowSpacingPx: c.mobileRowSpacing,
-    ...t
-  })}</table></td>`, E = n.querySelector(N);
-  return E ? (o.modifyHtml(E).setInnerHtml(y), !0) : (J(n, o, y), !1);
-}
-function fe(e) {
-  $(e, k(e.currentNode)) && e.documentModifier.apply(new g("Updated mobile product rows"));
+    filterList: u.filterList
+  })}</table></td>`, y = e.querySelector(k);
+  if (!y) {
+    z(e, o, a);
+    return;
+  }
+  o.modifyHtml(y).setInnerHtml(a), o.apply(new p("Updated mobile product rows"));
 }
-function Q(e, t = {}) {
+function Q(t) {
   const {
-    currentNode: n,
+    currentNode: e,
     documentModifier: o,
+    afterRegenerate: n,
     products: r,
-    layout: s,
+    layout: l,
     composition: i
-  } = e;
-  if (!n || !("querySelector" in n))
-    return !1;
-  const u = n.querySelector(w) ?? n.querySelector(F);
-  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), y = S.getConfig(n), E = _(l, f, {
-    productsPerRow: a,
-    composition: d,
-    filterList: c.filterList,
-    // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: a === 1 ? "0" : U(y.columnSpacing),
-    rowSpacingPx: y.rowSpacing,
-    ...t
+  } = t;
+  if (!e || !("querySelector" in e))
+    return;
+  const s = e.querySelector(P) ?? e.querySelector(v);
+  if (!s)
+    return;
+  const u = C(), c = D(r, u.recommendationProducts), { cardsInRow: d } = b.getConfig(e), f = i ?? H(e), a = l ?? E(e), y = _(c, a, {
+    productsPerRow: d,
+    composition: f,
+    filterList: u.filterList
   });
-  return o.modifyHtml(u).setInnerHtml(E), !0;
+  o.modifyHtml(s).setInnerHtml(y).apply(new p("Updated product")), J(t), n == null || n();
 }
-function me(e) {
-  const {
-    currentNode: t,
-    documentModifier: n,
-    afterRegenerate: o,
-    products: r,
-    layout: s,
-    composition: i,
-    skipStylePreservation: u
-  } = e;
-  if (!t)
+function M(t, e, o, n) {
+  const l = `0 ${Math.floor(o / 2)}px`;
+  let i = !1;
+  return n === "grid" ? Array.from(
+    t.querySelectorAll(".attribute-cell")
+  ).forEach((u) => {
+    e.modifyHtml(u).setStyle("padding", l), i = !0;
+  }) : Array.from(
+    t.querySelectorAll(".product-card-wrapper")
+  ).forEach((u) => {
+    const c = "parentNode" in u ? u.parentNode : null;
+    c && W(c) && (e.modifyHtml(c).setStyle("padding", l), i = !0);
+  }), i;
+}
+function I(t, e, o) {
+  const n = `${o}px`, r = Array.from(t.querySelectorAll(".spacer"));
+  let l = !1;
+  return r.forEach((i) => {
+    e.modifyHtml(i).setStyle("height", n), l = !0;
+  }), l;
+}
+function Z(t) {
+  const { currentNode: e, documentModifier: o } = t;
+  if (!e)
     return;
-  const c = u ? {} : k(t), l = {
-    currentNode: t,
-    documentModifier: n,
+  const n = b.getConfig(e), r = E(e);
+  let l = !1;
+  const i = e.querySelector(P);
+  if (i) {
+    l = M(
+      i,
+      o,
+      n.columnSpacing,
+      r
+    );
+    const c = I(
+      i,
+      o,
+      n.rowSpacing
+    );
+    l = l || c;
+  }
+  const s = e.querySelector(q);
+  if (s) {
+    const u = M(
+      s,
+      o,
+      n.mobileColumnSpacing,
+      r
+    );
+    l = l || u;
+    const c = I(
+      s,
+      o,
+      n.mobileRowSpacing
+    );
+    l = l || c;
+  }
+  l && o.apply(new p("Reapply spacing after regeneration"));
+}
+function me(t) {
+  const { currentNode: e, documentModifier: o, afterRegenerate: n, products: r, layout: l, composition: i } = t;
+  e && Q({
+    currentNode: e,
+    documentModifier: o,
     products: r,
-    layout: s,
-    composition: i
-  };
-  let a = Q(l, c);
-  a = $(l, c) || a, a && n.apply(new g("Regenerate products with styles")), o == null || o();
+    layout: l,
+    composition: i,
+    afterRegenerate: () => {
+      setTimeout(() => {
+        Z({ currentNode: e, documentModifier: o });
+      }, 0), n == null || n();
+    }
+  });
 }
-function ye(e, t) {
-  return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...L(t - e.length)];
+function pe(t, e) {
+  return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...L(e - t.length)];
 }
-function B() {
-  const e = P(), { currencySettings: t } = e.recommendationConfigs, n = parseInt(t.decimalCount);
+function U() {
+  const t = C(), { currencySettings: e } = t.recommendationConfigs, o = parseInt(e.decimalCount);
   return {
-    code: t.value,
-    symbol: t.symbol,
-    alignment: t.alignment === "0" ? "before" : "after",
-    decimalCount: Number.isNaN(n) ? 2 : n,
-    decimalSeparator: t.decimalSeparator,
-    thousandSeparator: t.thousandSeparator
+    code: e.value,
+    symbol: e.symbol,
+    alignment: e.alignment === "0" ? "before" : "after",
+    decimalCount: Number.isNaN(o) ? 2 : o,
+    decimalSeparator: e.decimalSeparator,
+    thousandSeparator: e.thousandSeparator
   };
 }
-function A(e, t = "price") {
-  const n = B(), o = e[t], r = (o == null ? void 0 : o[n.code]) ?? Object.values(o ?? {})[0] ?? 0;
+function A(t, e = "price") {
+  const o = U(), n = t[e], r = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
   return V({
     price: r,
-    currency: n
+    currency: o
   });
 }
-function Z(e) {
-  var s, i;
-  const t = B(), 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;
+function ee(t) {
+  var l, i;
+  const e = U(), o = ((l = t.original_price) == null ? void 0 : l[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = o > 0 ? Math.round((o - n) / o * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
 }
-function v(e) {
-  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = e;
-  let u = !1;
-  if (o && "querySelector" in o) {
-    const c = o.querySelector("strong") ?? o.querySelector("p"), l = A(n, "price");
-    b(t, c ?? null, l) && (u = !0);
+function $(t) {
+  const { documentModifier: e, product: o, priceEl: n, oldPriceEl: r, omnibusPriceEl: l, omnibusDiscountEl: i } = t;
+  let s = !1;
+  if (n && "querySelector" in n) {
+    const u = n.querySelector("strong") ?? n.querySelector("p"), c = A(o, "price");
+    S(e, u ?? null, c) && (s = !0);
   }
   if (r && "querySelector" in r) {
-    const c = r.querySelector("strong") ?? r.querySelector("p"), l = A(n, "original_price");
-    b(t, c ?? null, l) && (u = !0);
+    const u = r.querySelector("strong") ?? r.querySelector("p"), c = A(o, "original_price");
+    S(e, u ?? null, c) && (s = !0);
   }
-  if (s && "querySelector" in s) {
-    const c = s.querySelector(".omnibus-price-value") ?? null, l = A(n, "original_price");
-    b(t, c, l) && (u = !0);
+  if (l && "querySelector" in l) {
+    const u = l.querySelector(".omnibus-price-value") ?? null, c = A(o, "original_price");
+    S(e, u, c) && (s = !0);
   }
   if (i && "querySelector" in i) {
-    const c = i.querySelector(".omnibus-discount-value") ?? null, l = Z(n);
-    b(t, c, l) && (u = !0);
+    const u = i.querySelector(".omnibus-discount-value") ?? null, c = ee(o);
+    S(e, u, c) && (s = !0);
   }
-  return u;
+  return s;
 }
-function ee(e) {
+function te(t) {
   const {
-    documentModifier: t,
-    product: n,
-    imageEl: o,
+    documentModifier: e,
+    product: o,
+    imageEl: n,
     nameEl: r,
-    priceEl: s,
+    priceEl: l,
     oldPriceEl: i,
-    omnibusPriceEl: u,
-    omnibusDiscountEl: c,
-    buttonEl: l
-  } = e;
-  let a = !1;
-  if (o && "querySelector" in o) {
-    const d = o.querySelector("img");
-    d && (t.modifyHtml(d).setAttribute("src", W(n.image_url)).setAttribute("alt", n.name), a = !0);
-    const f = o.querySelector("a");
-    f && (t.modifyHtml(f).setAttribute("href", n.url), a = !0);
+    omnibusPriceEl: s,
+    omnibusDiscountEl: u,
+    buttonEl: c
+  } = t;
+  let d = !1;
+  if (n && "querySelector" in n) {
+    const f = n.querySelector("img");
+    f && (e.modifyHtml(f).setAttribute("src", F(o.image_url)).setAttribute("alt", o.name), d = !0);
+    const a = n.querySelector("a");
+    a && (e.modifyHtml(a).setAttribute("href", o.url), d = !0);
   }
   if (r && "querySelector" in r) {
-    const d = r.querySelector("strong") ?? r.querySelector("p");
-    b(t, d ?? null, n.name) && (a = !0);
+    const f = r.querySelector("strong") ?? r.querySelector("p");
+    S(e, f ?? null, o.name) && (d = !0);
   }
-  if (v({
-    documentModifier: t,
-    product: n,
-    priceEl: s,
+  if ($({
+    documentModifier: e,
+    product: o,
+    priceEl: l,
     oldPriceEl: i,
-    omnibusPriceEl: u,
-    omnibusDiscountEl: c
-  }) && (a = !0), l && "querySelector" in l) {
-    const d = l.querySelector("a.es-button") || l.querySelector("a");
-    d && (t.modifyHtml(d).setAttribute("href", n.url), a = !0);
+    omnibusPriceEl: s,
+    omnibusDiscountEl: u
+  }) && (d = !0), c && "querySelector" in c) {
+    const f = c.querySelector("a.es-button") || c.querySelector("a");
+    f && (e.modifyHtml(f).setAttribute("href", o.url), d = !0);
   }
-  return a;
+  return d;
 }
-function j(e) {
-  return "querySelector" in e ? e.querySelector(w) ?? e : e;
+function B(t) {
+  return "querySelector" in t ? t.querySelector(P) ?? t : t;
 }
-function te(e, t) {
-  var o;
-  let n;
-  if (e.startsWith(R)) {
-    const r = e.slice(R.length);
-    n = (o = t.product_attributes) == null ? void 0 : o[r];
+const O = "product_attribute.";
+function oe(t, e) {
+  var n;
+  let o;
+  if (t.startsWith(O)) {
+    const r = t.slice(O.length);
+    o = (n = e.product_attributes) == null ? void 0 : n[r];
   } else
-    n = t[e];
-  return Y(n) || null;
+    o = e[t];
+  return G(o) || null;
 }
-function ne(e, t, n) {
-  if (!("querySelectorAll" in e))
+function ne(t, e, o) {
+  if (!("querySelectorAll" in t))
     return !1;
-  const o = e.querySelectorAll(
+  const n = t.querySelectorAll(
     `[esd-extension-block-id="${m.CUSTOM_ATTRIBUTE}"]`
   );
-  if (o.length === 0)
+  if (n.length === 0)
     return !1;
   const r = /* @__PURE__ */ new Map();
-  o.forEach((i) => {
+  n.forEach((i) => {
     if (!("getAttribute" in i))
       return;
-    const u = i.getAttribute(G);
-    if (!u)
+    const s = i.getAttribute(j);
+    if (!s)
       return;
-    const c = r.get(u) ?? [];
-    c.push(i), r.set(u, c);
+    const u = r.get(s) ?? [];
+    u.push(i), r.set(s, u);
   });
-  let s = !1;
-  return r.forEach((i, u) => {
-    const c = Math.min(i.length, n.length);
-    i.slice(0, c).forEach((l, a) => {
-      if (!("querySelector" in l))
+  let l = !1;
+  return r.forEach((i, s) => {
+    const u = Math.min(i.length, o.length);
+    i.slice(0, u).forEach((c, d) => {
+      if (!("querySelector" in c))
         return;
-      const d = te(u, n[a]);
-      if (d === null)
+      const f = oe(s, o[d]);
+      if (f === null)
         return;
-      const f = l.querySelector("p") ?? null;
-      b(t, f, d) && (s = !0);
+      const a = c.querySelector("p") ?? null;
+      S(e, a, f) && (l = !0);
     });
-  }), s;
+  }), l;
 }
-function h(e, t, n) {
-  if (!("querySelectorAll" in e))
+function w(t, e, o) {
+  if (!("querySelectorAll" in t))
     return !1;
-  const o = e.querySelectorAll(
+  const n = t.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
-  ), r = e.querySelectorAll(
+  ), r = t.querySelectorAll(
     `[esd-extension-block-id="${m.NAME}"]`
-  ), s = e.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), i = t.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
-  ), u = e.querySelectorAll(
+  ), s = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), c = e.querySelectorAll(
+  ), u = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
-  ), l = e.querySelectorAll(
+  ), c = t.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
-  ), a = Math.min(o.length, n.length);
-  let d = !1;
-  for (let f = 0; f < a; f++) {
-    const y = ee({
-      documentModifier: t,
-      product: n[f],
-      imageEl: o[f] ?? null,
-      nameEl: r[f] ?? null,
-      priceEl: s[f] ?? null,
-      oldPriceEl: i[f] ?? null,
-      omnibusPriceEl: u[f] ?? null,
-      omnibusDiscountEl: c[f] ?? null,
-      buttonEl: l[f] ?? null
+  ), d = Math.min(n.length, o.length);
+  let f = !1;
+  for (let a = 0; a < d; a++) {
+    const y = te({
+      documentModifier: e,
+      product: o[a],
+      imageEl: n[a] ?? null,
+      nameEl: r[a] ?? null,
+      priceEl: l[a] ?? null,
+      oldPriceEl: i[a] ?? null,
+      omnibusPriceEl: s[a] ?? null,
+      omnibusDiscountEl: u[a] ?? null,
+      buttonEl: c[a] ?? null
     });
-    d = d || y;
+    f = f || y;
   }
-  return ne(e, t, n) && (d = !0), d;
+  return ne(t, e, o) && (f = !0), f;
 }
-function pe(e) {
-  const { currentNode: t, documentModifier: n, products: o } = e;
-  if (!t || !("querySelectorAll" in t))
+function ye(t) {
+  const { currentNode: e, documentModifier: o, products: n } = t;
+  if (!e || !("querySelectorAll" in e))
     return !1;
-  const r = j(t);
+  const r = B(e);
   if (!("querySelectorAll" in r) || r.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
-  ).length !== o.length)
+  ).length !== n.length)
     return !1;
-  let i = h(r, n, o);
-  const u = C(t), c = S.getConfig(t);
-  if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
-    const l = t.querySelector(O);
-    if (l) {
-      const a = h(
-        l,
-        n,
-        o
+  let i = w(r, o, n);
+  const s = E(e), u = b.getConfig(e);
+  if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
+    const c = e.querySelector(q);
+    if (c) {
+      const d = w(
+        c,
+        o,
+        n
       );
-      i = i || a;
+      i = i || d;
     }
   }
-  return i && n.apply(new g("Updated product content in-place")), !0;
+  return i && o.apply(new p("Updated product content in-place")), !0;
 }
-function I(e, t, n) {
-  if (!("querySelectorAll" in e))
+function N(t, e, o) {
+  if (!("querySelectorAll" in t))
     return !1;
-  const o = e.querySelectorAll(
+  const n = t.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), r = e.querySelectorAll(
+  ), r = t.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
-  ), s = e.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), i = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
-  ), u = Math.min(o.length, n.length);
-  let c = !1;
-  for (let l = 0; l < u; l++)
-    v({
-      documentModifier: t,
-      product: n[l],
-      priceEl: o[l] ?? null,
-      oldPriceEl: r[l] ?? null,
-      omnibusPriceEl: s[l] ?? null,
-      omnibusDiscountEl: i[l] ?? null
-    }) && (c = !0);
-  return c;
+  ), s = Math.min(n.length, o.length);
+  let u = !1;
+  for (let c = 0; c < s; c++)
+    $({
+      documentModifier: e,
+      product: o[c],
+      priceEl: n[c] ?? null,
+      oldPriceEl: r[c] ?? null,
+      omnibusPriceEl: l[c] ?? null,
+      omnibusDiscountEl: i[c] ?? null
+    }) && (u = !0);
+  return u;
 }
-function be(e) {
-  const { currentNode: t, documentModifier: n } = e;
-  if (!t || !("querySelectorAll" in t))
+function ge(t) {
+  const { currentNode: e, documentModifier: o } = t;
+  if (!e || !("querySelectorAll" in e))
     return !1;
-  const r = P().recommendationProducts;
+  const r = C().recommendationProducts;
   if (r.length === 0)
     return !1;
-  const s = j(t);
-  let i = I(s, n, r);
-  const u = C(t), c = S.getConfig(t);
-  if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
-    const l = t.querySelector(O);
-    if (l) {
-      const a = I(l, n, r);
-      i = i || a;
+  const l = B(e);
+  let i = N(l, o, r);
+  const s = E(e), u = b.getConfig(e);
+  if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
+    const c = e.querySelector(q);
+    if (c) {
+      const d = N(c, o, r);
+      i = i || d;
     }
   }
-  return i && n.apply(new g("Updated price formatting in-place")), i;
+  return i && o.apply(new p("Updated price formatting in-place")), i;
 }
-function ge(e) {
-  const { currentNode: t, documentModifier: n, currency: o } = e, r = q(t);
+function Se(t) {
+  const { currentNode: e, documentModifier: o, currency: n } = t, r = R(e);
   if (!r)
     return;
-  const s = o.alignment === "before" ? "0" : "1", i = (u, c) => {
-    n.modifyHtml(r).setAttribute(u, c);
+  const l = n.alignment === "before" ? "0" : "1", i = (s, u) => {
+    o.modifyHtml(r).setAttribute(s, u);
   };
-  i(p.CURRENCY, o.code), i(p.SYMBOL, o.symbol), i(p.ALIGNMENT, s), i(p.THOUSAND_SEPARATOR, o.thousandSeparator), i(p.DECIMAL_SEPARATOR, o.decimalSeparator), i(p.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new g("Update currency attributes"));
+  i(g.CURRENCY, n.code), i(g.SYMBOL, n.symbol), i(g.ALIGNMENT, l), i(g.THOUSAND_SEPARATOR, n.thousandSeparator), i(g.DECIMAL_SEPARATOR, n.decimalSeparator), i(g.DECIMAL_COUNT, n.decimalCount.toString()), o.apply(new p("Update currency attributes"));
 }
 export {
-  ye as adjustProductsToSize,
+  pe as adjustProductsToSize,
   A as formatProductPrice,
-  q as getBlockElement,
-  x as getCardComposition,
-  C as getCurrentLayout,
-  fe as regenerateMobileProductRows,
+  R as getBlockElement,
+  H as getCardComposition,
+  E as getCurrentLayout,
+  Z as reapplySpacing,
+  J as regenerateMobileProductRows,
+  Q as regenerateProductRows,
   me as regenerateProductRowsWithStyles,
-  ge as setCurrencyAttributes,
-  be as updatePricesInPlace,
-  pe as updateProductContentInPlace,
-  ee as updateSingleProductContent
+  Se as setCurrencyAttributes,
+  ge as updatePricesInPlace,
+  ye as updateProductContentInPlace,
+  te as updateSingleProductContent
 };