@useinsider/guido 3.21.2-beta.1cc8327 → 3.21.2-beta.b6f3ef8

package/README.md

@@ -582,9 +582,9 @@ import '@useinsider/guido/style';
 
 ### Subpath entries
 
-Two surfaces also ship as their own entry points. Importing one pulls in only its
-own dependencies, so a consumer that needs the store or the tracking-id helpers
-never loads the editor:
+Three surfaces also ship as their own entry points. Importing one pulls in only its
+own dependencies, so a consumer that needs the store, the tracking-id helpers or the
+runtime prefetch never loads the editor:
 
 ```typescript
 // Live editor state, published by the editor into the host's shared Pinia instance.
@@ -595,11 +595,41 @@ import type { GuidoEmailEditorState } from '@useinsider/guido/editor-state';
 // Persistent link ids for the click heatmap.
 import { assignTrackingIds, TRACK_ID_ATTRIBUTE } from '@useinsider/guido/tracking-ids';
 import type { TrackingIdResult } from '@useinsider/guido/tracking-ids';
+
+// Start downloading the Stripo editor runtime before the editor opens.
+import { prefetchGuidoRuntime } from '@useinsider/guido/prefetch';
 ```
 
-Both are re-exported from the root barrel as well; the subpath is what keeps the
+All three are re-exported from the root barrel as well; the subpath is what keeps the
 editor out of the consumer's module graph.
 
