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

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,9 +1,15 @@
 import type { CompilerRule } from './html-compiler';
+type Features = {
+    dynamicContent?: boolean;
+    saveAsTemplate?: boolean;
+    versionHistory?: boolean;
+};
 export type GuidoConfig = {
     translationsPath: string;
     htmlCompilerRules?: CompilerRule[];
     ignoreDefaultHtmlCompilerRules?: boolean;
     emailHeader: EmailHeader;
+    features?: Features;
 };
 export type DynamicContent = {
     value: string;
@@ -14,7 +20,19 @@ export interface EmailHeader {
     senderName: string;
     subject: string;
 }
+export interface TooltipOptions {
+    id: string;
+    dynamicPosition: boolean;
+    staticPosition: 'top center' | 'top left' | 'top right' | 'bottom center' | 'bottom left' | 'bottom right' | 'right center' | 'right top' | 'right bottom' | 'left center' | 'left top' | 'left bottom';
+    iconStatus: boolean;
+    offset?: {
+        x: number;
+        y: number;
+    };
+    preventXss?: boolean;
+}
 export type MergeTag = {
     label: string;
     value: string;
 };
+export {};

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

@@ -7,7 +7,8 @@ import A from "./organisms/header/HeaderWrapper.vue.js";
 import { useStripoApi as N } from "../services/stripoApi.js";
 import { useDynamicContentStore as x } from "../stores/dynamic-content.js";
 import { usePreviewStore as W } from "../stores/preview.js";
-const q = /* @__PURE__ */ L({
+import z from "../node_modules/lodash-es/merge.js";
+const O = /* @__PURE__ */ L({
   __name: "Guido",
   props: {
     templateId: null,
@@ -34,18 +35,15 @@ const q = /* @__PURE__ */ L({
       productType: p = s(),
       username: y = k
     } = o;
-    window.GuidoConfig = {
-      ...T,
-      ...m
-    };
-    const { initPlugin: C } = I({
+    window.GuidoConfig = z(T, m);
+    const { initPlugin: g } = I({
       emailId: a,
       userId: r,
       username: y,
       partnerName: u,
       productType: p,
       preselectedDynamicContentList: c
-    }), { getDefaultTemplate: g } = N();
+    }), { getDefaultTemplate: C } = N();
     _({
       onBack: () => {
         console.debug("guido:back"), t("back");
@@ -77,7 +75,7 @@ const q = /* @__PURE__ */ L({
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await g()), await C(e), n.selectedDynamicContentList = c;
+        e.html || (e = await C()), await g(e), n.selectedDynamicContentList = c;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -90,9 +88,9 @@ const q = /* @__PURE__ */ L({
         insert: f,
         close: v
       }
-    }), { __sfc: !0, PreviewContainer: w, dynamicContentStore: n, props: o, preselectedDynamicContentList: c, getPartnerName: i, getProductType: s, previewStore: h, templateId: a, userId: r, guidoConfig: m, html: d, css: l, partnerName: u, productType: p, username: y, emit: t, initPlugin: C, getDefaultTemplate: g, insertDynamicContent: f, closeDynamicContent: v, HeaderWrapper: A };
+    }), { __sfc: !0, PreviewContainer: w, dynamicContentStore: n, props: o, preselectedDynamicContentList: c, getPartnerName: i, getProductType: s, previewStore: h, templateId: a, userId: r, guidoConfig: m, html: d, css: l, partnerName: u, productType: p, username: y, emit: t, initPlugin: g, getDefaultTemplate: C, insertDynamicContent: f, closeDynamicContent: v, HeaderWrapper: A };
   }
 });
 export {
-  q as default
+  O as default
 };

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

@@ -2,8 +2,8 @@ import i from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var n = function() {
   var o = this, e = o._self._c, t = o._self._setupProxy;
-  return t.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(t.VersionHistory), e(t.VersionHistoryViewOptions)], 1) : e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__code-button", "data-testid": "Code Editor", "left-icon": "line-code", styling: "ghost", "tooltip-text": "Code Editor", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button") } }), e(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.previewStore.isPreviewModeOpen, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.previewTooltipText }, on: { click: t.handlePreviewToggle } }), e(t.ViewOptions, { staticClass: "ml-3" }), t.previewStore.isPreviewModeOpen ? e(t.AmpToggle) : o._e()], 1);
-}, r = [], d = /* @__PURE__ */ s(
+  return t.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(t.VersionHistory), e(t.VersionHistoryViewOptions)], 1) : e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__undo-button"), "tooltip-text": t.trans("action-builder.undo") } }), e(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__redo-button"), "tooltip-text": t.trans("action-builder.redo") } }), e(t.InButtonV2, { attrs: { id: "guido__code-button", "data-testid": "Code Editor", "left-icon": "line-code", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button"), "tooltip-text": t.codeEditorTooltipText } }), e(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.previewStore.isPreviewModeOpen, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.previewTooltipText }, on: { click: t.handlePreviewToggle } }), e(t.ViewOptions, { staticClass: "ml-3" }), t.previewStore.isPreviewModeOpen ? e(t.AmpToggle) : o._e()], 1);
+}, r = [], l = /* @__PURE__ */ s(
   i,
   n,
   r,
@@ -11,7 +11,7 @@ var n = function() {
   null,
   null
 );
-const u = d.exports;
+const u = l.exports;
 export {
   u as default
 };

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

@@ -1,23 +1,19 @@
-import { defineComponent as p, computed as m } from "vue";
+import { defineComponent as m, computed as s } from "vue";
 import { usePreviewMode as l } from "../../../composables/usePreviewMode.js";
-import { useTranslations as c } from "../../../composables/useTranslations.js";
-import a from "../email-preview/amp/AmpToggle.vue.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
+import { useTranslations as d } from "../../../composables/useTranslations.js";
+import w from "../email-preview/amp/AmpToggle.vue.js";
+import { useEditorStore as c } from "../../../stores/editor.js";
 import { usePreviewStore as f } from "../../../stores/preview.js";
-import { InButtonV2 as w } from "@useinsider/design-system-vue";
-import v from "./version-history/VersionHistory.vue.js";
-import u from "./version-history/ViewOptions.vue.js";
+import { getTooltipOptions as v } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as a } from "@useinsider/design-system-vue";
+import u from "./version-history/VersionHistory.vue.js";
+import T from "./version-history/ViewOptions.vue.js";
 import P from "./ViewOptions.vue.js";
-const B = /* @__PURE__ */ p({
+const B = /* @__PURE__ */ m({
   __name: "MiddleSlot",
-  setup(g) {
-    const r = d(), e = c(), o = f(), { openPreviewMode: t, closePreviewMode: i } = l(), s = m(() => o.isPreviewModeOpen ? e("newsletter.close-email-preview") : e("newsletter.email-preview"));
-    return { __sfc: !0, editorStore: r, trans: e, previewStore: o, openPreviewMode: t, closePreviewMode: i, previewTooltipText: s, getTooltipOptions: (n) => ({
-      id: `${n}-tooltip`,
-      dynamicPosition: !1,
-      staticPosition: "bottom center",
-      iconStatus: !1
-    }), handlePreviewToggle: () => o.isPreviewModeOpen ? i() : t(), AmpToggle: a, InButtonV2: w, VersionHistory: v, VersionHistoryViewOptions: u, ViewOptions: P };
+  setup(_) {
+    const t = c(), e = d(), o = f(), { openPreviewMode: r, closePreviewMode: i } = l(), n = s(() => o.isPreviewModeOpen ? e("newsletter.close-email-preview") : e("newsletter.email-preview")), p = s(() => t.isCodeEditorOpen ? e("newsletter.close-html-editor") : e("newsletter.html-editor"));
+    return { __sfc: !0, editorStore: t, trans: e, previewStore: o, openPreviewMode: r, closePreviewMode: i, previewTooltipText: n, codeEditorTooltipText: p, handlePreviewToggle: () => o.isPreviewModeOpen ? i() : r(), AmpToggle: w, getTooltipOptions: v, InButtonV2: a, VersionHistory: u, VersionHistoryViewOptions: T, ViewOptions: P };
   }
 });
 export {

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() {
-  var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.previewStore.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.isSaveButtonDisabled }, on: { click: t.handleSave } })], 1);
-}, a = [], r = /* @__PURE__ */ i(
-  o,
+import n from "./RightSlot.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = 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.previewStore.isPreviewModeOpen, "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.isVersionHistoryOpen, "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.isVersionHistoryOpen, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") } }) : o._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, "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.isSaveButtonDisabled }, on: { click: t.handleSave } })], 1);
+}, l = [], p = /* @__PURE__ */ r(
   n,
   a,
+  l,
   !1,
   null,
   null
 );
