@useinsider/guido 1.0.0-beta.c798ebe → 1.0.0-beta.c99b3ab

package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js

@@ -1,29 +0,0 @@
-import { defineComponent as m, computed as n } from "vue";
-import { useTranslations as r } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as i } from "../../../../stores/preview.js";
-import { InButtonV2 as s, InSegments as l } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ m({
-  __name: "AmpToggle",
-  setup(p) {
-    const t = i(), e = r(), o = n(() => [
-      {
-        text: e("dynamic-creatives.html"),
-        value: "html"
-      },
-      {
-        text: e("email-editor.amp-html"),
-        value: "AMP",
-        tooltipText: t.hasAMP ? "" : e("email-editor.preview-amp-unavailable-tooltip"),
-        position: "bottom",
-        align: "center",
-        disable: !t.hasAMP
-      }
-    ]);
-    return { __sfc: !0, previewStore: t, trans: e, segmentList: o, handleFormatChange: (a) => {
-      t.setEmailFormat(a);
-    }, InSegments: l, InButtonV2: s };
-  }
-});
-export {
-  _ as default
-};

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,22 +0,0 @@
-import o from "./DesktopPreview.vue2.js";
-/* empty css                    */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  var r = this, t = r._self._c, e = r._self._setupProxy;
-  return t("div", { ref: "containerRef", staticStyle: { "min-height": "720px", height: "80vh" } }, [t(e.InContainer, { staticClass: "s-2 m-b-5 desktop-preview-container", attrs: { "full-width-content-status": "", "header-status": "", "border-radius": "bor-r-1", "container-type": "default", "footer-status": !1 }, scopedSlots: r._u([{ key: "headerLeftSlot", fn: function() {
-    return [t(e.EmailHeaderInfo)];
-  }, proxy: !0 }, { key: "headerRightSlot", fn: function() {
-    return [t(e.EmailSizeIndicator)];
-  }, proxy: !0 }]) }, [e.isContainerReady ? t("iframe", { staticClass: "email-iframe w-1 bor-w-0", style: { height: e.iframeHeight }, attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: e.previewStore.previewHtml } }) : r._e()])], 1);
-}, i = [], n = /* @__PURE__ */ a(
-  o,
-  s,
-  i,
-  !1,
-  null,
-  "9c6e7ff0"
-);
-const m = n.exports;
-export {
-  m as default
-};

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

@@ -1,30 +0,0 @@
-import { defineComponent as f, ref as r, onMounted as p, nextTick as d, onBeforeUnmount as h } from "vue";
-import { usePreviewStore as v } from "../../../../stores/preview.js";
-import { InContainer as g } from "@useinsider/design-system-vue";
-import _ from "./EmailHeaderInfo.vue.js";
-import R from "./EmailSizeIndicator.vue.js";
-const I = /* @__PURE__ */ f({
-  __name: "DesktopPreview",
-  setup(C) {
-    const t = r(), i = r("400px"), a = r(!1), l = v(), n = () => {
-      if (!t.value)
-        return;
-      const o = t.value.querySelector(".in-container");
-      if (!o)
-        return;
-      const s = o.getBoundingClientRect(), c = o.querySelector(".in-container__header"), u = c ? c.getBoundingClientRect().height : 0, m = s.height - u;
-      i.value = `${m}px`;
-    };
-    let e = null;
-    return p(() => {
-      n(), t.value && (e = new ResizeObserver(n), e.observe(t.value), d(() => {
-        a.value = !0;
-      }));
-    }), h(() => {
-      e == null || e.disconnect();
-    }), { __sfc: !0, containerRef: t, iframeHeight: i, isContainerReady: a, previewStore: l, calculateIframeHeight: n, resizeObserver: e, InContainer: g, EmailHeaderInfo: _, EmailSizeIndicator: R };
-  }
-});
-export {
-  I as default
-};

