@useinsider/guido 1.0.0-beta.301d25a → 1.0.0-beta.35d2ac4

package/dist/components/organisms/design-preview/InboxView.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as r, computed as n } from "vue";
+import { useTranslations as i } from "../../../composables/useTranslations.js";
+import { InIcons as c } from "@useinsider/design-system-vue";
+const f = /* @__PURE__ */ r({
+  __name: "InboxView",
+  props: {
+    emailData: null
+  },
+  emits: ["open-email"],
+  setup(o) {
+    const t = o, s = i(), a = n(() => {
+      var e;
+      return ((e = t.emailData) == null ? void 0 : e.senderName) || `(${s("settings.sender-name")})`;
+    }), m = n(() => {
+      var e;
+      return ((e = t.emailData) == null ? void 0 : e.subject) || s("newsletter.subject");
+    });
+    return { __sfc: !0, props: t, trans: s, senderName: a, subject: m, InIcons: c };
+  }
+});
+export {
+  f as default
+};

package/dist/components/organisms/design-preview/MobilePreview.vue.d.ts

@@ -0,0 +1,17 @@
+import type { EmailData } from '@@/Types/generic';
+interface Props {
+    emailHtml: string;
+    isAmp: boolean;
+    emailData?: EmailData;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/organisms/design-preview/MobilePreview.vue.js

@@ -0,0 +1,17 @@
+import e from "./MobilePreview.vue2.js";
+import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var t = this, s = t._self._c, a = t._self._setupProxy;
+  return s("div", { staticClass: "d-f j-c-c pl-5" }, [s("div", { staticClass: "p-r w-35-s h-26-s" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n", attrs: { alt: a.mockupAlt, src: a.mockupImage } }), s("div", { staticClass: "p-a w-21-s h-24-s o-h", style: { top: a.phoneScreenTopMargin, left: "20px" } }, [a.showInbox ? s(a.InboxView, { attrs: { "email-data": a.props.emailData }, on: { "open-email": a.openEmail } }) : s(a.EmailView, { attrs: { "email-html": t.emailHtml, "is-amp": t.isAmp }, on: { "back-to-inbox": a.backToInbox } })], 1)])]);
+}, l = [], n = /* @__PURE__ */ o(
+  e,
+  i,
+  l,
+  !1,
+  null,
+  null
+);
+const c = n.exports;
+export {
+  c as default
+};

package/dist/components/organisms/design-preview/MobilePreview.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as s, ref as c, computed as e } from "vue";
+import { INBOX_PREVIEW_PATH as u, PHONE_PREVIEW_PATH as i } from "../../../enums/emailPreview.js";
+import f from "./EmailView.vue.js";
+import _ from "./InboxView.vue.js";
+const b = /* @__PURE__ */ s({
+  __name: "MobilePreview",
+  props: {
+    emailHtml: null,
+    isAmp: { type: Boolean },
+    emailData: null
+  },
+  setup(n) {
+    const t = n, o = c(!1), m = e(() => o.value ? u : i), p = e(() => o.value ? "Inbox mockup" : "Phone mockup"), a = () => {
+      o.value = !1;
+    }, l = () => {
+      o.value = !0;
+    }, r = e(() => o.value ? "88px" : "44px");
+    return { __sfc: !0, props: t, showInbox: o, mockupImage: m, mockupAlt: p, openEmail: a, backToInbox: l, phoneScreenTopMargin: r, EmailView: f, InboxView: _ };
+  }
+});
+export {
+  b as default
+};

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

@@ -0,0 +1,17 @@
+import t from "./AmpToggle.vue2.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var e = this, o = e._self._c, r = e._self._setupProxy;
+  return r.editorStore.isPreviewModeOpen ? o("div", [o("div", { staticClass: "d-f a-i-c ml-3" }, [o(r.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": r.segmentList, selected: r.editorStore.emailFormat }, on: { click: r.handleFormatChange } }), r.showErrorButton ? o(r.InButtonV2, { staticClass: "ml-2 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: r.handleErrorClick } }) : e._e()], 1), r.showErrorModal ? o(r.AmpErrorModal, { attrs: { errors: r.editorStore.ampErrors || [] }, on: { close: r.closeErrorModal } }) : e._e()], 1) : e._e();
+}, n = [], l = /* @__PURE__ */ s(
+  t,
+  a,
+  n,
+  !1,
+  null,
+  null
+);
+const d = l.exports;
+export {
+  d as default
+};

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

