@useinsider/guido 3.21.0-beta.f545026 → 3.21.0-beta.ff98fc3

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,
-  "65036aaf"
+  "1a3ddd48"
 );
-const v = n.exports;
+const v = d.exports;
 export {
   v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,180 +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 ge } from "../composables/useSaveValidationRollout.js";
-import { useStripo as ye } from "../composables/useStripo.js";
-import { useTimerClone as Se } from "../composables/useTimerClone.js";
-import { migrate as H } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as V } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ve } from "../enums/onboarding.js";
-import { forgetHeightBounds as be } from "../extensions/Blocks/Recommendation/controls/image/index.js";
-import { useRecommendationExtensionStore as $, disposeStrategyPageReturnListeners as he } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { disposeUnsubscribeListeners as Ee } from "../extensions/Blocks/Unsubscribe/block.js";
-import we from "./organisms/AutoSaveController.vue.js";
-import De from "./organisms/base/AuthErrorModal.vue.js";
-import Ce from "./organisms/base/Toaster.vue.js";
-import ke from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+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 Fe from "./organisms/LoadingWrapper.vue.js";
+import Te from "./organisms/LoadingWrapper.vue.js";
 import Le from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Me from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import Te from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as Ie } from "../services/stripoApi.js";
-import { useConfigStore as Ue } from "../stores/config.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 E } from "../stores/editor.js";
-import { usePreviewStore as Ae } from "../stores/preview.js";
-import { useSaveValidationStore as Ne } from "../stores/save-validation.js";
-import { useTemplateStore as Pe } from "../stores/template.js";
-import { useUnsubscribeStore as _e } from "../stores/unsubscribe.js";
-import { readTrackFloor as z } from "../utils/linkTrackingIds.js";
-const St = /* @__PURE__ */ ie({
+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(), g = Be(), D = _e(), o = Ue();
+    ), 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 } = ge(), 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 y = () => {
+    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) || V.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || V.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 } = ye(), { runExclusive: M, beginMount: T, isCurrentMount: S } = le();
-    let u = 0;
-    const { getDefaultTemplate: I } = Ie(), { cloneTimersOnSave: U, hasTimerBlocks: B } = 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(
-      () => !!$().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: y() };
-        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 A = (t) => {
       console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, N = () => {
+    }, 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 H(a, _, x),
-          css: d
-        };
-        n.html || (n = await I(), n.html = await H(n.html, _, x));
-        const ae = O ? z(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        B(n.html) && (n.html = await U(n.html)), O && (c.trackIdSessionFloor = Math.max(ae, z(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, y(), se), g.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"), $().$reset(), E().$reset(), Pe().$reset(), Ne().$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 (Ee(), 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: A,
-        close: N
+        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: g, 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: y, initPlugin: F, preloadRuntime: L, runExclusive: M, beginMount: T, isCurrentMount: S, mountGeneration: u, getDefaultTemplate: I, cloneTimersOnSave: U, hasTimerBlocks: B, noHeader: oe, isRrsEnabled: ne, hasAssignedStrategy: re, insertDynamicContent: A, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: b, startEditor: h, AutoSaveController: we, AuthErrorModal: De, Toaster: Ce, FilterSelectionDrawer: ke, HeaderWrapper: Re, LoadingWrapper: Fe, SaveAsTemplateDrawer: Le, UnsubscribeWrapper: Me, ValidationErrorDrawer: Te };
+      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 {
-  St as default
+  ht as default
 };

package/dist/composables/useActionsApi.js

@@ -1,21 +1,20 @@
-import { forgetHeightBounds as y } from "../extensions/Blocks/Recommendation/controls/image/index.js";
-import { filterAmpErrors as h } from "../utils/ampErrorFilter.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((f, p) => {
-  const C = setTimeout(
+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
   ), c = (t) => (e) => {
-    clearTimeout(C), t(e);
+    clearTimeout(f), t(e);
   }, d = c(p);
   try {
-    A(c(f), d);
+    A(c(C), d);
   } catch (t) {
     d(t);
   }
-}), b = () => {
-  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((f, p) => {
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
       }, ...t }, u = {
-        callback: (s, E, w, S, v) => {
-          s ? i(s) : e({
-            html: E,
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
+            html: g,
             ampHtml: w,
-            ampErrors: h(S ?? []),
+            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: g, utmParams: u, syncModulesIds: s }) => t({
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
           html: i,
           css: a,
           width: o,
-          height: g,
+          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((f, p) => {
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: i } = r();
-      return y(), 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((f, p) => {
   };
 };
 export {
-  b as useActionsApi
+  P as useActionsApi
 };

package/dist/composables/useEditorOpenMetrics.js

@@ -0,0 +1,159 @@
+import { SYNC_MODULE_CLASS as S } from "./useSyncModuleExtractor.js";
+import g from "../package.json.js";
+const s = "guido:open:", b = "total", P = [
+  "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"]
+], h = (e) => new RegExp(`(?:^|[\\s"'])(?:${e})(?=[\\s"'])`, "g"), A = /<img\b/gi, N = h(S), $ = /\srecommendation-id=/g, C = h("items-block-v2|esd-(?:cart|browsed|purchased)-items-block"), O = "esd-timer-id", f = {
+  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 c = null;
+const d = (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;
+}, k = (e) => new TextEncoder().encode(e).length, I = (e) => {
+  if (!e)
+    return f;
+  try {
+    const { html: t, css: r, forceRecreate: o } = e;
+    return {
+      html_bytes: k(t),
+      css_bytes: k(r),
+      image_count: _(t, A),
+      synced_module_count: _(t, N),
+      recommendation_block_count: _(t, $),
+      items_block_count: _(t, C),
+      has_timers: t.includes(O),
+      force_recreate: o
+    };
+  } catch (t) {
+    return console.debug("guido:open: template weight failed", t), f;
+  }
+}, T = () => {
+  d(() => {
+    P.forEach((e) => performance.clearMarks(`${s}${e}`)), [...p.map(([e]) => e), b].forEach((e) => performance.clearMeasures(`${s}${e}`));
+  });
+}, v = (e) => {
+  const t = {
+    marks: {},
+    context: null,
+    template: null,
+    scriptPreloaded: 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 === c && d(() => performance.mark(`${s}${t}`, { startTime: r }));
+}, u = (e) => {
+  e.finished = !0, document.removeEventListener("visibilitychange", e.onVisibilityChange);
+}, L = (e, t) => {
+  const { marks: r } = e, o = p.map(([n, a, i]) => [n, r[a], r[i]]);
+  o.push([b, r.setup, t]), o.forEach(([n, a, i]) => {
+    a !== void 0 && i !== void 0 && d(() => performance.measure(`${s}${n}`, { start: a, end: i }));
+  });
+}, B = (e, t, r) => {
+  const { marks: o, context: n } = e, a = Object.fromEntries(
+    p.map(([i, M, R]) => [`${i}_ms`, y(o[M], o[R])])
+  );
+  return {
+    outcome: t,
+    open_ms: y(o.setup, r),
+    ...a,
+    script_preloaded: e.scriptPreloaded,
+    ...I(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: g.version,
+    stripo_version: g.guido.stripo.version,
+    was_backgrounded: e.wasBackgrounded
+  };
+}, m = (e, t) => {
+  d(() => {
+    const r = e.marks.ready ?? performance.now(), o = B(e, t, r);
+    e.template = null, e === c && L(e, r), console.debug("guido:open", o), d(() => {
+      var n, a;
+      return (a = (n = E()) == null ? void 0 : n.addAction) == null ? void 0 : a.call(n, "guido_editor_open", o);
+    });
+  });
+}, w = (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), d(() => {
+      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 === c && (T(), c = null);
+  }
+}), U = () => {
+  const e = v(!1);
+  return T(), c = e, document.addEventListener("visibilitychange", e.onVisibilityChange), l(e, "setup"), w(e);
+}, V = () => w(c ?? v(!0));
+export {
+  U as startEditorOpenMetrics,
+  V as useEditorOpenMetrics
+};