package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,17 +0,0 @@
-import e from "./EmailHeaderInfo.vue2.js";
-import c from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var t = this, s = t._self._c, a = t._self._setupProxy;
-  return s("div", { staticClass: "d-f a-i-c j-c-s-b w-1" }, [s("div", { staticClass: "d-f a-i-c" }, [s("div", { staticClass: "b-c-49 bor-r-100 w-5-s h-5-s d-f a-i-c j-c-c" }, [s(a.InIcons, { attrs: { name: "line-menu-profile" } })], 1), s("div", { staticClass: "d-f f-d-c ml-2" }, [s("p", { staticClass: "t-c-53 f-w-600 f-s-1 l-h-1" }, [t._v(" " + t._s(a.senderName) + " ")]), s("p", { staticClass: "t-c-55 f-w-400 f-s-12 l-h-1" }, [t._v(" " + t._s(a.subject) + " ")])])])]);
-}, i = [], n = /* @__PURE__ */ c(
-  e,
-  r,
-  i,
-  !1,
-  null,
-  null
-);
-const o = n.exports;
-export {
-  o as default
-};

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

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

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

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,18 +0,0 @@
-import i from "./EmailSizeIndicator.vue2.js";
-/* empty css                        */
-import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c j-c-c" }, [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.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: t.trans("email-editor.preview-design-size-tooltip") } })], 1);
-}, a = [], n = /* @__PURE__ */ r(
-  i,
-  o,
-  a,
-  !1,
-  null,
-  "bd212ce2"
-);
-const m = n.exports;
-export {
-  m as default
-};

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

@@ -1,22 +0,0 @@
-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 v } from "../../../../stores/preview.js";
-import { InTooltip as _, InProgress as f } from "@useinsider/design-system-vue";
-const S = /* @__PURE__ */ c({
-  __name: "EmailSizeIndicator",
-  setup(w) {
-    const t = v(), 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.value = Math.min(e.value, o), s.value.type = e.value < o ? "success" : "warning";
-    }, 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, InTooltip: _ };
-  }
-});
-export {
-  S as default
-};

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "back-to-inbox": () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,19 +0,0 @@
-import n from "./ContentView.vue2.js";
-import e from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var c = function() {
-  var a = this, s = a._self._c, t = a._self._setupProxy;
-  return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
-    return a.$emit("back-to-inbox");
-  } } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("iframe", { ref: "iframeRef", staticClass: "f-g-1 w-1 d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: t.previewStore.previewHtml }, on: { load: t.onLoad } })]);
-}, i = [], o = /* @__PURE__ */ e(
-  n,
-  c,
-  i,
-  !1,
-  null,
-  null
-);
-const d = o.exports;
-export {
-  d as default
-};

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

@@ -1,23 +0,0 @@
-import { defineComponent as m, ref as c } from "vue";
-import { useResponsivePreview as f } from "../../../../composables/useResponsivePreview.js";
-import { useTranslations as a } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as p } from "../../../../stores/preview.js";
-import { InIcons as u } from "@useinsider/design-system-vue";
-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);
-      });
-    };
-    return { __sfc: !0, trans: i, previewStore: t, iframeRef: n, setupResponsivePreview: r, clearAMPTransforms: s, onLoad: () => {
-      const o = n.value, e = o == null ? void 0 : o.contentDocument;
-      e && (r(o), t.isAMPResponsive && s(e));
-    }, InIcons: u };
-  }
-});
-export {
-  h as default
-};

