@useinsider/guido 3.20.1-beta.24b6c72 → 3.20.1-beta.49b58ed

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

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,7 +12,7 @@ var t = function() {
   s,
   !1,
   null,
-  "1b5c844a"
+  "40eca1bd"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -1,14 +1,24 @@
-import { defineComponent as r } from "vue";
-import { useAutoSave as s } from "../../composables/useAutoSave.js";
-import { useSave as n } from "../../composables/useSave.js";
-import { useSaveValidationRollout as u } from "../../composables/useSaveValidationRollout.js";
-const v = /* @__PURE__ */ r({
+import { defineComponent as i } from "vue";
+import { useAutoSave as l } from "../../composables/useAutoSave.js";
+import { useSave as m } from "../../composables/useSave.js";
+import { useSaveValidationRollout as c } from "../../composables/useSaveValidationRollout.js";
+import { useToaster as p } from "../../composables/useToaster.js";
+const b = /* @__PURE__ */ i({
   __name: "AutoSaveController",
-  setup(m) {
-    const { save: e, saveRawOnly: o } = n(), { isEnabled: t } = u(), a = () => t.value ? o() : e(!1, !0);
-    return s(a), { __sfc: !0, save: e, saveRawOnly: o, isEnabled: t, backgroundSave: a };
+  setup(v, { expose: n }) {
+    const { save: e, saveRawOnly: t } = m(), { isEnabled: o } = c(), { handleError: r } = p(), a = () => o.value ? t() : e(!1, !0);
+    l(a);
+    const s = async () => {
+      try {
+        return await e(!0);
+      } catch (u) {
+        r(u, "Failed to save template");
+        return;
+      }
+    };
+    return n({ saveSilent: s }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: o, handleError: r, backgroundSave: a, saveSilent: s };
   }
 });
 export {
-  v as default
+  b 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);
-}, c = [], p = /* @__PURE__ */ d(
+}, l = [], c = /* @__PURE__ */ r(
+  a,
+  d,
   l,
-  u,
-  c,
   !1,
   null,
-  "2cccbd44"
+  "f36a9d0c"
 );
-const v = p.exports;
+const p = c.exports;
 export {
-  v as default
+  p as default
 };