@useinsider/guido 1.0.0-beta.eda3d24 → 1.0.0-beta.ef5e504

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 p-4" }, [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 l-3 w-21-s h-24-s o-h", style: { top: a.phoneScreenTopMargin } }, [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)])]);
+}, n = [], r = /* @__PURE__ */ o(
+  e,
+  i,
+  n,
+  !1,
+  null,
+  null
+);
+const c = r.exports;
+export {
+  c as default
+};

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

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

package/dist/components/organisms/header/AmpErrorModal.vue.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    errors: string[];
+}
+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, {
+    close: () => void;
+}, 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/header/AmpErrorModal.vue.js

@@ -0,0 +1,21 @@
+import n from "./AmpErrorModal.vue2.js";
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var e = this, o = e._self._c, t = e._self._setupProxy;
+  return o(t.InModalV2, { attrs: { id: "amp-error-modal", "close-button-status": "", "close-on-outside-click": "", "description-status": "", "footer-status": "", status: "", size: "medium", "description-text": t.trans("email.amp-validation-description"), "footer-button-group-options": t.footerButtonOptions, "title-text": t.trans("email.amp-validation-title") }, on: { cancelOrBackButtonEvent: t.handleClose, onCloseEvent: t.handleClose, primaryButtonEvent: t.handleFixInCodeEditor }, scopedSlots: e._u([{ key: "contentSlot", fn: function() {
+    return [o("div", { staticClass: "d-f f-d-c" }, [o("div", { staticClass: "mb-3" }, [o("div", { staticClass: "l-s-5 f-s-1 f-w-600 t-c-55 t-t-u" }, [e._v(" " + e._s(`${t.trans("products.errors")}(${t.errorCount})`) + " ")])]), o("div", { staticClass: "d-f f-d-c g-13 max-h-21-s o-y-a", staticStyle: { gap: "16px" } }, e._l(t.props.errors, function(s, r) {
+      return o(t.InOnPageMessage, { key: r, attrs: { icon: "filled-error-box", size: "medium", type: "alert", text: s } });
+    }), 1)])];
+  }, proxy: !0 }]) });
+}, l = [], c = /* @__PURE__ */ a(
+  n,
+  i,
+  l,
+  !1,
+  null,
+  null
+);
+const f = c.exports;
+export {
+  f as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as m } from "vue";
+import { usePreviewMode as f } from "../../../composables/usePreviewMode.js";
+import { useTranslations as u } from "../../../composables/useTranslations.js";
+import { useEditorStore as E } from "../../../stores/editor.js";
+import { InOnPageMessage as w, InModalV2 as A } from "@useinsider/design-system-vue";
+const v = /* @__PURE__ */ m({
+  __name: "AmpErrorModal",
+  props: {
+    errors: null
+  },
+  emits: ["close"],
+  setup(a, { emit: o }) {
+    const r = a, p = r.errors.length, e = u(), t = E(), { disablePreviewUI: i } = f(), d = () => {
+      o("close");
+    }, l = () => {
+      var n, s;
+      o("close"), t.isPreviewModeOpen = !1, (s = (n = window.StripoEditorApi) == null ? void 0 : n.codeEditorApi) != null && s.openCodeEditor ? (i(), window.StripoEditorApi.codeEditorApi.openCodeEditor()) : console.error("StripoEditorApi codeEditorApi not available");
+    }, c = {
+      primaryButton: { type: "primary", labelText: e("email.amp-validation-fix") },
+      cancelOrBackButton: { type: "secondary", labelText: e("campaign-builder.cancel"), styling: "ghost" }
+    };
+    return { __sfc: !0, props: r, emit: o, errorCount: p, trans: e, editorStore: t, disablePreviewUI: i, handleClose: d, handleFixInCodeEditor: l, footerButtonOptions: c, InModalV2: A, InOnPageMessage: w };
+  }
+});
+export {
+  v as default
+};

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

@@ -0,0 +1,19 @@
+import o from "./AmpToggle.vue2.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var e = this, t = e._self._c, r = e._self._setupProxy;
+  return r.editorStore.isPreviewModeOpen ? t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(r.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": r.segmentList, selected: r.editorStore.emailFormat }, on: { click: r.handleFormatChange } }), r.editorStore.emailFormat === "amp" && r.hasAMPErrors ? t(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", 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 ? t(r.AmpErrorModal, { attrs: { errors: r.editorStore.ampErrors || [] }, on: { close: function(c) {
+    r.showErrorModal = !1;
+  } } }) : e._e()], 1) : e._e();
+}, n = [], i = /* @__PURE__ */ s(
+  o,
+  a,
+  n,
+  !1,
+  null,
+  null
+);
+const _ = i.exports;
+export {
+  _ as default
+};

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

