@useinsider/guido 1.0.3-beta.b438648 → 1.0.3-beta.b722a77

package/README.md

@@ -52,7 +52,6 @@ npm install @useinsider/guido
       ref="guidoEditor"
       :template-id="templateId"
       :user-id="userId"
-      :migration-date="migrationDate"
       :guido-config="guidoConfig"
       :html="initialHtml"
       :css="initialCss"
@@ -75,7 +74,6 @@ export default {
     return {
       templateId: 'template-123',
       userId: 'user-456',
-      migrationDate: 1699488000,
       initialHtml: '<p>Initial HTML content</p>',
       initialCss: 'p { color: #333; }',
       guidoConfig: {
@@ -147,7 +145,6 @@ export default {
 | `templateId` | `string` | ✅ | - | Unique identifier for the email template |
 | `userId` | `string` | ✅ | - | Unique identifier for the user |
 | `guidoConfig` | `GuidoConfig` | ✅ | - | Configuration object for the editor |
-| `migrationDate` | `number` | ✅ | - | Stripo migration date in Unix timestamp (seconds). Retrieved from backend `/partner-settings` endpoint as `migrationDate`. Used for onboarding process |
 | `partnerName` | `string` | ⚪ | From URL host | Partner identifier |
 | `productType` | `string` | ⚪ | From URL path | Product type identifier |
 | `username` | `string` | ⚪ | `'Guido User'` | Display name for the user |
@@ -164,8 +161,6 @@ export default {
 | `save:complete` | `Omit<Template, 'forceRecreate'>` | Fired when template is successfully saved |
 | `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

package/dist/components/Guido.vue.js

@@ -1,22 +1,18 @@
-import t from "./Guido.vue2.js";
+import a from "./Guido.vue2.js";
 /* empty css           */
-import a from "../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var i = this, r = i._self._c, e = i._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef", on: { "test-email:click": function(o) {
-    return e.emit("test-email:click");
-  } } }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : i._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.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? i._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(o) {
-    return e.emit("onboarding:finished");
-  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], d = /* @__PURE__ */ a(
-  t,
-  n,
+import i from "../_virtual/_plugin-vue2_normalizer.js";
+var s = 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, { ref: "headerWrapperRef" }), 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.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+}, t = [], d = /* @__PURE__ */ i(
+  a,
   s,
+  t,
   !1,
   null,
-  "486a715d"
+  "96687c1d"
 );
-const u = d.exports;
+const v = d.exports;
 export {
-  u as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,23 +1,22 @@
-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 { defineComponent as x, defineAsyncComponent as U, ref as F, computed as I, 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 ie } from "../stores/preview.js";
-import { useUnsubscribeStore as ae } from "../stores/unsubscribe.js";
-import se from "../node_modules/lodash-es/merge.js";
-const Ge = /* @__PURE__ */ R({
+import X from "./organisms/header/HeaderWrapper.vue.js";
+import Y from "./organisms/LoadingWrapper.vue.js";
+import Z from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import $ from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ee } from "../services/stripoApi.js";
+import { useConfigStore as oe } from "../stores/config.js";
+import { useDynamicContentStore as te } from "../stores/dynamic-content.js";
+import { useEditorStore as ne } from "../stores/editor.js";
+import { usePreviewStore as re } from "../stores/preview.js";
+import { useUnsubscribeStore as se } from "../stores/unsubscribe.js";
+import ae from "../node_modules/lodash-es/merge.js";
+const Ee = /* @__PURE__ */ x({
   __name: "Guido",
   props: {
     templateId: null,
@@ -31,43 +30,43 @@ const Ge = /* @__PURE__ */ R({
     guidoConfig: null,
     templateConfig: null
   },
-  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(_, { expose: k, emit: t }) {
-    const l = _, L = I(
+  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
+  setup(_, { expose: L, emit: t }) {
+    const d = _, k = U(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), A = I(
+    ), A = U(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), u = x(), i = ne(), p = ae(), g = te(), a = re(), N = ie(), n = U(() => a.hasChanges), { getPartnerName: f, getProductType: y, isTestPartner: F } = O(), v = () => {
+    ), m = F(), s = te(), u = se(), l = oe(), p = ne(), N = re(), n = I(() => p.hasChanges), { getPartnerName: g, getProductType: f, isTestPartner: H } = O(), y = () => {
       var e;
-      return (e = u.value) == null ? void 0 : e.handleSave(!0);
+      return (e = m.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: s,
+      templateId: v,
       userId: b,
       guidoConfig: C,
       templateConfig: o,
       html: r = "",
       css: h = "",
-      partnerName: c = f(),
-      productType: d = y(),
+      partnerName: a = g(),
+      productType: i = f(),
       messageType: S = J,
       username: w = q
-    } = l, m = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
-    a.templateId = s, window.GuidoConfig = se(Q, C), window.GuidoConfig.partner = {
-      partnerName: c,
-      productType: d,
+    } = d, c = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
+    window.GuidoConfig = ae(Q, C), window.GuidoConfig.partner = {
+      partnerName: a,
+      productType: i,
       messageType: S
-    }, g.templateConfig = o;
+    }, l.templateConfig = o;
     const { initPlugin: D } = j({
-      emailId: s,
+      emailId: v,
       userId: b,
       username: w,
-      partnerName: c,
-      productType: d,
-      preselectedDynamicContentList: m,
+      partnerName: a,
+      productType: i,
+      preselectedDynamicContentList: c,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: T } = oe(), H = U(() => {
+    }), { getDefaultTemplate: T } = ee(), R = I(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
@@ -83,7 +82,7 @@ const Ge = /* @__PURE__ */ R({
       }
     });
     const E = (e) => {
-      console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+      console.debug("dynamic-content:close", e), s.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
     }, P = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
@@ -92,14 +91,14 @@ const Ge = /* @__PURE__ */ R({
     }), z(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        p.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        u.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
           html: r && await W(r),
           css: h,
           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), i.selectedDynamicContentList = m;
+        e.html || (e = await T(), e.html = await W(e.html)), await D(e), s.selectedDynamicContentList = c;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -113,16 +112,16 @@ const Ge = /* @__PURE__ */ R({
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-    }), k({
+    }), L({
       dynamicContent: {
         insert: E,
         close: P
       },
       hasChanges: n,
-      saveSilent: v
-    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: A, headerWrapperRef: u, dynamicContentStore: i, unsubscribeStore: p, props: l, configStore: g, editorStore: a, 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: y
+    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: m, dynamicContentStore: s, unsubscribeStore: u, props: d, configStore: l, editorStore: p, previewStore: N, hasChanges: n, getPartnerName: g, getProductType: f, isTestPartner: H, saveSilent: y, templateId: v, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: a, productType: i, messageType: S, username: w, preselectedDynamicContentList: c, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: R, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, HeaderWrapper: X, LoadingWrapper: Y, SaveAsTemplateDrawer: Z, UnsubscribeWrapper: $ };
   }
 });
 export {
-  Ge as default
+  Ee as default
 };

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

@@ -1,19 +1,17 @@
 import o from "./HeaderWrapper.vue2.js";
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
   var t = this, r = t._self._c, e = t._self._setupProxy;
-  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0" } }, [r("div", { staticClass: "w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef", on: { "test-email:click": function(c) {
-    return e.emit("test-email:click");
-  } } })], 1)]);
-}, i = [], a = /* @__PURE__ */ n(
+  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0" } }, [r("div", { staticClass: "w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
+}, a = [], _ = /* @__PURE__ */ s(
   o,
-  s,
-  i,
+  n,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const c = _.exports;
 export {
-  d as default
+  c as default
 };

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

@@ -1,21 +1,20 @@
-import { defineComponent as i, ref as n } from "vue";
+import { defineComponent as n, ref as m } from "vue";
 import { InContainer as a } from "@useinsider/design-system-vue";
-import l from "./LeftSlot.vue.js";
-import f from "./MiddleSlot.vue.js";
-import p from "./RightSlot.vue.js";
-const h = /* @__PURE__ */ i({
+import f from "./LeftSlot.vue.js";
+import p from "./MiddleSlot.vue.js";
+import i from "./RightSlot.vue.js";
+const c = /* @__PURE__ */ n({
   __name: "HeaderWrapper",
-  emits: ["test-email:click"],
-  setup(s, { expose: o, emit: r }) {
-    const e = n(null);
-    return o({
-      handleSave: (m) => {
-        var t;
-        return (t = e.value) == null ? void 0 : t.handleSave(m);
+  setup(l, { expose: r }) {
+    const e = m(null);
+    return r({
+      handleSave: (t) => {
+        var o;
+        return (o = e.value) == null ? void 0 : o.handleSave(t);
       }
-    }), { __sfc: !0, rightSlotRef: e, emit: r, InContainer: a, LeftSlot: l, MiddleSlot: f, RightSlot: p };
+    }), { __sfc: !0, rightSlotRef: e, InContainer: a, LeftSlot: f, MiddleSlot: p, RightSlot: i };
   }
 });
 export {
-  h as default
+  c as default
 };

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

@@ -1,17 +1,15 @@
-import a from "./RightSlot.vue2.js";
-import l from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
+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") }, on: { click: function(n) {
-    return t.emit("test-email:click");
-  } } }), 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(n) {
+  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) {
     return t.handleSave(!1);
   } } })], 1);
-}, u = [], d = /* @__PURE__ */ l(
-  a,
+}, r = [], d = /* @__PURE__ */ a(
+  n,
+  l,
   r,
-  u,
   !1,
   null,
   null

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

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

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

@@ -1,17 +1,17 @@
-import t from "./NewVersionPopup.vue2.js";
+import s from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, s = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
-}, r = [], a = /* @__PURE__ */ n(
-  t,
-  i,
+var r = function() {
+  var e = this, t = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
+}, i = [], a = /* @__PURE__ */ n(
+  s,
   r,
+  i,
   !1,
   null,
   null
 );
-const _ = a.exports;
+const p = a.exports;
 export {
-  _ as default
+  p as default
 };

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

@@ -1,43 +1,30 @@
-import { defineComponent as g, ref as b, computed as o } from "vue";
-import v from "../../wrappers/WpModal.vue.js";
-import { useConfig as D } from "../../../composables/useConfig.js";
-import { useTranslations as h } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
-import y from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
-import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
-const I = /* @__PURE__ */ g({
+import { defineComponent as s, ref as r } from "vue";
+import a from "../../wrappers/WpModal.vue.js";
+import { useTranslations as i } from "../../../composables/useTranslations.js";
+import l from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as m } from "../../../stores/onboarding.js";
+const w = /* @__PURE__ */ s({
   __name: "NewVersionPopup",
-  emits: ["onboarding-finished"],
-  setup(w, { emit: a }) {
-    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
-      i.value
-    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      sunsetDate: d.value,
-      academyLink: l
-    }) : e("email-editor.onboarding-description", {
-      academyLink: l
-    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
+  setup(p) {
+    const n = i(), e = m(), o = r(!0), t = r({
       primaryButton: {
         type: "primary",
-        labelText: e("left-menu.discover-now")
+        labelText: n("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: u.value
+        labelText: n("products.remind-me-later")
       }
-    })), r = () => {
-      s.value = !1, a("onboarding-finished");
-    };
-    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
-      t.onDiscoverNowClicked(), r();
+    });
+    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
+      e.onDiscoverNowClicked(), o.value = !1;
     }, handleRemindLater: () => {
-      t.onRemindMeLater(), r();
+      e.onRemindMeLater(), o.value = !1;
     }, handleClose: () => {
-      t.onNewVersionPopupClose(), r();
-    }, WpModal: v, onboardingImageSvg: y };
+      e.onNewVersionPopupClose(), o.value = !1;
+    }, WpModal: a, onboardingImageSvg: l };
   }
 });
 export {
-  I as default
+  w as default
 };

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

@@ -1,21 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
-    } } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const m = p.exports;
 export {
-  d as default
+  m as default
 };

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

@@ -1,25 +1,24 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import { usePartner as u } from "../../../composables/usePartner.js";
-import { useEditorStore as v } from "../../../stores/editor.js";
-import { useOnboardingStore as l } from "../../../stores/onboarding.js";
-import { usePreviewStore as y } from "../../../stores/preview.js";
-import S from "./AMPOnboarding.vue.js";
-import h from "./GenericOnboarding.vue.js";
+import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import _ from "./VersionHistoryOnboarding.vue.js";
-const F = /* @__PURE__ */ b({
+import h from "./VersionHistoryOnboarding.vue.js";
+const E = /* @__PURE__ */ g({
   __name: "OnboardingWrapper",
-  emits: ["onboarding-finished"],
-  setup(A, { emit: f }) {
-    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: h },
+      { type: "genericOnboarding", component: S },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: _ },
-      { type: "ampOnboarding", component: S }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -36,9 +35,9 @@ const F = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  F as default
+  E as default
 };