@useinsider/guido 2.2.0-beta.eeefcc3 → 3.0.0-beta.2b566e0

package/dist/config/migrator/recommendationMigrator.js

@@ -17,7 +17,7 @@ class w {
         const l = o.getAttribute("id"), r = this.extractBgColor(o), i = this.extractTitle(o), u = this.extractProductRows(o), c = P.replace("{-{-TITLE-}-}", i).replace("{-{-PRODUCT_ROWS-}-}", u), a = this.parser.parseFromString(
           `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
-        ).querySelector(".ins-recommendation-v3-block-v2");
+        ).querySelector(".recommendation-block-v2");
         a && o.parentNode && (l && a.setAttribute("id", l), r && a.setAttribute("bgcolor", r), o.parentNode.replaceChild(a, o));
       }), t.documentElement.outerHTML);
     } catch (t) {

package/dist/enums/unsubscribe.js

@@ -1,17 +1,17 @@
 import { useTranslations as e } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const I = {
+const _ = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, r = {
+}, I = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = R(), _ = {
-  UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
-  PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, i = "iid", B = {
+}, n = R(), r = {
+  UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
+}, B = "iid", i = {
   name: "Global Unsubscribe",
   sendGridId: "G"
 }, C = "/email/unsubscribe-pages", E = {
@@ -20,6 +20,9 @@ const I = {
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
+}, U = {
+  [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
+  [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
 }, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
@@ -30,29 +33,30 @@ const I = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, U = () => {
-  const n = e();
+}, c = () => {
+  const s = e();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: s("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: s("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, c = {
+}, o = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  B as DEFAULT_UNSUBSCRIBE_GROUP,
-  i as INSIDER_ID,
-  r as LINK_REGEXES,
-  I as LINK_TYPES,
-  c as MERGE_TAGS,
+  i as DEFAULT_UNSUBSCRIBE_GROUP,
+  B as INSIDER_ID,
+  I as LINK_REGEXES,
+  _ as LINK_TYPES,
+  o as MERGE_TAGS,
   E as PAGE_TYPES,
   t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  _ as URLS,
-  U as getTypeTranslations
+  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  r as URLS,
+  c as getTypeTranslations
 };

package/dist/extensions/Blocks/Recommendation/block.js

@@ -6,7 +6,7 @@ import { ensureMobileCssRulesExist as d } from "./controls/mobileLayout/cssRules
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as u } from "./store/recommendation.js";
 import { getDefaultTemplate as k } from "./templates/grid/template.js";
-const B = "recommendation-block", c = "ins-recommendation-v3-block-v2", a = "recommendation-id";
+const B = "recommendation-block", c = "recommendation-block-v2", a = "recommendation-id";
 class y extends h {
   constructor() {
     super();

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,23 @@
-const c = ".ins-recommendation-product-container", n = ".ins-recommendation-desktop-container", o = ".ins-recommendation-mobile-container", T = {
+const c = ".recommendation-block-v2", n = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", T = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
   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", O = "productName", e = "productPrice", _ = "productOldPrice", E = "productOmnibusPrice", C = "productOmnibusDiscount", s = "productButton";
 export {
-  C as ATTR_PRODUCT_BUTTON,
-  t 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
+  s as ATTR_PRODUCT_BUTTON,
+  R as ATTR_PRODUCT_IMAGE,
+  O as ATTR_PRODUCT_NAME,
+  _ as ATTR_PRODUCT_OLD_PRICE,
+  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  E as ATTR_PRODUCT_OMNIBUS_PRICE,
+  e as ATTR_PRODUCT_PRICE,
+  c as BLOCK_ROOT_SELECTOR,
+  n as CONTAINER_SELECTOR,
+  r as CURRENCY_ATTR,
+  o as DESKTOP_CONTAINER_SELECTOR,
+  T as MOBILE_CONTAINER_SELECTOR,
+  t as MOBILE_ROW_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 L = Object.defineProperty;
+var _ = (o, e, t) => e in o ? L(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
+import { ModificationDescription as p } 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 = {
+import { LAYOUT_OPTIONS as N, DEFAULT_MOBILE_ROW_SPACING as m, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as g } from "../../constants/layout.js";
+import { RecommendationConfigService as s } from "../../services/configService.js";
+import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
+import { getCurrentLayout as C, getBlockElement as O, regenerateProductRowsWithStyles as f } from "../main/utils.js";
+const S = "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 G extends h {
   constructor() {
     super(...arguments);
-    n(this, "store", l());
-    n(this, "isChangingLayout", !1);
+    r(this, "store", A());
+    r(this, "isChangingLayout", !1);
   }
   getId() {
-    return L;
+    return S;
   }
   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: N
       })
     ])}
             </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 u = s.getConfig(this.currentNode).layout || C(this.currentNode);
     this.api.updateValues({
-      [i.LAYOUT]: s
+      [a.LAYOUT]: u
     });
   }
   /**
@@ -51,18 +55,26 @@ 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 || (s.getConfig(this.currentNode).layout || C(this.currentNode)) === t)
       return;
-    const a = f(this.currentNode);
-    if (a) {
+    const c = O(this.currentNode);
+    if (c) {
       this.isChangingLayout = !0;
       try {
-        r.updateConfig(
+        s.updateConfig(
           this.api,
           this.currentNode,
-          { layout: t },
+          {
+            layout: t,
+            columnSpacing: g,
+            rowSpacing: l,
+            mobileColumnSpacing: d,
+            mobileRowSpacing: m
+          },
           `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 });
+        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, d.toString()).setAttribute(n.MOBILE_ROW_SPACING, m.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 p(`Update layout to ${t}`)), this._regenerateProductRows(t);
       } finally {
         this.isChangingLayout = !1;
       }
@@ -74,19 +86,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 && f({
       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
+  S as LAYOUT_CONTROL_ID,
+  G 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
 };