@useinsider/guido 3.9.0-beta.c3e1698 → 3.9.0-beta.dd40fcd

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,19 +1,19 @@
 var x = Object.defineProperty;
-var B = (c, e, t) => e in c ? x(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
-var A = (c, e, t) => B(c, typeof e != "symbol" ? e + "" : e, t);
+var E = (o, e, t) => e in o ? x(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var h = (o, e, t) => E(o, typeof e != "symbol" ? e + "" : e, t);
 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 $ {
+import { DATA_ATTRIBUTES as A } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useUnsubscribeStore as B } from "../../stores/unsubscribe.js";
+class C {
   constructor() {
-    A(this, "parser");
+    h(this, "parser");
     this.parser = new DOMParser();
   }
   async migrate(e) {
     try {
       const t = this.parser.parseFromString(e, "text/html"), r = t.querySelectorAll("td.unsubscribe-block");
       if (r.length) {
-        const s = C();
+        const s = B();
         await s.fetchTemplates(), this.migrateLegacyBlocks(r, s);
       }
       const n = this.repairUnsubscribeLinks(t);
@@ -24,24 +24,24 @@ class $ {
   }
   migrateLegacyBlocks(e, t) {
     e.forEach((r) => {
-      const n = r.getAttribute("id"), s = this.extractPaddingClass(r), l = r.getAttribute("bgcolor") || "", a = this.extractUnsubscribeContent(r), o = this.getCollectionTypeFromMergeTag(a.linkHref), b = t.getSelectedUnsubscribePagesByCollection(o);
+      const n = r.getAttribute("id"), s = this.extractPaddingClass(r), l = r.getAttribute("bgcolor") || "", a = this.extractUnsubscribeContent(r), c = this.getCollectionTypeFromMergeTag(a.linkHref), b = t.getSelectedUnsubscribePagesByCollection(c);
       console.debug("[UnsubscribeMigrator]", {
         mergeTag: a.linkHref,
-        collectionType: o,
+        collectionType: c,
         pageIds: b,
         paddingClass: s,
         bgColor: l
       });
       const u = this.buildUnsubscribeBlock(
         a,
-        o,
+        c,
         b,
         s,
         l
       ), i = this.parser.parseFromString(
         `<table id="tempDoc"><tbody><tr>${u}</tr></tbody></table>`,
         "text/html"
-      ).querySelector(h);
+      ).querySelector(".unsubscribe-block-v2");
       i && r.parentNode && (i.setAttribute("id", n || ""), r.parentNode.replaceChild(i, r));
     });
   }
@@ -49,17 +49,17 @@ class $ {
   // 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 t = e.querySelectorAll(`${h}[${k.PAGE_TYPE}]`);
+    const t = e.querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-type]");
     let r = !1;
     return t.forEach((n) => {
       const s = n.querySelector('a[data-unsubscribe-link="true"], a.unsubscribe-link');
       if (!s)
         return;
       const l = s.getAttribute("href") || "";
-      if (l && l !== f.default)
+      if (l !== "" && l !== f.default)
         return;
-      const a = Number(n.getAttribute(k.PAGE_TYPE)), o = f[a];
-      o && (s.setAttribute("href", o), r = !0);
+      const a = Number(n.getAttribute("data-unsubscribe-page-type")), c = f[a];
+      c && (s.setAttribute("href", c), r = !0);
     }), r;
   }
   extractPaddingClass(e) {
@@ -94,15 +94,15 @@ class $ {
         align: r,
         paragraphStyle: n
       };
-    const l = ((d = s.textContent) == null ? void 0 : d.trim()) || "unsubscribe", a = s.getAttribute("href") || "{{ins-unsubscribe-link}}", o = s.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");
+    const l = ((d = s.textContent) == null ? void 0 : d.trim()) || "unsubscribe", a = s.getAttribute("href") || "{{ins-unsubscribe-link}}", c = s.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.", k = !!t.querySelector("b, strong"), m = !!t.querySelector("i, em");
     return {
       textBefore: g,
       linkText: l,
       linkHref: this.normalizeUnsubscribeHref(a),
-      linkStyle: o,
+      linkStyle: c,
       textAfter: i,
-      isBold: m,
-      isItalic: y,
+      isBold: k,
+      isItalic: m,
       align: r,
       paragraphStyle: n
     };
@@ -112,13 +112,13 @@ class $ {
     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}"` : "", E = r.length > 0 ? ` ${k.PAGE_LIST}="${r.join(",")}"` : "", T = ` ${k.PAGE_TYPE}="${t}"`, S = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
+    const k = e.align ? ` align="${e.align}"` : "", m = s ? ` bgcolor="${s}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", S = r.length > 0 ? ` ${A.PAGE_LIST}="${r.join(",")}"` : "", T = ` ${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="${n ? `${S} ${n}` : S}"
-                ${m}${y}${T}${E}
+                class="${n ? `${y} ${n}` : y}"
+                ${k}${m}${T}${S}
             >
                 <p path="1"${d}>
                     ${i}
@@ -138,9 +138,9 @@ class $ {
     ), "{{ins-unsubscribe-link}}") : e;
   }
 }
-async function M(c) {
-  return new $().migrate(c);
+async function H(o) {
+  return new C().migrate(o);
 }
 export {
-  M as migrateUnsubscribe
+  H as migrateUnsubscribe
 };

package/package.json

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