@useinsider/guido 3.2.0-beta.78d83bd → 3.2.0-beta.7fb9b70

package/dist/extensions/Blocks/Items/template.js

@@ -1,19 +1,19 @@
-import { BlockType as b, BlockAttr as S } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { BlockType as b, BlockAttr as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { ItemsBlockId as O } from "./enums/controlEnums.js";
-import { productPairs as P, templateFirstLine as C } from "./enums/productEnums.js";
-import { ItemInCartOptions as Y, SETTINGS_ENUMS as x, DefaultConfigValues as F } from "./enums/settingsEnums.js";
+import { productPairs as A, templateFirstLine as C } from "./enums/productEnums.js";
+import { ItemInCartOptions as Y, SETTINGS_ENUMS as x, DefaultConfigValues as D } from "./enums/settingsEnums.js";
 import j from "./layouts/horizontal.html.js";
 import q from "./layouts/vertical.html.js";
 import { escapeReplacement as V } from "./utils/nodeConfigUtils.js";
-let [M] = P.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [D] = P.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [N] = P.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [m] = P.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [U] = P.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), L = (s) => g(s, "text-align"), A = (s, e) => {
+let [g] = A.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [L] = A.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [m] = A.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [S] = A.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [M] = A.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
+const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), F = (s) => U(s, "text-align"), w = (s, e) => {
   const r = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(r);
   return a ? a[1].trim() : null;
 }, v = (s, e, r) => new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi").test(s) ? s.replace(
   new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi"),
   `$1${r}`
 ) : s, Z = (s, e, r, a) => {
-  const i = r || F.productImageHeight, n = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
+  const i = r || D.productImageHeight, n = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
   return `
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
             align="center"
@@ -28,7 +28,8 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 href="#!">
                 <img class="adapt-img document-node-component ng-star-inserted"
                     style="object-fit: contain;"
-                    src="${M}"
+                    src="${g}"
+                    alt="${L}"
                     width="${i}"
                     height="${i}">
             </a>
@@ -36,10 +37,11 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
     `;
 }, J = (s, e) => `
     <${b.BLOCK_IMAGE}
-        ${S.BLOCK_IMAGE.src}="${M}"
-        ${S.BLOCK_IMAGE.href}="#!"
-        ${S.BLOCK_IMAGE.width}="${F.productImageWidth}"
-        ${S.BLOCK_IMAGE.height}="${F.productImageWidth}"
+        ${N.BLOCK_IMAGE.src}="${g}"
+        ${N.BLOCK_IMAGE.alt}="${L}"
+        ${N.BLOCK_IMAGE.href}="#!"
+        ${N.BLOCK_IMAGE.width}="${D.productImageWidth}"
+        ${N.BLOCK_IMAGE.height}="${D.productImageWidth}"
         esd-extension-block-id="${O.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
@@ -62,7 +64,7 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         text-overflow: ellipsis;
     `;
   if (e) {
-    const c = A(a || "", "text-align") || "center", l = L(a || o), $ = A(l, "color"), t = A(l, "font-size"), E = A(l, "font-family"), _ = A(l, "font-weight"), u = A(l, "font-style"), w = _ === "bold" || _ === "700", p = u === "italic", R = [
+    const c = w(a || "", "text-align") || "center", l = F(a || o), $ = w(l, "color"), t = w(l, "font-size"), E = w(l, "font-family"), _ = w(l, "font-weight"), u = w(l, "font-style"), P = _ === "bold" || _ === "700", p = u === "italic", R = [
       $ ? `color: ${$}` : "",
       t ? `font-size: ${t}` : "",
       E ? `font-family: ${E}` : ""
@@ -72,17 +74,17 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
       "font-size",
       "inherit"
     );
-    d = g(d, "font-weight"), d = g(d, "font-style");
+    d = U(d, "font-weight"), d = U(d, "font-style");
     const T = (i == null ? void 0 : i.nameVisible) === !1 ? "display: none;" : "display: table-cell;";
-    let I = `<a
+    let h = `<a
                         href="#!"
                         style="${d}"
                         product-attr="name"
                         data-slot-2
                         width="100%">
-                        ${D}
+                        ${L}
                     </a>`;
-    return w && (I = `<strong>${I}</strong>`), p && (I = `<em>${I}</em>`), `
+    return P && (h = `<strong>${h}</strong>`), p && (h = `<em>${h}</em>`), `
             <td class="esd-block-text es-p10"
                 align="${c}"
                 width="100%"
@@ -90,7 +92,7 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 esd-extension-block-id="${O.NAME}"
                 style="${T}">
                 <p contenteditable="false" path="1"${R ? ` style="${R}"` : ""}>
-                    ${I}
+                    ${h}
                 </p>
             </td>
         `;
@@ -122,26 +124,26 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 product-attr="name"
                 data-slot-2
                 width="100%">
-                ${D}
+                ${L}
             </a>
         </p>
     </${b.BLOCK_TEXT}>
 `;
 }, et = (s, e, r, a, i, n, o, c, l, $) => {
-  let t = N;
+  let t = m;
   if (a && a.trim()) {
     const T = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${N}&nbsp;${T}` : `${T}&nbsp;${N}`;
+    t = (i || "0") === "1" ? `${m}&nbsp;${T}` : `${T}&nbsp;${m}`;
   }
-  const E = i === "1" ? "after" : "before", _ = `data-formated="${r ? "true" : "false"}"`, u = `data-curency="${E}"`, w = a ? `data-currency_symbol="${a}"` : "", p = `data-single_price="${c ? "true" : "false"}"`, d = l === x.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
+  const E = i === "1" ? "after" : "before", _ = `data-formated="${r ? "true" : "false"}"`, u = `data-curency="${E}"`, P = a ? `data-currency_symbol="${a}"` : "", p = `data-single_price="${c ? "true" : "false"}"`, d = l === x.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
   if (n) {
-    const h = L(o || "color: #060606; white-space: nowrap; font-size: 20px;"), I = $ ? "" : ' style="display: none;"';
+    const I = F(o || "color: #060606; white-space: nowrap; font-size: 20px;"), h = $ ? "" : ' style="display: none;"';
     return `
         <td class="esd-block-text items-block-price${d}"
             align="center"
             esd-extension-block-id="${O.PRICE}"
             width="100%"
-            ${I}>
+            ${h}>
             <p product-attr="price"
                 contenteditable="false"
                 data-slot-4
@@ -149,9 +151,9 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 data-number="${e}"
                 ${_}
                 ${u}
-                ${w}
+                ${P}
                 ${p}
-                style="${h}">
+                style="${I}">
                 ${t}
             </p>
         </td>`;
@@ -179,19 +181,19 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         </${b.BLOCK_TEXT}>
     `;
 }, at = (s, e, r, a, i, n, o = !0, c, l, $) => {
-  let t = m;
+  let t = S;
   if (a && a.trim()) {
     const T = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${m}&nbsp;${T}` : `${T}&nbsp;${m}`;
+    t = (i || "0") === "1" ? `${S}&nbsp;${T}` : `${T}&nbsp;${S}`;
   }
-  const E = i === "1" ? "after" : "before", _ = `data-formated="${r ? "true" : "false"}"`, u = `data-curency="${E}"`, w = o ? "" : ' style="display: none;"', p = `data-single_price="${l ? "true" : "false"}"`, d = $ === x.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
+  const E = i === "1" ? "after" : "before", _ = `data-formated="${r ? "true" : "false"}"`, u = `data-curency="${E}"`, P = o ? "" : ' style="display: none;"', p = `data-single_price="${l ? "true" : "false"}"`, d = $ === x.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
   if (n) {
-    const h = L(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
+    const I = F(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
     return `
             <td class="esd-block-text items-block-price${d}"
                 esd-extension-block-id="${O.ORIGINAL_PRICE}"
                 width="100%"
-                align="center"${w}>
+                align="center"${P}>
                 <p
                     product-attr="originalPrice"
                     contenteditable="false"
@@ -202,7 +204,7 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                     ${u}
                     ${a ? `data-currency_symbol="${a}"` : ""}
                     ${p}
-                    style="${h}">
+                    style="${I}">
                     <s>${t}</s>
                 </p>
             </td>
@@ -235,7 +237,7 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
 }, st = (s = !0, e, r) => {
   const a = s ? "" : 'style="display: none;"';
   if (e) {
-    const i = "font-size: 14px;", n = A(r || "", "text-align") || "center", o = L(r || i);
+    const i = "font-size: 14px;", n = w(r || "", "text-align") || "center", o = F(r || i);
     return `
             <td class="esd-block-text es-p10 document-node-component default-block-component selectable"
                 width="100%" align="${n}"
@@ -247,7 +249,7 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                     width="100%"
                     path="1"
                     style="${o}">
-                    ${U}
+                    ${M}
                 </p>
             </td>`;
   }
@@ -264,13 +266,13 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 data-slot-3
                 contenteditable="false"
                 width="100%">
-                ${U}
+                ${M}
             </p>
         </${b.BLOCK_TEXT}>
     `;
 }, lt = (s, e, r = "Buy", a, i, n = !0, o = !0) => {
   if (a) {
-    const c = A(i || "", "background") || A(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", $ = n ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
+    const c = w(i || "", "background") || w(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", $ = n ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
     return `
         <td class="esd-block-button ins-button default-block-component selectable"
             align="center" width="100%" name="buy-button" caption="${r}"
@@ -326,10 +328,10 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
 }, it = (s) => s ? `<td align="center"
             esd-extension-block-id="items-block" width="560"
             data-number="4"
-            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : C, z = (s, e, r, a, i, n, o, c, l, $, t, E, _, u = "horizontal", w, p, R, d) => {
-  const I = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"`, y = s.replace(
+            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : C, z = (s, e, r, a, i, n, o, c, l, $, t, E, _, u = "horizontal", P, p, R, d) => {
+  const h = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"`, y = s.replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
-    `<td$1 ${I}>`
+    `<td$1 ${h}>`
   ), X = l == null ? void 0 : l["data-product_image_control_image-height"], G = n ? Z(e, r, X, t) : J(e, r), K = (t == null ? void 0 : t.buttonLabel) || "Buy", B = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, W = e === x.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, Q = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", k = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", f = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", H = y.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(n)).replace("{-{-PRODUCT_IMAGE-}-}", G).replace("{-{-PRODUCT_NAME-}-}", tt(e, n, a, E, t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
     V(et(
@@ -339,7 +341,7 @@ const g = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
       o,
       c,
       n,
-      w,
+      P,
       d,
       a,
       k
@@ -385,7 +387,7 @@ function Tt({
   priceStyles: E,
   originalPriceStyles: _,
   quantityStyles: u,
-  priceOrientation: w
+  priceOrientation: P
 }) {
   const p = Y[e].findIndex((y) => y.value === r);
   let R = "1";
@@ -396,10 +398,10 @@ function Tt({
     y && y[1] && ([, R] = y);
   }
   const d = (l == null ? void 0 : l.priceSinglePrice) ?? (c == null ? void 0 : c["data-product_price_control_single_price"]) === "1" ?? !1;
-  M = P.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[p >= 0 ? p : 0], D = P.PAIRS_FOR_EXTENSION.name[e].DEFAULT[p >= 0 ? p : 0];
-  const T = P.PAIRS_FOR_EXTENSION.price[e], h = P.PAIRS_FOR_EXTENSION.originalPrice[e];
-  d ? (N = o ? T.DEFAULT_SINGLE_PRICE_FORMATTED : T.DEFAULT_SINGLE_PRICE, m = o ? h.DEFAULT_SINGLE_PRICE_FORMATTED : h.DEFAULT_SINGLE_PRICE) : (N = o ? T.DEFAULT_PRICE_FORMATTED : T.DEFAULT_PRICE, m = o ? h.DEFAULT_PRICE_FORMATTED : h.DEFAULT_PRICE), U = P.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
-  const I = w || (l == null ? void 0 : l.priceOrientation) || "horizontal";
+  g = A.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[p >= 0 ? p : 0], L = A.PAIRS_FOR_EXTENSION.name[e].DEFAULT[p >= 0 ? p : 0];
+  const T = A.PAIRS_FOR_EXTENSION.price[e], I = A.PAIRS_FOR_EXTENSION.originalPrice[e];
+  d ? (m = o ? T.DEFAULT_SINGLE_PRICE_FORMATTED : T.DEFAULT_SINGLE_PRICE, S = o ? I.DEFAULT_SINGLE_PRICE_FORMATTED : I.DEFAULT_SINGLE_PRICE) : (m = o ? T.DEFAULT_PRICE_FORMATTED : T.DEFAULT_PRICE, S = o ? I.DEFAULT_PRICE_FORMATTED : I.DEFAULT_PRICE), M = A.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
+  const h = P || (l == null ? void 0 : l.priceOrientation) || "horizontal";
   return s === x.ORIENTATION.VERTICAL ? z(
     q,
     e,
@@ -415,7 +417,7 @@ function Tt({
     l,
     $,
     t,
-    I,
+    h,
     E,
     _,
     u,
@@ -435,7 +437,7 @@ function Tt({
     l,
     $,
     t,
-    I,
+    h,
     E,
     _,
     u,

package/dist/extensions/Blocks/RadioButton/template.js

@@ -119,7 +119,7 @@ const e = {
                                                         id="radioYes"
                                                         name="unsubscribe"
                                                         data-cke-editable="1"
-                                                        style="margin: 0px; vertical-align: middle;>
+                                                        style="margin: 0px; vertical-align: middle;">
                                                     </td>
                                                 {-{-YES-}-}
                                             </tr>

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

@@ -1,15 +1,15 @@
-var k = Object.defineProperty;
-var I = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var u = (r, n, t) => I(r, typeof n != "symbol" ? n + "" : n, t);
-import { BlockId as B } from "../../../enums/block.js";
-import { getMigrationBannerHtml as _ } from "../../../utils/migrationBannerHtml.js";
+var I = Object.defineProperty;
+var k = (r, n, t) => n in r ? I(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var u = (r, n, t) => k(r, typeof n != "symbol" ? n + "" : n, t);
+import { BlockId as _ } from "../../../enums/block.js";
+import { getMigrationBannerHtml as B } from "../../../utils/migrationBannerHtml.js";
 import { Block as b, BlockCompositionType as R, ModificationDescription as y } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
 import { ensureMobileCssRulesExist as g, setMobileLayoutOptOut as d, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as c } from "./services/configService.js";
 import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
 import { getDefaultTemplate as E } from "./templates/grid/template.js";
-const f = B.Recommendation, a = "recommendation-block-v2", l = "recommendation-id";
+const f = _.Recommendation, l = "recommendation-block-v2", m = "recommendation-id";
 let h = !1;
 class q extends b {
   constructor() {
@@ -38,7 +38,7 @@ class q extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return _(
+    return B(
       f,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -66,15 +66,18 @@ class q extends b {
    * @param node - The newly created block node
    */
   onCreated(t) {
-    const e = this._pendingBlockId ?? this._generateNextId();
-    this._pendingBlockId = null, this._assignRecommendationId(t, e);
-    const o = c.initializeConfig(this.api, t, { recommendationId: e }), i = p();
-    i.setCurrentBlock(e), g(this.api);
-    const s = this._getBlockElement(t);
-    s && (d(this.api, s, !0), C({
+    const e = this._getRecommendationId(t);
+    if (e !== null && e > 0)
+      return;
+    const i = this._pendingBlockId ?? this._generateNextId();
+    this._pendingBlockId = null, this._assignRecommendationId(t, i);
+    const o = c.initializeConfig(this.api, t, { recommendationId: i }), s = p();
+    s.setCurrentBlock(i), g(this.api);
+    const a = this._getBlockElement(t);
+    a && (d(this.api, a, !0), C({
       currentNode: t,
       documentModifier: this.api.getDocumentModifier()
-    })), i.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
+    })), s.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -97,10 +100,10 @@ class q extends b {
       c.needsMigration(t) && this._migrateFromLegacy(t);
       try {
         h || (g(this.api), h = !0);
-        const e = c.getConfig(t), o = this._getBlockElement(t);
-        if (o) {
-          const i = !e.mobileLayoutEnabled;
-          A(o) !== i && d(this.api, o, i);
+        const e = c.getConfig(t), i = this._getBlockElement(t);
+        if (i) {
+          const o = !e.mobileLayoutEnabled;
+          A(i) !== o && d(this.api, i, o);
         }
       } catch {
       }
@@ -124,10 +127,10 @@ class q extends b {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${a}`).forEach((i) => {
-        if ("getAttribute" in i) {
-          const s = i.getAttribute(l), m = s ? parseInt(s) : 0;
-          m > t && (t = m);
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${l}`).forEach((o) => {
+        if ("getAttribute" in o) {
+          const s = o.getAttribute(m), a = s ? parseInt(s) : 0;
+          a > t && (t = a);
         }
       });
     } catch {
@@ -141,11 +144,11 @@ class q extends b {
    * added classes via setAttribute.
    */
   _assignRecommendationId(t, e) {
-    const o = this._getBlockElement(t);
-    if (!o)
+    const i = this._getBlockElement(t);
+    if (!i)
       return;
-    const i = this.api.getDocumentModifier();
-    i.modifyHtml(o).setAttribute(l, e.toString()), i.apply(new y(`Assign recommendation ID ${e}`));
+    const o = this.api.getDocumentModifier();
+    o.modifyHtml(i).setAttribute(m, e.toString()), o.apply(new y(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -154,11 +157,11 @@ class q extends b {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(l);
-    if (!o)
+    const i = e.getAttribute(m);
+    if (!i)
       return null;
-    const i = parseInt(o);
-    return Number.isNaN(i) ? null : i;
+    const o = parseInt(i);
+    return Number.isNaN(o) ? null : o;
   }
   /**
    * Gets the block element (the element with BLOCK_CLASS)
@@ -166,10 +169,10 @@ class q extends b {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(a))
+      if (e && e.includes(l))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${a}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${l}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format

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

@@ -1,4 +1,4 @@
-import { DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_ROW_SPACING as i, DEFAULT_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
+import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as U, DEFAULT_MOBILE_ROW_SPACING as i, DEFAULT_MOBILE_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
 import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
 const O = {
   code: "USD",
@@ -44,10 +44,10 @@ const O = {
   mobileCardsInRow: o,
   mobileLayoutEnabled: !1,
   previousMobileCardsInRow: o,
-  columnSpacing: s,
-  rowSpacing: i,
-  mobileColumnSpacing: U,
-  mobileRowSpacing: R,
+  columnSpacing: R,
+  rowSpacing: U,
+  mobileColumnSpacing: s,
+  mobileRowSpacing: i,
   // Composition
   composition: a,
   visibility: E,

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

@@ -1,22 +1,23 @@
-var l = Object.defineProperty;
-var c = (s, i, t) => i in s ? l(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var a = (s, i, t) => c(s, typeof i != "symbol" ? i + "" : i, t);
+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";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-const g = "recommendation-algorithm-control", e = {
+import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
+const u = "recommendation-algorithm-control", i = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class T extends d {
+class R extends d {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
     a(this, "store", m());
   }
   getId() {
-    return g;
+    return u;
   }
   getTemplate() {
     return `
@@ -24,13 +25,13 @@ class T extends d {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Recommendation Algorithm") }),
       this._GuSelect({
-        name: e.ALGORITHM,
+        name: i.ALGORITHM,
         placeholder: this.api.translate("Select Recommendation Algorithm"),
         options: this.store.getActivePredictiveAlgorithms
       }),
-      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${e.PRODUCT_IDS}_label` }),
+      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${i.PRODUCT_IDS}_label` }),
       this._GuTextInput({
-        name: e.PRODUCT_IDS,
+        name: i.PRODUCT_IDS,
         placeholder: this.api.translate("Enter Product Ids"),
         className: "es-180w"
       })
@@ -45,19 +46,19 @@ class T extends d {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), 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(",")
+    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(",")
     });
   }
   _initializeSelectItems() {
-    var o;
-    const t = (o = this.store) == null ? void 0 : o.getActivePredictiveAlgorithms;
+    var e;
+    const t = (e = this.store) == null ? void 0 : e.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
-          e.ALGORITHM,
+          i.ALGORITHM,
           h.SELECTPICKER.items,
           t
         );
@@ -67,7 +68,7 @@ class T extends d {
   }
   _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);
+    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
   }
   _onAlgorithmChange(t) {
     !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
@@ -80,23 +81,23 @@ class T extends d {
   _onProductIdsChange(t) {
     if (!this.currentNode)
       return;
-    const o = t.split(",").map((r) => r.trim()).filter(Boolean);
+    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: o },
+      { productIds: e },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: o });
+    ), this.store.patchCurrentBlockConfig({ productIds: e });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(e.ALGORITHM, (t) => {
+    this.api.onValueChanged(i.ALGORITHM, (t) => {
       this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
+    }), this.api.onValueChanged(i.PRODUCT_IDS, (t) => {
       this._onProductIdsChange(t);
     });
   }
 }
 export {
-  g as ALGORITHM_CONTROL_ID,
-  T as AlgorithmControl
+  u as ALGORITHM_CONTROL_ID,
+  R as AlgorithmControl
 };