@useinsider/guido 1.0.3-beta.d8a9e56 → 1.0.3-beta.d929d15

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,24 +1,25 @@
-import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
-import { usePartner as O } from "../../../composables/usePartner.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { useOnboardingStore as v } from "../../../stores/onboarding.js";
-import { usePreviewStore as l } from "../../../stores/preview.js";
-import y from "./AMPOnboarding.vue.js";
-import S from "./GenericOnboarding.vue.js";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import { usePartner as u } from "../../../composables/usePartner.js";
+import { useEditorStore as v } from "../../../stores/editor.js";
+import { useOnboardingStore as l } from "../../../stores/onboarding.js";
+import { usePreviewStore as y } from "../../../stores/preview.js";
+import S from "./AMPOnboarding.vue.js";
+import h from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import h from "./VersionHistoryOnboarding.vue.js";
-const E = /* @__PURE__ */ g({
+import _ from "./VersionHistoryOnboarding.vue.js";
+const F = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
-  setup(_) {
-    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  emits: ["onboarding-finished"],
+  setup(A, { emit: f }) {
+    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: S },
+      { type: "genericOnboarding", component: h },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: y }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
-    return b(async () => {
+      { type: "versionHistoryOnboarding", component: _ },
+      { type: "ampOnboarding", component: S }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -35,9 +36,9 @@ const E = /* @__PURE__ */ g({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  E as default
+  F as default
 };

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

@@ -0,0 +1,18 @@
+import s from "./UnsubscribeBreadcrumb.vue2.js";
+/* empty css                           */
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var e = this, t = e._self._c, r = e._self._setupProxy;
+  return t(r.InBreadcrumb, { staticClass: "c-p", attrs: { "without-router": "", "active-tab": r.unsubscribeStore.activeType, "home-icon": !1, list: r.breadcrumbs, routes: [] }, on: { click: r.navigate } });
+}, c = [], n = /* @__PURE__ */ a(
+  s,
+  o,
+  c,
+  !1,
+  null,
+  "70835920"
+);
+const f = n.exports;
+export {
+  f as default
+};

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

@@ -0,0 +1,16 @@
+import { defineComponent as o, computed as n } from "vue";
+import { TYPE_TRANSLATIONS as s } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
+import { InBreadcrumb as m } from "@useinsider/design-system-vue";
+const f = /* @__PURE__ */ o({
+  __name: "UnsubscribeBreadcrumb",
+  setup(a) {
+    const r = c(), t = n(() => r.getSelectedCollection.map((e) => ({ value: e, text: s[e] })));
+    return { __sfc: !0, unsubscribeStore: r, breadcrumbs: t, navigate: (e) => {
+      r.activeType = e.value;
+    }, InBreadcrumb: m };
+  }
+});
+export {
+  f as default
+};

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

@@ -0,0 +1,24 @@
+import a from "./UnsubscribePageSelection.vue2.js";
+/* empty css                              */
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var r = this, e = r._self._c, t = r._self._setupProxy;
+  return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.closeModal, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
+    return [e(t.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
+  }, proxy: !0 }]) }, [e("div", { staticClass: "d-g templates-wrapper" }, r._l(t.unsubscribeStore.getTemplatesByActiveType, function(s) {
+    return e("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
+      return t.selectTemplate(s.id);
+    } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
+  }), 0)]);
+}, i = [], c = /* @__PURE__ */ n(
+  a,
+  o,
+  i,
+  !1,
+  null,
+  "a86fc486"
+);
+const _ = c.exports;
+export {
+  _ as default
+};

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

@@ -0,0 +1,64 @@
+import { defineComponent as f, ref as y, computed as n, watch as T } from "vue";
+import g from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as S } from "../../../composables/useToaster.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as B } from "../../../enums/toaster.js";
+import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
+import { InContainer as C } from "@useinsider/design-system-vue";
+import h from "./UnsubscribeBreadcrumb.vue.js";
+const E = /* @__PURE__ */ f({
+  __name: "UnsubscribePageSelection",
+  setup(_) {
+    const s = v(), e = w(), { showToaster: a } = S(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = n(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: c.value,
+        loadingStatus: o.value,
+        disabledStatus: !1
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: i.value,
+        disabledStatus: o.value
+      }
+    })), u = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
+      e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
+        t();
+      }, 500);
+    }, m = () => {
+      if (e.isActiveTypeFirstInCollection) {
+        r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
+        return;
+      }
+      e.setPreviousType();
+    }, d = () => {
+      if (e.isActiveTypeLastInCollection) {
+        o.value = !0;
+        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t);
+        e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
+          detail: {
+            collectionType: t,
+            selectedPages: l
+          }
+        })), r(() => {
+          o.value = !1, a({
+            type: B.Success,
+            message: s("global-unsubscribe.pages-were-attached")
+          });
+        });
+        return;
+      }
+      e.setNextType();
+    }, b = (t) => {
+      e.setSelectedTemplate(t);
+    };
+    return T(() => e.pageSelectionDrawerStatus, (t) => {
+      t && e.pageSelectionUpdateStatus && e.fetchTemplates();
+    }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: p, getBorderClass: u, closeModal: r, handleBack: m, handleSave: d, selectTemplate: b, WpDrawer: g, InContainer: C, UnsubscribeBreadcrumb: h };
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,18 @@
+import n from "./UnsubscribeTypeSelection.vue2.js";
+/* empty css                              */
+import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var e = this, s = e._self._c, t = e._self._setupProxy;
+  return s(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.typeSelectionDrawerStatus, "title-text": t.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.selectCollection } }, [s(t.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: t.isSelecting, "segment-list": t.segmentList, selected: t.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": t.skeletonStatus }, on: { click: t.changeCollection } })], 1);
+}, r = [], c = /* @__PURE__ */ o(
+  n,
+  i,
+  r,
+  !1,
+  null,
+  "dd57102d"
+);
+const d = c.exports;
+export {
+  d as default
+};

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/index.js

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