package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "open-email": () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,20 +0,0 @@
-import e from "./InboxView.vue2.js";
-/* empty css               */
-import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var s = this, t = s._self._c, c = s._self._setupProxy;
-  return t("div", { staticClass: "p-y-13 p-x-3 bor-b-w-1 bor-b-s-s bor-b-c-50 cur-p b-c-4 b-c-h-5 p-3", on: { click: function(_) {
-    return c.emit("open-email");
-  } } }, [t("div", { staticClass: "d-f j-c-s-b a-i-c w-1" }, [t("div", { staticClass: "f-g-1 min-w-0-s" }, [t("div", { staticClass: "f-s-1 f-w-600 t-c-53 l-h-1 mb-12 cropped-text" }, [s._v(" " + s._s(c.senderName) + " ")]), t("div", { staticClass: "f-s-12 f-w-400 t-c-55 l-h-1 cropped-text" }, [s._v(" " + s._s(c.subject) + " ")])]), t("div", { staticClass: "f-sh-0 ml-2 f-s-12 f-w-400 t-c-55 l-h-1" }, [s._v(" " + s._s(c.trans("product-catalog.today")) + " ")]), t(c.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-right" } })], 1)]);
-}, i = [], n = /* @__PURE__ */ r(
-  e,
-  a,
-  i,
-  !1,
-  null,
-  "d3bb77b4"
-);
-const d = n.exports;
-export {
-  d as default
-};

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

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

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

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js

@@ -1,17 +0,0 @@
-import t from "./MobilePreview.vue2.js";
-import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var o = this, s = o._self._c, e = o._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: e.mockup.alt, src: e.mockup.image } }), s("div", { staticClass: "p-a w-21-s h-24-s o-h", style: { top: e.phoneScreenTopMargin, left: "20px" } }, [e.showInbox ? s(e.InboxView, { on: { "open-email": e.openEmail } }) : s(e.ContentView, { on: { "back-to-inbox": e.backToInbox } })], 1)])]);
-}, r = [], i = /* @__PURE__ */ n(
-  t,
-  a,
-  r,
-  !1,
-  null,
-  null
-);
-const _ = i.exports;
-export {
-  _ as default
-};

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

@@ -1,22 +0,0 @@
-import { defineComponent as m, ref as i, computed as e } from "vue";
-import a from "../../../../static/assets/inbox-mockup.svg.js";
-import c from "../../../../static/assets/phone-mockup.svg.js";
-import s from "./ContentView.vue.js";
-import u from "./InboxView.vue.js";
-const w = /* @__PURE__ */ m({
-  __name: "MobilePreview",
-  setup(f) {
-    const o = i(!1), n = e(() => ({
-      image: o.value ? a : c,
-      alt: o.value ? "Inbox mockup" : "Phone mockup"
-    })), r = () => {
-      o.value = !1;
-    }, t = () => {
-      o.value = !0;
-    }, p = e(() => o.value ? "88px" : "44px");
-    return { __sfc: !0, showInbox: o, mockup: n, openEmail: r, backToInbox: t, phoneScreenTopMargin: p, ContentView: s, InboxView: u };
-  }
-});
-export {
-  w as default
-};

package/dist/components/wrappers/WpModal.vue.js

@@ -1,27 +0,0 @@
-import r from "./WpModal.vue2.js";
-import s from "../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
-    return e.emit("close");
-  }, onCloseEvent: function(n) {
-    return e.emit("close");
-  }, primaryButtonEvent: function(n) {
-    return e.emit("primary-action");
-  }, secondaryButtonEvent: function(n) {
-    return e.emit("secondary-action");
-  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
-    return [t._t("default")];
-  }, proxy: !0 }], null, !0) });
-}, u = [], c = /* @__PURE__ */ s(
-  r,
-  i,
-  u,
-  !1,
-  null,
-  null
-);
-const p = c.exports;
-export {
-  p as default
-};

package/dist/components/wrappers/WpModal.vue2.js

@@ -1,22 +0,0 @@
-import { defineComponent as e } from "vue";
-import { InModalV2 as o } from "@useinsider/design-system-vue";
-const u = /* @__PURE__ */ e({
-  __name: "WpModal",
-  props: {
-    id: null,
-    title: null,
-    description: { default: "" },
-    size: { default: "small" },
-    footerButtonOptions: { default: void 0 },
-    closeButtonStatus: { type: Boolean, default: !0 },
-    closeOnOutsideClick: { type: Boolean, default: !0 },
-    footerStatus: { type: Boolean, default: !0 }
-  },
-  emits: ["close", "primary-action", "secondary-action"],
-  setup(l, { emit: t }) {
-    return { __sfc: !0, emit: t, InModalV2: o };
-  }
-});
-export {
-  u as default
-};

package/dist/composables/useCodeEditorApi.d.ts

@@ -1,4 +0,0 @@
-export declare const useCodeEditorApi: () => {
-    openCodeEditor: () => void;
-    closeCodeEditor: () => void;
-};

package/dist/composables/useCodeEditorApi.js

