@useinsider/guido 1.0.0-beta.cd820fb → 1.0.0-beta.d5d5bac

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/@types/generic.d.ts +0 -5
  2. package/dist/components/Guido.vue.js +8 -8
  3. package/dist/components/Guido.vue2.js +25 -28
  4. package/dist/components/organisms/header/MiddleSlot.vue.js +9 -9
  5. package/dist/components/organisms/header/MiddleSlot.vue2.js +14 -17
  6. package/dist/components/organisms/header/RightSlot.vue.js +4 -4
  7. package/dist/components/organisms/header/RightSlot.vue2.js +22 -23
  8. package/dist/components/organisms/header/ViewOptions.vue.js +8 -8
  9. package/dist/components/organisms/header/ViewOptions.vue2.js +8 -10
  10. package/dist/composables/useActionsApi.d.ts +0 -2
  11. package/dist/composables/useActionsApi.js +36 -62
  12. package/dist/enums/defaults.js +5 -9
  13. package/dist/guido.css +1 -1
  14. package/package.json +1 -1
  15. package/dist/components/organisms/email-preview/PreviewContainer.vue.d.ts +0 -2
  16. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +0 -19
  17. package/dist/components/organisms/email-preview/PreviewContainer.vue2.js +0 -19
  18. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.d.ts +0 -4
  19. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js +0 -22
  20. package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js +0 -30
  21. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.d.ts +0 -2
  22. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +0 -19
  23. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +0 -29
  24. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.d.ts +0 -2
  25. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +0 -22
  26. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js +0 -31
  27. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.d.ts +0 -2
  28. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js +0 -17
  29. package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js +0 -20
  30. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.d.ts +0 -2
  31. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +0 -18
  32. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js +0 -25
  33. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.d.ts +0 -4
  34. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +0 -19
  35. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js +0 -23
  36. package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.d.ts +0 -4
  37. package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue.js +0 -20
  38. package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue2.js +0 -21
  39. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.d.ts +0 -2
  40. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue.js +0 -17
  41. package/dist/components/organisms/email-preview/mobile-preview/MobilePreview.vue2.js +0 -22
  42. package/dist/components/wrappers/WpModal.vue.d.ts +0 -65
  43. package/dist/components/wrappers/WpModal.vue.js +0 -27
  44. package/dist/components/wrappers/WpModal.vue2.js +0 -22
  45. package/dist/composables/useCodeEditorApi.d.ts +0 -4
  46. package/dist/composables/useCodeEditorApi.js +0 -11
  47. package/dist/composables/useConfig.d.ts +0 -4
  48. package/dist/composables/useConfig.js +0 -7
  49. package/dist/composables/useDebounce.d.ts +0 -4
  50. package/dist/composables/useDebounce.js +0 -12
  51. package/dist/composables/usePreviewMode.d.ts +0 -5
  52. package/dist/composables/usePreviewMode.js +0 -31
  53. package/dist/composables/useResponsivePreview.d.ts +0 -5
  54. package/dist/composables/useResponsivePreview.js +0 -86
  55. package/dist/enums/preview.d.ts +0 -13
  56. package/dist/enums/preview.js +0 -23
  57. package/dist/static/assets/inbox-mockup.svg.js +0 -4
  58. package/dist/static/assets/phone-mockup.svg.js +0 -4
  59. package/dist/stores/preview.d.ts +0 -64
  60. package/dist/stores/preview.js +0 -49