@@ -0,0 +1,48 @@
+import { defineComponent as h, ref as v, computed as a, watch as E } from "vue";
+import { useActionsApi as g } from "../../../composables/useActionsApi.js";
+import { useToaster as w } from "../../../composables/useToaster.js";
+import { useTranslations as M } from "../../../composables/useTranslations.js";
+import A from "../design-preview/AmpErrorModal.vue.js";
+import { useEditorStore as _ } from "../../../stores/editor.js";
+import { InButtonV2 as P, InSegments as y } from "@useinsider/design-system-vue";
+const D = /* @__PURE__ */ h({
+  __name: "AmpToggle",
+  setup(F) {
+    const t = _(), { getPreviewData: s } = g(), { showToaster: l } = w(), e = M(), r = v(!1), m = a(() => !!t.ampHtml), n = a(() => !!(t.ampErrors && t.ampErrors.length > 0)), p = a(() => [
+      { text: e("dynamic-creatives.html"), value: "html" },
+      {
+        text: e("email.amp-html"),
+        value: "amp",
+        tooltipText: m.value ? "" : e("email.preview-amp-unavailable-tooltip"),
+        position: "bottom",
+        align: "center",
+        disable: !m.value
+      }
+    ]), i = async () => {
+      try {
+        const o = await s();
+        t.ampHtml = o.ampHtml ?? null, t.ampErrors = o.ampErrors ?? null, t.emailFormat = o.ampHtml ? "amp" : "html";
+      } catch {
+        l({
+          type: "error",
+          message: "Failed to load AMP data. Please try again later."
+        });
+      }
+    };
+    E([() => t.editorVisualMode, () => t.isPreviewModeOpen], () => {
+      t.isPreviewModeOpen && i();
+    }, { immediate: !0 });
+    const c = (o) => {
+      t.emailFormat = o;
+    }, u = () => {
+      r.value = !0;
+    }, d = a(() => t.emailFormat === "amp" && n.value);
+    function f() {
+      r.value = !1;
+    }
+    return { __sfc: !0, editorStore: t, getPreviewData: s, showToaster: l, trans: e, showErrorModal: r, hasAMP: m, hasAMPErrors: n, segmentList: p, updateAmpData: i, handleFormatChange: c, handleErrorClick: u, showErrorButton: d, closeErrorModal: f, AmpErrorModal: A, InSegments: y, InButtonV2: P };
+  }
+});
+export {
+  D as default
+};

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

@@ -1,17 +1,17 @@
-import i from "./MiddleSlot.vue2.js";
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+import s from "./MiddleSlot.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var n = function() {
   var o = this, e = o._self._c, t = o._self._setupProxy;
-  return t.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(t.VersionHistory), e(t.VersionHistoryViewOptions)], 1) : e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__undo-button"), "tooltip-text": t.trans("action-builder.undo") } }), e(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__redo-button"), "tooltip-text": t.trans("action-builder.redo") } }), e(t.InButtonV2, { attrs: { id: "guido__code-button", "data-testid": "Code Editor", "left-icon": "line-code", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button"), "tooltip-text": t.codeEditorTooltipText } }), e(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.previewStore.isPreviewModeOpen, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.previewTooltipText }, on: { click: t.handlePreviewToggle } }), e(t.ViewOptions, { staticClass: "ml-3" }), t.previewStore.isPreviewModeOpen ? e(t.AmpToggle) : o._e()], 1);
-}, r = [], l = /* @__PURE__ */ s(
-  i,
+  return t.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(t.VersionHistory), e(t.VersionHistoryViewOptions)], 1) : e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "disabled-status": t.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "disabled-status": t.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__code-button", "data-testid": "Code Editor", "left-icon": "line-code", styling: "ghost", "tooltip-text": "Code Editor", type: "secondary", "disabled-status": t.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button") } }), e(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.isPreviewModeOpen ? t.trans("newsletter.close-email-preview") : t.trans("newsletter.email-preview") }, on: { click: t.handlePreviewClick } }), e(t.ViewOptions, { staticClass: "ml-3" }), e(t.AmpToggle)], 1);
+}, l = [], r = /* @__PURE__ */ i(
+  s,
   n,
-  r,
+  l,
   !1,
   null,
   null
 );
