@useinsider/guido 3.17.0-beta.bdc7d25 → 3.17.0-beta.c3ab4de

package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as u, computed as n } from "vue";
+import y from "../../../wrappers/WpModal.vue.js";
+import { useToaster as f } from "../../../../composables/useToaster.js";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { ToasterTypeOptions as v } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitBlockChangeOutsidePanel as h } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { escapeHtml as R } from "../../../../utils/htmlEscape.js";
+const P = /* @__PURE__ */ u({
+  __name: "RemoveStrategyModal",
+  setup(S) {
+    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: t("products.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "danger",
+        labelText: t("discovery-strategy.remove")
+      }
+    })), m = n(() => {
+      var o;
+      const { strategyId: r } = e.recommendationConfigs;
+      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${r}`;
+    }), s = "__STRATEGY_NAME__", d = n(() => t("email-editor.remove-strategy-confirm-message", { strategyName: s }).split(s)), c = () => {
+      e.closeRemoveStrategyModal();
+    };
+    return { __sfc: !0, trans: t, store: e, showToaster: a, footerButtonOptions: i, strategyName: m, NAME_TOKEN: s, messageParts: d, close: c, handleConfirm: async () => {
+      const r = m.value, o = e.currentRecommendationId;
+      e.removeStrategy(), c();
+      const { strategyId: l, size: g } = e.recommendationConfigs;
+      if (a({
+        type: v.Success,
+        // The toast renders through a sanitizing v-html, so the name is escaped first.
+        message: t("email-editor.strategy-removed-success", {
+          strategyName: `<b>${R(r)}</b>`
+        })
+      }), o !== null) {
+        try {
+          await e.fetchRecommendationProducts();
+        } catch (p) {
+          console.error("[RemoveStrategyModal] product refetch failed", p);
+        }
+        h(
+          o,
+          { strategyId: l, size: g },
+          e.recommendationProducts,
+          "Removed recommendation strategy"
+        );
+      }
+    }, WpModal: y };
+  }
+});
+export {
+  P as default
+};

package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue.js

@@ -1,19 +1,19 @@
-import a from "./StrategyInfoBoxContent.vue2.js";
-import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var _ = function() {
-  var t = this, s = t._self._c;
-  return t._self._setupProxy, s("div", { staticClass: "d-f f-d-c mt-3" }, t._l(t.details, function(n, e) {
-    return s("div", { key: n.title, staticClass: "d-f f-d-c", class: { "mt-2": e > 0 } }, [s("span", { staticClass: "f-s-1 f-w-600 l-h-1 t-c-52 mb-12" }, [t._v(t._s(n.title))]), s("span", { staticClass: "f-s-1 l-h-6 t-c-55 w-b-b-w" }, [t._v(t._s(n.value))])]);
+import r from "./StrategyInfoBoxContent.vue2.js";
+import _ from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var t = this, s = t._self._c, n = t._self._setupProxy;
+  return s("div", { staticClass: "d-f f-d-c mt-3" }, t._l(n.details, function(e, a) {
+    return s("div", { key: e.title, staticClass: "d-f f-d-c", class: { "mt-2": a > 0 } }, [s("span", { staticClass: "f-s-1 f-w-600 l-h-1 t-c-52 mb-12" }, [t._v(t._s(e.title))]), s("span", { staticClass: "f-s-1 l-h-6 t-c-55 w-b-b-w" }, [t._v(t._s(e.value))])]);
   }), 0);
-}, c = [], f = /* @__PURE__ */ r(
-  a,
-  _,
+}, f = [], l = /* @__PURE__ */ _(
+  r,
   c,
+  f,
   !1,
   null,
   null
 );
-const m = f.exports;
+const p = l.exports;
 export {
-  m as default
+  p as default
 };

package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue2.js

@@ -1,13 +1,63 @@
-import { defineComponent as t } from "vue";
-const o = /* @__PURE__ */ t({
+import { defineComponent as f, computed as i } from "vue";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { asText as c } from "../../../../utils/genericUtil.js";
+const j = /* @__PURE__ */ f({
   __name: "StrategyInfoBoxContent",
   props: {
-    details: null
+    strategy: null
   },
-  setup(e) {
-    return { __sfc: !0 };
+  setup(p) {
+    const a = p, n = _(), s = i(() => n("recommendation-strategy.none")), u = i(() => {
+      const e = c(a.strategy.algorithm) === "MIXED" ? n("discovery-strategy.mixed-algorithm") : n("discovery-strategy.single-algorithm"), t = c(a.strategy.algorithm_used).split(",").map((r) => r.trim()).filter(Boolean).map((r) => n(`recommendation-algorithm-names.${r.replaceAll("_", "-").toLowerCase()}`));
+      return t.length ? `${e} · ${t.join(", ")}` : e;
+    }), d = i(() => [
+      [a.strategy.exclude_view, "discovery-strategy.exclude-recently-view-items"],
+      [a.strategy.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
+      [a.strategy.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
+    ].filter(([e]) => Number(e) === 1).map(([, e]) => n(e)).join(", ") || s.value), l = (e) => {
+      const t = c(e).trim();
+      if (!t)
+        return "";
+      let r;
+      try {
+        r = JSON.parse(t);
+      } catch {
+        return t;
+      }
+      if (Array.isArray(r))
+        return r.length ? String(r.length) : "";
+      if (r && typeof r == "object") {
+        const o = Object.keys(r).length;
+        return o ? String(o) : "";
+      }
+      return t;
+    }, m = i(() => l(a.strategy.manual_merchandising) || l(a.strategy.manual_merchandising_products) || s.value), g = (e) => {
+      if (Array.isArray(e))
+        return e.length;
+      const { conditionList: t } = e ?? {};
+      return Array.isArray(t) ? t.length : 1;
+    }, y = i(() => {
+      const e = a.strategy.filters;
+      if (!e)
+        return s.value;
+      try {
+        const t = typeof e == "string" ? JSON.parse(e) : e;
+        if (!t || typeof t != "object")
+          return s.value;
+        const r = Object.values(t).reduce((o, v) => o + g(v), 0);
+        return r ? String(r) : s.value;
+      } catch {
+        return s.value;
+      }
+    }), h = i(() => [
+      { title: n("gpt-app-builder.algorithms-and-method"), value: u.value },
+      { title: n("gpt-app-builder.exclusions"), value: d.value },
+      { title: n("discovery-strategy.filters"), value: y.value },
+      { title: n("action-builder.manual-merchandising"), value: m.value }
+    ]);
+    return { __sfc: !0, props: a, trans: n, none: s, algorithmsAndMethod: u, exclusions: d, asMerchandising: l, manualMerchandising: m, conditionsIn: g, filters: y, details: h };
   }
 });
 export {
-  o as default
+  j as default
 };

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

@@ -0,0 +1,17 @@
+import e from "./AutoSaveStatus.vue2.js";
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var s = this, t = s._self._c, a = s._self._setupProxy;
+  return a.isFeatureEnabled("autosave") ? t("div", { staticClass: "d-f a-i-c auto-save-status" }, [a.autosaveStore.status === a.AUTOSAVE_STATUS.SAVING ? t("span", { staticClass: "d-f a-i-c f-s-1" }, [t(a.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), t("span", { staticClass: "ml-1 t-c-53" }, [s._v(s._s(a.trans("newsletter.saving")))])], 1) : a.savedLabel ? t("span", { staticClass: "f-s-1 t-c-53", domProps: { innerHTML: s._s(a.savedLabel) } }) : s._e()]) : s._e();
+}, o = [], _ = /* @__PURE__ */ n(
+  e,
+  r,
+  o,
+  !1,
+  null,
+  null
+);
+const u = _.exports;
+export {
+  u as default
+};

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

@@ -0,0 +1,21 @@
+import { defineComponent as i, computed as u } from "vue";
+import { useConfig as d } from "../../../composables/useConfig.js";
+import { useTranslations as p } from "../../../composables/useTranslations.js";
+import { useAutosaveStore as f, AUTOSAVE_STATUS as o } from "../../../stores/autosave.js";
+import { autoSaveTimestamp as S } from "../../../utils/timeUtil.js";
+import { InLoading as c } from "@useinsider/design-system-vue";
+const g = /* @__PURE__ */ i({
+  __name: "AutoSaveStatus",
+  setup(v) {
+    const { isFeatureEnabled: a } = d(), t = f(), e = p(), s = u(() => {
+      if (t.status !== o.SAVED || !t.lastSavedAt)
+        return "";
+      const { isToday: r, time: m, date: n } = S(t.lastSavedAt);
+      return r ? e("email-editor.autosaved-at-today", { time: m }) : e("email-editor.autosaved-at-date", { date: n });
+    });
+    return { __sfc: !0, isFeatureEnabled: a, autosaveStore: t, trans: e, savedLabel: s, AUTOSAVE_STATUS: o, InLoading: c };
+  }
+});
+export {
+  g as default
+};

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

@@ -1,23 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import r from "./EditorActions.vue2.js";
 /* empty css                   */
-import d from "../../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
-  var s, i, n, a;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var d = function() {
+  var o, s;
+  var e = this, i = e._self._c, t = e._self._setupProxy;
+  return i("div", { staticClass: "d-f a-i-c editor-actions" }, [t.editorStore.isPreviewModeOpen ? e._e() : i("div", { staticClass: "editor-actions__divider" }), (s = (o = t.config) == null ? void 0 : o.features) != null && s.testMessage && !t.editorStore.isPreviewModeOpen ? i(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() : i(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? e._e() : i("div", { staticClass: "editor-actions__divider" }), t.editorStore.isPreviewModeOpen ? e._e() : i(t.InButtonV2, { attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(n) {
     return t.handleSave(!1);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
+  } } }), i(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
     return t.executeSave(!1);
   } } })], 1);
-}, p = [], c = /* @__PURE__ */ d(
+}, l = [], c = /* @__PURE__ */ a(
+  r,
+  d,
   l,
-  u,
-  p,
   !1,
   null,
-  "6e711fd7"
+  "8aa5b2ca"
 );
-const v = c.exports;
+const p = c.exports;
 export {
-  v as default
+  p as default
 };

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

@@ -1,66 +1,50 @@
-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({
+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({
   __name: "EditorActions",
-  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) => {
+  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) => {
       var o;
-      if (!t && g.value) {
-        (o = S.value) == null || o.open();
+      if (!t && f.value) {
+        (o = u.value) == null || o.open();
         return;
       }
-      return V(t);
-    }, M = async () => {
-      if (l("liquidSyntax")) {
+      return p(t);
+    }, _ = async () => {
+      if (a("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
-          if (!await v(o))
+          const { html: t } = await s({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = n(t);
+          if (!await m(o))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      H();
+      c();
     };
-    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 };
+    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 };
   }
 });
 export {
-  ut as default
+  Z as default
 };

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

@@ -0,0 +1,20 @@
+import i from "./EditorActionsMenu.vue2.js";
+/* empty css                       */
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { ref: "root", staticClass: "editor-actions-menu p-r" }, [e(t.InButtonV2, { attrs: { id: "guido__kebab-button", "data-testid": "Editor Actions Menu", "left-icon": "line-more-vertical", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.isOpen, "tooltip-options": t.getTooltipOptions("guido__kebab-button"), "tooltip-text": t.trans("email-editor.more-actions") }, on: { click: function(l) {
+    t.isOpen = !t.isOpen;
+  } } }), t.isOpen ? e("div", { staticClass: "editor-actions-menu__panel p-a" }, [t.isAutosaveVisible ? [e("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-53" }, [s._v(" " + s._s(t.trans("email-editor.preferences")) + " ")]), e("div", { staticClass: "editor-actions-menu__row editor-actions-menu__row_static d-f a-i-c j-c-s-b" }, [e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("email-editor.auto-save")))]), e(t.InToggle, { attrs: { id: "guido__kebab-autosave-toggle", name: "guido-kebab-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggleAutosave } })], 1), e("div", { staticClass: "editor-actions-menu__divider" })] : s._e(), e("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-53" }, [s._v(" " + s._s(t.trans("email-editor.actions")) + " ")]), t.isVersionHistoryVisible ? e("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-version-history", type: "button", disabled: t.editorStore.isVersionHistoryButtonDisabled }, on: { click: t.handleVersionHistory } }, [e(t.InIcons, { staticClass: "mr-2 editor-actions-menu__icon", attrs: { name: "line-reset", size: "24" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("newsletter.version-history")))])], 1) : s._e(), t.isAccessibilityVisible ? e("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-accessibility", type: "button", disabled: t.editorStore.loadingStatus }, on: { click: t.handleAccessibility } }, [e(t.InIcons, { staticClass: "mr-2 editor-actions-menu__icon", attrs: { name: "line-accessibility", size: "24" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("email-editor.accessibility-test")))])], 1) : s._e(), t.isSaveAsVisible ? e("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-save-as", type: "button", disabled: t.editorStore.isSaveAsButtonDisabled }, on: { click: t.handleSaveAs } }, [e(t.InIcons, { staticClass: "mr-2 editor-actions-menu__icon", attrs: { name: "line-newsletter-save-as-template", size: "24" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("newsletter.save-templates")))])], 1) : s._e(), e("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-export", type: "button", disabled: t.isExporting || t.editorStore.isExportButtonDisabled }, on: { click: t.handleExport } }, [e(t.InIcons, { staticClass: "mr-2 editor-actions-menu__icon", attrs: { name: "line-export", size: "24" } }), e("span", { staticClass: "f-s-2" }, [s._v(s._s(t.trans("email-editor.export-html")))])], 1)], 2) : s._e()], 1);
+}, n = [], r = /* @__PURE__ */ a(
+  i,
+  o,
+  n,
+  !1,
+  null,
+  "7857bcef"
+);
+const b = r.exports;
+export {
+  b as default
+};

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

@@ -0,0 +1,39 @@
+import { defineComponent as O, ref as c, computed as t } from "vue";
+import { useAccessibilityApi as x } from "../../../composables/useAccessibilityApi.js";
+import { useConfig as h } from "../../../composables/useConfig.js";
+import { useExport as I } from "../../../composables/useExport.js";
+import { useTranslations as B } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as C } from "../../../composables/useVersionHistoryApi.js";
+import { useAutosaveStore as w } from "../../../stores/autosave.js";
+import { useEditorStore as M } from "../../../stores/editor.js";
+import { getTooltipOptions as k } from "../../../utils/tooltipUtils.js";
+import { InToggle as D, InIcons as F, InButtonV2 as j } from "@useinsider/design-system-vue";
+import { onClickOutside as q } from "../../../node_modules/@vueuse/core/index.js";
+const Y = /* @__PURE__ */ O({
+  __name: "EditorActionsMenu",
+  setup(z) {
+    const { config: i, isFeatureEnabled: n } = h(), { exportHtml: l } = I(), { openVersionHistory: p, closeVersionHistory: u } = C(), { toggleAccessibilityTestingMode: m } = x(), r = M(), f = w(), d = B(), v = c(!1), a = c(!1), A = c(null), y = t(() => n("autosave")), g = t(() => {
+      var o, e;
+      return !!((e = (o = i.value) == null ? void 0 : o.features) != null && e.versionHistory);
+    }), V = t(() => n("accessibilityTesting")), b = t(() => {
+      var o, e;
+      return !!((e = (o = i.value) == null ? void 0 : o.features) != null && e.saveAsTemplate);
+    }), s = () => {
+      v.value = !1;
+    }, H = () => {
+      r.isVersionHistoryOpen ? u() : p(), s();
+    }, _ = () => {
+      m(), s();
+    }, S = () => {
+      r.isSaveAsTemplateDrawerOpen = !0, s();
+    }, T = async () => {
+      a.value = !0, await l(), a.value = !1, s();
+    }, E = (o) => {
+      f.isOn = o;
+    };
+    return q(A, s), { __sfc: !0, config: i, isFeatureEnabled: n, exportHtml: l, openVersionHistory: p, closeVersionHistory: u, toggleAccessibilityTestingMode: m, editorStore: r, autosaveStore: f, trans: d, isOpen: v, isExporting: a, root: A, isAutosaveVisible: y, isVersionHistoryVisible: g, isAccessibilityVisible: V, isSaveAsVisible: b, close: s, handleVersionHistory: H, handleAccessibility: _, handleSaveAs: S, handleExport: T, toggleAutosave: E, getTooltipOptions: k, InButtonV2: j, InIcons: F, InToggle: D };
+  }
+});
+export {
+  Y as default
+};

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

@@ -1,16 +1,16 @@
 import o from "./LeftSlot.vue2.js";
 /* empty css              */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
   var e = this, s = e._self._c, t = e._self._setupProxy;
   return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "ghost", type: "secondary", "disabled-status": t.isBackButtonDisabled, "label-text": t.backButtonLabel, "skeleton-sizing": { width: 150, height: 26 }, "skeleton-status": t.editorStore.loadingStatus }, on: { click: t.handleBackClick } })], 1);
-}, i = [], r = /* @__PURE__ */ a(
+}, i = [], r = /* @__PURE__ */ n(
   o,
-  n,
+  a,
   i,
   !1,
   null,
-  "73199fa4"
+  "2f127fb6"
 );
 const f = r.exports;
 export {

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

@@ -1,36 +1,41 @@
-import { defineComponent as l, computed as p, ref as d } from "vue";
-import { useConfig as k } from "../../../composables/useConfig.js";
-import { useBack as B } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
-import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { defineComponent as p, computed as d, ref as b } from "vue";
+import { useAccessibilityApi as k } from "../../../composables/useAccessibilityApi.js";
+import { useConfig as B } from "../../../composables/useConfig.js";
+import { useBack as v } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as y } from "../../../composables/usePreviewMode.js";
+import { useTranslations as A } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as V } from "../../../stores/editor.js";
-import { InButtonV2 as w } from "@useinsider/design-system-vue";
-import { useDebounceFn as y } from "../../../node_modules/@vueuse/shared/index.js";
-const D = /* @__PURE__ */ l({
+import { useEditorStore as g } from "../../../stores/editor.js";
+import { InButtonV2 as O } from "@useinsider/design-system-vue";
+import { useDebounceFn as M } from "../../../node_modules/@vueuse/shared/index.js";
+const F = /* @__PURE__ */ p({
   __name: "LeftSlot",
-  setup(C) {
-    const e = V(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), f = p(() => {
-      var u, m;
-      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (m = (u = t.value) == null ? void 0 : u.ui) != null && m.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    }), r = d(!1), c = () => {
+  setup(V) {
+    const e = g(), s = v(), { closeVersionHistory: r } = _(), { closePreviewMode: n } = y(), { closeAccessibilityTestingMode: c } = k(), o = A(), { config: t } = B(), f = d(() => {
+      var l, m;
+      return e.isVersionHistoryOpen || e.isPreviewModeOpen || e.isAccessibilityTestingOpen ? o("email-editor.back-to-editor") : (m = (l = t.value) == null ? void 0 : l.ui) != null && m.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
+    }), i = b(!1), a = () => {
       if (e.isVersionHistoryOpen) {
-        n();
+        r();
         return;
       }
       if (e.isPreviewModeOpen) {
-        s();
+        n();
+        return;
+      }
+      if (e.isAccessibilityTestingOpen) {
+        c();
         return;
       }
-      i();
-    }, a = y(() => {
-      c(), r.value = !1;
+      s();
+    }, u = M(() => {
+      a(), i.value = !1;
     }, 500);
-    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: f, isBackButtonDisabled: r, executeBackAction: c, debouncedBackAction: a, handleBackClick: () => {
-      r.value = !0, a();
-    }, InButtonV2: w };
+    return { __sfc: !0, editorStore: e, handleBack: s, closeVersionHistory: r, closePreviewMode: n, closeAccessibilityTestingMode: c, trans: o, config: t, backButtonLabel: f, isBackButtonDisabled: i, executeBackAction: a, debouncedBackAction: u, handleBackClick: () => {
+      i.value = !0, u();
+    }, InButtonV2: O };
   }
 });
 export {
-  D as default
+  F as default
 };

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, 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);
+  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);
 }, a = [], n = /* @__PURE__ */ s(
   r,
   t,
@@ -11,7 +11,7 @@ var t = function() {
   null,
   null
 );
-const c = n.exports;
+const _ = n.exports;
 export {
-  c as default
+  _ as default
 };

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

@@ -2,15 +2,16 @@ 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 "./EditorToolbar.vue.js";
-import m from "./version-history/VersionHistory.vue.js";
-import p from "./version-history/ViewOptions.vue.js";
-const S = /* @__PURE__ */ o({
+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({
   __name: "MiddleSlot",
-  setup(s) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
+  setup(f) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AccessibilityToolbar: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
   }
 });
 export {
-  S as default
+  y as default
 };

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

@@ -1,17 +1,18 @@
 import s from "./RightSlot.vue2.js";
+/* empty css               */
 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(
+  var e = this, i = e._self._c, t = e._self._setupProxy;
+  return i("div", { staticClass: "d-f a-i-c right-slot" }, [t.isNormalMode ? i(t.AutoSaveStatus) : e._e(), t.isLiquidEnabled && t.isNormalMode ? i(t.InChips, { 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") } }) : e._e(), t.isNormalMode ? i(t.EditorActions, { ref: "editorActionsRef" }) : t.editorStore.isVersionHistoryOpen ? i(t.RestoreButton) : e._e()], 1);
+}, a = [], d = /* @__PURE__ */ o(
   s,
   r,
   a,
   !1,
   null,
-  null
+  "1ad38e93"
 );
-const u = n.exports;
+const c = d.exports;
 export {
-  u as default
+  c as default
 };