@useinsider/guido 2.1.0-beta.e2153c2 → 2.1.0-beta.e4c3fa1

package/dist/components/organisms/base/Toaster.vue.js

@@ -1,10 +1,10 @@
-import e from "./Toaster.vue2.js";
+import n from "./Toaster.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var r = function() {
-  var o = this, n = o._self._c, t = o._self._setupProxy;
-  return n(t.InToasts, { attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
+  var o = this, e = o._self._c, t = o._self._setupProxy;
+  return e(t.InToasts, { ref: "toastRef", attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
 }, a = [], _ = /* @__PURE__ */ s(
-  e,
+  n,
   r,
   a,
   !1,

package/dist/components/organisms/base/Toaster.vue2.js

@@ -1,15 +1,18 @@
-import { defineComponent as n, computed as e } from "vue";
-import { useToasterStore as i } from "../../../stores/toaster.js";
-import { InToasts as c } from "@useinsider/design-system-vue";
-const f = /* @__PURE__ */ n({
+import { defineComponent as a, ref as c, computed as i, onBeforeUnmount as u } from "vue";
+import { useToasterStore as f } from "../../../stores/toaster.js";
+import { InToasts as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ a({
   __name: "Toaster",
-  setup(s) {
-    const t = i(), o = e(() => t.actionButton ? [{ text: t.actionButton.text }] : []);
-    return { __sfc: !0, store: t, actionButtonsConfig: o, handleActionClick: () => {
+  setup(p) {
+    const t = f(), o = c(null), r = i(() => t.actionButton ? [{ text: t.actionButton.text }] : []), s = () => {
       t.actionButton && t.actionButton.onClick(), t.hideToaster();
-    }, InToasts: c };
+    };
+    return u(() => {
+      var e, n;
+      t.$reset(), (n = (e = o.value) == null ? void 0 : e.$el) == null || n.remove();
+    }), { __sfc: !0, store: t, toastRef: o, actionButtonsConfig: r, handleActionClick: s, InToasts: m };
   }
 });
 export {
-  f as default
+  d as default
 };

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js

@@ -1,16 +1,16 @@
-import i from "./EmailSizeIndicator.vue2.js";
+import s from "./EmailSizeIndicator.vue2.js";
 /* empty css                        */
 import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var o = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return e.previewStore.previewHtml ? s("div", { staticClass: "d-f a-i-c j-c-c" }, [s(e.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: e.htmlSize, "max-value": e.MAX_EMAIL_SIZE_IN_KB, type: e.progress.type, value: e.progress.value } }), s(e.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: e.trans("email-editor.preview-design-size-tooltip") } })], 1) : t._e();
+  var e = this, i = e._self._c, t = e._self._setupProxy;
+  return t.previewStore.previewHtml ? i("div", { staticClass: "d-f a-i-c j-c-c" }, [i(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), i(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })], 1) : e._e();
 }, a = [], n = /* @__PURE__ */ r(
-  i,
+  s,
   o,
   a,
   !1,
   null,
-  "913a3417"
+  "079d2bf7"
 );
 const m = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
 import { useTranslations as p } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InTooltip as v, InProgress as f } from "@useinsider/design-system-vue";
+import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
 const S = /* @__PURE__ */ c({
   __name: "EmailSizeIndicator",
   setup(w) {
@@ -17,7 +17,7 @@ const S = /* @__PURE__ */ c({
     }, i = p();
     return u(() => t.previewHtml, () => {
       r();
-    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltip: v };
+    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
   }
 });
 export {

package/dist/composables/useRecommendation.js

@@ -1,8 +1,8 @@
 import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { useConfigStore as C } from "../stores/config.js";
+import { useConfigStore as I } from "../stores/config.js";
 const N = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: i,
@@ -14,7 +14,7 @@ const N = () => ({
     return (R - e) / r;
   },
   getRecommendationCampaignData: (i) => {
-    const n = l(), o = Number(i), a = n.blockStates[o];
+    const n = u(), o = Number(i), a = n.blockStates[o];
     if (!a)
       return {
         textTrimming: !1,
@@ -43,16 +43,16 @@ const N = () => ({
     };
   },
   buildCampaignUrl: (i) => {
-    var d;
-    const n = l(), o = C(), a = Number(i), r = n.blockStates[a];
+    var m;
+    const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
     if (!r)
       return "";
-    const { recommendationConfigs: e } = r, u = ((d = g.find((s) => s.key === e.strategy)) == null ? void 0 : d.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}");
+    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((s) => s.isValid), c = x(f);
     c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
-    const m = `${p.RECOMMENDATION_API_URL}/v2/${u}?${t.toString()}`;
-    return n.recommendationCampaignUrls[i] = m, m;
+    const d = `${p.RECOMMENDATION_API_URL}/v2/${l}?${t.toString()}`;
+    return n.recommendationCampaignUrls[i] = d, d;
   }
 });
 export {

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,66 +1,69 @@
-import { DEFAULT_ROW_SPACING as U, DEFAULT_COLUMN_SPACING as I, DEFAULT_MOBILE_CARDS_IN_ROW as n, DEFAULT_CARDS_IN_ROW as s } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as t, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as o, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as r, ATTR_PRODUCT_BUTTON as R } from "./selectors.js";
-const O = {
+import { DEFAULT_MOBILE_ROW_SPACING as U, DEFAULT_MOBILE_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as n, DEFAULT_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as C, DEFAULT_CARDS_IN_ROW as D } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as o, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as e, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as r } from "./selectors.js";
+const i = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, i = {
+}, A = {
   textBefore: "",
   textAfter: ""
-}, C = {
+}, s = {
   textBefore: "",
   textAfter: ""
-}, D = [
+}, E = [
+  _,
+  o,
   t,
   e,
-  o,
-  _,
   T,
-  r,
-  R
-], A = {
-  [t]: !0,
-  [e]: !0,
+  I,
+  r
+], c = {
   [_]: !0,
   [o]: !0,
+  [e]: !0,
+  [t]: !0,
   [T]: !1,
-  [r]: !1,
-  [R]: !0
-}, E = {
+  [I]: !1,
+  [r]: !0
+}, N = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: O,
+  currency: i,
   filters: [],
   // Layout
   layout: "grid",
-  cardsInRow: s,
-  mobileCardsInRow: n,
-  columnSpacing: I,
-  rowSpacing: U,
+  cardsInRow: D,
+  mobileCardsInRow: C,
+  columnSpacing: O,
+  rowSpacing: n,
+  mobileColumnSpacing: R,
+  mobileRowSpacing: U,
   // Composition
-  composition: D,
-  visibility: A,
+  composition: E,
+  visibility: c,
   // Element settings
-  omnibusPrice: i,
-  omnibusDiscount: C,
+  omnibusPrice: A,
+  omnibusDiscount: s,
   textTrimming: !1,
   // Meta
   configVersion: 1,
   recommendationId: 0
-}, N = 1;
+}, m = [11, 12], L = 1;
 export {
-  N as CURRENT_CONFIG_VERSION,
-  D as DEFAULT_COMPOSITION,
-  O as DEFAULT_CURRENCY,
-  E as DEFAULT_NODE_CONFIG,
-  C as DEFAULT_OMNIBUS_DISCOUNT,
-  i as DEFAULT_OMNIBUS_PRICE,
-  A as DEFAULT_VISIBILITY
+  L as CURRENT_CONFIG_VERSION,
+  E as DEFAULT_COMPOSITION,
+  i as DEFAULT_CURRENCY,
+  N as DEFAULT_NODE_CONFIG,
+  s as DEFAULT_OMNIBUS_DISCOUNT,
+  A as DEFAULT_OMNIBUS_PRICE,
+  c as DEFAULT_VISIBILITY,
+  m as EXCLUDED_ALGORITHM_IDS
 };

package/dist/extensions/Blocks/Recommendation/constants/layout.js

@@ -1,22 +1,24 @@
 const _ = {
   GRID: "grid",
   LIST: "list"
-}, o = [
+}, A = [
   { icon: "grid-orientation", value: _.GRID },
   { icon: "list-orientation", value: _.LIST }
-], t = 3, n = 3, A = 9, O = 4, R = 1, T = 2, c = 10, s = 20, I = 0, S = 50, P = 5;
+], o = 3, t = 3, O = 9, n = 4, I = 1, L = 2, R = 10, T = 10, c = 10, s = 10, S = 0, U = 50, C = 5;
 export {
-  n as DEFAULT_CARDS_IN_ROW,
-  c as DEFAULT_COLUMN_SPACING,
-  R as DEFAULT_MOBILE_CARDS_IN_ROW,
-  t as DEFAULT_PRODUCTS_PER_ROW,
-  s as DEFAULT_ROW_SPACING,
-  o as LAYOUT_OPTIONS,
+  t as DEFAULT_CARDS_IN_ROW,
+  R as DEFAULT_COLUMN_SPACING,
+  I as DEFAULT_MOBILE_CARDS_IN_ROW,
+  c as DEFAULT_MOBILE_COLUMN_SPACING,
+  s as DEFAULT_MOBILE_ROW_SPACING,
+  o as DEFAULT_PRODUCTS_PER_ROW,
+  T as DEFAULT_ROW_SPACING,
+  A as LAYOUT_OPTIONS,
   _ as LAYOUT_VALUES,
-  T as MAX_MOBILE_PRODUCTS_PER_ROW,
-  O as MAX_PRODUCTS_PER_ROW,
-  A as MAX_PRODUCT_COUNT,
-  S as MAX_SPACING,
-  I as MIN_SPACING,
-  P as SPACING_STEP
+  L as MAX_MOBILE_PRODUCTS_PER_ROW,
+  n as MAX_PRODUCTS_PER_ROW,
+  O as MAX_PRODUCT_COUNT,
+  U as MAX_SPACING,
+  S as MIN_SPACING,
+  C as SPACING_STEP
 };

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,21 +1,22 @@
-const c = ".ins-recommendation-product-container", n = ".ins-recommendation-desktop-container", o = ".ins-recommendation-mobile-container", T = {
+const c = ".ins-recommendation-v3-block-v2", n = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", T = ".ins-recommendation-mobile-container", t = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, t = "productImage", r = "productName", R = "productPrice", e = "productOldPrice", O = "productOmnibusPrice", _ = "productOmnibusDiscount", C = "productButton";
+}, r = "productImage", R = "productName", O = "productPrice", e = "productOldPrice", _ = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton";
 export {
-  C as ATTR_PRODUCT_BUTTON,
-  t as ATTR_PRODUCT_IMAGE,
-  r as ATTR_PRODUCT_NAME,
+  E as ATTR_PRODUCT_BUTTON,
+  r as ATTR_PRODUCT_IMAGE,
+  R as ATTR_PRODUCT_NAME,
   e as ATTR_PRODUCT_OLD_PRICE,
-  _ as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  O as ATTR_PRODUCT_OMNIBUS_PRICE,
-  R as ATTR_PRODUCT_PRICE,
-  c as CONTAINER_SELECTOR,
-  T as CURRENCY_ATTR,
-  n as DESKTOP_CONTAINER_SELECTOR,
-  o as MOBILE_CONTAINER_SELECTOR
+  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  _ as ATTR_PRODUCT_OMNIBUS_PRICE,
+  O as ATTR_PRODUCT_PRICE,
+  c as BLOCK_ROOT_SELECTOR,
+  n as CONTAINER_SELECTOR,
+  t as CURRENCY_ATTR,
+  o as DESKTOP_CONTAINER_SELECTOR,
+  T as MOBILE_CONTAINER_SELECTOR
 };

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

@@ -1,7 +1,7 @@
 import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } 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";
+import { BLOCK_ROOT_SELECTOR as n } from "../../constants/selectors.js";
 const U = c(
   t.BUTTON_ALIGN,
   o.BUTTON,
@@ -34,19 +34,19 @@ const U = c(
   t.BUTTON_TEXT,
   o.BUTTON,
   n
-), A = e(
+), S = e(
   t.BUTTON_TEXT_SIZE,
   o.BUTTON,
   n
-), S = r(
+), A = r(
   t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
   o.BUTTON,
   n
-), E = T(
+), x = T(
   t.BUTTON_FIT_TO_CONTENT,
   o.BUTTON,
   n
-), p = {
+), f = {
   align: U,
   border: d,
   borderRadius: s,
@@ -55,10 +55,10 @@ const U = c(
   margins: u,
   paddings: R,
   text: F,
-  textSize: A,
-  textStyleAndFontColor: S,
-  fitToContent: E
+  textSize: S,
+  textStyleAndFontColor: A,
+  fitToContent: x
 };
 export {
-  p as ButtonControls
+  f as ButtonControls
 };

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

@@ -1,7 +1,7 @@
 import { createImageMarginsControl as m, createImageSizeControl as n } from "../../../controlFactories.js";
 import { RecommendationBlockId as o } from "../../constants/blockIds.js";
 import { RecommendationControlId as r } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as t } from "../../constants/selectors.js";
+import { BLOCK_ROOT_SELECTOR as t } from "../../constants/selectors.js";
 const e = n(
   r.IMAGE_SIZE,
   o.IMAGE,

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

@@ -1,25 +1,29 @@
-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";
+var C = Object.defineProperty;
+var L = (o, e, t) => e in o ? C(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var i = (o, e, t) => L(o, typeof e != "symbol" ? e + "" : e, t);
+import { ModificationDescription as _ } 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 { LAYOUT_OPTIONS as p, DEFAULT_MOBILE_ROW_SPACING as c, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as m, DEFAULT_COLUMN_SPACING 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 = {
+import { useRecommendationExtensionStore as N } from "../../store/recommendation.js";
+import { getCurrentLayout as l, getBlockElement as A, regenerateProductRowsWithStyles as O } from "../main/utils.js";
+const f = "recommendation-layout-control", a = {
   LAYOUT: "layout"
-}, C = {
-  LAYOUT: "data-layout"
+}, n = {
+  LAYOUT: "data-layout",
+  COLUMN_SPACING: "data-column-spacing",
+  ROW_SPACING: "data-row-spacing",
+  MOBILE_COLUMN_SPACING: "data-mobile-column-spacing",
+  MOBILE_ROW_SPACING: "data-mobile-row-spacing"
 };
-class Y extends h {
+class R extends h {
   constructor() {
     super(...arguments);
-    n(this, "store", l());
-    n(this, "isChangingLayout", !1);
+    i(this, "store", N());
+    i(this, "isChangingLayout", !1);
   }
   getId() {
-    return L;
+    return f;
   }
   getTemplate() {
     return `
@@ -27,8 +31,8 @@ class Y extends h {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: "Layout Orientation" }),
       this._GuRadioButton({
-        name: i.LAYOUT,
-        buttons: g
+        name: a.LAYOUT,
+        buttons: p
       })
     ])}
             </div>
@@ -41,9 +45,9 @@ class Y extends h {
     super.onTemplateNodeUpdated(t), this._setFormValues();
   }
   _setFormValues() {
-    const s = r.getConfig(this.currentNode).layout || u(this.currentNode);
+    const s = r.getConfig(this.currentNode).layout || l(this.currentNode);
     this.api.updateValues({
-      [i.LAYOUT]: s
+      [a.LAYOUT]: s
     });
   }
   /**
@@ -51,18 +55,24 @@ class Y extends h {
    * 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)
+    if (this.isChangingLayout || !this.currentNode || (r.getConfig(this.currentNode).layout || l(this.currentNode)) === t)
       return;
-    const a = f(this.currentNode);
-    if (a) {
+    const u = A(this.currentNode);
+    if (u) {
       this.isChangingLayout = !0;
       try {
         r.updateConfig(
           this.api,
           this.currentNode,
-          { layout: t },
+          {
+            layout: t,
+            columnSpacing: g,
+            rowSpacing: m,
+            mobileColumnSpacing: d,
+            mobileRowSpacing: c
+          },
           `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);
+        ), this.store.patchCurrentBlockConfig({ orientation: t }), this.api.getDocumentModifier().modifyHtml(u).setAttribute(n.LAYOUT, t).setAttribute(n.COLUMN_SPACING, g.toString()).setAttribute(n.ROW_SPACING, m.toString()).setAttribute(n.MOBILE_COLUMN_SPACING, d.toString()).setAttribute(n.MOBILE_ROW_SPACING, c.toString()).apply(new _(`Update layout to ${t}`)), this._regenerateProductRows(t);
       } finally {
         this.isChangingLayout = !1;
       }
@@ -74,19 +84,19 @@ class Y extends h {
    * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
    */
   _regenerateProductRows(t) {
-    this.currentNode && p({
+    this.currentNode && O({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       layout: t
     });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.LAYOUT, (t) => {
+    this.api.onValueChanged(a.LAYOUT, (t) => {
       this._onLayoutChange(t);
     });
   }
 }
 export {
-  L as LAYOUT_CONTROL_ID,
-  Y as LayoutControl
+  f as LAYOUT_CONTROL_ID,
+  R as LayoutControl
 };

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

@@ -1,22 +1,22 @@
-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";
+var c = Object.defineProperty;
+var d = (r, i, t) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
+var a = (r, i, t) => d(r, 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 u = "recommendation-algorithm-control", e = {
+const g = "recommendation-algorithm-control", e = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class T extends h {
+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 u;
+    return g;
   }
   getTemplate() {
     return `
@@ -52,13 +52,13 @@ class T extends h {
     });
   }
   _initializeSelectItems() {
-    var r;
-    const t = (r = this.store) == null ? void 0 : r.getActivePredictiveAlgorithms;
+    var o;
+    const t = (o = this.store) == null ? void 0 : o.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
           e.ALGORITHM,
-          c.SELECTPICKER.items,
+          h.SELECTPICKER.items,
           t
         );
       } catch (s) {
@@ -70,7 +70,7 @@ class T extends h {
     this.api.setVisibility(e.PRODUCT_IDS, s), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, s);
   }
   _onAlgorithmChange(t) {
-    this.currentNode && (n.updateConfig(
+    !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
       this.api,
       this.currentNode,
       { strategy: t },
@@ -80,13 +80,13 @@ class T extends h {
   _onProductIdsChange(t) {
     if (!this.currentNode)
       return;
-    const r = t.split(",").map((s) => s.trim()).filter(Boolean);
+    const o = t.split(",").map((s) => s.trim()).filter(Boolean);
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: r },
+      { productIds: o },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: r });
+    ), this.store.patchCurrentBlockConfig({ productIds: o });
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(e.ALGORITHM, (t) => {
@@ -97,6 +97,6 @@ class T extends h {
   }
 }
 export {
-  u as ALGORITHM_CONTROL_ID,
+  g as ALGORITHM_CONTROL_ID,
   T as AlgorithmControl
 };