@useinsider/guido 3.20.1-beta.8a05319 → 3.20.1-beta.c235b0d

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

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as I, union as h, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as T, union as h, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -76,17 +76,17 @@ const p = {
       value: t()
     })
   )
-}), S = T(() => C({
+}), f = I(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
+  select_items: e(c(f))
 })), N = g(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
@@ -210,9 +210,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -237,6 +237,7 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
+  accessibilityTesting: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
@@ -315,7 +316,7 @@ const p = {
     (n) => typeof n == "function",
     "processor must be a function"
   )
-}), V = I("type", [
+}), V = T("type", [
   H,
   _,
   q,
@@ -367,7 +368,7 @@ export {
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   M as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import o from "./Guido.vue2.js";
 import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var a = this, r = a._self._c, e = a._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], n = /* @__PURE__ */ i(
@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "1b5c844a"
+  "6a54dbe6"
 );
-const v = n.exports;
+const c = n.exports;
 export {
-  v as default
+  c as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,14 +1,24 @@
-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({
+import { defineComponent as i } from "vue";
+import { useAutoSave as l } from "../../composables/useAutoSave.js";
+import { useSave as m } from "../../composables/useSave.js";
+import { useSaveValidationRollout as c } from "../../composables/useSaveValidationRollout.js";
+import { useToaster as p } from "../../composables/useToaster.js";
+const b = /* @__PURE__ */ i({
   __name: "AutoSaveController",
-  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 };
+  setup(v, { expose: n }) {
+    const { save: e, saveRawOnly: t } = m(), { isEnabled: o } = c(), { handleError: r } = p(), a = () => o.value ? t() : e(!1, !0);
+    l(a);
+    const s = async () => {
+      try {
+        return await e(!0);
+      } catch (u) {
+        r(u, "Failed to save template");
+        return;
+      }
+    };
+    return n({ saveSilent: s }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: o, handleError: r, backgroundSave: a, saveSilent: s };
   }
 });
 export {
-  v as default
+  b as default
 };

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

@@ -0,0 +1,17 @@
+import t from "./AutoSaveStatus.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var _ = function() {
+  var s = this, e = s._self._c, a = s._self._setupProxy;
+  return a.isFeatureEnabled("autosave") ? e("div", { staticClass: "d-f a-i-c auto-save-status" }, [a.autosaveStore.status === a.AUTOSAVE_STATUS.SAVING ? e("span", { staticClass: "d-f a-i-c f-s-1" }, [e(a.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), e("span", { staticClass: "ml-1 t-c-53" }, [s._v(s._s(a.trans("newsletter.saving")))])], 1) : a.savedLabel ? e("span", { staticClass: "f-s-1 t-c-53" }, [s._v(s._s(a.savedLabel.before)), a.savedLabel.word ? e("span", { staticClass: "f-w-600" }, [s._v(s._s(a.savedLabel.word))]) : s._e(), s._v(s._s(a.savedLabel.after))]) : s._e()]) : s._e();
+}, n = [], o = /* @__PURE__ */ r(
+  t,
+  _,
+  n,
+  !1,
+  null,
+  null
+);
+const v = o.exports;
+export {
+  v as default
+};

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

@@ -0,0 +1,25 @@
+import { defineComponent as p, computed as S } from "vue";
+import { useConfig as A } from "../../../composables/useConfig.js";
+import { useTranslations as T } from "../../../composables/useTranslations.js";
+import { useAutosaveStore as v, AUTOSAVE_STATUS as m } from "../../../stores/autosave.js";
+import { autoSaveTimestamp as b } from "../../../utils/timeUtil.js";
+import { InLoading as D } from "@useinsider/design-system-vue";
+const j = /* @__PURE__ */ p({
+  __name: "AutoSaveStatus",
+  setup(O) {
+    const { isFeatureEnabled: u } = A(), a = v(), n = T(), t = "__BOLD_START__", o = "__BOLD_END__", s = (i) => i.split(t).join("").split(o).join(""), _ = S(() => {
+      if (a.status !== m.SAVED || !a.lastSavedAt)
+        return null;
+      const { isToday: i, time: c, date: f } = b(a.lastSavedAt), l = { boldStart: t, boldEnd: o }, e = i ? n("email-editor.autosaved-at-today", { ...l, time: c }) : n("email-editor.autosaved-at-date", { ...l, date: f }), r = e.indexOf(t), d = e.indexOf(o, r + t.length);
+      return r === -1 || d === -1 ? { before: s(e), word: "", after: "" } : {
+        before: s(e.slice(0, r)),
+        word: s(e.slice(r + t.length, d)),
+        after: s(e.slice(d + o.length))
+      };
+    });
+    return { __sfc: !0, isFeatureEnabled: u, autosaveStore: a, trans: n, BOLD_START: t, BOLD_END: o, stripMarkers: s, savedLabel: _, AUTOSAVE_STATUS: m, InLoading: D };
+  }
+});
+export {
+  j as default
+};

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

@@ -1,23 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import a from "./EditorActions.vue2.js";
 /* empty css                   */
-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) {
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var d = function() {
+  var o, s;
+  var i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c editor-actions" }, [!t.editorStore.isPreviewModeOpen && t.hasContentOnTheLeft ? e("div", { staticClass: "editor-actions__divider" }) : i._e(), (s = (o = t.config) == null ? void 0 : o.features) != null && s.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : i._e(), e(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? i._e() : e("div", { staticClass: "editor-actions__divider" }), t.editorStore.isPreviewModeOpen ? i._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "label-text": t.saveLabel, "loading-status": t.isSaving }, on: { click: function(n) {
     return t.handleSave(!1);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
     return t.executeSave(!1);
   } } })], 1);
-}, c = [], p = /* @__PURE__ */ d(
+}, l = [], c = /* @__PURE__ */ r(
+  a,
+  d,
   l,
-  u,
-  c,
   !1,
   null,
-  "2cccbd44"
+  "f36a9d0c"
 );
-const v = p.exports;
+const p = c.exports;
 export {
-  v as default
+  p as default
 };

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

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