@useinsider/guido 1.0.3-beta.40a19f6 → 1.0.3-beta.413aef4

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as h, ref as b, computed as m, watch as _ } from "vue";
+import v from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as B } from "../../../composables/useToaster.js";
+import { useTranslations as N } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as U } from "../../../enums/toaster.js";
+import { PAGE_TYPES as l, ACADEMY_LINK as w, UNSUBSCRIBE_PAGES_LINK as P, TYPE_TRANSLATIONS as R } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as D } from "../../../stores/unsubscribe.js";
+import { InSegments as I } from "@useinsider/design-system-vue";
+const z = /* @__PURE__ */ h({
+  __name: "UnsubscribeTypeSelection",
+  setup(G) {
+    const e = N(), { showToaster: f } = B(), t = D(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
+      "unsubscription-preference.select-unsubscribe-page-description",
+      { action: `<a href="${w}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
+    ), T = m(() => [
+      {
+        description: e("unsubscription-preference.type-global-unsubscribe-description"),
+        icon: "line-contact-global-unsub-page",
+        text: e("unsubscription-preference.type-global-unsubscribe"),
+        value: l.GLOBAL_UNSUBSCRIBE,
+        disable: t.isGlobalUnsubscribeDisabled,
+        position: "bottom",
+        tooltipText: t.isGlobalUnsubscribeDisabled ? e("unsubscription-preference.global-unsub-added") : ""
+      },
+      {
+        description: e("unsubscription-preference.type-subscription-preferences-center-description"),
+        icon: "line-contact-sub-pref-center-page",
+        text: e("unsubscription-preference.type-subscription-preferences-center"),
+        value: l.SUBSCRIPTION_PREFERENCE_CENTER,
+        disable: t.isSubscriptionPreferencesCenterDisabled,
+        tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
+      }
+    ]), y = m(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: e(
+          n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+        ),
+        loadingStatus: n.value,
+        disabledStatus: !1,
+        skeletonStatus: i.value,
+        skeletonSizing: { width: 168, height: 40 }
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: e("products.cancel"),
+        disabledStatus: n.value,
+        skeletonStatus: i.value,
+        skeletonSizing: { width: 78, height: 40 }
+      }
+    })), d = (s) => {
+      t.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel")), s && setTimeout(() => {
+        s();
+      }, 500);
+    }, E = (s) => {
+      o.value = s;
+    }, g = () => {
+      const s = t.hasTemplatesByCollectionType, r = [];
+      if (Object.entries(s).forEach(([c, p]) => {
+        p || r.push(Number(c));
+      }), r.length === 0)
+        return !0;
+      const a = r.map((c) => R[c]);
+      let u = "";
+      if (r.length === 1)
+        u = e("unsubscription-preference.create-page-to-continue", {
+          page: a[0]
+        });
+      else if (r.length === 2)
+        u = e("unsubscription-preference.create-pages-to-continue", {
+          page1: a[0],
+          page2: a[1]
+        });
+      else {
+        const c = a.pop() ?? "", p = a.join(", ");
+        u = e("unsubscription-preference.create-multiple-pages-to-continue", {
+          pages: p,
+          lastPage: c
+        });
+      }
+      return f({
+        type: U.Warning,
+        message: u,
+        actionButton: {
+          text: "Go to Unsubscribe Pages",
+          onClick: () => {
+            window.location.href = P;
+          }
+        }
+      }), !1;
+    }, C = async () => {
+      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
+        n.value = !1, d();
+        return;
+      }
+      n.value = !1, t.typeSelectionDrawerStatus = !1, t.pageSelectionDrawerStatus = !0;
+    };
+    return _(() => t.typeSelectionDrawerStatus, (s) => {
+      s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
+    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: v, InSegments: I };
+  }
+});
+export {
+  z as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue.js

@@ -0,0 +1,18 @@
+import o from "./UnsubscribeWrapper.vue2.js";
+import t from "../../../_virtual/_plugin-vue2_normalizer.js";
+var _ = function() {
+  var s;
+  var e = this, n = e._self._c, r = e._self._setupProxy;
+  return (s = r.config.extensions) != null && s.unsubscribe ? n("div", [n(r.UnsubscribeTypeSelection), n(r.UnsubscribePageSelection)], 1) : e._e();
+}, c = [], i = /* @__PURE__ */ t(
+  o,
+  _,
+  c,
+  !1,
+  null,
+  null
+);
+const l = i.exports;
+export {
+  l as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue2.js

@@ -0,0 +1,12 @@
+import { defineComponent as t, defineAsyncComponent as e } from "vue";
+import { useConfig as r } from "../../../composables/useConfig.js";
+const m = /* @__PURE__ */ t({
+  __name: "UnsubscribeWrapper",
+  setup(i) {
+    const n = e(() => import("./UnsubscribePageSelection.vue.js")), o = e(() => import("./UnsubscribeTypeSelection.vue.js")), { config: s } = r();
+    return { __sfc: !0, UnsubscribePageSelection: n, UnsubscribeTypeSelection: o, config: s };
+  }
+});
+export {
+  m as default
+};

package/dist/components/wrappers/WpDrawer.vue.js

@@ -1,6 +1,6 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
+var u = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
     return e.emit("cancelOrBackButtonEvent");
@@ -8,13 +8,15 @@ var i = function() {
     return e.emit("onCloseEvent");
   }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
+  } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
+    return [t._t("headerBottomSlot")];
+  }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
     return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
-}, u = [], c = /* @__PURE__ */ s(
+}, i = [], c = /* @__PURE__ */ s(
   r,
-  i,
   u,
+  i,
   !1,
   null,
   null

package/dist/composables/useStripo.js

@@ -1,26 +1,29 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
+import { useCustomInterfaceAppearance as E } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as S } from "./useStripoEventHandler.js";
 import { useToaster as C } from "./useToaster.js";
 import { displayConditions as y } from "../enums/displayConditions.js";
 import h from "../extensions/Blocks/Checkbox/extension.js";
 import w from "../extensions/Blocks/CouponBlock/extension.js";
 import b from "../extensions/Blocks/RadioButton/extension.js";
+import V from "../extensions/Blocks/Recommendation/extension.js";
+import _ from "../extensions/Blocks/Unsubscribe/extension.js";
 import k from "../extensions/DynamicContent/extension.js";
 import { useStripoApi as B } from "../services/stripoApi.js";
-import V from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as _ } from "../stores/editor.js";
-import { dynamicContentToMergeTags as F } from "../utils/genericUtil.js";
-const j = (s) => {
-  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = B(), { handleEvent: l } = E(), m = (r, i = []) => {
-    const t = _(), { html: e, css: a, forceRecreate: g } = r;
+import x from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as F } from "../stores/editor.js";
+import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
+import T from "../package.json.js";
+const G = (a) => {
+  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = B(), { handleEvent: p } = S(), l = (r, i = []) => {
+    const t = F(), { html: n, css: c, forceRecreate: s } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: s,
-        html: e,
-        css: a,
-        forceRecreate: g,
+        metadata: a,
+        html: n,
+        css: c,
+        forceRecreate: s,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -30,7 +33,7 @@ const j = (s) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: V,
+        customViewStyles: x,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -44,21 +47,21 @@ const j = (s) => {
         },
         mergeTags: [
           {
-            entries: F(s.preselectedDynamicContentList)
+            entries: A(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
           try {
-            const n = await c();
-            o(n);
-          } catch (n) {
-            d(n, "Failed to refresh token");
+            const e = await u();
+            o(e);
+          } catch (e) {
+            d(e, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = S(), { activateCustomViewStyles: n } = f();
-            o(), n(), s.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+            const { importCss: o } = E(), { activateCustomViewStyles: e } = f();
+            o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
           } catch (o) {
@@ -77,36 +80,42 @@ const j = (s) => {
         onDataChanged() {
           t.hasChanges = !0;
         },
-        onEvent: l,
-        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
+        onEvent: p,
+        ignoreClickOutsideSelectors: [
+          "#guido-dynamic-content-modal",
+          ".in-on-board-wrapper",
+          ".in-drawer__container"
+        ],
         extensions: [
           k,
           h,
           b,
+          V,
+          _,
           w
         ]
       }
     );
-  }, p = (r) => new Promise((i, t) => {
+  }, g = (r) => new Promise((i, t) => {
+    var e;
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
     }
-    const e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
+    const n = T.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
       r(), i();
-    }, e.onerror = () => {
-      const a = new Error("Failed to load Stripo UIEditor script");
-      t(a);
-    }, document.body.appendChild(e);
+    }, o.onerror = () => {
+      t(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
+    }, document.body.appendChild(o);
   });
   return { initPlugin: async (r) => {
-    await p(async () => {
-      const i = await u();
-      m(r, i);
+    await g(async () => {
+      const i = await m();
+      l(r, i);
     });
   } };
 };
 export {
-  j as useStripo
+  G as useStripo
 };

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,23 +1,36 @@
-import { usePartner as m } from "../../composables/usePartner.js";
-import { LINK_REGEXES as c, LINK_TYPES as p, URLS as E } from "../../enums/unsubscribe.js";
-import { useUnsubscribeStore as b } from "../../stores/unsubscribe.js";
-const S = [
+import { usePartner as U } from "../../composables/usePartner.js";
+import { LINK_REGEXES as l, LINK_TYPES as b, URLS as f } from "../../enums/unsubscribe.js";
+import { parsePageList as B } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as N } from "../../stores/config.js";
+import { useUnsubscribeStore as I } from "../../stores/unsubscribe.js";
+const T = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
-    processor: (n) => {
-      var a, u;
-      const { getPartnerName: i } = m(), t = b();
-      let e = n;
-      const o = `/${i()}/email/0?user={{iid}}`, r = (a = t.selectedUnsubscribePages) == null ? void 0 : a.find((l) => l.type === p.UNSUBSCRIBE_LINK_TYPE), s = (u = t.selectedUnsubscribePages) == null ? void 0 : u.find((l) => l.type === p.PREFERENCES_LINK_TYPE);
-      return r && (e = e.replace(
-        c.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        E.UNSUBSCRIBE_URL + o
-      )), s && (e = e.replace(
-        c.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        E.PREFERENCES_URL + o
-      )), e.replace(c.UNSUBSCRIBE_LINK_REGEX, "");
+    processor: (t) => {
+      const { getPartnerName: i } = U(), a = N(), n = I(), u = a.getVariationId;
+      if (!u)
+        return t;
+      let o = t;
+      const e = `/${i()}/email/${u}?user={{iid}}`;
+      return new DOMParser().parseFromString(o, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
+        var g;
+        const d = p.getAttribute("data-unsubscribe-page-list");
+        if (!d)
+          return;
+        const S = B(d), m = ((g = n.templates) == null ? void 0 : g.filter(
+          (c) => S.includes(c.id)
+        )) ?? [], R = m.some((c) => c.type === b.UNSUBSCRIBE_LINK_TYPE), _ = m.some((c) => c.type === b.PREFERENCES_LINK_TYPE), E = p.outerHTML;
+        let s = E;
+        R && (s = s.replace(
+          l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
+          f.UNSUBSCRIBE_URL + e
+        )), _ && (s = s.replace(
+          l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
+          f.PREFERENCES_URL + e
+        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), o = o.replace(E, s);
+      }), o;
     },
     priority: 60
   },
@@ -25,7 +38,7 @@ const S = [
     id: "remove-data-ogsb-button-styles",
     description: "Removing styles like [data-ogsb] .es-button.es-button-123 { background: red; }",
     type: "regex",
-    pattern: c.DATA_OGSB_BUTTON_CSS_REGEX,
+    pattern: l.DATA_OGSB_BUTTON_CSS_REGEX,
     replacement: "",
     flags: "g",
     priority: 61
@@ -34,25 +47,25 @@ const S = [
     id: "format-comment-braces",
     description: "Adding spaces around comment braces for proper formatting",
     type: "custom",
-    processor: (n) => n.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    processor: (t) => t.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
     priority: 62
   },
   {
     id: "add-universal-link-flags",
     description: "Adding universal link flags",
     type: "custom",
-    processor: (n) => {
-      let i = n;
-      const t = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return t && t.forEach((e) => {
-        if (e.includes("insEmail=1"))
+    processor: (t) => {
+      let i = t;
+      const a = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return a && a.forEach((n) => {
+        if (n.includes("insEmail=1"))
           return;
-        if (e.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const o = e.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
-            const s = r.slice(6, r.length - 1).trim();
-            return r.includes("?") || r.includes("#") ? s.slice(-1) === "&" ? r.replace(s, `${s}insEmail=1`) : r.replace(s, `${s}&insEmail=1`) : r.replace(s, `${s}?insEmail=1`);
+        if (n.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const o = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
+            const r = e.slice(6, e.length - 1).trim();
+            return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
           });
-          i = i.replace(e, o);
+          i = i.replace(n, o);
         }
       }), i;
     },
@@ -60,5 +73,5 @@ const S = [
   }
 ];
 export {
-  S as unsubscribeCompilerRules
+  T as unsubscribeCompilerRules
 };

package/dist/config/migrator/couponBlockMigrator.js

@@ -1,8 +1,8 @@
-var m = Object.defineProperty;
-var h = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var x = (r, t, e) => h(r, typeof t != "symbol" ? t + "" : t, e);
-import y from "../../extensions/Blocks/CouponBlock/template.js";
-class k {
+var k = Object.defineProperty;
+var m = (o, t, e) => t in o ? k(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var x = (o, t, e) => m(o, typeof t != "symbol" ? t + "" : t, e);
+import h from "../../extensions/Blocks/CouponBlock/template.js";
+class y {
   constructor() {
     x(this, "parser");
     this.parser = new DOMParser();
@@ -11,17 +11,17 @@ class k {
     try {
       const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.coupon-block.ins-coupon-code:not([esd-extension-block-id])");
       return n.length === 0 ? t : (n.forEach((s) => {
-        const l = this.extractText(s), c = this.extractAttributes(s), a = y.replace("{@COUPON_CODE}", l).replace('class="coupon-block ins-coupon-code esd-block-text esd-extension-block"', c.class).replace(
+        const i = this.extractText(s), c = this.extractAttributes(s), l = h.replace("{@COUPON_CODE}", i).replace(
+          'class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"',
+          c.class
+        ).replace(
           'esd-extension-block-id="coupon-block"',
           `esd-extension-block-id="coupon-block"${c.block}`
         ).replace(
           '<p class="ins-title"',
           `<p class="ins-title"${c.text}`
-        ), o = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${a}</tr></tbody></table>`,
-          "text/html"
-        ).querySelector(".coupon-block.ins-coupon-code");
-        o && s.parentNode && (s.id && (o.id = s.id), s.parentNode.replaceChild(o, s));
+        );
+        s.outerHTML = l;
       }), e.documentElement.outerHTML);
     } catch (e) {
       return console.error("CouponBlockMigrator failed:", e), t;
@@ -32,35 +32,35 @@ class k {
     const e = t.querySelector(".ins-title");
     if (!e)
       return "{@COUPON_CODE}";
-    const n = ((g = e.textContent) == null ? void 0 : g.trim()) || "{@COUPON_CODE}", s = e.getAttribute("style") || "", l = /font-weight\s*:\s*bold/i.test(s), c = /font-style\s*:\s*italic/i.test(s), a = /text-decoration[^;]*underline/i.test(s), p = /text-decoration[^;]*line-through/i.test(s), o = /vertical-align\s*:\s*sub/i.test(s), u = /vertical-align\s*:\s*super/i.test(s);
+    const n = ((g = e.textContent) == null ? void 0 : g.trim()) || "{@COUPON_CODE}", s = e.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(s), c = /font-style\s*:\s*italic/i.test(s), l = /text-decoration[^;]*underline/i.test(s), u = /text-decoration[^;]*line-through/i.test(s), a = /vertical-align\s*:\s*sub/i.test(s), p = /vertical-align\s*:\s*super/i.test(s);
     return [
-      [l, "strong"],
+      [i, "strong"],
       [c, "em"],
-      [a, "u"],
-      [p, "s"],
-      [o, "sub"],
-      [u, "sup"]
-    ].reduce((d, [f, b]) => f ? `<${b}>${d}</${b}>` : d, n);
+      [l, "u"],
+      [u, "s"],
+      [a, "sub"],
+      [p, "sup"]
+    ].reduce((b, [f, d]) => f ? `<${d}>${b}</${d}>` : b, n);
   }
   extractAttributes(t) {
-    const e = t.querySelector(".ins-title"), n = t.className.split(" ").filter((i) => i.startsWith("es-")), s = t.getAttribute("align"), l = t.getAttribute("bgcolor"), c = t.getAttribute("style"), a = e == null ? void 0 : e.getAttribute("style");
-    let p = 'class="coupon-block ins-coupon-code esd-block-text esd-extension-block';
-    n.length && (p += ` ${n.join(" ")}`), p += '"';
-    let o = "";
-    if (s && (o += ` align="${s}"`), l && (o += ` bgcolor="${l}"`), c) {
-      const i = c.replace(/background-color[^;]+;?/gi, "").replace(/;+/g, ";").trim();
-      i && (o += ` style="${i.replace(/"/g, "'")}"`);
+    const e = t.querySelector(".ins-title"), n = t.className.split(" ").filter((r) => r.startsWith("es-")), s = t.getAttribute("align"), i = t.getAttribute("bgcolor"), c = t.getAttribute("style"), l = e == null ? void 0 : e.getAttribute("style");
+    let u = 'class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block';
+    n.length && (u += ` ${n.join(" ")}`), u += '"';
+    let a = "";
+    if (s && (a += ` align="${s}"`), i && (a += ` bgcolor="${i}"`), c) {
+      const r = c.replace(/background-color[^;]+;?/gi, "").replace(/;+/g, ";").trim();
+      r && (a += ` style="${r.replace(/"/g, "'")}"`);
     }
-    let u = "";
-    if (a) {
-      const i = a.replace(/&quot;/g, '"').replace(/font-weight\s*:\s*[^;]+;?/gi, "").replace(/font-style\s*:\s*[^;]+;?/gi, "").replace(/text-decoration\s*:\s*[^;]+;?/gi, "").replace(/vertical-align\s*:\s*[^;]+;?/gi, "").replace(/;+/g, ";").replace(/^;|;$/g, "").trim().replace(/"/g, "'");
-      i && (u = ` style="${i}"`);
+    let p = "";
+    if (l) {
+      const r = l.replace(/&quot;/g, '"').replace(/font-weight\s*:\s*[^;]+;?/gi, "").replace(/font-style\s*:\s*[^;]+;?/gi, "").replace(/text-decoration\s*:\s*[^;]+;?/gi, "").replace(/vertical-align\s*:\s*[^;]+;?/gi, "").replace(/;+/g, ";").replace(/^;|;$/g, "").trim().replace(/"/g, "'");
+      r && (p = ` style="${r}"`);
     }
-    return { class: p, block: o, text: u };
+    return { class: u, block: a, text: p };
   }
 }
-function C(r) {
-  return new k().migrate(r);
+function C(o) {
+  return new y().migrate(o);
 }
 export {
   C as migrateCouponBlock

package/dist/config/migrator/index.js

@@ -1,10 +1,11 @@
-import { migrateCheckbox as t } from "./checkboxMigrator.js";
-import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
+import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
 import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-const p = (o) => {
-  let r = o;
-  return r = t(o), r = i(o), r = e(o), r;
+import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
+const c = async (t) => {
+  let r = t;
+  return r = o(r), r = i(r), r = await e(r), r = m(r), r;
 };
 export {
-  p as migrate
+  c as migrate
 };

package/dist/config/migrator/unsubscribeMigrator.js

@@ -0,0 +1,124 @@
+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 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() {
+    S(this, "parser");
+    this.parser = new DOMParser();
+  }
+  async migrate(e) {
+    try {
+      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.unsubscribe-block");
+      if (!i.length)
+        return e;
+      const o = T();
+      return await o.fetchTemplates(), i.forEach((r) => {
+        const c = r.getAttribute("id"), g = this.extractPaddingClass(r), u = r.getAttribute("bgcolor") || "", n = this.extractUnsubscribeContent(r), s = this.getCollectionTypeFromMergeTag(n.linkHref), b = o.getSelectedUnsubscribePagesByCollection(s);
+        console.debug("[UnsubscribeMigrator]", {
+          mergeTag: n.linkHref,
+          collectionType: s,
+          pageIds: b,
+          paddingClass: g,
+          bgColor: u
+        });
+        const f = this.buildUnsubscribeBlock(
+          n,
+          s,
+          b,
+          g,
+          u
+        ), a = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${f}</tr></tbody></table>`,
+          "text/html"
+        ).querySelector(".unsubscribe-block-v2");
+        a && r.parentNode && (a.setAttribute("id", c || ""), r.parentNode.replaceChild(a, r));
+      }), t.documentElement.outerHTML;
+    } catch (t) {
+      return console.error("UnsubscribeMigrator failed:", t), e;
+    }
+  }
+  extractPaddingClass(e) {
+    const i = (e.getAttribute("class") || "").match(/\bes-p\d+\b/);
+    return i ? i[0] : "";
+  }
+  extractUnsubscribeContent(e) {
+    var m;
+    const t = 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 i = e.getAttribute("align") || t.getAttribute("align") || "center", o = t.getAttribute("style") || "", r = t.querySelector("a.unsubscribe-link") || t.querySelector('a[href*="unsubscribe"]');
+    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: i,
+        paragraphStyle: o
+      };
+    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,
+      linkHref: this.normalizeUnsubscribeHref(g),
+      linkStyle: u,
+      textAfter: f,
+      isBold: d,
+      isItalic: a,
+      align: i,
+      paragraphStyle: o
+    };
+  }
+  buildUnsubscribeBlock(e, t, i, o, r) {
+    const c = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${c}>${e.linkText}</a>`, n = [];
+    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 ? ` ${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 ? `${y} ${o}` : y}"
+                ${b}${f}${m}${a}
+            >
+                <p path="1"${d}>
+                    ${s}
+                </p>
+            </td>
+        `;
+  }
+  getCollectionTypeFromMergeTag(e) {
+    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(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(
+      `[UnsubscribeMigrator] Unrecognized unsubscribe href format: "${e}". Defaulting to {{ins-unsubscribe-link}}`
+    ), "{{ins-unsubscribe-link}}") : e;
+  }
+}
+async function M(l) {
+  return new C().migrate(l);
+}
+export {
+  M as migrateUnsubscribe
+};