@useinsider/guido 2.1.0-beta.da327fa → 2.1.0-beta.dd5bf20

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

@@ -0,0 +1,307 @@
+import { ModificationDescription as S } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlockId as m } from "../../constants/blockIds.js";
+import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as T, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as _ } from "../../constants/selectors.js";
+import { RecommendationConfigService as k } from "../../services/configService.js";
+import { useRecommendationExtensionStore as b } from "../../store/recommendation.js";
+import { prepareProductRows as R } from "../../templates/index.js";
+import { formatPrice as D } from "../../utils/priceFormatter.js";
+import { isTdNode as L } from "../../utils/tagName.js";
+import { sanitizeImageUrl as U, getDefaultProducts as H, DEFAULT_CARD_COMPOSITION as C } from "../../templates/utils.js";
+const q = "ins-recommendation-v3-block-v2";
+function E(o) {
+  if (!o)
+    return null;
+  if ("getAttribute" in o) {
+    const e = o.getAttribute("class");
+    if (e && e.includes(q))
+      return o;
+  }
+  return "querySelector" in o ? o.querySelector(`.${q}`) : null;
+}
+function P(o) {
+  const e = E(o);
+  if (!e || !("getAttribute" in e))
+    return "grid";
+  const t = e.getAttribute("data-layout");
+  return t === "list" || t === "horizontal" ? "list" : "grid";
+}
+function N(o) {
+  const e = E(o);
+  if (!e || !("getAttribute" in e))
+    return C;
+  const t = e.getAttribute("data-card-composition");
+  return t ? t.split(",").filter(Boolean) : C;
+}
+function g(o, e, t) {
+  if (!e || !("childNodes" in e))
+    return !1;
+  const n = e.childNodes().find(
+    (i) => "getType" in i && i.getType() === "text"
+  );
+  return n ? (o.modifyHtml(n).setText(t), !0) : !1;
+}
+function h(o, e) {
+  return o && o.length > 0 ? o : e.length > 0 ? e : H();
+}
+function $(o) {
+  const { currentNode: e, documentModifier: t, products: r, layout: n } = o;
+  if (!e || !("querySelector" in e))
+    return;
+  const i = e.querySelector(T);
+  if (!i)
+    return;
+  const c = b(), u = k.getConfig(e), l = h(r, c.recommendationProducts), s = N(e), d = n ?? P(e), a = R(l, d, {
+    productsPerRow: u.mobileCardsInRow,
+    composition: s
+  });
+  t.modifyHtml(i).setInnerHtml(a).apply(new S("Updated mobile product rows"));
+}
+function x(o) {
+  const {
+    currentNode: e,
+    documentModifier: t,
+    afterRegenerate: r,
+    products: n,
+    layout: i
+  } = o;
+  if (!e || !("querySelector" in e))
+    return;
+  const c = e.querySelector(w) ?? e.querySelector(_);
+  if (!c)
+    return;
+  const u = b(), l = h(n, u.recommendationProducts), { cardsInRow: s } = u.recommendationConfigs, d = N(e), a = i ?? P(e), p = R(l, a, {
+    productsPerRow: s,
+    composition: d
+  });
+  t.modifyHtml(c).setInnerHtml(p).apply(new S("Updated product")), $(o), r == null || r();
+}
+function B(o, e, t, r) {
+  const i = `0 ${Math.floor(t / 2)}px`;
+  let c = !1;
+  return r === "grid" ? Array.from(
+    o.querySelectorAll(".attribute-cell")
+  ).forEach((l) => {
+    e.modifyHtml(l).setStyle("padding", i), c = !0;
+  }) : Array.from(
+    o.querySelectorAll(".product-card-wrapper")
+  ).forEach((l) => {
+    const s = "parentNode" in l ? l.parentNode : null;
+    s && L(s) && (e.modifyHtml(s).setStyle("padding", i), c = !0);
+  }), c;
+}
+function v(o, e, t) {
+  const r = `${t}px`, n = Array.from(o.querySelectorAll(".spacer"));
+  let i = !1;
+  return n.forEach((c) => {
+    e.modifyHtml(c).setStyle("height", r), i = !0;
+  }), i;
+}
+function V(o) {
+  const { currentNode: e, documentModifier: t } = o;
+  if (!e)
+    return;
+  const r = E(e);
+  if (!r || !("getAttribute" in r))
+    return;
+  const n = r.getAttribute("data-column-spacing"), i = r.getAttribute("data-row-spacing"), c = P(e);
+  let u = !1;
+  if (n) {
+    const l = parseInt(n);
+    Number.isNaN(l) || (u = B(
+      e,
+      t,
+      l,
+      c
+    ));
+  }
+  if (i) {
+    const l = parseInt(i);
+    if (!Number.isNaN(l)) {
+      const s = v(e, t, l);
+      u = u || s;
+    }
+  }
+  u && t.apply(new S("Reapply spacing after regeneration"));
+}
+function ee(o) {
+  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
+  e && x({
+    currentNode: e,
+    documentModifier: t,
+    products: n,
+    layout: i,
+    afterRegenerate: () => {
+      setTimeout(() => {
+        V({ currentNode: e, documentModifier: t });
+      }, 0), r == null || r();
+    }
+  });
+}
+function M() {
+  const o = b(), { currencySettings: e } = o.recommendationConfigs;
+  return {
+    code: e.value,
+    symbol: e.symbol,
+    alignment: e.alignment === "0" ? "before" : "after",
+    decimalCount: parseInt(e.decimalCount) || 2,
+    decimalSeparator: e.decimalSeparator,
+    thousandSeparator: e.thousandSeparator
+  };
+}
+function A(o, e = "price") {
+  const t = M(), r = o[e], n = (r == null ? void 0 : r[t.code]) ?? Object.values(r ?? {})[0] ?? 0;
+  return D({
+    price: n,
+    currency: t
+  });
+}
+function j(o) {
+  var i, c;
+  const e = M(), t = ((i = o.original_price) == null ? void 0 : i[e.code]) ?? Object.values(o.original_price ?? {})[0] ?? 0, r = ((c = o.price) == null ? void 0 : c[e.code]) ?? Object.values(o.price ?? {})[0] ?? 0, n = t > 0 ? Math.round((t - r) / t * 100) : 0;
+  return n > 0 ? `-${n}%` : "0%";
+}
+function I(o) {
+  const { documentModifier: e, product: t, priceEl: r, oldPriceEl: n, omnibusPriceEl: i, omnibusDiscountEl: c } = o;
+  let u = !1;
+  if (r && "querySelector" in r) {
+    const l = r.querySelector("strong"), s = A(t, "price");
+    g(e, l, s) && (u = !0);
+  }
+  if (n && "querySelector" in n) {
+    const l = n.querySelector("strong"), s = A(t, "original_price");
+    g(e, l, s) && (u = !0);
+  }
+  if (i && "querySelector" in i) {
+    const l = i.querySelector(".omnibus-price-value"), s = A(t, "original_price");
+    g(e, l, s) && (u = !0);
+  }
+  if (c && "querySelector" in c) {
+    const l = c.querySelector(".omnibus-discount-value"), s = j(t);
+    g(e, l, s) && (u = !0);
+  }
+  return u;
+}
+function W(o) {
+  const {
+    documentModifier: e,
+    product: t,
+    imageEl: r,
+    nameEl: n,
+    priceEl: i,
+    oldPriceEl: c,
+    omnibusPriceEl: u,
+    omnibusDiscountEl: l,
+    buttonEl: s
+  } = o;
+  let d = !1;
+  if (r && "querySelector" in r) {
+    const a = r.querySelector("img");
+    a && (e.modifyHtml(a).setAttribute("src", U(t.image_url)).setAttribute("alt", t.name), d = !0);
+    const p = r.querySelector("a");
+    p && (e.modifyHtml(p).setAttribute("href", t.url), d = !0);
+  }
+  if (n && "querySelector" in n) {
+    const a = n.querySelector("strong");
+    g(e, a, t.name) && (d = !0);
+  }
+  if (I({
+    documentModifier: e,
+    product: t,
+    priceEl: i,
+    oldPriceEl: c,
+    omnibusPriceEl: u,
+    omnibusDiscountEl: l
+  }) && (d = !0), s && "querySelector" in s) {
+    const a = s.querySelector("a.es-button") || s.querySelector("a");
+    a && (e.modifyHtml(a).setAttribute("href", t.url), d = !0);
+  }
+  return d;
+}
+function te(o) {
+  const { currentNode: e, documentModifier: t, products: r } = o;
+  if (!e || !("querySelectorAll" in e))
+    return !1;
+  const n = e.querySelectorAll(
+    `[esd-extension-block-id="${m.IMAGE}"]`
+  ), i = e.querySelectorAll(
+    `[esd-extension-block-id="${m.NAME}"]`
+  ), c = e.querySelectorAll(
+    `[esd-extension-block-id="${m.PRICE}"]`
+  ), u = e.querySelectorAll(
+    `[esd-extension-block-id="${m.OLD_PRICE}"]`
+  ), l = e.querySelectorAll(
+    `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
+  ), s = e.querySelectorAll(
+    `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
+  ), d = e.querySelectorAll(
+    `[esd-extension-block-id="${m.BUTTON}"]`
+  );
+  if (n.length !== r.length)
+    return !1;
+  let a = !1;
+  return r.forEach((p, f) => {
+    const O = W({
+      documentModifier: t,
+      product: p,
+      imageEl: n[f] ?? null,
+      nameEl: i[f] ?? null,
+      priceEl: c[f] ?? null,
+      oldPriceEl: u[f] ?? null,
+      omnibusPriceEl: l[f] ?? null,
+      omnibusDiscountEl: s[f] ?? null,
+      buttonEl: d[f] ?? null
+    });
+    a = a || O;
+  }), a && t.apply(new S("Updated product content in-place")), !0;
+}
+function oe(o) {
+  const { currentNode: e, documentModifier: t } = o;
+  if (!e || !("querySelectorAll" in e))
+    return !1;
+  const n = b().recommendationProducts;
+  if (n.length === 0)
+    return !1;
+  const i = e.querySelectorAll(
+    `[esd-extension-block-id="${m.PRICE}"]`
+  ), c = e.querySelectorAll(
+    `[esd-extension-block-id="${m.OLD_PRICE}"]`
+  ), u = e.querySelectorAll(
+    `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
+  ), l = e.querySelectorAll(
+    `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
+  );
+  let s = !1;
+  return n.forEach((d, a) => {
+    I({
+      documentModifier: t,
+      product: d,
+      priceEl: i[a] ?? null,
+      oldPriceEl: c[a] ?? null,
+      omnibusPriceEl: u[a] ?? null,
+      omnibusDiscountEl: l[a] ?? null
+    }) && (s = !0);
+  }), s && t.apply(new S("Updated price formatting in-place")), s;
+}
+function re(o) {
+  const { currentNode: e, documentModifier: t, currency: r } = o, n = E(e);
+  if (!n)
+    return;
+  const i = r.alignment === "before" ? "0" : "1", c = (u, l) => {
+    t.modifyHtml(n).setAttribute(u, l);
+  };
+  c(y.CURRENCY, r.code), c(y.SYMBOL, r.symbol), c(y.ALIGNMENT, i), c(y.THOUSAND_SEPARATOR, r.thousandSeparator), c(y.DECIMAL_SEPARATOR, r.decimalSeparator), c(y.DECIMAL_COUNT, r.decimalCount.toString()), t.apply(new S("Update currency attributes"));
+}
+export {
+  A as formatProductPrice,
+  E as getBlockElement,
+  N as getCardComposition,
+  P as getCurrentLayout,
+  V as reapplySpacing,
+  $ as regenerateMobileProductRows,
+  x as regenerateProductRows,
+  ee as regenerateProductRowsWithStyles,
+  re as setCurrencyAttributes,
+  oe as updatePricesInPlace,
+  te as updateProductContentInPlace,
+  W as updateSingleProductContent
+};

