@useinsider/guido 2.0.0-beta.1f72712 → 2.0.0-beta.200f113

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

@@ -1,110 +0,0 @@
-var g = Object.defineProperty;
-var p = (e, o, t) => o in e ? g(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var s = (e, o, t) => p(e, typeof o != "symbol" ? o + "" : o, t);
-import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as f } from "../../../common-control.js";
-import { CONTAINER_SELECTOR as C } from "../../constants/selectors.js";
-import { RecommendationConfigService as i } from "../../services/configService.js";
-import { useRecommendationExtensionStore as L } from "../../store/recommendation.js";
-import { prepareProductRows as y } from "../../templates/index.js";
-import { getCurrentLayout as d, getBlockElement as N, getCurrentCardBackgroundColor as T, getCardComposition as _, applyCardBackgroundColor as O } from "../main/utils.js";
-import { getDefaultProducts as R } from "../../templates/utils.js";
-const A = "recommendation-layout-control", a = {
-  LAYOUT: "layout"
-}, U = {
-  LAYOUT: "data-layout"
-}, w = [
-  { text: "Vertical", value: "vertical" },
-  { text: "Horizontal", value: "horizontal" }
-];
-class V extends f {
-  constructor() {
-    super(...arguments);
-    s(this, "store", L());
-    s(this, "isChangingLayout", !1);
-  }
-  getId() {
-    return A;
-  }
-  getTemplate() {
-    return `
-            <div class="layout-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Layout Orientation" }),
-      this._GuRadioButton({
-        name: a.LAYOUT,
-        buttons: w
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
-  }
-  _setFormValues() {
-    const r = i.getConfig(this.currentNode).layout || d(this.currentNode);
-    this.api.updateValues({
-      [a.LAYOUT]: r
-    });
-  }
-  /**
-   * Handles layout change
-   * Updates node config, data attribute and regenerates product rows
-   */
-  _onLayoutChange(t) {
-    if (this.isChangingLayout || !this.currentNode || (i.getConfig(this.currentNode).layout || d(this.currentNode)) === t)
-      return;
-    const n = N(this.currentNode);
-    if (n) {
-      this.isChangingLayout = !0;
-      try {
-        i.updateConfig(
-          this.api,
-          this.currentNode,
-          { layout: t },
-          `Changed layout to ${t}`
-        ), this.store.$patch({
-          recommendationConfigs: {
-            orientation: t
-          }
-        }), this.api.getDocumentModifier().modifyHtml(n).setAttribute(U.LAYOUT, t).apply(new c(`Update layout to ${t}`)), this._regenerateProductRows(t);
-      } finally {
-        this.isChangingLayout = !1;
-      }
-    }
-  }
-  /**
-   * Regenerates product rows based on the selected layout
-   * Special handling: captures and reapplies background color across layout changes
-   */
-  _regenerateProductRows(t) {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return;
-    const r = this.currentNode.querySelector(C);
-    if (!r)
-      return;
-    const u = T(this.currentNode), n = this.store.recommendationProducts.length > 0 ? this.store.recommendationProducts : R(), m = i.getConfig(this.currentNode), l = _(this.currentNode), h = y(n, t, {
-      productsPerRow: m.cardsInRow,
-      composition: l
-    });
-    this.api.getDocumentModifier().modifyHtml(r).setInnerHtml(h).apply(new c(`Regenerated products for ${t} layout`)), O({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier(),
-      bgColor: u,
-      layout: t
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(a.LAYOUT, (t) => {
-      this._onLayoutChange(t);
-    });
-  }
-}
-export {
-  A as LAYOUT_CONTROL_ID,
-  V as LayoutControl
-};

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

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

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

@@ -1,207 +0,0 @@
-var h = Object.defineProperty;
-var R = (a, o, e) => o in a ? h(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
-var c = (a, o, e) => R(a, typeof o != "symbol" ? o + "" : o, e);
-import { currencyLocationMaps as u, currencyOperators as s, currencyDecimalCounts as l } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as _ } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
-import { RecommendationConfigService as C } from "../../services/configService.js";
-import { useRecommendationExtensionStore as p } from "../../store/recommendation.js";
-import { setCurrencyAttributes as d, regenerateProductRows as S, reapplySpacing as E } from "./utils.js";
-const N = "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 Y extends m {
-  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 N;
-  }
-  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: u
-      }),
-      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: s
-      }),
-      this._GuLabel({ text: "Decimal Separator" }),
-      this._GuSelect({
-        name: t.CURRENCY_DECIMAL_SEPARATOR,
-        placeholder: "Select Decimal Separator",
-        options: s
-      }),
-      this._GuLabel({ text: "Decimal Count" }),
-      this._GuSelect({
-        name: t.CURRENCY_DECIMAL_COUNT,
-        placeholder: "Select Decimal Count",
-        options: l
-      })
-    ])}
-            </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]: u,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: s,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: s,
-      [t.CURRENCY_DECIMAL_COUNT]: l
-    };
-    Object.entries(r).forEach(([n, i]) => {
-      this.api.setUIEAttribute(n, _.SELECTPICKER.items, i);
-    });
-  }
-  _updateCurrency(e) {
-    if (!this.currentNode)
-      return;
-    const n = { ...C.getConfig(this.currentNode).currency, ...e };
-    C.updateConfig(
-      this.api,
-      this.currentNode,
-      { currency: n },
-      "Updated currency settings"
-    );
-    const i = this.api.getDocumentModifier();
-    d({
-      currentNode: this.currentNode,
-      documentModifier: i,
-      currency: n
-    }), this.store.$patch({
-      recommendationConfigs: {
-        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
-        }
-      }
-    }), S({
-      currentNode: this.currentNode,
-      documentModifier: i,
-      afterRegenerate: () => {
-        E({
-          currentNode: this.currentNode,
-          documentModifier: i
-        });
-      }
-    });
-  }
-  _onCurrencyChange(e) {
-    const [, r] = e.includes(".") ? e.split(".") : [null, e];
-    this._updateCurrency({
-      code: r,
-      symbol: r
-    }), 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 {
-  N as CURRENCY_CONTROL_ID,
-  Y as CurrencyControl
-};

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

@@ -1,54 +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.$patch({
-      filterSelectionDrawerStatus: !0
-    });
-  }
-  _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,148 +0,0 @@
-var a = Object.defineProperty;
-var h = (n, s, e) => s in n ? a(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var r = (n, s, e) => h(n, typeof s != "symbol" ? s + "" : s, e);
-import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as c } from "../../store/recommendation.js";
-import { AlgorithmControl as u } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as x } from "./algorithm.js";
-import { CurrencyControl as C } from "./currency.js";
-import { CURRENCY_CONTROL_ID as k } from "./currency.js";
-import { FiltersControl as d } from "./filters.js";
-import { FILTERS_CONTROL_ID as A } from "./filters.js";
-import { LocaleControl as f } from "./locale.js";
-import { LOCALE_CONTROL_ID as z } from "./locale.js";
-import { ProductLayoutControl as p } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Y } from "./productLayout.js";
-import { ShuffleControl as R } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as B } from "./shuffle.js";
-import { useDebounceFn as y } from "../../../../../node_modules/@vueuse/shared/index.js";
-const T = /* @__PURE__ */ new Set([
-  "size",
-  "strategy",
-  "filters",
-  "productIds",
-  "language",
-  "shuffleProducts",
-  "currencySettings"
-]), _ = "ui-elements-recommendation-block";
-class F extends m {
-  constructor() {
-    super(...arguments);
-    r(this, "store", c());
-    r(this, "storeUnsubscription", () => {
-    });
-    // Sub-control instances for lifecycle management
-    r(this, "algorithmControl", null);
-    r(this, "localeControl", null);
-    r(this, "currencyControl", null);
-    r(this, "productLayoutControl", null);
-    r(this, "filtersControl", null);
-    r(this, "shuffleControl", null);
-    /**
-     * Debounced product fetch to prevent rapid API calls during config changes
-     */
-    r(this, "_debouncedFetchProducts", y(() => {
-      this.store.fetchRecommendationProducts();
-    }, 500));
-  }
-  getId() {
-    return _;
-  }
-  getTemplate() {
-    return this.algorithmControl = new u(), this.localeControl = new f(), this.currencyControl = new C(), this.productLayoutControl = new p(), this.filtersControl = new d(), this.shuffleControl = new R(), `
-            <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() {
-    (await Promise.allSettled([
-      this.store.fetchRecommendationFilters(),
-      this.store.fetchRecommendationCreateData(),
-      this.store.fetchRecommendationProducts()
-    ])).forEach((t, o) => {
-      t.status === "rejected" && console.warn(`Recommendation block: ${[
-        "fetchRecommendationFilters",
-        "fetchRecommendationCreateData",
-        "fetchRecommendationProducts"
-      ][o]} failed`, t.reason);
-    }), this._initializeSubControls(), this._listenStateUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((o) => {
-      var i;
-      o != null && o.api && (o.currentNode = e, (i = o.onTemplateNodeUpdated) == null || i.call(o, e));
-    });
-  }
-  onDestroy() {
-    this.storeUnsubscription(), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((t) => {
-      var o;
-      return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
-    });
-  }
-  /**
-   * 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((t) => {
-      var o;
-      t && (t.api = this.api, t.currentNode = this.currentNode, (o = t.onRender) == null || o.call(t));
-    });
-  }
-  /**
-   * Listen to store changes that require product refresh
-   * Only triggers for meaningful config changes (size, strategy, filters, etc.)
-   * Uses debounce to prevent rapid API calls
-   */
-  _listenStateUpdates() {
-    this.storeUnsubscription = this.store.$subscribe((e) => {
-      if ("payload" in e) {
-        const t = e.payload.recommendationConfigs;
-        t && Object.keys(t).some((l) => T.has(l)) && this._debouncedFetchProducts();
-      }
-    });
-  }
-}
-export {
-  x as ALGORITHM_CONTROL_ID,
-  u as AlgorithmControl,
-  _ as CONTROL_BLOCK_ID,
-  k as CURRENCY_CONTROL_ID,
-  C as CurrencyControl,
-  A as FILTERS_CONTROL_ID,
-  d as FiltersControl,
-  z as LOCALE_CONTROL_ID,
-  f as LocaleControl,
-  Y as PRODUCT_LAYOUT_CONTROL_ID,
-  p as ProductLayoutControl,
-  F as RecommendationBlockControl,
-  B as SHUFFLE_CONTROL_ID,
-  R as ShuffleControl
-};

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

@@ -1,74 +0,0 @@
-var s = Object.defineProperty;
-var r = (o, t, e) => t in o ? s(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var a = (o, t, e) => r(o, typeof t != "symbol" ? t + "" : t, e);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
-import { RecommendationConfigService as i } from "../../services/configService.js";
-import { useRecommendationExtensionStore as c } from "../../store/recommendation.js";
-const g = "recommendation-locale-control", n = {
-  LOCALE: "language"
-};
-class C extends m {
-  constructor() {
-    super(...arguments);
-    // Store is used ONLY for API-fetched data (language options), not for config
-    a(this, "store", c());
-  }
-  getId() {
-    return g;
-  }
-  getTemplate() {
-    return `
-            <div class="locale-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Recommendation Locale" }),
-      this._GuSelect({
-        name: n.LOCALE,
-        placeholder: "Select Recommendation Locale",
-        options: this.store.getLanguages
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues();
-  }
-  _setFormValues() {
-    const e = i.getConfig(this.currentNode);
-    this.api.updateValues({
-      [n.LOCALE]: e.language
-    });
-  }
-  _initializeSelectItems() {
-    this.api.setUIEAttribute(
-      n.LOCALE,
-      l.SELECTPICKER.items,
-      this.store.getLanguages
-    );
-  }
-  _onLocaleChange(e) {
-    this.currentNode && (i.updateConfig(
-      this.api,
-      this.currentNode,
-      { language: e },
-      `Changed language to ${e}`
-    ), this.store.$patch({
-      recommendationConfigs: {
-        language: e
-      }
-    }));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(n.LOCALE, (e) => {
-      this._onLocaleChange(e);
-    });
-  }
-}
-export {
-  g as LOCALE_CONTROL_ID,
-  C as LocaleControl
-};