@useinsider/guido 3.2.0-beta.e69fb3b → 3.2.0-beta.ecc7c6c

package/dist/config/migrator/recommendationMigrator.js

@@ -4,25 +4,25 @@ 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 $ {
+import { getDefaultProducts as $ } from "../../extensions/Blocks/Recommendation/templates/utils.js";
+class B {
   constructor() {
     A(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), o = t.querySelectorAll(
+      const t = this.parser.parseFromString(e, "text/html"), s = 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>`,
+      return w().$patch((i) => {
+        i.migrations = { ...i.migrations, [S]: s.length };
+      }), s.length === 0 ? e : (s.forEach((i) => {
+        const r = i.getAttribute("id"), n = this.extractBgColor(i), u = this.extractTitle(i), c = this.extractProductRows(i), l = P.replace("{-{-TITLE-}-}", u).replace("{-{-PRODUCT_ROWS-}-}", c), a = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${l}</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));
+        a && i.parentNode && (r && a.setAttribute("id", r), n && a.setAttribute("bgcolor", n), i.parentNode.replaceChild(a, i));
       }), t.documentElement.outerHTML);
     } catch (t) {
       return console.error("RecommendationMigrator failed:", t), e;
@@ -37,11 +37,11 @@ class $ {
     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();
+    const s = e.getAttribute("style");
+    if (s) {
+      const o = s.match(/background-color\s*:\s*([^;]+)/i);
+      if (o && o[1])
+        return o[1].trim();
     }
     return "";
   }
@@ -54,11 +54,11 @@ class $ {
     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();
+    const s = e.getAttribute("style");
+    if (s) {
+      const o = s.match(/background-color\s*:\s*([^;]+)/i);
+      if (o && o[1])
+        return o[1].trim();
     }
     return "";
   }
@@ -68,6 +68,7 @@ class $ {
    * @returns HTML string for the title block
    */
   extractTitle(e) {
+    var g, a;
     const t = e.querySelector(".ext-recommendation-title");
     if (!t)
       return this.buildTitleBlock({
@@ -77,24 +78,24 @@ class $ {
         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";
+    const s = t.querySelector("p");
+    if (!s) {
+      const p = ((g = t.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
       return this.buildTitleBlock({
-        text: a,
+        text: p,
         isBold: !0,
         isItalic: !1,
-        align: u,
+        align: b,
         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);
+    const o = ((a = s.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", i = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", n = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), l = this.convertInlineToBlock(c);
     return this.buildTitleBlock({
-      text: n,
-      isBold: i,
-      isItalic: c,
-      align: s,
-      styles: g
+      text: o,
+      isBold: n,
+      isItalic: u,
+      align: i,
+      styles: l
     });
   }
   /**
@@ -106,8 +107,8 @@ class $ {
     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);
+    const { totalCount: s, productsPerRow: o } = t, i = this.extractProductStyles(e);
+    return this.generateProductRows(s, o, i);
   }
   /**
    * Extracts Stripo padding/margin utility classes from a class string
@@ -115,7 +116,7 @@ class $ {
    * @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(" ") : "";
+    return e ? e.split(/\s+/).filter((o) => /^es-(p\d+|m[-\d])/.test(o)).join(" ") : "";
   }
   /**
    * Extracts product configuration from old block
@@ -127,15 +128,15 @@ class $ {
     if (!t)
       return null;
     try {
-      const o = this.unescapeJsonString(t), n = JSON.parse(o);
+      const s = this.unescapeJsonString(t), o = JSON.parse(s);
       return {
-        totalCount: n.totalCount ?? 6,
-        productsPerRow: n.rowCount ?? 3
+        totalCount: o.totalCount ?? 6,
+        productsPerRow: o.rowCount ?? 3
       };
-    } catch (o) {
-      return console.error("[RecommendationMigrator] Failed to parse product config:", o), console.error(
+    } catch (s) {
+      return console.error("[RecommendationMigrator] Failed to parse product config:", s), console.error(
         "[RecommendationMigrator] Error details:",
-        o instanceof Error ? o.message : String(o)
+        s instanceof Error ? s.message : String(s)
       ), null;
     }
   }
@@ -154,14 +155,14 @@ class $ {
    * @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 });
+  generateProductRows(e, t, s) {
+    const o = $(), i = [];
+    for (let n = 0; n < e; n++) {
+      const u = o[n % o.length];
+      i.push({ ...u });
     }
-    let r = q(s, t);
-    return r = this.applyExtractedStyles(r, o), r;
+    let r = q(i, t);
+    return r = this.applyExtractedStyles(r, s), r;
   }
   /**
    * Extracts styles from old product elements
@@ -169,35 +170,35 @@ class $ {
    * @returns Object with extracted styles for each element type
    */
   extractProductStyles(e) {
-    const t = {}, o = e.querySelector(".product-card");
-    if (!o)
+    const t = {}, s = e.querySelector(".product-card");
+    if (!s)
       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 o = this.extractCardBgColor(s);
+    o && (t.cardBgColor = o);
+    const i = s.querySelector(".ext-product-image");
+    if (i) {
+      const l = i.querySelector("img"), g = l == null ? void 0 : l.getAttribute("width"), a = i.getAttribute("style") || "", p = i.getAttribute("align") || "center", b = i.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.imageWidth = g || "120", t.imageAlign = p, t.imageTdStyle = a, t.imageClasses = m;
     }
-    const r = o.querySelector(".ext-product-name");
+    const r = s.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 l = r.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.nameStyle = g, t.nameAlign = a, 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 n = s.querySelector(".ext-product-price");
+    if (n) {
+      const l = n.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = n.getAttribute("align") || "center", p = n.getAttribute("style") || "", b = n.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.priceStyle = g, t.priceAlign = a, 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 u = s.querySelector(".ext-product-original-price");
+    if (u) {
+      const l = u.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.oldPriceStyle = g, t.oldPriceAlign = a, 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;
+    const c = s.querySelector(".ext-product-button");
+    if (c) {
+      const l = c.querySelector(".es-button-border"), g = c.querySelector("a.es-button"), a = (l == null ? void 0 : l.getAttribute("style")) || "", p = (g == null ? void 0 : g.getAttribute("style")) || "", b = c.getAttribute("align") || "center", m = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
+      t.buttonBorderStyle = a, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = m, t.buttonClasses = C, t.buttonText = y;
     }
     return t;
   }
@@ -210,47 +211,49 @@ class $ {
   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) => {
+    const s = this.parser.parseFromString(`<table>${e}</table>`, "text/html");
+    t.cardBgColor && s.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) => {
+    }), (t.imageWidth || t.imageAlign || t.imageTdStyle || t.imageClasses) && s.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 c = `${r.getAttribute("class") || ""} ${t.imageClasses}`.trim();
+        r.setAttribute("class", c);
       }
-      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) => {
+      const n = r.querySelector("img");
+      n && t.imageWidth && n.setAttribute("width", t.imageWidth);
+    }), (t.nameStyle || t.nameAlign || t.nameTdStyle || t.nameClasses) && s.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 c = `${r.getAttribute("class") || ""} ${t.nameClasses}`.trim();
+        r.setAttribute("class", c);
       }
-      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) => {
+      const n = r.querySelector("p");
+      n && t.nameStyle && n.setAttribute("style", t.nameStyle);
+    }), (t.priceStyle || t.priceAlign || t.priceTdStyle || t.priceClasses) && s.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 c = `${r.getAttribute("class") || ""} ${t.priceClasses}`.trim();
+        r.setAttribute("class", c);
       }
-      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) => {
+      const n = r.querySelector("p");
+      n && t.priceStyle && n.setAttribute("style", t.priceStyle);
+    }), (t.oldPriceStyle || t.oldPriceAlign || t.oldPriceTdStyle || t.oldPriceClasses) && s.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 c = `${r.getAttribute("class") || ""} ${t.oldPriceClasses}`.trim();
+        r.setAttribute("class", c);
       }
-      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) => {
+      const n = r.querySelector("p");
+      n && t.oldPriceStyle && n.setAttribute("style", t.oldPriceStyle);
+    }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && s.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 l = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
+        r.setAttribute("class", l);
       }
-      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;
+      const n = r.querySelector(".es-button-border");
+      n && t.buttonBorderStyle && n.setAttribute("style", t.buttonBorderStyle);
+      const u = r.querySelector("a.es-button");
+      u && (t.buttonLinkStyle && u.setAttribute("style", t.buttonLinkStyle), t.buttonText && (u.textContent = t.buttonText));
+    });
+    const o = s.querySelector("table");
+    return (o == null ? void 0 : o.innerHTML) || e;
   }
   /**
    * Builds title block with proper structure
@@ -258,10 +261,10 @@ class $ {
   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}"` : "";
+    const s = e.align ? ` align="${e.align}"` : "", o = e.styles ? ` style="${e.styles}"` : "";
     return `
-            <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r"${o}>
-                <p path="1"${n}>
+            <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r"${s}>
+                <p path="1"${o}>
                     ${t}
                 </p>
             </td>
@@ -271,9 +274,9 @@ class $ {
    * 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, "");
+    return e ? t.reduce((o, i) => {
+      const r = new RegExp(`${i}\\s*:\\s*[^;]*;?`, "gi");
+      return o.replace(r, "");
     }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
   /**
@@ -287,7 +290,7 @@ class $ {
   }
 }
 function v(d) {
-  return new $().migrate(d);
+  return new B().migrate(d);
 }
 export {
   v 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/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
 };

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

@@ -1,6 +1,6 @@
 import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as f } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as p } from "../../../utils/migrationBannerHtml.js";
+import { useOnboardingStore as p } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as f } from "../../../utils/migrationBannerHtml.js";
 import { Block as u, BlockCompositionType as I, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { SETTINGS_ENUMS as a, DefaultConfigValues as i } from "./enums/settingsEnums.js";
 import { getDefaultTemplate as C } from "./template.js";
@@ -23,7 +23,7 @@ class E extends u {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return p(
+    return f(
       c,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
@@ -45,15 +45,15 @@ class E extends u {
   onCreated(n) {
     const l = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
     r.querySelector('[product-attr="imageSrc"] img') || l.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const t = y(n);
-    if (!t)
+    const e = y(n);
+    if (!e)
       return;
-    const s = t.getNodeConfig(), m = s && Object.keys(s).length > 0, e = b(n);
-    if (e?.initialized)
-      m ? e.blockInstanceId || this.api.getDocumentModifier().modifyHtml(t).setNodeConfig({ ...e, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(e).apply(new o("Migrate legacy config to nodeConfig"));
+    const s = e.getNodeConfig(), m = s && Object.keys(s).length > 0, t = b(n);
+    if (t != null && t.initialized)
+      m ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
     else {
       const d = h();
-      this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), f().startOnboarding("itemsOnboarding");
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
     }
   }
 }

package/dist/extensions/Blocks/Items/controls/button/link.js

@@ -1,31 +1,31 @@
-import { CommonControl as s } from "../../../common-control.js";
-import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as n } from "../../utils/nodeConfigUtils.js";
-const o = r.BUTTON_LINK, e = {
+import { CommonControl as r } from "../../../common-control.js";
+import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
+const s = i.BUTTON_LINK, n = {
   LINK: "link"
 };
-class c extends s {
+class m extends r {
   getId() {
-    return o;
+    return s;
   }
   getTemplate() {
     return `
-            <div class="container ${o}">
+            <div class="container ${s}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    const t = n(this.currentNode);
+    const t = o(this.currentNode);
     this.api.updateValues({
-      [e.LINK]: t?.buttonLink ?? ""
+      [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
     });
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
-      const i = n(this.currentNode);
+      const e = o(this.currentNode);
       this.api.updateValues({
-        [e.LINK]: i?.buttonLink ?? ""
+        [n.LINK]: (e == null ? void 0 : e.buttonLink) ?? ""
       });
     });
   }
@@ -34,7 +34,7 @@ class c extends s {
             ${this._GuOneColumn([
       this._GuLabel({ text: "Link" }),
       this._GuTextInput({
-        name: e.LINK,
+        name: n.LINK,
         placeholder: "Enter Link",
         className: "es-100",
         disabled: !0
@@ -44,6 +44,6 @@ class c extends s {
   }
 }
 export {
-  c as ButtonLinkControl,
-  o as CONTROL_BLOCK_ID
+  m as ButtonLinkControl,
+  s as CONTROL_BLOCK_ID
 };