package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js

@@ -0,0 +1,21 @@
+import { ModificationDescription as r } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const i = "ins-recommendation-desktop-container", s = "ins-recommendation-mobile-container", l = `.${s} { display: none; }`, u = `@media only screen and (max-width: 480px) { .${i} { display: none !important; } .${s} { display: table !important; } }`, c = `.${s}`;
+function a(o, e) {
+  return !!o.querySelector(e);
+}
+function d(o) {
+  return o.querySelectorAll(`*${i}`).length > 0;
+}
+function p(o) {
+  const e = o.getDocumentRootCssNode();
+  if (!e)
+    return;
+  const n = o.getDocumentModifier();
+  let t = !1;
+  a(e, c) || (n.modifyCss(e).appendRule(l), t = !0), d(e) || (n.modifyCss(e).appendRule(u), t = !0), t && n.apply(new r("Add mobile layout CSS rules"));
+}
+export {
+  i as CSS_CLASS_DESKTOP_CONTAINER,
+  s as CSS_CLASS_MOBILE_CONTAINER,
+  p as ensureMobileCssRulesExist
+};

package/dist/extensions/Blocks/Recommendation/controls/name/index.js

@@ -0,0 +1,46 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
+import { NameTextTrimControl as i } from "./textTrim.js";
+const m = a(
+  t.NAME_ALIGN,
+  o.NAME,
+  r
+), A = N(
+  t.NAME_COLOR,
+  o.NAME,
+  r
+), E = c(
+  t.NAME_SIZE,
+  o.NAME,
+  r
+), M = C(
+  t.NAME_STYLE,
+  o.NAME,
+  r
+), s = l(
+  t.NAME_FONT_FAMILY,
+  o.NAME,
+  r
+), d = e(
+  t.NAME_BACKGROUND,
+  o.NAME,
+  r
+), T = n(
+  t.NAME_PADDINGS,
+  o.NAME,
+  r
+), F = {
+  align: m,
+  color: A,
+  size: E,
+  style: M,
+  fontFamily: s,
+  background: d,
+  paddings: T,
+  textTrim: i
+};
+export {
+  F as NameControls
+};

