@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

package/dist/config/migrator/recommendation/themeMapper.js

@@ -0,0 +1,93 @@
+function r(n, t, o) {
+  o != null && o !== "" && n.push(`${t}: ${o}`);
+}
+function $(n) {
+  if (!n)
+    return null;
+  const t = n.top ?? n.all ?? 0, o = n.right ?? n.all ?? 0, i = n.bottom ?? n.all ?? 0, l = n.left ?? n.all ?? 0;
+  return t === 0 && o === 0 && i === 0 && l === 0 ? null : `${t}px ${o}px ${i}px ${l}px`;
+}
+function j(n) {
+  if (!n)
+    return null;
+  const { top: t, right: o, bottom: i, left: l } = n;
+  return t === void 0 ? null : t === o && t === i && t === l ? t : null;
+}
+function S(n, t, o, i) {
+  const l = j(o);
+  if (l !== null) {
+    r(n, `border-${t}`, i(l));
+    return;
+  }
+  o && (r(n, `border-top-${t}`, o.top !== void 0 ? i(o.top) : null), r(n, `border-right-${t}`, o.right !== void 0 ? i(o.right) : null), r(n, `border-bottom-${t}`, o.bottom !== void 0 ? i(o.bottom) : null), r(n, `border-left-${t}`, o.left !== void 0 ? i(o.left) : null));
+}
+function C(n) {
+  if (!n)
+    return null;
+  if (typeof n.radius == "number")
+    return `${n.radius}px`;
+  if (typeof n.lt == "number" || typeof n.rt == "number" || typeof n.rb == "number" || typeof n.lb == "number") {
+    const t = n.lt ?? 0, o = n.rt ?? 0, i = n.rb ?? 0, l = n.lb ?? 0;
+    return `${t}px ${o}px ${i}px ${l}px`;
+  }
+  return null;
+}
+function I(n) {
+  var t, o;
+  return ((t = n.textLineSpacing) == null ? void 0 : t.lineSpacing) ?? ((o = n.textLineSpacing) == null ? void 0 : o["font-lineSpacing"]);
+}
+function L(n) {
+  var f, u, a, g, d, b, p, s;
+  const t = [], o = [], i = (f = n == null ? void 0 : n.textAlign) == null ? void 0 : f.align, l = $((u = n == null ? void 0 : n.textPadding) == null ? void 0 : u.desktop), x = (a = n == null ? void 0 : n.textStyle) == null ? void 0 : a["font-weight"], c = (g = n == null ? void 0 : n.textStyle) == null ? void 0 : g["font-style"];
+  return r(t, "background-color", (d = n == null ? void 0 : n.textBackgroundColor) == null ? void 0 : d.color), r(t, "padding", l), r(o, "font-family", (b = n == null ? void 0 : n.textStyle) == null ? void 0 : b["font-family"]), r(o, "font-size", (p = n == null ? void 0 : n.textStyle) == null ? void 0 : p["font-size"]), r(o, "font-weight", x), r(o, "font-style", c), r(o, "color", (s = n == null ? void 0 : n.textColor) == null ? void 0 : s.color), r(o, "line-height", I(n ?? {})), r(o, "text-align", i), {
+    tdStyle: t.join("; "),
+    pStyle: o.join("; "),
+    align: i || void 0,
+    wrapBold: x === "bold",
+    wrapItalic: c === "italic",
+    textTrimming: (n == null ? void 0 : n.textTrimming) === !0
+  };
+}
+function N(n) {
+  var u, a, g, d, b, p, s, k, w, P, B, z;
+  const t = [], o = [], i = [];
+  r(t, "padding", $((u = n == null ? void 0 : n.buttonExternalPadding) == null ? void 0 : u.desktop)), r(i, "padding", $((a = n == null ? void 0 : n.buttonInternalPadding) == null ? void 0 : a.desktop)), r(i, "font-family", (g = n == null ? void 0 : n.buttonStyle) == null ? void 0 : g["font-family"]), r(i, "font-size", (d = n == null ? void 0 : n.buttonStyle) == null ? void 0 : d["font-size"]), r(i, "font-weight", (b = n == null ? void 0 : n.buttonStyle) == null ? void 0 : b["font-weight"]), r(i, "font-style", (p = n == null ? void 0 : n.buttonStyle) == null ? void 0 : p["font-style"]);
+  const l = (s = n == null ? void 0 : n.buttonColor) == null ? void 0 : s.color, x = (k = n == null ? void 0 : n.textButtonColor) == null ? void 0 : k.color;
+  r(o, "background", l), r(i, "background", l), r(i, "color", x);
+  const c = n == null ? void 0 : n.buttonBorder;
+  S(o, "width", c == null ? void 0 : c.width, (y) => `${y}px`), S(o, "style", c == null ? void 0 : c.style, (y) => y), S(o, "color", c == null ? void 0 : c.color, (y) => y);
+  const f = C(n == null ? void 0 : n.buttonBorderRadius);
+  return f && (r(o, "border-radius", f), r(i, "border-radius", f)), ((w = n == null ? void 0 : n.buttonStretch) == null ? void 0 : w.stretched) === !1 ? (r(o, "display", "inline-block"), r(i, "display", "inline-block")) : ((P = n == null ? void 0 : n.buttonStretch) == null ? void 0 : P.stretched) === !0 && (r(o, "display", "block"), r(i, "display", "block")), {
+    tdStyle: t.join("; "),
+    align: ((B = n == null ? void 0 : n.buttonAlign) == null ? void 0 : B.align) || void 0,
+    spanStyle: o.join("; "),
+    aStyle: i.join("; "),
+    text: (z = n == null ? void 0 : n.buttonText) == null ? void 0 : z.text
+  };
+}
+function T(n) {
+  if (typeof n == "number" && Number.isFinite(n) && n >= 0)
+    return Math.trunc(n);
+  if (typeof n == "string" && /^\d+$/.test(n.trim())) {
+    const t = Number(n.trim());
+    if (Number.isFinite(t) && t >= 0)
+      return t;
+  }
+}
+function A(n) {
+  var t, o;
+  return {
+    width: T((t = n == null ? void 0 : n.imageSize) == null ? void 0 : t.width),
+    height: T((o = n == null ? void 0 : n.imageSize) == null ? void 0 : o.height)
+  };
+}
+function F(n, t) {
+  const o = (n ?? "").trim().replace(/;$/, "").trim(), i = (t ?? "").trim().replace(/;$/, "").trim();
+  return o ? i ? `${o}; ${i}` : o : i;
+}
+export {
+  F as appendStyle,
+  N as mapButtonTheme,
+  A as mapImageTheme,
+  L as mapTextTheme
+};

