@useinsider/guido 1.0.2-beta.bfb23c2 → 1.0.2-beta.c3f86dc

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

@@ -1,17 +1,17 @@
-import o from "./HeaderWrapper.vue2.js";
+import t from "./HeaderWrapper.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var n = function() {
-  var t = this, r = t._self._c, e = t._self._setupProxy;
-  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0" } }, [r("div", { staticClass: "w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
+  var o = this, r = o._self._c, e = o._self._setupProxy;
+  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0" } }, [r("div", { staticClass: "w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot)], 1)]);
 }, a = [], _ = /* @__PURE__ */ s(
-  o,
+  t,
   n,
   a,
   !1,
   null,
   null
 );
-const c = _.exports;
+const d = _.exports;
 export {
-  c as default
+  d as default
 };

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

@@ -1,20 +1,14 @@
-import { defineComponent as n, ref as m } from "vue";
-import { InContainer as a } from "@useinsider/design-system-vue";
-import f from "./LeftSlot.vue.js";
-import p from "./MiddleSlot.vue.js";
-import i from "./RightSlot.vue.js";
-const c = /* @__PURE__ */ n({
+import { defineComponent as o } from "vue";
+import { InContainer as r } from "@useinsider/design-system-vue";
+import t from "./LeftSlot.vue.js";
+import e from "./MiddleSlot.vue.js";
+import m from "./RightSlot.vue.js";
+const s = /* @__PURE__ */ o({
   __name: "HeaderWrapper",
-  setup(l, { expose: r }) {
-    const e = m(null);
-    return r({
-      handleSave: (t) => {
-        var o;
-        return (o = e.value) == null ? void 0 : o.handleSave(t);
-      }
-    }), { __sfc: !0, rightSlotRef: e, InContainer: a, LeftSlot: f, MiddleSlot: p, RightSlot: i };
+  setup(p) {
+    return { __sfc: !0, InContainer: r, LeftSlot: t, MiddleSlot: e, RightSlot: m };
   }
 });
 export {
-  c as default
+  s as default
 };

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

@@ -1,4 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<import("../../../@types/stripo").SavedTemplateDetails | undefined>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+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/header/RightSlot.vue.js

@@ -3,9 +3,7 @@ import a from "../../../_virtual/_plugin-vue2_normalizer.js";
 var l = function() {
   var s, i;
   var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(p) {
-    return t.handleSave(!1);
-  } } })], 1);
+  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.exportHtml } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: t.handleSave } })], 1);
 }, r = [], d = /* @__PURE__ */ a(
   n,
   l,
@@ -14,7 +12,7 @@ var l = function() {
   null,
   null
 );
-const g = d.exports;
+const c = d.exports;
 export {
-  g as default
+  c as default
 };

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

@@ -1,35 +1,36 @@
-import { defineComponent as g, ref as l, computed as H } from "vue";
-import { useConfig as _ } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useSave as V } from "../../../composables/useSave.js";
-import { useTranslations as x } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as T } from "../../../stores/editor.js";
-import { getTooltipOptions as E } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as O } from "@useinsider/design-system-vue";
-const z = /* @__PURE__ */ g({
+import { defineComponent as v, ref as S, computed as d } from "vue";
+import { useConfig as y } from "../../../composables/useConfig.js";
+import { useExport as g } from "../../../composables/useExport.js";
+import { useSaveStart as h, useSaveComplete as H } from "../../../composables/useGuidoActions.js";
+import { useTranslations as _ } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as T } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as V } from "../../../stores/editor.js";
+import { useTemplatePreparation as w } from "../../../utils/templatePreparation.js";
+import { getTooltipOptions as x } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as C } from "@useinsider/design-system-vue";
+const q = /* @__PURE__ */ v({
   __name: "RightSlot",
-  setup(A, { expose: m }) {
-    const { config: u } = _(), { exportHtml: r } = h(), { save: n } = V(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = T(), t = x(), e = l(!1), s = l(!1), c = () => {
-      if (o.isVersionHistoryOpen) {
+  setup(O) {
+    const { config: p } = y(), { exportHtml: m } = g(), s = h(), n = H(), { openVersionHistory: i, closeVersionHistory: a } = T(), t = V(), e = _(), o = S(!1), l = () => {
+      if (t.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, f = async () => {
-      e.value = !0, await r(), e.value = !1;
-    }, v = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, d = H(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), p = async (y) => {
-      s.value = !0, o.loadingStatus = !0;
-      const S = await n(y);
-      return s.value = !1, o.loadingStatus = !1, S;
-    };
-    return m({
-      handleSave: p
-    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: c, handleExport: f, handleSaveAs: v, versionHistoryTooltipText: d, handleSave: p, getTooltipOptions: E, InButtonV2: O };
+    }, c = () => {
+      t.isSaveAsTemplateDrawerOpen = !0;
+    }, f = d(() => t.isVersionHistoryOpen ? e("newsletter.close-version-history") : e("newsletter.version-history"));
+    return { __sfc: !0, config: p, exportHtml: m, saveStart: s, saveComplete: n, openVersionHistory: i, closeVersionHistory: a, editorStore: t, trans: e, isSaving: o, handleVersionHistory: l, handleSaveAs: c, versionHistoryTooltipText: f, handleSave: async () => {
+      o.value = !0, t.loadingStatus = !0, s();
+      try {
+        const { prepareTemplateDetails: r } = w(), u = await r();
+        n(u), o.value = !1, t.loadingStatus = !1;
+      } catch (r) {
+        console.error("Failed to get template data for save:", r);
+      }
+    }, getTooltipOptions: x, InButtonV2: C };
   }
 });
 export {
-  z as default
+  q as default
 };

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

@@ -1,18 +1,18 @@
-import i from "./ViewOptions.vue2.js";
+import o from "./ViewOptions.vue2.js";
 /* empty css                 */
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return s("div", { staticClass: "view-options-wrapper" }, [s(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isViewOptionsDisabled, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } }), e.editorStore.isViewOptionsDisabled ? t._e() : s(e.InChips, { staticClass: "new-tag", attrs: { id: "guido__view-options-new-tag", styles: "stroke", value: "chips", "close-button": !1, interactive: !1, text: e.trans("settings.new") } })], 1);
-}, r = [], a = /* @__PURE__ */ o(
-  i,
-  n,
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var t = this, i = t._self._c, e = t._self._setupProxy;
+  return i(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isViewOptionsDisabled, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
+}, n = [], _ = /* @__PURE__ */ s(
+  o,
   r,
+  n,
   !1,
   null,
-  "195ab6d4"
+  "ad3cf7cc"
 );
-const c = a.exports;
+const m = _.exports;
 export {
-  c as default
+  m as default
 };

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

@@ -2,10 +2,10 @@ import { defineComponent as n } from "vue";
 import { useTranslations as p } from "../../../composables/useTranslations.js";
 import { useEditorStore as s } from "../../../stores/editor.js";
 import { getTooltipOptions as o } from "../../../utils/tooltipUtils.js";
-import { InChips as r, InSegments as m } from "@useinsider/design-system-vue";
-const f = /* @__PURE__ */ n({
+import { InSegments as r } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ n({
   __name: "ViewOptions",
-  setup(l) {
+  setup(m) {
     const e = s(), t = p(), i = [
       {
         text: "",
@@ -26,9 +26,9 @@ const f = /* @__PURE__ */ n({
         tooltipOptions: o("guido__view-option-mobile")
       }
     ];
-    return { __sfc: !0, editorStore: e, trans: t, segmentList: i, InSegments: m, InChips: r };
+    return { __sfc: !0, editorStore: e, trans: t, segmentList: i, InSegments: r };
   }
 });
 export {
-  f as default
+  d as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -1,18 +1,18 @@
-import i from "./ViewOptions.vue2.js";
+import s from "./ViewOptions.vue2.js";
 /* empty css                 */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var s = this, t = s._self._c, e = s._self._setupProxy;
-  return t("div", { staticClass: "view-options-wrapper" }, [t(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } }), t(e.InChips, { staticClass: "new-tag", attrs: { id: "guido__view-options-new-tag", styles: "stroke", value: "chips", "close-button": !1, interactive: !1, text: e.trans("settings.new") } })], 1);
-}, r = [], a = /* @__PURE__ */ o(
-  i,
-  n,
+import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return o(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } });
+}, n = [], _ = /* @__PURE__ */ i(
+  s,
   r,
+  n,
   !1,
   null,
-  "d405ca59"
+  "421ffc13"
 );
-const d = a.exports;
+const f = _.exports;
 export {
-  d as default
+  f as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue2.js

@@ -3,10 +3,10 @@ import { useTranslations as m } from "../../../../composables/useTranslations.js
 import { useVersionHistoryApi as l } from "../../../../composables/useVersionHistoryApi.js";
 import { useVersionHistoryStore as a } from "../../../../stores/version-history.js";
 import { getTooltipOptions as n } from "../../../../utils/tooltipUtils.js";
-import { InChips as c, InSegments as u } from "@useinsider/design-system-vue";
-const T = /* @__PURE__ */ p({
+import { InSegments as c } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ p({
   __name: "ViewOptions",
-  setup(_) {
+  setup(u) {
     const t = a(), { switchToDesktopPreview: e, switchToMobilePreview: i } = l(), o = m(), r = [
       {
         text: "",
@@ -33,9 +33,9 @@ const T = /* @__PURE__ */ p({
         return;
       }
       e();
-    }, InSegments: u, InChips: c };
+    }, InSegments: c };
   }
 });
 export {
-  T as default
+  h as default
 };

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,34 +1,32 @@
 import S from "../static/styles/base.css.js";
-import m from "../static/styles/components/alert-message.css.js";
-import e from "../static/styles/components/amp-block.css.js";
+import e from "../static/styles/components/alert-message.css.js";
+import m from "../static/styles/components/amp-block.css.js";
 import i from "../static/styles/components/base-input.css.js";
 import p from "../static/styles/components/button-group.css.js";
 import n from "../static/styles/components/button.css.js";
-import C from "../static/styles/components/combobox.css.js";
-import s from "../static/styles/components/counter.css.js";
+import s from "../static/styles/components/combobox.css.js";
+import C from "../static/styles/components/counter.css.js";
 import f from "../static/styles/components/dropdown-menu.css.js";
 import a from "../static/styles/components/loader.css.js";
 import u from "../static/styles/components/narrow-panel.css.js";
-import c from "../static/styles/components/notification.css.js";
-import d from "../static/styles/components/popup.css.js";
-import l from "../static/styles/components/switcher.css.js";
-import h from "../static/styles/components/tabs.css.js";
-import w from "../static/styles/components/tools.css.js";
-import y from "../static/styles/components/version-history.css.js";
-import B from "../static/styles/components/wide-panel.css.js";
-import b from "../static/styles/variables.css.js";
-const A = [
-  b,
+import c from "../static/styles/components/switcher.css.js";
+import d from "../static/styles/components/tabs.css.js";
+import l from "../static/styles/components/tools.css.js";
+import h from "../static/styles/components/version-history.css.js";
+import w from "../static/styles/components/wide-panel.css.js";
+import y from "../static/styles/variables.css.js";
+const B = [
+  y,
   // Must be on top
   S,
   // Must be on top
-  m,
   e,
+  m,
   i,
   p,
   n,
-  C,
   s,
+  C,
   f,
   a,
   u,
@@ -36,14 +34,12 @@ const A = [
   d,
   l,
   h,
-  w,
-  y,
-  B
+  w
 ].join(`
 
-`), F = () => ({ importCss: () => {
+`), R = () => ({ importCss: () => {
   const o = new CSSStyleSheet();
-  o.replaceSync(A);
+  o.replaceSync(B);
   const r = document.querySelector("ui-editor");
   if (!r)
     return;
@@ -51,5 +47,5 @@ const A = [
   t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  F as useCustomInterfaceAppearance
+  R as useCustomInterfaceAppearance
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,25 +1,17 @@
-import { defaultHtmlCompilerRules as t } from "../config/compiler/htmlCompilerRules.js";
-import { outlookCompilerRules as p } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as s } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as u } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as n } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as c } from "../utils/htmlCompiler.js";
-import { useConfig as f } from "./useConfig.js";
-const h = () => {
-  const { config: e } = f(), l = e.htmlCompilerRules || [], m = [
-    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : t,
-    ...s,
-    ...n,
-    ...p,
-    ...u,
+import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
+import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
+import { useConfig as s } from "./useConfig.js";
+const R = () => {
+  const { config: e } = s(), l = e.htmlCompilerRules || [], t = [
+    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : r,
     ...l.map((o, i) => ({
       ...o,
       priority: o.priority + 1e3 + i
       // Ensure additional rules run after default rules
     }))
-  ], r = c(m);
-  return { compileHtml: (o) => r.compile(o) };
+  ], m = p(t);
+  return { compileHtml: (o) => m.compile(o) };
 };
 export {
-  h as useHtmlCompiler
+  R as useHtmlCompiler
 };

package/dist/composables/usePartner.d.ts

@@ -1,5 +1,4 @@
 export declare const usePartner: () => {
     getPartnerName: () => string;
     getProductType: () => number;
-    isTestPartner: () => boolean;
 };

package/dist/composables/usePartner.js

@@ -1,18 +1,11 @@
-import { TEST_PARTNER_LIST as r, DefaultProductType as o, ProductIds as n } from "../enums/defaults.js";
-const i = () => {
-  const e = () => window.location.hostname.split(".")[0] || "";
-  return {
-    getPartnerName: e,
-    getProductType: () => {
-      const t = window.location.pathname.split("/").filter(Boolean)[0] || o;
-      return n[t] || 0;
-    },
-    isTestPartner: () => {
-      const t = e();
-      return r.includes(t);
-    }
-  };
-};
+import { DefaultProductType as e, ProductIds as o } from "../enums/defaults.js";
+const c = () => ({
+  getPartnerName: () => window.location.hostname.split(".")[0] || "",
+  getProductType: () => {
+    const t = window.location.pathname.split("/").filter(Boolean)[0] || e;
+    return o[t] || 0;
+  }
+});
 export {
-  i as usePartner
+  c as usePartner
 };

package/dist/composables/useStripo.js

@@ -1,25 +1,22 @@
-import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
-import { useToaster as C } from "./useToaster.js";
-import { displayConditions as y } from "../enums/displayConditions.js";
-import h from "../extensions/Blocks/Checkbox/extension.js";
-import w from "../extensions/Blocks/RadioButton/extension.js";
-import b from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as k } from "../services/stripoApi.js";
-import B from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as V } from "../stores/editor.js";
-import { dynamicContentToMergeTags as _ } from "../utils/genericUtil.js";
-const q = (s) => {
-  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = k(), { handleEvent: l } = E(), m = (r, i = []) => {
-    const o = V(), { html: e, css: a, forceRecreate: g } = r;
+import { useActionsApi as g } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
+import { useToaster as S } from "./useToaster.js";
+import { displayConditions as C } from "../enums/displayConditions.js";
+import y from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as E } from "../services/stripoApi.js";
+import h from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { dynamicContentToMergeTags as b } from "../utils/genericUtil.js";
+const P = (d) => {
+  const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (r, i = []) => {
+    const e = w(), { html: o, css: s, forceRecreate: p } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: s,
-        html: e,
-        css: a,
-        forceRecreate: g,
+        metadata: d,
+        html: o,
+        css: s,
+        forceRecreate: p,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -29,10 +26,10 @@ const q = (s) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: B,
+        customViewStyles: h,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: y,
+        conditionCategories: C,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
         selectBlockAfterDropFromSettingsPanel: !0,
@@ -43,7 +40,7 @@ const q = (s) => {
         },
         mergeTags: [
           {
-            entries: _(s.preselectedDynamicContentList)
+            entries: b(d.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
@@ -51,60 +48,53 @@ const q = (s) => {
             const n = await c();
             t(n);
           } catch (n) {
-            d(n, "Failed to refresh token");
+            a(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = S(), { activateCustomViewStyles: n } = f();
-            t(), n(), s.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
-              o.hasChanges = !1;
-            }, 1e3);
+            const { importCss: t } = f(), { activateCustomViewStyles: n } = g();
+            t(), n(), e.loadingStatus = !1;
           } catch (t) {
-            d(t, "Failed to load custom interface appearance");
+            a(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
-          o.isCodeEditorOpen = t;
+          e.isCodeEditorOpen = t;
         },
         onEditorVisualModeChanged(t) {
-          o.editorVisualMode = t.toLowerCase();
+          e.editorVisualMode = t.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(t) {
-          o.isVersionHistoryOpen = t;
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          o.hasChanges = !0;
+          e.hasChanges = !0;
         },
-        onEvent: l,
-        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
-        extensions: [
-          b,
-          h,
-          w
-        ]
+        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
+        extensions: [y]
       }
     );
-  }, p = (r) => new Promise((i, o) => {
+  }, m = (r) => new Promise((i, e) => {
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
     }
-    const e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
+    const o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", o.onload = () => {
       r(), i();
-    }, e.onerror = () => {
-      const a = new Error("Failed to load Stripo UIEditor script");
-      o(a);
-    }, document.body.appendChild(e);
+    }, o.onerror = () => {
+      const s = new Error("Failed to load Stripo UIEditor script");
+      e(s);
+    }, document.body.appendChild(o);
   });
   return { initPlugin: async (r) => {
-    await p(async () => {
+    await m(async () => {
       const i = await u();
-      m(r, i);
+      l(r, i);
     });
   } };
 };
 export {
-  q as useStripo
+  P as useStripo
 };

package/dist/composables/useToaster.js

@@ -1,31 +1,31 @@
-import { ToasterTypeOptions as T } from "../enums/toaster.js";
-import { useToasterStore as u } from "../stores/toaster.js";
-import { watch as c } from "vue";
-const d = () => {
-  const t = u();
-  let o = null;
-  const s = () => {
-    o && (clearTimeout(o), o = null);
+import { ToasterTypeOptions as u } from "../enums/toaster.js";
+import { useToasterStore as T } from "../stores/toaster.js";
+import { watch as c, onUnmounted as l } from "vue";
+const p = () => {
+  const t = T();
+  let s = null;
+  const o = () => {
+    s && (clearTimeout(s), s = null);
   };
   function r(e = { message: "" }) {
-    s(), t.hideToaster(), t.showToaster(e);
+    o(), t.hideToaster(), t.showToaster(e);
   }
-  function i() {
-    s(), t.hideToaster();
+  function n() {
+    o(), t.hideToaster();
   }
-  function a(e, n) {
+  function i(e, a) {
     const m = e instanceof Error ? e.message : String(e);
-    r({ type: T.Alert, message: `${n}: ${m}` });
+    r({ type: u.Alert, message: `${a}: ${m}` });
   }
   return c(
     () => t.shouldAutoHide,
     (e) => {
-      s(), e && (o = setTimeout(() => {
-        t.hideToaster(), s();
+      o(), e && (s = setTimeout(() => {
+        t.hideToaster(), o();
       }, 6e3));
     }
-  ), { showToaster: r, hideToaster: i, handleError: a };
+  ), l(o), { showToaster: r, hideToaster: n, handleError: i };
 };
 export {
-  d as useToaster
+  p as useToaster
 };

package/dist/config/compiler/outlookCompilerRules.d.ts

@@ -1,2 +0,0 @@
-import type { CompilerRule } from '@@/Types/html-compiler';
-export declare const outlookCompilerRules: CompilerRule[];

package/dist/enums/defaults.d.ts

@@ -1,12 +1,7 @@
 import type { GuidoConfig } from '@@/Types/generic';
 export declare const DefaultGuidoConfig: GuidoConfig;
-export declare const TemplateTypes: {
-    promotional: number;
-    transactional: number;
-};
 export declare const DefaultProductType = "email";
 export declare const DefaultUsername = "Guido User";
-export declare const DefaultMessageType: number;
+export declare const DefaultMessageType = 1;
 export declare const EditorType: number;
 export declare const ProductIds: Record<string, number>;
-export declare const TEST_PARTNER_LIST: string[];