@useinsider/guido 1.0.0-beta.2562d59 → 1.0.0-beta.3012b2b

package/README.md

@@ -145,6 +145,16 @@ interface GuidoConfig {
   translationsPath: string;
   htmlCompilerRules?: CompilerRule[];
   ignoreDefaultHtmlCompilerRules?: boolean;
+  useHeader: boolean
+  emailHeader: {
+    senderName: string;
+    subject: string;
+  };
+  partner: {
+    partnerName: string;
+    productType: number;
+    messageType: number;
+  };
   features: {
     dynamicContent: boolean;
     saveAsTemplate: boolean;
@@ -158,6 +168,7 @@ 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` |
+| `useHeader` | `boolean` | `true` | Adds extra spaces to height for adjusting. If you don't use Inone Page header, override as `false` |
 | `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 |

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

@@ -13,6 +13,7 @@ export type GuidoConfig = {
     translationsPath: string;
     htmlCompilerRules?: CompilerRule[];
     ignoreDefaultHtmlCompilerRules?: boolean;
+    useHeader?: boolean;
     emailHeader: EmailHeader;
     partner?: Partner;
     features?: Features;

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-import o from "./Guido.vue2.js";
+import i from "./Guido.vue2.js";
 /* empty css           */
-import t from "../_virtual/_plugin-vue2_normalizer.js";
-var s = 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" } }), e(r.Toaster), e(r.SaveAsTemplateDrawer), e(r.OnboardingWrapper)], 1);
-}, a = [], n = /* @__PURE__ */ t(
-  o,
-  s,
+import s from "../_virtual/_plugin-vue2_normalizer.js";
+var a = 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.guidoConfig.useHeader } }, [r(e.HeaderWrapper), e.previewStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isPreviewModeOpen, expression: "!previewStore.isPreviewModeOpen" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": !e.guidoConfig.useHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer)], 1);
+}, t = [], d = /* @__PURE__ */ s(
+  i,
   a,
+  t,
   !1,
   null,
-  "2c7e0efc"
+  "9fa9554d"
 );
-const c = n.exports;
+const u = d.exports;
 export {
-  c as default
+  u as default
 };

package/dist/components/Guido.vue2.js

@@ -2,17 +2,16 @@ import { defineComponent as I, defineAsyncComponent as P, computed as _, onMount
 import { provideGuidoActions as A } from "../composables/useGuidoActions.js";
 import { usePartner as N } from "../composables/usePartner.js";
 import { useStripo as U } from "../composables/useStripo.js";
-import { DefaultUsername as W, DefaultMessageType as x, DefaultGuidoConfig as M } from "../enums/defaults.js";
+import { DefaultUsername as x, DefaultMessageType as M, DefaultGuidoConfig as W } from "../enums/defaults.js";
 import z from "./organisms/base/Toaster.vue.js";
 import B from "./organisms/header/HeaderWrapper.vue.js";
-import F from "./organisms/onboarding/OnboardingWrapper.vue.js";
-import H from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import { useStripoApi as K } from "../services/stripoApi.js";
-import { useDynamicContentStore as O } from "../stores/dynamic-content.js";
+import F from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import { useStripoApi as H } from "../services/stripoApi.js";
+import { useDynamicContentStore as K } from "../stores/dynamic-content.js";
 import { useEditorStore as R } from "../stores/editor.js";
 import { usePreviewStore as j } from "../stores/preview.js";
 import q from "../node_modules/lodash-es/merge.js";
-const ae = /* @__PURE__ */ I({
+const se = /* @__PURE__ */ I({
   __name: "Guido",
   props: {
     templateId: null,
@@ -30,30 +29,30 @@ const ae = /* @__PURE__ */ I({
   setup(b, { expose: E, emit: t }) {
     const o = b, T = P(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), n = O(), a = R(), c = _(() => a.hasChanges), r = o.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: d } = N(), G = j(), {
+    ), n = K(), c = R(), a = _(() => c.hasChanges), r = o.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: d } = N(), G = j(), {
       templateId: l,
-      userId: p,
-      guidoConfig: u,
+      userId: u,
+      guidoConfig: p,
       html: f = "",
       css: g = "",
-      partnerName: i = m(),
-      productType: s = d(),
-      messageType: y = x,
-      username: C = W
+      partnerName: s = m(),
+      productType: i = d(),
+      messageType: y = M,
+      username: C = x
     } = o;
-    window.GuidoConfig = q(M, u), window.GuidoConfig.partner = {
-      partnerName: i,
-      productType: s,
+    window.GuidoConfig = q(W, p), window.GuidoConfig.partner = {
+      partnerName: s,
+      productType: i,
       messageType: y
     };
     const { initPlugin: v } = U({
       emailId: l,
-      userId: p,
+      userId: u,
       username: C,
-      partnerName: i,
-      productType: s,
+      partnerName: s,
+      productType: i,
       preselectedDynamicContentList: r
-    }), { getDefaultTemplate: w } = K();
+    }), { getDefaultTemplate: w } = H();
     A({
       onBack: () => {
         console.debug("guido:back"), t("back");
@@ -94,10 +93,10 @@ const ae = /* @__PURE__ */ I({
         insert: D,
         close: S
       },
-      hasChanges: c
-    }), { __sfc: !0, PreviewContainer: T, dynamicContentStore: n, props: o, editorStore: a, hasChanges: c, preselectedDynamicContentList: r, getPartnerName: m, getProductType: d, previewStore: G, templateId: l, userId: p, guidoConfig: u, html: f, css: g, partnerName: i, productType: s, messageType: y, username: C, emit: t, initPlugin: v, getDefaultTemplate: w, insertDynamicContent: D, closeDynamicContent: S, Toaster: z, HeaderWrapper: B, OnboardingWrapper: F, SaveAsTemplateDrawer: H };
+      hasChanges: a
+    }), { __sfc: !0, PreviewContainer: T, dynamicContentStore: n, props: o, editorStore: c, hasChanges: a, preselectedDynamicContentList: r, getPartnerName: m, getProductType: d, previewStore: G, templateId: l, userId: u, guidoConfig: p, html: f, css: g, partnerName: s, productType: i, messageType: y, username: C, emit: t, initPlugin: v, getDefaultTemplate: w, insertDynamicContent: D, closeDynamicContent: S, Toaster: z, HeaderWrapper: B, SaveAsTemplateDrawer: F };
   }
 });
 export {
-  ae as default
+  se as default
 };

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

@@ -1,30 +1,29 @@
-import { defineComponent as r, computed as i } from "vue";
-import { useTranslations as m } from "../../../../composables/useTranslations.js";
-import { useOnboardingStore as s } from "../../../../stores/onboarding.js";
-import { usePreviewStore as p } from "../../../../stores/preview.js";
-import { InButtonV2 as l, InSegments as d } from "@useinsider/design-system-vue";
-const v = /* @__PURE__ */ r({
+import { defineComponent as m, computed as n } from "vue";
+import { useTranslations as r } from "../../../../composables/useTranslations.js";
+import { usePreviewStore as i } from "../../../../stores/preview.js";
+import { InButtonV2 as s, InSegments as l } from "@useinsider/design-system-vue";
+const _ = /* @__PURE__ */ m({
   __name: "AmpToggle",
-  setup(u) {
-    const t = p(), e = s(), o = m(), a = i(() => [
+  setup(p) {
+    const t = i(), e = r(), o = n(() => [
       {
-        text: o("dynamic-creatives.html"),
+        text: e("dynamic-creatives.html"),
         value: "html"
       },
       {
-        text: o("email-editor.amp-html"),
+        text: e("email-editor.amp-html"),
         value: "AMP",
-        tooltipText: t.hasAMP ? "" : o("email-editor.preview-amp-unavailable-tooltip"),
+        tooltipText: t.hasAMP ? "" : e("email-editor.preview-amp-unavailable-tooltip"),
         position: "bottom",
         align: "center",
         disable: !t.hasAMP
       }
     ]);
-    return { __sfc: !0, previewStore: t, onboardingStore: e, trans: o, segmentList: a, handleFormatChange: (n) => {
-      t.setEmailFormat(n), n === "AMP" && e.shouldShowOnboarding("ampOnboarding") && e.start("ampOnboarding");
-    }, InSegments: d, InButtonV2: l };
+    return { __sfc: !0, previewStore: t, trans: e, segmentList: o, handleFormatChange: (a) => {
+      t.setEmailFormat(a);
+    }, InSegments: l, InButtonV2: s };
   }
 });
 export {
-  v as default
+  _ as default
 };

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

@@ -1,38 +1,37 @@
-import { defineComponent as H, computed as m } from "vue";
-import { useConfig as g } from "../../../composables/useConfig.js";
-import { useExport as O } from "../../../composables/useExport.js";
-import { useSaveStart as h, useSaveComplete as b } from "../../../composables/useGuidoActions.js";
+import { defineComponent as y, computed as p } from "vue";
+import { useConfig as H } from "../../../composables/useConfig.js";
+import { useExport as V } from "../../../composables/useExport.js";
+import { useSaveStart as _, useSaveComplete as h } from "../../../composables/useGuidoActions.js";
 import { useTranslations as w } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as V } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as _ } from "../../../stores/editor.js";
-import { useOnboardingStore as T } from "../../../stores/onboarding.js";
-import { usePreviewStore as x } from "../../../stores/preview.js";
-import { useTemplatePreparation as A } from "../../../utils/templatePreparation.js";
+import { useVersionHistoryApi as T } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as O } from "../../../stores/editor.js";
+import { usePreviewStore as g } from "../../../stores/preview.js";
+import { useTemplatePreparation as x } from "../../../utils/templatePreparation.js";
 import { getTooltipOptions as C } from "../../../utils/tooltipUtils.js";
 import { InButtonV2 as D } from "@useinsider/design-system-vue";
-const K = /* @__PURE__ */ H({
+const z = /* @__PURE__ */ y({
   __name: "RightSlot",
-  setup(P) {
-    const { config: c } = g(), { exportHtml: l } = O(), s = h(), i = b(), { openVersionHistory: n, closeVersionHistory: a } = V(), o = _(), e = T(), t = w(), p = x(), f = () => {
-      if (o.isVersionHistoryOpen) {
-        a(), e.isActive("versionHistoryOnboarding") && e.close("versionHistoryOnboarding");
+  setup(A) {
+    const { config: m } = H(), { exportHtml: c } = V(), r = _(), s = h(), { openVersionHistory: i, closeVersionHistory: n } = T(), e = O(), o = w(), a = g(), l = () => {
+      if (e.isVersionHistoryOpen) {
+        n();
         return;
       }
-      n(), e.shouldShowOnboarding("versionHistoryOnboarding") && e.start("versionHistoryOnboarding");
-    }, d = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, v = m(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), u = async () => {
-      s();
+      i();
+    }, f = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, u = p(() => e.isVersionHistoryOpen ? o("newsletter.close-version-history") : o("newsletter.version-history")), v = async () => {
+      r();
       try {
-        const { prepareTemplateDetails: r } = A(), S = await r();
-        i(S);
-      } catch (r) {
-        console.error("Failed to get template data for save:", r);
+        const { prepareTemplateDetails: t } = x(), d = await t();
+        s(d);
+      } catch (t) {
+        console.error("Failed to get template data for save:", t);
       }
-    }, y = m(() => o.isVersionHistoryOpen || p.isPreviewModeOpen);
-    return { __sfc: !0, config: c, exportHtml: l, saveStart: s, saveComplete: i, openVersionHistory: n, closeVersionHistory: a, editorStore: o, onboardingStore: e, trans: t, previewStore: p, handleVersionHistory: f, handleSaveAs: d, versionHistoryTooltipText: v, handleSave: u, isSaveButtonDisabled: y, getTooltipOptions: C, InButtonV2: D };
+    }, S = p(() => e.isVersionHistoryOpen || a.isPreviewModeOpen);
+    return { __sfc: !0, config: m, exportHtml: c, saveStart: r, saveComplete: s, openVersionHistory: i, closeVersionHistory: n, editorStore: e, trans: o, previewStore: a, handleVersionHistory: l, handleSaveAs: f, versionHistoryTooltipText: u, handleSave: v, isSaveButtonDisabled: S, getTooltipOptions: C, InButtonV2: D };
   }
 });
 export {
-  K as default
+  z as default
 };

package/dist/components/wrappers/WpDrawer.vue.d.ts

@@ -31,9 +31,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionStatus: boolean;
     descriptionText: string;
 }>>>, {
+    className: string;
     size: string;
     closeOnOutsideClick: boolean;
-    className: string;
     descriptionStatus: boolean;
     descriptionText: string;
 }>;

package/dist/components/wrappers/WpModal.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>>, {
     description: string;
     size: "small" | "medium" | "large";
+    closeOnOutsideClick: boolean;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;
-    closeOnOutsideClick: boolean;
     footerStatus: boolean;
 }>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/composables/usePreviewMode.js

@@ -1,25 +1,24 @@
-import { useEditorStore as p } from "../stores/editor.js";
-import { useOnboardingStore as m } from "../stores/onboarding.js";
-import { usePreviewStore as c } from "../stores/preview.js";
-import { useActionsApi as l } from "./useActionsApi.js";
-import { useCodeEditorApi as v } from "./useCodeEditorApi.js";
-const S = () => {
-  const i = p(), e = c(), r = m(), { closeCodeEditor: a } = v(), { getPreviewData: s } = l(), t = () => {
-    r.isActive("ampOnboarding") && r.close("ampOnboarding"), e.isPreviewModeOpen = !1, e.$reset();
+import { useEditorStore as n } from "../stores/editor.js";
+import { usePreviewStore as m } from "../stores/preview.js";
+import { useActionsApi as p } from "./useActionsApi.js";
+import { useCodeEditorApi as l } from "./useCodeEditorApi.js";
+const E = () => {
+  const i = n(), e = m(), { closeCodeEditor: s } = l(), { getPreviewData: a } = p(), r = () => {
+    e.isPreviewModeOpen = !1, e.$reset();
   };
   return {
-    closePreviewMode: t,
+    closePreviewMode: r,
     openPreviewMode: () => {
-      i.isCodeEditorOpen && a(), e.openPreviewMode();
+      i.isCodeEditorOpen && s(), e.isPreviewModeOpen = !0;
     },
     loadPreviewData: async () => {
       if (!(e.isLoading || e.isLoaded)) {
         e.isLoading = !0;
         try {
-          const { html: o, ampHtml: d, ampErrors: n } = await s();
-          e.templateHtml = o || "", e.updateAMPData({ ampHtml: d || "", ampErrors: n || [] }), e.isLoaded = !0;
+          const { html: o, ampHtml: t, ampErrors: d } = await a();
+          e.templateHtml = o || "", e.ampHtml = t || "", e.ampErrors = d || [], e.setEmailFormat(t ? "AMP" : "html"), e.isLoaded = !0;
         } catch (o) {
-          console.error("Failed to load preview data:", o), t();
+          console.error("Failed to load preview data:", o), r();
         } finally {
           e.isLoading = !1;
         }
@@ -28,5 +27,5 @@ const S = () => {
   };
 };
 export {
-  S as usePreviewMode
+  E as usePreviewMode
 };

package/dist/composables/useStripo.js

@@ -1,22 +1,22 @@
-import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
-import { useToaster as C } from "./useToaster.js";
-import { displayConditions as y } from "../enums/displayConditions.js";
-import h from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as w } from "../services/stripoApi.js";
-import { useEditorStore as b } from "../stores/editor.js";
-import { dynamicContentToMergeTags as V } from "../utils/genericUtil.js";
-const D = (d) => {
-  const { handleError: a } = C(), { getToken: c, getCustomFonts: u } = w(), { handleEvent: l } = E(), p = (r, i = []) => {
-    const e = b(), { html: o, css: s, forceRecreate: g } = r;
+import { useActionsApi as g } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
+import { useToaster as S } from "./useToaster.js";
+import { displayConditions as C } from "../enums/displayConditions.js";
+import y from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as E } from "../services/stripoApi.js";
+import h from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { dynamicContentToMergeTags as b } from "../utils/genericUtil.js";
+const P = (d) => {
+  const { handleError: c } = S(), { getToken: a, getCustomFonts: u } = E(), l = (e, r = []) => {
+    const i = w(), { html: o, css: s, forceRecreate: p } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: d,
         html: o,
         css: s,
-        forceRecreate: g,
+        forceRecreate: p,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -26,78 +26,75 @@ const D = (d) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: `
-                    .esd-x, .esd-merge-tag {color: #0a2ecc !important; box-shadow: none !important;} 
-                    .esd-merge-tag {border: 1px solid #b5c1f1; border-radius: 4px !important;}
-                `,
+        customViewStyles: h,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: y,
+        conditionCategories: C,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
+        selectBlockAfterDropFromSettingsPanel: !0,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: i
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: V(d.preselectedDynamicContentList)
+            entries: b(d.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const n = await c();
+            const n = await a();
             t(n);
           } catch (n) {
-            a(n, "Failed to refresh token");
+            c(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = S(), { activateCustomViewStyles: n } = f();
-            t(), n(), e.isStripoInitialized = !0;
+            const { importCss: t } = f(), { activateCustomViewStyles: n } = g();
+            t(), n();
           } catch (t) {
-            a(t, "Failed to load custom interface appearance");
+            c(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+          i.isCodeEditorOpen = t;
         },
         onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+          i.editorVisualMode = t.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+          i.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          i.hasChanges = !0;
         },
-        onEvent: l,
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [h]
+        extensions: [y]
       }
     );
-  }, m = (r) => new Promise((i, e) => {
+  }, m = (e) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
-      r(), i();
+      e(), r();
       return;
     }
     const o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", o.onload = () => {
-      r(), i();
+      e(), r();
     }, o.onerror = () => {
       const s = new Error("Failed to load Stripo UIEditor script");
-      e(s);
+      i(s);
     }, document.body.appendChild(o);
   });
-  return { initPlugin: async (r) => {
+  return { initPlugin: async (e) => {
     await m(async () => {
-      const i = await u();
-      p(r, i);
+      const r = await u();
+      l(e, r);
     });
   } };
 };
 export {
-  D as useStripo
+  P as useStripo
 };

package/dist/enums/defaults.js

@@ -8,8 +8,9 @@ const e = {
     dynamicContent: !0,
     saveAsTemplate: !0,
     versionHistory: !0
-  }
-}, t = "email", s = "Guido User", a = 1, n = 2, o = {
+  },
+  useHeader: !0
+}, t = "email", s = "Guido User", a = 1, r = 2, n = {
   email: 60,
   architect: 49
 };
@@ -18,6 +19,6 @@ export {
   a as DefaultMessageType,
   t as DefaultProductType,
   s as DefaultUsername,
-  n as EditorType,
-  o as ProductIds
+  r as EditorType,
+  n as ProductIds
 };

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-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}[data-v-9521080b] .vueperslides__bullets,[data-v-6a5e254d] .vueperslides__bullets{pointer-events:none!important}.guido-editor__wrapper[data-v-2c7e0efc],.guido-editor__container[data-v-2c7e0efc]{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-9fa9554d],.guido-editor__container[data-v-9fa9554d]{width:100%;height:calc(100vh - 122px)}.guido-editor__no-header[data-v-9fa9554d]{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/static/styles/components/wide-panel.css.js

@@ -11,6 +11,10 @@ ue-main-tabs-panel-component .fixed-panel-header {
     color: var(--guido-color-gray-800);
 }
 
+.stacked-panel {
+    overflow: scroll;
+}
+
 .stacked-panel-title {
     padding: 16px;
     font-size: 16px;

package/dist/static/styles/customEditorStyle.css.js

@@ -0,0 +1,18 @@
+const n = `.esd-x,
+.esd-merge-tag {
+    color: #0a2ecc !important;
+    box-shadow: none !important;
+}
+
+.esd-merge-tag {
+    border: 1px solid #b5c1f1;
+    border-radius: 4px !important;
+}
+
+.ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
+    background: none;
+}
+`;
+export {
+  n as default
+};

package/dist/stores/editor.d.ts

@@ -5,5 +5,4 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     isPreviewModeOpen: boolean;
     editorVisualMode: string;
     hasChanges: boolean;
-    isStripoInitialized: boolean;
 }, {}, {}>;

package/dist/stores/editor.js

@@ -1,15 +1,14 @@
 import { defineStore as e } from "pinia";
-const i = e("editor", {
+const o = e("editor", {
   state: () => ({
     isCodeEditorOpen: !1,
     isSaveAsTemplateDrawerOpen: !1,
     isVersionHistoryOpen: !1,
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
-    hasChanges: !1,
-    isStripoInitialized: !1
+    hasChanges: !1
   })
 });
 export {
-  i as useEditorStore
+  o as useEditorStore
 };

package/dist/stores/preview.js

@@ -1,6 +1,5 @@
-import { useOnboardingStore as s } from "./onboarding.js";
-import { defineStore as a } from "pinia";
-const l = () => ({
+import { defineStore as t } from "pinia";
+const s = () => ({
   emailFormat: "html",
   ampHtml: "",
   ampErrors: [],
@@ -9,18 +8,18 @@ const l = () => ({
   isLoaded: !1,
   isAMPErrorModalVisible: !1,
   isPreviewModeOpen: !1
-}), h = a("preview", {
-  state: () => l(),
+}), o = t("preview", {
+  state: () => s(),
   getters: {
-    isAMPModeEnabled: (o) => o.emailFormat === "AMP",
+    isAMPModeEnabled: (e) => e.emailFormat === "AMP",
     previewHtml() {
       return this.isAMPModeEnabled ? this.ampHtml : this.templateHtml;
     },
-    hasAMP: (o) => {
-      var e;
-      return !!((e = o.ampHtml) != null && e.trim());
+    hasAMP: (e) => {
+      var r;
+      return !!((r = e.ampHtml) != null && r.trim());
     },
-    hasAMPErrors: (o) => o.ampErrors.length > 0,
+    hasAMPErrors: (e) => e.ampErrors.length > 0,
     showAMPErrorButton() {
       return this.isAMPModeEnabled && this.hasAMPErrors;
     },
@@ -29,18 +28,11 @@ const l = () => ({
     }
   },
   actions: {
-    updateAMPData(o) {
-      var r;
-      const e = !!((r = this.ampHtml) != null && r.trim());
-      this.ampHtml = o.ampHtml ?? "", this.ampErrors = o.ampErrors ?? [];
-      const t = o.ampHtml ? "AMP" : "html";
-      if (this.emailFormat = t, !e && t === "AMP") {
-        const i = s();
-        i.shouldShowOnboarding("ampOnboarding") && i.start("ampOnboarding");
-      }
+    updateAMPData(e) {
+      this.ampHtml = e.ampHtml ?? "", this.ampErrors = e.ampErrors ?? [], this.emailFormat = e.ampHtml ? "AMP" : "html";
     },
-    setEmailFormat(o) {
-      this.emailFormat = o;
+    setEmailFormat(e) {
+      this.emailFormat = e;
     },
     closeErrorModal() {
       this.isAMPErrorModalVisible = !1;
@@ -49,10 +41,7 @@ const l = () => ({
       this.isAMPErrorModalVisible = !0;
     },
     openPreviewMode() {
-      if (this.isPreviewModeOpen = !0, this.emailFormat === "AMP") {
-        const o = s();
-        o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
-      }
+      this.isPreviewModeOpen = !0;
     },
     closePreviewMode() {
       this.isPreviewModeOpen = !1;
@@ -60,5 +49,5 @@ const l = () => ({
   }
 });
 export {
-  h as usePreviewStore
+  o as usePreviewStore
 };