@useinsider/guido 2.0.0-beta.1c331b8 → 2.0.0-beta.2369541

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

@@ -1,86 +0,0 @@
-var r = Object.defineProperty;
-var a = (s, i, t) => i in s ? r(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var n = (s, i, t) => a(s, typeof i != "symbol" ? i + "" : i, t);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as h } from "../../store/recommendation.js";
-const c = "recommendation-algorithm-control", e = {
-  ALGORITHM: "strategy",
-  PRODUCT_IDS: "productIds"
-};
-class _ extends m {
-  constructor() {
-    super(...arguments);
-    n(this, "store", h());
-  }
-  getId() {
-    return c;
-  }
-  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();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: t } = this.store;
-    this._setProductIdsVisibility(), this.api.updateValues({
-      [e.ALGORITHM]: t.strategy,
-      [e.PRODUCT_IDS]: t.productIds.join(",")
-    });
-  }
-  _initializeSelectItems() {
-    this.api.setUIEAttribute(
-      e.ALGORITHM,
-      l.SELECTPICKER.items,
-      this.store.getActivePredictiveAlgorithms
-    );
-  }
-  _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);
-  }
-  _onAlgorithmChange(t) {
-    this.store.$patch({
-      recommendationConfigs: {
-        strategy: t
-      }
-    }), this._setProductIdsVisibility();
-  }
-  _onProductIdsChange(t) {
-    const o = t.split(",").filter(Boolean);
-    this.store.$patch({
-      recommendationConfigs: {
-        productIds: o
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.ALGORITHM, (t) => {
-      this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
-      this._onProductIdsChange(t);
-    });
-  }
-}
-export {
-  c as ALGORITHM_CONTROL_ID,
-  _ as AlgorithmControl
-};

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

@@ -1,134 +0,0 @@
-var l = Object.defineProperty;
-var _ = (n, o, t) => o in n ? l(n, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[o] = t;
-var s = (n, o, t) => _(n, typeof o != "symbol" ? o + "" : o, t);
-import { currencyLocationMaps as i, currencyOperators as r, currencyDecimalCounts as a } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as E } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as u } from "../../../common-control.js";
-import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-const S = "recommendation-currency-control", e = {
-  CURRENCY: "value",
-  CURRENCY_LOCATION: "alignment",
-  CURRENCY_SYMBOL: "symbol",
-  CURRENCY_THOUSAND_SEPARATOR: "thousandSeparator",
-  CURRENCY_DECIMAL_SEPARATOR: "decimalSeparator",
-  CURRENCY_DECIMAL_COUNT: "decimalCount"
-};
-class p extends u {
-  constructor() {
-    super(...arguments);
-    s(this, "store", m());
-  }
-  getId() {
-    return S;
-  }
-  getTemplate() {
-    return `
-            <div class="currency-control-container">
-                ${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: i
-      }),
-      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: r
-      }),
-      this._GuLabel({ text: "Decimal Separator" }),
-      this._GuSelect({
-        name: e.CURRENCY_DECIMAL_SEPARATOR,
-        placeholder: "Select Decimal Separator",
-        options: r
-      }),
-      this._GuLabel({ text: "Decimal Count" }),
-      this._GuSelect({
-        name: e.CURRENCY_DECIMAL_COUNT,
-        placeholder: "Select Decimal Count",
-        options: a
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  _setFormValues() {
-    const { currencySettings: t } = this.store.recommendationConfigs;
-    this.api.updateValues({
-      [e.CURRENCY]: t.value,
-      [e.CURRENCY_LOCATION]: t.alignment,
-      [e.CURRENCY_SYMBOL]: t.symbol,
-      [e.CURRENCY_THOUSAND_SEPARATOR]: t.thousandSeparator,
-      [e.CURRENCY_DECIMAL_SEPARATOR]: t.decimalSeparator,
-      [e.CURRENCY_DECIMAL_COUNT]: t.decimalCount
-    });
-  }
-  _initializeSelectItems() {
-    const { store: t } = this, C = {
-      [e.CURRENCY]: t.currencyList,
-      [e.CURRENCY_LOCATION]: i,
-      [e.CURRENCY_SYMBOL]: t.getCurrencySymbolList,
-      [e.CURRENCY_THOUSAND_SEPARATOR]: r,
-      [e.CURRENCY_DECIMAL_SEPARATOR]: r,
-      [e.CURRENCY_DECIMAL_COUNT]: a
-    };
-    Object.entries(C).forEach(([c, R]) => {
-      this.api.setUIEAttribute(c, E.SELECTPICKER.items, R);
-    });
-  }
-  _onCurrencyChange(t) {
-    const [, C] = t.split(".");
-    this.store.$patch({
-      recommendationConfigs: {
-        currencySettings: {
-          name: C,
-          value: C
-        }
-      }
-    });
-  }
-  _onCurrencyConfigChange(t, C) {
-    this.store.$patch({
-      recommendationConfigs: {
-        currencySettings: {
-          [t]: C
-        }
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.CURRENCY, (C) => {
-      this._onCurrencyChange(C);
-    }), [
-      e.CURRENCY_LOCATION,
-      e.CURRENCY_SYMBOL,
-      e.CURRENCY_THOUSAND_SEPARATOR,
-      e.CURRENCY_DECIMAL_SEPARATOR,
-      e.CURRENCY_DECIMAL_COUNT
-    ].forEach((C) => {
-      this.api.onValueChanged(C, (c) => {
-        this._onCurrencyConfigChange(C, c);
-      });
-    });
-  }
-}
-export {
-  S as CURRENCY_CONTROL_ID,
-  p 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,134 +0,0 @@
-var a = Object.defineProperty;
-var c = (n, r, o) => r in n ? a(n, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[r] = o;
-var e = (n, r, o) => c(n, typeof r != "symbol" ? r + "" : r, o);
-import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as h } 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 f } from "./filters.js";
-import { FILTERS_CONTROL_ID as A } from "./filters.js";
-import { LocaleControl as d } 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 _ } from "../../../../../node_modules/@vueuse/shared/index.js";
-const y = /* @__PURE__ */ new Set([
-  "size",
-  "strategy",
-  "filters",
-  "productIds",
-  "language",
-  "shuffleProducts"
-]), L = "ui-elements-recommendation-block";
-class P extends m {
-  constructor() {
-    super(...arguments);
-    e(this, "store", h());
-    e(this, "storeUnsubscription", () => {
-    });
-    // Sub-control instances for lifecycle management
-    e(this, "algorithmControl", null);
-    e(this, "localeControl", null);
-    e(this, "currencyControl", null);
-    e(this, "productLayoutControl", null);
-    e(this, "filtersControl", null);
-    e(this, "shuffleControl", null);
-    /**
-     * Debounced product fetch to prevent rapid API calls during config changes
-     */
-    e(this, "_debouncedFetchProducts", _(() => {
-      this.store.fetchRecommendationProducts();
-    }, 500));
-  }
-  getId() {
-    return L;
-  }
-  getTemplate() {
-    return this.algorithmControl = new u(), this.localeControl = new d(), this.currencyControl = new C(), this.productLayoutControl = new p(), this.filtersControl = new f(), 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, s) => {
-      t.status === "rejected" && console.warn(`Recommendation block: ${[
-        "fetchRecommendationFilters",
-        "fetchRecommendationCreateData",
-        "fetchRecommendationProducts"
-      ][s]} failed`, t.reason);
-    }), this._initializeSubControls(), this._listenStateUpdates();
-  }
-  onDestroy() {
-    this.storeUnsubscription(), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((t) => {
-      var s;
-      return (s = t == null ? void 0 : t.onDestroy) == null ? void 0 : s.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 s;
-      t && (t.api = this.api, t.currentNode = this.currentNode, (s = t.onRender) == null || s.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((o) => {
-      if ("payload" in o) {
-        const t = o.payload.recommendationConfigs;
-        t && Object.keys(t).some((l) => y.has(l)) && this._debouncedFetchProducts();
-      }
-    });
-  }
-}
-export {
-  x as ALGORITHM_CONTROL_ID,
-  u as AlgorithmControl,
-  L as CONTROL_BLOCK_ID,
-  k as CURRENCY_CONTROL_ID,
-  C as CurrencyControl,
-  A as FILTERS_CONTROL_ID,
-  f as FiltersControl,
-  z as LOCALE_CONTROL_ID,
-  d as LocaleControl,
-  Y as PRODUCT_LAYOUT_CONTROL_ID,
-  p as ProductLayoutControl,
-  P as RecommendationBlockControl,
-  B as SHUFFLE_CONTROL_ID,
-  R as ShuffleControl
-};

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

@@ -1,64 +0,0 @@
-var a = Object.defineProperty;
-var i = (o, t, e) => t in o ? a(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var s = (o, t, e) => i(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 r } from "../../../common-control.js";
-import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-const c = "recommendation-locale-control", n = {
-  LOCALE: "language"
-};
-class C extends r {
-  constructor() {
-    super(...arguments);
-    s(this, "store", m());
-  }
-  getId() {
-    return c;
-  }
-  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();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: e } = this.store;
-    this.api.updateValues({
-      [n.LOCALE]: e.language
-    });
-  }
-  _initializeSelectItems() {
-    this.api.setUIEAttribute(
-      n.LOCALE,
-      l.SELECTPICKER.items,
-      this.store.getLanguages
-    );
-  }
-  _onLocaleChange(e) {
-    this.store.$patch({
-      recommendationConfigs: {
-        language: e
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(n.LOCALE, (e) => {
-      this._onLocaleChange(e);
-    });
-  }
-}
-export {
-  c as LOCALE_CONTROL_ID,
-  C as LocaleControl
-};

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

@@ -1,124 +0,0 @@
-var u = Object.defineProperty;
-var d = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
-var s = (i, o, t) => d(i, typeof o != "symbol" ? o + "" : o, t);
-import { UEAttr as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as c } from "../../../common-control.js";
-import { MAX_PRODUCT_COUNT as _, MAX_PRODUCTS_PER_ROW as R } from "../../constants/layout.js";
-import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { getCurrentLayout as C, regenerateProductRows as h, reapplySpacing as l } from "./utils.js";
-import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
-const O = "recommendation-product-layout-control", e = {
-  PRODUCT_COUNT: "size",
-  PRODUCT_IN_ROW: "cardsInRow",
-  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
-};
-class D extends c {
-  constructor() {
-    super(...arguments);
-    s(this, "store", m());
-    s(this, "storeUnsubscription", () => {
-    });
-    s(this, "_debouncedRegenerateProductRows", p(() => {
-      this._regenerateProductRows();
-    }, 500));
-  }
-  getId() {
-    return O;
-  }
-  getTemplate() {
-    return `
-            <div class="product-layout-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: _ }),
-      this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: R })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeCounterValues(), this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates(), this._listenStateUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._updateProductsInRowVisibility();
-  }
-  onDestroy() {
-    this.storeUnsubscription();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: t } = this.store;
-    this.api.updateValues({
-      [e.PRODUCT_COUNT]: t.size,
-      [e.PRODUCT_IN_ROW]: t.cardsInRow
-    });
-  }
-  _initializeCounterValues() {
-    const { recommendationConfigs: t } = this.store;
-    this.api.setUIEAttribute(
-      e.PRODUCT_COUNT,
-      a.SELECTPICKER.items,
-      Number(t.size)
-    ), this.api.setUIEAttribute(
-      e.PRODUCT_IN_ROW,
-      a.SELECTPICKER.items,
-      t.cardsInRow
-    );
-  }
-  /**
-   * 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 r = (this.store.recommendationConfigs.orientation || C(this.currentNode)) === "vertical";
-    this.api.setVisibility(e.PRODUCT_IN_ROW, r), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, r);
-  }
-  _onProductCountChange(t) {
-    this.store.$patch({
-      recommendationConfigs: {
-        size: t
-      }
-    }), this._debouncedRegenerateProductRows();
-  }
-  _onProductsInRowChange(t) {
-    this.store.$patch({
-      recommendationConfigs: {
-        cardsInRow: t
-      }
-    }), this._debouncedRegenerateProductRows();
-  }
-  _regenerateProductRows() {
-    h({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier(),
-      afterRegenerate: () => {
-        l({
-          currentNode: this.currentNode,
-          documentModifier: this.api.getDocumentModifier()
-        });
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.PRODUCT_COUNT, (t) => {
-      this._onProductCountChange(t.toString());
-    }), this.api.onValueChanged(e.PRODUCT_IN_ROW, (t) => {
-      this._onProductsInRowChange(Number(t));
-    });
-  }
-  /**
-   * Subscribe to store changes to update visibility when layout changes
-   */
-  _listenStateUpdates() {
-    let t = this.store.recommendationConfigs.orientation;
-    this.storeUnsubscription = this.store.$subscribe(() => {
-      const n = this.store.recommendationConfigs.orientation;
-      n !== t && (t = n, this._updateProductsInRowVisibility());
-    });
-  }
-}
-export {
-  O as PRODUCT_LAYOUT_CONTROL_ID,
-  D as ProductLayoutControl
-};

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

