@useinsider/guido 1.0.2-beta.a5713d2 → 1.0.2-beta.a71d19d

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, "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: 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,31 @@
-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 p, computed as d } from "vue";
+import { useConfig as y } from "../../../composables/useConfig.js";
+import { useExport as S } from "../../../composables/useExport.js";
+import { useSave as g } from "../../../composables/useSave.js";
+import { useTranslations as h } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as H } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as _ } from "../../../stores/editor.js";
+import { getTooltipOptions as V } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as x } from "@useinsider/design-system-vue";
+const j = /* @__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 = () => {
+  setup(w) {
+    const { config: l } = y(), { exportHtml: r } = S(), { save: n } = g(), { openVersionHistory: i, closeVersionHistory: a } = H(), o = _(), t = h(), e = p(!1), s = p(!1), m = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, f = async () => {
+    }, u = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, v = () => {
+    }, c = () => {
       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 };
+    }, f = d(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history"));
+    return { __sfc: !0, config: l, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: m, handleExport: u, handleSaveAs: c, versionHistoryTooltipText: f, handleSave: async () => {
+      s.value = !0, o.loadingStatus = !0, await n(), s.value = !1, o.loadingStatus = !1;
+    }, getTooltipOptions: V, InButtonV2: x };
   }
 });
 export {
-  z as default
+  j as default
 };

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js

@@ -1,19 +1,19 @@
-import l from "./TextBlockOnboarding.vue2.js";
+import c from "./TextBlockOnboarding.vue2.js";
 /* empty css                         */
 import d from "../../../_virtual/_plugin-vue2_normalizer.js";
 var g = function() {
   var e, n, r, i, a, s;
-  var t = this, c = t._self._c, o = t._self._setupProxy;
-  return o.isVisible ? c(o.InOnboard, { key: "guido__text-block-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__text-block-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : r.left, "pages-config": o.onboardingStore.onboardings.textBlockOnboarding.config, "pointer-position": (i = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
+  var t = this, l = t._self._c, o = t._self._setupProxy;
+  return o.isVisible ? l(o.InOnboard, { key: "guido__text-block-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__text-block-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : r.left, "pages-config": o.onboardingStore.onboardings.textBlockOnboarding.config, "pointer-position": (i = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
     return o.onboardingStore.close("textBlockOnboarding");
   }, nextButtonClick: o.handleNext } }) : t._e();
 }, b = [], p = /* @__PURE__ */ d(
-  l,
+  c,
   g,
   b,
   !1,
   null,
-  "a408dcea"
+  "7817bb55"
 );
 const f = p.exports;
 export {

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js

@@ -1,35 +1,23 @@
-import { defineComponent as u, computed as a, watch as b } from "vue";
-import { useTranslations as m } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as k } from "../../../stores/onboarding.js";
-import { InOnboard as B } from "@useinsider/design-system-vue";
-const y = /* @__PURE__ */ u({
+import { defineComponent as s, computed as r, watch as l } from "vue";
+import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { useOnboardingStore as g } from "../../../stores/onboarding.js";
+import { InOnboard as b } from "@useinsider/design-system-vue";
+const C = /* @__PURE__ */ s({
   __name: "TextBlockOnboarding",
-  setup(h) {
-    const i = m(), o = k(), e = a(() => {
-      const n = window.innerHeight - 128, r = Math.max(90, n * 0.15), s = Math.max(490, n * 0.71), d = 200, g = 40;
-      return {
-        settings: {
-          top: `${r}px`,
-          position: r + d + g > n ? "Right Bottom" : "Right Top"
-        },
-        dynamic: {
-          top: `${s}px`,
-          position: s + d + g > n ? "Right Bottom" : "Right Top"
-        }
-      };
-    }), c = a(() => [
+  setup(p) {
+    const n = x(), o = g(), i = r(() => [
       {
         classes: "guido-text-block-onboarding-settings",
         right: "450px",
-        top: e.value.settings.top,
-        position: e.value.settings.position,
-        title: i("email-editor.onboarding-text-block-title"),
-        description: i("email-editor.onboarding-text-block-description"),
+        top: "90px",
+        position: "Right Top",
+        title: n("email-editor.onboarding-text-block-title"),
+        description: n("email-editor.onboarding-text-block-description"),
         imageSource: "",
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: i("products.next"),
+        nextButtonText: n("products.next"),
         nextButtonClick: () => {
           o.next("textBlockOnboarding");
         }
@@ -37,38 +25,38 @@ const y = /* @__PURE__ */ u({
       {
         classes: "guido-text-block-onboarding-dynamic",
         right: "450px",
-        top: e.value.dynamic.top,
-        position: e.value.dynamic.position,
-        title: i("email-editor.onboarding-dynamic-content-title"),
-        description: i("email-editor.onboarding-dynamic-content-description"),
+        top: "594px",
+        position: "Right Top",
+        title: n("email-editor.onboarding-dynamic-content-title"),
+        description: n("email-editor.onboarding-dynamic-content-description"),
         imageSource: "",
         backButtonType: "text",
-        backButtonText: i("ds-steps.back"),
+        backButtonText: n("ds-steps.back"),
         backButtonClick: () => {
           o.previous("textBlockOnboarding");
         },
         nextButtonType: "text",
-        nextButtonText: i("action-builder.ok"),
+        nextButtonText: n("action-builder.ok"),
         nextButtonClick: () => {
           o.close("textBlockOnboarding");
         }
       }
-    ]), l = a(() => o.onboardings.textBlockOnboarding.config.length > 0 && o.onboardings.textBlockOnboarding.isActive), p = () => {
-      var t, n;
-      (n = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
-    }, x = () => {
-      var t, n;
-      (n = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
+    ]), c = r(() => o.onboardings.textBlockOnboarding.config.length > 0 && o.onboardings.textBlockOnboarding.isActive), a = () => {
+      var t, e;
+      (e = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.nextButtonClick) == null || e.call(t);
+    }, d = () => {
+      var t, e;
+      (e = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.backButtonClick) == null || e.call(t);
     };
-    return b(
+    return l(
       () => o.isActive("textBlockOnboarding"),
       (t) => {
-        t && o.setConfig("textBlockOnboarding", c.value);
+        t && o.setConfig("textBlockOnboarding", i.value);
       },
       { immediate: !0 }
-    ), { __sfc: !0, trans: i, onboardingStore: o, dynamicPosition: e, onboardingCardsConfig: c, isVisible: l, handleNext: p, handleBack: x, InOnboard: B };
+    ), { __sfc: !0, trans: n, onboardingStore: o, onboardingCardsConfig: i, isVisible: c, handleNext: a, handleBack: d, InOnboard: b };
   }
 });
 export {
-  y as default
+  C 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/useSave.d.ts

@@ -1,4 +1,3 @@
-import { SavedTemplateDetails } from '@@/Types/stripo';
 export declare const useSave: () => {
-    save: (isSilent?: boolean) => Promise<SavedTemplateDetails | undefined>;
+    save: () => Promise<void>;
 };

package/dist/composables/useSave.js

@@ -1,15 +1,14 @@
-import { useSaveStart as i, useSaveComplete as l } from "./useGuidoActions.js";
+import { useSaveStart as r, useSaveComplete as i } from "./useGuidoActions.js";
 import { useTemplatePreparation as m } from "../utils/templatePreparation.js";
-import { useHtmlValidator as n } from "./useHtmlValidator.js";
-const f = () => {
-  const e = i(), a = l(), { validateHtml: s } = n();
-  return { save: async (o = !1) => {
+import { useHtmlValidator as l } from "./useHtmlValidator.js";
+const d = () => {
+  const e = r(), a = i(), { validateHtml: s } = l();
+  return { save: async () => {
     e();
-    const { prepareTemplateDetails: r } = m(), t = await r();
-    if (await s(t.compiledHtml, [], !0))
-      return o || a(t), t;
+    const { prepareTemplateDetails: o } = m(), t = await o();
+    await s(t.compiledHtml, [], !0) && a(t);
   } };
 };
 export {
-  f as useSave
+  d as useSave
 };

package/dist/composables/useStripo.js

@@ -1,23 +1,22 @@
-import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as C } from "./useStripoEventHandler.js";
-import { useToaster as E } from "./useToaster.js";
+import { useActionsApi as S } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as f } 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/DynamicContent/extension.js";
-import { useStripoApi as b } from "../services/stripoApi.js";
-import k from "../static/styles/customEditorStyle.css.js";
+import h from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as w } 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 H = (s) => {
-  const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = b(), { handleEvent: l } = C(), m = (r, i = []) => {
-    const o = V(), { html: e, css: a, forceRecreate: g } = r;
+const x = (a) => {
+  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = w(), { handleEvent: l } = E(), p = (r, i = []) => {
+    const o = V(), { html: e, css: s, forceRecreate: g } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: s,
+        metadata: a,
         html: e,
-        css: a,
+        css: s,
         forceRecreate: g,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
@@ -28,7 +27,7 @@ const H = (s) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: k,
+        customViewStyles: b,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -42,7 +41,7 @@ const H = (s) => {
         },
         mergeTags: [
           {
-            entries: _(s.preselectedDynamicContentList)
+            entries: _(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
@@ -55,10 +54,8 @@ const H = (s) => {
         },
         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 } = S();
+            t(), n(), o.isStripoInitialized = !0, o.loadingStatus = !1;
           } catch (t) {
             d(t, "Failed to load custom interface appearance");
           }
@@ -77,10 +74,10 @@ const H = (s) => {
         },
         onEvent: l,
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
-        extensions: [w, h]
+        extensions: [h]
       }
     );
-  }, p = (r) => new Promise((i, o) => {
+  }, m = (r) => new Promise((i, o) => {
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
@@ -89,17 +86,17 @@ const H = (s) => {
     e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
       r(), i();
     }, e.onerror = () => {
-      const a = new Error("Failed to load Stripo UIEditor script");
-      o(a);
+      const s = new Error("Failed to load Stripo UIEditor script");
+      o(s);
     }, document.body.appendChild(e);
   });
   return { initPlugin: async (r) => {
-    await p(async () => {
+    await m(async () => {
       const i = await u();
-      m(r, i);
+      p(r, i);
     });
   } };
 };
 export {
-  H as useStripo
+  x 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/extensions/DynamicContent/dynamic-content.js

@@ -1,30 +1,16 @@
-var a = Object.defineProperty;
-var m = (n, e, t) => e in n ? a(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var r = (n, e, t) => m(n, typeof e != "symbol" ? e + "" : e, t);
-import { dynamicContentToMergeTags as g } from "../../utils/genericUtil.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import { UEAttr as c } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
-import { UIElementType as i } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-import { UIElement as l } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js";
-import { UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js";
-import { ExternalMergeTagsLibrary as p } from "./dynamic-content-modal.js";
-const s = "external-dynamic-content-ui-element", T = "button-add-dynamic-content";
-class O extends d {
-  registerUiElements(e) {
-    e[i.MERGETAGS] = s;
+var o = Object.defineProperty;
+var m = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => m(i, typeof t != "symbol" ? t + "" : t, e);
+import { dynamicContentToMergeTags as l } from "../../utils/genericUtil.js";
+import { d as n } from "../../_virtual/index.js";
+import { ExternalMergeTagsLibrary as g } from "./dynamic-content-modal.js";
+const a = "external-dynamic-content-ui-element", c = "button-add-dynamic-content";
+class p extends n.UIElementTagRegistry {
+  registerUiElements(t) {
+    t[n.UIElementType.MERGETAGS] = a;
   }
 }
-class k extends l {
+class u extends n.UIElement {
   constructor() {
     super(...arguments);
     r(this, "mergeTagsButton", null);
@@ -34,42 +20,42 @@ class k extends l {
     r(this, "selectedDynamicContent", { value: "", text: "" });
   }
   getId() {
-    return s;
+    return a;
   }
-  onRender(t) {
-    var o;
-    this.listener = this._onClick.bind(this), this.mergeTagsButton = t.querySelector("#guido__btn-add-dynamic-content"), (o = this.mergeTagsButton) == null || o.addEventListener("click", this.listener);
+  onRender(e) {
+    var s;
+    this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
   }
   onDestroy() {
-    var t;
-    (t = this.mergeTagsButton) == null || t.removeEventListener("click", this.listener);
+    var e;
+    (e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
   }
   _onClick() {
     this.openMergeTagLibrary();
   }
   openMergeTagLibrary() {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new p()), this.mergeTagsLibrary.openMergeTagsLibrary(
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new g()), this.mergeTagsLibrary.openMergeTagsLibrary(
       this.selectedDynamicContent,
-      (t) => {
-        this.api.onValueChanged(g([t])[0]);
+      (e) => {
+        this.api.onValueChanged(l([e])[0]);
       }
     );
   }
   getTemplate() {
     return `
             <div>
-                <${i.BUTTON} 
+                <${n.UIElementType.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${c.BUTTON.name}="${T}">
-                        <${i.ICON} src="plus" class="icon icon-button color-primary">
-                        </${i.ICON}>
+                    ${n.UEAttr.BUTTON.name}="${c}">
+                        <${n.UIElementType.ICON} src="plus" class="icon icon-button color-primary">
+                        </${n.UIElementType.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
-                </${i.BUTTON}>
+                </${n.UIElementType.BUTTON}>
             </div>`;
   }
 }
 export {
-  O as DynamicContentTagRegistry,
-  k as DynamicContentUiElementExtension
+  p as DynamicContentTagRegistry,
+  u as DynamicContentUiElementExtension
 };