@@ -1,11 +0,0 @@
-const i = () => ({
-  openCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.openCodeEditor();
-  },
-  closeCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
-  }
-});
-export {
-  i as useCodeEditorApi
-};

package/dist/composables/useConfig.d.ts

@@ -1,5 +0,0 @@
-import type { GuidoConfig } from '@@/Types/generic';
-export declare const useConfig: () => {
-    config: GuidoConfig;
-    getConfig: () => GuidoConfig;
-};

package/dist/composables/useConfig.js

@@ -1,11 +0,0 @@
-import { DefaultGuidoConfig as n } from "../enums/defaults.js";
-const t = () => {
-  const o = () => typeof window > "u" ? n : window.GuidoConfig || n;
-  return {
-    config: o(),
-    getConfig: o
-  };
-};
-export {
-  t as useConfig
-};

package/dist/composables/useDebounce.d.ts

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

package/dist/composables/useDebounce.js

@@ -1,12 +0,0 @@
-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/usePreviewMode.d.ts

@@ -1,5 +0,0 @@
-export declare const usePreviewMode: () => {
-    closePreviewMode: () => void;
-    openPreviewMode: () => void;
-    loadPreviewData: () => Promise<void>;
-};

package/dist/composables/usePreviewMode.js

@@ -1,31 +0,0 @@
-import { useEditorStore as d } from "../stores/editor.js";
-import { usePreviewStore as n } from "../stores/preview.js";
-import { useActionsApi as m } from "./useActionsApi.js";
-import { useCodeEditorApi as l } from "./useCodeEditorApi.js";
-const M = () => {
-  const r = d(), e = n(), { closeCodeEditor: i } = l(), { getPreviewData: s } = m();
-  return {
-    closePreviewMode: () => {
-      e.isPreviewModeOpen = !1, e.resetState();
-    },
-    openPreviewMode: () => {
-      r.isCodeEditorOpen && i(), e.isPreviewModeOpen = !0;
-    },
-    loadPreviewData: async () => {
-      if (!(e.isLoading || e.isLoaded)) {
-        e.setLoading(!0);
-        try {
-          const { html: o, ampHtml: t, ampErrors: a } = await s();
-          e.setTemplateHtml(o || ""), e.setAmpHtml(t || ""), e.setAmpErrors(a || []), e.setEmailFormat(t ? "AMP" : "html"), e.setLoaded(!0);
-        } catch (o) {
-          console.error("Failed to load preview data:", o);
-        } finally {
-          e.setLoading(!1);
-        }
-      }
-    }
-  };
-};
-export {
-  M as usePreviewMode
-};

package/dist/composables/useResponsivePreview.d.ts

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

package/dist/composables/useResponsivePreview.js

