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

package/dist/@types/generic.d.ts

@@ -3,17 +3,12 @@ export type GuidoConfig = {
     translationsPath: string;
     htmlCompilerRules?: CompilerRule[];
     ignoreDefaultHtmlCompilerRules?: boolean;
-    emailHeader: EmailHeader;
 };
 export type DynamicContent = {
     value: string;
     text: string;
     fallback?: string;
 };
-export interface EmailHeader {
-    senderName: string;
-    subject: string;
-}
 export type MergeTag = {
     label: string;
     value: string;

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
 import o from "./Guido.vue2.js";
 /* empty css           */
-import t from "../_virtual/_plugin-vue2_normalizer.js";
+import i from "../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var i = this, e = i._self._c, r = i._self._setupProxy;
-  return e("div", { staticClass: "guido-editor__wrapper" }, [e(r.HeaderWrapper), r.previewStore.isPreviewModeOpen ? e(r.PreviewContainer) : i._e(), e("div", { directives: [{ name: "show", rawName: "v-show", value: !r.previewStore.isPreviewModeOpen, expression: "!previewStore.isPreviewModeOpen" }], staticClass: "guido-editor__container", attrs: { id: "guido-editor" } })], 1);
-}, a = [], n = /* @__PURE__ */ t(
+  var e = this, r = e._self._c, t = e._self._setupProxy;
+  return r("div", { staticClass: "guido-editor__wrapper" }, [r(t.HeaderWrapper), r("div", { staticClass: "guido-editor__container", attrs: { id: "guido-editor" } })], 1);
+}, _ = [], a = /* @__PURE__ */ i(
   o,
   s,
-  a,
+  _,
   !1,
   null,
-  "4083db95"
+  "f9fbdc93"
 );
-const c = n.exports;
+const f = a.exports;
 export {
-  c as default
+  f as default
 };

package/dist/components/Guido.vue2.js

