@useinsider/guido 2.0.0-beta.c9db5fd → 2.0.0-beta.d0056c9

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

@@ -1,370 +0,0 @@
-var S = Object.defineProperty;
-var O = (c, s, t) => s in c ? S(c, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[s] = t;
-var u = (c, s, t) => O(c, typeof s != "symbol" ? s + "" : s, t);
-import { currencyDecimalCounts as R, currencyOperators as d, currencyLocationMaps as p } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as N, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as f } from "../../../common-control.js";
-import { CONTAINER_SELECTOR as L } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as U } from "../../store/recommendation.js";
-import { prepareProductRows as y } from "../../templates/horizontalTemplate.js";
-import { DEFAULT_CARD_COMPOSITION as m, getDefaultProducts as E } from "../../templates/templateUtils.js";
-import { prepareProductRows as T } from "../../templates/verticalTemplate.js";
-import { useDebounceFn as A } from "../../../../../node_modules/@vueuse/shared/index.js";
-const D = "ui-elements-recommendation-block", e = {
-  ALGORITHM: "strategy",
-  PRODUCT_IDS: "productIds",
-  LOCALE: "language",
-  CURRENCY: "value",
-  CURRENCY_LOCATION: "alignment",
-  CURRENCY_SYMBOL: "symbol",
-  CURRENCY_THOUSAND_SEPARATOR: "thousandSeparator",
-  CURRENCY_DECIMAL_SEPARATOR: "decimalSeparator",
-  CURRENCY_DECIMAL_COUNT: "decimalCount",
-  FILTERS: "filterStatus",
-  PRODUCT_COUNT: "size",
-  PRODUCT_IN_ROW: "cardsInRow",
-  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel",
-  SHUFFLE_PRODUCTS: "shuffleProducts"
-};
-class H extends f {
-  constructor() {
-    super(...arguments);
-    u(this, "store", U());
-    u(this, "storeUnsubscription", () => {
-    });
-    u(this, "addFilterListener", () => {
-    });
-    u(this, "addFilterButton", null);
-    u(this, "_debouncedRegenerateProductRows", A(() => {
-      this._regenerateProductRows();
-    }, 500));
-  }
-  getId() {
-    return D;
-  }
-  getTemplate() {
-    return `
-            <div class="recommendation-controls-container">
-                ${this._getAlgorithms()}
-                ${this._getLanguages()}
-                ${this._getCurrency()}
-                ${this._getFilterStatus()}
-                ${this._getProductLayout()}
-                ${this._getShuffleProducts()}
-            </div>
-        `;
-  }
-  async onRender() {
-    (await Promise.allSettled([
-      this.store.fetchRecommendationFilters(),
-      this.store.fetchRecommendationCreateData(),
-      this.store.fetchRecommendationProducts()
-    ])).forEach((o, i) => {
-      o.status === "rejected" && console.warn(`Recommendation block: ${[
-        "fetchRecommendationFilters",
-        "fetchRecommendationCreateData",
-        "fetchRecommendationProducts"
-      ][i]} failed`, o.reason);
-    }), this._listenStateUpdates(), this._initializeSelectItems(), this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._updateProductsInRowVisibility();
-  }
-  onDestroy() {
-    var t;
-    (t = this.addFilterButton) == null || t.removeEventListener("click", this.addFilterListener), this.storeUnsubscription();
-  }
-  _setFormValues() {
-    const t = this.store.recommendationConfigs;
-    this._setProductIdsVisibility(), this.api.updateValues({
-      [e.ALGORITHM]: t.strategy,
-      [e.PRODUCT_IDS]: t.productIds.join(","),
-      [e.CURRENCY]: t.currencySettings.value,
-      [e.LOCALE]: t.language,
-      [e.CURRENCY_LOCATION]: t.currencySettings.alignment,
-      [e.CURRENCY_SYMBOL]: t.currencySettings.symbol,
-      [e.CURRENCY_THOUSAND_SEPARATOR]: t.currencySettings.thousandSeparator,
-      [e.CURRENCY_DECIMAL_SEPARATOR]: t.currencySettings.decimalSeparator,
-      [e.CURRENCY_DECIMAL_COUNT]: t.currencySettings.decimalCount,
-      [e.PRODUCT_COUNT]: t.size,
-      [e.PRODUCT_IN_ROW]: t.cardsInRow,
-      [e.SHUFFLE_PRODUCTS]: t.shuffleProducts
-    });
-  }
-  _initializeSelectItems() {
-    const { store: t } = this, o = t.getActivePredictiveAlgorithms, i = t.getLanguages, r = {
-      [e.ALGORITHM]: o,
-      [e.LOCALE]: i,
-      [e.CURRENCY]: t.currencyList,
-      [e.CURRENCY_LOCATION]: p,
-      [e.CURRENCY_SYMBOL]: t.getCurrencySymbolList,
-      [e.CURRENCY_THOUSAND_SEPARATOR]: d,
-      [e.CURRENCY_DECIMAL_SEPARATOR]: d,
-      [e.CURRENCY_DECIMAL_COUNT]: R,
-      [e.PRODUCT_COUNT]: Number(t.recommendationConfigs.size),
-      [e.PRODUCT_IN_ROW]: t.recommendationConfigs.cardsInRow,
-      [e.SHUFFLE_PRODUCTS]: t.recommendationConfigs.shuffleProducts
-    };
-    Object.entries(r).forEach(([l, n]) => {
-      this.api.setUIEAttribute(l, N.SELECTPICKER.items, n);
-    });
-  }
-  _getAlgorithms() {
-    return `
-            ${this._GuTwoColumns([
-      this._GuLabel({ text: "Recommendation Algorithm" }),
-      this._GuSelect({
-        name: e.ALGORITHM,
-        placeholder: "Select Recommendation Algorithm",
-        options: this.store.getActivePredictiveAlgorithms
-      }),
-      this._GuLabel({ text: "Product Ids", name: `${e.PRODUCT_IDS}_label` }),
-      this._GuTextInput({
-        name: e.PRODUCT_IDS,
-        placeholder: "Enter Product Ids",
-        className: "es-180w"
-      })
-    ])}
-        `;
-  }
-  _getLanguages() {
-    return `
-            ${this._GuTwoColumns([
-      this._GuLabel({ text: "Recommendation Locale" }),
-      this._GuSelect({
-        name: e.LOCALE,
-        placeholder: "Select Recommendation Locale",
-        options: this.store.getLanguages
-      })
-    ])}
-        `;
-  }
-  _getCurrency() {
-    return `
-            ${this._GuTwoColumns([
-      this._GuLabel({ text: "Currency" }),
-      this._GuSelect({
-        name: e.CURRENCY,
-        placeholder: "Select Currency",
-        options: this.store.currencyList
-      }),
-      this._GuLabel({ text: "Currency Location" }),
-      this._GuSelect({
-        name: e.CURRENCY_LOCATION,
-        placeholder: "Select Currency Location",
-        options: p
-      }),
-      this._GuLabel({ text: "Currency Symbol" }),
-      this._GuSelect({
-        name: e.CURRENCY_SYMBOL,
-        placeholder: "Select Currency Symbol",
-        options: this.store.getCurrencySymbolList
-      }),
-      this._GuLabel({ text: "Thousand Separator" }),
-      this._GuSelect({
-        name: e.CURRENCY_THOUSAND_SEPARATOR,
-        placeholder: "Select Thousand Separator",
-        options: d
-      }),
-      this._GuLabel({ text: "Decimal Separator" }),
-      this._GuSelect({
-        name: e.CURRENCY_DECIMAL_SEPARATOR,
-        placeholder: "Select Decimal Separator",
-        options: d
-      }),
-      this._GuLabel({ text: "Decimal Count" }),
-      this._GuSelect({
-        name: e.CURRENCY_DECIMAL_COUNT,
-        placeholder: "Select Decimal Count",
-        options: R
-      })
-    ])}
-        `;
-  }
-  _getProductLayout() {
-    return `
-            ${this._GuTwoColumns([
-      this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: 9 }),
-      this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: 4 })
-    ])}
-        `;
-  }
-  /**
-   * Gets the current layout orientation from the block's data attribute
-   */
-  _getCurrentLayout() {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return "vertical";
-    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
-  }
-  /**
-   * Updates "Products in One Row" visibility based on layout orientation
-   * This control is hidden for horizontal layout (products always take full width)
-   * Reads from store first (reliable during state transitions), falls back to DOM
-   */
-  _updateProductsInRowVisibility() {
-    const i = (this.store.recommendationConfigs.orientation || this._getCurrentLayout()) === "vertical";
-    this.api.setVisibility(e.PRODUCT_IN_ROW, i), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, i);
-  }
-  _getFilterStatus() {
-    return `
-            ${this._GuTwoColumns([
-      this._GuLabel({ text: "Filters" }),
-      this._GuButton({
-        name: e.FILTERS,
-        label: "Add Filter",
-        id: "guido__btn-add-filter"
-      })
-    ])}
-        `;
-  }
-  _getShuffleProducts() {
-    return `
-            ${this._GuTwoColumns([
-      this._GuLabel({ text: "Shuffle Recommended Products" }),
-      this._GuToggle(e.SHUFFLE_PRODUCTS)
-    ])}
-        `;
-  }
-  _onFilterSelectClick() {
-    this.store.$patch({
-      filterSelectionDrawerStatus: !0
-    });
-  }
-  _onDataChange(t, o) {
-    this.currentNode && (this.store.$patch({
-      recommendationConfigs: {
-        [t]: o
-      }
-    }), this._debouncedRegenerateProductRows());
-  }
-  /**
-   * Get the current card composition from block data attribute or use default
-   */
-  _getCardComposition() {
-    if (!this.currentNode)
-      return m;
-    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    if (!t || !("getAttribute" in t))
-      return m;
-    const o = t.getAttribute("data-card-composition");
-    return o ? o.split(",").filter(Boolean) : m;
-  }
-  _regenerateProductRows() {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return;
-    const t = this.currentNode.querySelector(L);
-    if (!t)
-      return;
-    const o = this.store.recommendationProducts.length > 0 ? this.store.recommendationProducts : E(), { cardsInRow: i } = this.store.recommendationConfigs, r = this._getCardComposition(), n = this._getCurrentLayout() === "horizontal" ? y(o) : T(o, i, r);
-    this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(n).apply(new g("Updated product")), this._reapplySpacing();
-  }
-  /**
-   * Reapply spacing values after product regeneration
-   * This ensures spacing persists when products are regenerated
-   */
-  _reapplySpacing() {
-    if (!this.currentNode)
-      return;
-    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    if (!t || !("getAttribute" in t))
-      return;
-    const o = t.getAttribute("data-column-spacing"), i = t.getAttribute("data-row-spacing"), r = this.api.getDocumentModifier(), l = this._getCurrentLayout();
-    if (o) {
-      const n = parseInt(o);
-      if (!Number.isNaN(n)) {
-        const C = `0 ${Math.floor(n / 2)}px`;
-        l === "vertical" ? Array.from(
-          this.currentNode.querySelectorAll(".attribute-cell")
-        ).forEach((a) => {
-          r.modifyHtml(a).setStyle("padding", C);
-        }) : Array.from(
-          this.currentNode.querySelectorAll(".product-card-wrapper")
-        ).forEach((a) => {
-          "parentNode" in a && a.parentNode && typeof a.parentNode == "object" && "tagName" in a.parentNode && a.parentNode.tagName === "TD" && r.modifyHtml(a.parentNode).setStyle("padding", C);
-        });
-      }
-    }
-    if (i) {
-      const n = parseInt(i);
-      if (!Number.isNaN(n)) {
-        const _ = `${n}px`;
-        Array.from(this.currentNode.querySelectorAll(".spacer")).forEach((h) => {
-          r.modifyHtml(h).setStyle("height", _);
-        });
-      }
-    }
-    (o || i) && r.apply(new g("Reapply spacing after regeneration"));
-  }
-  _onCurrencyConfigChange(t, o) {
-    this.currentNode && this.store.$patch({
-      recommendationConfigs: {
-        currencySettings: {
-          [t]: o
-        }
-      }
-    });
-  }
-  _onCurrencyChange(t) {
-    const [, o] = t.split(".");
-    this.store.$patch({
-      recommendationConfigs: {
-        currencySettings: {
-          name: o,
-          value: o
-        }
-      }
-    });
-  }
-  _setProductIdsVisibility() {
-    const { recommendationConfigs: t } = this.store, o = t.strategy === "manualMerchandising";
-    this.api.setVisibility(e.PRODUCT_IDS, o), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, o);
-  }
-  _listenToFormUpdates() {
-    var o;
-    this.api.onValueChanged(e.ALGORITHM, (i) => {
-      const r = i;
-      this._onDataChange(e.ALGORITHM, r), this._setProductIdsVisibility();
-    }), this.api.onValueChanged(e.PRODUCT_IDS, (i) => {
-      this._onDataChange(e.PRODUCT_IDS, i.split(",") || []);
-    }), this.api.onValueChanged(e.LOCALE, (i) => {
-      this._onDataChange(e.LOCALE, i);
-    }), this.api.onValueChanged(e.CURRENCY, (i) => {
-      this._onCurrencyChange(i);
-    }), [
-      e.CURRENCY_LOCATION,
-      e.CURRENCY_SYMBOL,
-      e.CURRENCY_THOUSAND_SEPARATOR,
-      e.CURRENCY_DECIMAL_SEPARATOR,
-      e.CURRENCY_DECIMAL_COUNT
-    ].forEach((i) => {
-      this.api.onValueChanged(i, (r) => {
-        this._onCurrencyConfigChange(i, r);
-      });
-    }), this.api.onValueChanged(e.PRODUCT_COUNT, (i) => {
-      this._onDataChange(e.PRODUCT_COUNT, i.toString());
-    }), this.api.onValueChanged(e.PRODUCT_IN_ROW, (i) => {
-      this._onDataChange(e.PRODUCT_IN_ROW, i);
-    }), this.api.onValueChanged(e.SHUFFLE_PRODUCTS, (i) => {
-      this._onDataChange(e.SHUFFLE_PRODUCTS, i);
-    }), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
-  }
-  _listenStateUpdates() {
-    let t = this.store.recommendationConfigs.orientation;
-    this.storeUnsubscription = this.store.$subscribe((o) => {
-      if ("payload" in o) {
-        const r = o.payload.recommendationConfigs;
-        r && (this.api.updateValues(r), this.store.fetchRecommendationProducts());
-      }
-      const i = this.store.recommendationConfigs.orientation;
-      i !== t && (t = i, this._updateProductsInRowVisibility());
-    });
-  }
-}
-export {
-  D as CONTROL_BLOCK_ID,
-  H as RecommendationBlockControl
-};

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

