@useinsider/guido 3.11.0-beta.181af4d → 3.11.0-beta.2041d0a

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 i, pipe as p, minLength as b, custom as y, boolean as o, array as c, record as h, literal as l, looseObject as k, variant as g, union as f, unknown as n } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as s, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, literal as i, looseObject as y, variant as g, union as f, unknown as n } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -38,7 +38,7 @@ const d = {
   ),
   /** Product type identifier */
   productType: e(
-    i([
+    l([
       r.EMAIL,
       r.ARCHITECT,
       r.UNSUBSCRIBE_PAGES
@@ -47,7 +47,7 @@ const d = {
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    i([d.PROMOTIONAL, d.TRANSACTIONAL]),
+    l([d.PROMOTIONAL, d.TRANSACTIONAL]),
     d.PROMOTIONAL
   ),
   /** Display name for the current user */
@@ -68,7 +68,7 @@ const d = {
       value: t()
     })
   )
-}), I = k({
+}), I = y({
   /** 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) */
@@ -121,7 +121,7 @@ const d = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    h(t(), I),
+    k(t(), I),
     {}
   )
 }), P = a({
@@ -183,10 +183,8 @@ const d = {
   /** Enable Liquid template syntax */
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1),
-  /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-  accessibilityTesting: e(o(), !1)
-}), N = i([
+  autosave: e(o(), !1)
+}), N = l([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -200,7 +198,7 @@ const d = {
   "text-block",
   "timer-block",
   "video-block"
-]), D = i([
+]), D = l([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -228,7 +226,7 @@ const d = {
   priority: s()
 }), F = a({
   ...m.entries,
-  type: l("replace"),
+  type: i("replace"),
   /** String to search for */
   search: t(),
   /** Replacement string */
@@ -237,7 +235,7 @@ const d = {
   replaceAll: e(o())
 }), U = a({
   ...m.entries,
-  type: l("regex"),
+  type: i("regex"),
   /** Regex pattern string */
   pattern: t(),
   /** Replacement string (supports $1, $2, etc.) */
@@ -246,14 +244,14 @@ const d = {
   flags: e(t())
 }), B = a({
   ...m.entries,
-  type: l("remove"),
+  type: i("remove"),
   /** Strings or patterns to remove */
   targets: c(t())
 }), w = a({
   ...m.entries,
-  type: l("custom"),
+  type: i("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (u) => typeof u == "function",
     "processor must be a function"
   )
@@ -273,7 +271,7 @@ const d = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (u) => typeof u == "function",
       "externalValidation must be a function"
     )

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,21 +1,21 @@
-import r from "./EditorActions.vue2.js";
+import l from "./EditorActions.vue2.js";
 /* empty css                   */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var i, s;
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "d-f a-i-c editor-actions" }, [(s = (i = t.config) == null ? void 0 : i.features) != null && s.testMessage && !t.editorStore.isPreviewModeOpen ? o(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 } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(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", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
     return t.handleSave(!1);
-  } } }), o(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, d = [], c = /* @__PURE__ */ a(
-  r,
+}, p = [], c = /* @__PURE__ */ d(
   l,
-  d,
+  u,
+  p,
   !1,
   null,
-  "d51fb931"
+  "82128f7d"
 );
 const v = c.exports;
 export {

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

@@ -1,50 +1,66 @@
-import { defineComponent as C, ref as g } from "vue";
-import { useActionsApi as y } from "../../../composables/useActionsApi.js";
-import { useConfig as T } from "../../../composables/useConfig.js";
-import { useTestEmailClick as M } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as h } from "../../../composables/useHtmlCompiler.js";
-import { useSave as x } from "../../../composables/useSave.js";
-import { useTranslations as A } from "../../../composables/useTranslations.js";
-import { useLiquidValidator as V } from "../../../composables/validators/useLiquidValidator.js";
-import { useEditorStore as q } from "../../../stores/editor.js";
-import { useTemplateStore as w } from "../../../stores/template.js";
-import { getTooltipOptions as H } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as k } from "@useinsider/design-system-vue";
-import { storeToRefs as F } from "pinia";
-import L from "./EditorActionsMenu.vue.js";
-import R from "./MigrationConfirmModal.vue.js";
-const Z = /* @__PURE__ */ C({
+import { defineComponent as O, ref as n, computed as h } from "vue";
+import { useActionsApi as q } from "../../../composables/useActionsApi.js";
+import { useConfig as b } from "../../../composables/useConfig.js";
+import { useExport as k } from "../../../composables/useExport.js";
+import { useTestEmailClick as B } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as D } from "../../../composables/useHtmlCompiler.js";
+import { useSave as F } from "../../../composables/useSave.js";
+import { useTranslations as L } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as R } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as z } from "../../../composables/validators/useLiquidValidator.js";
+import { useEditorStore as I } from "../../../stores/editor.js";
+import { useTemplateStore as P } from "../../../stores/template.js";
+import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as G } from "@useinsider/design-system-vue";
+import { storeToRefs as J } from "pinia";
+import K from "./MigrationConfirmModal.vue.js";
+const ut = /* @__PURE__ */ O({
   __name: "EditorActions",
-  setup(b, { expose: v }) {
-    const { config: S, isFeatureEnabled: a } = T(), { save: r } = x(), { getCompiledEmail: s } = y(), { compileHtml: n } = h(), { validateLiquidSyntax: m } = V(), e = q(), l = w(), { hasMigrations: f } = F(l), E = A(), i = g(!1), u = g(), c = M(), p = async (t) => {
-      i.value = !0, t || (e.loadingStatus = !0);
-      const o = await r(t);
-      return i.value = !1, !t && !o && (e.loadingStatus = !1), o;
-    }, d = (t) => {
+  setup(N, { expose: x }) {
+    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
+      if (e.isVersionHistoryOpen) {
+        p();
+        return;
+      }
+      c();
+    }, w = async () => {
+      i.value = !0, await m(), i.value = !1;
+    }, _ = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
+      () => {
+        var t, o;
+        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+      }
+    ), V = async (t) => {
+      r.value = !0, t || (e.loadingStatus = !0);
+      const o = await u(t);
+      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
+    }, E = (t) => {
       var o;
-      if (!t && f.value) {
-        (o = u.value) == null || o.open();
+      if (!t && g.value) {
+        (o = S.value) == null || o.open();
         return;
       }
-      return p(t);
-    }, _ = async () => {
-      if (a("liquidSyntax")) {
+      return V(t);
+    }, M = async () => {
+      if (l("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await s({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = n(t);
-          if (!await m(o))
+          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
+          if (!await v(o))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      c();
+      H();
     };
-    return v({
-      handleSave: d
-    }), { __sfc: !0, config: S, isFeatureEnabled: a, save: r, getCompiledEmail: s, compileHtml: n, validateLiquidSyntax: m, editorStore: e, templateStore: l, hasMigrations: f, trans: E, isSaving: i, migrationModalRef: u, testEmailClick: c, executeSave: p, handleSave: d, handleTestEmail: _, getTooltipOptions: H, InButtonV2: k, EditorActionsMenu: L, MigrationConfirmModal: R };
+    return x({
+      handleSave: E
+    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
   }
 });
 export {
-  Z as default
+  ut as default
 };

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

@@ -10,9 +10,9 @@ var s = function() {
   d,
   !1,
   null,
-  "d11dd577"
+  "5c02dcc7"
 );
-const c = i.exports;
+const p = i.exports;
 export {
-  c as default
+  p as default
 };

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

@@ -8,8 +8,6 @@ const c = /* @__PURE__ */ n({
   setup(l, { expose: r }) {
     const e = m(null);
     return r({
-      // Stryker disable next-line OptionalChaining: RightSlot is always rendered (no
-      // v-if), so rightSlotRef.value is never null and `?.` cannot short-circuit.
       handleSave: (t) => {
         var o;
         return (o = e.value) == null ? void 0 : o.handleSave(t);

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

@@ -1,8 +1,8 @@
 import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var o = this, i = o._self._c, e = o._self._setupProxy;
-  return i("div", { staticClass: "d-f a-i-c" }, [e.editorStore.isVersionHistoryOpen ? i("div", { staticClass: "d-f" }, [i(e.VersionHistory), i(e.VersionHistoryViewOptions)], 1) : e.editorStore.isPreviewModeOpen ? i("div", { staticClass: "d-f" }, [i(e.EmailSizeIndicator), i(e.AmpToggle)], 1) : e.editorStore.isAccessibilityTestingOpen ? i(e.AccessibilityToolbar) : o._e(), i(e.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: e.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
+  var o = this, e = o._self._c, i = o._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
 }, a = [], n = /* @__PURE__ */ s(
   r,
   t,
@@ -11,7 +11,7 @@ var t = function() {
   null,
   null
 );
-const _ = n.exports;
+const c = n.exports;
 export {
-  _ as default
+  c as default
 };

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

@@ -2,16 +2,15 @@ import { defineComponent as o } from "vue";
 import r from "../email-preview/amp/AmpToggle.vue.js";
 import t from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
 import { useEditorStore as i } from "../../../stores/editor.js";
-import e from "./accessibility/AccessibilityToolbar.vue.js";
-import m from "./EditorToolbar.vue.js";
-import p from "./version-history/VersionHistory.vue.js";
-import s from "./version-history/ViewOptions.vue.js";
-const y = /* @__PURE__ */ o({
+import e from "./EditorToolbar.vue.js";
+import m from "./version-history/VersionHistory.vue.js";
+import p from "./version-history/ViewOptions.vue.js";
+const S = /* @__PURE__ */ o({
   __name: "MiddleSlot",
-  setup(f) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AccessibilityToolbar: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
+  setup(s) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
   }
 });
 export {
-  y as default
+  S as default
 };

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

@@ -1,11 +1,11 @@
-import i from "./RightSlot.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c" }, [t.editorStore.isVersionHistoryOpen ? s._e() : e(t.AutoSaveStatus), t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-1", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : s._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
-}, a = [], n = /* @__PURE__ */ r(
-  i,
-  o,
+import s from "./RightSlot.vue2.js";
+import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [t.editorStore.isVersionHistoryOpen ? i._e() : e(t.AutoSaveToggle), t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-1", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : i._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
+}, a = [], n = /* @__PURE__ */ o(
+  s,
+  r,
   a,
   !1,
   null,

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

@@ -1,23 +1,23 @@
-import { defineComponent as a, ref as u, computed as f } from "vue";
-import { useConfig as p } from "../../../composables/useConfig.js";
+import { defineComponent as a, ref as f, computed as p } from "vue";
+import { useConfig as u } from "../../../composables/useConfig.js";
 import { useTranslations as d } from "../../../composables/useTranslations.js";
-import { useEditorStore as c } from "../../../stores/editor.js";
-import { InChips as l } from "@useinsider/design-system-vue";
-import S from "./AutoSaveStatus.vue.js";
-import _ from "./EditorActions.vue.js";
-import h from "./version-history/RestoreButton.vue.js";
-const y = /* @__PURE__ */ a({
+import { useEditorStore as l } from "../../../stores/editor.js";
+import { InChips as c } from "@useinsider/design-system-vue";
+import _ from "./AutoSaveToggle.vue.js";
+import S from "./EditorActions.vue.js";
+import g from "./version-history/RestoreButton.vue.js";
+const T = /* @__PURE__ */ a({
   __name: "RightSlot",
-  setup(v, { expose: e }) {
-    const { isFeatureEnabled: o } = p(), i = d(), n = c(), t = u(null), s = f(() => o("liquidSyntax"));
-    return e({
+  setup(h, { expose: r }) {
+    const { isFeatureEnabled: o } = u(), i = d(), n = l(), t = f(null), s = p(() => o("liquidSyntax"));
+    return r({
       handleSave: (m) => {
-        var r;
-        return (r = t.value) == null ? void 0 : r.handleSave(m);
+        var e;
+        return (e = t.value) == null ? void 0 : e.handleSave(m);
       }
-    }), { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: n, editorActionsRef: t, isLiquidEnabled: s, InChips: l, AutoSaveStatus: S, EditorActions: _, RestoreButton: h };
+    }), { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: n, editorActionsRef: t, isLiquidEnabled: s, InChips: c, AutoSaveToggle: _, EditorActions: S, RestoreButton: g };
   }
 });
 export {
-  y as default
+  T as default
 };

package/dist/components/organisms/header/version-history/VersionHistory.vue.js

@@ -14,7 +14,7 @@ var n = function() {
   a,
   !1,
   null,
-  "fad98586"
+  "64c52560"
 );
 const _ = c.exports;
 export {

package/dist/config/i18n/en/labels.json.js

@@ -5,23 +5,6 @@ const e = "Items", o = {
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
-  "email-editor.a11y-hide-images": "Hide images",
-  "email-editor.a11y-show-images": "Show images",
-  "email-editor.cvd-none": "No Color Deficiency",
-  "email-editor.cvd-protanopia": "Protanopia",
-  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
-  "email-editor.cvd-deuteranopia": "Deuteranopia",
-  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
-  "email-editor.cvd-tritanopia": "Tritanopia",
-  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
-  "email-editor.cvd-achromatopsia": "Achromatopsia",
-  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
-  "email-editor.more-actions": "More actions",
-  "email-editor.preferences": "Preferences",
-  "email-editor.actions": "Actions",
-  "email-editor.accessibility-test": "Accessibility Test",
-  "email-editor.autosaved-at-today": "Autosaved at {time}, Today",
-  "email-editor.autosaved-at-date": "Autosaved at {date}",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__trigger[data-v-383f6378]{height:32px;padding:0 8px;border:none;border-radius:6px;background-color:#f1f3fe;cursor:pointer}.color-vision-select__trigger[data-v-383f6378]:disabled{cursor:not-allowed;opacity:.6}.color-vision-select__label[data-v-383f6378]{white-space:nowrap}.color-vision-select__menu[data-v-383f6378]{top:calc(100% + 4px);left:0;z-index:20;width:320px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.color-vision-select__option[data-v-383f6378]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.color-vision-select__option[data-v-383f6378]:hover,.color-vision-select__option_selected[data-v-383f6378]{background-color:#f1f3fe}.color-vision-select__option-description[data-v-383f6378]{margin-top:2px}.accessibility-toolbar[data-v-e222d603]{gap:8px}.accessibility-toolbar__divider[data-v-e222d603]{width:1px;height:24px;background-color:#e5e7f0}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions-menu__panel[data-v-287a74e3]{top:calc(100% + 4px);right:0;z-index:20;width:222px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.editor-actions-menu__section[data-v-287a74e3]{padding:8px 8px 4px;text-transform:uppercase;letter-spacing:.4px}.editor-actions-menu__row[data-v-287a74e3]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.editor-actions-menu__row[data-v-287a74e3]:not(.editor-actions-menu__row_static):hover{background-color:#f1f3fe}.editor-actions-menu__row_static[data-v-287a74e3]{cursor:default}.editor-actions-menu__row[data-v-287a74e3]:disabled{cursor:not-allowed;opacity:.6}.editor-actions-menu__divider[data-v-287a74e3]{height:1px;margin:4px 0;background-color:#e5e7f0}.editor-actions[data-v-d51fb931]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/node_modules/@vueuse/shared/index.js

@@ -1,57 +1,45 @@
 import "../../vue-demi/lib/index.js";
-import { unref as p, getCurrentScope as w, onScopeDispose as m } from "vue";
-function T(t) {
-  return w() ? (m(t), !0) : !1;
-}
-function a(t) {
+import { unref as p } from "vue";
+function f(t) {
   return typeof t == "function" ? t() : p(t);
 }
-const g = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const b = Object.prototype.toString, j = (t) => b.call(t) === "[object Object]", f = () => {
-}, x = /* @__PURE__ */ h();
-function h() {
-  var t, n;
-  return g && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function v(t, n) {
-  function o(...e) {
-    return new Promise((r, i) => {
-      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(r).catch(i);
+const m = () => {
+};
+function h(t, n) {
+  function r(...e) {
+    return new Promise((i, o) => {
+      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(i).catch(o);
     });
   }
-  return o;
+  return r;
 }
-function S(t, n = {}) {
-  let o, e, r = f;
-  const i = (u) => {
-    clearTimeout(u), r(), r = f;
+function T(t, n = {}) {
+  let r, e, i = m;
+  const o = (u) => {
+    clearTimeout(u), i(), i = m;
   };
   return (u) => {
-    const s = a(t), c = a(n.maxWait);
-    return o && i(o), s <= 0 || c !== void 0 && c <= 0 ? (e && (i(e), e = null), Promise.resolve(u())) : new Promise((l, d) => {
-      r = n.rejectOnCancel ? d : l, c && !e && (e = setTimeout(() => {
-        o && i(o), e = null, l(u());
-      }, c)), o = setTimeout(() => {
-        e && i(e), e = null, l(u());
-      }, s);
+    const a = f(t), l = f(n.maxWait);
+    return r && o(r), a <= 0 || l !== void 0 && l <= 0 ? (e && (o(e), e = null), Promise.resolve(u())) : new Promise((c, s) => {
+      i = n.rejectOnCancel ? s : c, l && !e && (e = setTimeout(() => {
+        r && o(r), e = null, c(u());
+      }, l)), r = setTimeout(() => {
+        e && o(e), e = null, c(u());
+      }, a);
     });
   };
 }
-function A(t, n = 200, o = {}) {
-  return v(
-    S(n, o),
+function P(t, n = 200, r = {}) {
+  return h(
+    T(n, r),
     t
   );
 }
 export {
-  v as createFilterWrapper,
-  S as debounceFilter,
-  g as isClient,
-  x as isIOS,
-  j as isObject,
-  f as noop,
-  a as toValue,
-  T as tryOnScopeDispose,
-  A as useDebounceFn
+  h as createFilterWrapper,
+  T as debounceFilter,
+  m as noop,
+  f as toValue,
+  P as useDebounceFn
 };

package/dist/src/@types/config/schemas.d.ts

@@ -354,8 +354,6 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-    /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-    readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -736,8 +734,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-        /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-        readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/composables/useActionsApi.d.ts

@@ -1,5 +1,5 @@
-import type { CompileEmailOptions } from '@@/Types/api/actions-api';
-import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/api/actions-api';
+import type { CompileEmailOptions } from '@@/Types/actions-api';
+import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
     getTemplateData: () => Promise<TemplateData>;

package/dist/src/composables/useConfig.d.ts

@@ -93,7 +93,6 @@ export declare const useConfig: () => {
             modulesDisabled: boolean;
             liquidSyntax: boolean;
             autosave: boolean;
-            accessibilityTesting: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -222,7 +221,6 @@ export declare const useConfig: () => {
         modulesDisabled: boolean;
         liquidSyntax: boolean;
         autosave: boolean;
-        accessibilityTesting: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];