-const u = l.exports;
+const u = r.exports;
 export {
   u as default
 };

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

@@ -1,21 +1,25 @@
-import { defineComponent as m, computed as s } from "vue";
-import { usePreviewMode as l } from "../../../composables/usePreviewMode.js";
-import { useTranslations as d } from "../../../composables/useTranslations.js";
-import w from "../email-preview/amp/AmpToggle.vue.js";
-import { useEditorStore as c } from "../../../stores/editor.js";
-import { usePreviewStore as f } from "../../../stores/preview.js";
-import { getTooltipOptions as v } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as a } from "@useinsider/design-system-vue";
-import u from "./version-history/VersionHistory.vue.js";
-import T from "./version-history/ViewOptions.vue.js";
-import P from "./ViewOptions.vue.js";
-const B = /* @__PURE__ */ m({
+import { defineComponent as s, computed as n } from "vue";
+import { useTranslations as p } from "../../../composables/useTranslations.js";
+import { useEditorStore as m } from "../../../stores/editor.js";
+import { InButtonV2 as c } from "@useinsider/design-system-vue";
+import d from "./AmpToggle.vue.js";
+import f from "./version-history/VersionHistory.vue.js";
+import a from "./version-history/ViewOptions.vue.js";
+import l from "./ViewOptions.vue.js";
+const T = /* @__PURE__ */ s({
   __name: "MiddleSlot",
-  setup(_) {
-    const t = c(), e = d(), o = f(), { openPreviewMode: r, closePreviewMode: i } = l(), n = s(() => o.isPreviewModeOpen ? e("newsletter.close-email-preview") : e("newsletter.email-preview")), p = s(() => t.isCodeEditorOpen ? e("newsletter.close-html-editor") : e("newsletter.html-editor"));
-    return { __sfc: !0, editorStore: t, trans: e, previewStore: o, openPreviewMode: r, closePreviewMode: i, previewTooltipText: n, codeEditorTooltipText: p, handlePreviewToggle: () => o.isPreviewModeOpen ? i() : r(), AmpToggle: w, getTooltipOptions: v, InButtonV2: a, VersionHistory: u, VersionHistoryViewOptions: T, ViewOptions: P };
+  setup(u) {
+    const o = m(), t = p(), e = () => {
+      o.isPreviewModeOpen = !o.isPreviewModeOpen;
+    }, i = n(() => o.isPreviewModeOpen);
+    return { __sfc: !0, editorStore: o, trans: t, handlePreviewClick: e, isPreviewModeOpen: i, getTooltipOptions: (r) => ({
+      id: `${r}-tooltip`,
+      dynamicPosition: !1,
+      staticPosition: "bottom center",
+      iconStatus: !1
+    }), InButtonV2: c, AmpToggle: d, VersionHistory: f, VersionHistoryViewOptions: a, ViewOptions: l };
   }
 });
 export {
-  B as default
+  T as default
 };

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

@@ -1,18 +1,17 @@
-import n from "./RightSlot.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var s, i;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "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.isVersionHistoryOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.exportHtml } }), (i = t.config.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.isVersionHistoryOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.isSaveButtonDisabled }, on: { click: t.handleSave } })], 1);
-}, l = [], p = /* @__PURE__ */ r(
+import o from "./RightSlot.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.editorStore.isVersionHistoryOpen || t.editorStore.isPreviewModeOpen }, on: { click: t.handleSave } })], 1);
+}, r = [], a = /* @__PURE__ */ i(
+  o,
   n,
-  a,
-  l,
+  r,
   !1,
   null,
   null
 );
-const c = p.exports;
+const c = a.exports;
 export {
   c as default
 };

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

