@useinsider/guido 3.19.0-beta.022a716 → 3.19.0-beta.0a1f92f

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

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as h, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -68,22 +68,22 @@ const p = {
       value: t()
     })
   )
-}), S = I(() => g({
+}), f = I(() => g({
   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 = k(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const p = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -189,9 +189,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), 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),
@@ -216,6 +216,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) */
@@ -288,7 +289,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -308,7 +309,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
@@ -344,7 +345,7 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   E as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import o from "./Guido.vue2.js";
+import a from "./Guido.vue2.js";
 /* empty css           */
 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.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  var o = this, r = o._self._c, e = o._self._setupProxy;
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : o._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : o._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], n = /* @__PURE__ */ i(
-  o,
+  a,
   t,
   s,
   !1,
   null,
-  "7674b645"
+  "f9694296"
 );
-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 ne, defineAsyncComponent as u, ref as P, computed as p, watch as x, onMounted as re, onUnmounted as se } from "vue";
+import { defineComponent as ne, defineAsyncComponent as l, ref as _, computed as u, watch as P, onMounted as re, onUnmounted as se } from "vue";
 import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
 import { useEditorLock as ae } from "../composables/useEditorLock.js";
 import { provideGuidoActions as ce } from "../composables/useGuidoActions.js";
@@ -6,25 +6,25 @@ import { useGuidoStateBridge as de } from "../composables/useGuidoStateBridge.js
 import { usePartner as me } from "../composables/usePartner.js";
 import { useStripo as le } from "../composables/useStripo.js";
 import { useTimerClone as ue } from "../composables/useTimerClone.js";
-import { migrate as W } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { migrate as x } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as H } from "../enums/defaults.js";
 import { RIBBON_SELECTOR as pe } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as z } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as W } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import fe from "./organisms/AutoSaveController.vue.js";
 import ye from "./organisms/base/Toaster.vue.js";
 import ge from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
 import ve from "./organisms/header/HeaderWrapper.vue.js";
-import Se from "./organisms/LoadingWrapper.vue.js";
-import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import be from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import be from "./organisms/LoadingWrapper.vue.js";
+import Se from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import he from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
 import { useStripoApi as Ee } from "../services/stripoApi.js";
 import { useConfigStore as we } from "../stores/config.js";
 import { useDynamicContentStore as Ce } from "../stores/dynamic-content.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { usePreviewStore as De } from "../stores/preview.js";
