@useinsider/guido 1.0.2-beta.198f9ce → 1.0.2-beta.1c23922

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as k, defineAsyncComponent as b, computed as E, watch as A, onMounted as W, onUnmounted as H } from "vue";
-import { provideGuidoActions as N } from "../composables/useGuidoActions.js";
-import { usePartner as U } from "../composables/usePartner.js";
-import { useStripo as x } from "../composables/useStripo.js";
-import { DefaultUsername as M, DefaultMessageType as z, DefaultGuidoConfig as B } from "../enums/defaults.js";
-import F from "./organisms/base/Toaster.vue.js";
-import K from "./organisms/header/HeaderWrapper.vue.js";
-import O from "./organisms/LoadingWrapper.vue.js";
-import R from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import { useStripoApi as j } from "../services/stripoApi.js";
-import { useDynamicContentStore as q } from "../stores/dynamic-content.js";
-import { useEditorStore as J } from "../stores/editor.js";
-import { usePreviewStore as Q } from "../stores/preview.js";
-import V from "../node_modules/lodash-es/merge.js";
-const de = /* @__PURE__ */ k({
+import { defineComponent as A, defineAsyncComponent as b, computed as T, watch as W, onMounted as H, onUnmounted as N } from "vue";
+import { provideGuidoActions as U } from "../composables/useGuidoActions.js";
+import { usePartner as x } from "../composables/usePartner.js";
+import { useStripo as M } from "../composables/useStripo.js";
+import { DefaultUsername as z, DefaultMessageType as B, DefaultGuidoConfig as F } from "../enums/defaults.js";
+import K from "./organisms/base/Toaster.vue.js";
+import O from "./organisms/header/HeaderWrapper.vue.js";
+import R from "./organisms/LoadingWrapper.vue.js";
+import j from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import { useStripoApi as q } from "../services/stripoApi.js";
+import { useDynamicContentStore as J } from "../stores/dynamic-content.js";
+import { useEditorStore as Q } from "../stores/editor.js";
+import { usePreviewStore as V } from "../stores/preview.js";
+import X from "../node_modules/lodash-es/merge.js";
+const le = /* @__PURE__ */ A({
   __name: "Guido",
   props: {
     templateId: null,
@@ -27,12 +27,12 @@ const de = /* @__PURE__ */ k({
     guidoConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change"],
-  setup(T, { expose: G, emit: o }) {
-    const t = T, I = b(
+  setup(E, { expose: G, emit: t }) {
+    const o = E, P = b(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), L = b(
+    ), I = b(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), n = q(), c = J(), P = Q(), r = E(() => c.hasChanges), a = t.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: d } = U(), {
+    ), n = J(), c = Q(), L = V(), r = T(() => c.hasChanges), a = o.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: d, isTestPartner: _ } = x(), {
       templateId: l,
       userId: p,
       guidoConfig: u,
@@ -40,34 +40,34 @@ const de = /* @__PURE__ */ k({
       css: f = "",
       partnerName: i = m(),
       productType: s = d(),
-      messageType: y = z,
-      username: C = M
-    } = t;
-    window.GuidoConfig = V(B, u), window.GuidoConfig.partner = {
+      messageType: y = B,
+      username: C = z
+    } = o;
+    window.GuidoConfig = X(F, u), window.GuidoConfig.partner = {
       partnerName: i,
       productType: s,
       messageType: y
     };
-    const { initPlugin: v } = x({
+    const { initPlugin: v } = M({
       emailId: l,
       userId: p,
       username: C,
       partnerName: i,
       productType: s,
       preselectedDynamicContentList: a
-    }), { getDefaultTemplate: w } = j(), _ = E(() => {
+    }), { getDefaultTemplate: w } = q(), k = T(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
-    N({
+    U({
       onBack: () => {
-        console.debug("guido:back"), o("back");
+        console.debug("guido:back"), t("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), o("save:start");
+        console.debug("guido:save:start"), t("save:start");
       },
       onSaveComplete: (e) => {
-        console.debug("guido:save:complete", e), o("save:complete", e);
+        console.debug("guido:save:complete", e), t("save:complete", e);
       }
     });
     const h = (e) => {
@@ -75,9 +75,9 @@ const de = /* @__PURE__ */ k({
     }, D = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return A(() => r.value, () => {
-      o("on-change");
-    }), W(async () => {
+    return W(() => r.value, () => {
+      t("on-change");
+    }), H(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         let e = {
@@ -92,9 +92,9 @@ const de = /* @__PURE__ */ k({
       }
       document.addEventListener("dynamic-content:open", (e) => {
         const S = e;
-        console.debug("dynamic-content:open", S.detail), o("dynamic-content:open", S.detail);
+        console.debug("dynamic-content:open", S.detail), t("dynamic-content:open", S.detail);
       });
-    }), H(() => {
+    }), N(() => {
       window.UIEditor.removeEditor();
     }), G({
       dynamicContent: {
@@ -102,9 +102,9 @@ const de = /* @__PURE__ */ k({
         close: D
       },
       hasChanges: r
-    }), { __sfc: !0, PreviewContainer: I, OnboardingWrapper: L, dynamicContentStore: n, props: t, editorStore: c, previewStore: P, hasChanges: r, preselectedDynamicContentList: a, getPartnerName: m, getProductType: d, templateId: l, userId: p, guidoConfig: u, html: g, css: f, partnerName: i, productType: s, messageType: y, username: C, emit: o, initPlugin: v, getDefaultTemplate: w, noHeader: _, insertDynamicContent: h, closeDynamicContent: D, Toaster: F, HeaderWrapper: K, LoadingWrapper: O, SaveAsTemplateDrawer: R };
+    }), { __sfc: !0, PreviewContainer: P, OnboardingWrapper: I, dynamicContentStore: n, props: o, editorStore: c, previewStore: L, hasChanges: r, preselectedDynamicContentList: a, getPartnerName: m, getProductType: d, isTestPartner: _, templateId: l, userId: p, guidoConfig: u, html: g, css: f, partnerName: i, productType: s, messageType: y, username: C, emit: t, initPlugin: v, getDefaultTemplate: w, noHeader: k, insertDynamicContent: h, closeDynamicContent: D, Toaster: K, HeaderWrapper: O, LoadingWrapper: R, SaveAsTemplateDrawer: j };
   }
 });
 export {
-  de as default
+  le as default
 };

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

@@ -1,16 +1,16 @@
 import i from "./ViewOptions.vue2.js";
 /* empty css                 */
 import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
+var n = function() {
   var t = this, s = t._self._c, e = t._self._setupProxy;
-  return s("div", { staticClass: "view-options-wrapper" }, [s(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isViewOptionsDisabled, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } }), e.editorStore.isViewOptionsDisabled ? t._e() : s("div", { staticClass: "new-tag" }, [t._v(" " + t._s(e.trans("settings.new")) + " ")])], 1);
-}, n = [], a = /* @__PURE__ */ o(
+  return s("div", { staticClass: "view-options-wrapper" }, [s(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isViewOptionsDisabled, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } }), e.editorStore.isViewOptionsDisabled ? t._e() : s(e.InChips, { staticClass: "new-tag", attrs: { id: "guido__view-options-new-tag", styles: "stroke", value: "chips", "close-button": !1, interactive: !1, text: e.trans("settings.new") } })], 1);
+}, r = [], a = /* @__PURE__ */ o(
   i,
-  r,
   n,
+  r,
   !1,
   null,
-  "99e4d32b"
+  "195ab6d4"
 );
 const c = a.exports;
 export {

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

@@ -2,10 +2,10 @@ import { defineComponent as n } from "vue";
 import { useTranslations as p } from "../../../composables/useTranslations.js";
 import { useEditorStore as s } from "../../../stores/editor.js";
 import { getTooltipOptions as o } from "../../../utils/tooltipUtils.js";
-import { InSegments as r } from "@useinsider/design-system-vue";
-const d = /* @__PURE__ */ n({
+import { InChips as r, InSegments as m } from "@useinsider/design-system-vue";
+const f = /* @__PURE__ */ n({
   __name: "ViewOptions",
-  setup(m) {
+  setup(l) {
     const e = s(), t = p(), i = [
       {
         text: "",
@@ -26,9 +26,9 @@ const d = /* @__PURE__ */ n({
         tooltipOptions: o("guido__view-option-mobile")
       }
     ];
-    return { __sfc: !0, editorStore: e, trans: t, segmentList: i, InSegments: r };
+    return { __sfc: !0, editorStore: e, trans: t, segmentList: i, InSegments: m, InChips: r };
   }
 });
 export {
-  d as default
+  f as default
 };

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

@@ -2,17 +2,17 @@ import i from "./ViewOptions.vue2.js";
 /* empty css                 */
 import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var n = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return s("div", { staticClass: "view-options-wrapper" }, [s(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } }), s("div", { staticClass: "new-tag" }, [t._v(" " + t._s(e.trans("settings.new")) + " ")])], 1);
+  var s = this, t = s._self._c, e = s._self._setupProxy;
+  return t("div", { staticClass: "view-options-wrapper" }, [t(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } }), t(e.InChips, { staticClass: "new-tag", attrs: { id: "guido__view-options-new-tag", styles: "stroke", value: "chips", "close-button": !1, interactive: !1, text: e.trans("settings.new") } })], 1);
 }, r = [], a = /* @__PURE__ */ o(
   i,
   n,
   r,
   !1,
   null,
-  "c144e1e3"
+  "d405ca59"
 );
-const m = a.exports;
+const d = a.exports;
 export {
-  m as default
+  d as default
 };

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

@@ -3,10 +3,10 @@ import { useTranslations as m } from "../../../../composables/useTranslations.js
 import { useVersionHistoryApi as l } from "../../../../composables/useVersionHistoryApi.js";
 import { useVersionHistoryStore as a } from "../../../../stores/version-history.js";
 import { getTooltipOptions as n } from "../../../../utils/tooltipUtils.js";
-import { InSegments as c } from "@useinsider/design-system-vue";
-const h = /* @__PURE__ */ p({
+import { InChips as c, InSegments as u } from "@useinsider/design-system-vue";
+const T = /* @__PURE__ */ p({
   __name: "ViewOptions",
-  setup(u) {
+  setup(_) {
     const t = a(), { switchToDesktopPreview: e, switchToMobilePreview: i } = l(), o = m(), r = [
       {
         text: "",
@@ -33,9 +33,9 @@ const h = /* @__PURE__ */ p({
         return;
       }
       e();
-    }, InSegments: c };
+    }, InSegments: u, InChips: c };
   }
 });
 export {
-  h as default
+  T as default
 };

package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as m, computed as e, watch as p } from "vue";
+import { defineComponent as p, computed as e, watch as m } from "vue";
 import { useTranslations as g } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as b } from "../../../stores/onboarding.js";
-import { InOnboard as l } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ m({
+import { useOnboardingStore as u } from "../../../stores/onboarding.js";
+import { InOnboard as b } from "@useinsider/design-system-vue";
+const O = /* @__PURE__ */ p({
   __name: "AMPOnboarding",
-  setup(u) {
-    const i = g(), o = b(), r = e(() => `${window.innerWidth / 2 - 110}px`), a = e(() => [
+  setup(l) {
+    const i = g(), o = u(), r = e(() => `${window.innerWidth / 2 - 110}px`), a = e(() => [
       {
         classes: "guido-amp-onboarding",
         left: r.value,
@@ -17,21 +17,21 @@ const _ = /* @__PURE__ */ m({
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: i("roi-statistics.onboard-modal-finish"),
+        nextButtonText: i("action-builder.ok"),
         nextButtonClick: () => void o.close("ampOnboarding")
       }
-    ]), s = e(() => o.onboardings.ampOnboarding.config.length > 0 && o.onboardings.ampOnboarding.isActive), d = () => {
+    ]), d = e(() => o.onboardings.ampOnboarding.config.length > 0 && o.onboardings.ampOnboarding.isActive), s = () => {
       var n, t;
       (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.nextButtonClick) == null || t.call(n);
     }, c = () => {
       var n, t;
       (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.backButtonClick) == null || t.call(n);
     };
-    return p(() => o.onboardings.ampOnboarding.isActive, (n) => {
+    return m(() => o.onboardings.ampOnboarding.isActive, (n) => {
       n && o.setConfig("ampOnboarding", a.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: i, onboardingStore: o, centerLeft: r, onboardingCardsConfig: a, isVisible: s, handleNext: d, handleBack: c, InOnboard: l };
+    }, { immediate: !0 }), { __sfc: !0, trans: i, onboardingStore: o, centerLeft: r, onboardingCardsConfig: a, isVisible: d, handleNext: s, handleBack: c, InOnboard: b };
   }
 });
 export {
-  _ as default
+  O as default
 };

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

@@ -13,7 +13,7 @@ var l = function() {
   p,
   !1,
   null,
-  "acae5543"
+  "2473c29f"
 );
 const S = _.exports;
 export {

package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js

@@ -6,14 +6,14 @@ import { InOnboard as f } from "@useinsider/design-system-vue";
 const S = /* @__PURE__ */ l({
   __name: "GenericOnboarding",
   setup(B) {
-    const e = x(), o = k(), r = i(() => `${window.innerWidth / 2 - 160}px`), s = () => {
+    const e = x(), o = k(), r = i(() => `${window.innerWidth / 2 - 160}px`), c = () => {
       const t = document.querySelector("ui-editor");
       t != null && t.shadowRoot && m.forEach((n) => {
         var d;
         const a = (d = t.shadowRoot) == null ? void 0 : d.querySelector(n);
         a && a.classList.add("hover");
       });
-    }, c = i(() => [
+    }, s = i(() => [
       {
         classes: "guido-onboarding-blocks",
         left: "90px",
@@ -27,13 +27,13 @@ const S = /* @__PURE__ */ l({
         nextButtonType: "text",
         nextButtonText: e("products.next"),
         nextButtonClick: () => {
-          s(), o.next("genericOnboarding");
+          c(), o.next("genericOnboarding");
         }
       },
       {
         classes: "guido-onboarding-stripes",
         right: "450px",
-        bottom: "50px",
+        bottom: "-38px",
         position: "Right Top",
         title: e("email-editor.onboarding-stripes-title"),
         description: e("email-editor.onboarding-stripes-description"),
@@ -61,7 +61,7 @@ const S = /* @__PURE__ */ l({
         backButtonText: e("ds-steps.back"),
         backButtonClick: () => o.previous("genericOnboarding"),
         nextButtonType: "text",
-        nextButtonText: e("roi-statistics.onboard-modal-finish"),
+        nextButtonText: e("action-builder.ok"),
         nextButtonClick: () => {
           o.close("genericOnboarding");
         }
@@ -74,8 +74,8 @@ const S = /* @__PURE__ */ l({
       (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
     };
     return b(() => o.onboardings.genericOnboarding.isActive, (t) => {
-      t && o.setConfig("genericOnboarding", c.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, centerLeft: r, addHoverToServiceElements: s, onboardingCardsConfig: c, isVisible: g, handleNext: p, handleBack: u, InOnboard: f };
+      t && o.setConfig("genericOnboarding", s.value);
+    }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, centerLeft: r, addHoverToServiceElements: c, onboardingCardsConfig: s, isVisible: g, handleNext: p, handleBack: u, InOnboard: f };
   }
 });
 export {

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

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

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, computed as r, watch as l } from "vue";
+import { defineComponent as s, computed as r, watch as l } from "vue";
 import { useTranslations as x } from "../../../composables/useTranslations.js";
 import { useOnboardingStore as g } from "../../../stores/onboarding.js";
 import { InOnboard as b } from "@useinsider/design-system-vue";
-const C = /* @__PURE__ */ d({
+const C = /* @__PURE__ */ s({
   __name: "TextBlockOnboarding",
   setup(p) {
     const n = x(), o = g(), i = r(() => [
@@ -36,7 +36,7 @@ const C = /* @__PURE__ */ d({
           o.previous("textBlockOnboarding");
         },
         nextButtonType: "text",
-        nextButtonText: n("roi-statistics.onboard-modal-finish"),
+        nextButtonText: n("action-builder.ok"),
         nextButtonClick: () => {
           o.close("textBlockOnboarding");
         }
@@ -44,7 +44,7 @@ const C = /* @__PURE__ */ d({
     ]), c = r(() => o.onboardings.textBlockOnboarding.config.length > 0 && o.onboardings.textBlockOnboarding.isActive), a = () => {
       var t, e;
       (e = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.nextButtonClick) == null || e.call(t);
-    }, s = () => {
+    }, d = () => {
       var t, e;
       (e = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.backButtonClick) == null || e.call(t);
     };
@@ -54,7 +54,7 @@ const C = /* @__PURE__ */ d({
         t && o.setConfig("textBlockOnboarding", i.value);
       },
       { immediate: !0 }
-    ), { __sfc: !0, trans: n, onboardingStore: o, onboardingCardsConfig: i, isVisible: c, handleNext: a, handleBack: s, InOnboard: b };
+    ), { __sfc: !0, trans: n, onboardingStore: o, onboardingCardsConfig: i, isVisible: c, handleNext: a, handleBack: d, InOnboard: b };
   }
 });
 export {

package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent as c, computed as e, watch as g } from "vue";
 import { useTranslations as b } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as l } from "../../../stores/onboarding.js";
-import { InOnboard as u } from "@useinsider/design-system-vue";
+import { useOnboardingStore as u } from "../../../stores/onboarding.js";
+import { InOnboard as l } from "@useinsider/design-system-vue";
 const C = /* @__PURE__ */ c({
   __name: "VersionHistoryOnboarding",
-  setup(m) {
-    const t = b(), n = l(), r = e(() => [
+  setup(p) {
+    const t = b(), n = u(), r = e(() => [
       {
         classes: "guido-version-history-onboarding",
         left: "409px",
@@ -17,7 +17,7 @@ const C = /* @__PURE__ */ c({
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: t("roi-statistics.onboard-modal-finish"),
+        nextButtonText: t("action-builder.ok"),
         nextButtonClick: () => void n.close("versionHistoryOnboarding")
       }
     ]), s = e(() => n.onboardings.versionHistoryOnboarding.config.length > 0 && n.onboardings.versionHistoryOnboarding.isActive), a = () => {
@@ -29,7 +29,7 @@ const C = /* @__PURE__ */ c({
     };
     return g(() => n.onboardings.versionHistoryOnboarding.isActive, (o) => {
       o && n.setConfig("versionHistoryOnboarding", r.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: t, onboardingStore: n, onboardingCardsConfig: r, isVisible: s, handleNext: a, handleBack: d, InOnboard: u };
+    }, { immediate: !0 }), { __sfc: !0, trans: t, onboardingStore: n, onboardingCardsConfig: r, isVisible: s, handleNext: a, handleBack: d, InOnboard: l };
   }
 });
 export {

package/dist/guido.css

@@ -1 +1 @@
-[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-c144e1e3]{position:relative;display:inline-block}.new-tag[data-v-c144e1e3]{height:24px;position:absolute;top:-8px;right:-16px;background-color:#dae1fb;color:#0a2ecc;font-size:13px;font-weight:400;padding:4px;border-radius:4px;z-index:10;pointer-events:none;border:1px solid #B5C1F1;line-height:16px}[data-v-c144e1e3] .guido__verion-history-view-option-selection-desktop svg,[data-v-c144e1e3] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-c144e1e3] .in-segments-wrapper__button_selected,[data-v-c144e1e3] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-c144e1e3] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-99e4d32b]{position:relative;display:inline-block}.new-tag[data-v-99e4d32b]{height:24px;position:absolute;top:-8px;right:-16px;background-color:#dae1fb;color:#0a2ecc;font-size:13px;font-weight:400;padding:4px;border-radius:4px;z-index:10;pointer-events:none;border:1px solid #B5C1F1;line-height:16px}[data-v-99e4d32b] .guido__view-option-selection-desktop svg,[data-v-99e4d32b] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-99e4d32b] .in-segments-wrapper__button_selected,[data-v-99e4d32b] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-99e4d32b] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-5c6ce65b],.guido-editor__container[data-v-5c6ce65b]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-5c6ce65b]{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}[data-v-acae5543] .vueperslides__bullets,[data-v-bccb3b50] .vueperslides__bullets{pointer-events:none!important}
+[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-39783038],.guido-editor__container[data-v-39783038]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-39783038]{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}[data-v-2473c29f] .vueperslides__bullets,[data-v-a77a2dd4] .vueperslides__bullets{pointer-events:none!important}

package/dist/stores/onboarding.d.ts

@@ -108,7 +108,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => {
         cardIndex: number;
@@ -239,7 +247,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => boolean;
     getCurrentCard: (state: {
@@ -350,7 +366,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => {
         classes: string;
@@ -477,7 +501,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -604,7 +636,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -731,7 +771,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -858,7 +906,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -985,7 +1041,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => boolean;
 }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.2-beta.198f9ce",
+  "version": "1.0.2-beta.1c23922",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",