@@ -1,86 +0,0 @@
-import { useDebounce as p } from "./useDebounce.js";
-import { ResponsivePreviewRegex as c, ResponsivePreviewSelectors as v, ResponsivePreviewConfig as a } from "../enums/preview.js";
-let i = null, l = null;
-const { debounce: y } = p(), h = (t) => {
-  if (!t)
-    return null;
-  const e = t.match(c.TABLE_WIDTH);
-  if (!e)
-    return null;
-  const n = Number(e[1]);
-  return Number.isNaN(n) ? null : n;
-}, w = (t) => Array.from(t.querySelectorAll("table[width]")).reduce((e, n) => {
-  const o = h(n.getAttribute("width"));
-  return o && o > e ? o : e;
-}, 0), f = (t) => Array.from(t.querySelectorAll('[style*="width"]')).reduce((e, n) => {
-  const r = (n.getAttribute("style") || "").match(c.INLINE_WIDTH);
-  if (!r)
-    return e;
-  const s = Number(r[1]);
-  return !Number.isNaN(s) && s > e ? s : e;
-}, 0), W = (t) => v.CONTAINERS.reduce((e, n) => {
-  const o = t.querySelector(n);
-  if (!o)
-    return e;
-  const r = Math.max(o.offsetWidth, o.scrollWidth);
-  return r > e ? r : e;
-}, 0), E = (t) => {
-  const e = {
-    maxTableWidth: w(t),
-    maxInlineWidth: f(t),
-    maxContainerWidth: W(t)
-  }, { maxTableWidth: n, maxInlineWidth: o, maxContainerWidth: r } = e;
-  return Math.max(n, o, r) || a.DEFAULT_WIDTH;
-}, b = (t) => {
-  const { documentElement: e, body: n } = t;
-  e.style.setProperty("overflow-x", "visible", "important"), n.style.setProperty("visibility", "visible", "important");
-}, g = (t) => {
-  const { documentElement: e, body: n } = t;
-  e.style.removeProperty("transform"), e.style.removeProperty("transform-origin"), e.style.removeProperty("height"), n.style.removeProperty("overflow-x");
-}, S = (t) => {
-  const { targetWidth: e, deviceWidth: n, minScale: o, maxScale: r } = t, s = n / e;
-  return Math.min(Math.max(s, o), r);
-}, P = (t, e) => {
-  const n = E(t), o = S({
-    targetWidth: n,
-    deviceWidth: e,
-    minScale: a.MIN_SCALE,
-    maxScale: 1
-  }), { documentElement: r, body: s } = t;
-  r.style.setProperty("height", "100%", "important"), r.style.setProperty("transform", `scale(${o})`, "important"), r.style.setProperty("transform-origin", "top left", "important"), s.style.setProperty("overflow-x", "hidden", "important");
-}, u = (t) => {
-  const e = t.querySelector('meta[name="viewport"]');
-  if (!e)
-    return !1;
-  const n = e.getAttribute("content") || "";
-  return c.META_VIEWPORT.test(n);
-}, R = (t) => t.clientWidth || t.getBoundingClientRect().width || 375, d = (t) => {
-  const e = t.contentWindow;
-  l && e && e.removeEventListener("resize", l), i && window.removeEventListener("resize", i), l = null, i = null;
-}, x = (t, e) => {
-  const n = t.contentWindow;
-  if (!n)
-    return;
-  d(t);
-  const o = () => y(e, a.RESIZE_DEBOUNCE_MS);
-  l = o, n.addEventListener("resize", l), i = o, window.addEventListener("resize", i);
-}, M = () => ({
-  setupResponsivePreview: (n) => {
-    const o = n.contentDocument, r = n.contentWindow;
-    if (!o || !r)
-      return;
-    b(o);
-    const s = () => {
-      const m = R(n);
-      u(o) ? g(o) : P(o, m);
-    };
-    s(), x(n, s);
-  },
-  tearDownEmailResponsiveFit: (n) => {
-    d(n);
-  },
-  hasResponsiveMetaViewport: u
-});
-export {
-  M as useResponsivePreview
-};

package/dist/enums/preview.d.ts

@@ -1,13 +0,0 @@
-export declare const ResponsivePreviewConfig: {
-    DEFAULT_WIDTH: number;
-    MIN_SCALE: number;
-    RESIZE_DEBOUNCE_MS: number;
-};
-export declare const ResponsivePreviewRegex: {
-    INLINE_WIDTH: RegExp;
-    TABLE_WIDTH: RegExp;
-    META_VIEWPORT: RegExp;
-};
-export declare const ResponsivePreviewSelectors: {
-    CONTAINERS: string[];
-};

package/dist/enums/preview.js

@@ -1,23 +0,0 @@
-const e = {
-  DEFAULT_WIDTH: 600,
-  MIN_SCALE: 0.2,
-  RESIZE_DEBOUNCE_MS: 100
-}, i = {
-  INLINE_WIDTH: /width\s*:\s*(\d+(\.\d+)?)px/i,
-  TABLE_WIDTH: /^(\d+(\.\d+)?)(px)?$/i,
-  META_VIEWPORT: /width\s*=\s*device-width/i
-}, n = {
-  CONTAINERS: [
-    ".wrapper",
-    ".container",
-    "#wrapper",
-    "#container",
-    "[data-email-container]",
-    '[role="presentation"]'
-  ]
-};
-export {
-  e as ResponsivePreviewConfig,
-  i as ResponsivePreviewRegex,
-  n as ResponsivePreviewSelectors
-};