@@ -1,60 +0,0 @@
-var n = Object.defineProperty;
-var r = (o, t, e) => t in o ? n(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var i = (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 u } from "../../../common-control.js";
-import { useRecommendationExtensionStore as a } from "../../store/recommendation.js";
-const h = "recommendation-shuffle-control", s = {
-  SHUFFLE_PRODUCTS: "shuffleProducts"
-};
-class C extends u {
-  constructor() {
-    super(...arguments);
-    i(this, "store", a());
-  }
-  getId() {
-    return h;
-  }
-  getTemplate() {
-    return `
-            <div class="shuffle-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Shuffle Recommended Products" }),
-      this._GuToggle(s.SHUFFLE_PRODUCTS)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeToggle(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: e } = this.store;
-    this.api.updateValues({
-      [s.SHUFFLE_PRODUCTS]: e.shuffleProducts
-    });
-  }
-  _initializeToggle() {
-    this.api.setUIEAttribute(
-      s.SHUFFLE_PRODUCTS,
-      l.SELECTPICKER.items,
-      this.store.recommendationConfigs.shuffleProducts
-    );
-  }
-  _onShuffleChange(e) {
-    this.store.$patch({
-      recommendationConfigs: {
-        shuffleProducts: e
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(s.SHUFFLE_PRODUCTS, (e) => {
-      this._onShuffleChange(!!e);
-    });
-  }
-}
-export {
-  h as SHUFFLE_CONTROL_ID,
-  C as ShuffleControl
-};