@useinsider/guido 3.2.0-beta.8b0bc0c → 3.2.0-beta.8e8f902

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js

@@ -1,23 +1,23 @@
 import { defineComponent as f, ref as s, onMounted as c, onBeforeUnmount as m, nextTick as u } from "vue";
 import { useTranslations as p } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as l } from "../../../../stores/preview.js";
-import v from "./DesktopBrowserHeader.vue.js";
-const R = /* @__PURE__ */ f({
+import _ from "./DesktopBrowserHeader.vue.js";
+const x = /* @__PURE__ */ f({
   __name: "DesktopPreview",
-  setup(_) {
-    const i = p(), r = s(), o = s(!1), a = l();
+  setup(v) {
+    const a = p(), o = s(), n = s(!1), i = l();
     let e = null;
-    const n = () => {
-      r.value && (e = new ResizeObserver(() => {
-      }), e.observe(r.value), u(() => {
-        o.value = !0;
+    const t = () => {
+      o.value && (e = new ResizeObserver(() => {
+      }), e.observe(o.value), u(() => {
+        n.value = !0;
       }));
-    }, t = () => {
-      e?.disconnect();
+    }, r = () => {
+      e == null || e.disconnect();
     };
-    return c(n), m(t), { __sfc: !0, trans: i, containerRef: r, isContainerReady: o, previewStore: a, resizeObserver: e, initIframe: n, cleanIframe: t, DesktopBrowserHeader: v };
+    return c(t), m(r), { __sfc: !0, trans: a, containerRef: o, isContainerReady: n, previewStore: i, resizeObserver: e, initIframe: t, cleanIframe: r, DesktopBrowserHeader: _ };
   }
 });
 export {
-  R as default
+  x as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js

@@ -7,14 +7,14 @@ const h = /* @__PURE__ */ m({
   __name: "ContentView",
   emits: ["back-to-inbox"],
   setup(v) {
-    const i = a(), r = p(), t = c(), { setupResponsivePreview: n } = f(), s = (e) => {
-      ["transform", "transform-origin", "height"].forEach((o) => {
-        e.documentElement.style.removeProperty(o);
+    const i = a(), t = p(), n = c(), { setupResponsivePreview: r } = f(), s = (o) => {
+      ["transform", "transform-origin", "height"].forEach((e) => {
+        o.documentElement.style.removeProperty(e);
       });
     };
-    return { __sfc: !0, trans: i, previewStore: r, iframeRef: t, setupResponsivePreview: n, clearAMPTransforms: s, onLoad: () => {
-      const e = t.value, o = e?.contentDocument;
-      o && (n(e), r.isAMPResponsive && s(o));
+    return { __sfc: !0, trans: i, previewStore: t, iframeRef: n, setupResponsivePreview: r, clearAMPTransforms: s, onLoad: () => {
+      const o = n.value, e = o == null ? void 0 : o.contentDocument;
+      e && (r(o), t.isAMPResponsive && s(e));
     }, InIcons: u };
   }
 });

package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue2.js

@@ -1,15 +1,21 @@
-import { defineComponent as m, computed as o } from "vue";
-import { useConfig as a } from "../../../../composables/useConfig.js";
-import { useTranslations as i } from "../../../../composables/useTranslations.js";
-import { InIcons as c } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ m({
+import { defineComponent as c, computed as r } from "vue";
+import { useConfig as u } from "../../../../composables/useConfig.js";
+import { useTranslations as d } from "../../../../composables/useTranslations.js";
+import { InIcons as f } from "@useinsider/design-system-vue";
+const j = /* @__PURE__ */ c({
   __name: "InboxView",
   emits: ["open-email"],
-  setup(u, { emit: n }) {
-    const e = i(), { config: t } = a(), s = o(() => t.value?.editor?.emailHeader?.senderName || e("settings.sender-name")), r = o(() => t.value?.editor?.emailHeader?.subject || e("email-editor.default-subject"));
-    return { __sfc: !0, emit: n, trans: e, config: t, senderName: s, subject: r, InIcons: c };
+  setup(p, { emit: m }) {
+    const n = d(), { config: s } = u(), a = r(() => {
+      var e, t, o;
+      return ((o = (t = (e = s.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.senderName) || n("settings.sender-name");
+    }), i = r(() => {
+      var e, t, o;
+      return ((o = (t = (e = s.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.subject) || n("email-editor.default-subject");
+    });
+    return { __sfc: !0, emit: m, trans: n, config: s, senderName: a, subject: i, InIcons: f };
   }
 });
 export {
-  _ as default
+  j as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as I, computed as r } from "vue";
-import { useTranslations as O } from "../../../../composables/useTranslations.js";
-import { getOperatorOptions as u } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationExtensionStore as _ } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { getInvalidFilterFields as C } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import { InButtonV2 as V, InSelect as L, InBasicTextInput as S } from "@useinsider/design-system-vue";
-import w from "./LogicAdapter.vue.js";
-import { useDebounceFn as E } from "../../../../node_modules/@vueuse/shared/index.js";
-const J = /* @__PURE__ */ I({
+import { defineComponent as _, computed as l } from "vue";
+import { useTranslations as C } from "../../../../composables/useTranslations.js";
+import { getOperatorOptions as p } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as V } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getInvalidFilterFields as A } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
+import { InButtonV2 as L, InSelect as O, InBasicTextInput as S } from "@useinsider/design-system-vue";
+import E from "./LogicAdapter.vue.js";
+import { useDebounceFn as N } from "../../../../node_modules/@vueuse/shared/index.js";
+const K = /* @__PURE__ */ _({
   __name: "FilterItem",
   props: {
     filter: null,
@@ -15,46 +15,55 @@ const J = /* @__PURE__ */ I({
     submitted: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(f, { emit: m }) {
-    const t = f, l = O(), o = _(), v = [
+  setup(f, { emit: v }) {
+    const t = f, n = C(), a = V(), y = [
       {
-        text: l("email-editor.standard-filter"),
+        text: n("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], n = [
+    ], i = [
       { text: "True", value: "true" },
       { text: "False", value: "false" }
-    ], s = r(() => t.filter.attribute || ""), a = r(() => o.getFilterList.find((e) => e.value === s.value) || { text: "", value: "", type: "" }), b = r(
-      () => a.value?.type === "Boolean"
-    ), y = r(() => u(a.value?.type).find((e) => e.value === t.filter.operator)), F = r(
-      () => n.find((e) => e.value === t.filter.value) || n[0]
-    ), i = r(() => t.submitted ? C(t.filter) : /* @__PURE__ */ new Set()), g = (e) => i.value.has(e) ? "error" : "default", h = r(
-      () => i.value.has("value") ? l("action-builder.filter-empty-value-error") : ""
-    ), p = r(
-      () => a.value?.type === "Number"
-    ), B = r(() => p.value ? "number" : "text"), x = E((e) => {
-      o.updateFilter({
+    ], d = l(() => t.filter.attribute || ""), r = l(() => a.getFilterList.find((e) => e.value === d.value) || { text: "", value: "", type: "" }), F = l(
+      () => {
+        var e;
+        return ((e = r.value) == null ? void 0 : e.type) === "Boolean";
+      }
+    ), b = l(() => {
+      var e;
+      return p((e = r.value) == null ? void 0 : e.type).find((o) => o.value === t.filter.operator);
+    }), g = l(
+      () => i.find((e) => e.value === t.filter.value) || i[0]
+    ), u = l(() => t.submitted ? A(t.filter) : /* @__PURE__ */ new Set()), h = (e) => u.value.has(e) ? "error" : "default", B = l(
+      () => u.value.has("value") ? n("action-builder.filter-empty-value-error") : ""
+    ), c = l(
+      () => {
+        var e;
+        return ((e = r.value) == null ? void 0 : e.type) === "Number";
+      }
+    ), x = l(() => c.value ? "number" : "text"), T = N((e) => {
+      a.updateFilter({
         ...t.filter,
         [e.text]: e.value
       });
     }, 500);
-    return { __sfc: !0, trans: l, store: o, props: t, filterTypeOptions: v, booleanValueOptions: n, attributeType: s, selectedAttributeType: a, isBooleanAttribute: b, selectedOperatorType: y, selectedBooleanValue: F, emit: m, invalidFields: i, getFieldState: g, valueErrorMessage: h, isNumericAttribute: p, valueInputType: B, updateFilter: x, handleAttributeChange: (e) => {
-      const d = o.getFilterList.find((T) => T.value === e.value), c = d?.type === "Boolean", [A] = u(d?.type);
-      o.updateFilter({
+    return { __sfc: !0, trans: n, store: a, props: t, filterTypeOptions: y, booleanValueOptions: i, attributeType: d, selectedAttributeType: r, isBooleanAttribute: F, selectedOperatorType: b, selectedBooleanValue: g, emit: v, invalidFields: u, getFieldState: h, valueErrorMessage: B, isNumericAttribute: c, valueInputType: x, updateFilter: T, handleAttributeChange: (e) => {
+      const o = a.getFilterList.find((I) => I.value === e.value), m = (o == null ? void 0 : o.type) === "Boolean", [s] = p(o == null ? void 0 : o.type);
+      a.updateFilter({
         ...t.filter,
         attribute: e.value,
-        operator: c ? "=" : A?.value ?? "",
-        value: c ? "true" : ""
+        operator: m ? "=" : (s == null ? void 0 : s.value) ?? "",
+        value: m ? "true" : ""
       });
     }, handleBooleanValueChange: (e) => {
-      o.updateFilter({
+      a.updateFilter({
         ...t.filter,
         operator: "=",
         value: e.value
       });
-    }, getOperatorOptions: u, InBasicTextInput: S, InSelect: L, InButtonV2: V, LogicAdapter: w };
+    }, getOperatorOptions: p, InBasicTextInput: S, InSelect: O, InButtonV2: L, LogicAdapter: E };
   }
 });
 export {
-  J as default
+  K as default
 };

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

@@ -1,17 +1,17 @@
-import { defineComponent as p, ref as s, watch as m, computed as d, nextTick as y } from "vue";
-import g from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as v } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as b } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { isFilterValid as w } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import F from "./Filters.vue.js";
-const R = /* @__PURE__ */ p({
+import { defineComponent as d, ref as a, watch as y, computed as g, nextTick as v } from "vue";
+import b from "../../../wrappers/WpDrawer.vue.js";
+import { useTranslations as w } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as F } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { isFilterValid as _ } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
+import h from "./Filters.vue.js";
+const I = /* @__PURE__ */ d({
   __name: "FilterSelectionDrawer",
-  setup(_) {
-    const r = v(), e = b(), t = s(!1), o = s(!1), a = s();
-    m(() => e.filterSelectionDrawerStatus, (n) => {
+  setup(S) {
+    const r = w(), e = F(), t = a(!1), o = a(!1), c = a();
+    y(() => e.filterSelectionDrawerStatus, (n) => {
       n && (o.value = !1);
     });
-    const c = d(() => ({
+    const f = g(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -27,24 +27,25 @@ const R = /* @__PURE__ */ p({
         disabledStatus: t.value
       }
     }));
-    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: a, footerButtonGroupOptions: c, cancelModal: () => {
+    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: c, footerButtonGroupOptions: f, cancelModal: () => {
       e.cancelFilterDrawer();
     }, applyFilter: async () => {
+      var u;
       o.value = !0;
-      const { filters: n } = e.recommendationConfigs, l = n.find((i) => !w(i));
-      if (l) {
-        a.value?.switchToGroup(l.filterGroup), await y();
-        const { filterGroup: i, filterNumber: u } = l, f = `[data-filter-group="${i}"][data-filter-number="${u}"]`;
-        document.querySelector(f)?.scrollIntoView({ behavior: "smooth", block: "center" });
+      const { filters: n } = e.recommendationConfigs, i = n.find((l) => !_(l));
+      if (i) {
+        (u = c.value) == null || u.switchToGroup(i.filterGroup), await v();
+        const { filterGroup: l, filterNumber: p } = i, m = `[data-filter-group="${l}"][data-filter-number="${p}"]`, s = document.querySelector(m);
+        s == null || s.scrollIntoView({ behavior: "smooth", block: "center" });
         return;
       }
       t.value = !0, e.patchCurrentBlockConfig(
         { filters: e.recommendationConfigs.filters },
         { triggerRefetch: !0 }
       ), e.closeFilterDrawer(), t.value = !1;
-    }, WpDrawer: g, Filters: F };
+    }, WpDrawer: b, Filters: h };
   }
 });
 export {
-  R as default
+  I as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as o, ref as O, watch as f } from "vue";
+import { defineComponent as v, computed as l, ref as O, watch as f } from "vue";
 import { useTranslations as g } from "../../../../composables/useTranslations.js";
 import { useRecommendationExtensionStore as R } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import { getTooltipOptions as T } from "../../../../utils/tooltipUtils.js";
@@ -12,11 +12,11 @@ const V = /* @__PURE__ */ v({
   },
   emits: ["reset-validation"],
   setup(x, { expose: u, emit: s }) {
-    const p = g(), t = R(), n = o(() => t.getUniqueFilterGroups.map((e) => ({
+    const p = g(), t = R(), a = l(() => t.getUniqueFilterGroups.map((e) => ({
       text: e.toString(),
       value: e
     }))), r = O(1);
-    f(n, (e) => {
+    f(a, (e) => {
       if (!e.length)
         return;
       e.some((h) => h.value === r.value) || (r.value = e[0].value);
@@ -27,24 +27,27 @@ const V = /* @__PURE__ */ v({
     u({ switchToGroup: i });
     const c = () => {
       s("reset-validation");
-      const e = t.getUniqueFilterGroups, a = e.length > 0 ? Math.max(...e) + 1 : 1;
-      t.addFilterGroup(a), r.value = a;
-    }, d = o(() => n.value.length >= 3), l = o(() => t.getSelectedFilterGroup(r.value)), F = o(() => l.value.length >= 10), _ = o(() => l.value.length > 1), G = o(() => n.value.length > 1), m = o(() => l.value[0]?.outerGroupOperator || "*");
-    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, MAX_FILTER_PER_GROUP_COUNT: 10, trans: p, store: t, emit: s, filterGroupList: n, selectedFilterGroup: r, switchToGroup: i, handleAddFilterGroup: c, isMaxFilterGroupCount: d, selectedFilterGroupFilters: l, isMaxFilterPerGroupCount: F, hasLogicAdapter: _, hasRemoveFilterButton: G, outerGroupOperator: m, handleOuterGroupOperatorChange: (e) => {
-      l.value.forEach((a) => {
-        t.updateFilter({ ...a, outerGroupOperator: e });
+      const e = t.getUniqueFilterGroups, o = e.length > 0 ? Math.max(...e) + 1 : 1;
+      t.addFilterGroup(o), r.value = o;
+    }, d = l(() => a.value.length >= 3), n = l(() => t.getSelectedFilterGroup(r.value)), F = l(() => n.value.length >= 10), _ = l(() => n.value.length > 1), G = l(() => a.value.length > 1), m = l(() => {
+      var o;
+      return ((o = n.value[0]) == null ? void 0 : o.outerGroupOperator) || "*";
+    });
+    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, MAX_FILTER_PER_GROUP_COUNT: 10, trans: p, store: t, emit: s, filterGroupList: a, selectedFilterGroup: r, switchToGroup: i, handleAddFilterGroup: c, isMaxFilterGroupCount: d, selectedFilterGroupFilters: n, isMaxFilterPerGroupCount: F, hasLogicAdapter: _, hasRemoveFilterButton: G, outerGroupOperator: m, handleOuterGroupOperatorChange: (e) => {
+      n.value.forEach((o) => {
+        t.updateFilter({ ...o, outerGroupOperator: e });
       });
     }, handleAddFilter: () => {
       s("reset-validation"), t.addFilter(
         t.createDefaultFilter(
           r.value,
-          l.value.length + 1
+          n.value.length + 1
         )
       );
     }, handleDeleteFilter: (e) => {
       t.deleteFilter(e);
     }, handleDeleteFilterGroup: () => {
-      n.value.length <= 1 || t.deleteFilterGroup(r.value);
+      a.value.length <= 1 || t.deleteFilterGroup(r.value);
     }, getTooltipOptions: T, InSegments: E, InButtonV2: U, FilterItem: A, LogicAdapter: C };
   }
 });

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,22 +1,23 @@
-import i from "./EditorActions.vue2.js";
+import l from "./EditorActions.vue2.js";
 /* empty css                   */
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+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 } }), t.config?.features?.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(), t.config?.features?.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(s) {
+  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);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(s) {
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, r = [], l = /* @__PURE__ */ n(
-  i,
-  a,
-  r,
+}, p = [], c = /* @__PURE__ */ d(
+  l,
+  u,
+  p,
   !1,
   null,
   "4e2a4adb"
 );
-const _ = l.exports;
+const v = c.exports;
 export {
-  _ as default
+  v as default
 };

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

@@ -17,8 +17,8 @@ import K from "./MigrationConfirmModal.vue.js";
 const ut = /* @__PURE__ */ O({
   __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(), t = I(), y = P(), { hasMigrations: S } = J(y), s = L(), i = n(!1), r = n(!1), g = n(), H = B(), T = () => {
-      if (t.isVersionHistoryOpen) {
+    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: S } = J(y), s = L(), i = n(!1), r = n(!1), g = n(), H = B(), T = () => {
+      if (e.isVersionHistoryOpen) {
         p();
         return;
       }
@@ -26,35 +26,39 @@ const ut = /* @__PURE__ */ O({
     }, w = async () => {
       i.value = !0, await m(), i.value = !1;
     }, _ = () => {
-      t.isSaveAsTemplateDrawerOpen = !0;
-    }, C = h(() => t.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
-      () => a.value?.features?.versionHistory && !t.isPreviewModeOpen
-    ), V = async (o) => {
-      r.value = !0, t.loadingStatus = !0;
-      const e = await u(o);
-      return r.value = !1, (o || !e) && (t.loadingStatus = !1), e;
-    }, E = (o) => {
-      if (!o && S.value) {
-        g.value?.open();
+      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, e.loadingStatus = !0;
+      const o = await u(t);
+      return r.value = !1, (t || !o) && (e.loadingStatus = !1), o;
+    }, E = (t) => {
+      var o;
+      if (!t && S.value) {
+        (o = g.value) == null || o.open();
         return;
       }
-      return V(o);
+      return V(t);
     }, M = async () => {
       if (l("liquidSyntax")) {
-        t.loadingStatus = !0;
+        e.loadingStatus = !0;
         try {
-          const { html: o } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: e } = d(o);
-          if (!await v(e))
+          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
+          if (!await v(o))
             return;
         } finally {
-          t.loadingStatus = !1;
+          e.loadingStatus = !1;
         }
       }
       H();
     };
     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: t, templateStore: y, hasMigrations: S, trans: s, isExporting: i, isSaving: r, migrationModalRef: g, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
+    }), { __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: S, trans: s, isExporting: i, isSaving: r, migrationModalRef: g, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
   }
 });
 export {

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

@@ -1,17 +1,20 @@
-import { defineComponent as t, ref as n } from "vue";
-import { InContainer as m } from "@useinsider/design-system-vue";
-import a from "./LeftSlot.vue.js";
-import f from "./MiddleSlot.vue.js";
-import p from "./RightSlot.vue.js";
-const S = /* @__PURE__ */ t({
+import { defineComponent as n, ref as m } from "vue";
+import { InContainer as a } from "@useinsider/design-system-vue";
+import f from "./LeftSlot.vue.js";
+import p from "./MiddleSlot.vue.js";
+import i from "./RightSlot.vue.js";
+const c = /* @__PURE__ */ n({
   __name: "HeaderWrapper",
-  setup(i, { expose: o }) {
-    const e = n(null);
-    return o({
-      handleSave: (r) => e.value?.handleSave(r)
-    }), { __sfc: !0, rightSlotRef: e, InContainer: m, LeftSlot: a, MiddleSlot: f, RightSlot: p };
+  setup(l, { expose: r }) {
+    const e = m(null);
+    return r({
+      handleSave: (t) => {
+        var o;
+        return (o = e.value) == null ? void 0 : o.handleSave(t);
+      }
+    }), { __sfc: !0, rightSlotRef: e, InContainer: a, LeftSlot: f, MiddleSlot: p, RightSlot: i };
   }
 });
 export {
-  S as default
+  c as default
 };

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

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

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

@@ -1,19 +1,16 @@
-import { defineComponent as e, defineAsyncComponent as o } from "vue";
-import m from "../email-preview/amp/AmpToggle.vue.js";
-import n from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
-import { useEditorStore as s } from "../../../stores/editor.js";
-import p from "./EditorToolbar.vue.js";
-const u = /* @__PURE__ */ e({
+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({
   __name: "MiddleSlot",
-  setup(f) {
-    const r = o(
-      () => import("./version-history/VersionHistory.vue.js")
-    ), t = o(
-      () => import("./version-history/ViewOptions.vue.js")
-    ), i = s();
-    return { __sfc: !0, VersionHistory: r, VersionHistoryViewOptions: t, editorStore: i, AmpToggle: m, EmailSizeIndicator: n, EditorToolbar: p };
+  setup(s) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
   }
 });
 export {
-  u 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.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-3", 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,