@useinsider/guido 3.12.0-beta.40db55d → 3.12.0-beta.4e0547f

package/README.md

@@ -20,11 +20,9 @@ npm install @useinsider/guido
 
 ### Prerequisites
 
-Guido declares these as peer dependencies — install them yourself, it does not
-bundle or install them for you:
+Your project needs:
 - Vue 2.7+
 - Pinia (state management)
-- `@useinsider/design-system-vue` 2.x
 
 Add these to your bundler config to optimize dependencies:
 
@@ -33,26 +31,16 @@ Add these to your bundler config to optimize dependencies:
 shared: {
   vue: { singleton: true },
   pinia: { singleton: true },
-  '@useinsider/design-system-vue': { singleton: true },
 },
 ```
 
 **Vite** (`vite.config.js`):
 ```js
 resolve: {
-  dedupe: ['vue', 'pinia', '@useinsider/design-system-vue'],
+  dedupe: ['vue', 'pinia'],
 },
 ```
 
-> A second copy of the design system breaks styling and overlay positioning.
-> If your `.npmrc` sets `legacy-peer-deps=true`, npm will neither install these
-> nor warn you about them — declare them in your own `dependencies`.
->
-> **Upgrading from Guido 3.11 or earlier?** You used to receive the design system
-> transitively. Add `@useinsider/design-system-vue` `^2.0.0` to your own
-> `dependencies` — an already-hoisted 1.x copy resolves silently and fails at
-> runtime instead of at install.
-
 ---
 
 ## Quick Start

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "50dac6de"
+  "daf7d5f8"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,140 +1,149 @@
-import { defineComponent as X, defineAsyncComponent as I, ref as W, computed as x, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
-import { useCortexBlueprintBridge as oe } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as te } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as ne } from "../composables/useGuidoStateBridge.js";
-import { usePartner as re } from "../composables/usePartner.js";
-import { useStripo as se } from "../composables/useStripo.js";
-import { useTimerClone as ae } from "../composables/useTimerClone.js";
-import { migrate as G } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as H } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ce } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as ie } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import me from "./organisms/AutoSaveController.vue.js";
-import de from "./organisms/base/Toaster.vue.js";
-import le from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ue from "./organisms/header/HeaderWrapper.vue.js";
-import pe from "./organisms/LoadingWrapper.vue.js";
-import fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ve from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as Se } from "../services/stripoApi.js";
-import { useConfigStore as ye } from "../stores/config.js";
-import { useDynamicContentStore as he } from "../stores/dynamic-content.js";
-import { useEditorStore as $ } from "../stores/editor.js";
-import { usePreviewStore as ge } from "../stores/preview.js";
-import { useTemplateStore as be } from "../stores/template.js";
-import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
-const Ve = /* @__PURE__ */ X({
+import { defineComponent as q, defineAsyncComponent as M, ref as U, computed as _, watch as B, onMounted as K, onUnmounted as V } from "vue";
+import { useCortexBlueprintBridge as j } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as Q } from "../composables/useGuidoStateBridge.js";
+import { usePartner as X } from "../composables/usePartner.js";
+import { useStripo as Y } from "../composables/useStripo.js";
+import { useTimerClone as Z } from "../composables/useTimerClone.js";
+import { migrate as I } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as N } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as ee } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as te } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import oe from "./organisms/AutoSaveController.vue.js";
+import ne from "./organisms/base/Toaster.vue.js";
+import re from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import se from "./organisms/header/HeaderWrapper.vue.js";
+import ie from "./organisms/LoadingWrapper.vue.js";
+import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ce from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as de } from "../services/stripoApi.js";
+import { useConfigStore as me } from "../stores/config.js";
+import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
+import { useEditorStore as O } from "../stores/editor.js";
+import { usePreviewStore as ue } from "../stores/preview.js";
+import { useTemplateStore as pe } from "../stores/template.js";
+import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
+const xe = /* @__PURE__ */ q({
   __name: "Guido",
   props: {
-    config: null
+    config: null,
+    ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(z, { expose: q, emit: n }) {
-    const b = z, K = I(
+  setup(P, { expose: A, emit: n }) {
+    const i = P, W = M(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), V = I(
+    ), x = M(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), E = W(), p = W(), f = he(), w = Ee(), i = ye();
-    i.init(b.config);
-    const m = $(), j = ge(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), D = () => {
-      var e;
-      return (e = E.value) == null ? void 0 : e.handleSave(!0);
-    }, C = (e) => {
-      m.loadingStatus = e;
-    }, {
-      templateId: v,
-      userId: T,
-      partnerName: L,
-      username: k,
-      template: o,
-      editor: s
-    } = i, l = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", S = (o == null ? void 0 : o.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
-    oe(), ne();
-    const y = {
-      emailId: v,
-      userId: T,
-      username: k,
-      partnerName: L,
-      savedModulesFolderName: U,
-      defaultModulesFolderName: _
-    }, M = {
-      preselectedDynamicContentList: S,
-      onReady: () => {
-        console.debug("guido:ready"), n("ready");
-      }
-    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = Se(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
-      var e;
-      return !((e = i.ui) != null && e.showHeader);
+    ), g = U(), l = U(), u = le(), S = fe(), o = me();
+    i.ready && o.init(i.config);
+    const d = O(), G = ue(), m = _(() => d.hasChanges), { isTestPartner: H } = X(), h = () => {
+      var t;
+      return (t = g.value) == null ? void 0 : t.handleSave(!0);
+    }, b = (t) => {
+      d.loadingStatus = t;
+    };
+    j(), Q();
+    const p = () => {
+      var t, e;
+      return {
+        emailId: o.templateId,
+        userId: o.userId,
+        username: o.username,
+        partnerName: o.partnerName,
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || N.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || N.DEFAULT_MODULES
+      };
+    }, { initPlugin: E, preloadRuntime: w } = Y(), { getDefaultTemplate: C } = de(), { cloneTimersOnSave: D, hasTimerBlocks: T } = Z(), $ = _(() => {
+      var t;
+      return !((t = o.ui) != null && t.showHeader);
     });
-    te({
+    J({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
       onSaveStart: () => {
         console.debug("guido:save:start"), n("save:start");
       },
-      onSaveComplete: (e) => {
-        const t = { ...e, metadata: y };
-        console.debug("guido:save:complete", t), n("save:complete", t);
+      onSaveComplete: (t) => {
+        const e = { ...t, metadata: p() };
+        console.debug("guido:save:complete", e), n("save:complete", e);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const B = (e) => {
-      console.debug("dynamic-content:close", e), f.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, N = () => {
+    const L = (t) => {
+      console.debug("dynamic-content:close", t), u.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, R = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    Y(() => d.value, () => {
-      n("on-change", d.value);
+    B(() => m.value, () => {
+      n("on-change", m.value);
     });
-    const h = (e) => {
-      const t = e, { attribute: u, position: c } = t.detail;
-      console.debug("dynamic-content:open", t.detail), n("dynamic-content:open", u, c);
+    const f = (t) => {
+      const e = t, { attribute: s, position: c } = e.detail;
+      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", s, c);
     };
     let a = null;
-    const g = () => {
+    const y = () => {
+      var e;
+      const t = document.querySelector(ee);
+      (e = l.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+    }, v = async () => {
       var t;
-      const e = document.querySelector(ce);
-      (t = p.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
-    };
-    return Z(async () => {
-      var t, u;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ie().$reset(), $().$reset(), m.templateId = v, be().$reset(), g();
-      const e = (t = p.value) == null ? void 0 : t.parentElement;
-      e && (a = new ResizeObserver(g), a.observe(e));
       try {
-        w.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
-        const c = ((u = o == null ? void 0 : o.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
+        o.initialized || o.init(i.config), d.templateId = o.templateId;
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", c = (e == null ? void 0 : e.css) || "", k = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        S.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const F = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {};
         let r = {
-          html: l && await G(l, c),
-          css: F
+          html: s && await I(s, F),
+          css: c
+        };
+        r.html || (r = await C(), r.html = await I(r.html, F)), T(r.html) && (r.html = await D(r.html));
+        const z = {
+          preselectedDynamicContentList: k,
+          onReady: () => {
+            console.debug("guido:ready"), n("ready");
+          }
         };
-        r.html || (r = await P(), r.html = await G(r.html, c)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
-      } catch (c) {
-        console.error("Failed to initialize Stripo editor:", c);
+        await E(r, p(), z), u.selectedDynamicContentList = k;
+      } catch (e) {
+        console.error("Failed to initialize Stripo editor:", e);
+      }
+    };
+    return K(async () => {
+      var e;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), te().$reset(), O().$reset(), pe().$reset(), y();
+      const t = (e = l.value) == null ? void 0 : e.parentElement;
+      if (t && (a = new ResizeObserver(y), a.observe(t)), w(), i.ready)
+        await v();
+      else {
+        const s = B(() => i.ready, (c) => {
+          c && (s(), v());
+        });
       }
-      document.addEventListener("dynamic-content:open", h);
-    }), ee(() => {
-      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", h);
+      document.addEventListener("dynamic-content:open", f);
+    }), V(() => {
+      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", f);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      i.reset();
-    }), q({
+      o.reset();
+    }), A({
       dynamicContent: {
-        insert: B,
-        close: N
+        insert: L,
+        close: R
       },
-      hasChanges: d,
-      saveSilent: D,
-      setLoading: C
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: b, configStore: i, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: D, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: o, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: h, ribbonObserver: a, updateRibbonOffset: g, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, HeaderWrapper: ue, LoadingWrapper: pe, SaveAsTemplateDrawer: fe, UnsubscribeWrapper: ve };
+      hasChanges: m,
+      saveSilent: h,
+      setLoading: b
+    }), { __sfc: !0, PreviewContainer: W, OnboardingWrapper: x, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: d, previewStore: G, hasChanges: m, isTestPartner: H, saveSilent: h, setLoading: b, emit: n, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: T, noHeader: $, insertDynamicContent: L, closeDynamicContent: R, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: oe, Toaster: ne, FilterSelectionDrawer: re, HeaderWrapper: se, LoadingWrapper: ie, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
   }
 });
 export {
-  Ve as default
+  xe as default
 };

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

@@ -15,7 +15,7 @@ var a = function() {
   i,
   !1,
   null,
-  "06afaecb"
+  "cf946232"
 );
 const f = n.exports;
 export {

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

@@ -1,24 +1,24 @@
-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 { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as d } from "vue";
+import { usePreviewInteractionGuard as v } 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(k) {
-    const i = _(), { blockPreviewInteractions: t } = d(), o = a(), n = a(!1), c = w();
+  setup(P) {
+    const i = _(), { guardPreviewInteractions: t } = v(), o = a(), r = a(!1), c = w();
     let e = null;
     const f = (m) => {
       t(m.target);
-    }, r = () => {
+    }, n = () => {
       o.value && (e = new ResizeObserver(() => {
-      }), e.observe(o.value), v(() => {
-        n.value = !0;
+      }), e.observe(o.value), d(() => {
+        r.value = !0;
       }));
     }, s = () => {
       e == null || e.disconnect();
     };
-    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 };
+    return p(n), l(s), { __sfc: !0, trans: i, guardPreviewInteractions: t, containerRef: o, isContainerReady: r, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: n, cleanIframe: s, DesktopBrowserHeader: I };
   }
 });
 export {

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 c = function() {
+var o = 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 } })])]);
-}, o = [], i = /* @__PURE__ */ n(
+}, i = [], r = /* @__PURE__ */ n(
   e,
-  c,
   o,
+  i,
   !1,
   null,
-  "cbafc185"
+  "f255b2bb"
 );
-const d = i.exports;
+const d = r.exports;
 export {
   d as default
 };

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

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

package/dist/components/organisms/header/ViewOptions.vue.js

@@ -10,9 +10,9 @@ var n = function() {
   r,
   !1,
   null,
-  "10599c37"
+  "195ab6d4"
 );
-const d = a.exports;
+const c = a.exports;
 export {
-  d as default
+  c as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "38eb0a73"
+  "d405ca59"
 );
 const d = a.exports;
 export {

package/dist/composables/usePreviewInteractionGuard.js

@@ -1,17 +1,42 @@
-const o = ["click", "auxclick", "submit"], c = (t) => {
-  t.preventDefault(), t.stopPropagation();
-}, a = () => ({ blockPreviewInteractions: (r) => {
+import { URLS as o, MERGE_TAGS as a } from "../enums/unsubscribe.js";
+import { UNSUBSCRIBE_LINK_SELECTOR as i } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { BASE_SAFE_URL_SCHEMES as u } from "../utils/urlSchemes.js";
+const E = ["click", "auxclick"], d = [
+  ...Object.values(a),
+  o.UNSUBSCRIBE_URL,
+  o.PREFERENCES_URL
+], l = (e) => {
+  if (e.matches(i))
+    return !0;
+  const r = e.getAttribute("href") ?? "";
+  return d.some((t) => r.includes(t));
+}, S = [...u, "tel:", "sms:"], f = (e) => {
+  const r = (e.getAttribute("href") ?? "").trim();
+  return r === "" || r.startsWith("#") || r.startsWith("{{") ? !1 : S.includes(e.protocol);
+}, m = (e) => {
+  var t, n;
+  const r = (n = (t = e.target) == null ? void 0 : t.closest) == null ? void 0 : n.call(t, "a");
+  if (r) {
+    if (l(r) || !f(r)) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    r.setAttribute("target", "_blank"), r.setAttribute("rel", "noopener noreferrer");
+  }
+}, R = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, s = /* @__PURE__ */ new WeakSet(), c = "guidoPreviewGuarded", g = () => ({ guardPreviewInteractions: (r) => {
   try {
-    const e = r.contentDocument;
-    if (!e)
+    const t = r.contentDocument;
+    if (!t || s.has(t))
       return;
-    o.forEach((n) => {
-      e.addEventListener(n, c, !0);
-    });
-  } catch (e) {
-    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", e);
+    delete t.documentElement.dataset[c], E.forEach((n) => {
+      t.addEventListener(n, m, !0);
+    }), t.addEventListener("submit", R, !0), s.add(t), t.documentElement.dataset[c] = "true";
+  } catch (t) {
+    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", t);
   }
 } });
 export {
-  a as usePreviewInteractionGuard
+  g as usePreviewInteractionGuard
 };