@useinsider/guido 3.18.0-beta.19e1253 → 3.18.0-beta.206bb3f

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as h, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -68,22 +68,22 @@ const p = {
       value: t()
     })
   )
-}), S = I(() => g({
+}), f = I(() => g({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
+  select_items: e(c(f))
 })), N = k(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const p = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -189,9 +189,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -216,6 +216,8 @@ const p = {
   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),
   /** 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) */
@@ -288,7 +290,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -308,7 +310,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
@@ -344,7 +346,7 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   E as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,

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

@@ -1,23 +1,21 @@
-import s from "./AssignStrategyDrawer.vue2.js";
+import r from "./AssignStrategyDrawer.vue2.js";
 /* empty css                          */
 /* empty css                          */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return t.store.assignStrategyDrawerStatus ? r(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
-    return [r("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [r(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "create-button-visible": "", "info-box-position": "bottom right", loading: t.store.strategiesLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { create: function(l) {
-      return t.store.openStrategyCreation();
-    }, select: t.onSelect } })], 1)];
-  }, proxy: !0 }], null, !1, 4266143898) }) : e._e();
-}, n = [], i = /* @__PURE__ */ o(
-  s,
-  a,
+import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var e = this, s = e._self._c, t = e._self._setupProxy;
+  return t.store.assignStrategyDrawerStatus ? s(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
+    return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "info-box-position": "bottom right", "create-button-visible": !1, loading: t.store.strategiesLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { select: t.onSelect } })], 1)];
+  }, proxy: !0 }], null, !1, 2542767044) }) : e._e();
+}, n = [], i = /* @__PURE__ */ a(
+  r,
+  o,
   n,
   !1,
   null,
-  "598fd738"
+  "2580a7d9"
 );
-const u = i.exports;
+const y = i.exports;
 export {
-  u as default
+  y as default
 };

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

@@ -1,50 +1,48 @@
-import { defineComponent as O, defineAsyncComponent as u, ref as f, computed as l, watch as S } from "vue";
+import { defineComponent as v, defineAsyncComponent as y, ref as u, computed as l, watch as O } from "vue";
 import "@useinsider/design-system-organisms/style";
 import { useToaster as x } from "../../../../composables/useToaster.js";
 import { useTranslations as A } from "../../../../composables/useTranslations.js";
 import { DOTTED_DATE_LOCALE as E } from "../../../../enums/date.js";
 import { URLS as h } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as d } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as I } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as C } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import B from "./StrategyInfoBoxContent.vue.js";
