@useinsider/guido 3.22.0-beta.07e62e8 → 3.22.0-beta.0af1132

package/README.md

@@ -166,6 +166,7 @@ const config: GuidoConfigInput = {
     allowlistEnabled?: boolean,   // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
     allowSaveWithErrors?: boolean, // Default: true - Allow the validation drawer's "Save and Continue" soft-save. Set false to hard-block invalid saves (transactional + unsubscribe pages).
     reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
+    accessibilityTesting?: boolean, // Default: false - Show the Accessibility Test entry in the header kebab menu (Stripo's checker: contrast, image alternatives, colour-vision simulation) and the tab-bar onboarding tour that points at it.
   },
 
   // Optional: Callbacks
@@ -582,9 +583,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 +596,42 @@ 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 the browser does not support `rel="prefetch"`
+  (Safari by default), 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/@types/config/schemas.js

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as I, union as h, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as T, union as h, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -76,17 +76,17 @@ const p = {
       value: t()
     })
   )
-}), S = T(() => C({
+}), f = I(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
+  select_items: e(c(f))
 })), N = g(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
@@ -210,9 +210,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -237,6 +237,7 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
+  accessibilityTesting: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
@@ -315,7 +316,7 @@ const p = {
     (n) => typeof n == "function",
     "processor must be a function"
   )
-}), V = I("type", [
+}), V = T("type", [
   H,
   _,
   q,
@@ -367,7 +368,7 @@ export {
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   M as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import o from "./Guido.vue2.js";
 import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var a = this, r = a._self._c, e = a._self._setupProxy;
-  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 r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), 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(
@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "c5146fc5"
+  "8422eef8"
 );
-const v = n.exports;
+const c = n.exports;
 export {
-  v as default
+  c as default
 };

package/dist/components/Guido.vue2.js

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

package/dist/components/organisms/AutoSaveController.vue2.js

@@ -1,15 +1,25 @@
-import { defineComponent as n } from "vue";
-import { useAutoSave as u } from "../../composables/useAutoSave.js";
-import { useSave as i } from "../../composables/useSave.js";
-import { useSaveValidationRollout as l } from "../../composables/useSaveValidationRollout.js";
-import { useConfigStore as m } from "../../stores/config.js";
-const d = /* @__PURE__ */ n({
+import { defineComponent as c } from "vue";
+import { useAutoSave as m } from "../../composables/useAutoSave.js";
+import { useSave as f } from "../../composables/useSave.js";
+import { useSaveValidationRollout as v } from "../../composables/useSaveValidationRollout.js";
+import { useToaster as p } from "../../composables/useToaster.js";
+import { useConfigStore as S } from "../../stores/config.js";
+const A = /* @__PURE__ */ c({
   __name: "AutoSaveController",
-  setup(f) {
-    const { save: e, saveRawOnly: t } = i(), { isEnabled: r } = l(), a = m(), o = () => r.value && a.allowSaveWithErrors, s = () => o() ? t() : e(!1, !0);
-    return u(s, { clearsChanges: () => !o() }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: r, configStore: a, isRawAutosave: o, backgroundSave: s };
+  setup(d, { expose: u }) {
+    const { save: e, saveRawOnly: t } = f(), { isEnabled: r } = v(), { handleError: a } = p(), s = S(), o = () => r.value && s.allowSaveWithErrors, n = () => o() ? t() : e(!1, !0);
+    m(n, { clearsChanges: () => !o() });
+    const i = async () => {
+      try {
+        return await e(!0);
+      } catch (l) {
+        a(l, "Failed to save template");
+        return;
+      }
+    };
+    return u({ saveSilent: i }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: r, handleError: a, configStore: s, isRawAutosave: o, backgroundSave: n, saveSilent: i };
   }
 });
 export {
-  d as default
+  A as default
 };

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

@@ -0,0 +1,17 @@
+import t from "./AutoSaveStatus.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var _ = function() {
+  var s = this, e = s._self._c, a = s._self._setupProxy;
+  return a.isFeatureEnabled("autosave") ? e("div", { staticClass: "d-f a-i-c auto-save-status" }, [a.autosaveStore.status === a.AUTOSAVE_STATUS.SAVING ? e("span", { staticClass: "d-f a-i-c f-s-1" }, [e(a.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), e("span", { staticClass: "ml-1 t-c-53" }, [s._v(s._s(a.trans("newsletter.saving")))])], 1) : a.savedLabel ? e("span", { staticClass: "f-s-1 t-c-53" }, [s._v(s._s(a.savedLabel.before)), a.savedLabel.word ? e("span", { staticClass: "f-w-600" }, [s._v(s._s(a.savedLabel.word))]) : s._e(), s._v(s._s(a.savedLabel.after))]) : s._e()]) : s._e();
+}, n = [], o = /* @__PURE__ */ r(
+  t,
+  _,
+  n,
+  !1,
+  null,
+  null
+);
+const v = o.exports;
+export {
+  v as default
+};

package/dist/components/organisms/header/AutoSaveStatus.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as p, computed as S } from "vue";
+import { useConfig as A } from "../../../composables/useConfig.js";
+import { useTranslations as T } from "../../../composables/useTranslations.js";
+import { useAutosaveStore as v, AUTOSAVE_STATUS as m } from "../../../stores/autosave.js";
+import { autoSaveTimestamp as b } from "../../../utils/timeUtil.js";
+import { InLoading as D } from "@useinsider/design-system-vue";
+const j = /* @__PURE__ */ p({
+  __name: "AutoSaveStatus",
+  setup(O) {
+    const { isFeatureEnabled: u } = A(), a = v(), n = T(), t = "__BOLD_START__", o = "__BOLD_END__", s = (i) => i.split(t).join("").split(o).join(""), _ = S(() => {
+      if (a.status !== m.SAVED || !a.lastSavedAt)
+        return null;
+      const { isToday: i, time: c, date: f } = b(a.lastSavedAt), l = { boldStart: t, boldEnd: o }, e = i ? n("email-editor.autosaved-at-today", { ...l, time: c }) : n("email-editor.autosaved-at-date", { ...l, date: f }), r = e.indexOf(t), d = e.indexOf(o, r + t.length);
+      return r === -1 || d === -1 ? { before: s(e), word: "", after: "" } : {
+        before: s(e.slice(0, r)),
+        word: s(e.slice(r + t.length, d)),
+        after: s(e.slice(d + o.length))
+      };
+    });
+    return { __sfc: !0, isFeatureEnabled: u, autosaveStore: a, trans: n, BOLD_START: t, BOLD_END: o, stripMarkers: s, savedLabel: _, AUTOSAVE_STATUS: m, InLoading: D };
+  }
+});
+export {
+  j as default
+};

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

@@ -1,23 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import a from "./EditorActions.vue2.js";
 /* empty css                   */
-import d from "../../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
-  var s, i, n, a;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "label-text": t.saveLabel, "loading-status": t.isSaving }, on: { click: function(r) {
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var d = function() {
+  var o, s;
+  var i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c editor-actions" }, [!t.editorStore.isPreviewModeOpen && t.hasContentOnTheLeft ? e("div", { staticClass: "editor-actions__divider" }) : i._e(), (s = (o = t.config) == null ? void 0 : o.features) != null && s.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : i._e(), e(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? i._e() : e("div", { staticClass: "editor-actions__divider" }), t.editorStore.isPreviewModeOpen ? i._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "label-text": t.saveLabel, "loading-status": t.isSaving }, on: { click: function(n) {
     return t.handleSave(!1);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
     return t.executeSave(!1);
   } } })], 1);
-}, p = [], c = /* @__PURE__ */ d(
+}, l = [], c = /* @__PURE__ */ r(
+  a,
+  d,
   l,
-  u,
-  p,
   !1,
   null,
-  "baf7a5dd"
+  "9a028d08"
 );
-const v = c.exports;
+const p = c.exports;
 export {
-  v as default
+  p as default
 };