@@ -1,46 +0,0 @@
-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

@@ -1,76 +0,0 @@
-import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as c } from "../../../common-control.js";
-import { RecommendationBlockId as a } from "../../constants/blockIds.js";
-import { RecommendationControlId as d } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as m } from "../../constants/selectors.js";
-const s = {
-  TEXT_TRIM_ENABLED: "textTrimEnabled"
-}, r = "text-trim-enabled";
-class p extends c {
-  getId() {
-    return d.NAME_TEXT_TRIM;
-  }
-  getTemplate() {
-    return `
-            <div class="name-text-trim-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Trim Long Text" }),
-      this._GuToggle(s.TEXT_TRIM_ENABLED)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const t = this._getCurrentTrimState();
-    this.api.updateValues({
-      [s.TEXT_TRIM_ENABLED]: t
-    });
-  }
-  _getCurrentTrimState() {
-    if (!this.currentNode || !("hasClass" in this.currentNode))
-      return !1;
-    if (this.currentNode.hasClass(r))
-      return !0;
-    const t = this.currentNode.closest(m);
-    if (!t)
-      return !1;
-    const e = t.querySelector(
-      `[esd-extension-block-id="${a.NAME}"]`
-    );
-    return e && "hasClass" in e ? e.hasClass(r) : !1;
-  }
-  _onTextTrimChange(t) {
-    if (!this.currentNode || !("closest" in this.currentNode))
-      return;
-    const e = this.currentNode.closest(m);
-    if (!e || !("querySelectorAll" in e))
-      return;
-    const i = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
-    );
-    if (!i.length)
-      return;
-    const o = this.api.getDocumentModifier();
-    i.forEach((n) => {
-      t ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
-    }), o.apply(
-      new l(
-        t ? "Enable product name text trimming" : "Disable product name text trimming"
-      )
-    );
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (t) => {
-      this._onTextTrimChange(t);
-    });
-  }
-}
-export {
-  p as NameTextTrimControl
-};

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

@@ -1,44 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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/omnibusDiscount/textAfter.js

@@ -1,73 +0,0 @@
-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 d.OMNIBUS_DISCOUNT_TEXT_AFTER;
-  }
-  getTemplate() {
-    return `
-            <div class="omnibus-discount-text-after-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text After" }),
-      this._GuTextInput({
-        name: "omnibusDiscountTextAfter",
-        placeholder: "e.g., off!",
-        className: "es-180w"
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const t = this._getCurrentText();
-    this.api.updateValues({
-      omnibusDiscountTextAfter: t
-    });
-  }
-  _getCurrentText() {
-    if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return u;
-    const t = this.currentNode.getAttribute(i);
-    return t === null ? u : t;
-  }
-  _onTextChange(t) {
-    if (!this.currentNode || !("closest" in this.currentNode))
-      return;
-    const e = this.currentNode.closest(T);
-    if (!e || !("querySelectorAll" in e))
-      return;
-    const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
-    );
-    if (!n.length)
-      return;
-    const o = this.api.getDocumentModifier();
-    n.forEach((s) => {
-      o.modifyHtml(s).setAttribute(i, t);
-      const r = s.querySelector(p);
-      if (r) {
-        const m = f(r, t);
-        o.modifyHtml(r).setInnerHtml(m);
-      }
-    }), o.apply(new c("Update omnibus discount text after"));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
-      this._onTextChange(t);
-    });
-  }
-}
-export {
-  b as OmnibusDiscountTextAfterControl
-};