@useinsider/guido 3.22.0 → 3.23.0-beta.1a04a96

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

@@ -1,10 +1,10 @@
-import { PRE_RRS_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as f, DEFAULT_MOBILE_CARDS_IN_ROW as a } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
-import { mapLegacyStrategy as l } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-function c(t) {
+import { PRE_RRS_CONFIG_VERSION as p, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CARDS_IN_ROW as d, DEFAULT_MOBILE_ROW_SPACING as S, DEFAULT_MOBILE_COLUMN_SPACING as c, DEFAULT_ROW_SPACING as f, DEFAULT_COLUMN_SPACING as l, DEFAULT_MOBILE_CARDS_IN_ROW as s } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as _ } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function I(t) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function _(t) {
+function A(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
@@ -14,51 +14,52 @@ function _(t) {
   }
   return i.decimalCount;
 }
-function I(t) {
+function L(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function A(t) {
+function N(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
-function L(t) {
+function R(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
+  const o = t, n = o.value ?? o.name ?? i.code, e = o.symbol ?? n;
   return {
     code: n,
-    symbol: r,
-    alignment: c(o.alignment),
-    decimalCount: _(o.decimalCount),
-    decimalSeparator: A(o.decimalSeparator),
-    thousandSeparator: I(o.thousandSeparator)
+    symbol: e,
+    alignment: I(o.alignment),
+    decimalCount: A(o.decimalCount),
+    decimalSeparator: N(o.decimalSeparator),
+    thousandSeparator: L(o.thousandSeparator)
   };
 }
-function N(t) {
+function b(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-function R(t) {
-  return l(t) || "mostPopular";
+function D(t) {
+  return _(t) || "mostPopular";
 }
-function O(t, o, n) {
-  const r = o.rowCount ?? t.cardsInRow ?? m, u = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+function U(t, o, n) {
+  var a, u;
+  const e = o.rowCount ?? t.cardsInRow ?? d, m = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
   return {
     recommendationId: n,
-    strategy: R(t.strategy),
-    productIds: (t.productIds ?? []).map((e) => String(e)),
-    size: String(u),
+    strategy: D(t.strategy),
+    productIds: (t.productIds ?? []).map((r) => String(r)),
+    size: String(m),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
-    currency: L(t.currencySettings),
-    filters: (t.filters ?? []).map((e) => ({ ...e })),
-    layout: N(t.orientation ?? o.orientation),
-    cardsInRow: r,
-    mobileCardsInRow: a,
-    mobileLayoutEnabled: !1,
-    previousMobileCardsInRow: a,
-    columnSpacing: f,
-    rowSpacing: S,
-    mobileColumnSpacing: d,
-    mobileRowSpacing: p,
+    currency: R(t.currencySettings),
+    filters: (t.filters ?? []).map((r) => ({ ...r })),
+    layout: b(t.orientation ?? o.orientation),
+    cardsInRow: e,
+    mobileCardsInRow: s,
+    mobileLayoutEnabled: ((u = (a = o.theme) == null ? void 0 : a.blockAdapt) == null ? void 0 : u.adapt) === !0,
+    previousMobileCardsInRow: s,
+    columnSpacing: l,
+    rowSpacing: f,
+    mobileColumnSpacing: c,
+    mobileRowSpacing: S,
     omnibusPrice: { textBefore: "", textAfter: "" },
     omnibusDiscount: { textBefore: "", textAfter: "" },
     // Preserve the legacy price-placement toggles. Absent legacy keys map to
@@ -66,10 +67,10 @@ function O(t, o, n) {
     // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
     priceMovedToNextLine: !!t.isPriceMovedToNextLine,
     priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
-    configVersion: s
+    configVersion: p
   };
 }
 export {
-  L as mapCurrency,
-  O as mapSettings
+  R as mapCurrency,
+  U as mapSettings
 };

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

@@ -1,34 +1,44 @@
 function r(n, t, o) {
   o != null && o !== "" && n.push(`${t}: ${o}`);
 }
-function $(n) {
+function x(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 P(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) {
+function z(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);
+function $(n, t, o, i) {
+  const l = z(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) {
+function D(n) {
   if (!n)
     return null;
-  if (typeof n.radius == "number")
-    return `${n.radius}px`;
+  const t = x(n.radius ?? n.borderRadius);
+  if (t !== void 0)
+    return `${t}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`;
+    const o = n.lt ?? 0, i = n.rt ?? 0, l = n.rb ?? 0, f = n.lb ?? 0;
+    return `${o}px ${i}px ${l}px ${f}px`;
   }
   return null;
 }
@@ -36,58 +46,60 @@ 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), {
+function N(n) {
+  var u, s, a, d, g, b, p, y;
+  const t = [], o = [], i = (u = n == null ? void 0 : n.textAlign) == null ? void 0 : u.align, l = P((s = n == null ? void 0 : n.textPadding) == null ? void 0 : s.desktop), f = (a = n == null ? void 0 : n.textStyle) == null ? void 0 : a["font-weight"], c = (d = n == null ? void 0 : n.textStyle) == null ? void 0 : d["font-style"];
+  return r(t, "background-color", (g = n == null ? void 0 : n.textBackgroundColor) == null ? void 0 : g.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", f), r(o, "font-style", c), r(o, "color", (y = n == null ? void 0 : n.textColor) == null ? void 0 : y.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",
+    wrapBold: f === "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;
+function E(n) {
+  var s, a, d, g, b, p, y, k, w, B, T, j;
   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);
+  r(t, "padding", P((s = n == null ? void 0 : n.buttonExternalPadding) == null ? void 0 : s.desktop)), r(i, "padding", P((a = n == null ? void 0 : n.buttonInternalPadding) == null ? void 0 : a.desktop)), r(i, "font-family", (d = n == null ? void 0 : n.buttonStyle) == null ? void 0 : d["font-family"]), r(i, "font-size", (g = n == null ? void 0 : n.buttonStyle) == null ? void 0 : g["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 = (y = n == null ? void 0 : n.buttonColor) == null ? void 0 : y.color, f = (k = n == null ? void 0 : n.textButtonColor) == null ? void 0 : k.color;
+  r(o, "background", l), r(i, "background", l), r(i, "color", f);
   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")), {
+  $(o, "width", c == null ? void 0 : c.width, (S) => `${S}px`), $(o, "style", c == null ? void 0 : c.style, (S) => S), $(o, "color", c == null ? void 0 : c.color, (S) => S);
+  const u = D((n == null ? void 0 : n.buttonBorderRadius) ?? (n == null ? void 0 : n.borderRadius));
+  return u && (r(o, "border-radius", u), r(i, "border-radius", u)), ((w = n == null ? void 0 : n.buttonStretch) == null ? void 0 : w.stretched) === !1 ? (r(o, "display", "inline-block"), r(i, "display", "inline-block")) : ((B = n == null ? void 0 : n.buttonStretch) == null ? void 0 : B.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,
+    align: ((T = n == null ? void 0 : n.buttonAlign) == null ? void 0 : T.align) || void 0,
     spanStyle: o.join("; "),
     aStyle: i.join("; "),
-    text: (z = n == null ? void 0 : n.buttonText) == null ? void 0 : z.text
+    text: (j = n == null ? void 0 : n.buttonText) == null ? void 0 : j.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) {
+function L(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)
+    width: x((t = n == null ? void 0 : n.imageSize) == null ? void 0 : t.width),
+    height: x((o = n == null ? void 0 : n.imageSize) == null ? void 0 : o.height)
   };
 }
-function F(n, t) {
+const A = /* @__PURE__ */ new Set([5, 10, 15, 20, 25, 30, 35, 40]), C = [["t", "top"], ["r", "right"], ["b", "bottom"], ["l", "left"]];
+function R(n) {
+  if (!n)
+    return;
+  const t = [], o = [];
+  return C.forEach(([i, l]) => {
+    const f = x(n[l] ?? n.all) ?? 0;
+    A.has(f) ? t.push(`es-p${f}${i}`) : f > 0 && o.push(`padding-${l}: ${f}px`);
+  }), { classes: t.join(" "), style: o.join("; ") };
+}
+function v(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
+  v as appendStyle,
+  R as mapBlockPadding,
+  E as mapButtonTheme,
+  L as mapImageTheme,
+  N as mapTextTheme
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,52 +1,59 @@
-import { BlockId as f } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useTemplateStore as T } from "../../stores/template.js";
-import { mapComposition as v } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
-import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
-import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as A } 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 B(n, t, c) {
-  var l;
-  const r = x(t);
-  if (r === null)
+import { BlockId as b } from "../../enums/block.js";
+import { DEFAULT_NODE_CONFIG as C } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as f } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as M } from "../../stores/template.js";
+import { mapComposition as x } from "./recommendation/compositionMapper.js";
+import { isPriceOnNextLine as R, extractCurrencyFromBlock as h, isOldPriceFirst as S, withRenderedTextTheme as w, extractTitleText as E, hasEmptyTitle as L, hasVisibleTitle as B, extractCardBgColor as P, isPartnerManagedBlock as A, extractRenderedBlockPadding as H } from "./recommendation/extractors.js";
+import { buildBlockHtml as N } from "./recommendation/htmlBuilder.js";
+import { parseRecommendationId as O, parseLegacyConfig as F } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as I } from "./recommendation/settingsMapper.js";
+import { mapBlockPadding as _ } from "./recommendation/themeMapper.js";
+const k = '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 $(c, e, m) {
+  var l, g, p;
+  const t = O(e);
+  if (t === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const o = E(t);
-  if (!o)
+  const r = F(e);
+  if (!r)
     return console.warn(
-      `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
+      `[RecommendationMigrator] Aborting block id=${t} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const a = c[String(r)] ?? {
-    currencySettings: C(t)
-  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
-  e.titleVariable || (e.visibility[b] = R(t));
-  const p = S(t), g = {
-    ...i,
+  const o = m[String(t)] ?? {}, n = {
+    ...o,
+    currencySettings: o.currencySettings ?? h(e),
+    isPriceMovedToNextLine: o.isPriceMovedToNextLine ?? R(e)
+  }, a = I(n, r, t), i = x(
+    w((l = r.composition) == null ? void 0 : l.variables, e),
+    { oldPriceFirst: S(e) }
+  ), u = E(e);
+  L(e) ? i.visibility[f] = !1 : i.titleVariable || (i.visibility[f] = B(e));
+  const y = P(e), T = {
+    ...a,
     strategyId: "",
-    composition: e.composition,
-    visibility: e.visibility,
-    previousTitleHtml: y.previousTitleHtml,
-    textTrimming: e.anyTextTrimming
-  }, m = h(t), u = `
+    composition: i.composition,
+    visibility: i.visibility,
+    previousTitleHtml: C.previousTitleHtml,
+    textTrimming: i.anyTextTrimming
+  }, s = A(e), v = `
         <table>
             <tbody>
                 <tr>
                     <td class="esd-structure" align="left">
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
-                                <tr>${w({
-    nodeConfig: g,
-    composition: e,
-    cardBg: p,
-    titleText: d,
-    legacyId: t.getAttribute("id") ?? void 0,
-    legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
-    preserveInnerHtml: m ? t.innerHTML : void 0,
-    skipCompile: m
+                                <tr>${N({
+    nodeConfig: T,
+    composition: i,
+    cardBg: y,
+    titleText: u,
+    legacyId: e.getAttribute("id") ?? void 0,
+    legacyBgColor: e.getAttribute("bgcolor") ?? void 0,
+    preserveInnerHtml: s ? e.innerHTML : void 0,
+    skipCompile: s,
+    blockPadding: _(((p = (g = r.theme) == null ? void 0 : g.blockPadding) == null ? void 0 : p.desktop) ?? H(e))
   })}</tr>
                             </tbody>
                         </table>
@@ -54,40 +61,40 @@ function B(n, t, c) {
                 </tr>
             </tbody>
         </table>
-    `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
-  return !s || !t.parentNode ? (console.warn(
-    `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
-  ), !1) : (t.parentNode.replaceChild(s, t), !0);
+    `, d = c.parseFromString(v, "text/html").querySelector("td.esd-structure");
+  return !d || !e.parentNode ? (console.warn(
+    `[RecommendationMigrator] Aborting block id=${t} — failed to construct new HTML element`
+  ), !1) : (e.parentNode.replaceChild(d, e), !0);
 }
-function G(n, t = {}) {
-  const c = new DOMParser();
-  let r;
+function X(c, e = {}) {
+  const m = new DOMParser();
+  let t;
   try {
-    r = c.parseFromString(n, "text/html");
-  } catch (i) {
-    return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
+    t = m.parseFromString(c, "text/html");
+  } catch (n) {
+    return console.error("[RecommendationMigrator] Failed to parse template:", n), c;
   }
-  const o = Array.from(r.querySelectorAll(H));
+  const r = Array.from(t.querySelectorAll(k));
   try {
-    T().$patch((e) => {
-      e.migrations = {
-        ...e.migrations,
-        [f.Recommendation]: o.length
+    M().$patch((a) => {
+      a.migrations = {
+        ...a.migrations,
+        [b.Recommendation]: r.length
       };
     });
   } catch {
   }
-  if (o.length === 0)
-    return n;
-  let a = 0;
-  return o.forEach((i) => {
+  if (r.length === 0)
+    return c;
+  let o = 0;
+  return r.forEach((n) => {
     try {
-      B(c, i, t) && (a += 1);
-    } catch (e) {
-      console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
+      $(m, n, e) && (o += 1);
+    } catch (a) {
+      console.error("[RecommendationMigrator] Unexpected error migrating block:", a);
     }
-  }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
+  }), o > 0 && console.info(`[RecommendationMigrator] Migrated ${o} legacy Recommendation block(s)`), t.documentElement.outerHTML;
 }
 export {
-  G as migrateRecommendation
+  X as migrateRecommendation
 };

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,65 +1,66 @@
-var x = Object.defineProperty;
-var B = (c, e, r) => e in c ? x(c, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : c[e] = r;
-var A = (c, e, r) => B(c, typeof e != "symbol" ? e + "" : e, r);
-import { MERGE_TAGS as f, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as h, DATA_ATTRIBUTES as k } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-class $ {
+var C = Object.defineProperty;
+var $ = (l, e, r) => e in l ? C(l, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : l[e] = r;
+var E = (l, e, r) => $(l, typeof e != "symbol" ? e + "" : e, r);
+import { MERGE_TAGS as c, PAGE_TYPES as T } from "../../enums/unsubscribe.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as A, DATA_ATTRIBUTES as f } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useUnsubscribeStore as L } from "../../stores/unsubscribe.js";
+const k = "unsubscribe", _ = "You can ", B = " from our emails, if you need to.", m = "{-{-UNSUBSCRIBE-LINK-}-}";
+class H {
   constructor() {
-    A(this, "parser");
+    E(this, "parser");
     this.parser = new DOMParser();
   }
   async migrate(e) {
     try {
       const r = this.parser.parseFromString(e, "text/html"), t = r.querySelectorAll("td.unsubscribe-block");
       if (t.length) {
-        const s = C();
-        await s.fetchTemplates(), this.migrateLegacyBlocks(t, s);
+        const n = L();
+        await n.fetchTemplates(), this.migrateLegacyBlocks(t, n);
       }
-      const n = this.repairUnsubscribeLinks(r);
-      return !t.length && !n ? e : r.documentElement.outerHTML;
+      const i = this.repairUnsubscribeLinks(r);
+      return !t.length && !i ? e : r.documentElement.outerHTML;
     } catch (r) {
       return console.error("UnsubscribeMigrator failed:", r), e;
     }
   }
   migrateLegacyBlocks(e, r) {
     e.forEach((t) => {
-      const n = t.getAttribute("id"), s = this.extractPaddingClass(t), l = t.getAttribute("bgcolor") || "", a = this.extractUnsubscribeContent(t), o = this.getCollectionTypeFromMergeTag(a.linkHref), b = r.getSelectedUnsubscribePagesByCollection(o);
+      const i = t.getAttribute("id"), n = this.extractPaddingClass(t), s = t.getAttribute("bgcolor") || "", o = this.extractUnsubscribeContent(t), a = this.getCollectionTypeFromMergeTag(o.linkHref), g = r.getSelectedUnsubscribePagesByCollection(a);
       console.debug("[UnsubscribeMigrator]", {
-        mergeTag: a.linkHref,
-        collectionType: o,
-        pageIds: b,
-        paddingClass: s,
-        bgColor: l
+        mergeTag: o.linkHref,
+        collectionType: a,
+        pageIds: g,
+        paddingClass: n,
+        bgColor: s
       });
       const u = this.buildUnsubscribeBlock(
-        a,
         o,
-        b,
-        s,
-        l
-      ), i = this.parser.parseFromString(
+        a,
+        g,
+        n,
+        s
+      ), p = this.parser.parseFromString(
         `<table id="tempDoc"><tbody><tr>${u}</tr></tbody></table>`,
         "text/html"
-      ).querySelector(h);
-      i && t.parentNode && (i.setAttribute("id", n || ""), t.parentNode.replaceChild(i, t));
+      ).querySelector(A);
+      p && t.parentNode && (p.setAttribute("id", i || ""), t.parentNode.replaceChild(p, t));
     });
   }
   // Re-derives the typed merge tag from data-unsubscribe-page-type for any v2
   // block whose anchor href is missing or the legacy default. Returns true when
   // at least one href was rewritten. Typed tags and custom URLs are left intact.
   repairUnsubscribeLinks(e) {
-    const r = e.querySelectorAll(`${h}[${k.PAGE_TYPE}]`);
+    const r = e.querySelectorAll(`${A}[${f.PAGE_TYPE}]`);
     let t = !1;
-    return r.forEach((n) => {
-      const s = n.querySelector('a[data-unsubscribe-link="true"], a.unsubscribe-link');
-      if (!s)
+    return r.forEach((i) => {
+      const n = i.querySelector('a[data-unsubscribe-link="true"], a.unsubscribe-link');
+      if (!n)
         return;
-      const l = s.getAttribute("href") || "";
-      if (l && l !== f.default)
+      const s = n.getAttribute("href") || "";
+      if (s && s !== c.default)
         return;
-      const a = Number(n.getAttribute(k.PAGE_TYPE)), o = f[a];
-      o && (s.setAttribute("href", o), t = !0);
+      const o = Number(i.getAttribute(f.PAGE_TYPE)), a = c[o];
+      a && (n.setAttribute("href", a), t = !0);
     }), t;
   }
   extractPaddingClass(e) {
@@ -67,70 +68,42 @@ class $ {
     return t ? t[0] : "";
   }
   extractUnsubscribeContent(e) {
-    var d;
-    const r = e.querySelector("a.unsubscribe-link") || e.querySelector('a[href*="unsubscribe"]'), t = (r == null ? void 0 : r.closest("p")) || e.querySelector("p");
-    if (!t)
-      return {
-        textBefore: "You can ",
-        linkText: "unsubscribe",
-        linkHref: "{{ins-unsubscribe-link}}",
-        linkStyle: "",
-        textAfter: " from our emails, if you need to.",
-        isBold: !1,
-        isItalic: !1,
-        align: "center",
-        paragraphStyle: ""
-      };
-    const n = e.getAttribute("align") || t.getAttribute("align") || "center", s = t.getAttribute("style") || "";
-    if (!r)
-      return {
-        textBefore: "You can ",
-        linkText: "unsubscribe",
-        linkHref: "{{ins-unsubscribe-link}}",
-        linkStyle: "",
-        textAfter: " from our emails, if you need to.",
-        isBold: !1,
-        isItalic: !1,
-        align: n,
-        paragraphStyle: s
-      };
-    const l = ((d = r.textContent) == null ? void 0 : d.trim()) || "unsubscribe", a = r.getAttribute("href") || "{{ins-unsubscribe-link}}", o = r.getAttribute("style") || "", b = t.textContent || "", u = b.indexOf(l), g = u >= 0 ? b.substring(0, u).trim() : "You can ", i = u >= 0 ? b.substring(u + l.length).trim() : " from our emails, if you need to.", m = !!t.querySelector("b, strong"), y = !!t.querySelector("i, em");
-    return {
-      textBefore: g,
-      linkText: l,
-      linkHref: this.normalizeUnsubscribeHref(a),
-      linkStyle: o,
-      textAfter: i,
-      isBold: m,
-      isItalic: y,
-      align: n,
-      paragraphStyle: s
+    var a;
+    const r = e.cloneNode(!0), t = r.querySelector("a.unsubscribe-link") || r.querySelector('a[href*="unsubscribe"]'), i = (t == null ? void 0 : t.closest("p")) ?? null, n = i || r.querySelector("p"), s = {
+      paragraphsHtml: "",
+      linkText: k,
+      linkHref: c.default,
+      linkStyle: "",
+      align: "center",
+      paragraphStyle: ""
     };
+    if (!n || (s.align = e.getAttribute("align") || n.getAttribute("align") || "center", s.paragraphStyle = n.getAttribute("style") || "", !t))
+      return s;
+    const o = !!((a = t.textContent) != null && a.trim() || t.querySelector("img"));
+    if (s.linkText = o ? t.innerHTML.trim() : k, s.linkHref = this.normalizeUnsubscribeHref(t.getAttribute("href") || c.default), s.linkStyle = t.getAttribute("style") || "", i) {
+      const g = this.getCollectionTypeFromMergeTag(s.linkHref), u = c[g];
+      r.querySelectorAll(`a[href="${c.default}"]`).forEach((b) => b.setAttribute("href", u)), t.replaceWith(r.ownerDocument.createTextNode(m)), s.paragraphsHtml = Array.from(r.querySelectorAll("p"), (b) => b.outerHTML).join("");
+    }
+    return s;
   }
-  buildUnsubscribeBlock(e, r, t, n, s) {
-    const l = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${Object.values(f).includes(e.linkHref) ? f[r] : e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${l}>${e.linkText}</a>`, g = [];
-    e.textBefore && g.push(e.textBefore), g.push(u), e.textAfter && g.push(e.textAfter);
-    let i = g.join(" ");
-    e.isBold && e.isItalic ? i = `<strong path="1,0"><em path="1,0,0">${i}</em></strong>` : e.isBold ? i = `<strong path="1,0">${i}</strong>` : e.isItalic && (i = `<em path="1,0">${i}</em>`);
-    const m = e.align ? ` align="${e.align}"` : "", y = s ? ` bgcolor="${s}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", T = t.length > 0 ? ` ${k.PAGE_LIST}="${t.join(",")}"` : "", E = ` ${k.PAGE_TYPE}="${r}"`, S = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
+  buildUnsubscribeBlock(e, r, t, i, n) {
+    const s = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${Object.values(c).includes(e.linkHref) ? c[r] : e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${s}>${e.linkText}</a>`, b = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", p = e.paragraphsHtml ? e.paragraphsHtml.replace(m, () => u) : `<p path="1"${b}>${_}${u}${B}</p>`, y = e.align ? ` align="${e.align}"` : "", S = n ? ` bgcolor="${n}"` : "", h = t.length > 0 ? ` ${f.PAGE_LIST}="${t.join(",")}"` : "", U = ` ${f.PAGE_TYPE}="${r}"`, d = "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="${n ? `${S} ${n}` : S}"
-                ${m}${y}${E}${T}
+                class="${i ? `${d} ${i}` : d}"
+                ${y}${S}${U}${h}
             >
-                <p path="1"${d}>
-                    ${i}
-                </p>
+                ${p}
             </td>
         `;
   }
   getCollectionTypeFromMergeTag(e) {
-    return e === f[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === f[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
+    return e === c[T.SUBSCRIPTION_PREFERENCE_CENTER] ? T.SUBSCRIPTION_PREFERENCE_CENTER : e === c[T.GLOBAL_UNSUBSCRIBE] ? T.GLOBAL_UNSUBSCRIBE : T.GLOBAL_UNSUBSCRIBE;
   }
   normalizeUnsubscribeHref(e) {
-    if (Object.values(f).includes(e))
+    if (Object.values(c).includes(e))
       return e;
     const t = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
     return t ? t[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(
@@ -138,9 +111,9 @@ class $ {
     ), "{{ins-unsubscribe-link}}") : e;
   }
 }
-async function M(c) {
-  return new $().migrate(c);
+async function I(l) {
+  return new H().migrate(l);
 }
 export {
-  M as migrateUnsubscribe
+  I as migrateUnsubscribe
 };