+### Runtime prefetch
+
+```typescript
+import { prefetchGuidoRuntime } from '@useinsider/guido/prefetch';
+
+prefetchGuidoRuntime(); // e.g. when the user lands on the page that opens the editor
+```
+
+Call it as early as the host knows an editor is likely to open. It appends one
+`<link rel="prefetch" data-guido-prefetch>` per file of the pinned Stripo runtime
+(`src/static/stripo-runtime-manifest.json`) from
+`https://email-static.useinsider.com/guido/<stripo version>/`, so the files are in the
+HTTP cache when `<Guido>` mounts. It only downloads: no Stripo code runs and the
+editor's startup order does not change.
+
+- Returns `void` and never throws.
+- Idempotent: later calls add nothing.
+- Adds nothing when the runtime is already loading or loaded (`#UiEditorScript` exists
+  or `window.UIEditor` is defined), when `navigator.connection.saveData` is on, or when
+  `navigator.connection.effectiveType` is `slow-2g` or `2g`.
+- The `guido_editor_open` metric reports it as `runtime_prefetch`: `none` (not called
+  before Guido's setup), `pending` (some files still downloading) or `done`.
+
+After bumping `guido.stripo.version`, regenerate the file list with
+`npm run stripo:manifest`; a unit test fails while the manifest's version differs from
+the pinned one.
+
 ---
 
 ## Constants

package/dist/components/Guido.vue.js

@@ -6,15 +6,15 @@ var t = function() {
   return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], n = /* @__PURE__ */ i(
+}, s = [], d = /* @__PURE__ */ i(
   o,
   t,
   s,
   !1,
   null,
-  "c5146fc5"
+  "1a3ddd48"
 );
-const v = n.exports;
+const v = d.exports;
 export {
   v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,179 +1,189 @@
-import { defineComponent as ie, defineAsyncComponent as m, ref as W, computed as p, watch as G, onMounted as ce, onUnmounted as de } from "vue";
-import { useCortexBlueprintBridge as me } from "../composables/useCortexBlueprintBridge.js";
-import { useEditorLock as le } from "../composables/useEditorLock.js";
-import { provideGuidoActions as ue } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as pe } from "../composables/useGuidoStateBridge.js";
-import { usePartner as fe } from "../composables/usePartner.js";
-import { useSaveValidationRollout as ye } from "../composables/useSaveValidationRollout.js";
-import { useStripo as ge } from "../composables/useStripo.js";
-import { useTimerClone as Se } from "../composables/useTimerClone.js";
-import { migrate as V } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as $ } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ve } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as z, disposeStrategyPageReturnListeners as be } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { disposeUnsubscribeListeners as he } from "../extensions/Blocks/Unsubscribe/block.js";
-import Ee from "./organisms/AutoSaveController.vue.js";
-import we from "./organisms/base/AuthErrorModal.vue.js";
-import De from "./organisms/base/Toaster.vue.js";
-import Ce from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ke from "./organisms/header/HeaderWrapper.vue.js";
-import Re from "./organisms/LoadingWrapper.vue.js";
-import Fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Le from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import Me from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as Te } from "../services/stripoApi.js";
-import { useConfigStore as Ie } from "../stores/config.js";
-import { useDynamicContentStore as Ue } from "../stores/dynamic-content.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { usePreviewStore as Ae } from "../stores/preview.js";
-import { useSaveValidationStore as Be } from "../stores/save-validation.js";
-import { useTemplateStore as Ne } from "../stores/template.js";
-import { useUnsubscribeStore as Pe } from "../stores/unsubscribe.js";
-import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
-const yt = /* @__PURE__ */ ie({
+import { defineComponent as de, defineAsyncComponent as l, ref as W, computed as f, watch as G, onMounted as me, onUnmounted as le } from "vue";
+import { useCortexBlueprintBridge as ue } from "../composables/useCortexBlueprintBridge.js";
+import { useEditorLock as pe } from "../composables/useEditorLock.js";
+import { startEditorOpenMetrics as fe } from "../composables/useEditorOpenMetrics.js";
+import { provideGuidoActions as ye } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as ge } from "../composables/useGuidoStateBridge.js";
+import { usePartner as ve } from "../composables/usePartner.js";
+import { useSaveValidationRollout as Se } from "../composables/useSaveValidationRollout.js";
+import { useStripo as be } from "../composables/useStripo.js";
+import { useTimerClone as he } from "../composables/useTimerClone.js";
+import { migrate as Ee } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as H } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as we } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as V, disposeStrategyPageReturnListeners as ke } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { disposeUnsubscribeListeners as Ce } from "../extensions/Blocks/Unsubscribe/block.js";
+import De from "./organisms/AutoSaveController.vue.js";
+import Ie from "./organisms/base/AuthErrorModal.vue.js";
+import Fe from "./organisms/base/Toaster.vue.js";
+import Me from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import Re from "./organisms/header/HeaderWrapper.vue.js";
+import Te from "./organisms/LoadingWrapper.vue.js";
+import Le from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Ue from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import Ne from "./organisms/validation/ValidationErrorDrawer.vue.js";
+import { useStripoApi as _e } from "../services/stripoApi.js";
+import { useConfigStore as Ae } from "../stores/config.js";
+import { useDynamicContentStore as Be } from "../stores/dynamic-content.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { usePreviewStore as Oe } from "../stores/preview.js";
+import { useSaveValidationStore as Pe } from "../stores/save-validation.js";
+import { useTemplateStore as xe } from "../stores/template.js";
+import { useUnsubscribeStore as We } from "../stores/unsubscribe.js";
+import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
+const ht = /* @__PURE__ */ de({
   __name: "Guido",
   props: {
     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(q, { expose: K, emit: r }) {
-    const s = q, j = m(
+  setup(z, { expose: q, emit: n }) {
+    const s = z, a = fe(), K = l(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), J = m(
+    ), j = l(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), Q = m(
+    ), J = l(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), X = m(
+    ), Q = l(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), Y = m(
+    ), X = l(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), w = W(), f = W(), y = Ue(), D = Pe(), o = Ie();
+    ), k = W(), y = W(), g = Be(), C = We(), o = Ae();
     s.ready && o.init(s.config);
-    const c = E(), Z = Ae(), l = p(() => c.hasChanges), { isTestPartner: ee } = fe(), { isEnabled: te, loadRollout: C } = ye(), k = () => {
+    const d = w(), Y = Oe(), u = f(() => d.hasChanges), { isTestPartner: Z } = ve(), { isEnabled: ee, loadRollout: D } = Se(), I = () => {
       var t;
-      return (t = w.value) == null ? void 0 : t.handleSave(!0);
-    }, R = (t) => {
-      c.loadingStatus = t;
+      return (t = k.value) == null ? void 0 : t.handleSave(!0);
+    }, F = (t) => {
+      d.loadingStatus = t;
     };
-    me(), pe();
-    const g = () => {
+    ue(), ge();
+    const v = () => {
       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) || $.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || H.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
       };
-    }, { initPlugin: F, preloadRuntime: L } = ge(), { runExclusive: M, beginMount: T, isCurrentMount: S } = le();
-    let u = 0;
-    const { getDefaultTemplate: I } = Te(), { cloneTimersOnSave: U, hasTimerBlocks: A } = Se(), oe = p(() => {
+    }, { initPlugin: M, preloadRuntime: R } = be(), { runExclusive: T, beginMount: L, isCurrentMount: S } = pe();
+    let p = 0;
+    const { getDefaultTemplate: U } = _e(), { cloneTimersOnSave: N, hasTimerBlocks: _ } = he(), te = f(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), ne = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = p(
-      () => !!z().recommendationConfigs.strategyId
+    }), oe = f(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = f(
+      () => !!V().recommendationConfigs.strategyId
     );
-    ue({
+    ye({
       onBack: () => {
-        console.debug("guido:back"), r("back");
+        console.debug("guido:back"), n("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), r("save:start");
+        console.debug("guido:save:start"), n("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: g() };
-        console.debug("guido:save:complete", e), r("save:complete", e);
+        const e = { ...t, metadata: v() };
+        console.debug("guido:save:complete", e), n("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), r("test-email:click");
+        console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const B = (t) => {
-      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, N = () => {
+    const A = (t) => {
+      console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, B = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    G(() => l.value, () => {
-      r("on-change", l.value);
+    G(() => u.value, () => {
+      n("on-change", u.value);
     });
-    const v = (t) => {
-      const e = t, { attribute: a, position: d } = e.detail;
-      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", a, d);
+    const b = (t) => {
+      const e = t, { attribute: i, position: m } = e.detail;
+      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", i, m);
     };
-    let i = null;
-    const b = () => {
+    let c = null;
+    const h = () => {
       var e;
-      const t = document.querySelector(ve);
-      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
-    }, h = async () => {
+      const t = document.querySelector(we);
+      (e = y.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+    }, E = async () => {
       var t;
+      a.mark("host_ready");
       try {
-        o.initialized || o.init(s.config), c.templateId = o.templateId;
-        const e = o.template, a = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        D.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds"), x = {
+        o.initialized || o.init(s.config), d.templateId = o.templateId, a.setContext({
+          partnerName: o.partnerName,
+          productType: o.productType,
+          templateId: o.templateId,
+          variationId: o.variationId
+        });
+        const e = o.template, i = (e == null ? void 0 : e.html) || "", m = (e == null ? void 0 : e.css) || "", O = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const ne = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, P = o.isFeatureEnabled("linkTrackingIds"), ae = {
           partnerName: o.partnerName,
           campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
+        }, x = (ce) => a.timed(
+          "migration",
+          () => Ee(ce, ne, ae)
+        );
+        let r = {
+          html: i && await x(i),
+          css: m
         };
-        let n = {
-          html: a && await V(a, _, x),
-          css: d
-        };
-        n.html || (n = await I(), n.html = await V(n.html, _, x));
-        const ae = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        A(n.html) && (n.html = await U(n.html)), O && (c.trackIdSessionFloor = Math.max(ae, H(n.html)));
+        r.html || (r = await a.timed("default_template", () => U()), r.html = await x(r.html));
+        const ie = P ? $(r.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        _(r.html) && (r.html = await a.timed("timer_clone", () => N(r.html))), P && (d.trackIdSessionFloor = Math.max(ie, $(r.html)));
         const se = {
-          preselectedDynamicContentList: P,
+          preselectedDynamicContentList: O,
           onReady: () => {
-            console.debug("guido:ready"), r("ready");
+            console.debug("guido:ready"), n("ready");
           }
         };
-        u = T(), await F(n, g(), se), y.selectedDynamicContentList = P;
+        p = L(), await M(r, v(), se), g.selectedDynamicContentList = O;
       } catch (e) {
-        console.error("Failed to initialize Stripo editor:", e);
+        console.error("Failed to initialize Stripo editor:", e), a.markFailed();
       }
     };
-    return ce(async () => {
+    return me(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), E().$reset(), Ne().$reset(), Be().$reset(), C(), b();
-      const t = (e = f.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(b), i.observe(t)), L(), s.ready)
-        await h();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), V().$reset(), w().$reset(), xe().$reset(), Pe().$reset(), D(), h();
+      const t = (e = y.value) == null ? void 0 : e.parentElement;
+      if (t && (c = new ResizeObserver(h), c.observe(t)), R(), s.ready)
+        await E();
       else {
-        const a = G(() => s.ready, (d) => {
-          d && (a(), h());
+        const i = G(() => s.ready, (m) => {
+          m && (i(), E());
         });
       }
-      document.addEventListener("dynamic-content:open", v);
-    }), de(() => {
-      if (he(), be(), i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), S(u))
+      document.addEventListener("dynamic-content:open", b);
+    }), le(() => {
+      if (Ce(), ke(), a.dispose(), c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", b), S(p))
         try {
-          E().isStripoInitialized = !1;
+          w().isStripoInitialized = !1;
         } catch (t) {
           console.debug("Failed to close the editor readiness gate on unmount", t);
         }
-      M(async () => {
-        if (S(u))
+      T(async () => {
+        if (S(p))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), K({
+    }), q({
       dynamicContent: {
-        insert: B,
-        close: N
+        insert: A,
+        close: B
       },
-      hasChanges: l,
-      saveSilent: k,
-      setLoading: R
-    }), { __sfc: !0, PreviewContainer: j, OnboardingWrapper: J, AssignStrategyDrawer: Q, RemoveStrategyModal: X, LegacyStrategyUpdatedModal: Y, headerWrapperRef: w, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: D, props: s, configStore: o, editorStore: c, previewStore: Z, hasChanges: l, isTestPartner: ee, isSaveValidationEnabled: te, loadRollout: C, saveSilent: k, setLoading: R, emit: r, buildMetadata: g, initPlugin: F, preloadRuntime: L, runExclusive: M, beginMount: T, isCurrentMount: S, mountGeneration: u, getDefaultTemplate: I, cloneTimersOnSave: U, hasTimerBlocks: A, noHeader: oe, isRrsEnabled: ne, hasAssignedStrategy: re, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: b, startEditor: h, AutoSaveController: Ee, AuthErrorModal: we, Toaster: De, FilterSelectionDrawer: Ce, HeaderWrapper: ke, LoadingWrapper: Re, SaveAsTemplateDrawer: Fe, UnsubscribeWrapper: Le, ValidationErrorDrawer: Me };
+      hasChanges: u,
+      saveSilent: I,
+      setLoading: F
+    }), { __sfc: !0, openMetrics: a, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: k, wrapperRef: y, dynamicContentStore: g, unsubscribeStore: C, props: s, configStore: o, editorStore: d, previewStore: Y, hasChanges: u, isTestPartner: Z, isSaveValidationEnabled: ee, loadRollout: D, saveSilent: I, setLoading: F, emit: n, buildMetadata: v, initPlugin: M, preloadRuntime: R, runExclusive: T, beginMount: L, isCurrentMount: S, mountGeneration: p, getDefaultTemplate: U, cloneTimersOnSave: N, hasTimerBlocks: _, noHeader: te, isRrsEnabled: oe, hasAssignedStrategy: re, insertDynamicContent: A, closeDynamicContent: B, handleDynamicContentOpen: b, ribbonObserver: c, updateRibbonOffset: h, startEditor: E, AutoSaveController: De, AuthErrorModal: Ie, Toaster: Fe, FilterSelectionDrawer: Me, HeaderWrapper: Re, LoadingWrapper: Te, SaveAsTemplateDrawer: Le, UnsubscribeWrapper: Ue, ValidationErrorDrawer: Ne };
   }
 });
 export {
-  yt as default
+  ht as default
 };

package/dist/composables/useActionsApi.js

@@ -1,8 +1,7 @@
-import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
-import { stripFullStoryScripts as h } from "../utils/fullStoryScripts.js";
-import { getEditorApi as r } from "../utils/stripoEditorApi.js";
+import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
+import { getEditorApi as s } from "../utils/stripoEditorApi.js";
 import { useToaster as D } from "./useToaster.js";
-const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
+const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
   const f = setTimeout(
     () => p(new Error(`${n} did not report completion within ${l}ms`)),
     l
@@ -14,8 +13,8 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
   } catch (t) {
     d(t);
   }
-}), _ = () => {
-  const { handleError: n } = D(), l = (t = {}) => m(
+}), P = () => {
+  const { handleError: n } = D(), l = (t = {}) => r(
     "compileEmail",
     T,
     (e, i) => {
@@ -39,38 +38,38 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
       }, ...t }, u = {
-        callback: (s, g, w, S, y) => {
-          s ? i(s) : e({
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
             html: g,
             ampHtml: w,
-            ampErrors: v(S ?? []),
-            displayConditions: y
+            ampErrors: y(S ?? []),
+            displayConditions: v
           });
         },
         ...o
       };
-      r().actionsApi.compileEmail(u);
+      s().actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => m(
+    getTemplateData: () => r(
       "getTemplateData",
       T,
       (t) => {
-        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: s }) => t({
-          html: h(i),
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+          html: i,
           css: a,
           width: o,
           height: E,
           utmParams: u,
-          syncModulesIds: s
+          syncModulesIds: m
         });
-        r().actionsApi.getTemplateData(e);
+        s().actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      r().actionsApi.activateCustomViewStyles(t);
+      s().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
@@ -110,16 +109,16 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: i } = r();
-      return m("updateHtmlAndCss", H, (a) => {
+      const { actionsApi: i } = s();
+      return r("updateHtmlAndCss", h, (a) => {
         i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => m(
+    editorSave: () => r(
       "save",
       T,
       (t) => {
-        r().actionsApi.save((e) => {
+        s().actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -131,5 +130,5 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
   };
 };
 export {
-  _ as useActionsApi
+  P as useActionsApi
 };

package/dist/composables/useEditorOpenMetrics.js

@@ -0,0 +1,164 @@
+import { SYNC_MODULE_CLASS as w } from "./useSyncModuleExtractor.js";
+import { readRuntimePrefetchState as M } from "../utils/runtimePrefetch.js";
+import f from "../package.json.js";
+const s = "guido:open:", k = "total", A = [
+  "setup",
+  "host_ready",
+  "migration_start",
+  "migration_end",
+  "default_template_start",
+  "default_template_end",
+  "timer_clone_start",
+  "timer_clone_end",
+  "plugin_start",
+  "script_ready",
+  "fonts_sync_ready",
+  "blocks_config_ready",
+  "init_editor",
+  "token_start",
+  "token_end",
+  "ready"
+], p = [
+  ["host_wait", "setup", "host_ready"],
+  ["migration", "migration_start", "migration_end"],
+  ["default_template", "default_template_start", "default_template_end"],
+  ["timer_clone", "timer_clone_start", "timer_clone_end"],
+  ["script", "plugin_start", "script_ready"],
+  ["fonts_sync", "script_ready", "fonts_sync_ready"],
+  ["blocks_config", "fonts_sync_ready", "blocks_config_ready"],
+  ["editor_config", "blocks_config_ready", "init_editor"],
+  ["stripo_load", "init_editor", "ready"],
+  ["token", "token_start", "token_end"]
+], b = (e) => new RegExp(`(?:^|[\\s"'])(?:${e})(?=[\\s"'])`, "g"), N = /<img\b/gi, $ = b(w), C = /\srecommendation-id=/g, O = b("items-block-v2|esd-(?:cart|browsed|purchased)-items-block"), I = "esd-timer-id", g = {
+  html_bytes: null,
+  css_bytes: null,
+  image_count: null,
+  synced_module_count: null,
+  recommendation_block_count: null,
+  items_block_count: null,
+  has_timers: null,
+  force_recreate: null
+};
+let d = null;
+const i = (e) => {
+  try {
+    e();
+  } catch (t) {
+    console.debug("guido:open: metrics step failed", t);
+  }
+}, E = () => window.DD_RUM, y = (e, t) => e === void 0 || t === void 0 ? null : Math.round(t - e), _ = (e, t) => {
+  var r;
+  return ((r = e.match(t)) == null ? void 0 : r.length) ?? 0;
+}, h = (e) => new TextEncoder().encode(e).length, L = (e) => {
+  if (!e)
+    return g;
+  try {
+    const { html: t, css: r, forceRecreate: o } = e;
+    return {
+      html_bytes: h(t),
+      css_bytes: h(r),
+      image_count: _(t, N),
+      synced_module_count: _(t, $),
+      recommendation_block_count: _(t, C),
+      items_block_count: _(t, O),
+      has_timers: t.includes(I),
+      force_recreate: o
+    };
+  } catch (t) {
+    return console.debug("guido:open: template weight failed", t), g;
+  }
+}, T = () => {
+  i(() => {
+    A.forEach((e) => performance.clearMarks(`${s}${e}`)), [...p.map(([e]) => e), k].forEach((e) => performance.clearMeasures(`${s}${e}`));
+  });
+}, v = (e) => {
+  const t = {
+    marks: {},
+    context: null,
+    template: null,
+    scriptPreloaded: null,
+    runtimePrefetch: null,
+    wasBackgrounded: document.visibilityState === "hidden",
+    finished: e,
+    onVisibilityChange: () => {
+      document.visibilityState === "hidden" && (t.wasBackgrounded = !0);
+    }
+  };
+  return t;
+}, l = (e, t) => {
+  if (e.finished || e.marks[t] !== void 0)
+    return;
+  const r = performance.now();
+  e.marks[t] = r, e === d && i(() => performance.mark(`${s}${t}`, { startTime: r }));
+}, u = (e) => {
+  e.finished = !0, document.removeEventListener("visibilitychange", e.onVisibilityChange);
+}, B = (e, t) => {
+  const { marks: r } = e, o = p.map(([n, a, c]) => [n, r[a], r[c]]);
+  o.push([k, r.setup, t]), o.forEach(([n, a, c]) => {
+    a !== void 0 && c !== void 0 && i(() => performance.measure(`${s}${n}`, { start: a, end: c }));
+  });
+}, D = (e, t, r) => {
+  const { marks: o, context: n } = e, a = Object.fromEntries(
+    p.map(([c, R, S]) => [`${c}_ms`, y(o[R], o[S])])
+  );
+  return {
+    outcome: t,
+    open_ms: y(o.setup, r),
+    ...a,
+    script_preloaded: e.scriptPreloaded,
+    runtime_prefetch: e.runtimePrefetch,
+    ...L(e.template),
+    partner_name: (n == null ? void 0 : n.partnerName) ?? null,
+    product_type: (n == null ? void 0 : n.productType) ?? null,
+    template_id: (n == null ? void 0 : n.templateId) ?? null,
+    variation_id: (n == null ? void 0 : n.variationId) ?? null,
+    guido_version: f.version,
+    stripo_version: f.guido.stripo.version,
+    was_backgrounded: e.wasBackgrounded
+  };
+}, m = (e, t) => {
+  i(() => {
+    const r = e.marks.ready ?? performance.now(), o = D(e, t, r);
+    e.template = null, e === d && B(e, r), console.debug("guido:open", o), i(() => {
+      var n, a;
+      return (a = (n = E()) == null ? void 0 : n.addAction) == null ? void 0 : a.call(n, "guido_editor_open", o);
+    });
+  });
+}, P = (e) => ({
+  mark: (t) => l(e, t),
+  timed: async (t, r) => {
+    l(e, `${t}_start`);
+    const o = await r();
+    return l(e, `${t}_end`), o;
+  },
+  setContext: (t) => {
+    e.context = t;
+  },
+  setTemplate: (t) => {
+    e.template = t;
+  },
+  setScriptPreloaded: (t) => {
+    e.scriptPreloaded = t;
+  },
+  markReady: () => {
+    e.finished || (l(e, "ready"), u(e), i(() => {
+      var t, r;
+      return (r = (t = E()) == null ? void 0 : t.addTiming) == null ? void 0 : r.call(t, "guido_editor_ready");
+    }), setTimeout(() => m(e, "ready"), 0));
+  },
+  markFailed: () => {
+    e.finished || (u(e), m(e, "error"));
+  },
+  dispose: () => {
+    e.finished || (u(e), m(e, "abandoned")), e === d && (T(), d = null);
+  }
+}), F = () => {
+  const e = v(!1);
+  return T(), d = e, i(() => {
+    e.runtimePrefetch = M();
+  }), document.addEventListener("visibilitychange", e.onVisibilityChange), l(e, "setup"), P(e);
+}, G = () => P(d ?? v(!0));
+export {
+  F as startEditorOpenMetrics,
+  G as useEditorOpenMetrics
+};

package/dist/composables/useFullStoryBridge.js

@@ -1,15 +1,14 @@
-import { FULLSTORY_BRIDGE_SCRIPT_URL as s } from "../utils/fullStoryScripts.js";
-const l = () => ({ injectFullStory: () => {
-  var c;
-  const n = window;
-  if (typeof n._fs_org != "string" || !n._fs_org)
+const c = "https://email-static.useinsider.com/guido/guido-fs.js", u = () => ({ injectFullStory: () => {
+  var n;
+  const s = window;
+  if (typeof s._fs_org != "string" || !s._fs_org)
     return;
-  const e = document.querySelector("ui-editor"), o = (c = e == null ? void 0 : e.shadowRoot) == null ? void 0 : c.querySelector("iframe"), r = o == null ? void 0 : o.contentDocument;
-  if (!r || r.querySelector('script[data-fullstory-bridge="true"]'))
+  const r = document.querySelector("ui-editor"), o = (n = r == null ? void 0 : r.shadowRoot) == null ? void 0 : n.querySelector("iframe"), e = o == null ? void 0 : o.contentDocument;
+  if (!e || e.querySelector('script[data-fullstory-bridge="true"]'))
     return;
-  const t = r.createElement("script");
-  t.src = s, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", r.head.appendChild(t);
+  const t = e.createElement("script");
+  t.src = c, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", e.head.appendChild(t);
 } });
 export {
-  l as useFullStoryBridge
+  u as useFullStoryBridge
 };

package/dist/composables/useStripo.js

@@ -1,44 +1,55 @@
-import { useActionsApi as L } from "./useActionsApi.js";
-import { useBlocksConfig as O } from "./useBlocksConfig.js";
-import { useConfig as H } from "./useConfig.js";
-import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
-import { useModuleRepair as j } from "./useModuleRepair.js";
-import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
-import { useStripoNotifications as $ } from "./useStripoNotifications.js";
-import { useToaster as G } from "./useToaster.js";
-import { localePatch as J } from "../config/i18n/index.js";
-import { en as b } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as X } from "../enums/toaster.js";
-import { useStripoApi as K } from "../services/stripoApi.js";
-import Q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as k } from "../stores/editor.js";
-import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
-import Z from "../package.json.js";
-let n = null;
-const he = () => {
-  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
-    var d;
+import { useActionsApi as H } from "./useActionsApi.js";
+import { useBlocksConfig as N } from "./useBlocksConfig.js";
+import { useConfig as j } from "./useConfig.js";
+import { useCustomInterfaceAppearance as _ } from "./useCustomInterfaceAppearance.js";
+import { useEditorOpenMetrics as z } from "./useEditorOpenMetrics.js";
+import { useFullStoryBridge as $ } from "./useFullStoryBridge.js";
+import { useModuleRepair as G } from "./useModuleRepair.js";
+import { useStripoEventHandler as X } from "./useStripoEventHandler.js";
+import { useStripoNotifications as J } from "./useStripoNotifications.js";
+import { useToaster as K } from "./useToaster.js";
+import { localePatch as Q } from "../config/i18n/index.js";
+import { en as B } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as W } from "../enums/toaster.js";
+import { useStripoApi as Y } from "../services/stripoApi.js";
+import Z from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as M } from "../stores/editor.js";
+import { buildMergeTagEntries as ee, flattenDynamicContentList as te } from "../utils/genericUtil.js";
+import { getStripoRuntimeBaseUrl as oe } from "../utils/stripoRuntime.js";
+let d = null, v = !1;
+const be = () => {
+  const { features: u, template: m, isFeatureEnabled: p } = j(), { handleError: f, showToaster: T } = K(), { getToken: F, getCustomFonts: A, getSyncModulesStatus: P } = Y(), { handleEvent: R } = X(), { handleModuleAdd: U } = G(), { getStripoBlocksConfig: V } = N(), { getStripoNotifications: D } = J(), e = z(), g = () => d || (d = new Promise((s, a) => {
     if (document.getElementById("UiEditorScript")) {
-      r();
+      s();
       return;
     }
-    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
-    }, document.body.appendChild(e);
-  }), n.catch(() => {
-    n = null;
-  }), n), D = async (r, s, o, a = [], i = !1) => {
-    var y, E, h, C;
-    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
-    w().importCss(), await window.UIEditor.initEditor(
+    const i = oe();
+    if (!i) {
+      a(
+        new Error("guido.stripo.version is not set in package.json. Please configure the Stripo version.")
+      );
+      return;
+    }
+    const n = `${i}UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = n, t.onload = () => {
+      v = !0, s();
+    }, t.onerror = () => {
+      t.remove(), a(new Error(`Failed to load Stripo UIEditor script from S3: ${n}`));
+    }, document.body.appendChild(t);
+  }), d.catch(() => {
+    d = null;
+  }), d), I = async (s, a, i, n = [], t = !1) => {
+    var C, w, k, b;
+    const o = M(), { html: c, css: S } = s, { baseBlocks: y, extensions: L } = await V();
+    e.mark("blocks_config_ready");
+    const E = ((C = u.value) == null ? void 0 : C.displayConditions) ?? !0, O = ((w = u.value) == null ? void 0 : w.modulesDisabled) ?? !1, h = !!c || (((k = m.value) == null ? void 0 : k.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    e.setTemplate({ html: c, css: S, forceRecreate: h }), _().importCss(), e.mark("init_editor"), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: s,
-        html: d,
-        css: P,
-        forceRecreate: I,
+        metadata: a,
+        html: c,
+        css: S,
+        forceRecreate: h,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -48,12 +59,12 @@ const he = () => {
         customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: Q,
-        conditionsEnabled: S,
-        customConditionsEnabled: S,
+        customViewStyles: Z,
+        conditionsEnabled: E,
+        customConditionsEnabled: E,
         enableXSSSecurity: !0,
-        modulesDisabled: U,
-        syncModulesEnabled: i,
+        modulesDisabled: O,
+        syncModulesEnabled: t,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -64,54 +75,55 @@ const he = () => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
-        ...g ? { baseBlocks: g } : {},
+        ...y ? { baseBlocks: y } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: a
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: W(
-              o.preselectedDynamicContentList,
-              Y((C = u.value) == null ? void 0 : C.dynamicContentList),
+            entries: ee(
+              i.preselectedDynamicContentList,
+              te((b = m.value) == null ? void 0 : b.dynamicContentList),
               p("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(r) {
           try {
-            const l = await B();
-            t(l);
+            e.mark("token_start");
+            const l = await F();
+            e.mark("token_end"), r(l);
           } catch (l) {
-            m(l, "Failed to refresh token");
+            f(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
-            w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
-            }, 1e3);
-          } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+            const { activateCustomViewStyles: r, updateTimerInClonedTemplate: l } = H(), { injectFullStory: x } = $();
+            _().importCss(), r(), x(), l(), i.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
+            }, 1e3), e.markReady();
+          } catch (r) {
+            f(r, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(r) {
+          o.isCodeEditorOpen = r;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(r) {
+          o.editorVisualMode = r.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(r) {
+          o.isVersionHistoryOpen = r;
         },
         onDataChanged() {
-          e.hasChanges = !0, e.changeSeq += 1;
+          o.hasChanges = !0, o.changeSeq += 1;
         },
-        onEvent: F,
-        onModuleAdd: A,
-        notifications: _(),
+        onEvent: R,
+        onModuleAdd: U,
+        notifications: D(),
         // Stripo deselects the block on any click outside the canvas, so every surface
         // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
@@ -121,35 +133,35 @@ const he = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: R,
-        localePatch: J
+        extensions: L,
+        localePatch: Q
       }
     );
   };
-  return { initPlugin: async (r, s, o) => {
-    const a = k();
+  return { initPlugin: async (s, a, i) => {
+    const n = M();
     try {
-      await f();
-      const [i, e] = await Promise.all([
-        M(),
-        T()
+      e.mark("plugin_start"), e.setScriptPreloaded(v), await g(), e.mark("script_ready");
+      const [t, o] = await Promise.all([
+        A(),
+        P()
       ]);
-      a.syncModulesEnabled = e, await D(r, s, o, i, e);
+      e.mark("fonts_sync_ready"), n.syncModulesEnabled = o, await I(s, a, i, t, o);
     } catch {
-      a.loadingStatus = !1, v({
-        type: X.Error,
-        message: b["An error has occurred. Please report the error code to support."],
+      n.loadingStatus = !1, T({
+        type: W.Error,
+        message: B["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: b["Reload page"],
+          text: B["Reload page"],
           onClick: () => window.location.reload()
         }
-      });
+      }), e.markFailed();
     }
   }, preloadRuntime: () => {
-    f().catch(() => {
+    g().catch(() => {
     });
   } };
 };
 export {
-  he as useStripo
+  be as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,17 +1,16 @@
 import { migrateCheckbox as i } from "./checkboxMigrator.js";
 import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
-import { migrateFullStoryScripts as a } from "./fullStoryScriptMigrator.js";
-import { migrateItemsBlock as n } from "./itemsBlockMigrator.js";
-import { migrateProductNameLink as c } from "./productNameLinkMigrator.js";
-import { migrateRadioButton as g } from "./radioButtonMigrator.js";
-import { migrateRecommendation as p } from "./recommendationMigrator.js";
+import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
+import { migrateProductNameLink as n } from "./productNameLinkMigrator.js";
+import { migrateRadioButton as c } from "./radioButtonMigrator.js";
+import { migrateRecommendation as g } from "./recommendationMigrator.js";
 import { migrateRecommendationPartnerScope as f } from "./recommendationPartnerMigrator.js";
-import { migrateRecommendationTitle as l } from "./recommendationTitleMigrator.js";
-import { migrateSocialIcons as s } from "./socialIconMigrator.js";
-import { migrateUnsubscribe as d } from "./unsubscribeMigrator.js";
-const h = async (o, t = {}, r) => {
-  let m = o;
-  return m = i(m), m = g(m), m = await d(m), m = e(m), m = p(m, t), r && (m = f(m, r)), m = l(m), m = n(m), m = c(m), m = s(m), m = a(m), m;
+import { migrateRecommendationTitle as p } from "./recommendationTitleMigrator.js";
+import { migrateSocialIcons as d } from "./socialIconMigrator.js";
+import { migrateUnsubscribe as l } from "./unsubscribeMigrator.js";
+const h = async (r, t = {}, o) => {
+  let m = r;
+  return m = i(m), m = c(m), m = await l(m), m = e(m), m = g(m, t), o && (m = f(m, o)), m = p(m), m = a(m), m = n(m), m = d(m), m;
 };
 export {
   h as migrate

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-c5146fc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-c5146fc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-c5146fc5]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1a3ddd48]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1a3ddd48]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1a3ddd48]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

package/dist/library.js

@@ -1,20 +1,22 @@
 import { default as a } from "./components/Guido.vue.js";
-import { MessageType as t, ProductType as d } from "./@types/config/schemas.js";
+import { MessageType as t, ProductType as f } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as s, isValidConfig as p, parseConfig as g, parseConfigSafe as m, validateConfig as n } from "./@types/config/validator.js";
-import { assignTrackingIds as u, readTrackFloor as x, readTrackSeq as T } from "./utils/linkTrackingIds.js";
+import { getValidationErrors as p, isValidConfig as s, parseConfig as m, parseConfigSafe as g, validateConfig as n } from "./@types/config/validator.js";
+import { assignTrackingIds as l, readTrackFloor as x, readTrackSeq as c } from "./utils/linkTrackingIds.js";
 import { useGuidoEmailEditorStore as C } from "./stores/guido-email-editor.js";
+import { prefetchGuidoRuntime as E } from "./utils/runtimePrefetch.js";
 export {
   a as Guido,
   t as MessageType,
-  d as ProductType,
-  u as assignTrackingIds,
-  s as getValidationErrors,
-  p as isValidConfig,
-  g as parseConfig,
-  m as parseConfigSafe,
+  f as ProductType,
+  l as assignTrackingIds,
+  p as getValidationErrors,
+  s as isValidConfig,
+  m as parseConfig,
+  g as parseConfigSafe,
+  E as prefetchGuidoRuntime,
   x as readTrackFloor,
-  T as readTrackSeq,
+  c as readTrackSeq,
   C as useGuidoEmailEditorStore,
   n as validateConfig
 };

package/dist/package.json.js

@@ -1,7 +1,9 @@
-const o = { stripo: { version: "2.81.1" } }, s = {
-  guido: o
+const o = "3.21.2-beta.b6f3ef8", s = { stripo: { version: "2.81.1" } }, e = {
+  version: o,
+  guido: s
 };
 export {
-  s as default,
-  o as guido
+  e as default,
+  s as guido,
+  o as version
 };

package/dist/public/prefetchRuntime.js

@@ -0,0 +1,4 @@
+import { prefetchGuidoRuntime as r } from "../utils/runtimePrefetch.js";
+export {
+  r as prefetchGuidoRuntime
+};

package/dist/src/composables/useEditorOpenMetrics.d.ts

@@ -0,0 +1,27 @@
+export type TimedOpenPhase = 'migration' | 'default_template' | 'timer_clone';
+export type OpenPhase = 'setup' | 'host_ready' | `${TimedOpenPhase}_start` | `${TimedOpenPhase}_end` | 'plugin_start' | 'script_ready' | 'fonts_sync_ready' | 'blocks_config_ready' | 'init_editor' | 'token_start' | 'token_end' | 'ready';
+export type OpenOutcome = 'ready' | 'error' | 'abandoned';
+export interface OpenContext {
+    partnerName: string;
+    productType: number;
+    templateId: string;
+    variationId: string;
+}
+export interface OpenTemplate {
+    html: string;
+    css: string;
+    forceRecreate: boolean;
+}
+export interface EditorOpenMetrics {
+    mark: (phase: OpenPhase) => void;
+    timed: <T>(phase: TimedOpenPhase, task: () => Promise<T>) => Promise<T>;
+    setContext: (context: OpenContext) => void;
+    setTemplate: (template: OpenTemplate) => void;
+    setScriptPreloaded: (preloaded: boolean) => void;
+    markReady: () => void;
+    markFailed: () => void;
+    dispose: () => void;
+}
+export declare const startEditorOpenMetrics: () => EditorOpenMetrics;
+/** Binds to the session open at call time, so a remounted editor never writes into its replacement's session. */
+export declare const useEditorOpenMetrics: () => EditorOpenMetrics;

package/dist/src/library.d.ts

@@ -4,5 +4,6 @@ export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidat
 export { assignTrackingIds, readTrackFloor, readTrackSeq } from './public/trackingIds';
 export { useGuidoEmailEditorStore } from './public/editorState';
 export type { GuidoEmailEditorState } from './public/editorState';
+export { prefetchGuidoRuntime } from './public/prefetchRuntime';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';

package/dist/src/public/prefetchRuntime.d.ts

@@ -0,0 +1 @@
+export { prefetchGuidoRuntime } from '../utils/runtimePrefetch';

package/dist/src/utils/runtimePrefetch.d.ts

@@ -0,0 +1,4 @@
+export type RuntimePrefetchState = 'none' | 'pending' | 'done';
+export declare const RUNTIME_PREFETCH_ATTRIBUTE = "data-guido-prefetch";
+export declare const prefetchGuidoRuntime: () => void;
+export declare const readRuntimePrefetchState: () => RuntimePrefetchState;

package/dist/src/utils/stripoRuntime.d.ts

@@ -0,0 +1,2 @@
+/** Null when package.json does not pin `guido.stripo.version`. */
+export declare const getStripoRuntimeBaseUrl: () => string | null;

package/dist/static/stripo-runtime-manifest.json.js

@@ -0,0 +1,9 @@
+const s = "2.81.1", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-5LCHF56A.js", "chunk-2HYLRI4G.js", "chunk-4SN7BSQN.js", "chunk-5IY7ZG3R.js", "chunk-62K3AMOD.js", "chunk-GK543IRH.js", "chunk-L2EPGQ76.js", "chunk-LXS5IGCQ.js", "chunk-PNWIGF4L.js", "chunk-S2TYCIH3.js", "chunk-S5UZ4LUK.js", "chunk-V2AGQPVL.js", "chunk-XZ6MUAN5.js", "chunk-ZPL4VL4O.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], i = {
+  version: s,
+  files: n
+};
+export {
+  i as default,
+  n as files,
+  s as version
+};

package/dist/utils/runtimePrefetch.js

@@ -0,0 +1,26 @@
+import s from "../static/stripo-runtime-manifest.json.js";
+import { getStripoRuntimeBaseUrl as c } from "./stripoRuntime.js";
+const r = "data-guido-prefetch", d = "pending", o = "settled", i = `link[${r}]`, u = ["slow-2g", "2g"], l = /\.(?:js|json)$/, a = () => document.getElementById("UiEditorScript") !== null || window.UIEditor !== void 0, E = () => {
+  const { connection: e } = navigator;
+  return (e == null ? void 0 : e.saveData) === !0 || u.includes((e == null ? void 0 : e.effectiveType) ?? "");
+}, m = (e) => {
+  const t = document.createElement("link"), n = () => t.setAttribute(r, o);
+  t.rel = "prefetch", t.href = e, l.test(e) && t.setAttribute("crossorigin", "anonymous"), t.setAttribute(r, d), t.addEventListener("load", n, { once: !0 }), t.addEventListener("error", n, { once: !0 }), document.head.appendChild(t);
+}, T = () => {
+  try {
+    const e = c(), t = document.querySelector(i) !== null;
+    if (!e || t || a() || E())
+      return;
+    s.files.forEach((n) => m(`${e}${n}`));
+  } catch (e) {
+    console.debug("guido: runtime prefetch skipped", e);
+  }
+}, g = () => {
+  const e = Array.from(document.querySelectorAll(i));
+  return e.length ? e.every((t) => t.getAttribute(r) === o) ? "done" : "pending" : "none";
+};
+export {
+  r as RUNTIME_PREFETCH_ATTRIBUTE,
+  T as prefetchGuidoRuntime,
+  g as readRuntimePrefetchState
+};

package/dist/utils/stripoRuntime.js

@@ -0,0 +1,9 @@
+import r from "../package.json.js";
+const e = "https://email-static.useinsider.com/guido/", n = () => {
+  var s;
+  const t = r.guido, o = (s = t == null ? void 0 : t.stripo) == null ? void 0 : s.version;
+  return o ? `${e}${o}/` : null;
+};
+export {
+  n as getStripoRuntimeBaseUrl
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.2-beta.1cc8327",
+  "version": "3.21.2-beta.b6f3ef8",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -22,6 +22,10 @@
       "types": "./dist/src/public/editorState.d.ts",
       "import": "./dist/public/editorState.js"
     },
+    "./prefetch": {
+      "types": "./dist/src/public/prefetchRuntime.d.ts",
+      "import": "./dist/public/prefetchRuntime.js"
+    },
     "./style": "./dist/guido.css"
   },
   "scripts": {
@@ -45,6 +49,7 @@
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
     "test:mutation": "stryker run",
     "test:mutation:since": "CHANGED=$(git diff --name-only --diff-filter=AMR origin/develop...HEAD -- 'src/**/*.ts' ':(glob)src/components/organisms/onboarding/**/*.vue' ':(glob)src/components/organisms/header/**/*.vue' ':(glob)src/components/organisms/unsubscribe/**/*.vue' ':(glob)src/components/organisms/save-as-template/**/*.vue' ':(glob)src/components/organisms/email-preview/**/*.vue' ':(glob)src/components/wrappers/**/*.vue' 'src/components/Guido.vue' ':(exclude)src/**/*.test.ts' ':(exclude)src/**/index.ts' ':(exclude)src/@types/**' ':(exclude)src/enums/**' ':(exclude)src/mock/**' ':(exclude)src/**/_Boilerplate/**' | paste -sd, -); if [ -n \"$CHANGED\" ]; then stryker run --incremental --mutate \"$CHANGED\"; else echo \"No changed mutatable src files vs origin/develop\"; fi",
+    "stripo:manifest": "node scripts/stripo-runtime-manifest.mjs",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },

package/dist/config/migrator/fullStoryScriptMigrator.js

@@ -1,5 +0,0 @@
-import { stripFullStoryScripts as t } from "../../utils/fullStoryScripts.js";
-const i = (r) => t(r);
-export {
-  i as migrateFullStoryScripts
-};

package/dist/src/config/migrator/fullStoryScriptMigrator.d.ts

@@ -1 +0,0 @@
-export declare const migrateFullStoryScripts: (html: string) => string;

package/dist/src/utils/fullStoryScripts.d.ts

@@ -1,6 +0,0 @@
-export declare const FULLSTORY_BRIDGE_SCRIPT_URL = "https://email-static.useinsider.com/guido/guido-fs.js";
-/**
- * Removes FullStory `<script>` elements that the panel / bridge leave in the editor iframe head,
- * which Stripo then serializes into the stored source. Other scripts are left untouched.
- */
-export declare function stripFullStoryScripts(html: string): string;

package/dist/utils/fullStoryScripts.js

@@ -1,8 +0,0 @@
-const o = "https://email-static.useinsider.com/guido/guido-fs.js", E = new RegExp("<script\\b([^>]*?)(?<!\\/)>([\\s\\S]*?)<\\/script\\s*>", "gi"), _ = /<script\b([^>]*?)\/>/gi, e = /\bsrc\s*=\s*["']?(?:https?:)?\/\/(?:[\w-]+\.)*fullstory\.com[/"'\s>]/i, R = /\bdata-fullstory-bridge\b/i, S = /\b_fs_(?:script|namespace)\b/, i = (s, t = "") => e.test(`${s} `) || R.test(s) || s.includes(o) || S.test(t);
-function n(s) {
-  return !s || !/fullstory|_fs_|guido-fs\.js/i.test(s) ? s : s.replace(E, (t, c, r) => i(c, r) ? "" : t).replace(_, (t, c) => i(c) ? "" : t);
-}
-export {
-  o as FULLSTORY_BRIDGE_SCRIPT_URL,
-  n as stripFullStoryScripts
-};