@useinsider/guido 3.8.0-beta.84f6c0a → 3.8.0-beta.910d4af

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js

@@ -1,6 +1,6 @@
-import r from "./DesktopPreview.vue2.js";
+import o from "./DesktopPreview.vue2.js";
 /* empty css                    */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var a = function() {
   var s = this, e = s._self._c, t = s._self._setupProxy;
   return e("div", { staticClass: "desktop-preview-wrapper" }, [e("p", { staticClass: "f-s-1 f-w-600 l-h-1 t-t-u t-c-53 mb-6 l-s-5" }, [s._v(" " + s._s(t.trans("email-editor.desktop-preview")) + " ")]), e("div", { ref: "containerRef", staticClass: "desktop-preview d-f f-d-c o-h s-1" }, [e(t.DesktopBrowserHeader), e("div", { staticClass: "desktop-preview__content d-f f-g-1 o-h b-c-5 min-h-0" }, [e("div", { staticClass: "f-g-1 h-1 o-h b-c-4 min-w-0" }, [t.isContainerReady ? e("iframe", { staticClass: "desktop-preview__iframe d-b w-1 h-1 b-c-4 bor-s-n", attrs: { sandbox: `
@@ -8,16 +8,16 @@ var a = function() {
                         allow-popups
                         allow-forms
                         allow-scripts
-                        allow-popups-to-escape-sandbox`, srcdoc: t.previewStore.previewHtml } }) : s._e()])])], 1)]);
-}, i = [], p = /* @__PURE__ */ o(
-  r,
+                        allow-popups-to-escape-sandbox`, srcdoc: t.previewStore.previewHtml }, on: { load: t.onIframeLoad } }) : s._e()])])], 1)]);
+}, i = [], n = /* @__PURE__ */ r(
+  o,
   a,
   i,
   !1,
   null,
-  "988f8da6"
+  "06afaecb"
 );
-const _ = p.exports;
+const f = n.exports;
 export {
-  _ as default
+  f as default
 };

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js

@@ -1,23 +1,26 @@
-import { defineComponent as f, ref as s, onMounted as c, onBeforeUnmount as m, nextTick as u } from "vue";
-import { useTranslations as p } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as l } from "../../../../stores/preview.js";
-import _ from "./DesktopBrowserHeader.vue.js";
-const x = /* @__PURE__ */ f({
+import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as v } from "vue";
+import { usePreviewInteractionGuard as d } from "../../../../composables/usePreviewInteractionGuard.js";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { usePreviewStore as w } from "../../../../stores/preview.js";
+import I from "./DesktopBrowserHeader.vue.js";
+const C = /* @__PURE__ */ u({
   __name: "DesktopPreview",
-  setup(v) {
-    const a = p(), o = s(), n = s(!1), i = l();
+  setup(k) {
+    const i = _(), { blockPreviewInteractions: t } = d(), o = a(), n = a(!1), c = w();
     let e = null;
-    const t = () => {
+    const f = (m) => {
+      t(m.target);
+    }, r = () => {
       o.value && (e = new ResizeObserver(() => {
-      }), e.observe(o.value), u(() => {
+      }), e.observe(o.value), v(() => {
         n.value = !0;
       }));
-    }, r = () => {
+    }, s = () => {
       e == null || e.disconnect();
     };
-    return c(t), m(r), { __sfc: !0, trans: a, containerRef: o, isContainerReady: n, previewStore: i, resizeObserver: e, initIframe: t, cleanIframe: r, DesktopBrowserHeader: _ };
+    return p(r), l(s), { __sfc: !0, trans: i, blockPreviewInteractions: t, containerRef: o, isContainerReady: n, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: r, cleanIframe: s, DesktopBrowserHeader: I };
   }
 });
 export {
-  x as default
+  C as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,20 +1,20 @@
 import e from "./ContentView.vue2.js";
 /* empty css                 */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
+var c = function() {
   var t = this, s = t._self._c, a = t._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
     return t.$emit("back-to-inbox");
   } } }, [s(a.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [t._v(t._s(a.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(a.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(a.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("div", { staticClass: "iframe-wrapper f-g-1 o-h" }, [s("iframe", { ref: "iframeRef", staticClass: "iframe-scaled d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: a.previewStore.previewHtml }, on: { load: a.onLoad } })])]);
-}, i = [], r = /* @__PURE__ */ n(
+}, o = [], i = /* @__PURE__ */ n(
   e,
+  c,
   o,
-  i,
   !1,
   null,
-  "e0424e99"
+  "cbafc185"
 );
-const d = r.exports;
+const d = i.exports;
 export {
   d as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js

@@ -1,23 +1,24 @@
-import { defineComponent as m, ref as c } from "vue";
-import { useResponsivePreview as f } from "../../../../composables/useResponsivePreview.js";
-import { useTranslations as a } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as p } from "../../../../stores/preview.js";
-import { InIcons as u } from "@useinsider/design-system-vue";
-const h = /* @__PURE__ */ m({
+import { defineComponent as m, ref as a } from "vue";
+import { usePreviewInteractionGuard as f } from "../../../../composables/usePreviewInteractionGuard.js";
+import { useResponsivePreview as p } from "../../../../composables/useResponsivePreview.js";
+import { useTranslations as u } from "../../../../composables/useTranslations.js";
+import { usePreviewStore as v } from "../../../../stores/preview.js";
+import { InIcons as P } from "@useinsider/design-system-vue";
+const g = /* @__PURE__ */ m({
   __name: "ContentView",
   emits: ["back-to-inbox"],
-  setup(v) {
-    const i = a(), t = p(), n = c(), { setupResponsivePreview: r } = f(), s = (o) => {
-      ["transform", "transform-origin", "height"].forEach((e) => {
-        o.documentElement.style.removeProperty(e);
+  setup(_) {
+    const c = u(), t = v(), r = a(), { setupResponsivePreview: n } = p(), { blockPreviewInteractions: s } = f(), i = (e) => {
+      ["transform", "transform-origin", "height"].forEach((o) => {
+        e.documentElement.style.removeProperty(o);
       });
     };
-    return { __sfc: !0, trans: i, previewStore: t, iframeRef: n, setupResponsivePreview: r, clearAMPTransforms: s, onLoad: () => {
-      const o = n.value, e = o == null ? void 0 : o.contentDocument;
-      e && (r(o), t.isAMPResponsive && s(e));
-    }, InIcons: u };
+    return { __sfc: !0, trans: c, previewStore: t, iframeRef: r, setupResponsivePreview: n, blockPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
+      const e = r.value, o = e == null ? void 0 : e.contentDocument;
+      o && (n(e), s(e), t.isAMPResponsive && i(o));
+    }, InIcons: P };
   }
 });
 export {
-  h as default
+  g as default
 };

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

@@ -1,6 +1,6 @@
-import a from "./UnsubscribePageSelection.vue2.js";
+import n from "./UnsubscribePageSelection.vue2.js";
 /* empty css                              */
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+import a 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.handleClose, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
@@ -10,13 +10,13 @@ var o = function() {
       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,
+}, i = [], c = /* @__PURE__ */ a(
+  n,
   o,
   i,
   !1,
   null,
-  "f6a8cb4c"
+  "669fe7cf"
 );
 const _ = c.exports;
 export {

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

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

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

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

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

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

package/dist/composables/usePreviewInteractionGuard.js

@@ -0,0 +1,17 @@
+const o = ["click", "auxclick", "submit"], c = (t) => {
+  t.preventDefault(), t.stopPropagation();
+}, a = () => ({ blockPreviewInteractions: (r) => {
+  try {
+    const e = r.contentDocument;
+    if (!e)
+      return;
+    o.forEach((n) => {
+      e.addEventListener(n, c, !0);
+    });
+  } catch (e) {
+    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", e);
+  }
+} });
+export {
+  a as usePreviewInteractionGuard
+};

package/dist/composables/useSave.js

@@ -1,32 +1,32 @@
-import { useActionsApi as x } from "./useActionsApi.js";
+import { useActionsApi as H } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
-import { useSaveStart as w, useSaveComplete as H } from "./useGuidoActions.js";
+import { useSaveStart as w, useSaveComplete as k } from "./useGuidoActions.js";
 import { useSyncModuleExtractor as q } from "./useSyncModuleExtractor.js";
 import { useStripoApi as C } from "../services/stripoApi.js";
 import { useTemplatePreparation as E } from "../utils/templatePreparation.js";
-import { useHtmlValidator as k } from "./useHtmlValidator.js";
+import { useHtmlValidator as B } from "./useHtmlValidator.js";
 import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
 import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-import { useUnsubscribeBlockValidator as B } from "./validators/useUnsubscribeBlockValidator.js";
-const J = () => {
-  const o = w(), s = H(), { validateHtml: r } = k(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { validateUnsubscribeBlockUniqueness: d } = B(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: c } = q(), { setSyncModuleUnsubscriptionPages: m } = C(), { editorSave: p } = x();
-  return { save: async (f = !1, v = !1) => {
+import { useUnsubscribeBlockValidator as U } from "./validators/useUnsubscribeBlockValidator.js";
+const K = () => {
+  const o = w(), s = k(), { validateHtml: r } = B(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { validateUnsubscribeBlockUniqueness: d, validateUnsubscribeBlockHasTemplate: c } = U(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: m } = q(), { setSyncModuleUnsubscriptionPages: p } = C(), { editorSave: v } = H();
+  return { save: async (f = !1, S = !1) => {
     var a;
     o();
-    const { prepareTemplateDetails: S } = E(), t = await S();
-    if (!l(t.compiledHtml) || !d(t.compiledHtml))
+    const { prepareTemplateDetails: V } = E(), t = await V();
+    if (!n(t.compiledHtml) || !d(t.compiledHtml) || !c(t.compiledHtml))
       return;
     if (u("liquidSyntax")) {
-      if (!await n(t.compiledHtml))
+      if (!await l(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await p())
+    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await v())
       return;
-    const { unsubscribePayload: V, stripoModules: b } = c(t.rawHtml);
-    return await m(V), t.modules = b, f || s({ ...t, silent: v }), t;
+    const { unsubscribePayload: b, stripoModules: x } = m(t.rawHtml);
+    return await p(b), t.modules = x, f || s({ ...t, silent: S }), t;
   } };
 };
 export {
-  J as useSave
+  K as useSave
 };

package/dist/composables/validators/useUnsubscribeBlockValidator.js

@@ -1,32 +1,41 @@
 import { ToasterTypeOptions as i } from "../../enums/toaster.js";
-import { PAGE_TYPES as n } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as u, DATA_ATTRIBUTES as l } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useToaster as T } from "../useToaster.js";
+import { PAGE_TYPES as u } from "../../enums/unsubscribe.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as l, DATA_ATTRIBUTES as a } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useToaster as m } from "../useToaster.js";
 import { useTranslations as E } from "../useTranslations.js";
-const m = [
+const T = [
   {
-    pageType: n.GLOBAL_UNSUBSCRIBE,
+    pageType: u.GLOBAL_UNSUBSCRIBE,
     messageKey: "unsubscription-preference.duplicate-global-unsub"
   },
   {
-    pageType: n.SUBSCRIPTION_PREFERENCE_CENTER,
+    pageType: u.SUBSCRIPTION_PREFERENCE_CENTER,
     messageKey: "unsubscription-preference.duplicate-pref-center"
   }
-], g = "unsubscription-preference.duplicate-both", y = () => {
-  const { showToaster: o } = T(), a = E();
-  return { validateUnsubscribeBlockUniqueness: (c) => {
-    const p = new DOMParser().parseFromString(c, "text/html"), t = /* @__PURE__ */ new Map();
-    p.querySelectorAll(u).forEach((e) => {
-      const r = Number(e.getAttribute(l.PAGE_TYPE));
-      t.set(r, (t.get(r) ?? 0) + 1);
+], g = "unsubscription-preference.duplicate-both", b = "unsubscription-preference.select-page-to-continue", P = () => {
+  const { showToaster: c } = m(), p = E();
+  return { validateUnsubscribeBlockUniqueness: (n) => {
+    const o = new DOMParser().parseFromString(n, "text/html"), s = /* @__PURE__ */ new Map();
+    o.querySelectorAll(l).forEach((e) => {
+      const r = Number(e.getAttribute(a.PAGE_TYPE));
+      s.set(r, (s.get(r) ?? 0) + 1);
     });
-    const s = m.filter((e) => (t.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
-    return s.length ? (o({
+    const t = T.filter((e) => (s.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
+    return t.length ? (c({
       type: i.Alert,
-      message: a(s.length > 1 ? g : s[0])
+      message: p(t.length > 1 ? g : t[0])
+    }), !1) : !0;
+  }, validateUnsubscribeBlockHasTemplate: (n) => {
+    const o = new DOMParser().parseFromString(n, "text/html");
+    return Array.from(o.querySelectorAll(l)).some((t) => {
+      const e = t.getAttribute(a.PAGE_TYPE), r = t.getAttribute(a.PAGE_LIST);
+      return !e || !r;
+    }) ? (c({
+      type: i.Warning,
+      message: p(b)
     }), !1) : !0;
   } };
 };
 export {
-  y as useUnsubscribeBlockValidator
+  P as useUnsubscribeBlockValidator
 };