@useinsider/guido 1.0.0-beta.5f67111 → 1.0.0-beta.614e7ff

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,8 +1,8 @@
 import s from "./MiddleSlot.vue2.js";
 import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var n = function() {
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return t.editorStore.isVersionHistoryOpen ? o("div", { staticClass: "d-f" }, [o(t.VersionHistory), o(t.VersionHistoryViewOptions)], 1) : o("div", { staticClass: "d-f" }, [o(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), o(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), o(t.InButtonV2, { attrs: { id: "guido__code-button", "data-testid": "Code Editor", "left-icon": "line-code", styling: "ghost", "tooltip-text": "Code Editor", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button") } }), o(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.trans("newsletter.email-preview") } }), o(t.ViewOptions, { staticClass: "ml-3" })], 1);
+  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.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,
@@ -11,7 +11,7 @@ var n = function() {
   null,
   null
 );
-const p = r.exports;
+const u = r.exports;
 export {
-  p as default
+  u as default
 };

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

@@ -1,22 +1,25 @@
-import { defineComponent as r } from "vue";
-import { useTranslations as s } from "../../../composables/useTranslations.js";
-import { useEditorStore as n } from "../../../stores/editor.js";
-import { InButtonV2 as e } from "@useinsider/design-system-vue";
-import m from "./version-history/VersionHistory.vue.js";
-import p from "./version-history/ViewOptions.vue.js";
-import f from "./ViewOptions.vue.js";
-const y = /* @__PURE__ */ r({
+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(a) {
-    const o = n(), t = s();
-    return { __sfc: !0, editorStore: o, trans: t, getTooltipOptions: (i) => ({
-      id: `${i}-tooltip`,
+  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: e, VersionHistory: m, VersionHistoryViewOptions: p, ViewOptions: f };
+    }), InButtonV2: c, AmpToggle: d, VersionHistory: f, VersionHistoryViewOptions: a, ViewOptions: l };
   }
 });
 export {
-  y as default
+  T 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", "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 }, on: { click: t.handleSaveAsTemplate } }), 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 }, 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 }, on: { click: t.handleSave } })], 1);
+}, r = [], a = /* @__PURE__ */ i(
   o,
   n,
-  a,
+  r,
   !1,
   null,
   null
 );
-const u = r.exports;
+const c = a.exports;
 export {
-  u as default
+  c as default
 };

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

@@ -1,37 +1,35 @@
 import { defineComponent as m } from "vue";
 import { useActionsApi as p } from "../../../composables/useActionsApi.js";
