@useinsider/guido 3.16.0-beta.20cd2fe → 3.16.0-beta.8645953

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

@@ -1,11 +1,11 @@
-import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as l, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as k, boolean as o, array as c, transform as C, record as y, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
   /** Transactional/system emails */
   TRANSACTIONAL: 2
-}, i = {
+}, l = {
   /** Standard email campaigns */
   EMAIL: 60,
   /** Architect journey builder */
@@ -38,16 +38,16 @@ const p = {
   ),
   /** Product type identifier */
   productType: e(
-    l([
-      i.EMAIL,
-      i.ARCHITECT,
-      i.UNSUBSCRIBE_PAGES
+    i([
+      l.EMAIL,
+      l.ARCHITECT,
+      l.UNSUBSCRIBE_PAGES
     ]),
-    i.EMAIL
+    l.EMAIL
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    l([p.PROMOTIONAL, p.TRANSACTIONAL]),
+    i([p.PROMOTIONAL, p.TRANSACTIONAL]),
     p.PROMOTIONAL
   ),
   /** Display name for the current user */
@@ -68,17 +68,17 @@ const p = {
       value: t()
     })
   )
-}), f = I(() => g({
+}), S = I(() => g({
   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))
-})), N = k(
+  select_items: e(c(S))
+})), N = y(
   t(),
-  R(c(f), [])
+  R(c(S), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
@@ -132,7 +132,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), P),
+    y(t(), P),
     {}
   )
 }), x = a({
@@ -189,9 +189,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),
@@ -216,13 +216,11 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
-  /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-  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) */
   linkTrackingIds: e(o(), !1)
-}), B = l([
+}), B = i([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -236,7 +234,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = l([
+]), w = i([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -289,7 +287,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: k(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -309,7 +307,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    k(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
@@ -345,7 +343,7 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  f as DynamicContentNodeSchema,
+  S as DynamicContentNodeSchema,
   E as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,
@@ -356,7 +354,7 @@ export {
   P as LegacyRecommendationConfigSchema,
   p as MessageType,
   M as PartnerSchema,
-  i as ProductType,
+  l as ProductType,
   j as RegexRuleSchema,
   q as RemoveRuleSchema,
   _ as ReplaceRuleSchema,

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import i from "./Guido.vue2.js";
+import a from "./Guido.vue2.js";
 /* empty css           */
-import a from "../_virtual/_plugin-vue2_normalizer.js";
+import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._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) : o._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.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  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) : o._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.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : o._e(), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, n = [], s = /* @__PURE__ */ a(
-  i,
+}, n = [], d = /* @__PURE__ */ i(
+  a,
   t,
   n,
   !1,
   null,
-  "b0d3b445"
+  "f02fdde0"
 );
-const l = s.exports;
+const c = d.exports;
 export {
-  l as default
+  c as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,13 +1,14 @@
-import { defineComponent as t } from "vue";
-import { useAutoSave as r } from "../../composables/useAutoSave.js";
-import { useSave as s } from "../../composables/useSave.js";
-const f = /* @__PURE__ */ t({
+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(a) {
-    const { save: e } = s(), o = () => e(!1, !0);
-    return r(o), { __sfc: !0, save: e, backgroundSave: o };
+  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 {
-  f 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,21 +1,21 @@
-import r from "./EditorActions.vue2.js";
+import l from "./EditorActions.vue2.js";
 /* empty css                   */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var i, s;
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "d-f a-i-c editor-actions" }, [(s = (i = t.config) == null ? void 0 : i.features) != null && s.testMessage && !t.editorStore.isPreviewModeOpen ? o(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 } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "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);
-  } } }), o(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, d = [], c = /* @__PURE__ */ a(
-  r,
+}, p = [], c = /* @__PURE__ */ d(
   l,
-  d,
+  u,
+  p,
   !1,
   null,
-  "d51fb931"
+  "44d8e7c8"
 );
 const v = c.exports;
 export {