@useinsider/guido 3.2.0-beta.e01b42a → 3.2.0-beta.e69fb3b

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js

@@ -1,16 +1,16 @@
 import s from "./EmailSizeIndicator.vue2.js";
 /* empty css                        */
-import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var e = this, i = e._self._c, t = e._self._setupProxy;
-  return t.previewStore.previewHtml ? i("div", { staticClass: "d-f a-i-c j-c-c" }, [i(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), i(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })], 1) : e._e();
-}, a = [], n = /* @__PURE__ */ r(
+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 j-c-c" }, [t.previewStore.isLoaded ? [e(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), e(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })] : e(t.InSkeleton, { attrs: { sizing: { width: 200, height: 20 } } })], 2);
+}, a = [], n = /* @__PURE__ */ o(
   s,
-  o,
+  r,
   a,
   !1,
   null,
-  "079d2bf7"
+  "2cb418af"
 );
 const m = n.exports;
 export {

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

@@ -1,25 +1,17 @@
-import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
-import { useTranslations as p } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
-const S = /* @__PURE__ */ c({
+import { defineComponent as i, computed as t } from "vue";
+import { useTranslations as m } from "../../../../composables/useTranslations.js";
+import { usePreviewStore as a } from "../../../../stores/preview.js";
+import { InTooltipV2 as p, InSkeleton as c, InProgress as _ } from "@useinsider/design-system-vue";
+const z = /* @__PURE__ */ i({
   __name: "EmailSizeIndicator",
-  setup(w) {
-    const t = _(), o = 102, e = n(0), s = n({
-      type: "success",
-      value: 0
-    }), a = l(() => `~${e.value} KB`), r = () => {
-      const m = new Blob([t.previewHtml]).size;
-      e.value = Math.round(m / 1024), s.value = {
-        type: e.value < o ? "success" : "warning",
-        value: Math.min(e.value, o)
-      };
-    }, i = p();
-    return u(() => t.previewHtml, () => {
-      r();
-    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
+  setup(l) {
+    const e = a(), o = 102, r = t(() => `~${e.emailSizeKB} KB`), n = t(() => ({
+      type: e.emailSizeKB < o ? "success" : "warning",
+      value: Math.min(e.emailSizeKB, o)
+    })), s = m();
+    return { __sfc: !0, previewStore: e, MAX_EMAIL_SIZE_IN_KB: o, htmlSize: r, progress: n, trans: s, InProgress: _, InSkeleton: c, InTooltipV2: p };
   }
 });
 export {
-  S as default
+  z 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(), t = p(), n = c(), { setupResponsivePreview: r } = f(), s = (o) => {
-      ["transform", "transform-origin", "height"].forEach((e) => {
-        o.documentElement.style.removeProperty(e);
+    const i = a(), r = p(), t = c(), { setupResponsivePreview: n } = f(), s = (e) => {
+      ["transform", "transform-origin", "height"].forEach((o) => {
+        e.documentElement.style.removeProperty(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));
+    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));
     }, InIcons: u };
   }
 });

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

@@ -1,21 +1,15 @@
-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({
+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({
   __name: "InboxView",
   emits: ["open-email"],
-  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 };
+  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 };
   }
 });
 export {
-  j as default
+  _ as default
 };

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

@@ -1,12 +1,12 @@
-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__ */ _({
+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({
   __name: "FilterItem",
   props: {
     filter: null,
@@ -15,55 +15,46 @@ const K = /* @__PURE__ */ _({
     submitted: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(f, { emit: v }) {
-    const t = f, n = C(), a = V(), y = [
+  setup(f, { emit: m }) {
+    const t = f, l = O(), o = _(), v = [
       {
-        text: n("email-editor.standard-filter"),
+        text: l("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], i = [
+    ], n = [
       { text: "True", value: "true" },
       { text: "False", value: "false" }
-    ], 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({
+    ], 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({
         ...t.filter,
         [e.text]: e.value
       });
     }, 500);
-    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({
+    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({
         ...t.filter,
         attribute: e.value,
-        operator: m ? "=" : (s == null ? void 0 : s.value) ?? "",
-        value: m ? "true" : ""
+        operator: c ? "=" : A?.value ?? "",
+        value: c ? "true" : ""
       });
     }, handleBooleanValueChange: (e) => {
-      a.updateFilter({
+      o.updateFilter({
         ...t.filter,
         operator: "=",
         value: e.value
       });
-    }, getOperatorOptions: p, InBasicTextInput: S, InSelect: O, InButtonV2: L, LogicAdapter: E };
+    }, getOperatorOptions: u, InBasicTextInput: S, InSelect: L, InButtonV2: V, LogicAdapter: w };
   }
 });
 export {
-  K as default
+  J as default
 };

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

@@ -1,17 +1,17 @@
-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({
+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({
   __name: "FilterSelectionDrawer",
-  setup(S) {
-    const r = w(), e = F(), t = a(!1), o = a(!1), c = a();
-    y(() => e.filterSelectionDrawerStatus, (n) => {
+  setup(_) {
+    const r = v(), e = b(), t = s(!1), o = s(!1), a = s();
+    m(() => e.filterSelectionDrawerStatus, (n) => {
       n && (o.value = !1);
     });
-    const f = g(() => ({
+    const c = d(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -27,25 +27,24 @@ const I = /* @__PURE__ */ d({
         disabledStatus: t.value
       }
     }));
-    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: c, footerButtonGroupOptions: f, cancelModal: () => {
+    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: a, footerButtonGroupOptions: c, cancelModal: () => {
       e.cancelFilterDrawer();
     }, applyFilter: async () => {
-      var u;
       o.value = !0;
-      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" });
+      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" });
         return;
       }
       t.value = !0, e.patchCurrentBlockConfig(
         { filters: e.recommendationConfigs.filters },
         { triggerRefetch: !0 }
       ), e.closeFilterDrawer(), t.value = !1;
-    }, WpDrawer: b, Filters: h };
+    }, WpDrawer: g, Filters: F };
   }
 });
 export {
-  I as default
+  R as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as l, ref as O, watch as f } from "vue";
+import { defineComponent as v, computed as o, 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(), a = l(() => t.getUniqueFilterGroups.map((e) => ({
+    const p = g(), t = R(), n = o(() => t.getUniqueFilterGroups.map((e) => ({
       text: e.toString(),
       value: e
     }))), r = O(1);
-    f(a, (e) => {
+    f(n, (e) => {
       if (!e.length)
         return;
       e.some((h) => h.value === r.value) || (r.value = e[0].value);
@@ -27,27 +27,24 @@ const V = /* @__PURE__ */ v({
     u({ switchToGroup: i });
     const c = () => {
       s("reset-validation");
-      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 });
+      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 });
       });
     }, handleAddFilter: () => {
       s("reset-validation"), t.addFilter(
         t.createDefaultFilter(
           r.value,
-          n.value.length + 1
+          l.value.length + 1
         )
       );
     }, handleDeleteFilter: (e) => {
       t.deleteFilter(e);
     }, handleDeleteFilterGroup: () => {
-      a.value.length <= 1 || t.deleteFilterGroup(r.value);
+      n.value.length <= 1 || t.deleteFilterGroup(r.value);
     }, getTooltipOptions: T, InSegments: E, InButtonV2: U, FilterItem: A, LogicAdapter: C };
   }
 });

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

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

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

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

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

@@ -1,20 +1,17 @@
-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({
+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({
   __name: "HeaderWrapper",
-  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 };
+  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 };
   }
 });
 export {
-  c as default
+  S as default
 };

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

@@ -1,19 +1,16 @@
-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({
+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({
   __name: "LeftSlot",
-  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 = () => {
+  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 = () => {
       if (e.isVersionHistoryOpen) {
         n();
         return;
@@ -23,14 +20,14 @@ const D = /* @__PURE__ */ l({
         return;
       }
       e.loadingStatus = !0, i();
-    }, a = w(() => {
+    }, a = V(() => {
       c(), r.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: () => {
+    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: u, isBackButtonDisabled: r, executeBackAction: c, debouncedBackAction: a, handleBackClick: () => {
       r.value = !0, a();
-    }, InButtonV2: g };
+    }, InButtonV2: _ };
   }
 });
 export {
-  D as default
+  A as default
 };

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

@@ -1,16 +1,19 @@
-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 { 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({
   __name: "MiddleSlot",
-  setup(s) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
+  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 };
   }
 });
 export {
-  S as default
+  u as default
 };