@@ -1,13 +1,12 @@
-import { defineComponent as L, defineAsyncComponent as E, onMounted as P } from "vue";
-import { provideGuidoActions as _ } from "../composables/useGuidoActions.js";
-import { usePartner as G } from "../composables/usePartner.js";
-import { useStripo as I } from "../composables/useStripo.js";
-import { DefaultUsername as k, DefaultGuidoConfig as T } from "../enums/defaults.js";
-import A from "./organisms/header/HeaderWrapper.vue.js";
-import { useStripoApi as N } from "../services/stripoApi.js";
-import { useDynamicContentStore as x } from "../stores/dynamic-content.js";
-import { usePreviewStore as W } from "../stores/preview.js";
-const q = /* @__PURE__ */ L({
+import { defineComponent as h, onMounted as L } from "vue";
+import { provideGuidoActions as w } from "../composables/useGuidoActions.js";
+import { usePartner as E } from "../composables/usePartner.js";
+import { useStripo as _ } from "../composables/useStripo.js";
+import { DefaultUsername as G, DefaultGuidoConfig as I } from "../enums/defaults.js";
+import k from "./organisms/header/HeaderWrapper.vue.js";
+import { useStripoApi as P } from "../services/stripoApi.js";
+import { useDynamicContentStore as T } from "../stores/dynamic-content.js";
+const K = /* @__PURE__ */ h({
   __name: "Guido",
   props: {
     templateId: null,
@@ -21,32 +20,30 @@ const q = /* @__PURE__ */ L({
     guidoConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete"],
-  setup(S, { expose: b, emit: t }) {
-    const o = S, w = E(
-      () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), n = x(), c = o.preselectedDynamicContentList || [], { getPartnerName: i, getProductType: s } = G(), h = W(), {
+  setup(b, { expose: S, emit: t }) {
+    const o = b, n = T(), c = o.preselectedDynamicContentList || [], { getPartnerName: i, getProductType: s } = E(), {
       templateId: a,
       userId: r,
-      guidoConfig: m,
+      guidoConfig: l,
       html: d = "",
-      css: l = "",
+      css: m = "",
       partnerName: u = i(),
       productType: p = s(),
-      username: y = k
+      username: y = G
     } = o;
     window.GuidoConfig = {
-      ...T,
-      ...m
+      ...I,
+      ...l
     };
-    const { initPlugin: C } = I({
+    const { initPlugin: g } = _({
       emailId: a,
       userId: r,
       username: y,
       partnerName: u,
       productType: p,
       preselectedDynamicContentList: c
-    }), { getDefaultTemplate: g } = N();
-    _({
+    }), { getDefaultTemplate: C } = P();
+    w({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -68,16 +65,16 @@ const q = /* @__PURE__ */ L({
     }, v = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return P(async () => {
+    return L(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         let e = {
           html: d,
-          css: l,
+          css: m,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await g()), await C(e), n.selectedDynamicContentList = c;
+        e.html || (e = await C()), await g(e), n.selectedDynamicContentList = c;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -85,14 +82,14 @@ const q = /* @__PURE__ */ L({
         const D = e;
         console.debug("dynamic-content:open", D.detail), t("dynamic-content:open", D.detail);
       });
-    }), b({
+    }), S({
       dynamicContent: {
         insert: f,
         close: v
       }
-    }), { __sfc: !0, PreviewContainer: w, dynamicContentStore: n, props: o, preselectedDynamicContentList: c, getPartnerName: i, getProductType: s, previewStore: h, templateId: a, userId: r, guidoConfig: m, html: d, css: l, partnerName: u, productType: p, username: y, emit: t, initPlugin: C, getDefaultTemplate: g, insertDynamicContent: f, closeDynamicContent: v, HeaderWrapper: A };
+    }), { __sfc: !0, dynamicContentStore: n, props: o, preselectedDynamicContentList: c, getPartnerName: i, getProductType: s, templateId: a, userId: r, guidoConfig: l, html: d, css: m, partnerName: u, productType: p, username: y, emit: t, initPlugin: g, getDefaultTemplate: C, insertDynamicContent: f, closeDynamicContent: v, HeaderWrapper: k };
   }
 });
 export {
-  q as default
+  K 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,
+  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);
+}, l = [], r = /* @__PURE__ */ i(
+  s,
   n,
-  r,
+  l,
   !1,
   null,
   null
 );
-const u = d.exports;
+const p = r.exports;
 export {
-  u as default
+  p as default
 };

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

@@ -1,25 +1,22 @@
-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 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({
   __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(a) {
+    const o = n(), t = s();
+    return { __sfc: !0, editorStore: o, trans: t, getTooltipOptions: (i) => ({
+      id: `${i}-tooltip`,
       dynamicPosition: !1,
       staticPosition: "bottom center",
       iconStatus: !1
-    }), handlePreviewToggle: () => o.isPreviewModeOpen ? i() : t(), AmpToggle: a, InButtonV2: w, VersionHistory: v, VersionHistoryViewOptions: u, ViewOptions: P };
+    }), InButtonV2: e, VersionHistory: m, VersionHistoryViewOptions: p, ViewOptions: f };
   }
 });
 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", "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 }, on: { click: t.handleSave } })], 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,35 @@
-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 m } from "vue";
+import { useActionsApi as p } from "../../../composables/useActionsApi.js";
+import { useExport as c } from "../../../composables/useExport.js";
+import { useSaveStart as l, useSaveComplete as f } from "../../../composables/useGuidoActions.js";
+import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as d } from "../../../stores/editor.js";
+import { InButtonV2 as S } from "@useinsider/design-system-vue";
+const E = /* @__PURE__ */ m({
   __name: "RightSlot",
-  setup(w) {
-    const { exportHtml: p } = S(), { getCompiledEmail: e } = d(), r = v(), s = y(), { openVersionHistory: i, closeVersionHistory: n } = _(), o = H(), m = V(), a = () => {
-      if (o.isVersionHistoryOpen) {
+  setup(h) {
+    const { exportHtml: a } = c(), { getCompiledEmail: t } = p(), e = l(), r = f(), { openVersionHistory: s, closeVersionHistory: n } = u(), i = d();
+    return { __sfc: !0, exportHtml: a, getCompiledEmail: t, saveStart: e, saveComplete: r, openVersionHistory: s, closeVersionHistory: n, editorStore: i, handleVersionHistory: () => {
+      if (i.isVersionHistoryOpen) {
         n();
         return;
       }
-      i();
-    }, c = async () => {
-      r();
+      s();
+    }, handleSave: async () => {
+      e();
       try {
-        const { html: t } = await e();
-        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);
       }
-    }, 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 };
+    }, InButtonV2: S };
   }
 });
 export {
-  b as default
+  E as default
 };

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

@@ -1,18 +1,18 @@
 import r from "./ViewOptions.vue2.js";
 /* empty css                 */
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = 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 } });
-}, n = [], _ = /* @__PURE__ */ i(
+  return o(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
+}, i = [], _ = /* @__PURE__ */ s(
   r,
-  s,
   n,
+  i,
   !1,
   null,
-  "c4fe2637"
+  "0fff376c"
 );
-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/enums/defaults.js

@@ -1,12 +1,8 @@
-const e = {
-  translationsPath: "window.trans.en",
-  emailHeader: {
-    senderName: "",
-    subject: ""
-  }
-}, t = "newsletter", n = "Guido User";
+const t = {
+  translationsPath: "window.trans.en"
+}, e = "newsletter", n = "Guido User";
 export {
-  e as DefaultGuidoConfig,
-  t as DefaultProductType,
+  t as DefaultGuidoConfig,
+  e as DefaultProductType,
   n as DefaultUsername
 };

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-c4fe2637] .guido__view-option-selection-desktop svg,[data-v-c4fe2637] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-c4fe2637] .in-segments-wrapper__button_selected,[data-v-c4fe2637] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-4083db95],.guido-editor__container[data-v-4083db95]{width:100%;height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-0fff376c] .guido__view-option-selection-desktop svg,[data-v-0fff376c] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-0fff376c] .in-segments-wrapper__button_selected,[data-v-0fff376c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-f9fbdc93],.guido-editor__container[data-v-f9fbdc93]{width:100%;height:calc(100vh - 75px)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.cd820fb",
+  "version": "1.0.0-beta.d5d5bac",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/components/organisms/email-preview/PreviewContainer.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/PreviewContainer.vue.js

@@ -1,19 +0,0 @@
-import i from "./PreviewContainer.vue2.js";
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
-  var s = this, e = s._self._c, r = s._self._setupProxy;
-  return e("div", { staticClass: "d-f f-d-c h-1 b-c-5 bor-r-2 pb-5" }, [e("div", { staticClass: "f-g-1 d-f p-5 o-a g-4 min-h-600" }, [r.previewStore.isLoading ? [e("div", { staticClass: "d-f a-i-c j-c-c w-1 h-1 f-g-1" }, [e(r.InLoading, { attrs: { "color-class": "i-c-1", size: "32" } })], 1)] : [e(r.DesktopPreview, { staticClass: "f-g-1 min-w-0" }), e(r.MobilePreview, { staticClass: "f-0 min-w-a" })]], 2), r.previewStore.isAMPErrorModalVisible ? e(r.AmpErrorModal, { on: { close: function(l) {
-    return r.previewStore.closeErrorModal();
-  } } }) : s._e()], 1);
-}, a = [], n = /* @__PURE__ */ o(
-  i,
-  t,
-  a,
-  !1,
-  null,
-  null
-);
-const d = n.exports;
-export {
-  d as default
-};