@@ -0,0 +1,38 @@
+import { defineComponent as i, ref as p, computed as t, watch as c } from "vue";
+import { usePreviewMode as d } from "../../../composables/usePreviewMode.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { InButtonV2 as M, InSegments as f } from "@useinsider/design-system-vue";
+import h from "./AmpErrorModal.vue.js";
+const C = /* @__PURE__ */ i({
+  __name: "AmpToggle",
+  setup(E) {
+    const o = u(), { compile: a } = d(), m = p(!1), r = t(() => !!o.ampHtml), l = t(() => !!(o.ampErrors && o.ampErrors.length > 0)), s = t(() => [
+      { text: "HTML", value: "html" },
+      {
+        text: "AMP HTML",
+        value: "amp",
+        tooltipText: r.value ? "" : "AMP HTML Preview isn’t available as no AMP blocks found in your Email Design.",
+        position: "bottom",
+        align: "center",
+        disable: !r.value
+      }
+    ]), n = async () => {
+      try {
+        const e = await a();
+        o.ampHtml = e.ampHtml ?? null, o.ampErrors = e.ampErrors ?? null, o.emailFormat = e.ampHtml ? "amp" : "html";
+      } catch (e) {
+        console.error("Failed to compile for AMP:", e);
+      }
+    };
+    return c([() => o.editorVisualMode, () => o.isPreviewModeOpen], () => {
+      o.isPreviewModeOpen && n();
+    }, { immediate: !0 }), { __sfc: !0, editorStore: o, compile: a, showErrorModal: m, hasAMP: r, hasAMPErrors: l, segmentList: s, updateAmpData: n, handleFormatChange: (e) => {
+      o.emailFormat = e;
+    }, handleErrorClick: () => {
+      m.value = !0;
+    }, InSegments: f, InButtonV2: M, AmpErrorModal: h };
+  }
+});
+export {
+  C as default
+};

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

@@ -1,11 +1,11 @@
-import n from "./LeftSlot.vue2.js";
+import r from "./LeftSlot.vue2.js";
 import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" }, on: { click: t.handleBack } }), t.editorStore.isVersionHistoryOpen ? s(t.RestoreButton, { staticClass: "ml-3" }) : e._e()], 1);
+var n = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [e(s.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" } }), s.editorStore.isVersionHistoryOpen ? e(s.RestoreButton, { staticClass: "ml-3" }) : t._e()], 1);
 }, a = [], i = /* @__PURE__ */ o(
-  n,
   r,
+  n,
   a,
   !1,
   null,

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

@@ -1,15 +1,13 @@
-import { defineComponent as r } from "vue";
-import { useBack as e } from "../../../composables/useGuidoActions.js";
-import { useEditorStore as m } from "../../../stores/editor.js";
-import { InButtonV2 as n } from "@useinsider/design-system-vue";
-import s from "./version-history/RestoreButton.vue.js";
-const c = /* @__PURE__ */ r({
+import { defineComponent as t } from "vue";
+import { useEditorStore as o } from "../../../stores/editor.js";
+import { InButtonV2 as r } from "@useinsider/design-system-vue";
+import e from "./version-history/RestoreButton.vue.js";
+const _ = /* @__PURE__ */ t({
   __name: "LeftSlot",
-  setup(f) {
-    const o = m(), t = e();
-    return { __sfc: !0, editorStore: o, handleBack: t, InButtonV2: n, RestoreButton: s };
+  setup(m) {
+    return { __sfc: !0, editorStore: o(), InButtonV2: r, RestoreButton: e };
   }
 });
 export {
-  c as default
+  _ 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 } }), 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 } }), 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.previewStore.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, "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 = [], d = /* @__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.editorStore.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.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.editorStore.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.editorStore.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);
+}, r = [], l = /* @__PURE__ */ i(
+  s,
   n,
   r,
   !1,
   null,
   null
 );
-const u = d.exports;
+const u = l.exports;
 export {
   u as default
 };

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

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

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

@@ -2,16 +2,16 @@ 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.previewStore.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.isSaveButtonDisabled }, on: { click: t.handleSave } })], 1);
-}, a = [], r = /* @__PURE__ */ i(
+  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 } })], 1);
+}, r = [], a = /* @__PURE__ */ i(
   o,
   n,
-  a,
+  r,
   !1,
   null,
   null
 );
-const c = r.exports;
+const c = a.exports;
 export {
   c as default
 };

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

