@useinsider/guido 3.21.2-beta.b6f3ef8 → 3.21.2-beta.eea8885

package/README.md

@@ -582,9 +582,9 @@ import '@useinsider/guido/style';
 
 ### Subpath entries
 
-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:
+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:
 
 ```typescript
 // Live editor state, published by the editor into the host's shared Pinia instance.
@@ -595,41 +595,11 @@ 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';
 ```
 
-All three are re-exported from the root barrel as well; the subpath is what keeps the
+Both 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 = [], d = /* @__PURE__ */ i(
+}, s = [], n = /* @__PURE__ */ i(
   o,
   t,
   s,
   !1,
   null,
-  "1a3ddd48"
+  "c5146fc5"
 );
-const v = d.exports;
+const v = n.exports;
 export {
   v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,189 +1,179 @@
-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({
+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({
   __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(z, { expose: q, emit: n }) {
-    const s = z, a = fe(), K = l(
+  setup(q, { expose: K, emit: r }) {
+    const s = q, j = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), j = l(
+    ), J = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), J = l(
+    ), Q = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), Q = l(
+    ), X = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), X = l(
+    ), Y = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), k = W(), y = W(), g = Be(), C = We(), o = Ae();
+    ), w = W(), f = W(), y = Ue(), D = Pe(), o = Ie();
     s.ready && o.init(s.config);
-    const d = w(), Y = Oe(), u = f(() => d.hasChanges), { isTestPartner: Z } = ve(), { isEnabled: ee, loadRollout: D } = Se(), I = () => {
+    const c = E(), Z = Ae(), l = p(() => c.hasChanges), { isTestPartner: ee } = fe(), { isEnabled: te, loadRollout: C } = ye(), k = () => {
       var t;
-      return (t = k.value) == null ? void 0 : t.handleSave(!0);
-    }, F = (t) => {
-      d.loadingStatus = t;
+      return (t = w.value) == null ? void 0 : t.handleSave(!0);
+    }, R = (t) => {
+      c.loadingStatus = t;
     };
-    ue(), ge();
-    const v = () => {
+    me(), pe();
+    const g = () => {
       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) || H.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || $.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
       };
-    }, { 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(() => {
+    }, { 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(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), oe = f(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = f(
-      () => !!V().recommendationConfigs.strategyId
+    }), ne = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = p(
+      () => !!z().recommendationConfigs.strategyId
     );
-    ye({
+    ue({
       onBack: () => {
-        console.debug("guido:back"), n("back");
+        console.debug("guido:back"), r("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), n("save:start");
+        console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: v() };
-        console.debug("guido:save:complete", e), n("save:complete", e);
+        const e = { ...t, metadata: g() };
+        console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), n("test-email:click");
+        console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
-      console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, B = () => {
+    const B = (t) => {
+      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    G(() => u.value, () => {
-      n("on-change", u.value);
+    G(() => l.value, () => {
+      r("on-change", l.value);
     });
-    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);
+    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);
     };
-    let c = null;
-    const h = () => {
+    let i = null;
+    const b = () => {
       var e;
-      const t = document.querySelector(we);
-      (e = y.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
-    }, E = async () => {
+      const t = document.querySelector(ve);
+      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+    }, h = async () => {
       var t;
-      a.mark("host_ready");
       try {
-        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 = {
+        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 = {
           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
         };
-        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)));
+        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)));
         const se = {
-          preselectedDynamicContentList: O,
+          preselectedDynamicContentList: P,
           onReady: () => {
-            console.debug("guido:ready"), n("ready");
+            console.debug("guido:ready"), r("ready");
           }
         };
-        p = L(), await M(r, v(), se), g.selectedDynamicContentList = O;
+        u = T(), await F(n, g(), se), y.selectedDynamicContentList = P;
       } catch (e) {
-        console.error("Failed to initialize Stripo editor:", e), a.markFailed();
+        console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return me(async () => {
+    return ce(async () => {
       var e;
-      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();
+      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();
       else {
-        const i = G(() => s.ready, (m) => {
-          m && (i(), E());
+        const a = G(() => s.ready, (d) => {
+          d && (a(), h());
         });
       }
-      document.addEventListener("dynamic-content:open", b);
-    }), le(() => {
-      if (Ce(), ke(), a.dispose(), c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", b), S(p))
+      document.addEventListener("dynamic-content:open", v);
+    }), de(() => {
+      if (he(), be(), i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), S(u))
         try {
-          w().isStripoInitialized = !1;
+          E().isStripoInitialized = !1;
         } catch (t) {
           console.debug("Failed to close the editor readiness gate on unmount", t);
         }
-      T(async () => {
-        if (S(p))
+      M(async () => {
+        if (S(u))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), q({
+    }), K({
       dynamicContent: {
-        insert: A,
-        close: B
+        insert: B,
+        close: N
       },
-      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 };
+      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 };
   }
 });
 export {
-  ht as default
+  yt as default
 };

package/dist/composables/useStripo.js

@@ -1,55 +1,44 @@
-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) => {
+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;
     if (document.getElementById("UiEditorScript")) {
-      s();
+      r();
       return;
     }
-    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(
+    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(
       document.querySelector("#guido-editor"),
       {
-        metadata: a,
-        html: c,
-        css: S,
-        forceRecreate: h,
+        metadata: s,
+        html: d,
+        css: P,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -59,12 +48,12 @@ const be = () => {
         customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: Z,
-        conditionsEnabled: E,
-        customConditionsEnabled: E,
+        customViewStyles: Q,
+        conditionsEnabled: S,
+        customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: O,
-        syncModulesEnabled: t,
+        modulesDisabled: U,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -75,55 +64,54 @@ const be = () => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
-        ...y ? { baseBlocks: y } : {},
+        ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: a
         },
         mergeTags: [
           {
-            entries: ee(
-              i.preselectedDynamicContentList,
-              te((b = m.value) == null ? void 0 : b.dynamicContentList),
+            entries: W(
+              o.preselectedDynamicContentList,
+              Y((C = u.value) == null ? void 0 : C.dynamicContentList),
               p("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(r) {
+        async onTokenRefreshRequest(t) {
           try {
-            e.mark("token_start");
-            const l = await F();
-            e.mark("token_end"), r(l);
+            const l = await B();
+            t(l);
           } catch (l) {
-            f(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            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");
+            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");
           }
         },
-        onCodeEditorVisibilityChanged(r) {
-          o.isCodeEditorOpen = r;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(r) {
-          o.editorVisualMode = r.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(r) {
-          o.isVersionHistoryOpen = r;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          o.hasChanges = !0, o.changeSeq += 1;
+          e.hasChanges = !0, e.changeSeq += 1;
         },
-        onEvent: R,
-        onModuleAdd: U,
-        notifications: D(),
+        onEvent: F,
+        onModuleAdd: A,
+        notifications: _(),
         // 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: [
@@ -133,35 +121,35 @@ const be = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: L,
-        localePatch: Q
+        extensions: R,
+        localePatch: J
       }
     );
   };
-  return { initPlugin: async (s, a, i) => {
-    const n = M();
+  return { initPlugin: async (r, s, o) => {
+    const a = k();
     try {
-      e.mark("plugin_start"), e.setScriptPreloaded(v), await g(), e.mark("script_ready");
-      const [t, o] = await Promise.all([
-        A(),
-        P()
+      await f();
+      const [i, e] = await Promise.all([
+        M(),
+        T()
       ]);
-      e.mark("fonts_sync_ready"), n.syncModulesEnabled = o, await I(s, a, i, t, o);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      n.loadingStatus = !1, T({
-        type: W.Error,
-        message: B["An error has occurred. Please report the error code to support."],
+      a.loadingStatus = !1, v({
+        type: X.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: () => {
-    g().catch(() => {
+    f().catch(() => {
     });
   } };
 };
 export {
-  be as useStripo
+  he as useStripo
 };