@useinsider/guido 3.2.0-beta.8b0bc0c → 3.2.0-beta.8e8f902

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

@@ -1,19 +1,23 @@
-import { defineComponent as m, ref as a, computed as f } from "vue";
-import { useConfig as p } from "../../../composables/useConfig.js";
-import { useTranslations as u } from "../../../composables/useTranslations.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
+import { defineComponent as a, ref as f, computed as p } from "vue";
+import { useConfig as u } from "../../../composables/useConfig.js";
+import { useTranslations as d } from "../../../composables/useTranslations.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
 import { InChips as c } from "@useinsider/design-system-vue";
-import l from "./EditorActions.vue.js";
-import _ from "./version-history/RestoreButton.vue.js";
-const q = /* @__PURE__ */ m({
+import _ from "./AutoSaveToggle.vue.js";
+import S from "./EditorActions.vue.js";
+import g from "./version-history/RestoreButton.vue.js";
+const T = /* @__PURE__ */ a({
   __name: "RightSlot",
-  setup(S, { expose: e }) {
-    const { isFeatureEnabled: o } = p(), r = u(), n = d(), t = a(null), i = f(() => o("liquidSyntax"));
-    return e({
-      handleSave: (s) => t.value?.handleSave(s)
-    }), { __sfc: !0, isFeatureEnabled: o, trans: r, editorStore: n, editorActionsRef: t, isLiquidEnabled: i, InChips: c, EditorActions: l, RestoreButton: _ };
+  setup(h, { expose: r }) {
+    const { isFeatureEnabled: o } = u(), i = d(), n = l(), t = f(null), s = p(() => o("liquidSyntax"));
+    return r({
+      handleSave: (m) => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.handleSave(m);
+      }
+    }), { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: n, editorActionsRef: t, isLiquidEnabled: s, InChips: c, AutoSaveToggle: _, EditorActions: S, RestoreButton: g };
   }
 });
 export {
-  q as default
+  T as default
 };

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

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

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

@@ -1,35 +1,57 @@
-import { defineComponent as c, computed as t, watch as p } from "vue";
-import { useTranslations as m } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as g } from "../../../stores/onboarding.js";
-import { InOnboard as u } from "@useinsider/design-system-vue";
-const k = /* @__PURE__ */ c({
+import { defineComponent as u, computed as d, watch as b, nextTick as f } from "vue";
+import { useTranslations as C } from "../../../composables/useTranslations.js";
+import { HEADER_SELECTOR as O, AMP_TOGGLE_BUTTON_SELECTOR as _, AMP_TOGGLE_WRAPPER_SELECTOR as T, POPOVER_LEFT_OFFSET as g, POPOVER_TOP_GAP as E } from "../../../enums/onboarding.js";
+import { useOnboardingStore as x } from "../../../stores/onboarding.js";
+import { InOnboard as P } from "@useinsider/design-system-vue";
+const G = /* @__PURE__ */ u({
   __name: "AMPOnboarding",
-  setup(b) {
-    const o = m(), n = g(), i = t(() => `${window.innerWidth / 2 - 110}px`), e = t(() => [
-      {
-        classes: "guido-amp-onboarding",
-        left: i.value,
-        top: "70px",
-        position: "Top Center",
-        title: o("email-editor.onboarding-amp-title"),
-        description: o("email-editor.onboarding-amp-description"),
-        imageSource: "",
-        backButtonClick: () => {
-        },
-        nextButtonType: "text",
-        nextButtonText: o("action-builder.ok"),
-        nextButtonClick: () => void n.close("ampOnboarding")
-      }
-    ]), r = t(() => n.onboardings.ampOnboarding.config.length > 0 && n.onboardings.ampOnboarding.isActive), a = () => {
-      n.getAmpCurrentCard?.nextButtonClick?.();
-    }, d = () => {
-      n.getAmpCurrentCard?.backButtonClick?.();
+  setup(R) {
+    const e = C(), o = x(), r = () => {
+      const t = document.querySelector(O), n = document.querySelector(_), c = n == null ? void 0 : n.closest(T);
+      if (!c || !t)
+        return {
+          left: `${((t == null ? void 0 : t.offsetWidth) ?? window.innerWidth) / 2 - g}px`,
+          top: "68px"
+        };
+      const s = t.getBoundingClientRect(), i = c.getBoundingClientRect();
+      return {
+        left: `${i.left - s.left + i.width / 2 - g}px`,
+        top: `${i.bottom - s.top + E}px`
+      };
+    }, a = d(() => {
+      const { left: t, top: n } = r();
+      return [
+        {
+          classes: "guido-amp-onboarding",
+          left: t,
+          top: n,
+          position: "Top Center",
+          title: e("email-editor.onboarding-amp-title"),
+          description: e("email-editor.onboarding-amp-description"),
+          imageSource: "",
+          backButtonClick: () => {
+          },
+          nextButtonType: "text",
+          nextButtonText: e("action-builder.ok"),
+          nextButtonClick: () => void o.close("ampOnboarding")
+        }
+      ];
+    }), l = d(() => o.onboardings.ampOnboarding.config.length > 0 && o.onboardings.ampOnboarding.isActive), p = () => {
+      var t, n;
+      (n = (t = o.getAmpCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
+    }, m = () => {
+      var t, n;
+      (n = (t = o.getAmpCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
     };
-    return p(() => n.onboardings.ampOnboarding.isActive, (s) => {
-      s && n.setConfig("ampOnboarding", e.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: o, onboardingStore: n, centerLeft: i, onboardingCardsConfig: e, isVisible: r, handleNext: a, handleBack: d, InOnboard: u };
+    return b(
+      () => o.onboardings.ampOnboarding.isActive,
+      async (t) => {
+        t && (await f(), o.setConfig("ampOnboarding", a.value));
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, trans: e, onboardingStore: o, getTogglePosition: r, onboardingCardsConfig: a, isVisible: l, handleNext: p, handleBack: m, InOnboard: P };
   }
 });
 export {
-  k as default
+  G as default
 };

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

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

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

@@ -1,32 +1,34 @@
-import { defineComponent as u, computed as n, watch as l } from "vue";
-import { useTranslations as b } from "../../../composables/useTranslations.js";
-import { SERVICE_HOVER_SELECTORS as x } from "../../../enums/onboarding.js";
-import { useOnboardingStore as m } from "../../../stores/onboarding.js";
-import { InOnboard as k } from "@useinsider/design-system-vue";
-const h = /* @__PURE__ */ u({
+import { defineComponent as l, computed as r, watch as m } from "vue";
+import { useRibbonOffset as x } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as f } from "../../../composables/useTranslations.js";
+import { SERVICE_HOVER_SELECTORS as k } from "../../../enums/onboarding.js";
+import { useOnboardingStore as B } from "../../../stores/onboarding.js";
+import { InOnboard as C } from "@useinsider/design-system-vue";
+const y = /* @__PURE__ */ l({
   __name: "GenericOnboarding",
-  setup(f) {
-    const t = b(), e = m(), i = n(() => `${window.innerWidth / 2 - 160}px`), r = () => {
-      const o = document.querySelector("ui-editor");
-      o?.shadowRoot && x.forEach((p) => {
-        const s = o.shadowRoot?.querySelector(p);
-        s && s.classList.add("hover");
+  setup(T) {
+    const e = f(), o = B(), { getTopPosition: i } = x(), s = r(() => `${window.innerWidth / 2 - 146}px`), c = () => {
+      const t = document.querySelector("ui-editor");
+      t != null && t.shadowRoot && k.forEach((n) => {
+        var g;
+        const d = (g = t.shadowRoot) == null ? void 0 : g.querySelector(n);
+        d && d.classList.add("hover");
       });
-    }, c = n(() => [
+    }, a = r(() => [
       {
         classes: "guido-onboarding-blocks",
         left: "90px",
-        top: "90px",
+        top: i(90),
         position: "Left Top",
-        title: t("email-editor.onboarding-blocks-title"),
-        description: t("email-editor.onboarding-blocks-description"),
+        title: e("email-editor.onboarding-blocks-title"),
+        description: e("email-editor.onboarding-blocks-description"),
         imageSource: "",
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: t("products.next"),
+        nextButtonText: e("products.next"),
         nextButtonClick: () => {
-          r(), e.next("genericOnboarding");
+          c(), o.next("genericOnboarding");
         }
       },
       {
@@ -34,47 +36,49 @@ const h = /* @__PURE__ */ u({
         right: "426px",
         bottom: "38px",
         position: "Right Bottom",
-        title: t("email-editor.onboarding-stripes-title"),
-        description: t("email-editor.onboarding-stripes-description"),
+        title: e("email-editor.onboarding-stripes-title"),
+        description: e("email-editor.onboarding-stripes-description"),
         imageSource: "",
         backButtonType: "text",
-        backButtonText: t("ds-steps.back"),
+        backButtonText: e("ds-steps.back"),
         backButtonClick: () => {
-          e.previous("genericOnboarding");
+          o.previous("genericOnboarding");
         },
         nextButtonType: "text",
-        nextButtonText: t("products.next"),
+        nextButtonText: e("products.next"),
         nextButtonClick: () => {
-          e.next("genericOnboarding");
+          o.next("genericOnboarding");
         }
       },
       {
         classes: "guido-onboarding-preview",
-        left: i.value,
-        top: "90px",
+        left: s.value,
+        top: i(68),
         position: "Top Center",
-        title: t("email-editor.onboarding-preview-title"),
-        description: t("email-editor.onboarding-preview-description"),
+        title: e("email-editor.onboarding-preview-title"),
+        description: e("email-editor.onboarding-preview-description"),
         imageSource: "",
         backButtonType: "text",
-        backButtonText: t("ds-steps.back"),
-        backButtonClick: () => e.previous("genericOnboarding"),
+        backButtonText: e("ds-steps.back"),
+        backButtonClick: () => o.previous("genericOnboarding"),
         nextButtonType: "text",
-        nextButtonText: t("action-builder.ok"),
+        nextButtonText: e("action-builder.ok"),
         nextButtonClick: () => {
-          e.close("genericOnboarding");
+          o.close("genericOnboarding");
         }
       }
-    ]), a = n(() => e.onboardings.genericOnboarding.config.length > 0 && e.onboardings.genericOnboarding.isActive), d = () => {
-      e.getGenericCurrentCard?.nextButtonClick?.();
-    }, g = () => {
-      e.getGenericCurrentCard?.backButtonClick?.();
+    ]), p = r(() => o.onboardings.genericOnboarding.config.length > 0 && o.onboardings.genericOnboarding.isActive), u = () => {
+      var t, n;
+      (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
+    }, b = () => {
+      var t, n;
+      (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
     };
-    return l(() => e.onboardings.genericOnboarding.isActive, (o) => {
-      o && e.setConfig("genericOnboarding", c.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: t, onboardingStore: e, centerLeft: i, addHoverToServiceElements: r, onboardingCardsConfig: c, isVisible: a, handleNext: d, handleBack: g, InOnboard: k };
+    return m(() => o.onboardings.genericOnboarding.isActive, (t) => {
+      t && o.setConfig("genericOnboarding", a.value);
+    }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, getTopPosition: i, centerLeft: s, addHoverToServiceElements: c, onboardingCardsConfig: a, isVisible: p, handleNext: u, handleBack: b, InOnboard: C };
   }
 });
 export {
-  h as default
+  y as default
 };

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

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

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

@@ -1,94 +1,97 @@
-import { defineComponent as l, computed as a, watch as u } from "vue";
+import { defineComponent as b, computed as d, watch as m } from "vue";
+import { useRibbonOffset as l } from "../../../composables/useRibbonOffset.js";
 import { useTranslations as x } from "../../../composables/useTranslations.js";
-import { RIBBON_SELECTOR as T, UI_EDITOR_SELECTOR as O, CARD_COMPOSITION_TAB_SELECTOR as B, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
-import { useOnboardingStore as C } from "../../../stores/onboarding.js";
-import { InOnboard as k } from "@useinsider/design-system-vue";
-const y = /* @__PURE__ */ l({
+import { UI_EDITOR_SELECTOR as T, CARD_COMPOSITION_TAB_SELECTOR as O, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
+import { useOnboardingStore as k } from "../../../stores/onboarding.js";
+import { InOnboard as B } from "@useinsider/design-system-vue";
+const E = /* @__PURE__ */ b({
   __name: "ItemsOnboarding",
-  setup(_) {
-    const o = x(), t = C(), c = a(() => document.querySelector(T)?.offsetHeight ?? 0), e = (i) => `${i + c.value}px`, s = (i) => {
-      const n = document.querySelector(O);
-      if (!n?.shadowRoot)
+  setup(C) {
+    const i = x(), o = k(), { getTopPosition: n } = l(), r = (t) => {
+      const e = document.querySelector(T);
+      if (!(e != null && e.shadowRoot))
         return;
-      const { shadowRoot: r } = n, m = r.querySelector(i);
-      m && m.click();
-    }, d = a(() => [
+      const { shadowRoot: s } = e, c = s.querySelector(t);
+      c && c.click();
+    }, a = d(() => [
       {
         classes: "guido-items-onboarding-card-1",
         right: "426px",
-        top: e(90),
+        top: n(90),
         position: "Right Top",
-        title: o("email-editor.onboarding-items-title"),
-        description: o("email-editor.onboarding-items-description"),
+        title: i("email-editor.onboarding-items-title"),
+        description: i("email-editor.onboarding-items-description"),
         imageSource: "",
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: o("products.next"),
+        nextButtonText: i("products.next"),
         nextButtonClick: () => {
-          t.next("itemsOnboarding");
+          o.next("itemsOnboarding");
         }
       },
       {
         classes: "guido-items-onboarding-card-2",
         right: "426px",
-        top: e(218),
+        top: n(218),
         position: "Right Top",
-        title: o("email-editor.onboarding-items-item-type-title"),
-        description: o("email-editor.onboarding-items-item-type-description"),
+        title: i("email-editor.onboarding-items-item-type-title"),
+        description: i("email-editor.onboarding-items-item-type-description"),
         imageSource: "",
         backButtonType: "text",
-        backButtonText: o("ds-steps.back"),
+        backButtonText: i("ds-steps.back"),
         backButtonClick: () => {
-          t.previous("itemsOnboarding");
+          o.previous("itemsOnboarding");
         },
         nextButtonType: "text",
-        nextButtonText: o("products.next"),
+        nextButtonText: i("products.next"),
         nextButtonClick: () => {
-          t.next("itemsOnboarding");
+          o.next("itemsOnboarding");
         }
       },
       {
         classes: "guido-items-onboarding-card-3",
         right: "426px",
-        top: e(140),
+        top: n(140),
         position: "Right Top",
-        title: o("email-editor.onboarding-items-composition-title"),
-        description: o("email-editor.onboarding-items-composition-description"),
+        title: i("email-editor.onboarding-items-composition-title"),
+        description: i("email-editor.onboarding-items-composition-description"),
         imageSource: "",
         backButtonType: "text",
-        backButtonText: o("ds-steps.back"),
+        backButtonText: i("ds-steps.back"),
         backButtonClick: () => {
-          t.previous("itemsOnboarding");
+          o.previous("itemsOnboarding");
         },
         nextButtonType: "text",
-        nextButtonText: o("action-builder.ok"),
+        nextButtonText: i("action-builder.ok"),
         nextButtonClick: () => {
-          t.close("itemsOnboarding");
+          o.close("itemsOnboarding");
         }
       }
-    ]), b = a(() => t.onboardings.itemsOnboarding.config.length > 0 && t.onboardings.itemsOnboarding.isActive), g = () => {
-      t.getItemsCurrentCard?.nextButtonClick?.();
-    }, p = () => {
-      t.getItemsCurrentCard?.backButtonClick?.();
+    ]), g = d(() => o.onboardings.itemsOnboarding.config.length > 0 && o.onboardings.itemsOnboarding.isActive), p = () => {
+      var t, e;
+      (e = (t = o.getItemsCurrentCard) == null ? void 0 : t.nextButtonClick) == null || e.call(t);
+    }, u = () => {
+      var t, e;
+      (e = (t = o.getItemsCurrentCard) == null ? void 0 : t.backButtonClick) == null || e.call(t);
     };
-    return u(
-      () => t.isActive("itemsOnboarding"),
-      (i) => {
-        i && t.setConfig("itemsOnboarding", d.value);
+    return m(
+      () => o.isActive("itemsOnboarding"),
+      (t) => {
+        t && o.setConfig("itemsOnboarding", a.value);
       },
       { immediate: !0 }
-    ), u(
-      () => t.onboardings.itemsOnboarding.cardIndex,
-      (i, n) => {
-        if (!t.isActive("itemsOnboarding"))
+    ), m(
+      () => o.onboardings.itemsOnboarding.cardIndex,
+      (t, e) => {
+        if (!o.isActive("itemsOnboarding"))
           return;
-        const r = `${n}-${i}`;
-        r === "1-2" && s(B), r === "2-1" && s(f);
+        const s = `${e}-${t}`;
+        s === "1-2" && r(O), s === "2-1" && r(f);
       }
-    ), { __sfc: !0, trans: o, onboardingStore: t, ribbonOffset: c, getTopPosition: e, switchTab: s, onboardingCardsConfig: d, isVisible: b, handleNext: g, handleBack: p, InOnboard: k };
+    ), { __sfc: !0, trans: i, onboardingStore: o, getTopPosition: n, switchTab: r, onboardingCardsConfig: a, isVisible: g, handleNext: p, handleBack: u, InOnboard: B };
   }
 });
 export {
-  y as default
+  E as default
 };

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

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