@useinsider/guido 2.1.0-beta.6df87d7 → 2.1.0-beta.76217f3

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

@@ -1,92 +0,0 @@
-var c = Object.defineProperty;
-var d = (o, e, t) => e in o ? c(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var n = (o, e, t) => d(o, typeof e != "symbol" ? e + "" : e, t);
-import { ModificationDescription as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { LAYOUT_OPTIONS as g } from "../../constants/layout.js";
-import { RecommendationConfigService as r } from "../../services/configService.js";
-import { useRecommendationExtensionStore as l } from "../../store/recommendation.js";
-import { getCurrentLayout as u, getBlockElement as f, regenerateProductRowsWithStyles as p } from "../main/utils.js";
-const L = "recommendation-layout-control", i = {
-  LAYOUT: "layout"
-}, C = {
-  LAYOUT: "data-layout"
-};
-class Y extends h {
-  constructor() {
-    super(...arguments);
-    n(this, "store", l());
-    n(this, "isChangingLayout", !1);
-  }
-  getId() {
-    return L;
-  }
-  getTemplate() {
-    return `
-            <div class="layout-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Layout Orientation" }),
-      this._GuRadioButton({
-        name: i.LAYOUT,
-        buttons: g
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const s = r.getConfig(this.currentNode).layout || u(this.currentNode);
-    this.api.updateValues({
-      [i.LAYOUT]: s
-    });
-  }
-  /**
-   * Handles layout change
-   * Updates node config, data attribute and regenerates product rows
-   */
-  _onLayoutChange(t) {
-    if (this.isChangingLayout || !this.currentNode || (r.getConfig(this.currentNode).layout || u(this.currentNode)) === t)
-      return;
-    const a = f(this.currentNode);
-    if (a) {
-      this.isChangingLayout = !0;
-      try {
-        r.updateConfig(
-          this.api,
-          this.currentNode,
-          { layout: t },
-          `Changed layout to ${t}`
-        ), this.store.patchCurrentBlockConfig({ orientation: t }), this.api.getDocumentModifier().modifyHtml(a).setAttribute(C.LAYOUT, t).apply(new m(`Update layout to ${t}`)), this._regenerateProductRows(t);
-      } finally {
-        this.isChangingLayout = !1;
-      }
-    }
-  }
-  /**
-   * Regenerates product rows based on the selected layout
-   * Uses unified style-preserving regeneration to maintain user customizations
-   * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
-   */
-  _regenerateProductRows(t) {
-    this.currentNode && p({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier(),
-      layout: t
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(i.LAYOUT, (t) => {
-      this._onLayoutChange(t);
-    });
-  }
-}
-export {
-  L as LAYOUT_CONTROL_ID,
-  Y as LayoutControl
-};

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

@@ -1,102 +0,0 @@
-var d = Object.defineProperty;
-var l = (o, i, t) => i in o ? d(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var a = (o, i, t) => l(o, typeof i != "symbol" ? i + "" : i, t);
-import { UEAttr as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { RecommendationConfigService as n } from "../../services/configService.js";
-import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-const u = "recommendation-algorithm-control", e = {
-  ALGORITHM: "strategy",
-  PRODUCT_IDS: "productIds"
-};
-class T extends h {
-  constructor() {
-    super(...arguments);
-    // Store is used ONLY for API-fetched data (algorithms list), not for config
-    a(this, "store", m());
-  }
-  getId() {
-    return u;
-  }
-  getTemplate() {
-    return `
-            <div class="algorithm-control-container">
-                ${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"
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const t = n.getConfig(this.currentNode);
-    this._setProductIdsVisibility(t.strategy), this.api.updateValues({
-      [e.ALGORITHM]: t.strategy,
-      [e.PRODUCT_IDS]: t.productIds.join(",")
-    });
-  }
-  _initializeSelectItems() {
-    var r;
-    const t = (r = this.store) == null ? void 0 : r.getActivePredictiveAlgorithms;
-    if (t != null && t.length)
-      try {
-        this.api.setUIEAttribute(
-          e.ALGORITHM,
-          c.SELECTPICKER.items,
-          t
-        );
-      } catch (s) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", s);
-      }
-  }
-  _setProductIdsVisibility(t) {
-    const s = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(e.PRODUCT_IDS, s), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, s);
-  }
-  _onAlgorithmChange(t) {
-    this.currentNode && (n.updateConfig(
-      this.api,
-      this.currentNode,
-      { strategy: t },
-      `Changed algorithm to ${t}`
-    ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
-  }
-  _onProductIdsChange(t) {
-    if (!this.currentNode)
-      return;
-    const r = t.split(",").map((s) => s.trim()).filter(Boolean);
-    n.updateConfig(
-      this.api,
-      this.currentNode,
-      { productIds: r },
-      "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: r });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.ALGORITHM, (t) => {
-      this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
-      this._onProductIdsChange(t);
-    });
-  }
-}
-export {
-  u as ALGORITHM_CONTROL_ID,
-  T as AlgorithmControl
-};

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

@@ -1,209 +0,0 @@
-var R = Object.defineProperty;
-var _ = (s, o, e) => o in s ? R(s, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[o] = e;
-var c = (s, o, e) => _(s, typeof o != "symbol" ? o + "" : o, e);
-import { currencyLocationMaps as l, currencyOperators as i, currencyDecimalCounts as h } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
-import { RecommendationConfigService as C } from "../../services/configService.js";
-import { useRecommendationExtensionStore as p } from "../../store/recommendation.js";
-import { setCurrencyAttributes as S, updatePricesInPlace as E, regenerateProductRowsWithStyles as N } from "./utils.js";
-const y = "recommendation-currency-control", t = {
-  CURRENCY: "currencyCode",
-  CURRENCY_LOCATION: "currencyAlignment",
-  CURRENCY_SYMBOL: "currencySymbol",
-  CURRENCY_THOUSAND_SEPARATOR: "currencyThousandSeparator",
-  CURRENCY_DECIMAL_SEPARATOR: "currencyDecimalSeparator",
-  CURRENCY_DECIMAL_COUNT: "currencyDecimalCount"
-};
-class D extends d {
-  constructor() {
-    super(...arguments);
-    // Store is used ONLY for API-fetched data (currency list), not for config
-    c(this, "store", p());
-    c(this, "storeUnsubscription", () => {
-    });
-  }
-  getId() {
-    return y;
-  }
-  getTemplate() {
-    return `
-            <div class="currency-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Currency" }),
-      this._GuSelect({
-        name: t.CURRENCY,
-        placeholder: "Select Currency",
-        options: this.store.currencyList
-      }),
-      this._GuLabel({ text: "Currency Location" }),
-      this._GuSelect({
-        name: t.CURRENCY_LOCATION,
-        placeholder: "Select Currency Location",
-        options: l
-      }),
-      this._GuLabel({ text: "Currency Symbol" }),
-      this._GuTextInput({
-        name: t.CURRENCY_SYMBOL,
-        placeholder: "Enter Currency Symbol",
-        className: "es-180w"
-      }),
-      this._GuLabel({ text: "Thousand Separator" }),
-      this._GuSelect({
-        name: t.CURRENCY_THOUSAND_SEPARATOR,
-        placeholder: "Select Thousand Separator",
-        options: i
-      }),
-      this._GuLabel({ text: "Decimal Separator" }),
-      this._GuSelect({
-        name: t.CURRENCY_DECIMAL_SEPARATOR,
-        placeholder: "Select Decimal Separator",
-        options: i
-      }),
-      this._GuLabel({ text: "Decimal Count" }),
-      this._GuSelect({
-        name: t.CURRENCY_DECIMAL_COUNT,
-        placeholder: "Select Decimal Count",
-        options: h
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeSelectItems(), this._setFormValues(), setTimeout(() => {
-      this._listenToFormUpdates();
-    }, 0), this._subscribeToStoreChanges();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues();
-  }
-  onDestroy() {
-    this.storeUnsubscription();
-  }
-  _setFormValues() {
-    const e = C.getConfig(this.currentNode), { currency: r } = e;
-    this.api.updateValues({
-      [t.CURRENCY]: `price.${r.code}`,
-      [t.CURRENCY_LOCATION]: r.alignment === "before" ? "0" : "1",
-      [t.CURRENCY_SYMBOL]: r.symbol,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: r.thousandSeparator,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: r.decimalSeparator,
-      [t.CURRENCY_DECIMAL_COUNT]: r.decimalCount.toString()
-    });
-  }
-  _initializeSelectItems() {
-    const { store: e } = this, r = {
-      [t.CURRENCY]: e.currencyList,
-      [t.CURRENCY_LOCATION]: l,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: i,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: i,
-      [t.CURRENCY_DECIMAL_COUNT]: h
-    };
-    Object.entries(r).forEach(([u, n]) => {
-      this.api.setUIEAttribute(u, m.SELECTPICKER.items, n);
-    });
-  }
-  /**
-   * Applies currency updates to node config, HTML attributes, Pinia store, and DOM.
-   * @param updates - Partial currency config to merge
-   * @param triggerRefetch - Whether to trigger a product API refetch.
-   *   true for currency code changes (different prices from API),
-   *   false for display-only changes (symbol, separators, alignment, decimal count).
-   */
-  _updateCurrency(e, r = !1) {
-    if (!this.currentNode)
-      return;
-    const n = { ...C.getConfig(this.currentNode).currency, ...e };
-    C.updateConfig(
-      this.api,
-      this.currentNode,
-      { currency: n },
-      "Updated currency settings"
-    );
-    const a = this.api.getDocumentModifier();
-    S({
-      currentNode: this.currentNode,
-      documentModifier: a,
-      currency: n
-    }), this.store.patchCurrentBlockConfig({
-      currencySettings: {
-        name: n.code,
-        value: n.code,
-        symbol: n.symbol,
-        alignment: n.alignment === "before" ? "0" : "1",
-        decimalCount: n.decimalCount.toString(),
-        decimalSeparator: n.decimalSeparator,
-        thousandSeparator: n.thousandSeparator
-      }
-    }, { triggerRefetch: r }), E({
-      currentNode: this.currentNode,
-      documentModifier: a
-    }) || N({
-      currentNode: this.currentNode,
-      documentModifier: a
-    });
-  }
-  _onCurrencyChange(e) {
-    const [, r] = e.includes(".") ? e.split(".") : [null, e];
-    this._updateCurrency({
-      code: r,
-      symbol: r
-    }, !0), this.api.updateValues({
-      [t.CURRENCY_SYMBOL]: r
-    });
-  }
-  _onCurrencyLocationChange(e) {
-    this._updateCurrency({
-      alignment: e === "0" ? "before" : "after"
-    });
-  }
-  _onCurrencySymbolChange(e) {
-    this._updateCurrency({ symbol: e });
-  }
-  _onThousandSeparatorChange(e) {
-    this._updateCurrency({
-      thousandSeparator: e
-    });
-  }
-  _onDecimalSeparatorChange(e) {
-    this._updateCurrency({
-      decimalSeparator: e
-    });
-  }
-  _onDecimalCountChange(e) {
-    this._updateCurrency({
-      decimalCount: parseInt(e) || 2
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(t.CURRENCY, (e) => {
-      this._onCurrencyChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_LOCATION, (e) => {
-      this._onCurrencyLocationChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_SYMBOL, (e) => {
-      this._onCurrencySymbolChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_THOUSAND_SEPARATOR, (e) => {
-      this._onThousandSeparatorChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_DECIMAL_SEPARATOR, (e) => {
-      this._onDecimalSeparatorChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_DECIMAL_COUNT, (e) => {
-      this._onDecimalCountChange(e);
-    });
-  }
-  /**
-   * Subscribe to store changes to update currency selects when API data arrives
-   * This handles the case where the control renders before currency list is loaded
-   */
-  _subscribeToStoreChanges() {
-    let e = this.store.currencyList.length;
-    this.storeUnsubscription = this.store.$subscribe(() => {
-      const r = this.store.currencyList.length;
-      r > 0 && r !== e && (e = r, this._initializeSelectItems(), this._setFormValues());
-    });
-  }
-}
-export {
-  y as CURRENCY_CONTROL_ID,
-  D as CurrencyControl
-};

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

@@ -1,52 +0,0 @@
-var n = Object.defineProperty;
-var o = (i, e, t) => e in i ? n(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
-import { CommonControl as s } from "../../../common-control.js";
-import { useRecommendationExtensionStore as l } from "../../store/recommendation.js";
-const d = "recommendation-filters-control", a = {
-  FILTERS: "filterStatus"
-};
-class h extends s {
-  constructor() {
-    super(...arguments);
-    r(this, "store", l());
-    r(this, "addFilterListener", () => {
-    });
-    r(this, "addFilterButton", null);
-  }
-  getId() {
-    return d;
-  }
-  getTemplate() {
-    return `
-            <div class="filters-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Filters" }),
-      this._GuButton({
-        name: a.FILTERS,
-        label: "Add Filter",
-        id: "guido__btn-add-filter"
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setupButtonListener();
-  }
-  onDestroy() {
-    var t;
-    (t = this.addFilterButton) == null || t.removeEventListener("click", this.addFilterListener);
-  }
-  _onFilterSelectClick() {
-    this.store.openFilterDrawer();
-  }
-  _setupButtonListener() {
-    var t;
-    this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (t = this.addFilterButton) == null || t.addEventListener("click", this.addFilterListener);
-  }
-}
-export {
-  d as FILTERS_CONTROL_ID,
-  h as FiltersControl
-};

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

@@ -1,218 +0,0 @@
-var d = Object.defineProperty;
-var m = (c, s, t) => s in c ? d(c, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[s] = t;
-var n = (c, s, t) => m(c, typeof s != "symbol" ? s + "" : s, t);
-import { CommonControl as h } from "../../../common-control.js";
-import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { AlgorithmControl as f } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as M } from "./algorithm.js";
-import { CurrencyControl as p } from "./currency.js";
-import { CURRENCY_CONTROL_ID as W } from "./currency.js";
-import { FiltersControl as g } from "./filters.js";
-import { FILTERS_CONTROL_ID as H } from "./filters.js";
-import { LocaleControl as R } from "./locale.js";
-import { LOCALE_CONTROL_ID as j } from "./locale.js";
-import { ProductLayoutControl as _ } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as K } from "./productLayout.js";
-import { ShuffleControl as N } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as J } from "./shuffle.js";
-import { regenerateProductRowsWithStyles as b, getBlockElement as P, updateProductContentInPlace as y } from "./utils.js";
-import { formatProductPrice as X, getCardComposition as Z, getCurrentLayout as tt, reapplySpacing as et, regenerateMobileProductRows as ot, regenerateProductRows as rt, setCurrencyAttributes as nt, updatePricesInPlace as it, updateSingleProductContent as st } from "./utils.js";
-import { useDebounceFn as a } from "../../../../../node_modules/@vueuse/shared/index.js";
-const I = "recommendation-id", T = "ui-elements-recommendation-block";
-class B extends h {
-  constructor() {
-    super(...arguments);
-    n(this, "store", C());
-    n(this, "storeUnsubscription", () => {
-    });
-    // Sub-control instances for lifecycle management
-    n(this, "algorithmControl", null);
-    n(this, "localeControl", null);
-    n(this, "currencyControl", null);
-    n(this, "productLayoutControl", null);
-    n(this, "filtersControl", null);
-    n(this, "shuffleControl", null);
-    /**
-     * Debounced product fetch to prevent rapid API calls during config changes
-     */
-    n(this, "_debouncedFetchProducts", a(() => {
-      this.store.fetchRecommendationProducts();
-    }, 500));
-    /**
-     * Debounced regeneration when products arrive from API
-     * Tries in-place update first to preserve styles, falls back to full regeneration
-     */
-    n(this, "_debouncedRegenerateWithProducts", a(() => {
-      const t = this.store.recommendationProducts;
-      if (!this.currentNode || !this.api)
-        return;
-      const e = this.api.getDocumentModifier();
-      y({
-        currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
-      }) || this._regenerateWithProducts(t);
-    }, 100));
-  }
-  getId() {
-    return T;
-  }
-  getTemplate() {
-    return this.algorithmControl = new f(), this.localeControl = new R(), this.currencyControl = new p(), this.productLayoutControl = new _(), this.filtersControl = new g(), this.shuffleControl = new N(), `
-            <div class="recommendation-controls-container">
-                ${this.algorithmControl.getTemplate()}
-                ${this.localeControl.getTemplate()}
-                ${this.currencyControl.getTemplate()}
-                ${this.filtersControl.getTemplate()}
-                ${this.productLayoutControl.getTemplate()}
-                ${this.shuffleControl.getTemplate()}
-            </div>
-        `;
-  }
-  async onRender() {
-    var e;
-    const t = this._getRecommendationIdFromNode(this.currentNode) ?? this.store.currentRecommendationId;
-    if (t !== null && this.store.setCurrentBlock(t), this._listenStateUpdates(), t !== null && ((e = this.store.blockStates[t]) != null && e.isInitialized)) {
-      this._initializeSubControls();
-      return;
-    }
-    await this._fetchBlockData(t), this._initializeSubControls();
-  }
-  /**
-   * Immediately regenerate products with styles (no debounce)
-   * Used for initial load after fetch completes
-   */
-  _regenerateWithProducts(t) {
-    if (!this.currentNode || !this.api) {
-      console.warn("[Recommendation] Cannot regenerate - missing currentNode or api");
-      return;
-    }
-    b({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier(),
-      products: t
-    });
-  }
-  onTemplateNodeUpdated(t) {
-    var i;
-    super.onTemplateNodeUpdated(t);
-    const e = this._getRecommendationIdFromNode(t);
-    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), e !== null && !((i = this.store.blockStates[e]) != null && i.isInitialized) && this._fetchBlockData(e), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((r) => {
-      var l;
-      r != null && r.api && (r.currentNode = t, (l = r.onTemplateNodeUpdated) == null || l.call(r, t));
-    });
-  }
-  onDestroy() {
-    this.storeUnsubscription(), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.onDestroy) == null ? void 0 : o.call(e);
-    });
-  }
-  /**
-   * Initialize all sub-controls with the shared API context
-   * Each sub-control manages its own form values and event listeners
-   */
-  _initializeSubControls() {
-    [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((e) => {
-      var o;
-      e && (e.api = this.api, e.currentNode = this.currentNode, (o = e.onRender) == null || o.call(e));
-    });
-  }
-  /**
-   * Fetches initial data for a block (filters, algorithms, products).
-   * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
-   * Marks the block as initialized to prevent redundant fetches on re-selection.
-   */
-  async _fetchBlockData(t) {
-    t !== null && this.store.markBlockInitialized(t), (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);
-    });
-  }
-  /**
-   * Reads the recommendation-id attribute from the block element within the node
-   */
-  _getRecommendationIdFromNode(t) {
-    const e = P(t);
-    if (!e || !("getAttribute" in e))
-      return null;
-    const o = e.getAttribute(I);
-    if (!o)
-      return null;
-    const i = parseInt(o);
-    return Number.isNaN(i) ? null : i;
-  }
-  /**
-   * Listen to store changes that require product refresh or regeneration.
-   *
-   * Uses configVersion counter (incremented only by patchCurrentBlockConfig)
-   * to distinguish user-initiated config changes from internal mutations
-   * (e.g., fetchRecommendationCreateData setting preferred currency).
-   */
-  _listenStateUpdates() {
-    const { store: t } = this;
-    let e = t.recommendationProducts, o = t.$state.configVersion;
-    this.storeUnsubscription = t.$subscribe(() => {
-      const i = t.$state.configVersion;
-      i !== o && (o = i, this._debouncedFetchProducts());
-      const r = t.recommendationProducts, l = r !== e, u = Array.isArray(r) && r.length > 0;
-      l && u && (e = r, this._debouncedRegenerateWithProducts());
-    });
-  }
-}
-export {
-  M as ALGORITHM_CONTROL_ID,
-  f as AlgorithmControl,
-  T as CONTROL_BLOCK_ID,
-  W as CURRENCY_CONTROL_ID,
-  p as CurrencyControl,
-  H as FILTERS_CONTROL_ID,
-  g as FiltersControl,
-  j as LOCALE_CONTROL_ID,
-  R as LocaleControl,
-  K as PRODUCT_LAYOUT_CONTROL_ID,
-  _ as ProductLayoutControl,
-  B as RecommendationBlockControl,
-  J as SHUFFLE_CONTROL_ID,
-  N as ShuffleControl,
-  X as formatProductPrice,
-  P as getBlockElement,
-  Z as getCardComposition,
-  tt as getCurrentLayout,
-  et as reapplySpacing,
-  ot as regenerateMobileProductRows,
-  rt as regenerateProductRows,
-  b as regenerateProductRowsWithStyles,
-  nt as setCurrencyAttributes,
-  it as updatePricesInPlace,
-  y as updateProductContentInPlace,
-  st as updateSingleProductContent
-};