@useinsider/guido 3.20.1-beta.c235b0d → 3.20.1-beta.ed186ad

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
-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";
+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";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -76,17 +76,17 @@ const p = {
       value: t()
     })
   )
-}), f = I(() => C({
+}), S = T(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(f)),
+  children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(f))
+  select_items: e(c(S))
 })), N = g(
   t(),
-  R(c(f), [])
+  R(c(S), [])
 ), 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(), S.SAVED_MODULES),
+  savedModulesFolderName: e(t(), f.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -237,7 +237,6 @@ 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) */
@@ -316,7 +315,7 @@ const p = {
     (n) => typeof n == "function",
     "processor must be a function"
   )
-}), V = T("type", [
+}), V = I("type", [
   H,
   _,
   q,
@@ -368,7 +367,7 @@ export {
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  f as DynamicContentNodeSchema,
+  S 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), 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 r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], n = /* @__PURE__ */ i(
@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "6a54dbe6"
+  "d0a8825a"
 );
-const c = n.exports;
+const v = n.exports;
 export {
-  c as default
+  v as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,24 +1,15 @@
-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({
+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({
   __name: "AutoSaveController",
-  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 };
+  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 };
   }
 });
 export {
-  b as default
+  d as default
 };

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

@@ -0,0 +1,22 @@
+import o from "./AutoSaveToggle.vue2.js";
+/* empty css                    */
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var e = this, a = e._self._c, t = e._self._setupProxy;
+  return t.isFeatureEnabled("autosave") ? a("div", { staticClass: "d-f a-i-c mr-3 auto-save-toggle", on: { mouseenter: function(s) {
+    t.isHovered = !0;
+  }, mouseleave: function(s) {
+    t.isHovered = !1;
+  } } }, [a(t.InToggle, { attrs: { id: "guido__autosave-toggle", name: "guido-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggle } }), a("span", { staticClass: "ml-2 auto-save-toggle__label t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.auto-save")) + " ")]), t.autosaveStore.status === t.AUTOSAVE_STATUS.SAVING ? a("span", { staticClass: "ml-2 d-f a-i-c f-s-1" }, [a(t.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), a("span", { staticClass: "ml-1 t-c-53" }, [e._v(" " + e._s(t.trans("newsletter.saving")) + " ")])], 1) : t.lastSavedLabel ? a("span", { staticClass: "ml-2 f-s-1 t-c-53" }, [e._v(" " + e._s(t.lastSavedLabel) + " ")]) : e._e(), t.isHovered ? a(t.InInfoBox, { staticClass: "auto-save-toggle__info-box", attrs: { id: "guido__autosave-info-box", size: "small", variant: "information", "description-text": t.trans("email-editor.auto-save-description"), "title-text": t.trans("email-editor.auto-save-title") } }) : e._e()], 1) : e._e();
+}, l = [], r = /* @__PURE__ */ i(
+  o,
+  n,
+  l,
+  !1,
+  null,
+  "2c964af4"
+);
+const d = r.exports;
+export {
+  d as default
+};

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

@@ -0,0 +1,19 @@
+import { defineComponent as i, ref as f, computed as u } from "vue";
+import { useConfig as l } from "../../../composables/useConfig.js";
+import { useTranslations as p } from "../../../composables/useTranslations.js";
+import { useAutosaveStore as c, AUTOSAVE_STATUS as t } from "../../../stores/autosave.js";
+import { useEditorStore as S } from "../../../stores/editor.js";
+import { formatLocalTime as d } from "../../../utils/timeUtil.js";
+import { InToggle as g, InLoading as _, InInfoBox as A } from "@useinsider/design-system-vue";
+const U = /* @__PURE__ */ i({
+  __name: "AutoSaveToggle",
+  setup(v) {
+    const { isFeatureEnabled: e } = l(), r = S(), o = c(), s = p(), n = f(!1), a = u(() => o.status !== t.SAVED || !o.lastSavedAt ? "" : d(o.lastSavedAt));
+    return { __sfc: !0, isFeatureEnabled: e, editorStore: r, autosaveStore: o, trans: s, isHovered: n, lastSavedLabel: a, toggle: (m) => {
+      o.isOn = m;
+    }, AUTOSAVE_STATUS: t, InInfoBox: A, InLoading: _, InToggle: g };
+  }
+});
+export {
+  U as default
+};

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

@@ -1,23 +1,23 @@
-import a from "./EditorActions.vue2.js";
+import l from "./EditorActions.vue2.js";
 /* empty css                   */
-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) {
+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) {
     return t.handleSave(!1);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, l = [], c = /* @__PURE__ */ r(
-  a,
-  d,
+}, p = [], c = /* @__PURE__ */ d(
   l,
+  u,
+  p,
   !1,
   null,
-  "f36a9d0c"
+  "baf7a5dd"
 );
-const p = c.exports;
+const v = c.exports;
 export {
-  p as default
+  v as default
 };