@useinsider/guido 3.15.0 → 3.16.0-beta.089654a

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

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

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

@@ -3,7 +3,7 @@ var p = (d, l, t) => l in d ? f(d, l, { enumerable: !0, configurable: !0, writab
 var s = (d, l, t) => p(d, typeof l != "symbol" ? l + "" : l, t);
 import { CommonControl as g } from "../../../common-control.js";
 import { DEFAULT_NODE_CONFIG as c } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as m } from "../../services/configService.js";
+import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
 import { AlgorithmControl as N } from "./algorithm.js";
 import { ALGORITHM_CONTROL_ID as tt } from "./algorithm.js";
@@ -17,15 +17,15 @@ import { LocaleControl as b } from "./locale.js";
 import { LOCALE_CONTROL_ID as lt } from "./locale.js";
 import { PricePlacementControl as T } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as ut } from "./pricePlacement.js";
-import { ProductCountControl as P } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as mt } from "./productCount.js";
-import { ProductLayoutControl as O } from "./productLayout.js";
+import { ProductCountControl as O } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as ht } from "./productCount.js";
+import { ProductLayoutControl as P } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as Ct } from "./productLayout.js";
-import { ShuffleControl as L } from "./shuffle.js";
+import { ShuffleControl as S } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as pt } from "./shuffle.js";
-import { setCurrencyAttributes as S, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
+import { setCurrencyAttributes as L, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
 import { adjustProductsToSize as yt, formatProductPrice as Nt, getCardComposition as Rt, getCurrentLayout as It, regenerateMobileProductRows as _t, updatePricesInPlace as bt, updateSingleProductContent as Tt } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
 const v = "recommendation-id", w = "ui-elements-recommendation-block";
 class Q extends g {
   constructor() {
@@ -47,7 +47,7 @@ class Q extends g {
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    s(this, "_debouncedFetchProducts", h(() => {
+    s(this, "_debouncedFetchProducts", m(() => {
       this.store.fetchRecommendationProducts();
     }, 500));
     /**
@@ -61,7 +61,7 @@ class Q extends g {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    s(this, "_debouncedRegenerateWithProducts", h(() => {
+    s(this, "_debouncedRegenerateWithProducts", m(() => {
       const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api || D(this.currentNode))
         return;
@@ -81,7 +81,7 @@ class Q extends g {
     return w;
   }
   getTemplate() {
-    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new P(), this.productLayoutControl = new O(), this.filtersControl = new I(), this.shuffleControl = new L(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
+    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new O(), this.productLayoutControl = new P(), this.filtersControl = new I(), this.shuffleControl = new S(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -186,7 +186,7 @@ class Q extends g {
    */
   _syncNodeConfigToStore() {
     var r;
-    const t = m.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
+    const t = h.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: t.strategy,
       language: t.language,
@@ -249,7 +249,7 @@ class Q extends g {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const t = m.getConfig(this.currentNode), e = {};
+    const t = h.getConfig(this.currentNode), e = {};
     let o = null, r = null, n = null;
     if (t.currency.code === c.currency.code) {
       const { currencyList: i } = this.store;
@@ -273,12 +273,12 @@ class Q extends g {
         (u) => u.value === c.language
       ) || (n = i[0].value, e.language = n));
     }
-    !o && !r && !n || (m.updateConfig(
+    !o && !r && !n || (h.updateConfig(
       this.api,
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), o && e.currency && S({
+    ), o && e.currency && L({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: e.currency
@@ -346,8 +346,8 @@ class Q extends g {
   _persistFiltersToNodeConfig() {
     if (!this.currentNode || !this.api)
       return;
-    const { filters: t } = this.store.recommendationConfigs;
-    m.updateConfig(
+    const { filters: t } = this.store.recommendationConfigs, e = h.getConfig(this.currentNode).filters;
+    JSON.stringify(e) !== JSON.stringify(t) && h.updateConfig(
       this.api,
       this.currentNode,
       { filters: t },
@@ -368,14 +368,14 @@ export {
   _ as LayoutOrientationControl,
   b as LocaleControl,
   ut as PRICE_PLACEMENT_CONTROL_ID,
-  mt as PRODUCT_COUNT_CONTROL_ID,
+  ht as PRODUCT_COUNT_CONTROL_ID,
   Ct as PRODUCT_LAYOUT_CONTROL_ID,
   T as PricePlacementControl,
-  P as ProductCountControl,
-  O as ProductLayoutControl,
+  O as ProductCountControl,
+  P as ProductLayoutControl,
   Q as RecommendationBlockControl,
   pt as SHUFFLE_CONTROL_ID,
-  L as ShuffleControl,
+  S as ShuffleControl,
   yt as adjustProductsToSize,
   Nt as formatProductPrice,
   k as getBlockElement,
@@ -384,7 +384,7 @@ export {
   D as isPartnerManagedBlock,
   _t as regenerateMobileProductRows,
   A as regenerateProductRowsWithStyles,
-  S as setCurrencyAttributes,
+  L as setCurrencyAttributes,
   bt as updatePricesInPlace,
   E as updateProductContentInPlace,
   Tt as updateSingleProductContent

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

@@ -1,13 +1,13 @@
-var h = Object.defineProperty;
-var p = (o, e, t) => e in o ? h(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var _ = Object.defineProperty;
+var p = (o, e, t) => e in o ? _(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var a = (o, e, t) => p(o, typeof e != "symbol" ? e + "" : e, t);
 import { UEAttr as L, ModificationDescription as N } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as A } from "../../../common-control.js";
 import "../../constants/selectors.js";
 import { LAYOUT_OPTIONS as O, DEFAULT_MOBILE_ROW_SPACING as d, DEFAULT_MOBILE_COLUMN_SPACING as m, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as g } from "../../constants/layout.js";
 import { RecommendationConfigService as u } from "../../services/configService.js";
-import { useRecommendationExtensionStore as S } from "../../store/recommendation.js";
-import { isPartnerManagedBlock as f, getCurrentLayout as C, getBlockElement as T, getCardComposition as U, regenerateProductRowsWithStyles as I } from "./utils.js";
+import { useRecommendationExtensionStore as f } from "../../store/recommendation.js";
+import { isPartnerManagedBlock as S, getCurrentLayout as C, getBlockElement as T, getCardComposition as U, regenerateProductRowsWithStyles as I } from "./utils.js";
 const y = "recommendation-layout-orientation-control", s = {
   LAYOUT: "layout"
 }, n = {
@@ -20,7 +20,7 @@ const y = "recommendation-layout-orientation-control", s = {
 class F extends A {
   constructor() {
     super(...arguments);
-    a(this, "store", S());
+    a(this, "store", f());
     a(this, "isChangingLayout", !1);
   }
   getId() {
@@ -53,7 +53,7 @@ class F extends A {
     this.api.setUIEAttribute(
       s.LAYOUT,
       L.RADIO_BUTTONS.disabled,
-      f(this.currentNode)
+      S(this.currentNode)
     );
   }
   _setFormValues() {
@@ -73,7 +73,7 @@ class F extends A {
     if (c) {
       this.isChangingLayout = !0;
       try {
-        const _ = U(this.currentNode);
+        const h = U(this.currentNode, this.store.filterList);
         u.updateConfig(
           this.api,
           this.currentNode,
@@ -87,7 +87,7 @@ class F extends A {
           `Changed layout to ${t}`
         ), this.store.patchCurrentBlockConfig({ orientation: t });
         const i = this.api.getDocumentModifier().modifyHtml(c).setAttribute(n.LAYOUT, t).setAttribute(n.COLUMN_SPACING, g.toString()).setAttribute(n.ROW_SPACING, l.toString()).setAttribute(n.MOBILE_COLUMN_SPACING, m.toString()).setAttribute(n.MOBILE_ROW_SPACING, d.toString());
-        t === "list" ? (i.setClass("es-m-p0"), i.setClass("ins-recommendation-list-layout")) : (i.removeClass("es-m-p0"), i.removeClass("ins-recommendation-list-layout")), i.apply(new N(`Update layout to ${t}`)), this._regenerateProductRows(t, _);
+        t === "list" ? (i.setClass("es-m-p0"), i.setClass("ins-recommendation-list-layout")) : (i.removeClass("es-m-p0"), i.removeClass("ins-recommendation-list-layout")), i.apply(new N(`Update layout to ${t}`)), this._regenerateProductRows(t, h);
       } finally {
         this.isChangingLayout = !1;
       }