@useinsider/guido 3.19.0-beta.c604f7d → 3.19.0-beta.c8d2be8

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

@@ -1,11 +1,11 @@
-import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
-import { object as o, number as n, optional as e, string as t, picklist as l, pipe as m, minLength as b, custom as h, boolean as a, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
+import { object as o, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as h, boolean as a, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as I, union as y, unknown as r, lazy as T } 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 */
@@ -46,16 +46,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 */
@@ -76,17 +76,17 @@ const p = {
       value: t()
     })
   )
-}), f = I(() => g({
+}), S = T(() => 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))
+  select_items: e(c(S))
 })), N = k(
   t(),
-  R(c(f), [])
+  R(c(S), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
@@ -197,9 +197,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 = o({
   /** Whether to show the header bar */
   showHeader: e(a(), !0),
@@ -224,13 +224,12 @@ const p = {
   liquidSyntax: e(a(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(a(), !1),
-  accessibilityTesting: e(a(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(a(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
   linkTrackingIds: e(a(), !1),
   reusableRecommendationStrategy: e(a(), !1)
-}), B = l([
+}), B = i([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -244,7 +243,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = l([
+]), w = i([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -301,7 +300,7 @@ const p = {
     (s) => typeof s == "function",
     "processor must be a function"
   )
-}), V = T("type", [
+}), V = I("type", [
   _,
   j,
   q,
@@ -353,7 +352,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,
@@ -364,7 +363,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 o from "./Guido.vue2.js";
 /* empty css           */
-import t from "../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
+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.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.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.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.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__ */ t(
+}, s = [], n = /* @__PURE__ */ i(
   o,
-  i,
+  t,
   s,
   !1,
   null,
-  "b5af7c3e"
+  "36867e2e"
 );
-const v = n.exports;
+const g = n.exports;
 export {
-  v as default
+  g as default
 };

package/dist/components/Guido.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as re, defineAsyncComponent as m, ref as _, computed as u, watch as x, onMounted as se, onUnmounted as ie } from "vue";
-import { useCortexBlueprintBridge as ae } from "../composables/useCortexBlueprintBridge.js";
+import { defineComponent as re, defineAsyncComponent as m, ref as O, computed as u, watch as x, onMounted as se, onUnmounted as ae } from "vue";
+import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
 import { useEditorLock as ce } from "../composables/useEditorLock.js";
 import { provideGuidoActions as de } from "../composables/useGuidoActions.js";
 import { useGuidoStateBridge as me } from "../composables/useGuidoStateBridge.js";
 import { usePartner as le } from "../composables/usePartner.js";
 import { useStripo as ue } from "../composables/useStripo.js";
 import { useTimerClone as pe } from "../composables/useTimerClone.js";
-import { migrate as H } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as W } from "../enums/defaults.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
 import { RIBBON_SELECTOR as fe } from "../enums/onboarding.js";
 import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import ye from "./organisms/AutoSaveController.vue.js";
@@ -19,11 +19,11 @@ import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
 import Ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
 import { useStripoApi as we } from "../services/stripoApi.js";
 import { useConfigStore as Ce } from "../stores/config.js";
-import { useDynamicContentStore as ke } from "../stores/dynamic-content.js";
-import { useEditorStore as G } from "../stores/editor.js";
-import { usePreviewStore as De } from "../stores/preview.js";
+import { useDynamicContentStore as De } from "../stores/dynamic-content.js";
+import { useEditorStore as H } from "../stores/editor.js";
+import { usePreviewStore as ke } from "../stores/preview.js";
 import { useTemplateStore as Te } from "../stores/template.js";
-import { useUnsubscribeStore as Me } from "../stores/unsubscribe.js";
+import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
 import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
 const tt = /* @__PURE__ */ re({
   __name: "Guido",
@@ -32,33 +32,26 @@ const tt = /* @__PURE__ */ re({
     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: V, emit: r }) {
-    const a = z, q = m(
+  setup(z, { expose: q, emit: r }) {
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), K = m(
+    ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
     ), j = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
     ), J = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), E = _(), Q = m(
+    ), Q = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), p = _(), f = ke(), w = Me(), o = Ce();
+    ), E = O(), p = O(), f = De(), w = Fe(), o = Ce();
     a.ready && o.init(a.config);
-    const s = G(), X = De(), l = u(() => s.hasChanges), { isTestPartner: Y } = le(), C = () => {
+    const c = H(), X = ke(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
-      if (!s.isNormalMode) {
-        console.debug("guido:save:silent:blocked", {
-          isVersionHistoryOpen: s.isVersionHistoryOpen,
-          isAccessibilityTestingOpen: s.isAccessibilityTestingOpen
-        });
-        return;
-      }
-      return (t = E.value) == null ? void 0 : t.saveSilent();
-    }, k = (t) => {
-      s.loadingStatus = t;
+      return (t = E.value) == null ? void 0 : t.handleSave(!0);
+    }, D = (t) => {
+      c.loadingStatus = t;
     };
-    ae(), me();
+    ie(), me();
     const y = () => {
       var t, e;
       return {
@@ -66,12 +59,12 @@ const tt = /* @__PURE__ */ re({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || W.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || W.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
       };
-    }, { initPlugin: D, preloadRuntime: T } = ue(), { runExclusive: M, beginMount: F, isCurrentMount: R } = ce();
+    }, { initPlugin: k, preloadRuntime: T } = ue(), { runExclusive: F, beginMount: M, isCurrentMount: R } = ce();
     let g = 0;
-    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: O } = pe(), Z = u(() => {
+    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: B } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
@@ -92,19 +85,19 @@ const tt = /* @__PURE__ */ re({
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
+    const U = (t) => {
       console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, B = () => {
+    }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     x(() => 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: s, position: d } = e.detail;
+      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
-    let c = null;
+    let i = null;
     const S = () => {
       var e;
       const t = document.querySelector(fe);
@@ -112,42 +105,42 @@ const tt = /* @__PURE__ */ re({
     }, b = 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) || "", U = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        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) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, P = o.isFeatureEnabled("linkTrackingIds");
+        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, N = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: i && await H(i, N),
+          html: s && await W(s, _),
           css: d
         };
-        n.html || (n = await I(), n.html = await H(n.html, N));
-        const oe = P ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        O(n.html) && (n.html = await L(n.html)), P && (s.trackIdSessionFloor = Math.max(oe, $(n.html)));
+        n.html || (n = await I(), n.html = await W(n.html, _));
+        const oe = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        B(n.html) && (n.html = await L(n.html)), N && (c.trackIdSessionFloor = Math.max(oe, $(n.html)));
         const ne = {
-          preselectedDynamicContentList: U,
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        g = F(), await D(n, y(), ne), f.selectedDynamicContentList = U;
+        g = M(), await k(n, y(), ne), f.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return se(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), G().$reset(), Te().$reset(), S();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), H().$reset(), Te().$reset(), S();
       const t = (e = p.value) == null ? void 0 : e.parentElement;
-      if (t && (c = new ResizeObserver(S), c.observe(t)), T(), a.ready)
+      if (t && (i = new ResizeObserver(S), i.observe(t)), T(), a.ready)
         await b();
       else {
-        const i = x(() => a.ready, (d) => {
-          d && (i(), b());
+        const s = x(() => a.ready, (d) => {
+          d && (s(), b());
         });
       }
       document.addEventListener("dynamic-content:open", v);
-    }), ie(() => {
-      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), M(async () => {
+    }), ae(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), F(async () => {
         if (R(g))
           try {
             window.UIEditor.removeEditor();
@@ -155,15 +148,15 @@ const tt = /* @__PURE__ */ re({
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), V({
+    }), q({
       dynamicContent: {
-        insert: A,
-        close: B
+        insert: U,
+        close: A
       },
       hasChanges: l,
       saveSilent: C,
-      setLoading: k
-    }), { __sfc: !0, PreviewContainer: q, OnboardingWrapper: K, AssignStrategyDrawer: j, RemoveStrategyModal: J, autoSaveControllerRef: E, LegacyStrategyUpdatedModal: Q, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: a, configStore: o, editorStore: s, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: C, setLoading: k, emit: r, buildMetadata: y, initPlugin: D, preloadRuntime: T, runExclusive: M, beginMount: F, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: O, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: A, closeDynamicContent: B, handleDynamicContentOpen: v, ribbonObserver: c, updateRibbonOffset: S, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: be, SaveAsTemplateDrawer: he, UnsubscribeWrapper: Ee };
+      setLoading: D
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: T, runExclusive: F, beginMount: M, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: U, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: be, SaveAsTemplateDrawer: he, UnsubscribeWrapper: Ee };
   }
 });
 export {

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

@@ -1,15 +1,13 @@
-import { defineComponent as r } from "vue";
-import { useAutoSave as s } from "../../composables/useAutoSave.js";
-import { useSave as a } from "../../composables/useSave.js";
-const p = /* @__PURE__ */ r({
+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({
   __name: "AutoSaveController",
-  setup(n, { expose: t }) {
-    const { save: e } = a(), o = () => e(!1, !0);
-    return s(o), t({
-      saveSilent: () => e(!0)
-    }), { __sfc: !0, save: e, backgroundSave: o };
+  setup(a) {
+    const { save: e } = s(), o = () => e(!1, !0);
+    return r(o), { __sfc: !0, save: e, backgroundSave: o };
   }
 });
 export {
-  p as default
+  f 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 r from "./EditorActions.vue2.js";
+import l from "./EditorActions.vue2.js";
 /* empty css                   */
-import a 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 ? i._e() : e("div", { staticClass: "editor-actions__divider" }), (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, { 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", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "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__ */ a(
-  r,
-  d,
+}, p = [], c = /* @__PURE__ */ d(
   l,
+  u,
+  p,
   !1,
   null,
-  "4036dff9"
+  "1ca6baf0"
 );
-const p = c.exports;
+const v = c.exports;
 export {
-  p as default
+  v as default
 };

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

@@ -1,48 +1,64 @@
-import { defineComponent as C, ref as S } from "vue";
-import { useActionsApi as T } from "../../../composables/useActionsApi.js";
-import { useConfig as M } from "../../../composables/useConfig.js";
-import { useTestEmailClick as w } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as x } from "../../../composables/useHtmlCompiler.js";
-import { useSave as A } from "../../../composables/useSave.js";
-import { useToaster as F } from "../../../composables/useToaster.js";
-import { useTranslations as V } from "../../../composables/useTranslations.js";
-import { useLiquidValidator as q } from "../../../composables/validators/useLiquidValidator.js";
-import { useEditorStore as H } from "../../../stores/editor.js";
-import { useTemplateStore as k } from "../../../stores/template.js";
-import { getTooltipOptions as L } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as R } from "@useinsider/design-system-vue";
-import { storeToRefs as b } from "pinia";
-import z from "./EditorActionsMenu.vue.js";
-import B from "./MigrationConfirmModal.vue.js";
-const ot = /* @__PURE__ */ C({
+import { defineComponent as q, ref as l, computed as w } from "vue";
+import { useActionsApi as b } from "../../../composables/useActionsApi.js";
+import { useConfig as k } from "../../../composables/useConfig.js";
+import { useExport as B } from "../../../composables/useExport.js";
+import { useTestEmailClick as D } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as L } from "../../../composables/useHtmlCompiler.js";
+import { useSave as R } from "../../../composables/useSave.js";
+import { useToaster as z } from "../../../composables/useToaster.js";
+import { useTranslations as I } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as P } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as j } from "../../../composables/validators/useLiquidValidator.js";
+import { useEditorStore as G } from "../../../stores/editor.js";
+import { useTemplateStore as J } from "../../../stores/template.js";
+import { getTooltipOptions as K } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as N } from "@useinsider/design-system-vue";
+import { storeToRefs as Q } from "pinia";
+import U from "./MigrationConfirmModal.vue.js";
+const ft = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(D, { expose: E }) {
-    const { config: h, isFeatureEnabled: s } = M(), { save: n } = A(), { getCompiledEmail: m } = T(), { compileHtml: l } = x(), { validateLiquidSyntax: f } = q(), { handleError: r } = F(), e = H(), u = k(), { hasMigrations: c } = b(u), y = V(), a = S(!1), p = S(), d = w(), g = async (t) => {
+  setup(W, { expose: x }) {
+    const { config: m, isFeatureEnabled: c } = k(), { exportHtml: p } = B(), { save: u } = R(), { openVersionHistory: f, closeVersionHistory: d } = P(), { getCompiledEmail: v } = b(), { compileHtml: y } = L(), { validateLiquidSyntax: g } = j(), { handleError: r } = z(), e = G(), h = J(), { hasMigrations: H } = Q(h), s = I(), i = l(!1), a = l(!1), S = l(), V = D(), _ = () => {
+      if (e.isVersionHistoryOpen) {
+        d();
+        return;
+      }
+      f();
+    }, C = async () => {
+      i.value = !0, await p(), i.value = !1;
+    }, A = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
+      () => {
+        var t, o;
+        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+      }
+    ), E = async (t) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await n(t);
-      } catch (i) {
+        o = await u(t);
+      } catch (n) {
         if (t)
-          throw i;
-        r(i, "Failed to save template");
+          throw n;
+        r(n, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, v = (t) => {
+    }, T = (t) => {
       var o;
-      if (!t && c.value) {
-        (o = p.value) == null || o.open();
+      if (!t && H.value) {
+        (o = S.value) == null || o.open();
         return;
       }
-      return g(t);
-    }, _ = async () => {
-      if (s("liquidSyntax")) {
+      return E(t);
+    }, F = async () => {
+      if (c("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await m({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = l(t);
-          if (!await f(o))
+          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
+          if (!await g(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -51,13 +67,13 @@ const ot = /* @__PURE__ */ C({
           e.loadingStatus = !1;
         }
       }
-      d();
+      V();
     };
-    return E({
-      handleSave: v
-    }), { __sfc: !0, config: h, isFeatureEnabled: s, save: n, getCompiledEmail: m, compileHtml: l, validateLiquidSyntax: f, handleError: r, editorStore: e, templateStore: u, hasMigrations: c, trans: y, isSaving: a, migrationModalRef: p, testEmailClick: d, executeSave: g, handleSave: v, handleTestEmail: _, getTooltipOptions: L, InButtonV2: R, EditorActionsMenu: z, MigrationConfirmModal: B };
+    return x({
+      handleSave: T
+    }), { __sfc: !0, config: m, isFeatureEnabled: c, exportHtml: p, save: u, openVersionHistory: f, closeVersionHistory: d, getCompiledEmail: v, compileHtml: y, validateLiquidSyntax: g, handleError: r, editorStore: e, templateStore: h, hasMigrations: H, trans: s, isExporting: i, isSaving: a, migrationModalRef: S, testEmailClick: V, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: T, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
   }
 });
 export {
-  ot as default
+  ft as default
 };

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

@@ -3,16 +3,16 @@ import o from "./HeaderWrapper.vue2.js";
 import a from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var t = this, r = t._self._c, e = t._self._setupProxy;
-  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0", "data-testid": "guido-header" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot)], 1)]);
-}, n = [], d = /* @__PURE__ */ a(
+  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0", "data-testid": "guido-header" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
+}, d = [], i = /* @__PURE__ */ a(
   o,
   s,
-  n,
+  d,
   !1,
   null,
-  "3c713746"
+  "d11dd577"
 );
-const f = d.exports;
+const c = i.exports;
 export {
-  f as default
+  c as default
 };