@@ -1,36 +1,21 @@
-import { defineComponent as u, computed as f } from "vue";
-import { useActionsApi as d } from "../../../composables/useActionsApi.js";
-import { useExport as S } from "../../../composables/useExport.js";
-import { useSaveStart as v, useSaveComplete as y } from "../../../composables/useGuidoActions.js";
-import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as H } from "../../../stores/editor.js";
-import { usePreviewStore as V } from "../../../stores/preview.js";
-import { InButtonV2 as h } from "@useinsider/design-system-vue";
-const b = /* @__PURE__ */ u({
+import { defineComponent as s } from "vue";
+import { useExport as i } from "../../../composables/useExport.js";
+import { useVersionHistoryApi as n } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as p } from "../../../stores/editor.js";
+import { InButtonV2 as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ s({
   __name: "RightSlot",
-  setup(w) {
-    const { exportHtml: p } = S(), { getCompiledEmail: e } = d(), r = v(), s = y(), { openVersionHistory: i, closeVersionHistory: n } = _(), o = H(), m = V(), a = () => {
-      if (o.isVersionHistoryOpen) {
-        n();
+  setup(f) {
+    const { exportHtml: e } = i(), { openVersionHistory: o, closeVersionHistory: r } = n(), t = p();
+    return { __sfc: !0, exportHtml: e, openVersionHistory: o, closeVersionHistory: r, editorStore: t, handleVersionHistory: () => {
+      if (t.isVersionHistoryOpen) {
+        r();
         return;
       }
-      i();
-    }, c = async () => {
-      r();
-      try {
-        const { html: t } = await e();
-        s({
-          html: t || "",
-          css: ""
-          // CSS is embedded in HTML from Stripo
-        });
-      } catch (t) {
-        console.error("Failed to get template data for save:", t);
-      }
-    }, l = f(() => o.isVersionHistoryOpen || m.isPreviewModeOpen);
-    return { __sfc: !0, exportHtml: p, getCompiledEmail: e, saveStart: r, saveComplete: s, openVersionHistory: i, closeVersionHistory: n, editorStore: o, previewStore: m, handleVersionHistory: a, handleSave: c, isSaveButtonDisabled: l, InButtonV2: h };
+      o();
+    }, InButtonV2: m };
   }
 });
 export {
-  b as default
+  d 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,
-  "c4fe2637"
+  "f90d31ea"
 );
-const d = _.exports;
+const l = _.exports;
 export {
-  d as default
+  l as default
 };

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

@@ -1,17 +1,15 @@
-import { defineComponent as r } from "vue";
-import { useEditorStore as i } from "../../../stores/editor.js";
-import { usePreviewStore as n } from "../../../stores/preview.js";
-import { InSegments as s } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ r({
+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(m) {
-    const e = i(), t = [
+  setup(n) {
+    return { __sfc: !0, editorStore: t(), segmentList: [
       { text: "", icon: "line-desktop", value: "desktop" },
       { text: "", icon: "line-menu-mobileapp", value: "mobile" }
-    ], o = n();
-    return { __sfc: !0, editorStore: e, segmentList: t, previewStore: o, InSegments: s };
+    ], InSegments: o };
   }
 });
 export {
-  _ as default
+  u as default
 };

package/dist/composables/useActionsApi.d.ts

@@ -1,7 +1,5 @@
-import type { CompileEmailOptions } from '@@/Types/actions-api';
 import { GetCompiledEmailOptions, CompiledEmailResult } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
     activateCustomViewStyles: (isActive?: boolean) => void;
-    getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
 };

package/dist/composables/useActionsApi.js

@@ -1,64 +1,38 @@
-import { useToaster as d } from "./useToaster.js";
-const E = () => {
-  const { handleError: m } = d(), s = (t = {}) => new Promise((e, a) => {
-    const i = { ...{
-      minimize: !0,
-      utmEntity: {
-        utmSource: "",
-        utmMedium: "",
-        utmCampaign: "",
-        utmContent: "",
-        utmTerm: "",
-        customUtms: [
-          {
-            name1: "val1",
-            name2: "val2"
-          }
-        ]
-      },
-      mergeTags: ["Tag1", "Tag2"],
-      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
-        });
-      },
-      ...i
-    };
-    window.StripoEditorApi.actionsApi.compileEmail(n);
-  });
-  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: []
-      };
-    }
-  } };
-};
+const g = () => ({ getCompiledEmail: (t = {}) => new Promise((i, a) => {
+  const s = { ...{
+    minimize: !0,
+    utmEntity: {
+      utmSource: "",
+      utmMedium: "",
+      utmCampaign: "",
+      utmContent: "",
+      utmTerm: "",
+      customUtms: [
+        {
+          name1: "val1",
+          name2: "val2"
+        }
+      ]
+    },
+    mergeTags: ["Tag1", "Tag2"],
+    forseAmp: !1,
+    resetDataSavedFlag: !1,
+    disableLineHeightsReplace: !0
+  }, ...t }, o = {
+    callback: (e, m, l, n, c) => {
+      e ? a(e) : i({
+        html: m,
+        ampHtml: l,
+        ampErrors: n,
+        displayConditions: c
+      });
+    },
+    ...s
+  };
+  window.StripoEditorApi.actionsApi.compileEmail(o);
+}), activateCustomViewStyles: (t = !0) => {
+  window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+} });
 export {
-  E as useActionsApi
+  g as useActionsApi
 };

package/dist/composables/useMobileGmailFit.d.ts

@@ -0,0 +1,5 @@
+export declare const useMobileGmailFit: () => {
+    setupMobileGmailFit: (iframe: HTMLIFrameElement) => void;
+    tearDownMobileGmailFit: (iframe: HTMLIFrameElement) => void;
+    hasResponsiveMetaViewport: (doc: Document) => boolean;
+};