package/dist/config/migrator/recommendationMigrator.js

@@ -1,294 +1,81 @@
-var h = Object.defineProperty;
-var T = (d, e, t) => e in d ? h(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var A = (d, e, t) => T(d, typeof e != "symbol" ? e + "" : e, t);
-import { BLOCK_ID as S } from "../../extensions/Blocks/Recommendation/block.js";
-import P, { prepareProductRows as q } from "../../extensions/Blocks/Recommendation/templates/grid/migration.js";
-import { useTemplateStore as w } from "../../stores/template.js";
-import { getDefaultProducts as B } from "../../extensions/Blocks/Recommendation/templates/utils.js";
-class $ {
-  constructor() {
-    A(this, "parser");
-    this.parser = new DOMParser();
-  }
-  migrate(e) {
-    try {
-      const t = this.parser.parseFromString(e, "text/html"), o = t.querySelectorAll(
-        'td.ins-recommendation-v3-block-1:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"]:not(.recommendation-block-v2)'
-      );
-      return w().$patch((s) => {
-        s.migrations = { ...s.migrations, [S]: o.length };
-      }), o.length === 0 ? e : (o.forEach((s) => {
-        const r = s.getAttribute("id"), i = this.extractBgColor(s), c = this.extractTitle(s), l = this.extractProductRows(s), g = P.replace("{-{-TITLE-}-}", c).replace("{-{-PRODUCT_ROWS-}-}", l), u = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
-          "text/html"
-        ).querySelector(".recommendation-block-v2");
-        u && s.parentNode && (r && u.setAttribute("id", r), i && u.setAttribute("bgcolor", i), s.parentNode.replaceChild(u, s));
-      }), t.documentElement.outerHTML);
-    } catch (t) {
-      return console.error("RecommendationMigrator failed:", t), e;
-    }
-  }
-  /**
-   * Extracts background color from old block
-   * @param block - The old recommendation block element
-   * @returns The background color value or empty string
-   */
-  extractBgColor(e) {
-    const t = e.getAttribute("bgcolor");
-    if (t)
-      return t.trim();
-    const o = e.getAttribute("style");
-    if (o) {
-      const n = o.match(/background-color\s*:\s*([^;]+)/i);
-      if (n && n[1])
-        return n[1].trim();
-    }
-    return "";
-  }
-  /**
-   * Extracts background color from product card wrapper element
-   * @param cardElement - The product card TD element
-   * @returns The background color value or empty string
-   */
-  extractCardBgColor(e) {
-    const t = e.getAttribute("bgcolor");
-    if (t)
-      return t.trim();
-    const o = e.getAttribute("style");
-    if (o) {
-      const n = o.match(/background-color\s*:\s*([^;]+)/i);
-      if (n && n[1])
-        return n[1].trim();
-    }
-    return "";
-  }
-  /**
-   * Extracts title from old block and converts to new structure
-   * @param block - The old recommendation block element
-   * @returns HTML string for the title block
-   */
-  extractTitle(e) {
-    const t = e.querySelector(".ext-recommendation-title");
-    if (!t)
-      return this.buildTitleBlock({
-        text: "You May Also Like!",
-        isBold: !0,
-        isItalic: !1,
-        align: "center",
-        styles: "font-size: 28px; color: #333333;"
-      });
-    const o = t.querySelector("p");
-    if (!o) {
-      const a = t.textContent?.trim() || "You May Also Like!", u = t.getAttribute("align") || "center";
-      return this.buildTitleBlock({
-        text: a,
-        isBold: !0,
-        isItalic: !1,
-        align: u,
-        styles: "font-size: 28px; color: #333333;"
-      });
-    }
-    const n = o.textContent?.trim() || "You May Also Like!", s = t.getAttribute("align") || o.getAttribute("align") || "center", r = o.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(r) || !!o.querySelector("b, strong"), c = /font-style\s*:\s*italic/i.test(r) || !!o.querySelector("i, em"), l = this.removeStyleProperties(r, ["font-weight", "font-style"]), g = this.convertInlineToBlock(l);
-    return this.buildTitleBlock({
-      text: n,
-      isBold: i,
-      isItalic: c,
-      align: s,
-      styles: g
+import { BlockId as f } from "../../enums/block.js";
+import { useTemplateStore as u } from "../../stores/template.js";
+import { mapComposition as b } from "./recommendation/compositionMapper.js";
+import { extractTitleText as y, extractCardBgColor as C } from "./recommendation/extractors.js";
+import { buildBlockHtml as v } from "./recommendation/htmlBuilder.js";
+import { parseRecommendationId as w, parseLegacyConfig as R } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as S } from "./recommendation/settingsMapper.js";
+const h = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
+function x(i, t, c) {
+  var s;
+  const o = w(t);
+  if (o === null)
+    return console.warn(
+      "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
+    ), !1;
+  const r = R(t);
+  if (!r)
+    return console.warn(
+      `[RecommendationMigrator] Aborting block id=${o} — \`esd-dev-product-config\` missing or unable to be parsed`
+    ), !1;
+  const n = c[String(o)];
+  if (!n)
+    return console.warn(
+      `[RecommendationMigrator] Aborting block id=${o} — recommendationConfigs entry missing in Guido Config`
+    ), !1;
+  const a = S(n, r, o), e = b((s = r.composition) == null ? void 0 : s.variables), d = y(t), l = C(t), g = {
+    ...a,
+    composition: e.composition,
+    visibility: e.visibility,
+    textTrimming: e.anyTextTrimming
+  }, p = `
+        <table>
+            <tbody>
+                <tr>
+                    <td class="esd-structure" align="left">
+                        <table width="100%" cellpadding="0" cellspacing="0">
+                            <tbody>
+                                <tr>${v({
+    nodeConfig: g,
+    composition: e,
+    cardBg: l,
+    titleText: d,
+    legacyId: t.getAttribute("id") ?? void 0,
+    legacyBgColor: t.getAttribute("bgcolor") ?? void 0
+  })}</tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    `, m = i.parseFromString(p, "text/html").querySelector("td.esd-structure");
+  return !m || !t.parentNode ? (console.warn(
+    `[RecommendationMigrator] Aborting block id=${o} — failed to construct new HTML element`
+  ), !1) : (t.parentNode.replaceChild(m, t), !0);
+}
+function I(i, t = {}) {
+  const c = new DOMParser(), o = c.parseFromString(i, "text/html"), r = Array.from(o.querySelectorAll(h));
+  try {
+    u().$patch((e) => {
+      e.migrations = {
+        ...e.migrations,
+        [f.Recommendation]: r.length
+      };
     });
+  } catch {
   }
-  /**
-   * Extracts product configuration from old block and generates new product rows
-   * @param block - The old recommendation block element
-   * @returns HTML string for product rows
-   */
-  extractProductRows(e) {
-    const t = this.extractProductConfig(e);
-    if (!t)
-      return console.warn("[RecommendationMigrator] No product config found, using defaults"), this.generateProductRows(6, 3, {});
-    const { totalCount: o, productsPerRow: n } = t, s = this.extractProductStyles(e);
-    return this.generateProductRows(o, n, s);
-  }
-  /**
-   * Extracts Stripo padding/margin utility classes from a class string
-   * @param classString - Space-separated class string from element
-   * @returns Filtered Stripo utility classes as a space-separated string
-   */
-  extractStripoClasses(e) {
-    return e ? e.split(/\s+/).filter((n) => /^es-(p\d+|m[-\d])/.test(n)).join(" ") : "";
-  }
-  /**
-   * Extracts product configuration from old block
-   * @param block - The old recommendation block element
-   * @returns Object with totalCount and productsPerRow, or null if parsing fails
-   */
-  extractProductConfig(e) {
-    const t = e.getAttribute("esd-dev-product-config");
-    if (!t)
-      return null;
+  if (r.length === 0)
+    return i;
+  let n = 0;
+  return r.forEach((a) => {
     try {
-      const o = this.unescapeJsonString(t), n = JSON.parse(o);
-      return {
-        totalCount: n.totalCount ?? 6,
-        productsPerRow: n.rowCount ?? 3
-      };
-    } catch (o) {
-      return console.error("[RecommendationMigrator] Failed to parse product config:", o), console.error(
-        "[RecommendationMigrator] Error details:",
-        o instanceof Error ? o.message : String(o)
-      ), null;
+      x(c, a, t) && (n += 1);
+    } catch (e) {
+      console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
-  }
-  /**
-   * Decodes HTML entities from JSON string
-   * @param text - The encoded string
-   * @returns Decoded string
-   */
-  unescapeJsonString(e) {
-    return e.replace(/&amp;/g, "&").replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&#x27;/g, "'").replace(/&quot;/g, '"').replace(/\\\\"/g, "'");
-  }
-  /**
-   * Generates product rows using prepareProductRows with default product data
-   * @param totalCount - Total number of products to display
-   * @param productsPerRow - Number of products in each row
-   * @param extractedStyles - Styles extracted from old product elements
-   * @returns HTML string for product rows with applied styles
-   */
-  generateProductRows(e, t, o) {
-    const n = B(), s = [];
-    for (let i = 0; i < e; i++) {
-      const c = n[i % n.length];
-      s.push({ ...c });
-    }
-    let r = q(s, t);
-    return r = this.applyExtractedStyles(r, o), r;
-  }
-  /**
-   * Extracts styles from old product elements
-   * @param block - The old recommendation block element
-   * @returns Object with extracted styles for each element type
-   */
-  extractProductStyles(e) {
-    const t = {}, o = e.querySelector(".product-card");
-    if (!o)
-      return console.warn("[RecommendationMigrator] No product card found, using default styles"), t;
-    const n = this.extractCardBgColor(o);
-    n && (t.cardBgColor = n);
-    const s = o.querySelector(".ext-product-image");
-    if (s) {
-      const a = s.querySelector("img")?.getAttribute("width"), u = s.getAttribute("style") || "", p = s.getAttribute("align") || "center", b = s.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.imageWidth = a || "120", t.imageAlign = p, t.imageTdStyle = u, t.imageClasses = m;
-    }
-    const r = o.querySelector(".ext-product-name");
-    if (r) {
-      const a = r.querySelector("p")?.getAttribute("style") || "", u = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.nameStyle = a, t.nameAlign = u, t.nameTdStyle = p, t.nameClasses = m;
-    }
-    const i = o.querySelector(".ext-product-price");
-    if (i) {
-      const a = i.querySelector("p")?.getAttribute("style") || "", u = i.getAttribute("align") || "center", p = i.getAttribute("style") || "", b = i.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.priceStyle = a, t.priceAlign = u, t.priceTdStyle = p, t.priceClasses = m;
-    }
-    const c = o.querySelector(".ext-product-original-price");
-    if (c) {
-      const a = c.querySelector("p")?.getAttribute("style") || "", u = c.getAttribute("align") || "center", p = c.getAttribute("style") || "", b = c.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.oldPriceStyle = a, t.oldPriceAlign = u, t.oldPriceTdStyle = p, t.oldPriceClasses = m;
-    }
-    const l = o.querySelector(".ext-product-button");
-    if (l) {
-      const g = l.querySelector(".es-button-border"), a = l.querySelector("a.es-button"), u = g?.getAttribute("style") || "", p = a?.getAttribute("style") || "", b = l.getAttribute("align") || "center", m = l.getAttribute("style") || "", f = l.getAttribute("class") || "", C = this.extractStripoClasses(f), y = (l?.textContent || "").trim();
-      t.buttonBorderStyle = u, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = m, t.buttonClasses = C, t.buttonText = y;
-    }
-    return t;
-  }
-  /**
-   * Applies extracted styles to the generated HTML
-   * @param html - The generated HTML from prepareProductRows
-   * @param extractedStyles - Styles extracted from old product elements
-   * @returns HTML with applied styles
-   */
-  applyExtractedStyles(e, t) {
-    if (!t || Object.keys(t).length === 0)
-      return e;
-    const o = this.parser.parseFromString(`<table>${e}</table>`, "text/html");
-    return t.cardBgColor && o.querySelectorAll(".product-attribute-cell").forEach((r) => {
-      r.setAttribute("bgcolor", t.cardBgColor);
-    }), (t.imageWidth || t.imageAlign || t.imageTdStyle || t.imageClasses) && o.querySelectorAll(".product-image").forEach((r) => {
-      if (t.imageAlign && r.setAttribute("align", t.imageAlign), t.imageTdStyle && r.setAttribute("style", t.imageTdStyle), t.imageClasses) {
-        const l = `${r.getAttribute("class") || ""} ${t.imageClasses}`.trim();
-        r.setAttribute("class", l);
-      }
-      const i = r.querySelector("img");
-      i && t.imageWidth && i.setAttribute("width", t.imageWidth);
-    }), (t.nameStyle || t.nameAlign || t.nameTdStyle || t.nameClasses) && o.querySelectorAll(".product-name").forEach((r) => {
-      if (t.nameAlign && r.setAttribute("align", t.nameAlign), t.nameTdStyle && r.setAttribute("style", t.nameTdStyle), t.nameClasses) {
-        const l = `${r.getAttribute("class") || ""} ${t.nameClasses}`.trim();
-        r.setAttribute("class", l);
-      }
-      const i = r.querySelector("p");
-      i && t.nameStyle && i.setAttribute("style", t.nameStyle);
-    }), (t.priceStyle || t.priceAlign || t.priceTdStyle || t.priceClasses) && o.querySelectorAll(".product-price").forEach((r) => {
-      if (t.priceAlign && r.setAttribute("align", t.priceAlign), t.priceTdStyle && r.setAttribute("style", t.priceTdStyle), t.priceClasses) {
-        const l = `${r.getAttribute("class") || ""} ${t.priceClasses}`.trim();
-        r.setAttribute("class", l);
-      }
-      const i = r.querySelector("p");
-      i && t.priceStyle && i.setAttribute("style", t.priceStyle);
-    }), (t.oldPriceStyle || t.oldPriceAlign || t.oldPriceTdStyle || t.oldPriceClasses) && o.querySelectorAll(".product-old-price").forEach((r) => {
-      if (t.oldPriceAlign && r.setAttribute("align", t.oldPriceAlign), t.oldPriceTdStyle && r.setAttribute("style", t.oldPriceTdStyle), t.oldPriceClasses) {
-        const l = `${r.getAttribute("class") || ""} ${t.oldPriceClasses}`.trim();
-        r.setAttribute("class", l);
-      }
-      const i = r.querySelector("p");
-      i && t.oldPriceStyle && i.setAttribute("style", t.oldPriceStyle);
-    }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && o.querySelectorAll(".product-button").forEach((r) => {
-      if (t.buttonAlign && r.setAttribute("align", t.buttonAlign), t.buttonTdStyle && r.setAttribute("style", t.buttonTdStyle), t.buttonClasses) {
-        const g = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
-        r.setAttribute("class", g);
-      }
-      const i = r.querySelector(".es-button-border");
-      i && t.buttonBorderStyle && i.setAttribute("style", t.buttonBorderStyle);
-      const c = r.querySelector("a.es-button");
-      c && (t.buttonLinkStyle && c.setAttribute("style", t.buttonLinkStyle), t.buttonText && (c.textContent = t.buttonText));
-    }), o.querySelector("table")?.innerHTML || e;
-  }
-  /**
-   * Builds title block with proper structure
-   */
-  buildTitleBlock(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 o = e.align ? ` align="${e.align}"` : "", n = e.styles ? ` style="${e.styles}"` : "";
-    return `
-            <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r"${o}>
-                <p path="1"${n}>
-                    ${t}
-                </p>
-            </td>
-        `;
-  }
-  /**
-   * Removes specified style properties from a style string
-   */
-  removeStyleProperties(e, t) {
-    return e ? t.reduce((n, s) => {
-      const r = new RegExp(`${s}\\s*:\\s*[^;]*;?`, "gi");
-      return n.replace(r, "");
-    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
-  }
-  /**
-   * Converts inline display to block display
-   */
-  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, "").replace(/"/g, "'").trim();
-  }
-}
-function v(d) {
-  return new $().migrate(d);
+  }), n > 0 && console.info(`[RecommendationMigrator] Migrated ${n} legacy Recommendation block(s)`), o.documentElement.outerHTML;
 }
 export {
-  v as migrateRecommendation
+  I as migrateRecommendation
 };

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,12 +1,12 @@
 var h = Object.defineProperty;
 var x = (l, e, t) => e in l ? h(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var y = (l, e, t) => x(l, typeof e != "symbol" ? e + "" : e, t);
-import { MERGE_TAGS as m, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
-import { DATA_ATTRIBUTES as S } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+var S = (l, e, t) => x(l, typeof e != "symbol" ? e + "" : e, t);
+import { MERGE_TAGS as k, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
+import { DATA_ATTRIBUTES as A } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
 import { useUnsubscribeStore as T } from "../../stores/unsubscribe.js";
 class C {
   constructor() {
-    y(this, "parser");
+    S(this, "parser");
     this.parser = new DOMParser();
   }
   async migrate(e) {
@@ -45,6 +45,7 @@ class C {
     return i ? i[0] : "";
   }
   extractUnsubscribeContent(e) {
+    var m;
     const t = e.querySelector("p");
     if (!t)
       return {
@@ -71,7 +72,7 @@ class C {
         align: i,
         paragraphStyle: o
       };
-    const c = r.textContent?.trim() || "unsubscribe", g = r.getAttribute("href") || "{{ins-unsubscribe-link}}", u = r.getAttribute("style") || "", n = t.textContent || "", s = n.indexOf(c), b = s >= 0 ? n.substring(0, s).trim() : "You can ", f = s >= 0 ? n.substring(s + c.length).trim() : " from our emails, if you need to.", d = !!t.querySelector("b, strong"), a = !!t.querySelector("i, em");
+    const c = ((m = r.textContent) == null ? void 0 : m.trim()) || "unsubscribe", g = r.getAttribute("href") || "{{ins-unsubscribe-link}}", u = r.getAttribute("style") || "", n = t.textContent || "", s = n.indexOf(c), b = s >= 0 ? n.substring(0, s).trim() : "You can ", f = s >= 0 ? n.substring(s + c.length).trim() : " from our emails, if you need to.", d = !!t.querySelector("b, strong"), a = !!t.querySelector("i, em");
     return {
       textBefore: b,
       linkText: c,
@@ -89,13 +90,13 @@ class C {
     e.textBefore && n.push(e.textBefore), n.push(u), e.textAfter && n.push(e.textAfter);
     let s = n.join(" ");
     e.isBold && e.isItalic ? s = `<strong path="1,0"><em path="1,0,0">${s}</em></strong>` : e.isBold ? s = `<strong path="1,0">${s}</strong>` : e.isItalic && (s = `<em path="1,0">${s}</em>`);
-    const b = e.align ? ` align="${e.align}"` : "", f = r ? ` bgcolor="${r}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", a = i.length > 0 ? ` ${S.PAGE_LIST}="${i.join(",")}"` : "", A = ` ${S.PAGE_TYPE}="${t}"`, k = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
+    const b = e.align ? ` align="${e.align}"` : "", f = r ? ` bgcolor="${r}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", a = i.length > 0 ? ` ${A.PAGE_LIST}="${i.join(",")}"` : "", m = ` ${A.PAGE_TYPE}="${t}"`, y = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
     return `
             <td
                 data-migration="true"
                 esd-extension-block-id="unsubscribe-block"
-                class="${o ? `${k} ${o}` : k}"
-                ${b}${f}${A}${a}
+                class="${o ? `${y} ${o}` : y}"
+                ${b}${f}${m}${a}
             >
                 <p path="1"${d}>
                     ${s}
@@ -104,10 +105,10 @@ class C {
         `;
   }
   getCollectionTypeFromMergeTag(e) {
-    return e === m[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === m[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
+    return e === k[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === k[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
   }
   normalizeUnsubscribeHref(e) {
-    if (Object.values(m).includes(e))
+    if (Object.values(k).includes(e))
       return e;
     const i = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
     return i ? i[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(

package/dist/enums/extensions/recommendationBlock.js

@@ -18,7 +18,8 @@ const s = {
   { text: "after the amount", value: "1" }
 ], d = [
   { text: "dot(.)", value: "." },
-  { text: "comma(,)", value: "," }
+  { text: "comma(,)", value: "," },
+  { text: "space( )", value: " " }
 ], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },

package/dist/enums/unsubscribe.js

@@ -1,10 +1,11 @@
 import { useTranslations as R } from "../composables/useTranslations.js";
-import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
 import { ProductType as s } from "../@types/config/schemas.js";
-const r = {
+import "../@types/config/defaults.js";
+import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
+const B = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, B = {
+}, 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,
@@ -12,11 +13,11 @@ const r = {
 }, n = S(), C = {
   UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
-}, i = {
+}, U = {
   [s.EMAIL]: "email",
   [s.ARCHITECT]: "journey",
   [s.UNSUBSCRIBE_PAGES]: "email"
-}, U = "iid", t = {
+}, t = "iid", o = {
   name: "Global Unsubscribe",
   sendGridId: "G"
 }, c = "/email/unsubscribe-pages", E = {
@@ -25,10 +26,10 @@ const r = {
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, o = {
+}, u = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, u = {
+}, T = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -38,7 +39,7 @@ const r = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, T = () => {
+}, b = () => {
   const e = R();
   return {
     [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
@@ -47,22 +48,22 @@ const r = {
     [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
     [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, b = {
+}, P = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  t as DEFAULT_UNSUBSCRIBE_GROUP,
-  U as INSIDER_ID,
-  B as LINK_REGEXES,
-  r as LINK_TYPES,
-  b as MERGE_TAGS,
+  o as DEFAULT_UNSUBSCRIBE_GROUP,
+  t as INSIDER_ID,
+  i as LINK_REGEXES,
+  B as LINK_TYPES,
+  P as MERGE_TAGS,
   E as PAGE_TYPES,
-  i as PRODUCT_TYPE_URL_SEGMENTS,
-  u as TYPE_COLLECTIONS,
+  U as PRODUCT_TYPE_URL_SEGMENTS,
+  T as TYPE_COLLECTIONS,
   c as UNSUBSCRIBE_PAGES_LINK,
-  o as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  u as UNSUBSCRIBE_SYNC_MODULE_TYPES,
   C as URLS,
-  T as getTypeTranslations
+  b as getTypeTranslations
 };