@useinsider/guido 3.22.0-beta.8345109 → 3.22.0-beta.ce512a7

package/README.md

@@ -166,6 +166,7 @@ const config: GuidoConfigInput = {
     allowlistEnabled?: boolean,   // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
     allowSaveWithErrors?: boolean, // Default: true - Allow the validation drawer's "Save and Continue" soft-save. Set false to hard-block invalid saves (transactional + unsubscribe pages).
     reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
+    accessibilityTesting?: boolean, // Default: false - Show the Accessibility Test entry in the header kebab menu (Stripo's checker: contrast, image alternatives, colour-vision simulation) and the tab-bar onboarding tour that points at it.
   },
 
   // Optional: Callbacks

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,7 +12,7 @@ var t = function() {
   s,
   !1,
   null,
-  "c5146fc5"
+  "f0ba01bc"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -1,15 +1,25 @@
-import { defineComponent as n } from "vue";
-import { useAutoSave as u } from "../../composables/useAutoSave.js";
-import { useSave as i } from "../../composables/useSave.js";
-import { useSaveValidationRollout as l } from "../../composables/useSaveValidationRollout.js";
-import { useConfigStore as m } from "../../stores/config.js";
-const d = /* @__PURE__ */ n({
+import { defineComponent as c } from "vue";
+import { useAutoSave as m } from "../../composables/useAutoSave.js";
+import { useSave as f } from "../../composables/useSave.js";
+import { useSaveValidationRollout as v } from "../../composables/useSaveValidationRollout.js";
+import { useToaster as p } from "../../composables/useToaster.js";
+import { useConfigStore as S } from "../../stores/config.js";
+const A = /* @__PURE__ */ c({
   __name: "AutoSaveController",
-  setup(f) {
-    const { save: e, saveRawOnly: t } = i(), { isEnabled: r } = l(), a = m(), o = () => r.value && a.allowSaveWithErrors, s = () => o() ? t() : e(!1, !0);
-    return u(s, { clearsChanges: () => !o() }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: r, configStore: a, isRawAutosave: o, backgroundSave: s };
+  setup(d, { expose: u }) {
+    const { save: e, saveRawOnly: t } = f(), { isEnabled: r } = v(), { handleError: a } = p(), s = S(), o = () => r.value && s.allowSaveWithErrors, n = () => o() ? t() : e(!1, !0);
+    m(n, { clearsChanges: () => !o() });
+    const i = async () => {
+      try {
+        return await e(!0);
+      } catch (l) {
+        a(l, "Failed to save template");
+        return;
+      }
+    };
+    return u({ saveSilent: i }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: r, handleError: a, configStore: s, isRawAutosave: o, backgroundSave: n, saveSilent: i };
   }
 });
 export {
-  d as default
+  A 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);
-}, p = [], c = /* @__PURE__ */ d(
+}, l = [], c = /* @__PURE__ */ r(
+  a,
+  d,
   l,
-  u,
-  p,
   !1,
   null,
-  "baf7a5dd"
+  "9a028d08"
 );
-const v = c.exports;
+const p = c.exports;
 export {
-  v as default
+  p as default
 };