@@ -1,19 +0,0 @@
1
- import o from "./AmpToggle.vue2.js";
2
- import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
3
- var s = function() {
4
- var r = this, t = r._self._c, e = r._self._setupProxy;
5
- return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.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: function(c) {
6
- return e.previewStore.openErrorModal();
7
- } } }) : r._e()], 1)]);
8
- }, a = [], i = /* @__PURE__ */ n(
9
- o,
10
- s,
11
- a,
12
- !1,
13
- null,
14
- null
15
- );
16
- const d = i.exports;
17
- export {
18
- d as default
19
- };
@@ -1,29 +0,0 @@
1
- import { defineComponent as m, computed as n } from "vue";
2
- import { useTranslations as r } from "../../../../composables/useTranslations.js";
3
- import { usePreviewStore as i } from "../../../../stores/preview.js";
4
- import { InButtonV2 as s, InSegments as l } from "@useinsider/design-system-vue";
5
- const _ = /* @__PURE__ */ m({
6
- __name: "AmpToggle",
7
- setup(p) {
8
- const t = i(), e = r(), o = n(() => [
9
- {
10
- text: e("dynamic-creatives.html"),
11
- value: "html"
12
- },
13
- {
14
- text: e("email-editor.amp-html"),
15
- value: "AMP",
16
- tooltipText: t.hasAMP ? "" : e("email-editor.preview-amp-unavailable-tooltip"),
17
- position: "bottom",
18
- align: "center",
19
- disable: !t.hasAMP
20
- }
21
- ]);
22
- return { __sfc: !0, previewStore: t, trans: e, segmentList: o, handleFormatChange: (a) => {
23
- t.setEmailFormat(a);
24
- }, InSegments: l, InButtonV2: s };
25
- }
26
- });
27
- export {
28
- _ as default
29
- };
@@ -1,2 +0,0 @@
1
- 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<{}>>, {}>;
2
- export default _default;
@@ -1,22 +0,0 @@
1
- import o from "./DesktopPreview.vue2.js";
2
- /* empty css */
3
- import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
4
- var s = function() {
5
- var r = this, t = r._self._c, e = r._self._setupProxy;
6
- 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() {
7
- return [t(e.EmailHeaderInfo)];
8
- }, proxy: !0 }, { key: "headerRightSlot", fn: function() {
9
- return [t(e.EmailSizeIndicator)];
10
- }, 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);
11
- }, i = [], n = /* @__PURE__ */ a(
12
- o,
13
- s,
14
- i,
15
- !1,
16
- null,
17
- "2dd60b0c"
18
- );
19
- const d = n.exports;
20
- export {
21
- d as default
22
- };
@@ -1,31 +0,0 @@
1
- import { defineComponent as d, ref as r, onMounted as h, onBeforeUnmount as v, nextTick as g } from "vue";
2
- import { usePreviewStore as _ } from "../../../../stores/preview.js";
3
- import { InContainer as I } from "@useinsider/design-system-vue";
4
- import R from "./EmailHeaderInfo.vue.js";
5
- import C from "./EmailSizeIndicator.vue.js";
6
- const B = /* @__PURE__ */ d({
7
- __name: "DesktopPreview",
8
- setup(H) {
9
- const t = r(), i = r("400px"), a = r(!1), m = _(), n = () => {
10
- if (!t.value)
11
- return;
12
- const o = t.value.querySelector(".in-container");
13
- if (!o)
14
- return;
15
- const u = o.getBoundingClientRect(), s = o.querySelector(".in-container__header"), f = s ? s.getBoundingClientRect().height : 0, p = u.height - f;
16
- i.value = `${p}px`;
17
- };
18
- let e = null;
19
- const c = () => {
20
- n(), t.value && (e = new ResizeObserver(n), e.observe(t.value), g(() => {
21
- a.value = !0;
22
- }));
23
- }, l = () => {
24
- e == null || e.disconnect();
25
- };
26
- return h(c), v(l), { __sfc: !0, containerRef: t, iframeHeight: i, isContainerReady: a, previewStore: m, calculateIframeHeight: n, resizeObserver: e, initIframe: c, cleanIframe: l, InContainer: I, EmailHeaderInfo: R, EmailSizeIndicator: C };
27
- }
28
- });
29
- export {
30
- B as default
31
- };
@@ -1,2 +0,0 @@
1
- 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<{}>>, {}>;
2
- export default _default;
@@ -1,17 +0,0 @@
1
- import e from "./EmailHeaderInfo.vue2.js";
2
- import c from "../../../../_virtual/_plugin-vue2_normalizer.js";
3
- var r = function() {
4
- var t = this, s = t._self._c, a = t._self._setupProxy;
5
- 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) + " ")])])])]);
6
- }, i = [], n = /* @__PURE__ */ c(
7
- e,
8
- r,
9
- i,
10
- !1,
11
- null,
12
- null
13
- );
14
- const o = n.exports;
15
- export {
16
- o as default
17
- };
@@ -1,20 +0,0 @@
1
- import { defineComponent as m, computed as o } from "vue";
2
- import { useConfig as a } from "../../../../composables/useConfig.js";
3
- import { useTranslations as i } from "../../../../composables/useTranslations.js";
4
- import { InIcons as c } from "@useinsider/design-system-vue";
5
- const l = /* @__PURE__ */ m({
6
- __name: "EmailHeaderInfo",
7
- setup(f) {
8
- const { config: t } = a(), n = i(), s = o(() => {
9
- var e;
10
- return ((e = t.emailHeader) == null ? void 0 : e.senderName) || n("settings.sender-name");
11
- }), r = o(() => {
12
- var e;
13
- return ((e = t.emailHeader) == null ? void 0 : e.subject) || n("email-editor.default-subject");
14
- });
15
- return { __sfc: !0, config: t, trans: n, senderName: s, subject: r, InIcons: c };
16
- }
17
- });
18
- export {
19
- l as default
20
- };
@@ -1,2 +0,0 @@
1
- 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<{}>>, {}>;
2
- export default _default;
@@ -1,18 +0,0 @@
1
- import i from "./EmailSizeIndicator.vue2.js";
2
- /* empty css */
3
- import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
4
- var o = function() {
5
- var s = this, e = s._self._c, t = s._self._setupProxy;
6
- 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);
7
- }, a = [], n = /* @__PURE__ */ r(
8
- i,
9
- o,
10
- a,
11
- !1,
12
- null,
13
- "c2adc57d"
14
- );
15
- const m = n.exports;
16
- export {
17
- m as default
18
- };
@@ -1,25 +0,0 @@
1
- import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
2
- import { useTranslations as p } from "../../../../composables/useTranslations.js";
3
- import { usePreviewStore as _ } from "../../../../stores/preview.js";
4
- import { InTooltip as v, InProgress as f } from "@useinsider/design-system-vue";
5
- const S = /* @__PURE__ */ c({
6
- __name: "EmailSizeIndicator",
7
- setup(w) {
8
- const t = _(), o = 102, e = n(0), s = n({
9
- type: "success",
10
- value: 0
11
- }), a = l(() => `~${e.value} KB`), r = () => {
12
- const m = new Blob([t.previewHtml]).size;
13
- e.value = Math.round(m / 1024), s.value = {
14
- type: e.value < o ? "success" : "warning",
15
- value: Math.min(e.value, o)
16
- };
17
- }, i = p();
18
- return u(() => t.previewHtml, () => {
19
- r();
20
- }, { 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: v };
21
- }
22
- });
23
- export {
24
- S as default
25
- };
@@ -1,4 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
2
- "back-to-inbox": () => void;
3
- }, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
4
- export default _default;
@@ -1,19 +0,0 @@
1
- import n from "./ContentView.vue2.js";
2
- import e from "../../../../_virtual/_plugin-vue2_normalizer.js";
3
- var c = function() {
4
- var a = this, s = a._self._c, t = a._self._setupProxy;
5
- 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) {
6
- return a.$emit("back-to-inbox");
7
- } } }, [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 } })]);
8
- }, i = [], o = /* @__PURE__ */ e(
9
- n,
10
- c,
11
- i,
12
- !1,
13
- null,
14
- null
15
- );
16
- const d = o.exports;
17
- export {
18
- d as default
19
- };
@@ -1,23 +0,0 @@
1
- import { defineComponent as m, ref as c } from "vue";
2
- import { useResponsivePreview as f } from "../../../../composables/useResponsivePreview.js";
3
- import { useTranslations as a } from "../../../../composables/useTranslations.js";
4
- import { usePreviewStore as p } from "../../../../stores/preview.js";
5
- import { InIcons as u } from "@useinsider/design-system-vue";
6
- const h = /* @__PURE__ */ m({
7
- __name: "ContentView",
8
- emits: ["back-to-inbox"],
9
- setup(v) {
10
- const i = a(), t = p(), n = c(), { setupResponsivePreview: r } = f(), s = (o) => {
11
- ["transform", "transform-origin", "height"].forEach((e) => {
12
- o.documentElement.style.removeProperty(e);
13
- });
14
- };
15
- return { __sfc: !0, trans: i, previewStore: t, iframeRef: n, setupResponsivePreview: r, clearAMPTransforms: s, onLoad: () => {
16
- const o = n.value, e = o == null ? void 0 : o.contentDocument;
17
- e && (r(o), t.isAMPResponsive && s(e));
18
- }, InIcons: u };
19
- }
20
- });
21
- export {
22
- h as default
23
- };
@@ -1,4 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
2
- "open-email": () => void;
3
- }, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
4
- export default _default;
@@ -1,20 +0,0 @@
1
- import e from "./InboxView.vue2.js";
2
- /* empty css */
3
- import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
4
- var r = function() {
5
- var s = this, t = s._self._c, c = s._self._setupProxy;
6
- 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(_) {
7
- return c.emit("open-email");
8
- } } }, [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)]);
9
- }, i = [], n = /* @__PURE__ */ a(
10
- e,
11
- r,
12
- i,
13
- !1,
14
- null,
15
- "f20b3a9b"
16
- );
17
- const m = n.exports;
18
- export {
19
- m as default
20
- };
@@ -1,21 +0,0 @@
1
- import { defineComponent as a, computed as o } from "vue";
2
- import { useConfig as i } from "../../../../composables/useConfig.js";
3
- import { useTranslations as c } from "../../../../composables/useTranslations.js";
4
- import { InIcons as f } from "@useinsider/design-system-vue";
5
- const b = /* @__PURE__ */ a({
6
- __name: "InboxView",
7
- emits: ["open-email"],
8
- setup(p, { emit: s }) {
9
- const t = c(), { config: n } = i(), r = o(() => {
10
- var e;
11
- return ((e = n.emailHeader) == null ? void 0 : e.senderName) || t("settings.sender-name");
12
- }), m = o(() => {
13
- var e;
14
- return ((e = n.emailHeader) == null ? void 0 : e.subject) || t("email-editor.default-subject");
15
- });
16
- return { __sfc: !0, emit: s, trans: t, config: n, senderName: r, subject: m, InIcons: f };
17
- }
18
- });
19
- export {
20
- b as default
21
- };
@@ -1,2 +0,0 @@
1
- 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<{}>>, {}>;
2
- export default _default;
@@ -1,17 +0,0 @@
1
- import t from "./MobilePreview.vue2.js";
2
- import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
3
- var a = function() {
4
- var o = this, s = o._self._c, e = o._self._setupProxy;
5
- 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)])]);
6
- }, r = [], i = /* @__PURE__ */ n(
7
- t,
8
- a,
9
- r,
10
- !1,
11
- null,
12
- null
13
- );
14
- const _ = i.exports;
15
- export {
16
- _ as default
17
- };
@@ -1,22 +0,0 @@
1
- import { defineComponent as m, ref as i, computed as e } from "vue";
2
- import a from "../../../../static/assets/inbox-mockup.svg.js";
3
- import c from "../../../../static/assets/phone-mockup.svg.js";
4
- import s from "./ContentView.vue.js";
5
- import u from "./InboxView.vue.js";
6
- const w = /* @__PURE__ */ m({
7
- __name: "MobilePreview",
8
- setup(f) {
9
- const o = i(!1), n = e(() => ({
10
- image: o.value ? a : c,
11
- alt: o.value ? "Inbox mockup" : "Phone mockup"
12
- })), r = () => {
13
- o.value = !1;
14
- }, t = () => {
15
- o.value = !0;
16
- }, p = e(() => o.value ? "88px" : "44px");
17
- return { __sfc: !0, showInbox: o, mockup: n, openEmail: r, backToInbox: t, phoneScreenTopMargin: p, ContentView: s, InboxView: u };
18
- }
19
- });
20
- export {
21
- w as default
22
- };
@@ -1,65 +0,0 @@
1
- import type { FooterButtonGroup } from '@@/Types/preview';
2
- type __VLS_Props = {
3
- id: string;
4
- title: string;
5
- description?: string;
6
- size?: 'small' | 'medium' | 'large';
7
- footerButtonOptions?: FooterButtonGroup;
8
- closeButtonStatus?: boolean;
9
- closeOnOutsideClick?: boolean;
10
- footerStatus?: boolean;
11
- };
12
- declare var __VLS_13: {};
13
- type __VLS_Slots = {} & {
14
- default?: (props: typeof __VLS_13) => any;
15
- };
16
- declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
17
- description: string;
18
- size: string;
19
- footerButtonOptions: undefined;
20
- closeButtonStatus: boolean;
21
- closeOnOutsideClick: boolean;
22
- footerStatus: boolean;
23
- }>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
24
- close: () => void;
25
- "primary-action": () => void;
26
- "secondary-action": () => void;
27
- }, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
28
- description: string;
29
- size: string;
30
- footerButtonOptions: undefined;
31
- closeButtonStatus: boolean;
32
- closeOnOutsideClick: boolean;
33
- footerStatus: boolean;
34
- }>>>, {
35
- size: "small" | "medium" | "large";
36
- description: string;
37
- footerButtonOptions: FooterButtonGroup;
38
- closeButtonStatus: boolean;
39
- closeOnOutsideClick: boolean;
40
- footerStatus: boolean;
41
- }>;
42
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
43
- export default _default;
44
- type __VLS_WithDefaults<P, D> = {
45
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
46
- default: D[K];
47
- }> : P[K];
48
- };
49
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
50
- type __VLS_TypePropsToOption<T> = {
51
- [K in keyof T]-?: {} extends Pick<T, K> ? {
52
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
53
- } : {
54
- type: import('vue').PropType<T[K]>;
55
- required: true;
56
- };
57
- };
58
- type __VLS_WithSlots<T, S> = T & {
59
- new (): {
60
- $scopedSlots: S;
61
- };
62
- };
63
- type __VLS_PrettifyLocal<T> = {
64
- [K in keyof T]: T[K];
65
- } & {};
@@ -1,27 +0,0 @@
1
- import r from "./WpModal.vue2.js";
2
- import s from "../../_virtual/_plugin-vue2_normalizer.js";
3
- var i = function() {
4
- var t = this, o = t._self._c, e = t._self._setupProxy;
5
- 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) {
6
- return e.emit("close");
7
- }, onCloseEvent: function(n) {
8
- return e.emit("close");
9
- }, primaryButtonEvent: function(n) {
10
- return e.emit("primary-action");
11
- }, secondaryButtonEvent: function(n) {
12
- return e.emit("secondary-action");
13
- } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
14
- return [t._t("default")];
15
- }, proxy: !0 }], null, !0) });
16
- }, u = [], c = /* @__PURE__ */ s(
17
- r,
18
- i,
19
- u,
20
- !1,
21
- null,
22
- null
23
- );
24
- const p = c.exports;
25
- export {
26
- p as default
27
- };
@@ -1,22 +0,0 @@
1
- import { defineComponent as e } from "vue";
2
- import { InModalV2 as o } from "@useinsider/design-system-vue";
3
- const u = /* @__PURE__ */ e({
4
- __name: "WpModal",
5
- props: {
6
- id: null,
7
- title: null,
8
- description: { default: "" },
9
- size: { default: "small" },
10
- footerButtonOptions: { default: void 0 },
11
- closeButtonStatus: { type: Boolean, default: !0 },
12
- closeOnOutsideClick: { type: Boolean, default: !0 },
13
- footerStatus: { type: Boolean, default: !0 }
14
- },
15
- emits: ["close", "primary-action", "secondary-action"],
16
- setup(l, { emit: t }) {
17
- return { __sfc: !0, emit: t, InModalV2: o };
18
- }
19
- });
20
- export {
21
- u as default
22
- };
@@ -1,4 +0,0 @@
1
- export declare const useCodeEditorApi: () => {
2
- openCodeEditor: () => void;
3
- closeCodeEditor: () => void;
4
- };
@@ -1,11 +0,0 @@
1
- const i = () => ({
2
- openCodeEditor: () => {
3
- window.StripoEditorApi.codeEditorApi.openCodeEditor();
4
- },
5
- closeCodeEditor: () => {
6
- window.StripoEditorApi.codeEditorApi.closeCodeEditor();
7
- }
8
- });
9
- export {
10
- i as useCodeEditorApi
11
- };
@@ -1,4 +0,0 @@
1
- import type { GuidoConfig } from '@@/Types/generic';
2
- export declare const useConfig: () => {
3
- config: GuidoConfig;
4
- };
@@ -1,7 +0,0 @@
1
- import { DefaultGuidoConfig as o } from "../enums/defaults.js";
2
- const t = () => ({
3
- config: typeof window > "u" ? o : window.GuidoConfig || o
4
- });
5
- export {
6
- t as useConfig
7
- };
@@ -1,4 +0,0 @@
1
- export declare const useDebounce: () => {
2
- debounce: (fn: () => void, ms?: number) => void;
3
- clearDebounce: () => void;
4
- };
@@ -1,12 +0,0 @@
1
- import { ref as c } from "vue";
2
- const r = () => {
3
- const e = c(void 0);
4
- return { debounce: (o, u = 150) => {
5
- e.value && window.clearTimeout(e.value), e.value = window.setTimeout(o, u);
6
- }, clearDebounce: () => {
7
- e.value && (window.clearTimeout(e.value), e.value = void 0);
8
- } };
9
- };
10
- export {
11
- r as useDebounce
12
- };
@@ -1,5 +0,0 @@
1
- export declare const usePreviewMode: () => {
2
- closePreviewMode: () => void;
3
- openPreviewMode: () => void;
4
- loadPreviewData: () => Promise<void>;
5
- };
@@ -1,31 +0,0 @@
1
- import { useEditorStore as n } from "../stores/editor.js";
2
- import { usePreviewStore as m } from "../stores/preview.js";
3
- import { useActionsApi as p } from "./useActionsApi.js";
4
- import { useCodeEditorApi as l } from "./useCodeEditorApi.js";
5
- const E = () => {
6
- const i = n(), e = m(), { closeCodeEditor: s } = l(), { getPreviewData: a } = p(), r = () => {
7
- e.isPreviewModeOpen = !1, e.$reset();
8
- };
9
- return {
10
- closePreviewMode: r,
11
- openPreviewMode: () => {
12
- i.isCodeEditorOpen && s(), e.isPreviewModeOpen = !0;
13
- },
14
- loadPreviewData: async () => {
15
- if (!(e.isLoading || e.isLoaded)) {
16
- e.isLoading = !0;
17
- try {
18
- const { html: o, ampHtml: t, ampErrors: d } = await a();
19
- e.templateHtml = o || "", e.ampHtml = t || "", e.ampErrors = d || [], e.setEmailFormat(t ? "AMP" : "html"), e.isLoaded = !0;
20
- } catch (o) {
21
- console.error("Failed to load preview data:", o), r();
22
- } finally {
23
- e.isLoading = !1;
24
- }
25
- }
26
- }
27
- };
28
- };
29
- export {
30
- E as usePreviewMode
31
- };
@@ -1,5 +0,0 @@
1
- export declare const useResponsivePreview: () => {
2
- setupResponsivePreview: (iframe: HTMLIFrameElement) => void;
3
- tearDownEmailResponsiveFit: (iframe: HTMLIFrameElement) => void;
4
- hasResponsiveMetaViewport: (doc: Document) => boolean;
5
- };