-const c = r.exports;
+const c = p.exports;
 export {
   c as default
 };

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

@@ -1,36 +1,39 @@
-import { defineComponent as u, computed as f } from "vue";
-import { useActionsApi as d } from "../../../composables/useActionsApi.js";
-import { useExport as S } from "../../../composables/useExport.js";
-import { useSaveStart as v, useSaveComplete as y } from "../../../composables/useGuidoActions.js";
-import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as H } from "../../../stores/editor.js";
-import { usePreviewStore as V } from "../../../stores/preview.js";
-import { InButtonV2 as h } from "@useinsider/design-system-vue";
-const b = /* @__PURE__ */ u({
+import { defineComponent as y, computed as a } from "vue";
+import { useActionsApi as S } from "../../../composables/useActionsApi.js";
+import { useConfig as H } from "../../../composables/useConfig.js";
+import { useExport as h } from "../../../composables/useExport.js";
+import { useSaveStart as V, useSaveComplete as _ } from "../../../composables/useGuidoActions.js";
+import { useTranslations as g } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as C } from "../../../stores/editor.js";
+import { usePreviewStore as O } from "../../../stores/preview.js";
+import { getTooltipOptions as x } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as T } from "@useinsider/design-system-vue";
+const q = /* @__PURE__ */ y({
   __name: "RightSlot",
-  setup(w) {
-    const { exportHtml: p } = S(), { getCompiledEmail: e } = d(), r = v(), s = y(), { openVersionHistory: i, closeVersionHistory: n } = _(), o = H(), m = V(), a = () => {
+  setup(A) {
+    const { config: c } = H(), { exportHtml: l } = h(), { getCompiledEmail: r } = S(), s = V(), i = _(), { openVersionHistory: n, closeVersionHistory: m } = w(), o = C(), t = g(), p = O(), f = () => {
       if (o.isVersionHistoryOpen) {
-        n();
+        m();
         return;
       }
-      i();
-    }, c = async () => {
-      r();
+      n();
+    }, u = a(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), v = async () => {
+      s();
       try {
-        const { html: t } = await e();
-        s({
-          html: t || "",
+        const { html: e } = await r();
+        i({
+          html: e || "",
           css: ""
           // CSS is embedded in HTML from Stripo
         });
-      } catch (t) {
-        console.error("Failed to get template data for save:", t);
+      } catch (e) {
+        console.error("Failed to get template data for save:", e);
       }
-    }, l = f(() => o.isVersionHistoryOpen || m.isPreviewModeOpen);
-    return { __sfc: !0, exportHtml: p, getCompiledEmail: e, saveStart: r, saveComplete: s, openVersionHistory: i, closeVersionHistory: n, editorStore: o, previewStore: m, handleVersionHistory: a, handleSave: c, isSaveButtonDisabled: l, InButtonV2: h };
+    }, d = a(() => o.isVersionHistoryOpen || p.isPreviewModeOpen);
+    return { __sfc: !0, config: c, exportHtml: l, getCompiledEmail: r, saveStart: s, saveComplete: i, openVersionHistory: n, closeVersionHistory: m, editorStore: o, trans: t, previewStore: p, handleVersionHistory: f, versionHistoryTooltipText: u, handleSave: v, isSaveButtonDisabled: d, getTooltipOptions: x, InButtonV2: T };
   }
 });
 export {
-  b as default
+  q as default
 };

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

@@ -10,9 +10,9 @@ var s = function() {
   n,
   !1,
   null,
-  "c4fe2637"
+  "aad05c54"
 );
-const d = _.exports;
+const p = _.exports;
 export {
-  d as default
+  p as default
 };

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

@@ -1,17 +1,35 @@
-import { defineComponent as r } from "vue";
-import { useEditorStore as i } from "../../../stores/editor.js";
-import { usePreviewStore as n } from "../../../stores/preview.js";
-import { InSegments as s } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ r({
+import { defineComponent as p } from "vue";
+import { useTranslations as r } from "../../../composables/useTranslations.js";
+import { useEditorStore as s } from "../../../stores/editor.js";
+import { usePreviewStore as m } from "../../../stores/preview.js";
+import { getTooltipOptions as t } from "../../../utils/tooltipUtils.js";
+import { InSegments as l } from "@useinsider/design-system-vue";
+const w = /* @__PURE__ */ p({
   __name: "ViewOptions",
-  setup(m) {
-    const e = i(), t = [
-      { text: "", icon: "line-desktop", value: "desktop" },
-      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
-    ], o = n();
-    return { __sfc: !0, editorStore: e, segmentList: t, previewStore: o, InSegments: s };
+  setup(a) {
+    const e = s(), o = r(), i = [
+      {
+        text: "",
+        icon: "line-desktop",
+        value: "desktop",
+        position: "bottom",
+        align: "center",
+        tooltipText: o("newsletter.desktop"),
+        tooltipOptions: t("guido__view-option-desktop")
+      },
+      {
+        text: "",
+        icon: "line-menu-mobileapp",
+        value: "mobile",
+        position: "bottom",
+        align: "center",
+        tooltipText: o("newsletter.mobile"),
+        tooltipOptions: t("guido__view-option-mobile")
+      }
+    ], n = m();
+    return { __sfc: !0, editorStore: e, trans: o, segmentList: i, previewStore: n, InSegments: l };
   }
 });
 export {
-  _ as default
+  w as default
 };

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

@@ -10,9 +10,9 @@ var r = function() {
   n,
   !1,
   null,
-  "6a2bde67"
+  "421ffc13"
 );
-const d = _.exports;
+const f = _.exports;
 export {
-  d as default
+  f as default
 };

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

@@ -1,23 +1,41 @@
-import { defineComponent as s } from "vue";
-import { useVersionHistoryApi as n } from "../../../../composables/useVersionHistoryApi.js";
-import { useVersionHistoryStore as r } from "../../../../stores/version-history.js";
-import { InSegments as m } from "@useinsider/design-system-vue";
-const d = /* @__PURE__ */ s({
+import { defineComponent as p } from "vue";
+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 { InSegments as c } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ p({
   __name: "ViewOptions",
-  setup(p) {
-    const e = r(), { switchToDesktopPreview: o, switchToMobilePreview: t } = n();
-    return { __sfc: !0, versionHistoryStore: e, switchToDesktopPreview: o, switchToMobilePreview: t, segmentList: [
-      { text: "", icon: "line-desktop", value: "desktop" },
-      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
-    ], changeVisualMode: (i) => {
-      if (e.editorVisualMode = i, i === "mobile") {
-        t();
+  setup(u) {
+    const t = a(), { switchToDesktopPreview: e, switchToMobilePreview: i } = l(), o = m(), r = [
+      {
+        text: "",
+        icon: "line-desktop",
+        value: "desktop",
+        position: "bottom",
+        align: "center",
+        tooltipText: o("newsletter.desktop"),
+        tooltipOptions: n("guido__version-history-view-option-desktop")
+      },
+      {
+        text: "",
+        icon: "line-menu-mobileapp",
+        value: "mobile",
+        position: "bottom",
+        align: "center",
+        tooltipText: o("newsletter.mobile"),
+        tooltipOptions: n("guido__version-history-view-option-mobile")
+      }
+    ];
+    return { __sfc: !0, versionHistoryStore: t, switchToDesktopPreview: e, switchToMobilePreview: i, trans: o, segmentList: r, changeVisualMode: (s) => {
+      if (t.editorVisualMode = s, s === "mobile") {
+        i();
         return;
       }
-      o();
-    }, InSegments: m };
+      e();
+    }, InSegments: c };
   }
 });
 export {
-  d as default
+  h as default
 };

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/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

@@ -3,6 +3,11 @@ const e = {
   emailHeader: {
     senderName: "",
     subject: ""
+  },
+  features: {
+    dynamicContent: !0,
+    saveAsTemplate: !0,
+    versionHistory: !0
   }
 }, t = "newsletter", n = "Guido User";
 export {

package/dist/guido.css

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

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
+};

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

@@ -0,0 +1,16 @@
+function t(l, c, e) {
+  switch (e.length) {
+    case 0:
+      return l.call(c);
+    case 1:
+      return l.call(c, e[0]);
+    case 2:
+      return l.call(c, e[0], e[1]);
+    case 3:
+      return l.call(c, e[0], e[1], e[2]);
+  }
+  return l.apply(c, e);
+}
+export {
+  t as default
+};

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

@@ -0,0 +1,19 @@
+import p from "./_baseTimes.js";
+import g from "./isArguments.js";
+import h from "./isArray.js";
+import a from "./isBuffer.js";
+import d from "./_isIndex.js";
+import A from "./isTypedArray.js";
+function c(i, b) {
+  var t = h(i), f = !t && g(i), s = !t && !f && a(i), o = !t && !f && !s && A(i), n = t || f || s || o, e = n ? p(i.length, String) : [], m = e.length;
+  for (var r in i)
+    n && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (r == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    s && (r == "offset" || r == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    o && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
+    d(r, m)) || e.push(r);
+  return e;
+}
+export {
+  c as default
+};

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

@@ -0,0 +1,8 @@
+import r from "./_baseAssignValue.js";
+import s from "./eq.js";
+function m(n, f, i) {
+  (i !== void 0 && !s(n[f], i) || i === void 0 && !(f in n)) && r(n, f, i);
+}
+export {
+  m as default
+};

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

@@ -0,0 +1,10 @@
+import t from "./_baseAssignValue.js";
+import i from "./eq.js";
+var s = Object.prototype, p = s.hasOwnProperty;
+function l(r, a, o) {
+  var n = r[a];
+  (!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
+}
+export {
+  l as default
+};

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

@@ -0,0 +1,12 @@
+import u from "./_defineProperty.js";
+function i(r, e, t) {
+  e == "__proto__" && u ? u(r, e, {
+    configurable: !0,
+    enumerable: !0,
+    value: t,
+    writable: !0
+  }) : r[e] = t;
+}
+export {
+  i as default
+};