@useinsider/guido 3.5.0-beta.b7a6d77 → 3.5.1-beta.4b9dd49

package/dist/composables/useRecommendation.js

@@ -1,22 +1,21 @@
-import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getRecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
+import { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { useConfigStore as x } from "../stores/config.js";
-const A = () => ({
+const w = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: s,
     mobileRightPadding: a,
     cardsInRow: c,
-    unresponsive: o
+    unresponsive: n
   }) => {
-    const n = o ? c : 1, e = s + a + (n - 1) * b;
-    return (C - e) / n;
+    const r = n ? c : 1, e = s + a + (r - 1) * b;
+    return (R - e) / r;
   },
   getRecommendationCampaignData: (s) => {
-    const a = l(), c = Number(s), o = a.blockStates[c];
-    if (!o)
+    const a = m(), c = Number(s), n = a.blockStates[c];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,14 +28,14 @@ const A = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: n } = o, e = n.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: n.textTrimming,
+      textTrimming: r.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: n.cardsInRow,
-      unresponsive: n.unresponsive,
+      cardsInRow: r.cardsInRow,
+      unresponsive: r.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
@@ -44,38 +43,38 @@ const A = () => ({
     };
   },
   buildCampaignUrl: (s, a) => {
-    var m;
-    const c = l(), o = x(), n = Number(s);
+    var l;
+    const c = m(), n = x(), r = Number(s);
     let e;
     if (a)
       e = a;
     else {
-      const r = c.blockStates[n];
-      if (!r)
+      const i = c.blockStates[r];
+      if (!i)
         return "";
-      const { recommendationConfigs: i } = r;
+      const { recommendationConfigs: o } = i;
       e = {
-        strategy: i.strategy,
-        language: i.language,
-        currencyCode: i.currencySettings.value,
-        size: i.size,
-        productIds: i.productIds,
-        filters: i.filters,
-        shuffleProducts: i.shuffleProducts
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
       };
     }
-    const f = ((m = I().find((r) => r.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    if (t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising") {
-      const r = parseInt(e.size) || 6;
-      t.set("productId", e.productIds.slice(0, r).join(","));
+    const f = ((l = I().find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
+    if (t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising") {
+      const i = parseInt(e.size) || 6;
+      t.set("productId", e.productIds.slice(0, i).join(","));
     } else e.strategy === "similarViewed" && t.set("productId", "{itemId}");
     e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const g = e.filters.filter((r) => r.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([r, i]) => t.set(r, i));
-    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
+    const g = e.filters.filter((i) => i.isValid), d = h(g);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true");
+    const p = decodeURIComponent(t.toString()), u = `${C.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[s] = u, u;
   }
 });
 export {
-  A as useRecommendation
+  w as useRecommendation
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,127 +1,133 @@
-import { useConfig as S } from "../../../composables/useConfig.js";
-import { useRecommendation as g } from "../../../composables/useRecommendation.js";
-import { CSS_CLASS_RECO_BUTTON as _ } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as q } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
-function y(r, c, e, o, s = "") {
-  const n = `{{${s}${r}_${c}_${e}}}`, t = `{{${s}${r}_${c}_currency}}`;
-  return o === "before" ? `${t} ${n}` : `${n} ${t}`;
+import { useConfig as g } from "../../../composables/useConfig.js";
+import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { CSS_CLASS_RECO_BUTTON as q } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as C } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+function y(r, n, e, o, i = "") {
+  const c = `{{${i}${r}_${n}_${e}}}`, t = `{{${i}${r}_${n}_currency}}`;
+  return o === "before" ? `${t} ${c}` : `${c} ${t}`;
 }
-function f(r, c, e, o, s, n) {
-  switch (c) {
+function A(r) {
+  let n = r;
+  for (; n.children.length === 1; )
+    [n] = n.children;
+  return n;
+}
+function f(r, n, e, o, i, c) {
+  switch (n) {
     case "productImage": {
       const t = r.querySelector("img");
-      t && (t.setAttribute("src", `{{${n}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${n}${e}_${o}_name}}`));
-      const i = r.querySelector("a");
-      i && (i.setAttribute("href", `{{${n}${e}_${o}_url}}`), i.classList.add(_));
+      t && (t.setAttribute("src", `{{${c}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${c}${e}_${o}_name}}`));
+      const s = r.querySelector("a");
+      s && (s.setAttribute("href", `{{${c}${e}_${o}_url}}`), s.classList.add(q));
       break;
     }
     case "productName": {
       const t = r.querySelector("p");
       if (t) {
-        const i = t.querySelector("strong") || t;
-        i.textContent = `{{${n}${e}_${o}_name}}`;
+        const s = t.querySelector("strong") || t;
+        s.textContent = `{{${c}${e}_${o}_name}}`;
       }
       break;
     }
     case "productPrice": {
       const t = r.querySelector("p");
-      if (t) {
-        const i = t.querySelector("strong") || t;
-        i.textContent = y(e, o, "price", s, n);
-      }
+      t && (A(t).textContent = y(
+        e,
+        o,
+        "price",
+        i,
+        c
+      ));
       break;
     }
     case "productOldPrice": {
       const t = r.querySelector("p");
-      if (t) {
-        const i = t.querySelector("strong") || t;
-        i.textContent = y(
-          e,
-          o,
-          "original_price",
-          s,
-          n
-        ), t.setAttribute("product-attr", "discount");
-      }
+      t && (A(t).textContent = y(
+        e,
+        o,
+        "original_price",
+        i,
+        c
+      ), t.setAttribute("product-attr", "discount"));
       break;
     }
     case "productButton": {
       const t = r.querySelector("a");
-      t && t.setAttribute("href", `{{${n}${e}_${o}_url}}`);
+      t && t.setAttribute("href", `{{${c}${e}_${o}_url}}`);
       break;
     }
     case "productOmnibusPrice": {
       const t = r.querySelector(".omnibus-price-value");
       if (t) {
-        t.textContent = `{{${n}${e}_${o}_omnibus_price}}`;
-        const i = t.closest("p");
-        i && (i.setAttribute("product-attr", "omnibus_price"), i.setAttribute("composition", "true"));
+        t.textContent = `{{${c}${e}_${o}_omnibus_price}}`;
+        const s = t.closest("p");
+        s && (s.setAttribute("product-attr", "omnibus_price"), s.setAttribute("composition", "true"));
       }
       break;
     }
     case "productOmnibusDiscount": {
       const t = r.querySelector(".omnibus-discount-value");
       if (t) {
-        t.textContent = `{{${n}${e}_${o}_omnibus_discount}}`;
-        const i = t.closest("p");
-        i && (i.setAttribute("product-attr", "omnibus_discount"), i.setAttribute("composition", "true"));
+        t.textContent = `{{${c}${e}_${o}_omnibus_discount}}`;
+        const s = t.closest("p");
+        s && (s.setAttribute("product-attr", "omnibus_discount"), s.setAttribute("composition", "true"));
       }
       break;
     }
     default: {
       const t = r.getAttribute("product-attr") ? r : r.querySelector("[product-attr]");
       if (t) {
-        const i = t.getAttribute("product-attr"), a = t.querySelector("p");
+        const s = t.getAttribute("product-attr"), a = t.querySelector("p");
         if (a) {
           const u = a.querySelector("strong") || a;
-          u.textContent = `{{${n}${e}_${o}_${i}}}`;
+          u.textContent = `{{${c}${e}_${o}_${s}}}`;
         }
       }
       break;
     }
   }
 }
-function C(r, c, e, o) {
-  r.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
-    n.querySelectorAll("[data-attribute-type]").forEach((a) => {
+function w(r, n, e, o) {
+  r.querySelectorAll(".recommendation-product-row").forEach((c, t) => {
+    c.querySelectorAll("[data-attribute-type]").forEach((a) => {
       const u = a.getAttribute("data-attribute-type") || "", p = a.querySelectorAll(".attribute-cell");
       p.length > 0 ? p.forEach((l) => {
-        f(l, u, c, t, e, o);
-      }) : f(a, u, c, t, e, o);
+        f(l, u, n, t, e, o);
+      }) : f(a, u, n, t, e, o);
     });
   });
 }
-function E(r, c, e, o) {
-  const s = r.querySelectorAll(".recommendation-product-row");
-  if (!s.length)
+function E(r, n, e, o) {
+  const i = r.querySelectorAll(".recommendation-product-row");
+  if (!i.length)
     return;
-  const [n] = s, t = n.querySelector("[data-attribute-type]"), i = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  s.forEach((a, u) => {
+  const [c] = i, t = c.querySelector("[data-attribute-type]"), s = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  i.forEach((a, u) => {
     a.querySelectorAll("[data-attribute-type]").forEach((l) => {
       const d = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((A, h) => {
-        const $ = u * i + h;
-        f(A, d, c, $, e, o);
+      l.querySelectorAll(".attribute-cell").forEach((h, $) => {
+        const S = u * s + $;
+        f(h, d, n, S, e, o);
       });
     });
   });
 }
-function w(r, c, e, o) {
-  r.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    E(n, c, e, o);
+function R(r, n, e, o) {
+  r.querySelectorAll(".ins-recommendation-product-container").forEach((c) => {
+    E(c, n, e, o);
   });
 }
-function R(r, c, e) {
-  const o = r.getAttribute("data-layout") || "grid", s = r.getAttribute("currency-alignment") || "after";
-  o === "list" ? C(r, c, s, e) : w(r, c, s, e);
+function P(r, n, e) {
+  const o = r.getAttribute("data-layout") || "grid", i = r.getAttribute("currency-alignment") || "after";
+  o === "list" ? w(r, n, i, e) : R(r, n, i, e);
 }
-function b(r, c, e) {
-  const o = new RegExp(`${c}\\s*:\\s*(\\d+)\\s*px`, "i"), s = r.match(o);
-  return s ? parseInt(s[1]) : e;
+function b(r, n, e) {
+  const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), i = r.match(o);
+  return i ? parseInt(i[1]) : e;
 }
-function P(r, c) {
+function T(r, n) {
   let e = r.parentElement;
-  for (; e && e !== c; ) {
+  for (; e && e !== n; ) {
     if (e.tagName === "TD") {
       const o = e.getAttribute("width");
       if (o && o.endsWith("%") && parseFloat(o) < 100)
@@ -131,40 +137,40 @@ function P(r, c) {
   }
   return null;
 }
-function T(r) {
-  const c = r.getAttribute("style") || "", e = b(c, "width", 600), o = b(c, "padding", 0) * 2, s = Math.max(0, e - o);
-  s !== 0 && r.querySelectorAll("img.adapt-img").forEach((n) => {
-    if (n.hasAttribute("width"))
+function v(r) {
+  const n = r.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, i = Math.max(0, e - o);
+  i !== 0 && r.querySelectorAll("img.adapt-img").forEach((c) => {
+    if (c.hasAttribute("width"))
       return;
-    const t = P(n, r);
+    const t = T(c, r);
     if (!t)
       return;
-    const i = t.getAttribute("width"), a = parseFloat(i), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(s * a / 100), l = Math.max(1, p - u);
-    n.setAttribute("width", String(l));
-    const d = n.getAttribute("style") || "";
+    const s = t.getAttribute("width"), a = parseFloat(s), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
+    c.setAttribute("width", String(l));
+    const d = c.getAttribute("style") || "";
     if (!/\bwidth\s*:\s*\d/i.test(d)) {
       const m = d && !d.trim().endsWith(";") ? "; " : "";
-      n.setAttribute("style", `${d}${m}width: ${l}px`);
+      c.setAttribute("style", `${d}${m}width: ${l}px`);
     }
   });
 }
-function v(r, c) {
+function O(r, n) {
   const e = r.match(/<!DOCTYPE[^>]*>/i);
   return (e ? `${e[0]}
-` : "") + c.documentElement.outerHTML;
+` : "") + n.documentElement.outerHTML;
 }
 function N(r) {
-  const c = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(c, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
+  const n = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return r;
-  const { buildCampaignUrl: s } = g(), n = q();
-  n.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: t } = S(), i = t("liquidSyntax") ? "reco_" : "";
+  const { buildCampaignUrl: i } = _(), c = C();
+  c.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = g(), s = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((u) => {
     var l, d;
     const p = u.getAttribute("recommendation-id");
-    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), s(p), R(u, p, i), T(u));
-  }), v(c, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), i(p), P(u, p, s), v(u));
+  }), O(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   y as formatPriceVariable,

package/dist/config/migrator/checkboxMigrator.js

@@ -1,85 +1,36 @@
-var x = Object.defineProperty;
-var y = (s, t, e) => t in s ? x(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var m = (s, t, e) => y(s, typeof t != "symbol" ? t + "" : t, e);
-import b from "../../extensions/Blocks/Checkbox/template.js";
-class f {
+var h = Object.defineProperty;
+var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var l = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
+import f from "../../extensions/Blocks/Checkbox/template.js";
+import { extractTextFromElement as m, buildTextBlock as p } from "./textBlockMigration.js";
+class C {
   constructor() {
-    m(this, "parser");
+    l(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.checkbox-block");
-      return i.length === 0 ? t : (i.forEach((r) => {
-        if (r.classList.contains("checkbox-block-v2"))
+      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.checkbox-block");
+      if (n.length === 0)
+        return t;
+      let i = !1;
+      return n.forEach((o) => {
+        if (o.classList.contains("checkbox-block-v2"))
           return;
-        const n = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), c = this.extractTextFromElement(r, "ins-description"), a = this.buildTextBlock(l), p = this.buildTextBlock(c), g = b.replace("{-{-TITLE-}-}", a).replace("{-{-DESCRIPTION-}-}", p), o = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
+        const b = o.getAttribute("id"), s = m(o, "ins-title"), a = m(o, "ins-description"), u = p(s, s.containerClass), x = p(a, a.containerClass), d = f.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", x), c = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${d}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".checkbox-block-v2");
-        o && r.parentNode && (o.setAttribute("id", n || ""), r.parentNode.replaceChild(o, r));
-      }), e.documentElement.outerHTML);
+        c && o.parentNode && (c.setAttribute("id", b || ""), o.parentNode.replaceChild(c, o), i = !0);
+      }), i ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("CheckboxMigrator failed:", e), t;
     }
   }
-  extractTextFromElement(t, e) {
-    var o, d;
-    const i = t.querySelector(`.${e}`);
-    if (!i)
-      return {
-        text: e === "ins-title" ? "Title" : "Description",
-        isBold: !1,
-        isItalic: !1,
-        align: "left",
-        styles: ""
-      };
-    const r = i.querySelector("p");
-    if (!r)
-      return {
-        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
-        isBold: !1,
-        isItalic: !1,
-        align: i.getAttribute("align") || "left",
-        styles: ""
-      };
-    const n = ((d = r.textContent) == null ? void 0 : d.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), u = this.convertInlineToBlock(g);
-    return {
-      text: n,
-      isBold: a,
-      isItalic: p,
-      align: c,
-      styles: u
-    };
-  }
-  buildTextBlock(t) {
-    let e = t.text;
-    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
-    const i = t.align ? ` align="${t.align}"` : "", r = t.styles ? ` style="${t.styles}"` : "";
-    return `
-            <td class="esd-block-text" ${i}>
-                <p path="1" ${r}>
-                    ${e}
-                </p>
-            </td>
-        `;
-  }
-  removeStyleProperties(t, e) {
-    return t ? e.reduce((r, n) => {
-      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
-      return r.replace(l, "");
-    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
-  }
-  convertInlineToBlock(t) {
-    if (!t)
-      return "";
-    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
-  }
 }
-function k(s) {
-  return new f().migrate(s);
+function E(r) {
+  return new C().migrate(r);
 }
 export {
-  k as migrateCheckbox
+  E as migrateCheckbox
 };

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,109 +1,54 @@
-var x = Object.defineProperty;
-var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
-import S from "../../extensions/Blocks/RadioButton/template.js";
-class B {
+var q = Object.defineProperty;
+var C = (o, t, e) => t in o ? q(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var g = (o, t, e) => C(o, typeof t != "symbol" ? t + "" : t, e);
+import N from "../../extensions/Blocks/RadioButton/template.js";
+import { extractTextFromElement as b, buildTextBlock as f } from "./textBlockMigration.js";
+class R {
   constructor() {
-    b(this, "parser");
+    g(this, "parser");
     this.parser = new DOMParser();
   }
-  migrate(e) {
+  migrate(t) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll("td.radio-button-block"), i = t.querySelectorAll("td.radio-button-v2");
-      if (s.length === 0 && i.length === 0)
-        return e;
-      let o = !1;
-      return s.forEach((r) => {
+      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.radio-button-block"), a = e.querySelectorAll("td.radio-button-v2");
+      if (n.length === 0 && a.length === 0)
+        return t;
+      let i = !1;
+      return n.forEach((r) => {
         if (r.classList.contains("radio-button-v2"))
           return;
-        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), p = this.buildTextBlock(a), d = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", p).replace("{-{-DESCRIPTION-}-}", d).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
+        const s = r.getAttribute("id"), c = b(r, "ins-title"), d = b(r, "ins-description"), u = b(r, "ins-subscribe"), l = b(r, "ins-unsubscribe"), p = f(c, c.containerClass), m = f(d, d.containerClass), h = f(u), S = f(l), T = N.replace("{-{-TITLE-}-}", p).replace("{-{-DESCRIPTION-}-}", m).replace("{-{-YES-}-}", h).replace("{-{-NO-}-}", S), y = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${T}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
-      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
-    } catch (t) {
-      return console.error("RadioButtonMigrator failed:", t), e;
+        y && r.parentNode && (y.setAttribute("id", s || ""), r.parentNode.replaceChild(y, r), i = !0);
+      }), i = this.healRadioButtonV2(e) || i, i ? e.documentElement.outerHTML : t;
+    } catch (e) {
+      return console.error("RadioButtonMigrator failed:", e), t;
     }
   }
-  healRadioButtonV2(e) {
-    let t = !1;
-    return e.querySelectorAll("td.radio-button-v2").forEach((s) => {
-      var d;
-      s.classList.contains("radio-button-block") || (s.classList.add("radio-button-block"), t = !0);
-      const i = s.querySelector("input#radioYes"), o = s.querySelector("input#radioNo");
-      if (!i || !o)
+  healRadioButtonV2(t) {
+    let e = !1;
+    return t.querySelectorAll("td.radio-button-v2").forEach((n) => {
+      var m;
+      n.classList.contains("radio-button-block") || (n.classList.add("radio-button-block"), e = !0);
+      const a = n.querySelector("input#radioYes"), i = n.querySelector("input#radioNo");
+      if (!a || !i)
         return;
-      const r = ((d = i.parentElement) == null ? void 0 : d.querySelector(":scope > p")) || null;
-      if (!r && !i.hasAttribute("align"))
+      const r = ((m = a.parentElement) == null ? void 0 : m.querySelector(":scope > p")) || null;
+      if (!r && !a.hasAttribute("align"))
         return;
-      const n = i.closest("tr"), a = o.closest("tr");
-      if (!n || !a || n === a || !n.parentNode)
+      const s = a.closest("tr"), c = i.closest("tr");
+      if (!s || !c || s === c || !s.parentNode)
         return;
-      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), p = c.querySelector("p");
-      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), p && (p.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
-    }), t;
-  }
-  extractTextFromElement(e, t) {
-    var d, y;
-    const s = e.querySelector(`.${t}`);
-    if (!s)
-      return {
-        text: t === "ins-title" ? "Title" : "Description",
-        isBold: !1,
-        isItalic: !1,
-        align: "left",
-        styles: "",
-        classList: ""
-      };
-    const i = s.querySelector("p");
-    if (!i)
-      return {
-        text: ((d = s.textContent) == null ? void 0 : d.trim()) || (t === "ins-title" ? "Title" : "Description"),
-        isBold: !1,
-        isItalic: !1,
-        align: s.getAttribute("align") || "left",
-        styles: "",
-        classList: ""
-      };
-    const o = ((y = i.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = i.getAttribute("style") || "", n = s.getAttribute("align") || i.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!i.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!i.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), p = s.getAttribute("class") || "";
-    return {
-      text: o,
-      isBold: a,
-      isItalic: g,
-      align: n,
-      styles: u,
-      classList: p
-    };
-  }
-  buildTextBlock(e) {
-    let t = e.text;
-    e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
-    const s = e.align ? ` align="${e.align}"` : "", i = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
-    return `
-            <td class="esd-block-text ${e.classList}" ${s}>
-                <p path="1" ${i}>
-                    ${t}
-                </p>
-            </td>
-        `;
-  }
-  removeStyleProperties(e, t) {
-    return e ? t.reduce((i, o) => {
-      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
-      return i.replace(r, "");
-    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
-  }
-  convertInlineToBlock(e) {
-    if (!e)
-      return "";
-    let t = e.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
+      const d = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", u = c.cloneNode(!0), l = u.querySelector("input#radioNo"), p = u.querySelector("p");
+      l && (l.setAttribute("id", "radioYes"), l.removeAttribute("align")), p && (p.innerHTML = d), s.parentNode.replaceChild(u, s), e = !0;
+    }), e;
   }
 }
-function L(l) {
-  return new B().migrate(l);
+function w(o) {
+  return new R().migrate(o);
 }
 export {
-  L as migrateRadioButton
+  w as migrateRadioButton
 };

package/dist/config/migrator/textBlockMigration.js

@@ -0,0 +1,65 @@
+const I = {
+  "ins-title": "Title",
+  "ins-description": "Description",
+  "ins-subscribe": "Yes",
+  "ins-unsubscribe": "No"
+}, y = /font-weight\s*:\s*[^;]*;?/gi, S = /font-style\s*:\s*[^;]*;?/gi, u = /;\s*;/g, T = /^;|;$/g, d = /display\s*:\s*inline/gi, m = /display\s*:/i, b = /font-weight\s*:\s*bold/i, A = /font-style\s*:\s*italic/i, R = /^<(?:strong|b)\b/i, $ = /^<(?:em|i)\b/i;
+function L(t) {
+  return t ? t.replace(y, "").replace(S, "").replace(u, ";").replace(T, "").trim() : "";
+}
+function O(t) {
+  if (!t)
+    return "";
+  let e = t.replace(d, "display: block");
+  return m.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(u, ";").replace(T, "").trim();
+}
+function B(t, e) {
+  var c, a;
+  const o = I[e], l = t.querySelector(`.${e}`);
+  if (!l)
+    return {
+      paragraphs: [{ innerHtml: o, isBold: !1, isItalic: !1, styles: "" }],
+      align: "left",
+      containerClass: ""
+    };
+  const n = Array.from(l.querySelectorAll("p")), p = l.getAttribute("align") || ((c = n[0]) == null ? void 0 : c.getAttribute("align")) || "left", i = l.getAttribute("class") || "";
+  return n.length === 0 ? {
+    paragraphs: [{
+      innerHtml: ((a = l.textContent) == null ? void 0 : a.trim()) || o,
+      isBold: !1,
+      isItalic: !1,
+      styles: ""
+    }],
+    align: p,
+    containerClass: ""
+  } : { paragraphs: n.map((r) => {
+    const _ = r.getAttribute("style") || "", f = b.test(_) || !!r.querySelector("b, strong"), g = A.test(_) || !!r.querySelector("i, em"), E = L(_);
+    return {
+      // Legacy parity: empty <p> → fallback placeholder; <p><br></p> is not empty.
+      innerHtml: r.innerHTML.trim() || o,
+      isBold: f,
+      isItalic: g,
+      styles: O(E)
+    };
+  }), align: p, containerClass: i };
+}
+function C(t, e = "") {
+  const o = t.align ? ` align="${t.align}"` : "", l = t.paragraphs.map((n, p) => {
+    const i = p + 1;
+    let s = n.innerHtml;
+    const c = n.isBold && !R.test(s), a = n.isItalic && !$.test(s);
+    c && a ? s = `<strong path="${i},0"><em path="${i},0,0">${s}</em></strong>` : c ? s = `<strong path="${i},0">${s}</strong>` : a && (s = `<em path="${i},0">${s}</em>`);
+    const r = n.styles ? ` style="${n.styles.replaceAll('"', "'")}"` : "";
+    return `<p path="${i}"${r}>${s}</p>`;
+  }).join(`
+                    `);
+  return `
+            <td class="esd-block-text ${e}" ${o}>
+                    ${l}
+            </td>
+        `;
+}
+export {
+  C as buildTextBlock,
+  B as extractTextFromElement
+};

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

@@ -1,33 +1,33 @@
-var B = Object.defineProperty;
-var C = (a, s, t) => s in a ? B(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var p = (a, s, t) => C(a, typeof s != "symbol" ? s + "" : s, t);
-import { BlockId as R } from "../../../enums/block.js";
-import { getMigrationBannerHtml as b } from "../../../utils/migrationBannerHtml.js";
-import { Block as A, BlockCompositionType as y, ModificationDescription as f } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { regenerateMobileProductRows as D } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as h, setMobileLayoutOptOut as I, hasMobileLayoutOptOut as E } from "./controls/mobileLayout/cssRules.js";
+var k = Object.defineProperty;
+var y = (a, r, t) => r in a ? k(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
+var d = (a, r, t) => y(a, typeof r != "symbol" ? r + "" : r, t);
+import { BlockId as B } from "../../../enums/block.js";
+import { getMigrationBannerHtml as D } from "../../../utils/migrationBannerHtml.js";
+import { Block as R, BlockCompositionType as C, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { regenerateMobileProductRows as b } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as c } from "./services/configService.js";
 import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
-import { getDefaultTemplate as N } from "./templates/grid/template.js";
-const k = R.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
-let _ = !1;
-class q extends A {
+import { getDefaultTemplate as E } from "./templates/grid/template.js";
+const _ = B.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
+let I = !1;
+class q extends R {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    p(this, "_pendingBlockId", null);
+    d(this, "_pendingBlockId", null);
   }
   getId() {
-    return k;
+    return _;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return y.CONTAINER;
+    return C.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -38,8 +38,8 @@ class q extends A {
     );
   }
   getSettingsPanelTitleHtml() {
-    return b(
-      k,
+    return D(
+      _,
       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.")
     );
@@ -59,7 +59,7 @@ class q extends A {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, N(t);
+    return this._pendingBlockId = t, E(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -71,7 +71,13 @@ class q extends A {
   onCreated(t) {
     const e = this._getRecommendationId(t);
     if (e !== null && e > 0) {
-      this._detectDuplicate(e) && this._handleDuplicate(t, e);
+      if (this._detectDuplicate(e)) {
+        this._handleDuplicate(t, e);
+        return;
+      }
+      this._pendingBlockId === null && setTimeout(() => {
+        this._getBlockElement(t) && this._detectDuplicate(e) && this._handleDuplicate(t, e);
+      }, 0);
       return;
     }
     const i = this._pendingBlockId ?? this._generateNextId();
@@ -80,16 +86,16 @@ class q extends A {
       this.api,
       t,
       { recommendationId: i }
-    ), r = g();
-    if (r.setCurrentBlock(i), o) {
-      h(this.api);
+    ), s = g();
+    if (s.setCurrentBlock(i), o) {
+      p(this.api);
       const l = this._getBlockElement(t);
-      l && (I(this.api, l, !0), D({
+      l && (f(this.api, l, !0), b({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
+    s.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -109,13 +115,13 @@ class q extends A {
           "Assign recommendation ID to legacy block"
         );
       }
-      c.needsMigration(t) && this._migrateFromLegacy(t);
+      this._healLingeringDuplicate(t), c.needsMigration(t) && this._migrateFromLegacy(t);
       try {
-        _ || (h(this.api), _ = !0);
+        I || (p(this.api), I = !0);
         const e = c.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          E(i) !== n && I(this.api, i, n);
+          A(i) !== n && f(this.api, i, n);
         }
       } catch {
       }
@@ -141,14 +147,53 @@ class q extends A {
       const e = this.api.getDocumentRoot();
       e && "querySelectorAll" in e && e.querySelectorAll(`.${m}`).forEach((n) => {
         if ("getAttribute" in n) {
-          const o = n.getAttribute(u), r = o ? parseInt(o) : 0;
-          r > t && (t = r);
+          const o = n.getAttribute(u), s = o ? parseInt(o) : 0;
+          s > t && (t = s);
         }
       });
     } catch {
     }
     return t + 1;
   }
+  /**
+   * Heals a duplicate that slipped past the create-time `_detectDuplicate`
+   * scan (or that was persisted by an older template before SD-142352).
+   * When two blocks share a `recommendation-id`, the first occurrence in DOM
+   * order is treated as the source and any later sibling is reassigned a
+   * fresh id. The store entry and active-block focus are intentionally not
+   * touched here: each block's persisted `esd-ext-config` carries its own
+   * truth and the regular save-time hydration (`hydrateRecommendationStore`)
+   * will seed the new id from that. Skipping `setCurrentBlock` avoids
+   * yanking the user's current selection mid-edit when the heal fires from
+   * `onDocumentChanged`.
+   */
+  _healLingeringDuplicate(t) {
+    const e = this._getRecommendationId(t);
+    if (!(e === null || e <= 0))
+      try {
+        const i = this.api.getDocumentRoot();
+        if (!i || !("querySelectorAll" in i))
+          return;
+        const n = i.querySelectorAll(
+          `.${m}[${u}="${e}"]`
+        );
+        if (n.length <= 1)
+          return;
+        const o = this._getBlockElement(t);
+        if (!o)
+          return;
+        let s = -1;
+        for (let l = 0; l < n.length; l++)
+          if (n[l] === o) {
+            s = l;
+            break;
+          }
+        if (s <= 0)
+          return;
+        this._reassignDuplicateId(t, e);
+      } catch {
+      }
+  }
   /** True when another block already holds the same id — Stripo's duplication signal. */
   _detectDuplicate(t) {
     try {
@@ -163,33 +208,42 @@ class q extends A {
   }
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(t, e) {
+    const i = this._reassignDuplicateId(t, e), n = g();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i);
+  }
+  /**
+   * Core id-reassignment for a duplicated block: rewrites the DOM
+   * `recommendation-id`, the instance class and the persisted node config to
+   * a fresh id. Returns the new id.
+   *
+   * Used by `_handleDuplicate` at create-time (which additionally clones the
+   * store entry and focuses the new block) and by `_healLingeringDuplicate`
+   * at document-change time (which intentionally skips store/focus side
+   * effects so older bug-affected templates can self-repair without
+   * disturbing the user's current selection).
+   */
+  _reassignDuplicateId(t, e) {
     const i = this._generateNextId(), n = this._getBlockElement(t);
-    this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), c.hasConfig(t) && c.updateConfig(
+    return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), c.hasConfig(t) && c.updateConfig(
       this.api,
       t,
       { recommendationId: i },
       `Reassign recommendation ID on duplicate (was ${e})`
-    );
-    const o = g();
-    o.cloneBlockState(e, i), o.setCurrentBlock(i);
+    ), i;
   }
   /**
    * Rewrites `ins-recommendation-v3-block-{id}` on the clone — the instance
-   * class scopes per-block CSS rules, so leaving the source's class would
-   * make stylistic edits leak between source and clone.
+   * class scopes per-block CSS rules in the editor and is also the key the
+   * mail render service reads to look up per-id campaign config, so leaving
+   * the source's class would both leak stylistic edits across blocks and
+   * cause the mail render to apply the source block's config to the clone.
    */
   _reassignInstanceClass(t, e, i) {
     if (!("getAttribute" in t))
       return;
-    const n = t.getAttribute("class");
-    if (!n)
-      return;
-    const o = `ins-recommendation-v3-block-${e}`, r = `ins-recommendation-v3-block-${i}`;
-    if (!n.includes(o))
-      return;
-    const l = n.replace(o, r), d = this.api.getDocumentModifier();
-    d.modifyHtml(t).setAttribute("class", l), d.apply(new f(
-      `Reassign recommendation instance class ${o} -> ${r}`
+    const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, s = this.api.getDocumentModifier();
+    s.modifyHtml(t).removeClass(n).setClass(o), s.apply(new h(
+      `Reassign recommendation instance class ${n} -> ${o}`
     ));
   }
   /**
@@ -203,7 +257,7 @@ class q extends A {
     if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new f(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new h(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -237,6 +291,6 @@ class q extends A {
   }
 }
 export {
-  k as BLOCK_ID,
+  _ as BLOCK_ID,
   q as RecommendationBlock
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -6,9 +6,8 @@ import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { isFilterValid as w } from "../validation/filterSchema.js";
-import { isConfigValid as N } from "../validation/requiredFields.js";
+import { isFilterValid as v } from "../validation/filterSchema.js";
+import { isConfigValid as w } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
 function I() {
@@ -50,7 +49,7 @@ function k() {
     filterSnapshot: null
   };
 }
-const x = () => ({
+const N = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -59,8 +58,8 @@ const x = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), T = P("guidoRecommendationExtension", {
-  state: () => x(),
+}), M = P("guidoRecommendationExtension", {
+  state: () => N(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -379,7 +378,7 @@ const x = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: w(t)
+          isValid: v(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -425,7 +424,7 @@ const x = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !N(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !w(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -454,10 +453,7 @@ const x = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = r.productIds.slice(0, s).join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
-        a,
-        v(o.partnerName, r.strategy)
-      );
+      r.strategy === "manualMerchandising" ? a.productId = r.productIds.slice(0, s).join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0);
       let f;
       try {
         f = await h.fetchRecommendationProducts(i, a);
@@ -475,5 +471,5 @@ const x = () => ({
   }
 });
 export {
-  T as useRecommendationExtensionStore
+  M as useRecommendationExtensionStore
 };

package/dist/src/config/migrator/textBlockMigration.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Shared text-block migration helpers used by both `radioButtonMigrator` and
+ * `checkboxMigrator`. Extracts a legacy v1 `.ins-title` / `.ins-description`
+ * cell into a paragraph descriptor and rebuilds it as a v2 `esd-block-text`
+ * cell — preserving every <p>, every inline tag (<u>, <a>, <br>, <strong>,
+ * <em>) and re-encoding bold/italic detection as canonical tags.
+ */
+export type InsCellClass = 'ins-title' | 'ins-description' | 'ins-subscribe' | 'ins-unsubscribe';
+type ParagraphContent = {
+    innerHtml: string;
+    isBold: boolean;
+    isItalic: boolean;
+    styles: string;
+};
+export type TextContent = {
+    paragraphs: ParagraphContent[];
+    align: string;
+};
+export type ExtractedTextContent = TextContent & {
+    containerClass: string;
+};
+export declare function extractTextFromElement(parent: Element, className: InsCellClass): ExtractedTextContent;
+export declare function buildTextBlock(content: TextContent, extraClass?: string): string;
+export {};

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -60,14 +60,41 @@ export declare class RecommendationBlock extends Block {
      * in the document and finding the maximum existing ID + 1.
      */
     private _generateNextId;
+    /**
+     * Heals a duplicate that slipped past the create-time `_detectDuplicate`
+     * scan (or that was persisted by an older template before SD-142352).
+     * When two blocks share a `recommendation-id`, the first occurrence in DOM
+     * order is treated as the source and any later sibling is reassigned a
+     * fresh id. The store entry and active-block focus are intentionally not
+     * touched here: each block's persisted `esd-ext-config` carries its own
+     * truth and the regular save-time hydration (`hydrateRecommendationStore`)
+     * will seed the new id from that. Skipping `setCurrentBlock` avoids
+     * yanking the user's current selection mid-edit when the heal fires from
+     * `onDocumentChanged`.
+     */
+    private _healLingeringDuplicate;
     /** True when another block already holds the same id — Stripo's duplication signal. */
     private _detectDuplicate;
     /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
     private _handleDuplicate;
+    /**
+     * Core id-reassignment for a duplicated block: rewrites the DOM
+     * `recommendation-id`, the instance class and the persisted node config to
+     * a fresh id. Returns the new id.
+     *
+     * Used by `_handleDuplicate` at create-time (which additionally clones the
+     * store entry and focuses the new block) and by `_healLingeringDuplicate`
+     * at document-change time (which intentionally skips store/focus side
+     * effects so older bug-affected templates can self-repair without
+     * disturbing the user's current selection).
+     */
+    private _reassignDuplicateId;
     /**
      * Rewrites `ins-recommendation-v3-block-{id}` on the clone — the instance
-     * class scopes per-block CSS rules, so leaving the source's class would
-     * make stylistic edits leak between source and clone.
+     * class scopes per-block CSS rules in the editor and is also the key the
+     * mail render service reads to look up per-id campaign config, so leaving
+     * the source's class would both leak stylistic edits across blocks and
+     * cause the mail render to apply the source block's config to the clone.
      */
     private _reassignInstanceClass;
     /**

package/dist/static/styles/components/wide-panel.css.js

@@ -11,6 +11,11 @@ ue-description a {
     display: none;
 }
 
+/* Override the rule above for the Gmail Promotions switcher docs link — remove with DT-28355. */
+ue-lock-container.e2e-promotions-switcher ue-description a {
+    display: unset;
+}
+
 .label {
     font-size: 13px;
     color: var(--guido-color-gray-800);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.5.0-beta.b7a6d77",
+  "version": "3.5.1-beta.4b9dd49",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/extensions/Blocks/Recommendation/utils/partnerCustomizations.js

@@ -1,21 +0,0 @@
-const i = [
-  "ozonebg",
-  "ozonehr",
-  "ozonero",
-  "ozoneinfo",
-  "babybg",
-  "ozongr",
-  "iboodat",
-  "iboodbe",
-  "iboodde",
-  "iboodfr",
-  "iboodnl",
-  "iboodpl"
-], r = ["interencheres", "interencherespreprod"], d = ["lodenfrey", "lodenfreyuat"], c = "manualMerchandising";
-function s(e, n) {
-  const o = {};
-  return i.includes(e) && (o.excludePurchaseDay = "30", o.userId = "{user_id}"), r.includes(e) && (o.hp = "1"), d.includes(e) && n === c && (o.includeOutOfStockItems = "true"), o;
-}
-export {
-  s as getPartnerRecommendationParams
-};

package/dist/src/extensions/Blocks/Recommendation/utils/partnerCustomizations.d.ts

@@ -1,7 +0,0 @@
-/**
- * Returns the extra recommendation feed query params for an account, if any.
- * Accounts without customizations get an empty object.
- * @param partnerName Account subdomain (`config.partner.name`)
- * @param strategy    Recommendation strategy key of the block
- */
-export declare function getPartnerRecommendationParams(partnerName: string, strategy: string): Record<string, string>;