@useinsider/guido 1.0.0-beta.63d99fe → 1.0.0-beta.67efae2

package/README.md

@@ -57,6 +57,11 @@ export default {
         translationsPath: 'window.trans.en',
         htmlCompilerRules: [],
         ignoreDefaultHtmlCompilerRules: false,
+        features: {
+          dynamicContent: true,
+          saveAsTemplate: true,
+          versionHistory: true
+        }
       },
       dynamicContentModalVisible: false
     };
@@ -138,8 +143,13 @@ dynamicContent.close();
 ```typescript
 interface GuidoConfig {
   translationsPath: string;
-  htmlCompilerRules: CompilerRule[];
-  ignoreDefaultHtmlCompilerRules: boolean;
+  htmlCompilerRules?: CompilerRule[];
+  ignoreDefaultHtmlCompilerRules?: boolean;
+  features: {
+    dynamicContent: boolean;
+    saveAsTemplate: boolean;
+    versionHistory: boolean;
+  };
 }
 ```
 
@@ -148,6 +158,10 @@ interface GuidoConfig {
 | `translationsPath` | `string` | `'window.trans.en'` | JavaScript path to the translations object |
 | `htmlCompilerRules` | `CompilerRule[]` | `[]` | Additional compiler rules to apply to HTML content. See [HTML Compiler Rules](#-html-compiler-rules) section below |
 | `ignoreDefaultHtmlCompilerRules` | `boolean` | `false` | Skip default compiler rules and only use custom rules. Default rules: `src/config/compiler/htmlCompilerRules.ts` |
+| `features` | `Features` | `{ dynamicContent: true, saveAsTemplate: true, versionHistory: true }` | Feature flags to enable/disable editor functionality |
+| `features.dynamicContent` | `boolean` | `true` | Enable dynamic content insertion feature |
+| `features.saveAsTemplate` | `boolean` | `true` | Enable save as template feature |
+| `features.versionHistory` | `boolean` | `true` | Enable version history feature |
 
 ```typescript
 interface DynamicContent {
@@ -255,6 +269,11 @@ Define complex transformation logic with a custom processor function.
 ```typescript
 const guidoConfig = {
   translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: false  // Disable version history
+  },
   htmlCompilerRules: [
     {
       id: 'replace-domain',
@@ -283,6 +302,11 @@ const guidoConfig = {
 ```typescript
 const guidoConfig = {
   translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true
+  },
   ignoreDefaultHtmlCompilerRules: true, // Skip all default rules
   htmlCompilerRules: [
     // Only your custom rules will be applied

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

@@ -1,15 +1,18 @@
 import type { CompilerRule } from './html-compiler';
+type Features = {
+    dynamicContent?: boolean;
+    saveAsTemplate?: boolean;
+    versionHistory?: boolean;
+};
 export type GuidoConfig = {
     translationsPath: string;
     htmlCompilerRules?: CompilerRule[];
     ignoreDefaultHtmlCompilerRules?: boolean;
+    features?: Features;
 };
 export type DynamicContent = {
     value: string;
     text: string;
     fallback?: string;
 };
-export type MergeTag = {
-    label: string;
-    value: string;
-};
+export {};

package/dist/components/Guido.vue.d.ts

@@ -8,7 +8,6 @@ type __VLS_Props = {
     username?: string;
     html?: string;
     css?: string;
-    preselectedDynamicContentList: DynamicContent[];
     guidoConfig: GuidoConfig;
 };
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {
@@ -16,15 +15,11 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
         insert: (data: DynamicContent) => void;
         close: () => void;
     };
-    hasChanges: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: DynamicContent | null) => void;
     back: () => void;
     "save:start": () => void;
-    "save:complete": (data: {
-        template: Omit<Template, "forceRecreate">;
-        dynamicContentList: DynamicContent[];
-    }) => void;
+    "save:complete": (template: Omit<Template, "forceRecreate">) => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-import a from "./Guido.vue2.js";
+import o from "./Guido.vue2.js";
 /* empty css           */
-import o from "../_virtual/_plugin-vue2_normalizer.js";
+import i from "../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   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" } }), r(t.SaveAsTemplateDrawer)], 1);
-}, i = [], _ = /* @__PURE__ */ o(
-  a,
+  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,
-  i,
+  _,
   !1,
   null,
-  "ac2711fd"
+  "f8c4b3c5"
 );
-const f = _.exports;
+const f = a.exports;
 export {
   f as default
 };

package/dist/components/Guido.vue2.js

@@ -1,14 +1,12 @@
-import { defineComponent as w, computed as E, onMounted as _ } from "vue";
-import { provideGuidoActions as G } from "../composables/useGuidoActions.js";
-import { usePartner as I } from "../composables/usePartner.js";
-import { useStripo as T } from "../composables/useStripo.js";
-import { DefaultUsername as k, DefaultGuidoConfig as P } from "../enums/defaults.js";
-import A from "./organisms/header/HeaderWrapper.vue.js";
-import N from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import { useStripoApi as x } from "../services/stripoApi.js";
-import { useDynamicContentStore as W } from "../stores/dynamic-content.js";
-import { useEditorStore as z } from "../stores/editor.js";
-const O = /* @__PURE__ */ w({
+import { defineComponent as h, onMounted as w } from "vue";
+import { provideGuidoActions as D } from "../composables/useGuidoActions.js";
+import { usePartner as E } from "../composables/usePartner.js";
+import { useStripo as S } from "../composables/useStripo.js";
+import { DefaultUsername as _, DefaultGuidoConfig as G } from "../enums/defaults.js";
+import I from "./organisms/header/HeaderWrapper.vue.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+import P from "../node_modules/lodash-es/merge.js";
+const H = /* @__PURE__ */ h({
   __name: "Guido",
   props: {
     templateId: null,
@@ -18,34 +16,23 @@ const O = /* @__PURE__ */ w({
     username: null,
     html: null,
     css: null,
-    preselectedDynamicContentList: null,
     guidoConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete"],
-  setup(b, { expose: L, emit: t }) {
-    const o = b, n = W(), s = z(), a = E(() => s.hasChanges), c = o.preselectedDynamicContentList || [], { getPartnerName: i, getProductType: r } = I(), {
-      templateId: m,
-      userId: d,
-      guidoConfig: l,
-      html: u = "",
-      css: p = "",
-      partnerName: y = i(),
-      productType: g = r(),
-      username: C = k
+  setup(C, { expose: b, emit: t }) {
+    const o = C, { getPartnerName: n, getProductType: a } = E(), {
+      templateId: c,
+      userId: r,
+      guidoConfig: s,
+      html: i = "",
+      css: l = "",
+      partnerName: d = n(),
+      productType: u = a(),
+      username: m = _
     } = o;
-    window.GuidoConfig = {
-      ...P,
-      ...l
-    };
-    const { initPlugin: f } = T({
-      emailId: m,
-      userId: d,
-      username: C,
-      partnerName: y,
-      productType: g,
-      preselectedDynamicContentList: c
-    }), { getDefaultTemplate: v } = x();
-    G({
+    window.GuidoConfig = P(G, s);
+    const { initPlugin: p } = S({ emailId: c, userId: r, username: m, partnerName: d, productType: u }), { getDefaultTemplate: g } = k();
+    D({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -53,46 +40,39 @@ const O = /* @__PURE__ */ w({
         console.debug("guido:save:start"), t("save:start");
       },
       onSaveComplete: (e) => {
-        console.debug("guido:save:complete", {
-          template: e,
-          dynamicContentList: n.getSelectedDynamicContentList
-        }), t("save:complete", {
-          template: e,
-          dynamicContentList: n.getSelectedDynamicContentList
-        });
+        console.debug("guido:save:complete", e), t("save:complete", e);
       }
     });
-    const D = (e) => {
-      console.debug("dynamic-content:close", e), n.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, S = () => {
+    const f = (e) => {
+      console.debug("dynamic-content:close", e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, y = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return _(async () => {
+    return w(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         let e = {
-          html: u,
-          css: p,
+          html: i,
+          css: l,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await v()), await f(e), n.selectedDynamicContentList = c;
+        e.html || (e = await g()), await p(e);
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
       document.addEventListener("dynamic-content:open", (e) => {
-        const h = e;
-        console.debug("dynamic-content:open", h.detail), t("dynamic-content:open", h.detail);
+        const v = e;
+        console.debug("dynamic-content:open", v.detail), t("dynamic-content:open", v.detail);
       });
-    }), L({
+    }), b({
       dynamicContent: {
-        insert: D,
-        close: S
-      },
-      hasChanges: a
-    }), { __sfc: !0, dynamicContentStore: n, props: o, editorStore: s, hasChanges: a, preselectedDynamicContentList: c, getPartnerName: i, getProductType: r, templateId: m, userId: d, guidoConfig: l, html: u, css: p, partnerName: y, productType: g, username: C, emit: t, initPlugin: f, getDefaultTemplate: v, insertDynamicContent: D, closeDynamicContent: S, HeaderWrapper: A, SaveAsTemplateDrawer: N };
+        insert: f,
+        close: y
+      }
+    }), { __sfc: !0, props: o, getPartnerName: n, getProductType: a, templateId: c, userId: r, guidoConfig: s, html: i, css: l, partnerName: d, productType: u, username: m, emit: t, initPlugin: p, getDefaultTemplate: g, insertDynamicContent: f, closeDynamicContent: y, HeaderWrapper: I };
   }
 });
 export {
-  O as default
+  H as default
 };

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

@@ -1,17 +1,18 @@
-import o from "./RightSlot.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+import n from "./RightSlot.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var o, i;
   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", "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 }, on: { click: t.handleSaveAs } }), 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,
+  return e("div", { staticClass: "d-f" }, [(o = t.config.features) != null && o.versionHistory ? 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 } }) : s._e(), 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 } }), (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.isVersionHistoryOpen, "label-text-status": !1 } }) : s._e(), 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);
+}, l = [], d = /* @__PURE__ */ r(
   n,
-  r,
+  a,
+  l,
   !1,
   null,
   null
 );
-const u = a.exports;
+const f = d.exports;
 export {
-  u as default
+  f as default
 };

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

@@ -1,37 +1,36 @@
-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 d } from "../../../composables/useGuidoActions.js";
-import { useVersionHistoryApi as f } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { InButtonV2 as S } from "@useinsider/design-system-vue";
-const w = /* @__PURE__ */ m({
+import { defineComponent as p } from "vue";
+import { useActionsApi as c } from "../../../composables/useActionsApi.js";
+import { useConfig as l } from "../../../composables/useConfig.js";
+import { useExport as f } from "../../../composables/useExport.js";
+import { useSaveStart as u, useSaveComplete as d } from "../../../composables/useGuidoActions.js";
+import { useVersionHistoryApi as S } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as h } from "../../../stores/editor.js";
+import { InButtonV2 as y } from "@useinsider/design-system-vue";
+const F = /* @__PURE__ */ p({
   __name: "RightSlot",
-  setup(h) {
-    const { exportHtml: a } = c(), { getCompiledEmail: o } = p(), r = l(), s = d(), { openVersionHistory: n, closeVersionHistory: i } = f(), e = u();
-    return { __sfc: !0, exportHtml: a, getCompiledEmail: o, saveStart: r, saveComplete: s, openVersionHistory: n, closeVersionHistory: i, editorStore: e, handleVersionHistory: () => {
-      if (e.isVersionHistoryOpen) {
-        i();
+  setup(_) {
+    const { config: m } = l(), { exportHtml: a } = f(), { getCompiledEmail: t } = c(), e = u(), r = d(), { openVersionHistory: s, closeVersionHistory: n } = S(), i = h();
+    return { __sfc: !0, config: m, exportHtml: a, getCompiledEmail: t, saveStart: e, saveComplete: r, openVersionHistory: s, closeVersionHistory: n, editorStore: i, handleVersionHistory: () => {
+      if (i.isVersionHistoryOpen) {
+        n();
         return;
       }
-      n();
-    }, handleSaveAs: () => {
-      e.isSaveAsTemplateDrawerOpen = !0;
+      s();
     }, handleSave: async () => {
-      r();
+      e();
       try {
-        const { html: t } = await o();
-        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);
       }
-    }, InButtonV2: S };
+    }, InButtonV2: y };
   }
 });
 export {
-  w as default
+  F as default
 };

package/dist/composables/useConfig.d.ts

@@ -0,0 +1,5 @@
+import type { GuidoConfig } from '@@/Types/generic';
+export declare const useConfig: () => {
+    config: GuidoConfig;
+    getConfig: () => GuidoConfig;
+};

package/dist/composables/useConfig.js

@@ -0,0 +1,11 @@
+import { DefaultGuidoConfig as n } from "../enums/defaults.js";
+const t = () => {
+  const o = () => typeof window > "u" ? n : window.GuidoConfig || n;
+  return {
+    config: o(),
+    getConfig: o
+  };
+};
+export {
+  t as useConfig
+};

package/dist/composables/useHtmlCompiler.js

@@ -1,16 +1,17 @@
 import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
 import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-const a = () => {
-  const e = typeof window < "u" ? window.GuidoConfig : void 0, l = (e == null ? void 0 : e.htmlCompilerRules) || [], t = [
-    ...!!(e != null && e.ignoreDefaultHtmlCompilerRules) ? [] : r,
-    ...l.map((o, m) => ({
+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 + m
+      priority: o.priority + 1e3 + i
       // Ensure additional rules run after default rules
     }))
-  ], i = p(t);
-  return { compileHtml: (o) => i.compile(o) };
+  ], m = p(t);
+  return { compileHtml: (o) => m.compile(o) };
 };
 export {
-  a as useHtmlCompiler
+  R as useHtmlCompiler
 };

package/dist/composables/useStripo.js

@@ -1,21 +1,20 @@
 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 { useToaster as E } from "./useToaster.js";
+import { displayConditions as S } from "../enums/displayConditions.js";
 import y from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as E } from "../services/stripoApi.js";
-import { useEditorStore as h } from "../stores/editor.js";
-import { dynamicContentToMergeTags as w } from "../utils/genericUtil.js";
-const M = (d) => {
-  const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (e, r = []) => {
-    const i = h(), { html: t, css: s, forceRecreate: p } = e;
+import { useStripoApi as C } from "../services/stripoApi.js";
+import { useEditorStore as w } from "../stores/editor.js";
+const A = (a) => {
+  const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = C(), l = (e, r = []) => {
+    const i = w(), { html: t, css: s, forceRecreate: m } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: d,
+        metadata: a,
         html: t,
         css: s,
-        forceRecreate: p,
+        forceRecreate: m,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -31,25 +30,19 @@ const M = (d) => {
                 `,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: C,
-        enableXSSSecurity: !0,
+        conditionCategories: S,
         messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
           customFonts: r
         },
-        mergeTags: [
-          {
-            entries: w(d.preselectedDynamicContentList)
-          }
-        ],
         async onTokenRefreshRequest(o) {
           try {
             const n = await c();
             o(n);
           } catch (n) {
-            a(n, "Failed to refresh token");
+            d(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -57,7 +50,7 @@ const M = (d) => {
             const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
             o(), n();
           } catch (o) {
-            a(o, "Failed to load custom interface appearance");
+            d(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
@@ -69,14 +62,11 @@ const M = (d) => {
         onVersionHistoryVisibilityChanged(o) {
           i.isVersionHistoryOpen = o;
         },
-        onDataChanged() {
-          i.hasChanges = !0;
-        },
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
         extensions: [y]
       }
     );
-  }, m = (e) => new Promise((r, i) => {
+  }, p = (e) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
       e(), r();
       return;
@@ -90,12 +80,12 @@ const M = (d) => {
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (e) => {
-    await m(async () => {
+    await p(async () => {
       const r = await u();
       l(e, r);
     });
   } };
 };
 export {
-  M as useStripo
+  A as useStripo
 };

package/dist/composables/useTranslations.js

@@ -1,10 +1,11 @@
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
+import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
-  const translations = ref(eval(window.GuidoConfig.translationsPath)), trans = (n, t) => {
+  const { config } = useConfig(), translations = ref(eval(config.translationsPath)), trans = (n, t) => {
     const r = translations.value[n];
     return r ? t ? Object.entries(t).reduce(
-      (e, [o, i]) => e.replace(new RegExp(`{${o}}`, "g"), String(i)),
+      (e, [o, s]) => e.replace(new RegExp(`{${o}}`, "g"), String(s)),
       r
     ) : r : (console.warn(`Translation key not found: ${n}`), n);
   };

package/dist/enums/defaults.js

@@ -1,8 +1,13 @@
-const t = {
-  translationsPath: "window.trans.en"
-}, e = "newsletter", n = "Guido User";
+const e = {
+  translationsPath: "window.trans.en",
+  features: {
+    dynamicContent: !0,
+    saveAsTemplate: !0,
+    versionHistory: !0
+  }
+}, t = "newsletter", n = "Guido User";
 export {
-  t as DefaultGuidoConfig,
-  e as DefaultProductType,
+  e as DefaultGuidoConfig,
+  t as DefaultProductType,
   n as DefaultUsername
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,16 +1,15 @@
-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";
+var l = Object.defineProperty;
+var o = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => o(i, typeof t != "symbol" ? t + "" : t, e);
 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 {
+import { ExternalMergeTagsLibrary as c } from "./dynamic-content-modal.js";
+const a = "external-dynamic-content-ui-element", m = "button-add-dynamic-content";
+class d extends n.UIElementTagRegistry {
   registerUiElements(t) {
     t[n.UIElementType.MERGETAGS] = a;
   }
 }
-class u extends n.UIElement {
+class b extends n.UIElement {
   constructor() {
     super(...arguments);
     r(this, "mergeTagsButton", null);
@@ -34,10 +33,13 @@ class u extends n.UIElement {
     this.openMergeTagLibrary();
   }
   openMergeTagLibrary() {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new g()), this.mergeTagsLibrary.openMergeTagsLibrary(
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new c()), this.mergeTagsLibrary.openMergeTagsLibrary(
       this.selectedDynamicContent,
       (e) => {
-        this.api.onValueChanged(l([e])[0]);
+        this.api.onValueChanged({
+          label: e.fallback ? `${e.text} | ${e.fallback}` : e.text,
+          value: e.fallback ? `{{${e.value}|${e.fallback}}}` : `{{${e.value}}}`
+        });
       }
     );
   }
@@ -47,7 +49,7 @@ class u extends n.UIElement {
                 <${n.UIElementType.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${n.UEAttr.BUTTON.name}="${c}">
+                    ${n.UEAttr.BUTTON.name}="${m}">
                         <${n.UIElementType.ICON} src="plus" class="icon icon-button color-primary">
                         </${n.UIElementType.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
@@ -56,6 +58,6 @@ class u extends n.UIElement {
   }
 }
 export {
-  p as DynamicContentTagRegistry,
-  u as DynamicContentUiElementExtension
+  d as DynamicContentTagRegistry,
+  b as DynamicContentUiElementExtension
 };

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-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-ac2711fd],.guido-editor__container[data-v-ac2711fd]{width:100%;height:calc(100vh - 75px)}
+.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-f8c4b3c5],.guido-editor__container[data-v-f8c4b3c5]{width:100%;height:calc(100vh - 75px)}

package/dist/node_modules/lodash-es/_Stack.js

@@ -0,0 +1,18 @@
+import r from "./_ListCache.js";
+import a from "./_stackClear.js";
+import p from "./_stackDelete.js";
+import s from "./_stackGet.js";
+import i from "./_stackHas.js";
+import m from "./_stackSet.js";
+function t(o) {
+  var e = this.__data__ = new r(o);
+  this.size = e.size;
+}
+t.prototype.clear = a;
+t.prototype.delete = p;
+t.prototype.get = s;
+t.prototype.has = i;
+t.prototype.set = m;
+export {
+  t as default
+};

package/dist/node_modules/lodash-es/_Uint8Array.js

@@ -0,0 +1,5 @@
+import r from "./_root.js";
+var a = r.Uint8Array;
+export {
+  a as default
+};