@useinsider/guido 3.19.0-beta.575d19c → 3.19.0-beta.6a2624a

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

package/dist/components/Guido.vue2.js

@@ -1,30 +1,30 @@
-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 x, computed as p, watch as W, 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 G } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as z } 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 { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import ye from "./organisms/AutoSaveController.vue.js";
 import ge from "./organisms/base/Toaster.vue.js";
 import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
 import Se from "./organisms/header/HeaderWrapper.vue.js";
-import be from "./organisms/LoadingWrapper.vue.js";
-import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import he from "./organisms/LoadingWrapper.vue.js";
+import be 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 { useTemplateStore as Te } from "../stores/template.js";
-import { useUnsubscribeStore as Me } from "../stores/unsubscribe.js";
-import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
+import { useDynamicContentStore as De } from "../stores/dynamic-content.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { usePreviewStore as ke } from "../stores/preview.js";
+import { useTemplateStore as Fe } from "../stores/template.js";
+import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
+import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
 const tt = /* @__PURE__ */ re({
   __name: "Guido",
   props: {
@@ -32,50 +32,43 @@ 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($, { expose: q, emit: r }) {
+    const a = $, 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();
+    ), C = x(), f = x(), y = De(), D = Te(), o = Ce();
     a.ready && o.init(a.config);
-    const s = G(), X = De(), l = u(() => s.hasChanges), { isTestPartner: Y } = le(), C = () => {
+    const c = w(), X = ke(), l = p(() => c.hasChanges), { isTestPartner: Y } = le(), k = () => {
       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 = C.value) == null ? void 0 : t.handleSave(!0);
+    }, F = (t) => {
+      c.loadingStatus = t;
     };
-    ae(), me();
-    const y = () => {
+    ie(), me();
+    const g = () => {
       var t, e;
       return {
         emailId: o.templateId,
         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) || z.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || z.DEFAULT_MODULES
       };
-    }, { initPlugin: D, preloadRuntime: T } = ue(), { runExclusive: M, beginMount: F, isCurrentMount: R } = ce();
-    let g = 0;
-    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: O } = pe(), Z = u(() => {
+    }, { initPlugin: T, preloadRuntime: I } = ue(), { runExclusive: M, beginMount: R, isCurrentMount: v } = ce();
+    let u = 0;
+    const { getDefaultTemplate: L } = we(), { cloneTimersOnSave: B, hasTimerBlocks: U } = pe(), Z = p(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
-      () => !!h().recommendationConfigs.strategyId
+    }), ee = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = p(
+      () => !!E().recommendationConfigs.strategyId
     );
     de({
       onBack: () => {
@@ -85,7 +78,7 @@ const tt = /* @__PURE__ */ re({
         console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: y() };
+        const e = { ...t, metadata: g() };
         console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
@@ -93,77 +86,83 @@ const tt = /* @__PURE__ */ re({
       }
     });
     const A = (t) => {
-      console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, B = () => {
+      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, P = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    x(() => l.value, () => {
+    W(() => 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 S = (t) => {
+      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;
-    const S = () => {
+    let i = null;
+    const h = () => {
       var e;
       const t = document.querySelector(fe);
-      (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, 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) || [];
-        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");
+        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) || "", _ = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        D.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: i && await H(i, N),
+          html: s && await G(s, N),
           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 L(), n.html = await G(n.html, N));
+        const oe = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        U(n.html) && (n.html = await B(n.html)), O && (c.trackIdSessionFloor = Math.max(oe, H(n.html)));
         const ne = {
-          preselectedDynamicContentList: U,
+          preselectedDynamicContentList: _,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        g = F(), await D(n, y(), ne), f.selectedDynamicContentList = U;
+        u = R(), await T(n, g(), ne), y.selectedDynamicContentList = _;
       } 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();
-      const t = (e = p.value) == null ? void 0 : e.parentElement;
-      if (t && (c = new ResizeObserver(S), c.observe(t)), T(), a.ready)
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Fe().$reset(), h();
+      const t = (e = f.value) == null ? void 0 : e.parentElement;
+      if (t && (i = new ResizeObserver(h), i.observe(t)), I(), a.ready)
         await b();
       else {
-        const i = x(() => a.ready, (d) => {
-          d && (i(), b());
+        const s = W(() => 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 () => {
-        if (R(g))
+      document.addEventListener("dynamic-content:open", S);
+    }), ae(() => {
+      if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", S), E().disposeStrategyPageReturn(), v(u))
+        try {
+          w().isStripoInitialized = !1;
+        } catch (t) {
+          console.debug("Failed to close the editor readiness gate on unmount", t);
+        }
+      M(async () => {
+        if (v(u))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), V({
+    }), q({
       dynamicContent: {
         insert: A,
-        close: B
+        close: P
       },
       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 };
+      saveSilent: k,
+      setLoading: F
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: C, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: D, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: T, preloadRuntime: I, runExclusive: M, beginMount: R, isCurrentMount: v, mountGeneration: u, getDefaultTemplate: L, cloneTimersOnSave: B, hasTimerBlocks: U, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: A, closeDynamicContent: P, handleDynamicContentOpen: S, ribbonObserver: i, updateRibbonOffset: h, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: he, SaveAsTemplateDrawer: be, UnsubscribeWrapper: Ee };
   }
 });
 export {

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

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

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

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