@@ -1,39 +1,35 @@
-import { defineComponent as y, computed as a } from "vue";
-import { useActionsApi as S } from "../../../composables/useActionsApi.js";
-import { useConfig as H } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useSaveStart as V, useSaveComplete as _ } from "../../../composables/useGuidoActions.js";
-import { useTranslations as g } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as C } from "../../../stores/editor.js";
-import { usePreviewStore as O } from "../../../stores/preview.js";
-import { getTooltipOptions as x } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as T } from "@useinsider/design-system-vue";
-const q = /* @__PURE__ */ y({
+import { defineComponent as m } from "vue";
+import { useActionsApi as p } from "../../../composables/useActionsApi.js";
+import { useExport as c } from "../../../composables/useExport.js";
+import { useSaveStart as l, useSaveComplete as f } from "../../../composables/useGuidoActions.js";
+import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as d } from "../../../stores/editor.js";
+import { InButtonV2 as S } from "@useinsider/design-system-vue";
+const E = /* @__PURE__ */ m({
   __name: "RightSlot",
-  setup(A) {
-    const { config: c } = H(), { exportHtml: l } = h(), { getCompiledEmail: r } = S(), s = V(), i = _(), { openVersionHistory: n, closeVersionHistory: m } = w(), o = C(), t = g(), p = O(), f = () => {
-      if (o.isVersionHistoryOpen) {
-        m();
+  setup(h) {
+    const { exportHtml: a } = c(), { getCompiledEmail: t } = p(), e = l(), r = f(), { openVersionHistory: s, closeVersionHistory: n } = u(), i = d();
+    return { __sfc: !0, exportHtml: a, getCompiledEmail: t, saveStart: e, saveComplete: r, openVersionHistory: s, closeVersionHistory: n, editorStore: i, handleVersionHistory: () => {
+      if (i.isVersionHistoryOpen) {
+        n();
         return;
       }
-      n();
-    }, u = a(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), v = async () => {
       s();
+    }, handleSave: async () => {
+      e();
       try {
-        const { html: e } = await r();
-        i({
-          html: e || "",
+        const { html: o } = await t();
+        r({
+          html: o || "",
           css: ""
           // CSS is embedded in HTML from Stripo
         });
-      } catch (e) {
-        console.error("Failed to get template data for save:", e);
+      } catch (o) {
+        console.error("Failed to get template data for save:", o);
       }
-    }, d = a(() => o.isVersionHistoryOpen || p.isPreviewModeOpen);
-    return { __sfc: !0, config: c, exportHtml: l, getCompiledEmail: r, saveStart: s, saveComplete: i, openVersionHistory: n, closeVersionHistory: m, editorStore: o, trans: t, previewStore: p, handleVersionHistory: f, versionHistoryTooltipText: u, handleSave: v, isSaveButtonDisabled: d, getTooltipOptions: x, InButtonV2: T };
+    }, InButtonV2: S };
   }
 });
 export {
-  q as default
+  E as default
 };

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

@@ -3,16 +3,16 @@ import r from "./ViewOptions.vue2.js";
 import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.previewStore.isPreviewModeOpen, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
+  return o(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isPreviewModeOpen, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
 }, n = [], _ = /* @__PURE__ */ i(
   r,
   s,
   n,
   !1,
   null,
-  "aad05c54"
+  "f90d31ea"
 );
-const p = _.exports;
+const l = _.exports;
 export {
-  p as default
+  l as default
 };

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

@@ -1,35 +1,15 @@
-import { defineComponent as p } from "vue";
-import { useTranslations as r } from "../../../composables/useTranslations.js";
-import { useEditorStore as s } from "../../../stores/editor.js";
-import { usePreviewStore as m } from "../../../stores/preview.js";
-import { getTooltipOptions as t } from "../../../utils/tooltipUtils.js";
-import { InSegments as l } from "@useinsider/design-system-vue";
-const w = /* @__PURE__ */ p({
+import { defineComponent as e } from "vue";
+import { useEditorStore as t } from "../../../stores/editor.js";
+import { InSegments as o } from "@useinsider/design-system-vue";
+const u = /* @__PURE__ */ e({
   __name: "ViewOptions",
-  setup(a) {
-    const e = s(), o = r(), i = [
-      {
-        text: "",
-        icon: "line-desktop",
-        value: "desktop",
-        position: "bottom",
-        align: "center",
-        tooltipText: o("newsletter.desktop"),
-        tooltipOptions: t("guido__view-option-desktop")
-      },
-      {
-        text: "",
-        icon: "line-menu-mobileapp",
-        value: "mobile",
-        position: "bottom",
-        align: "center",
-        tooltipText: o("newsletter.mobile"),
-        tooltipOptions: t("guido__view-option-mobile")
-      }
-    ], n = m();
-    return { __sfc: !0, editorStore: e, trans: o, segmentList: i, previewStore: n, InSegments: l };
+  setup(n) {
+    return { __sfc: !0, editorStore: t(), segmentList: [
+      { text: "", icon: "line-desktop", value: "desktop" },
+      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
+    ], InSegments: o };
   }
 });
 export {
-  w as default
+  u as default
 };

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

@@ -10,9 +10,9 @@ var r = function() {
   n,
   !1,
   null,
-  "421ffc13"
+  "6a2bde67"
 );
-const f = _.exports;
+const d = _.exports;
 export {
-  f as default
+  d as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue2.js

@@ -1,41 +1,23 @@
-import { defineComponent as p } from "vue";
-import { useTranslations as m } from "../../../../composables/useTranslations.js";
-import { useVersionHistoryApi as l } from "../../../../composables/useVersionHistoryApi.js";
-import { useVersionHistoryStore as a } from "../../../../stores/version-history.js";
-import { getTooltipOptions as n } from "../../../../utils/tooltipUtils.js";
-import { InSegments as c } from "@useinsider/design-system-vue";
-const h = /* @__PURE__ */ p({
+import { defineComponent as s } from "vue";
+import { useVersionHistoryApi as n } from "../../../../composables/useVersionHistoryApi.js";
+import { useVersionHistoryStore as r } from "../../../../stores/version-history.js";
+import { InSegments as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ s({
   __name: "ViewOptions",
-  setup(u) {
-    const t = a(), { switchToDesktopPreview: e, switchToMobilePreview: i } = l(), o = m(), r = [
-      {
-        text: "",
-        icon: "line-desktop",
-        value: "desktop",
-        position: "bottom",
-        align: "center",
-        tooltipText: o("newsletter.desktop"),
-        tooltipOptions: n("guido__version-history-view-option-desktop")
-      },
-      {
-        text: "",
-        icon: "line-menu-mobileapp",
-        value: "mobile",
-        position: "bottom",
-        align: "center",
-        tooltipText: o("newsletter.mobile"),
-        tooltipOptions: n("guido__version-history-view-option-mobile")
-      }
-    ];
-    return { __sfc: !0, versionHistoryStore: t, switchToDesktopPreview: e, switchToMobilePreview: i, trans: o, segmentList: r, changeVisualMode: (s) => {
-      if (t.editorVisualMode = s, s === "mobile") {
-        i();
+  setup(p) {
+    const e = r(), { switchToDesktopPreview: o, switchToMobilePreview: t } = n();
+    return { __sfc: !0, versionHistoryStore: e, switchToDesktopPreview: o, switchToMobilePreview: t, segmentList: [
+      { text: "", icon: "line-desktop", value: "desktop" },
+      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
+    ], changeVisualMode: (i) => {
+      if (e.editorVisualMode = i, i === "mobile") {
+        t();
         return;
       }
-      e();
-    }, InSegments: c };
+      o();
+    }, InSegments: m };
   }
 });
 export {
-  h as default
+  d as default
 };

package/dist/composables/useActionsApi.d.ts

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

package/dist/composables/useActionsApi.js

@@ -1,7 +1,6 @@
-import { useToaster as d } from "./useToaster.js";
-const E = () => {
-  const { handleError: m } = d(), s = (t = {}) => new Promise((e, a) => {
-    const i = { ...{
+const w = () => {
+  const a = (e = {}) => new Promise((t, s) => {
+    const m = { ...{
       minimize: !0,
       utmEntity: {
         utmSource: "",
@@ -20,45 +19,31 @@ const E = () => {
       forseAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, n = {
-      callback: (r, l, c, p, u) => {
-        r ? a(r) : e({
-          html: l,
-          ampHtml: c,
-          ampErrors: p,
-          displayConditions: u
+    }, ...e }, o = {
+      callback: (i, n, l, r, c) => {
+        i ? s(i) : t({
+          html: n,
+          ampHtml: l,
+          ampErrors: r,
+          displayConditions: c
         });
       },
-      ...i
+      ...m
     };
-    window.StripoEditorApi.actionsApi.compileEmail(n);
+    window.StripoEditorApi.actionsApi.compileEmail(o);
   });
-  return { getCompiledEmail: s, activateCustomViewStyles: (t = !0) => {
-    window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
-  }, getPreviewData: async (t) => {
-    try {
-      const {
-        html: e,
-        displayConditions: a,
-        ampHtml: o = "",
-        ampErrors: i = []
-      } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
-      return {
-        html: e,
-        ampHtml: o,
-        ampErrors: i,
-        displayConditions: a
-      };
-    } catch (e) {
-      return m(e, "Error loading preview"), {
-        html: "",
-        ampHtml: "",
-        ampErrors: [],
-        displayConditions: []
-      };
-    }
+  return { getCompiledEmail: a, activateCustomViewStyles: (e = !0) => {
+    window.StripoEditorApi.actionsApi.activateCustomViewStyles(e);
+  }, getPreviewData: async (e) => {
+    const t = await a({ minimize: !1, resetDataSavedFlag: !1, ...e });
+    return {
+      html: t.html,
+      ampHtml: t.ampHtml ?? "",
+      ampErrors: t.ampErrors ?? null,
+      displayConditions: t.displayConditions
+    };
   } };
 };
 export {
-  E as useActionsApi
+  w as useActionsApi
 };

package/dist/composables/useExport.js

@@ -1,9 +1,8 @@
-import { ToasterTypeOptions as a } from "../enums/toaster.js";
-import { useActionsApi as m } from "./useActionsApi.js";
-import { useHtmlCompiler as p } from "./useHtmlCompiler.js";
+import { useActionsApi as l } from "./useActionsApi.js";
+import { useHtmlCompiler as m } from "./useHtmlCompiler.js";
 import { useToaster as d } from "./useToaster.js";
-const H = () => {
-  const l = (s, o, r) => {
+const h = () => {
+  const a = (s, o, r) => {
     const i = new Blob([s], { type: r }), t = URL.createObjectURL(i), e = document.createElement("a");
     e.href = t, e.download = o, document.body.appendChild(e), e.click(), document.body.removeChild(e), URL.revokeObjectURL(t);
   }, c = (s) => {
@@ -11,7 +10,7 @@ const H = () => {
     return `${s}_${r}-${i}-${t}_${e}-${n}.html`;
   };
   return { exportHtml: async (s = !0) => {
-    const { getCompiledEmail: o } = m(), { showToaster: r } = d(), { compileHtml: i } = p();
+    const { getCompiledEmail: o } = l(), { showToaster: r } = d(), { compileHtml: i } = m();
     try {
       const { html: t } = await o();
       if (t) {
@@ -26,21 +25,21 @@ const H = () => {
             executionTime: `${n.stats.executionTime.toFixed(2)}ms`
           });
         }
-        l(e, c("HTML"), "text/html");
+        a(e, c("HTML"), "text/html");
       } else
         r({
-          type: a.Alert,
+          type: "error",
           message: "No HTML content to download"
         });
     } catch (t) {
       const e = t instanceof Error ? t.message : String(t);
       r({
-        type: a.Alert,
+        type: "error",
         message: `Error compiling email: ${e}`
       });
     }
   } };
 };
 export {
-  H as useExport
+  h as useExport
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,17 +1,16 @@
 import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
 import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-import { useConfig as s } from "./useConfig.js";
-const R = () => {
-  const { config: e } = s(), l = e.htmlCompilerRules || [], t = [
-    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : r,
-    ...l.map((o, i) => ({
+const a = () => {
+  const e = typeof window < "u" ? window.GuidoConfig : void 0, l = (e == null ? void 0 : e.htmlCompilerRules) || [], t = [
+    ...!!(e != null && e.ignoreDefaultHtmlCompilerRules) ? [] : r,
+    ...l.map((o, m) => ({
       ...o,
-      priority: o.priority + 1e3 + i
+      priority: o.priority + 1e3 + m
       // Ensure additional rules run after default rules
     }))
-  ], m = p(t);
-  return { compileHtml: (o) => m.compile(o) };
+  ], i = p(t);
+  return { compileHtml: (o) => i.compile(o) };
 };
 export {
-  R as useHtmlCompiler
+  a as useHtmlCompiler
 };