package/dist/components/organisms/email-preview/PreviewContainer.vue2.js

@@ -1,19 +0,0 @@
-import { defineComponent as r, onMounted as t } from "vue";
-import { usePreviewMode as i } from "../../../composables/usePreviewMode.js";
-import { usePreviewStore as m } from "../../../stores/preview.js";
-import { InLoading as n } from "@useinsider/design-system-vue";
-import p from "./amp/AmpErrorModal.vue.js";
-import f from "./desktop-preview/DesktopPreview.vue.js";
-import s from "./mobile-preview/MobilePreview.vue.js";
-const l = /* @__PURE__ */ r({
-  __name: "PreviewContainer",
-  setup(a) {
-    const { loadPreviewData: o } = i(), e = m();
-    return t(() => {
-      o();
-    }), { __sfc: !0, loadPreviewData: o, previewStore: e, InLoading: n, AmpErrorModal: p, DesktopPreview: f, MobilePreview: s };
-  }
-});
-export {
-  l as default
-};

package/dist/components/organisms/email-preview/amp/AmpErrorModal.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, {
-    close: () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js

@@ -1,22 +0,0 @@
-import s from "./AmpErrorModal.vue2.js";
-/* empty css                   */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r(t.WpModal, { attrs: { id: "amp-error-modal", size: "medium", description: t.trans("email-editor.amp-validation-description"), "footer-button-options": t.footerButtonOptions, title: t.trans("email-editor.amp-validation-title") }, on: { close: function(o) {
-    return t.emit("close");
-  }, "primary-action": t.handleFixInCodeEditor } }, [r("div", { staticClass: "d-f f-d-c" }, [r("div", { staticClass: "mb-3" }, [r("div", { staticClass: "l-s-5 f-s-1 f-w-600 t-c-55 t-t-u" }, [e._v(" " + e._s(t.errorCountText) + " ")])]), r("div", { staticClass: "d-f f-d-c g-13 max-h-21-s o-y-a error-list" }, e._l(t.previewStore.ampErrors, function(o, i) {
-    return r(t.InOnPageMessage, { key: i, attrs: { icon: "filled-error-box", size: "medium", type: "alert", text: o } });
-  }), 1)])]);
-}, l = [], d = /* @__PURE__ */ a(
-  s,
-  n,
-  l,
-  !1,
-  null,
-  "7a09985c"
-);
-const _ = d.exports;
-export {
-  _ as default
-};

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