-import { formatShortDate as N } from "../../../../utils/dateUtil.js";
-import { asText as T } from "../../../../utils/genericUtil.js";
-import { escapeHtml as b } from "../../../../utils/htmlEscape.js";
-import { InSkeleton as L } from "@useinsider/design-system-vue";
-const X = /* @__PURE__ */ O({
+import { formatShortDate as I } from "../../../../utils/dateUtil.js";
+import { asText as f } from "../../../../utils/genericUtil.js";
+import { escapeHtml as N } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as b } from "@useinsider/design-system-vue";
+const W = /* @__PURE__ */ v({
   __name: "AssignStrategyDrawer",
   setup(k) {
     const c = () => import("@useinsider/design-system-organisms"), g = (t, r) => ({
-      render: (n) => n(L, { props: { sizing: { width: t, height: r } } })
-    }), _ = u({
+      render: (a) => a(b, { props: { sizing: { width: t, height: r } } })
+    }), S = y({
       loader: async () => (await c()).OrgStrategyDetailModal,
       loadingComponent: g(480, 240),
       delay: 0
-    }), v = u({
+    }), T = y({
       loader: async () => (await c()).OrgStrategyDropdown,
       loadingComponent: g(240, 42),
       delay: 0
-    }), a = A(), e = I(), { showToaster: i } = x(), s = f(null), o = f(!1), D = l(() => e.assignStrategyDrawerStatus ? a("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : ""), m = () => {
-      e.lastCreatedStrategyId && (s.value = e.lastCreatedStrategyId, o.value = !1, e.lastCreatedStrategyId = null);
-    };
-    S(() => e.assignStrategyDrawerStatus, (t) => {
+    }), o = A(), e = C(), { showToaster: s } = x(), n = u(null), i = u(!1), _ = l(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    O(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      s.value = r || null, o.value = !1, e.fetchStrategies().then(m).catch(() => {
-        i({
-          type: d.Error,
-          message: a("discovery-strategy.error-description")
+      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
+        s({
+          type: m.Error,
+          message: o("discovery-strategy.error-description")
         });
       });
-    }), S(() => e.lastCreatedStrategyId, m);
+    });
     const p = (t) => {
-      const r = T(t.updated_at || t.created_at);
+      const r = f(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const n = N(r, E);
-      return a("recommendation-strategy.last-updated-on", { value: n });
-    }, w = l(() => e.strategies.map((t) => ({
+      const a = I(r, E);
+      return o("recommendation-strategy.last-updated-on", { value: a });
+    }, D = l(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -52,57 +50,57 @@ const X = /* @__PURE__ */ O({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: b(T(t.name)),
+        titleText: N(f(t.name)),
         descriptionStatus: !0,
         descriptionText: p(t),
         slot: B,
         slotProps: { strategy: t }
       }
-    }))), y = l(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
+    }))), d = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), C = l(() => ({
+    }), w = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: a("products.assign-btn")
+        labelText: o("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: a("products.cancel")
+        labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: _, OrgStrategyDropdown: v, trans: a, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: o, drawerDescription: D, consumeLastCreatedStrategy: m, lastUpdatedText: p, strategyOptions: w, selectedStrategy: y, footerButtonGroupOptions: C, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: S, OrgStrategyDropdown: T, trans: o, store: e, showToaster: s, selectedStrategyId: n, showSelectionError: i, drawerDescription: _, lastUpdatedText: p, strategyOptions: D, selectedStrategy: d, footerButtonGroupOptions: w, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
-      const t = y.value;
+      const t = d.value;
       if (!t) {
-        o.value = !0;
+        i.value = !0;
         return;
       }
       let r = "";
       try {
         r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (n) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", n);
+      } catch (a) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
       }
       if (!r) {
-        i({
-          type: d.Error,
-          message: a("email-editor.strategy-assign-failed", { strategyName: t.name })
+        s({
+          type: m.Error,
+          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      e.assignStrategy(t), i({
-        type: d.Success,
-        message: a("email-editor.strategy-assigned-success", { strategyName: t.name })
+      e.assignStrategy(t), s({
+        type: m.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
       }), e.closeAssignStrategyDrawer();
     }, onSelect: (t) => {
-      s.value = t.value, o.value = !1;
+      n.value = t.value, i.value = !1;
     } };
   }
 });
 export {
-  X as default
+  W 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,27 @@
+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: "" } : {
+        // Stripped like the other two: copy that emits {boldEnd} before {boldStart} leaves a
+        // stray marker in this slice, which is exactly the leak the guard above prevents.
+        before: s(e.slice(0, r)),
+        word: s(e.slice(r + t.length, d)),
+        after: s(e.slice(d + o.length))
+      };
+    });
+    return { __sfc: !0, isFeatureEnabled: u, autosaveStore: a, trans: n, BOLD_START: t, BOLD_END: o, stripMarkers: s, savedLabel: _, AUTOSAVE_STATUS: m, InLoading: D };
+  }
+});
+export {
+  j as default
+};

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

@@ -1,23 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import 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 i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c editor-actions" }, [t.editorStore.isPreviewModeOpen ? i._e() : e("div", { staticClass: "editor-actions__divider" }), (s = (o = t.config) == null ? void 0 : o.features) != null && s.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : i._e(), e(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? i._e() : e("div", { staticClass: "editor-actions__divider" }), t.editorStore.isPreviewModeOpen ? i._e() : e(t.InButtonV2, { 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) {
+  } } }), e(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"
+  "55bd627b"
 );
-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-architect-version-history", 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,
+  "398fffb4"
+);
+const b = r.exports;
+export {
+  b as default
+};

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

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