-import { useTemplateStore as ke } from "../stores/template.js";
-import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
-import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
+import { useEditorStore as G } from "../stores/editor.js";
+import { usePreviewStore as ke } from "../stores/preview.js";
+import { useTemplateStore as De } from "../stores/template.js";
+import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
+import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
 const et = /* @__PURE__ */ ne({
   __name: "Guido",
   props: {
@@ -32,41 +32,48 @@ const et = /* @__PURE__ */ ne({
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup($, { expose: q, emit: r }) {
-    const i = $, K = u(
+  setup(z, { expose: V, emit: r }) {
+    const a = z, q = l(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), V = u(
+    ), K = l(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), j = u(
+    ), j = l(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), J = u(
+    ), J = l(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), w = P(), f = P(), y = Ce(), C = Fe(), o = we();
-    i.ready && o.init(i.config);
-    const c = E(), Q = De(), m = p(() => c.hasChanges), { isTestPartner: X } = me(), D = () => {
+    ), h = _(), p = _(), f = Ce(), E = Te(), o = we();
+    a.ready && o.init(a.config);
+    const s = G(), Q = ke(), m = u(() => s.hasChanges), { isTestPartner: X } = me(), w = () => {
       var t;
-      return (t = w.value) == null ? void 0 : t.handleSave(!0);
-    }, k = (t) => {
-      c.loadingStatus = t;
+      if (!s.isNormalMode) {
+        console.debug("guido:save:silent:blocked", {
+          isVersionHistoryOpen: s.isVersionHistoryOpen,
+          isAccessibilityTestingOpen: s.isAccessibilityTestingOpen
+        });
+        return;
+      }
+      return (t = h.value) == null ? void 0 : t.saveSilent();
+    }, C = (t) => {
+      s.loadingStatus = t;
     };
     ie(), de();
-    const g = () => {
+    const y = () => {
       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) || G.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || H.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
       };
-    }, { initPlugin: F, preloadRuntime: T } = le(), { runExclusive: I, beginMount: M, isCurrentMount: v } = ae();
-    let l = 0;
-    const { getDefaultTemplate: R } = Ee(), { cloneTimersOnSave: L, hasTimerBlocks: B } = ue(), Y = p(() => {
+    }, { initPlugin: k, preloadRuntime: D } = le(), { runExclusive: T, beginMount: F, isCurrentMount: M } = ae();
+    let g = 0;
+    const { getDefaultTemplate: I } = Ee(), { cloneTimersOnSave: R, hasTimerBlocks: L } = ue(), Y = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), Z = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ee = p(
-      () => !!z().recommendationConfigs.strategyId
+    }), Z = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ee = u(
+      () => !!W().recommendationConfigs.strategyId
     );
     ce({
       onBack: () => {
@@ -76,91 +83,85 @@ const et = /* @__PURE__ */ ne({
         console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: g() };
+        const e = { ...t, metadata: y() };
         console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
-      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, U = () => {
+    const O = (t) => {
+      console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    x(() => m.value, () => {
+    P(() => m.value, () => {
       r("on-change", m.value);
     });
-    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);
+    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);
     };
-    let a = null;
-    const h = () => {
+    let c = null;
+    const b = () => {
       var e;
       const t = document.querySelector(pe);
-      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
-    }, b = async () => {
+      (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+    }, S = async () => {
       var t;
       try {
-        o.initialized || o.init(i.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) || [];
-        C.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");
+        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) || [];
+        E.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, U = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: s && await W(s, N),
+          html: i && await x(i, N),
           css: d
         };
-        n.html || (n = await R(), n.html = await W(n.html, N));
-        const te = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        B(n.html) && (n.html = await L(n.html)), O && (c.trackIdSessionFloor = Math.max(te, H(n.html)));
+        n.html || (n = await I(), n.html = await x(n.html, N));
+        const te = U ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        L(n.html) && (n.html = await R(n.html)), U && (s.trackIdSessionFloor = Math.max(te, $(n.html)));
         const oe = {
-          preselectedDynamicContentList: _,
+          preselectedDynamicContentList: B,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        l = M(), await F(n, g(), oe), y.selectedDynamicContentList = _;
+        g = F(), await k(n, y(), oe), f.selectedDynamicContentList = B;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return re(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), E().$reset(), ke().$reset(), h();
-      const t = (e = f.value) == null ? void 0 : e.parentElement;
-      if (t && (a = new ResizeObserver(h), a.observe(t)), T(), i.ready)
-        await b();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), W().$reset(), G().$reset(), De().$reset(), b();
+      const t = (e = p.value) == null ? void 0 : e.parentElement;
+      if (t && (c = new ResizeObserver(b), c.observe(t)), D(), a.ready)
+        await S();
       else {
-        const s = x(() => i.ready, (d) => {
-          d && (s(), b());
+        const i = P(() => a.ready, (d) => {
+          d && (i(), S());
         });
       }
-      document.addEventListener("dynamic-content:open", S);
+      document.addEventListener("dynamic-content:open", v);
     }), se(() => {
-      if (a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", S), v(l))
-        try {
-          E().isStripoInitialized = !1;
-        } catch (t) {
-          console.debug("Failed to close the editor readiness gate on unmount", t);
-        }
-      I(async () => {
-        if (v(l))
+      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", v), T(async () => {
+        if (M(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), q({
+    }), V({
       dynamicContent: {
-        insert: A,
-        close: U
+        insert: O,
+        close: A
       },
       hasChanges: m,
-      saveSilent: D,
-      setLoading: k
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, headerWrapperRef: w, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: i, configStore: o, editorStore: c, previewStore: Q, hasChanges: m, isTestPartner: X, saveSilent: D, setLoading: k, emit: r, buildMetadata: g, initPlugin: F, preloadRuntime: T, runExclusive: I, beginMount: M, isCurrentMount: v, mountGeneration: l, getDefaultTemplate: R, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Y, isRrsEnabled: Z, hasAssignedStrategy: ee, insertDynamicContent: A, closeDynamicContent: U, handleDynamicContentOpen: S, ribbonObserver: a, updateRibbonOffset: h, startEditor: b, AutoSaveController: fe, Toaster: ye, FilterSelectionDrawer: ge, HeaderWrapper: ve, LoadingWrapper: Se, SaveAsTemplateDrawer: he, UnsubscribeWrapper: be };
+      saveSilent: w,
+      setLoading: C
+    }), { __sfc: !0, PreviewContainer: q, OnboardingWrapper: K, AssignStrategyDrawer: j, RemoveStrategyModal: J, autoSaveControllerRef: h, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: E, props: a, configStore: o, editorStore: s, previewStore: Q, hasChanges: m, isTestPartner: X, saveSilent: w, setLoading: C, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: D, runExclusive: T, beginMount: F, isCurrentMount: M, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: R, hasTimerBlocks: L, noHeader: Y, isRrsEnabled: Z, hasAssignedStrategy: ee, insertDynamicContent: O, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: c, updateRibbonOffset: b, startEditor: S, AutoSaveController: fe, Toaster: ye, FilterSelectionDrawer: ge, HeaderWrapper: ve, LoadingWrapper: be, SaveAsTemplateDrawer: Se, UnsubscribeWrapper: he };
   }
 });
 export {

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

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

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

@@ -1,64 +1,48 @@
-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({
+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({
   __name: "EditorActions",
-  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) => {
+  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) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await u(t);
-      } catch (n) {
+        o = await n(t);
+      } catch (i) {
         if (t)
-          throw n;
-        r(n, "Failed to save template");
+          throw i;
+        r(i, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, T = (t) => {
+    }, v = (t) => {
       var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+      if (!t && c.value) {
+        (o = p.value) == null || o.open();
         return;
       }
-      return E(t);
-    }, F = async () => {
-      if (c("liquidSyntax")) {
+      return g(t);
+    }, _ = async () => {
+      if (s("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
-          if (!await g(o))
+          const { html: t } = await m({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = l(t);
+          if (!await f(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -67,13 +51,13 @@ const ft = /* @__PURE__ */ q({
           e.loadingStatus = !1;
         }
       }
-      V();
+      d();
     };
-    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 };
+    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 };
   }
 });
 export {
-  ft as default
+  ot as default
 };

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

@@ -0,0 +1,20 @@
+import i from "./EditorActionsMenu.vue2.js";
+/* empty css                       */
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var e = this, o = e._self._c, t = e._self._setupProxy;
+  return o("div", { staticClass: "editor-actions-menu p-r" }, [o(t.InButtonV2, { attrs: { id: "guido__kebab-button", "data-testid": "Editor Actions Menu", "left-icon": "line-more-vertical", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.isPanelOpen, "tooltip-options": t.getTooltipOptions("guido__kebab-button"), "tooltip-text": t.trans("email-editor.more-actions") }, on: { click: function(d) {
+    t.isOpen = !t.isOpen;
+  } } }), o(t.InDropdownMenu, { staticClass: "editor-actions-menu__dropdown", attrs: { id: "guido__kebab-menu", "box-width": "basedOnLongestItem", "static-position": "bottom right", "dynamic-position": !1, "max-height": 400, options: t.options, "select-all-option-status": !1, status: t.isPanelOpen }, on: { clickOutside: t.close, optionClick: t.handleOptionClick } })], 1);
+}, a = [], r = /* @__PURE__ */ s(
+  i,
+  n,
+  a,
+  !1,
+  null,
+  "d0e6b57a"
+);
+const _ = r.exports;
+export {
+  _ as default
+};