@useinsider/guido 1.0.2-beta.e4bda14 → 1.0.2-beta.efaabbe

package/README.md

@@ -16,30 +16,7 @@ npm install @useinsider/guido
 ```
 ### Prerequisites
   🍍 Your project should have `pinia`
-  You need to be sure those lines added in your config file:
-  
-  ℹ️ It helps to optimize your dependencies and sharing by Guido. This is why Guido pretty fast and tiny.
-
-  #### For Webpack
-  `/webpack.config.js` or `/vue.config.js`
-  ```js
-  // ... Previous Configs
-  shared: {
-    vue: { singleton: true },
-    pinia: { singleton: true },
-  },
-  // ... Upcoming Configs
-  ```
-
-  ##### For Vite: 
-  `/vite.config.js`
-  ```js
-  // ... Previous Configs
-  resolve: {
-    dedupe: ['vue', 'pinia'],
-  },
-  // ... Upcoming Configs
-  ```
+
 ---
 ## 🚀 Usage
 

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

@@ -1,7 +1 @@
 export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready';
-export interface EventHandler {
-    (params: Record<string, string>): void | Promise<void>;
-}
-export interface EventHandlers {
-    [eventType: string]: EventHandler;
-}

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

@@ -22,10 +22,6 @@ export type DynamicContent = {
     value: string;
     text: string;
     fallback?: string;
-    format?: {
-        key: string;
-        value: string;
-    };
 };
 export interface EmailHeader {
     senderName: string;

package/dist/components/Guido.vue.js

@@ -1,16 +1,16 @@
 import a from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), !e.isTestPartner() && !e.isDevMode ? r(e.OnboardingWrapper) : o._e(), r(e.LoadingWrapper)], 1);
-}, t = [], d = /* @__PURE__ */ i(
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), r(e.LoadingWrapper)], 1);
+}, s = [], d = /* @__PURE__ */ i(
   a,
-  s,
   t,
+  s,
   !1,
   null,
-  "cebb8ab0"
+  "0defec6a"
 );
 const v = d.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as H, defineAsyncComponent as G, ref as M, computed as c, watch as R, onMounted as U, onUnmounted as x } from "vue";
-import { provideGuidoActions as F } from "../composables/useGuidoActions.js";
-import { usePartner as z } from "../composables/usePartner.js";
-import { useStripo as B } from "../composables/useStripo.js";
-import { DefaultUsername as K, DefaultMessageType as O, DefaultGuidoConfig as j } from "../enums/defaults.js";
-import q from "./organisms/base/Toaster.vue.js";
-import J from "./organisms/header/HeaderWrapper.vue.js";
-import Q from "./organisms/LoadingWrapper.vue.js";
-import V from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import { useStripoApi as X } from "../services/stripoApi.js";
-import { useDynamicContentStore as Y } from "../stores/dynamic-content.js";
-import { useEditorStore as Z } from "../stores/editor.js";
-import { usePreviewStore as $ } from "../stores/preview.js";
-import ee from "../node_modules/lodash-es/merge.js";
-const fe = /* @__PURE__ */ H({
+import { defineComponent as k, defineAsyncComponent as A, ref as N, computed as T, watch as W, onMounted as H, onUnmounted as R } from "vue";
+import { provideGuidoActions as U } from "../composables/useGuidoActions.js";
+import { usePartner as x } from "../composables/usePartner.js";
+import { useStripo as F } from "../composables/useStripo.js";
+import { DefaultUsername as M, DefaultMessageType as z, DefaultGuidoConfig as B } from "../enums/defaults.js";
+import K from "./organisms/base/Toaster.vue.js";
+import j from "./organisms/header/HeaderWrapper.vue.js";
+import q from "./organisms/LoadingWrapper.vue.js";
+import J from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import { useStripoApi as O } from "../services/stripoApi.js";
+import { useDynamicContentStore as Q } from "../stores/dynamic-content.js";
+import { useEditorStore as V } from "../stores/editor.js";
+import { usePreviewStore as X } from "../stores/preview.js";
+import Y from "../node_modules/lodash-es/merge.js";
+const ue = /* @__PURE__ */ k({
   __name: "Guido",
   props: {
     templateId: null,
@@ -27,45 +27,43 @@ const fe = /* @__PURE__ */ H({
     guidoConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
-  setup(P, { expose: I, emit: o }) {
-    const n = P, L = G(
+  setup(G, { expose: I, emit: o }) {
+    const n = G, L = A(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), _ = G(
-      () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), d = M(), r = Y(), m = Z(), W = $(), t = c(() => m.hasChanges), a = n.preselectedDynamicContentList || [], { getPartnerName: l, getProductType: u, isTestPartner: k } = z(), A = c(() => !1), p = () => {
+    ), c = N(), r = Q(), d = V(), P = X(), t = T(() => d.hasChanges), a = n.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: l } = x(), u = () => {
       var e;
-      return (e = d.value) == null ? void 0 : e.handleSave(!0);
+      return (e = c.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: g,
-      userId: f,
-      guidoConfig: y,
-      html: v = "",
-      css: C = "",
-      partnerName: s = l(),
-      productType: i = u(),
-      messageType: h = O,
-      username: w = K
+      templateId: p,
+      userId: g,
+      guidoConfig: f,
+      html: y = "",
+      css: v = "",
+      partnerName: i = m(),
+      productType: s = l(),
+      messageType: C = z,
+      username: h = M
     } = n;
-    window.GuidoConfig = ee(j, y), window.GuidoConfig.partner = {
-      partnerName: s,
-      productType: i,
-      messageType: h
+    window.GuidoConfig = Y(B, f), window.GuidoConfig.partner = {
+      partnerName: i,
+      productType: s,
+      messageType: C
     };
-    const { initPlugin: S } = B({
-      emailId: g,
-      userId: f,
-      username: w,
-      partnerName: s,
-      productType: i,
+    const { initPlugin: w } = F({
+      emailId: p,
+      userId: g,
+      username: h,
+      partnerName: i,
+      productType: s,
       preselectedDynamicContentList: a,
       onReady: () => {
         console.debug("guido:ready"), o("ready");
       }
-    }), { getDefaultTemplate: D } = X(), N = c(() => {
+    }), { getDefaultTemplate: S } = O(), _ = T(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
-    F({
+    U({
       onBack: () => {
         console.debug("guido:back"), o("back");
       },
@@ -76,23 +74,23 @@ const fe = /* @__PURE__ */ H({
         console.debug("guido:save:complete", e), o("save:complete", e);
       }
     });
-    const b = (e) => {
+    const D = (e) => {
       console.debug("dynamic-content:close", e), r.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, T = () => {
+    }, b = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return R(() => t.value, () => {
+    return W(() => t.value, () => {
       o("on-change", t.value);
-    }), U(async () => {
+    }), H(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         let e = {
-          html: v,
-          css: C,
+          html: y,
+          css: v,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await D()), await S(e), r.selectedDynamicContentList = a;
+        e.html || (e = await S()), await w(e), r.selectedDynamicContentList = a;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -100,7 +98,7 @@ const fe = /* @__PURE__ */ H({
         const E = e;
         console.debug("dynamic-content:open", E.detail), o("dynamic-content:open", E.detail);
       });
-    }), x(() => {
+    }), R(() => {
       try {
         window.UIEditor.removeEditor();
       } catch {
@@ -108,14 +106,14 @@ const fe = /* @__PURE__ */ H({
       }
     }), I({
       dynamicContent: {
-        insert: b,
-        close: T
+        insert: D,
+        close: b
       },
       hasChanges: t,
-      saveSilent: p
-    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: _, headerWrapperRef: d, dynamicContentStore: r, props: n, editorStore: m, previewStore: W, hasChanges: t, preselectedDynamicContentList: a, getPartnerName: l, getProductType: u, isTestPartner: k, isDevMode: A, saveSilent: p, templateId: g, userId: f, guidoConfig: y, html: v, css: C, partnerName: s, productType: i, messageType: h, username: w, emit: o, initPlugin: S, getDefaultTemplate: D, noHeader: N, insertDynamicContent: b, closeDynamicContent: T, Toaster: q, HeaderWrapper: J, LoadingWrapper: Q, SaveAsTemplateDrawer: V };
+      saveSilent: u
+    }), { __sfc: !0, PreviewContainer: L, headerWrapperRef: c, dynamicContentStore: r, props: n, editorStore: d, previewStore: P, hasChanges: t, preselectedDynamicContentList: a, getPartnerName: m, getProductType: l, saveSilent: u, templateId: p, userId: g, guidoConfig: f, html: y, css: v, partnerName: i, productType: s, messageType: C, username: h, emit: o, initPlugin: w, getDefaultTemplate: S, noHeader: _, insertDynamicContent: D, closeDynamicContent: b, Toaster: K, HeaderWrapper: j, LoadingWrapper: q, SaveAsTemplateDrawer: J };
   }
 });
 export {
-  fe as default
+  ue as default
 };

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

@@ -1,9 +1,8 @@
 import o from "./AmpToggle.vue2.js";
-/* empty css               */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var r = this, t = r._self._c, e = r._self._setupProxy;
-  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(l) {
+  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) {
     return e.previewStore.openErrorModal();
   } } }) : r._e()], 1)]);
 }, a = [], i = /* @__PURE__ */ n(
@@ -12,7 +11,7 @@ var s = function() {
   a,
   !1,
   null,
-  "b5997368"
+  null
 );
 const d = i.exports;
 export {

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/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,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 { displayConditions as y } from "../enums/displayConditions.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 R = (s) => {
-  const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = w(), { handleEvent: l } = C(), p = (r, i = []) => {
-    const e = V(), { html: o, 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 = (s) => {
+  const { handleError: d } = S(), { getToken: c, getCustomFonts: u } = E(), l = (r, i = []) => {
+    const e = w(), { html: o, css: a, forceRecreate: p } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: o,
         css: a,
-        forceRecreate: g,
+        forceRecreate: p,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -27,10 +26,10 @@ const R = (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,
@@ -41,7 +40,7 @@ const R = (s) => {
         },
         mergeTags: [
           {
-            entries: _(s.preselectedDynamicContentList)
+            entries: b(s.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
@@ -54,8 +53,8 @@ const R = (s) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = S(), { activateCustomViewStyles: n } = f();
-            t(), n(), s.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = f(), { activateCustomViewStyles: n } = g();
+            t(), n(), s.onReady(), e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -74,9 +73,8 @@ const R = (s) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: l,
-        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
-        extensions: [h]
+        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
+        extensions: [y]
       }
     );
   }, m = (r) => new Promise((i, e) => {
@@ -95,10 +93,10 @@ const R = (s) => {
   return { initPlugin: async (r) => {
     await m(async () => {
       const i = await u();
-      p(r, i);
+      l(r, i);
     });
   } };
 };
 export {
-  R as useStripo
+  P as useStripo
 };

package/dist/enums/defaults.d.ts

@@ -9,4 +9,3 @@ export declare const DefaultUsername = "Guido User";
 export declare const DefaultMessageType: number;
 export declare const EditorType: number;
 export declare const ProductIds: Record<string, number>;
-export declare const TEST_PARTNER_LIST: string[];