@useinsider/guido 1.0.3-beta.8ba8dbc → 1.0.3-beta.8df77fb

package/README.md

@@ -82,10 +82,12 @@ export default {
         translationsPath: 'window.trans.en',
         htmlCompilerRules: [],
         ignoreDefaultHtmlCompilerRules: false,
+        backButtonLabel?: "Back to Design",
         features: {
           dynamicContent: true,
           saveAsTemplate: true,
-          versionHistory: true
+          versionHistory: true,
+          testMessage: true
         }
       },
       dynamicContentModalVisible: false
@@ -165,6 +167,7 @@ export default {
 | `on-change` | void | It Fires once for managing leave modal etc. |
 | `ready` | void | Fired when the editor is ready and template is loaded |
 | `onboarding-finished` | void | Fired when the onboarding popup is dismissed or completed, allowing parent applications to track onboarding state |
+| `test-email:click` | - | Fired when user clicks the test email button in the header |
 
 ### Guido Exposed Methods
 ```typescript
@@ -194,6 +197,12 @@ interface GuidoConfig {
     dynamicContent: boolean;
     saveAsTemplate: boolean;
     versionHistory: boolean;
+    testMessage: boolean;
+    displayConditions: boolean;
+  };
+  blocks?: {
+    excludeDefaults?: GuidoBlockType[];
+    includeCustoms?: GuidoCustomBlockType[];
   };
 }
 ```
@@ -208,6 +217,10 @@ interface GuidoConfig {
 | `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 |
+| `features.displayConditions` | `boolean` | `true` | Enable display conditions |
+| `blocks` | `BlocksConfig` | `{ excludeDefaults: [], includeCustoms: [] }` | Block configuration for excluding default blocks and including custom blocks. See [Blocks Configuration](#-blocks-configuration) section below |
+| `blocks.excludeDefaults` | `GuidoBlockType[]` | `[]` | Array of default Stripo blocks to exclude from the editor |
+| `blocks.includeCustoms` | `GuidoCustomBlockType[]` | `[]` | Array of custom blocks to include in the editor |
 
 ```typescript
 interface DynamicContent {
@@ -224,6 +237,128 @@ interface DynamicContent {
 | `text` | `string` | '' | Visible value of the dynamic content |
 | `fallback?` | `string` | '' | Fallback value of the dynamic content. Optional |
 
+## 🧱 Blocks Configuration
+
+Guido allows you to customize which blocks are available in the editor. You can exclude default Stripo blocks and selectively include custom blocks to create tailored editing experiences for different product types.
+
+### Block Types
+
+#### Default Blocks (GuidoBlockType)
+
+These are the standard Stripo email editor blocks that can be excluded:
+
+```typescript
+type GuidoBlockType =
+  | 'amp-accordion'      // AMP accordion component
+  | 'amp-carousel'       // AMP image carousel
+  | 'amp-form-controls'  // AMP form elements
+  | 'banner-block'       // Banner/hero section
+  | 'button-block'       // Call-to-action buttons
+  | 'html-block'         // Custom HTML
+  | 'image-block'        // Image elements
+  | 'menu-block'         // Navigation menu
+  | 'social-block'       // Social media links
+  | 'spacer-block'       // Vertical spacing
+  | 'text-block'         // Text content
+  | 'timer-block'        // Countdown timer
+  | 'video-block'        // Video embeds
+```
+
+#### Custom Blocks (GuidoCustomBlockType)
+
+These are custom blocks that can be selectively included:
+
+```typescript
+type GuidoCustomBlockType =
+  | 'dynamic-content'      // Dynamic content merge tags
+  | 'checkbox-block'       // Checkbox form input
+  | 'radio-button-block'   // Radio button form input
+  | 'recommendation-block' // Product recommendations
+  | 'unsubscribe-block'    // Unsubscribe link
+  | 'coupon-block'         // Coupon/promo code
+  | 'items-block'          // Cart items display
+```
+
+### Configuration Examples
+
+#### Example 1: Exclude Specific Default Blocks
+
+Disable button, image, and video blocks while keeping all custom blocks:
+
+```typescript
+const guidoConfig = {
+  translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true,
+    testMessage: true
+  },
+  blocks: {
+    excludeDefaults: ['button-block', 'image-block', 'video-block']
+  }
+};
+```
+
+**Result:**
+- Button, Image, Video blocks disabled
+- All other default blocks enabled
+- All custom blocks are disabled.
+
+#### Example 2: Include Only Specific Custom Blocks
+
+Enable only coupon and recommendation blocks:
+
+```typescript
+const guidoConfig = {
+  translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true,
+    testMessage: true
+  },
+  blocks: {
+    includeCustoms: ['coupon-block', 'recommendation-block']
+  }
+};
+```
+
+**Result:**
+- All default blocks enabled
+- Only Coupon and Recommendation extensions enabled.
+- Other custom blocks are disabled
+
+### Default Behavior
+
+When `blocks` is not provided or is `undefined`:
+
+```typescript
+const guidoConfig = {
+  translationsPath: 'window.trans.en',
+  features: {
+    dynamicContent: true,
+    saveAsTemplate: true,
+    versionHistory: true,
+    testMessage: true
+  },
+  // No blocks config
+};
+```
+
+**Result:**
+- All 13 default Stripo blocks enabled
+- All custom blocks are disabled.
+
+### Block Configuration Interface
+
+```typescript
+interface BlocksConfig {
+  excludeDefaults?: GuidoBlockType[];
+  includeCustoms?: GuidoCustomBlockType[];
+}
+```
+
 ### TypeScript Types
 
 The library exports the following TypeScript types:
@@ -318,7 +453,8 @@ const guidoConfig = {
   features: {
     dynamicContent: true,
     saveAsTemplate: true,
-    versionHistory: false  // Disable version history
+    versionHistory: false,  // Disable version history
+    testMessage: true
   },
   htmlCompilerRules: [
     {
@@ -351,7 +487,8 @@ const guidoConfig = {
   features: {
     dynamicContent: true,
     saveAsTemplate: true,
-    versionHistory: true
+    versionHistory: true,
+    testMessage: true
   },
   ignoreDefaultHtmlCompilerRules: true, // Skip all default rules
   htmlCompilerRules: [
@@ -463,6 +600,9 @@ Create a `.env` file with the following variables: (You can get env variables fr
 VITE_STRIPO_PLUGIN_ID=your_plugin_id
 VITE_STRIPO_SECRET_KEY=your_secret_key
 VITE_STRIPO_ROLE=your_role
+
+# Playwright Test Configuration (Optional - for local debugging only)
+HEADED=false  # Set to 'true' to run tests with visible browser
 ```
 
 ### Project Structure

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "3c910a93"
+  "98181b5a"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

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

package/dist/components/organisms/LoadingWrapper.vue.js

@@ -10,7 +10,7 @@ var s = function() {
   n,
   !1,
   null,
-  "dced5582"
+  "07c4b2d8"
 );
 const l = _.exports;
 export {

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

@@ -10,7 +10,7 @@ var n = function() {
   a,
   !1,
   null,
-  "2c168944"
+  "0502bceb"
 );
 const p = i.exports;
 export {

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

@@ -1,28 +1,29 @@
-import { defineComponent as s, computed as c } from "vue";
-import { useBack as m } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as a } from "../../../composables/usePreviewMode.js";
+import { defineComponent as c, computed as a } from "vue";
+import { useConfig as m } from "../../../composables/useConfig.js";
+import { useBack as u } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as f } from "../../../composables/usePreviewMode.js";
 import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
-import { InButtonV2 as f } from "@useinsider/design-system-vue";
-import l from "./version-history/RestoreButton.vue.js";
-const O = /* @__PURE__ */ s({
+import { useVersionHistoryApi as d } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
+import { InButtonV2 as k } from "@useinsider/design-system-vue";
+import B from "./version-history/RestoreButton.vue.js";
+const P = /* @__PURE__ */ c({
   __name: "LeftSlot",
-  setup(k) {
-    const o = d(), r = m(), { closeVersionHistory: t } = u(), { closePreviewMode: i } = a(), e = p(), n = c(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : e("email-editor.back-to-design"));
-    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: t, closePreviewMode: i, trans: e, backButtonLabel: n, handleBackClick: () => {
+  setup(b) {
+    const o = l(), r = u(), { closeVersionHistory: i } = d(), { closePreviewMode: n } = f(), e = p(), { config: t } = m(), s = a(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : t.backButtonLabel ? t.backButtonLabel : e("email-editor.back-to-design"));
+    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: e, config: t, backButtonLabel: s, handleBackClick: () => {
       if (o.isVersionHistoryOpen) {
-        t();
+        i();
         return;
       }
       if (o.isPreviewModeOpen) {
-        i();
+        n();
         return;
       }
       r();
-    }, InButtonV2: f, RestoreButton: l };
+    }, InButtonV2: k, RestoreButton: B };
   }
 });
 export {
-  O as default
+  P as default
 };

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

@@ -1,20 +1,20 @@
-import n from "./RightSlot.vue2.js";
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var s, i;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(p) {
+import a from "./RightSlot.vue2.js";
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var o, i, n;
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  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", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : s._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : s._e(), (n = t.config.features) != null && n.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : s._e(), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(c) {
     return t.handleSave(!1);
   } } })], 1);
-}, r = [], d = /* @__PURE__ */ a(
-  n,
-  l,
+}, u = [], d = /* @__PURE__ */ l(
+  a,
   r,
+  u,
   !1,
   null,
   null
 );
-const g = d.exports;
+const f = d.exports;
 export {
-  g as default
+  f as default
 };

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

@@ -1,35 +1,36 @@
-import { defineComponent as g, ref as l, computed as H } from "vue";
-import { useConfig as _ } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useSave as V } from "../../../composables/useSave.js";
-import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { defineComponent as H, ref as m, computed as _ } from "vue";
+import { useConfig as h } from "../../../composables/useConfig.js";
+import { useExport as V } from "../../../composables/useExport.js";
+import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
+import { useSave as E } from "../../../composables/useSave.js";
+import { useTranslations as T } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as T } from "../../../stores/editor.js";
-import { getTooltipOptions as E } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as O } from "@useinsider/design-system-vue";
-const z = /* @__PURE__ */ g({
+import { useEditorStore as C } from "../../../stores/editor.js";
+import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as A } from "@useinsider/design-system-vue";
+const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(A, { expose: m }) {
-    const { config: u } = _(), { exportHtml: r } = h(), { save: n } = V(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = T(), t = x(), e = l(!1), s = l(!1), c = () => {
+  setup(k, { expose: c }) {
+    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, f = async () => {
+    }, d = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, v = () => {
+    }, y = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, d = H(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), p = async (y) => {
+    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
       s.value = !0, o.loadingStatus = !0;
-      const S = await n(y);
-      return s.value = !1, o.loadingStatus = !1, S;
+      const g = await n(p);
+      return s.value = !1, p && (o.loadingStatus = !1), g;
     };
-    return m({
-      handleSave: p
-    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: c, handleExport: f, handleSaveAs: v, versionHistoryTooltipText: d, handleSave: p, getTooltipOptions: E, InButtonV2: O };
+    return c({
+      handleSave: l
+    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {
-  z as default
+  J as default
 };

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

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