@useinsider/guido 3.20.1-beta.6344e9a → 3.20.1-beta.68ebd35

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"
+  "1b5c844a"
 );
-const c = n.exports;
+const v = n.exports;
 export {
-  c as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,4 +1,4 @@
-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 { 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";
@@ -7,8 +7,8 @@ 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 { 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 { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import ve from "./organisms/AutoSaveController.vue.js";
@@ -16,28 +16,28 @@ 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 Ce from "./organisms/LoadingWrapper.vue.js";
-import De from "./organisms/save-as-template/SaveAsTemplateDrawer.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 Te from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as Fe } from "../services/stripoApi.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 Re } from "../stores/dynamic-content.js";
+import { useDynamicContentStore as Te } 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 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 { 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({
   __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(H, { expose: q, emit: r }) {
+    const s = H, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), j = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
@@ -45,22 +45,15 @@ const lt = /* @__PURE__ */ ie({
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
     ), Q = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), C = V(), X = m(
+    ), X = 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 = 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;
-      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();
     const g = () => {
@@ -70,12 +63,12 @@ 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) || $.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
       };
-    }, { initPlugin: F, preloadRuntime: M } = ye(), { runExclusive: R, beginMount: I, isCurrentMount: S } = me();
+    }, { initPlugin: R, preloadRuntime: M } = ye(), { runExclusive: T, beginMount: I, isCurrentMount: S } = me();
     let u = 0;
-    const { getDefaultTemplate: L } = Fe(), { cloneTimersOnSave: A, hasTimerBlocks: O } = ge(), te = p(() => {
+    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(
@@ -96,19 +89,19 @@ const lt = /* @__PURE__ */ ie({
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const U = (t) => {
+    const B = (t) => {
       console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
     }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    H(() => l.value, () => {
+    G(() => 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);
@@ -116,52 +109,52 @@ const lt = /* @__PURE__ */ ie({
     }, 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) || "", 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,
           campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
         };
         let n = {
-          html: i && await W(i, P, x),
+          html: a && await V(a, _, x),
           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)));
-        const se = {
-          preselectedDynamicContentList: B,
+        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)));
+        const ae = {
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        u = I(), await F(n, g(), se), y.selectedDynamicContentList = B;
+        u = I(), await R(n, g(), ae), y.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return ae(async () => {
+    return ie(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(), Ue().$reset(), Le().$reset(), 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)), M(), s.ready)
         await h();
       else {
-        const i = H(() => a.ready, (d) => {
-          d && (i(), h());
+        const a = G(() => 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))
+      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 () => {
+      T(async () => {
         if (S(u))
           try {
             window.UIEditor.removeEditor();
@@ -171,13 +164,13 @@ const lt = /* @__PURE__ */ ie({
       }), o.reset();
     }), q({
       dynamicContent: {
-        insert: U,
+        insert: B,
         close: N
       },
       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 };
+      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 };
   }
 });
 export {

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

@@ -1,24 +1,14 @@
-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 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({
   __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(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 };
   }
 });
 export {
-  b as default
+  v 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,
+}, c = [], p = /* @__PURE__ */ d(
   l,
+  u,
+  c,
   !1,
   null,
-  "f36a9d0c"
+  "2cccbd44"
 );
-const p = c.exports;
+const v = p.exports;
 export {
-  p as default
+  v as default
 };

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

@@ -1,68 +1,83 @@
-import { defineComponent as F, computed as x, ref as A } from "vue";
-import { useActionsApi as H } from "../../../composables/useActionsApi.js";
-import { useConfig as O } from "../../../composables/useConfig.js";
-import { useTestEmailClick as R } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as B } from "../../../composables/useHtmlCompiler.js";
-import { useSave as z } from "../../../composables/useSave.js";
-import { useSaveValidation as D } from "../../../composables/useSaveValidation.js";
-import { useSaveValidationRollout as I } from "../../../composables/useSaveValidationRollout.js";
-import { useToaster as W } from "../../../composables/useToaster.js";
-import { useTranslations as j } from "../../../composables/useTranslations.js";
-import { useLiquidValidator as G } from "../../../composables/validators/useLiquidValidator.js";
-import { ToasterTypeOptions as J } from "../../../enums/toaster.js";
-import { useAutosaveStore as K } from "../../../stores/autosave.js";
-import { useConfigStore as N } from "../../../stores/config.js";
-import { useEditorStore as P } from "../../../stores/editor.js";
-import { useSaveValidationStore as Q } from "../../../stores/save-validation.js";
-import { useTemplateStore as U } from "../../../stores/template.js";
-import { getTooltipOptions as X } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as Y } from "@useinsider/design-system-vue";
-import { storeToRefs as Z } from "pinia";
-import $ from "./EditorActionsMenu.vue.js";
-import tt from "./MigrationConfirmModal.vue.js";
-const Vt = /* @__PURE__ */ F({
+import { defineComponent as I, computed as c, ref as u } from "vue";
+import { useActionsApi as P } from "../../../composables/useActionsApi.js";
+import { useConfig as W } from "../../../composables/useConfig.js";
+import { useExport as j } from "../../../composables/useExport.js";
+import { useTestEmailClick as G } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as J } from "../../../composables/useHtmlCompiler.js";
+import { useSave as K } from "../../../composables/useSave.js";
+import { useSaveValidation as N } from "../../../composables/useSaveValidation.js";
+import { useSaveValidationRollout as Q } from "../../../composables/useSaveValidationRollout.js";
+import { useToaster as U } from "../../../composables/useToaster.js";
+import { useTranslations as X } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as Y } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as Z } from "../../../composables/validators/useLiquidValidator.js";
+import { ToasterTypeOptions as $ } from "../../../enums/toaster.js";
+import { useConfigStore as tt } from "../../../stores/config.js";
+import { useEditorStore as ot } from "../../../stores/editor.js";
+import { useSaveValidationStore as et } from "../../../stores/save-validation.js";
+import { useTemplateStore as rt } from "../../../stores/template.js";
+import { getTooltipOptions as it } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as st } from "@useinsider/design-system-vue";
+import { storeToRefs as at } from "pinia";
+import nt from "./MigrationConfirmModal.vue.js";
+const bt = /* @__PURE__ */ I({
   __name: "EditorActions",
-  setup(ot, { expose: L }) {
-    const { config: M, isFeatureEnabled: r } = O(), { save: u } = z(), { validateCurrentTemplate: c } = D(), { isEnabled: i } = I(), { showToaster: f, handleError: s } = W(), { getCompiledEmail: d } = H(), { compileHtml: p } = B(), { validateLiquidSyntax: v } = G(), S = N(), e = P(), g = Q(), h = U(), y = K(), { hasMigrations: T } = Z(h), b = x(() => r("liquidSyntax") || r("autosave") && y.hasStatusLabel), a = j(), k = x(() => i.value && S.allowSaveWithErrors ? a("email-editor.save-and-continue") : "Save"), n = A(!1), E = A(), l = R(), w = async (t) => {
-      n.value = !0, t || (e.loadingStatus = !0);
-      let o;
+  setup(lt, { expose: k }) {
+    const { config: p, isFeatureEnabled: f } = W(), { exportHtml: d } = j(), { save: v } = K(), { validateCurrentTemplate: y } = N(), { isEnabled: i } = Q(), { showToaster: S, handleError: s } = U(), { openVersionHistory: g, closeVersionHistory: h } = Y(), { getCompiledEmail: T } = P(), { compileHtml: w } = J(), { validateLiquidSyntax: E } = Z(), V = tt(), o = ot(), H = et(), x = rt(), { hasMigrations: C } = at(x), r = X(), F = c(() => i.value && V.allowSaveWithErrors ? r("email-editor.save-and-continue") : "Save"), a = u(!1), n = u(!1), _ = u(), l = G(), q = () => {
+      if (o.isVersionHistoryOpen) {
+        h();
+        return;
+      }
+      g();
+    }, B = async () => {
+      a.value = !0, await d(), a.value = !1;
+    }, L = () => {
+      o.isSaveAsTemplateDrawerOpen = !0;
+    }, R = c(() => o.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), D = c(
+      () => {
+        var t, e;
+        return ((e = (t = p.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
+      }
+    ), A = async (t) => {
+      n.value = !0, t || (o.loadingStatus = !0);
+      let e;
       try {
-        o = await u(t);
-      } catch (_) {
-        s(_, "Failed to save template");
+        e = await v(t);
+      } catch (b) {
+        s(b, "Failed to save template");
       } finally {
-        n.value = !1, !t && !o && (e.loadingStatus = !1);
+        n.value = !1, !t && !e && (o.loadingStatus = !1);
       }
-      return o;
-    }, C = (t) => {
-      var o;
-      if (!t && T.value) {
-        (o = E.value) == null || o.open();
+      return e;
+    }, O = (t) => {
+      var e;
+      if (!t && C.value) {
+        (e = _.value) == null || e.open();
         return;
       }
-      return w(t);
+      return A(t);
     }, m = async () => {
-      e.loadingStatus = !0;
+      o.loadingStatus = !0;
       try {
-        return await c();
+        return await y();
       } catch (t) {
         return console.warn("Test-path validation failed; sending without the drawer.", t), [];
       } finally {
-        e.loadingStatus = !1;
+        o.loadingStatus = !1;
       }
-    }, V = async () => {
+    }, M = async () => {
       const t = await m();
-      t.length && g.open(t, "test");
-    }, q = async () => {
+      t.length && H.open(t, "test");
+    }, z = async () => {
       if (i.value) {
         if ((await m()).length) {
-          f({
-            type: J.Error,
-            message: a("email-editor.validation-errors-found"),
+          S({
+            type: $.Error,
+            message: r("email-editor.validation-errors-found"),
             actionButton: {
-              text: a("email-editor.check-errors"),
+              text: r("email-editor.check-errors"),
               onClick: () => {
-                V();
+                M();
               }
             },
             autoHide: !1
@@ -72,26 +87,26 @@ const Vt = /* @__PURE__ */ F({
         l();
         return;
       }
-      if (r("liquidSyntax")) {
-        e.loadingStatus = !0;
+      if (f("liquidSyntax")) {
+        o.loadingStatus = !0;
         try {
-          const { html: t } = await d({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = p(t);
-          if (!await v(o))
+          const { html: t } = await T({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: e } = w(t);
+          if (!await E(e))
             return;
         } catch (t) {
           s(t, "Failed to prepare test email");
           return;
         } finally {
-          e.loadingStatus = !1;
+          o.loadingStatus = !1;
         }
       }
       l();
     };
-    return L({
-      handleSave: C
-    }), { __sfc: !0, config: M, isFeatureEnabled: r, save: u, validateCurrentTemplate: c, isEnabled: i, showToaster: f, handleError: s, getCompiledEmail: d, compileHtml: p, validateLiquidSyntax: v, configStore: S, editorStore: e, saveValidationStore: g, templateStore: h, autosaveStore: y, hasMigrations: T, hasContentOnTheLeft: b, trans: a, saveLabel: k, isSaving: n, migrationModalRef: E, testEmailClick: l, executeSave: w, handleSave: C, collectTestErrors: m, openTestErrors: V, handleTestEmail: q, getTooltipOptions: X, InButtonV2: Y, EditorActionsMenu: $, MigrationConfirmModal: tt };
+    return k({
+      handleSave: O
+    }), { __sfc: !0, config: p, isFeatureEnabled: f, exportHtml: d, save: v, validateCurrentTemplate: y, isEnabled: i, showToaster: S, handleError: s, openVersionHistory: g, closeVersionHistory: h, getCompiledEmail: T, compileHtml: w, validateLiquidSyntax: E, configStore: V, editorStore: o, saveValidationStore: H, templateStore: x, hasMigrations: C, trans: r, saveLabel: F, isExporting: a, isSaving: n, migrationModalRef: _, testEmailClick: l, handleVersionHistory: q, handleExport: B, handleSaveAs: L, versionHistoryTooltipText: R, isVersionHistoryButtonVisible: D, executeSave: A, handleSave: O, collectTestErrors: m, openTestErrors: M, handleTestEmail: z, getTooltipOptions: it, InButtonV2: st, MigrationConfirmModal: nt };
   }
 });
 export {
-  Vt as default
+  bt as default
 };