package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js

@@ -0,0 +1,108 @@
+import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as m } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as u } from "../../constants/selectors.js";
+const i = {
+  TEXT_TRIM_ENABLED: "textTrimEnabled"
+}, o = "text-trim-enabled", d = `.${o}`, T = `.${o} p`, f = `.${o} { max-width: 0; }`, p = `.${o} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
+class g extends c {
+  getId() {
+    return m.NAME_TEXT_TRIM;
+  }
+  getTemplate() {
+    return `
+            <div class="name-text-trim-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Trim Long Text" }),
+      this._GuToggle(i.TEXT_TRIM_ENABLED)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentTrimState();
+    this.api.updateValues({
+      [i.TEXT_TRIM_ENABLED]: e
+    });
+  }
+  _getCurrentTrimState() {
+    if (!this.currentNode || !("hasClass" in this.currentNode))
+      return !1;
+    if (this.currentNode.hasClass(o))
+      return !0;
+    const e = this.currentNode.closest(u);
+    if (!e)
+      return !1;
+    const t = e.querySelector(
+      `[esd-extension-block-id="${l.NAME}"]`
+    );
+    return t && "hasClass" in t ? t.hasClass(o) : !1;
+  }
+  /**
+   * Finds an existing CSS rule in the document stylesheet by exact query
+   * @param query - The CSS query to search for (uses Stripo's CSS query syntax)
+   * @returns The CSS rule node if found, undefined otherwise
+   */
+  _findCssRule(e) {
+    const t = this.api.getDocumentRootCssNode();
+    if (t)
+      return t.querySelector(e);
+  }
+  /**
+   * Finds the .text-trim-enabled p rule by searching all text-trim rules and comparing selectors
+   * This is needed because Stripo's CSS query syntax interprets spaces as path separators
+   * @returns true if the rule exists
+   */
+  _hasParagraphRule() {
+    const e = this.api.getDocumentRootCssNode();
+    return e ? e.querySelectorAll(`*${o}`).some((s) => "getSelector" in s && typeof s.getSelector == "function" ? s.getSelector() === T : !1) : !1;
+  }
+  /**
+   * Ensures the text-trim CSS rules exist in the document stylesheet
+   * Only adds rules if they don't already exist (prevents duplicates across multiple blocks)
+   */
+  _ensureCssRulesExist() {
+    const e = this.api.getDocumentRootCssNode();
+    if (!e)
+      return;
+    const t = this.api.getDocumentModifier();
+    let s = !1;
+    this._findCssRule(d) || (t.modifyCss(e).appendRule(f), s = !0), this._hasParagraphRule() || (t.modifyCss(e).appendRule(p), s = !0), s && t.apply(new a("Add text trim CSS rules"));
+  }
+  _onTextTrimChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(u);
+    if (!t || !("querySelectorAll" in t))
+      return;
+    const s = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${l.NAME}"]`)
+    );
+    if (!s.length)
+      return;
+    e && this._ensureCssRulesExist();
+    const r = this.api.getDocumentModifier();
+    s.forEach((n) => {
+      e ? r.modifyHtml(n).setClass(o) : r.modifyHtml(n).removeClass(o);
+    }), r.apply(
+      new a(
+        e ? "Enable product name text trimming" : "Disable product name text trimming"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.TEXT_TRIM_ENABLED, (e) => {
+      this._onTextTrimChange(e);
+    });
+  }
+}
+export {
+  g as NameTextTrimControl
+};