-import { useExport as l } from "../../../composables/useExport.js";
-import { useSaveStart as c, useSaveComplete as d } from "../../../composables/useGuidoActions.js";
-import { useVersionHistoryApi as f } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as u } from "../../../stores/editor.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 T = /* @__PURE__ */ m({
+const E = /* @__PURE__ */ m({
   __name: "RightSlot",
   setup(h) {
-    const { exportHtml: i } = l(), { getCompiledEmail: o } = p(), r = c(), s = d(), { openVersionHistory: n, closeVersionHistory: a } = f(), e = u();
-    return { __sfc: !0, exportHtml: i, getCompiledEmail: o, saveStart: r, saveComplete: s, openVersionHistory: n, closeVersionHistory: a, editorStore: e, handleVersionHistory: () => {
-      if (e.isVersionHistoryOpen) {
-        a();
+    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();
-    }, handleSaveAsTemplate: async () => {
-      e.isSaveTemplateModalOpen = !0;
+      s();
     }, handleSave: async () => {
-      r();
+      e();
       try {
-        const { html: t } = await o();
-        s({
-          html: t || "",
+        const { html: o } = await t();
+        r({
+          html: o || "",
           css: ""
           // CSS is embedded in HTML from Stripo
         });
-      } catch (t) {
-        console.error("Failed to get template data for save:", t);
+      } catch (o) {
+        console.error("Failed to get template data for save:", o);
       }
     }, InButtonV2: S };
   }
 });
 export {
-  T as default
+  E as default
 };

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

@@ -1,16 +1,16 @@
 import r from "./ViewOptions.vue2.js";
 /* empty css                 */
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+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": "", "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
-}, i = [], _ = /* @__PURE__ */ s(
+  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,
-  i,
   !1,
   null,
-  "0fff376c"
+  "f90d31ea"
 );
 const l = _.exports;
 export {

package/dist/composables/useActionsApi.d.ts

@@ -1,6 +1,7 @@
-import { GetCompiledEmailOptions, CompiledEmailResult, TemplateDataResult } 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>;
-    getRawTemplateData: () => Promise<TemplateDataResult>;
     activateCustomViewStyles: (isActive?: boolean) => void;
+    getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
 };

package/dist/composables/useActionsApi.js

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

package/dist/composables/useDebounce.d.ts

@@ -0,0 +1,4 @@
+export declare const useDebounce: () => {
+    debounce: (fn: () => void, ms?: number) => void;
+    clearDebounce: () => void;
+};

package/dist/composables/useDebounce.js

@@ -0,0 +1,12 @@
+import { ref as c } from "vue";
+const r = () => {
+  const e = c(void 0);
+  return { debounce: (o, u = 150) => {
+    e.value && window.clearTimeout(e.value), e.value = window.setTimeout(o, u);
+  }, clearDebounce: () => {
+    e.value && (window.clearTimeout(e.value), e.value = void 0);
+  } };
+};
+export {
+  r as useDebounce
+};

package/dist/composables/useHttp.js

@@ -1,20 +1,18 @@
-import { ref as p, computed as T } from "vue";
-import { getCsrfToken as H } from "../utils/generic.js";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { ref as p, computed as v } from "vue";
+const j = (y = {}) => {
+  const h = p(!1), a = p(null), u = p(null), E = v(() => h.value), g = v(() => a.value !== null), T = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
-      "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "Content-Type": "application/json"
     },
-    ...b
+    ...y
   }, w = (e, s) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = s || T.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
   }, P = (e) => new Promise((s, t) => {
     setTimeout(() => {
@@ -24,20 +22,20 @@ const k = (b = {}) => {
     setTimeout(s, e);
   }), i = async (e, s, t, D = {}) => {
     a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+    const n = { ...T, ...D }, L = w(s, n.baseURL), c = {
       method: e,
       headers: { ...n.headers },
       signal: u.value.signal,
       ...n
     };
     t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    const b = async (m = 0) => {
       try {
         const o = [fetch(L, c)];
         n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
           throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
@@ -51,36 +49,36 @@ const k = (b = {}) => {
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
         if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
+          return await x(n.retryDelay || 1e3), b(m + 1);
         throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
-      return await E();
+      return await b();
     } finally {
       h.value = !1, u.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+  }, $ = (e, s) => i("GET", e, void 0, s), C = (e, s, t) => i("POST", e, s, t), U = (e, s, t) => i("PUT", e, s, t), A = (e, s, t) => i("PATCH", e, s, t), R = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
     u.value && u.value.abort(e);
   }, q = () => {
     a.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: E,
+    error: v(() => a.value),
+    hasError: g,
     // Methods
     request: i,
-    get: C,
-    post: $,
-    put: R,
-    patch: U,
-    delete: A,
+    get: $,
+    post: C,
+    put: U,
+    patch: A,
+    delete: R,
     cancel: W,
     clearError: q
   };
 };
 export {
-  k as useHttp
+  j as useHttp
 };

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;
+};

package/dist/composables/useMobileGmailFit.js

@@ -0,0 +1,69 @@
+import { useDebounce as p } from "./useDebounce.js";
+import { META_VIEWPORT_REGEX as h, INLINE_WIDTH_REGEX as w, EMAIL_CONTAINER_SELECTORS as f, DEFAULT_EMAIL_WIDTH as b, MIN_SCALE as v, TABLE_WIDTH_REGEX as A, RESIZE_DEBOUNCE_MS as u } from "../enums/gmailMobilePreview.js";
+let a = null, c = null;
+const { debounce: y } = p(), M = (t) => {
+  if (!t)
+    return null;
+  const e = t.match(A);
+  if (!e)
+    return null;
+  const r = Number(e[1]);
+  return Number.isNaN(r) ? null : r;
+}, g = (t) => {
+  const e = Array.from(t.querySelectorAll("table[width]")).reduce(
+    (n, i) => {
+      const o = M(i.getAttribute("width"));
+      return o && o > n ? o : n;
+    },
+    0
+  ), r = Array.from(t.querySelectorAll('[style*="width"]')).reduce(
+    (n, i) => {
+      const l = (i.getAttribute("style") || "").match(w);
+      if (!l)
+        return n;
+      const m = Number(l[1]);
+      return !Number.isNaN(m) && m > n ? m : n;
+    },
+    0
+  ), s = f.reduce((n, i) => {
+    const o = t.querySelector(i);
+    if (!o)
+      return n;
+    const l = Math.max(o.offsetWidth, o.scrollWidth);
+    return l > n ? l : n;
+  }, 0);
+  return Math.max(e, r, s) || b;
+}, N = (t) => {
+  t.documentElement.style.setProperty("overflow-x", "visible", "important"), t.body.style.setProperty("visibility", "visible", "important");
+}, S = (t) => {
+  t.documentElement.style.removeProperty("transform"), t.documentElement.style.removeProperty("transform-origin"), t.documentElement.style.removeProperty("height"), t.body.style.removeProperty("overflow-x");
+}, d = (t) => {
+  const e = t.querySelector('meta[name="viewport"]');
+  if (!e)
+    return !1;
+  const r = e.getAttribute("content") || "";
+  return h.test(r);
+}, W = (t, e) => {
+  const r = g(t), s = e / r, n = Math.min(Math.max(s, v), 1);
+  t.documentElement.style.setProperty("height", "100%", "important"), t.documentElement.style.setProperty("transform", `scale(${n})`, "important"), t.documentElement.style.setProperty("transform-origin", "top left", "important"), t.body.style.setProperty("overflow-x", "hidden", "important");
+}, E = (t) => {
+  const e = t.contentWindow;
+  c && e && e.removeEventListener("resize", c), a && window.removeEventListener("resize", a), c = null, a = null;
+}, P = () => ({ setupMobileGmailFit: (e) => {
+  const r = e.contentDocument, s = e.contentWindow;
+  if (!r || !s)
+    return;
+  N(r);
+  const n = () => {
+    const i = e.clientWidth || e.getBoundingClientRect().width || 375;
+    if (d(r)) {
+      S(r);
+      return;
+    }
+    W(r, i);
+  };
+  n(), E(e), c = () => y(n, u), s.addEventListener("resize", c), a = () => y(n, u), window.addEventListener("resize", a);
+}, tearDownMobileGmailFit: E, hasResponsiveMetaViewport: d });
+export {
+  P as useMobileGmailFit
+};

package/dist/composables/useStripo.js

@@ -1,21 +1,20 @@
 import { useActionsApi as g } from "./useActionsApi.js";
 import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
-import { useToaster as y } from "./useToaster.js";
-import { displayConditions as C } from "../enums/displayConditions.js";
-import E from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as S } from "../services/stripoApi.js";
+import { useToaster as E } from "./useToaster.js";
+import { displayConditions as S } from "../enums/displayConditions.js";
+import y from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as C } from "../services/stripoApi.js";
 import { useEditorStore as w } from "../stores/editor.js";
-import { dynamicContentToMergeTags as b } from "../utils/genericUtil.js";
-const M = (d) => {
-  const { handleError: c } = y(), { getToken: a, getCustomFonts: u } = S(), l = (e, r = []) => {
-    const i = w(), { html: t, css: s, forceRecreate: p } = e;
+const A = (a) => {
+  const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = C(), l = (e, r = []) => {
+    const i = w(), { html: t, css: s, forceRecreate: m } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: d,
+        metadata: a,
         html: t,
         css: s,
-        forceRecreate: p,
+        forceRecreate: m,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -31,24 +30,19 @@ const M = (d) => {
                 `,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: C,
+        conditionCategories: S,
         messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
           customFonts: r
         },
-        mergeTags: [
-          {
-            entries: b(d.preselectedDynamicContentList)
-          }
-        ],
         async onTokenRefreshRequest(o) {
           try {
-            const n = await a();
+            const n = await c();
             o(n);
           } catch (n) {
-            c(n, "Failed to refresh token");
+            d(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -56,7 +50,7 @@ const M = (d) => {
             const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
             o(), n();
           } catch (o) {
-            c(o, "Failed to load custom interface appearance");
+            d(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
@@ -69,10 +63,10 @@ const M = (d) => {
           i.isVersionHistoryOpen = o;
         },
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [E]
+        extensions: [y]
       }
     );
-  }, m = (e) => new Promise((r, i) => {
+  }, p = (e) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
       e(), r();
       return;
@@ -86,12 +80,12 @@ const M = (d) => {
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (e) => {
-    await m(async () => {
+    await p(async () => {
       const r = await u();
       l(e, r);
     });
   } };
 };
 export {
-  M as useStripo
+  A as useStripo
 };

package/dist/enums/emailPreview.d.ts

@@ -0,0 +1,3 @@
+export declare const MAX_EMAIL_WEIGHT = 102;
+export declare const INBOX_PREVIEW_PATH = "./public/inbox-mockup.svg";
+export declare const PHONE_PREVIEW_PATH = "./public/phone-mockup.svg";