@@ -1,30 +0,0 @@
-import { defineComponent as p, ref as m, computed as c } from "vue";
-import d from "../../../wrappers/WpModal.vue.js";
-import { useCodeEditorApi as l } from "../../../../composables/useCodeEditorApi.js";
-import { usePreviewMode as u } from "../../../../composables/usePreviewMode.js";
-import { useTranslations as f } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InOnPageMessage as g } from "@useinsider/design-system-vue";
-const P = /* @__PURE__ */ p({
-  __name: "AmpErrorModal",
-  emits: ["close"],
-  setup(x, { emit: e }) {
-    const o = f(), { closePreviewMode: r } = u(), { openCodeEditor: t } = l(), n = _(), s = m({
-      cancelOrBackButton: {
-        type: "secondary",
-        labelText: o("campaign-builder.cancel"),
-        styling: "ghost"
-      },
-      primaryButton: {
-        type: "primary",
-        labelText: o("email-editor.amp-validation-fix")
-      }
-    }), i = () => {
-      e("close"), r(), t();
-    }, a = c(() => `${o("products.errors")}(${n.ampErrors.length})`);
-    return { __sfc: !0, emit: e, trans: o, closePreviewMode: r, openCodeEditor: t, previewStore: n, footerButtonOptions: s, handleFixInCodeEditor: i, errorCountText: a, WpModal: d, InOnPageMessage: g };
-  }
-});
-export {
-  P as default
-};

package/dist/components/organisms/email-preview/amp/AmpToggle.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;