@useinsider/guido 3.22.0-beta.0af1132 → 3.22.0-beta.3f91a42

package/README.md

@@ -166,7 +166,6 @@ 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 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";
+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";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -76,17 +76,17 @@ const p = {
       value: t()
     })
   )
-}), f = I(() => C({
+}), S = T(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(f)),
+  children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(f))
+  select_items: e(c(S))
 })), N = g(
   t(),
-  R(c(f), [])
+  R(c(S), [])
 ), 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(), S.SAVED_MODULES),
+  savedModulesFolderName: e(t(), f.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -237,7 +237,6 @@ 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) */
@@ -316,7 +315,7 @@ const p = {
     (n) => typeof n == "function",
     "processor must be a function"
   )
-}), V = T("type", [
+}), V = I("type", [
   H,
   _,
   q,
@@ -368,7 +367,7 @@ export {
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  f as DynamicContentNodeSchema,
+  S 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), 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 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 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,
-  "8422eef8"
+  "f2154cb6"
 );
-const c = n.exports;
+const v = n.exports;
 export {
-  c as default
+  v as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,25 +1,15 @@
-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({
+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({
   __name: "AutoSaveController",
-  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 };
+  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 };
   }
 });
 export {
-  A as default
+  d as default
 };

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

@@ -0,0 +1,22 @@
+import o from "./AutoSaveToggle.vue2.js";
+/* empty css                    */
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var e = this, a = e._self._c, t = e._self._setupProxy;
+  return t.isFeatureEnabled("autosave") ? a("div", { staticClass: "d-f a-i-c mr-3 auto-save-toggle", on: { mouseenter: function(s) {
+    t.isHovered = !0;
+  }, mouseleave: function(s) {
+    t.isHovered = !1;
+  } } }, [a(t.InToggle, { attrs: { id: "guido__autosave-toggle", name: "guido-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggle } }), a("span", { staticClass: "ml-2 auto-save-toggle__label t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.auto-save")) + " ")]), t.autosaveStore.status === t.AUTOSAVE_STATUS.SAVING ? a("span", { staticClass: "ml-2 d-f a-i-c f-s-1" }, [a(t.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), a("span", { staticClass: "ml-1 t-c-53" }, [e._v(" " + e._s(t.trans("newsletter.saving")) + " ")])], 1) : t.lastSavedLabel ? a("span", { staticClass: "ml-2 f-s-1 t-c-53" }, [e._v(" " + e._s(t.lastSavedLabel) + " ")]) : e._e(), t.isHovered ? a(t.InInfoBox, { staticClass: "auto-save-toggle__info-box", attrs: { id: "guido__autosave-info-box", size: "small", variant: "information", "description-text": t.trans("email-editor.auto-save-description"), "title-text": t.trans("email-editor.auto-save-title") } }) : e._e()], 1) : e._e();
+}, l = [], r = /* @__PURE__ */ i(
+  o,
+  n,
+  l,
+  !1,
+  null,
+  "2c964af4"
+);
+const d = r.exports;
+export {
+  d as default
+};

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

@@ -0,0 +1,19 @@
+import { defineComponent as i, ref as f, computed as u } from "vue";
+import { useConfig as l } from "../../../composables/useConfig.js";
+import { useTranslations as p } from "../../../composables/useTranslations.js";
+import { useAutosaveStore as c, AUTOSAVE_STATUS as t } from "../../../stores/autosave.js";
+import { useEditorStore as S } from "../../../stores/editor.js";
+import { formatLocalTime as d } from "../../../utils/timeUtil.js";
+import { InToggle as g, InLoading as _, InInfoBox as A } from "@useinsider/design-system-vue";
+const U = /* @__PURE__ */ i({
+  __name: "AutoSaveToggle",
+  setup(v) {
+    const { isFeatureEnabled: e } = l(), r = S(), o = c(), s = p(), n = f(!1), a = u(() => o.status !== t.SAVED || !o.lastSavedAt ? "" : d(o.lastSavedAt));
+    return { __sfc: !0, isFeatureEnabled: e, editorStore: r, autosaveStore: o, trans: s, isHovered: n, lastSavedLabel: a, toggle: (m) => {
+      o.isOn = m;
+    }, AUTOSAVE_STATUS: t, InInfoBox: A, InLoading: _, InToggle: g };
+  }
+});
+export {
+  U as default
+};

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

@@ -1,23 +1,23 @@
-import a from "./EditorActions.vue2.js";
+import l from "./EditorActions.vue2.js";
 /* empty css                   */
-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) {
+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) {
     return t.handleSave(!1);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, l = [], c = /* @__PURE__ */ r(
-  a,
-  d,
+}, p = [], c = /* @__PURE__ */ d(
   l,
+  u,
+  p,
   !1,
   null,
-  "9a028d08"
+  "baf7a5dd"
 );
-const p = c.exports;
+const v = c.exports;
 export {
-  p as default
+  v as default
 };