package/dist/extensions/Blocks/Recommendation/controls/oldPrice/index.js

@@ -0,0 +1,44 @@
+import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as _, createTextAlignControl as I } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
+const O = I(
+  t.OLD_PRICE_ALIGN,
+  o.OLD_PRICE,
+  n
+), R = _(
+  t.OLD_PRICE_COLOR,
+  o.OLD_PRICE,
+  n
+), a = c(
+  t.OLD_PRICE_SIZE,
+  o.OLD_PRICE,
+  n
+), i = l(
+  t.OLD_PRICE_STYLE,
+  o.OLD_PRICE,
+  n
+), E = e(
+  t.OLD_PRICE_FONT_FAMILY,
+  o.OLD_PRICE,
+  n
+), L = C(
+  t.OLD_PRICE_BACKGROUND,
+  o.OLD_PRICE,
+  n
+), P = r(
+  t.OLD_PRICE_PADDINGS,
+  o.OLD_PRICE,
+  n
+), T = {
+  align: O,
+  color: R,
+  size: a,
+  style: i,
+  fontFamily: E,
+  background: L,
+  paddings: P
+};
+export {
+  T as OldPriceControls
+};

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.js

@@ -0,0 +1,48 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as N } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
+import { OmnibusDiscountTextAfterControl as l } from "./textAfter.js";
+import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
+const i = N(
+  t.OMNIBUS_DISCOUNT_ALIGN,
+  o.OMNIBUS_DISCOUNT,
+  r
+), T = I(
+  t.OMNIBUS_DISCOUNT_COLOR,
+  o.OMNIBUS_DISCOUNT,
+  r
+), c = S(
+  t.OMNIBUS_DISCOUNT_SIZE,
+  o.OMNIBUS_DISCOUNT,
+  r
+), _ = O(
+  t.OMNIBUS_DISCOUNT_STYLE,
+  o.OMNIBUS_DISCOUNT,
+  r
+), m = C(
+  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
+  o.OMNIBUS_DISCOUNT,
+  r
+), s = e(
+  t.OMNIBUS_DISCOUNT_BACKGROUND,
+  o.OMNIBUS_DISCOUNT,
+  r
+), B = n(
+  t.OMNIBUS_DISCOUNT_PADDINGS,
+  o.OMNIBUS_DISCOUNT,
+  r
+), g = {
+  align: i,
+  color: T,
+  size: c,
+  style: _,
+  fontFamily: m,
+  background: s,
+  paddings: B,
+  textBefore: U,
+  textAfter: l
+};
+export {
+  g as OmnibusDiscountControls
+};

