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

package/README.md

@@ -166,7 +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.
-    legacyUnsubscribeConversion?: boolean, // Default: false - Convert legacy unsubscribe blocks that have no unsubscribe link into text blocks (on load and on module drop/copy) and show a warning modal.
+    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
@@ -668,14 +668,6 @@ multiple partners (e.g. architect) should key by partner and place the active pa
 first. Omit the prop and the repair is a safe no-op — nothing is rewritten and no
 toaster fires (useful before the host has wired the catalog).
 
-With `features.legacyUnsubscribeConversion: true`, a dropped or copied module's legacy
-unsubscribe block that has no unsubscribe link (the old editor reused it as plain text,
-e.g. a company address) becomes a plain text block that keeps its content, and a warning
-modal explains it. The same conversion runs when a template is opened. Register these
-keys host-side: `email-editor.legacy-unsubscribe-converted-modal-title`,
-`email-editor.legacy-unsubscribe-converted-modal-message` and
-`email-editor.legacy-unsubscribe-converted-modal-visit-academy` (OK reuses `action-builder.ok`).
-
 ---
 
 ## Development

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 n, 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 { 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,30 +76,30 @@ const p = {
       value: t()
     })
   )
-}), f = 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(n(f)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(n(f))
-})), v = g(
+  select_items: e(c(f))
+})), N = g(
   t(),
-  R(n(f), [])
-), N = C({
+  R(c(f), [])
+), P = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
   /** Decimal places for price display (legacy data may use string or number) */
   decimalCount: e(h([t(), s()])),
   /** Pinned product IDs (empty array when filter-driven) */
-  productIds: e(n(r())),
+  productIds: e(c(r())),
   /** Whether the block requested live products at send time */
   sendProductRequestFlag: e(o()),
   /** Whether to randomize product order */
   shuffleProducts: e(o()),
   /** Filter rules driving product selection */
-  filters: e(n(r())),
+  filters: e(c(r())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
   currency: e(t()),
   /** Currency display settings (separators, alignment, decimals) */
@@ -109,7 +109,7 @@ const p = {
   /** Recommendation strategy key (e.g. 'newArrivals') */
   strategy: e(t()),
   /** Snapshot of products as rendered by the legacy block */
-  recommendedProducts: e(n(r())),
+  recommendedProducts: e(c(r())),
   /** Number of product cards per row */
   cardsInRow: e(s()),
   /** Mobile-only padding (right) */
@@ -132,7 +132,7 @@ const p = {
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), P = a({
+}), v = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -140,7 +140,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    g(t(), N),
+    g(t(), P),
     {}
   )
 }), x = a({
@@ -150,7 +150,7 @@ const p = {
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    n(M),
+    c(M),
     []
   ),
   /**
@@ -159,11 +159,11 @@ const p = {
    * (first) partner's leaf attributes into the label→token map that repairs
    * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
    */
-  dynamicContentList: e(v, {}),
+  dynamicContentList: e(N, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
-  customFieldAttributes: e(n(t()), []),
+  customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(n(s()), []),
+  selectedUnsubscribePages: e(c(s()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
   /**
@@ -176,7 +176,7 @@ const p = {
   trackIdCounter: e(
     i(
       s(),
-      y((c) => Number.isFinite(c) ? Math.max(0, Math.floor(c)) : 0)
+      y((n) => Number.isFinite(n) ? Math.max(0, Math.floor(n)) : 0)
     ),
     0
   ),
@@ -190,11 +190,11 @@ const p = {
   recommendationCampaignUrls: e(
     i(
       r(),
-      y((c) => c && typeof c == "object" ? { ...c } : void 0)
+      y((n) => n && typeof n == "object" ? { ...n } : void 0)
     )
   ),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(P, {})
+  migration: e(v, {})
 }), D = a({
   /** Sender display name */
   senderName: e(t(), ""),
@@ -237,15 +237,14 @@ 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) */
   linkTrackingIds: e(o(), !1),
   /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
   allowSaveWithErrors: e(o(), !0),
-  reusableRecommendationStrategy: e(o(), !1),
-  /** Convert linkless legacy unsubscribe blocks into text blocks and warn with a modal (opt-in) */
-  legacyUnsubscribeConversion: e(o(), !1)
+  reusableRecommendationStrategy: e(o(), !1)
 }), w = m([
   "amp-accordion",
   "amp-carousel",
@@ -271,12 +270,12 @@ const p = {
 ]), j = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    n(w),
+    c(w),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    n(B),
+    c(B),
     []
   )
 }), d = a({
@@ -308,23 +307,23 @@ const p = {
   ...d.entries,
   type: u("remove"),
   /** Strings or patterns to remove */
-  targets: n(t())
+  targets: c(t())
 }), G = a({
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
   processor: k(
-    (c) => typeof c == "function",
+    (n) => typeof n == "function",
     "processor must be a function"
   )
-}), V = I("type", [
+}), V = T("type", [
   H,
   _,
   q,
   G
 ]), z = a({
   /** Custom compiler rules to apply */
-  customRules: e(n(V), []),
+  customRules: e(c(V), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(o(), !1)
 }), W = a({
@@ -334,7 +333,7 @@ const p = {
    */
   externalValidation: e(
     k(
-      (c) => typeof c == "function",
+      (n) => typeof n == "function",
       "externalValidation must be a function"
     )
   )
@@ -368,7 +367,7 @@ export {
   B as CustomBlockTypeSchema,
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
-  v as DynamicContentListSchema,
+  N as DynamicContentListSchema,
   f as DynamicContentNodeSchema,
   M as DynamicContentSchema,
   O as EditorSchema,
@@ -377,14 +376,14 @@ export {
   U as FeaturesSchema,
   K as GuidoConfigSchema,
   A as IdentitySchema,
-  N as LegacyRecommendationConfigSchema,
+  P as LegacyRecommendationConfigSchema,
   p as MessageType,
   E as PartnerSchema,
   l as ProductType,
   _ as RegexRuleSchema,
   q as RemoveRuleSchema,
   H as ReplaceRuleSchema,
-  P as TemplateMigrationSchema,
+  v as TemplateMigrationSchema,
   x as TemplateSchema,
   F as UISchema
 };

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
 import o from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+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(), e.isLegacyUnsubscribeConversionEnabled ? r(e.LegacyUnsubscribeConvertedModal) : 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);
-}, t = [], n = /* @__PURE__ */ i(
+}, s = [], n = /* @__PURE__ */ i(
   o,
-  s,
   t,
+  s,
   !1,
   null,
-  "6cdd5182"
+  "f0ba01bc"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,62 +1,70 @@
-import { defineComponent as de, defineAsyncComponent as c, ref as W, computed as l, watch as G, onMounted as me, onUnmounted as le } from "vue";
+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 be } from "../composables/useSaveValidationRollout.js";
-import { useStripo as ve } 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 he } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as z, disposeStrategyPageReturnListeners as Ee } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { disposeUnsubscribeListeners as we } from "../extensions/Blocks/Unsubscribe/block.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 De from "./organisms/base/AuthErrorModal.vue.js";
-import ke from "./organisms/base/Toaster.vue.js";
-import Fe from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Le from "./organisms/header/HeaderWrapper.vue.js";
-import Re from "./organisms/LoadingWrapper.vue.js";
-import Me from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Ue from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import Te from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as Ie } from "../services/stripoApi.js";
-import { useConfigStore as Ae } from "../stores/config.js";
-import { useDynamicContentStore as Be } from "../stores/dynamic-content.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 Ne } from "../stores/preview.js";
-import { useSaveValidationStore as Pe } from "../stores/save-validation.js";
-import { useTemplateStore as _e } from "../stores/template.js";
-import { useUnsubscribeStore as Oe } from "../stores/unsubscribe.js";
-import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
-const vo = /* @__PURE__ */ de({
+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 a = q, j = c(
+  setup(j, { expose: J, emit: r }) {
+    const i = j, Q = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), J = c(
+    ), X = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), Q = c(
+    ), Y = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), X = c(
+    ), Z = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), Y = c(
+    ), w = W(), ee = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), Z = c(
-      () => import("./organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js")
-    ), w = W(), f = W(), y = Be(), C = Oe(), t = Ae();
-    a.ready && t.init(a.config);
-    const d = E(), ee = Ne(), u = l(() => d.hasChanges), { isTestPartner: oe } = ge(), { isEnabled: te, loadRollout: D } = be(), k = () => {
+    ), 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;
-      return (o = w.value) == null ? void 0 : o.handleSave(!0);
+      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) => {
-      d.loadingStatus = o;
+      a.loadingStatus = o;
     };
     ue(), ye();
     const g = () => {
@@ -66,18 +74,16 @@ const vo = /* @__PURE__ */ de({
         userId: t.userId,
         username: t.username,
         partnerName: t.partnerName,
-        savedModulesFolderName: ((o = t.editor) == null ? void 0 : o.savedModulesFolderName) || $.SAVED_MODULES,
-        defaultModulesFolderName: ((e = t.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
+        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: L, preloadRuntime: R } = ve(), { runExclusive: M, beginMount: U, isCurrentMount: b } = pe();
-    let p = 0;
-    const { getDefaultTemplate: T } = Ie(), { cloneTimersOnSave: I, hasTimerBlocks: A } = Se(), ne = l(() => {
+    }, { initPlugin: L, preloadRuntime: M } = Se(), { runExclusive: I, beginMount: U, isCurrentMount: v } = pe();
+    let u = 0;
+    const { getDefaultTemplate: O } = Be(), { cloneTimersOnSave: A, hasTimerBlocks: B } = be(), re = p(() => {
       var o;
       return !((o = t.ui) != null && o.showHeader);
-    }), re = l(() => t.isFeatureEnabled("reusableRecommendationStrategy")), se = l(
-      () => t.isFeatureEnabled("legacyUnsubscribeConversion")
-    ), ae = l(
-      () => !!z().recommendationConfigs.strategyId
+    }), se = p(() => t.isFeatureEnabled("reusableRecommendationStrategy")), ie = p(
+      () => !!q().recommendationConfigs.strategyId
     );
     fe({
       onBack: () => {
@@ -94,90 +100,91 @@ const vo = /* @__PURE__ */ de({
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const B = (o) => {
+    const N = (o) => {
       console.debug("dynamic-content:close", o), y.setSelectedDynamicContent(o), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: o }));
-    }, N = () => {
+    }, P = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    G(() => u.value, () => {
-      r("on-change", u.value);
+    G(() => l.value, () => {
+      r("on-change", l.value);
     });
-    const v = (o) => {
-      const e = o, { attribute: s, position: m } = e.detail;
-      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, m);
+    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;
-    const S = () => {
+    let c = null;
+    const b = () => {
       var e;
-      const o = document.querySelector(he);
+      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 o;
       try {
-        t.initialized || t.init(a.config), d.templateId = t.templateId;
-        const e = t.template, s = (e == null ? void 0 : e.html) || "", m = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const _ = ((o = e == null ? void 0 : e.migration) == null ? void 0 : o.recommendationConfigs) ?? {}, O = t.isFeatureEnabled("linkTrackingIds"), x = {
+        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 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: t.isFeatureEnabled("reusableRecommendationStrategy")
         };
         let n = {
-          html: s && await V(s, _, x),
-          css: m
+          html: s && await $(s, V, H),
+          css: d
         };
-        n.html || (n = await T(), n.html = await V(n.html, _, x));
-        const ie = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        A(n.html) && (n.html = await I(n.html)), O && (d.trackIdSessionFloor = Math.max(ie, H(n.html)));
+        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: P,
+          preselectedDynamicContentList: _,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        p = U(), await L(n, g(), ce), y.selectedDynamicContentList = P;
+        u = U(), await L(n, g(), ce), y.selectedDynamicContentList = _;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return me(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), E().$reset(), _e().$reset(), Pe().$reset(), D(), S();
+      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 && (i = new ResizeObserver(S), i.observe(o)), R(), a.ready)
+      if (o && (c = new ResizeObserver(b), c.observe(o)), M(), i.ready)
         await h();
       else {
-        const s = G(() => a.ready, (m) => {
-          m && (s(), h());
+        const s = G(() => i.ready, (d) => {
+          d && (s(), h());
         });
       }
-      document.addEventListener("dynamic-content:open", v);
+      document.addEventListener("dynamic-content:open", S);
     }), le(() => {
-      if (we(), Ee(), i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), b(p))
+      if (ke(), Te(), c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", S), v(u))
         try {
-          E().isStripoInitialized = !1;
+          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 (b(p))
+      I(async () => {
+        if (v(u))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), t.reset();
-    }), K({
+    }), J({
       dynamicContent: {
-        insert: B,
-        close: N
+        insert: N,
+        close: P
       },
-      hasChanges: u,
-      saveSilent: k,
+      hasChanges: l,
+      saveSilent: R,
       setLoading: F
-    }), { __sfc: !0, PreviewContainer: j, OnboardingWrapper: J, AssignStrategyDrawer: Q, RemoveStrategyModal: X, LegacyStrategyUpdatedModal: Y, LegacyUnsubscribeConvertedModal: Z, headerWrapperRef: w, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: a, configStore: t, editorStore: d, previewStore: ee, hasChanges: u, isTestPartner: oe, isSaveValidationEnabled: te, loadRollout: D, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: L, preloadRuntime: R, runExclusive: M, beginMount: U, isCurrentMount: b, mountGeneration: p, getDefaultTemplate: T, cloneTimersOnSave: I, hasTimerBlocks: A, noHeader: ne, isRrsEnabled: re, isLegacyUnsubscribeConversionEnabled: se, hasAssignedStrategy: ae, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: h, AutoSaveController: Ce, AuthErrorModal: De, Toaster: ke, FilterSelectionDrawer: Fe, HeaderWrapper: Le, LoadingWrapper: Re, SaveAsTemplateDrawer: Me, UnsubscribeWrapper: Ue, ValidationErrorDrawer: Te };
+    }), { __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 {
-  vo 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
+};