package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextAfterControl.js → omnibusDiscount/textAfter.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", i = "data-text-after", u = "", p = ".omnibus-text-after";
-class E extends m {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as a } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const i = "data-text-after", u = "", p = ".omnibus-text-after";
+class b extends a {
   getId() {
-    return l.OMNIBUS_DISCOUNT_TEXT_AFTER;
+    return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -42,11 +44,11 @@ class E extends m {
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(f);
+    const e = this.currentNode.closest(T);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -55,17 +57,17 @@ class E extends m {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const c = T(r, t);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = f(r, t);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new a("Update omnibus discount text after"));
+    }), o.apply(new c("Update omnibus discount text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
-      this._onTextChange(t);
+      typeof t == "string" && this._onTextChange(t);
     });
   }
 }
 export {
-  E as OmnibusDiscountTextAfterControl
+  b as OmnibusDiscountTextAfterControl
 };

package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextBeforeControl.js → omnibusDiscount/textBefore.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", i = "data-text-before", u = "", p = ".omnibus-text-before";
-class C extends a {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const i = "data-text-before", u = "", p = ".omnibus-text-before";
+class g extends l {
   getId() {
-    return l.OMNIBUS_DISCOUNT_TEXT_BEFORE;
+    return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -42,11 +44,11 @@ class C extends a {
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(f);
+    const t = this.currentNode.closest(T);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -55,17 +57,17 @@ class C extends a {
       o.modifyHtml(s).setAttribute(i, e);
       const r = s.querySelector(p);
       if (r) {
-        const c = T(r, e);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = f(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new m("Update omnibus discount text before"));
+    }), o.apply(new c("Update omnibus discount text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
-      this._onTextChange(e);
+      typeof e == "string" && this._onTextChange(e);
     });
   }
 }
 export {
-  C as OmnibusDiscountTextBeforeControl
+  g as OmnibusDiscountTextBeforeControl
 };