@useinsider/guido 3.27.0-beta.3e42e7a → 3.27.0

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var s = function() {
   t,
   !1,
   null,
-  "ed74fdf8"
+  "8fc59697"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as ge, defineAsyncComponent as a, ref as W, computed as l, watch as G, onMounted as be, onUnmounted as ve } from "vue";
+import { defineComponent as ye, defineAsyncComponent as a, ref as W, computed as l, watch as G, onMounted as be, onUnmounted as ve } from "vue";
 import { useCortexBlueprintBridge as Se } from "../composables/useCortexBlueprintBridge.js";
 import { useEditorLock as he } from "../composables/useEditorLock.js";
 import { startEditorOpenMetrics as Ee } from "../composables/useEditorOpenMetrics.js";
@@ -9,12 +9,12 @@ import { useSaveValidationRollout as Te } from "../composables/useSaveValidation
 import { useStripo as ke } from "../composables/useStripo.js";
 import { useTimerClone as Fe } from "../composables/useTimerClone.js";
 import { useToaster as Ie } from "../composables/useToaster.js";
-import { useTranslations as Me } from "../composables/useTranslations.js";
-import { migrate as Re } from "../config/migrator/index.js";
+import { useTranslations as Le } from "../composables/useTranslations.js";
+import { migrate as Me } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as $ } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as Le } from "../enums/onboarding.js";
-import { ToasterTypeOptions as Ue } from "../enums/toaster.js";
-import { useRecommendationExtensionStore as z, disposeStrategyPageReturnListeners as Oe } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { RIBBON_SELECTOR as Re } from "../enums/onboarding.js";
+import { ToasterTypeOptions as Oe } from "../enums/toaster.js";
+import { useRecommendationExtensionStore as z, disposeStrategyPageReturnListeners as Ue } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { disposeUnsubscribeListeners as Ne } from "../extensions/Blocks/Unsubscribe/block.js";
 import { disposeDisplayConditionRequest as _e } from "../extensions/DisplayConditions/bridge.js";
 import Ae from "./organisms/AutoSaveController.vue.js";
@@ -30,19 +30,20 @@ import { useStripoApi as ze } from "../services/stripoApi.js";
 import { useConfigStore as qe } from "../stores/config.js";
 import { useDynamicContentStore as Ke } from "../stores/dynamic-content.js";
 import { useEditorStore as C } from "../stores/editor.js";
-import { usePreviewStore as je } from "../stores/preview.js";
-import { useSaveValidationStore as Je } from "../stores/save-validation.js";
-import { useTemplateStore as Qe } from "../stores/template.js";
-import { useUnsubscribeStore as Xe } from "../stores/unsubscribe.js";
+import { useOnboardingStore as je } from "../stores/onboarding.js";
+import { usePreviewStore as Je } from "../stores/preview.js";
+import { useSaveValidationStore as Qe } from "../stores/save-validation.js";
+import { useTemplateStore as Xe } from "../stores/template.js";
+import { useUnsubscribeStore as Ye } from "../stores/unsubscribe.js";
 import { readTrackFloor as q } from "../utils/linkTrackingIds.js";
-const _t = /* @__PURE__ */ ge({
+const Pt = /* @__PURE__ */ ye({
   __name: "Guido",
   props: {
     config: null,
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(K, { expose: j, emit: s }) {
+  setup(K, { expose: j, emit: i }) {
     const c = K, r = Ee(), J = a(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), Q = a(
@@ -57,19 +58,19 @@ const _t = /* @__PURE__ */ ge({
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
     ), te = a(
       () => import("./organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js")
-    ), y = W(), g = Ke(), w = Xe(), o = qe();
+    ), g = W(), y = Ke(), w = Ye(), o = qe();
     c.ready && o.init(c.config);
-    const d = C(), oe = je(), p = l(() => d.hasChanges), { isTestPartner: ne } = we(), { isEnabled: re, loadRollout: T } = Te(), { showToaster: k } = Ie(), F = Me(), I = () => {
+    const d = C(), oe = Je(), p = l(() => d.hasChanges), { isTestPartner: ne } = we(), { isEnabled: re, loadRollout: T } = Te(), { showToaster: k } = Ie(), F = Le(), I = () => {
       var t;
       if (d.isVersionHistoryOpen) {
         console.debug("guido:save:silent:blocked", { isVersionHistoryOpen: !0 }), k({
-          type: Ue.Warning,
+          type: Oe.Warning,
           message: F("email-editor.save-blocked-outside-editor")
         });
         return;
       }
       return (t = D.value) == null ? void 0 : t.saveSilent();
-    }, M = (t) => {
+    }, L = (t) => {
       d.loadingStatus = t;
     };
     Se(), De();
@@ -83,48 +84,48 @@ const _t = /* @__PURE__ */ ge({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || $.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
       };
-    }, { initPlugin: R, preloadRuntime: L } = ke(r), { runExclusive: U, beginMount: O, isCurrentMount: v } = he();
+    }, { initPlugin: M, preloadRuntime: R } = ke(r), { runExclusive: O, beginMount: U, isCurrentMount: v } = he();
     let f = 0;
-    const { getDefaultTemplate: N } = ze(), { cloneTimersOnSave: _, hasTimerBlocks: A } = Fe(), se = l(() => {
+    const { getDefaultTemplate: N } = ze(), { cloneTimersOnSave: _, hasTimerBlocks: A } = Fe(), ie = l(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), ie = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ae = l(() => o.externalDisplayConditions), ce = l(
+    }), se = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ae = l(() => o.externalDisplayConditions), ce = l(
       () => o.isFeatureEnabled("legacyUnsubscribeConversion")
     ), de = l(
       () => !!z().recommendationConfigs.strategyId
     );
     Ce({
       onBack: () => {
-        console.debug("guido:back"), s("back");
+        console.debug("guido:back"), i("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), s("save:start");
+        console.debug("guido:save:start"), i("save:start");
       },
       onSaveComplete: (t) => {
         const e = { ...t, metadata: b() };
-        console.debug("guido:save:complete", e), s("save:complete", e);
+        console.debug("guido:save:complete", e), i("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), s("test-email:click");
+        console.debug("guido:test-email:click"), i("test-email:click");
       }
     });
     const P = (t) => {
-      console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
     }, x = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     G(() => p.value, () => {
-      s("on-change", p.value);
+      i("on-change", p.value);
     });
     const S = (t) => {
-      const e = t, { attribute: i, position: u } = e.detail;
-      console.debug("dynamic-content:open", e.detail), s("dynamic-content:open", i, u);
+      const e = t, { attribute: s, position: u } = e.detail;
+      console.debug("dynamic-content:open", e.detail), i("dynamic-content:open", s, u);
     };
     let m = null;
     const h = () => {
       var e;
-      const t = document.querySelector(Le);
-      (e = y.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      const t = document.querySelector(Re);
+      (e = g.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, E = async () => {
       var t;
       r.mark("host_ready");
@@ -135,7 +136,7 @@ const _t = /* @__PURE__ */ ge({
           templateId: o.templateId,
           variationId: o.variationId
         });
-        const e = o.template, i = (e == null ? void 0 : e.html) || "", u = (e == null ? void 0 : e.css) || "", B = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", u = (e == null ? void 0 : e.css) || "", B = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
         const me = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, H = o.isFeatureEnabled("linkTrackingIds"), le = {
           partnerName: o.partnerName,
@@ -143,12 +144,12 @@ const _t = /* @__PURE__ */ ge({
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
         }, ue = {
           itemsPriceFormatting: o.isFeatureEnabled("itemsPriceFormatting")
-        }, V = (ye) => r.timed(
+        }, V = (ge) => r.timed(
           "migration",
-          () => Re(ye, me, le, ue)
+          () => Me(ge, me, le, ue)
         );
         let n = {
-          html: i && await V(i),
+          html: s && await V(s),
           css: u
         };
         n.html || (n = await r.timed("default_template", () => N()), n.html = await V(n.html));
@@ -157,28 +158,28 @@ const _t = /* @__PURE__ */ ge({
         const fe = {
           preselectedDynamicContentList: B,
           onReady: () => {
-            console.debug("guido:ready"), s("ready");
+            console.debug("guido:ready"), i("ready");
           }
         };
-        f = O(), await R(n, b(), fe, n.html !== i), g.selectedDynamicContentList = B;
+        f = U(), await M(n, b(), fe, n.html !== s), y.selectedDynamicContentList = B;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e), r.markFailed();
       }
     };
     return be(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), C().$reset(), Qe().$reset(), Je().$reset(), T(), h();
-      const t = (e = y.value) == null ? void 0 : e.parentElement;
-      if (t && (m = new ResizeObserver(h), m.observe(t)), L(), c.ready)
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), C().$reset(), Xe().$reset(), Qe().$reset(), je().resetOnboarding("recommendationLegacyStrategyOnboarding"), T(), h();
+      const t = (e = g.value) == null ? void 0 : e.parentElement;
+      if (t && (m = new ResizeObserver(h), m.observe(t)), R(), c.ready)
         await E();
       else {
-        const i = G(() => c.ready, (u) => {
-          u && (i(), E());
+        const s = G(() => c.ready, (u) => {
+          u && (s(), E());
         });
       }
       document.addEventListener("dynamic-content:open", S);
     }), ve(() => {
-      if (Ne(), Oe(), r.dispose(), m == null || m.disconnect(), document.removeEventListener("dynamic-content:open", S), v(f)) {
+      if (Ne(), Ue(), r.dispose(), m == null || m.disconnect(), document.removeEventListener("dynamic-content:open", S), v(f)) {
         _e();
         try {
           const t = C();
@@ -187,7 +188,7 @@ const _t = /* @__PURE__ */ ge({
           console.debug("Failed to close the editor readiness gate on unmount", t);
         }
       }
-      U(async () => {
+      O(async () => {
         if (v(f))
           try {
             window.UIEditor.removeEditor();
@@ -202,10 +203,10 @@ const _t = /* @__PURE__ */ ge({
       },
       hasChanges: p,
       saveSilent: I,
-      setLoading: M
-    }), { __sfc: !0, openMetrics: r, PreviewContainer: J, OnboardingWrapper: Q, AssignStrategyDrawer: X, RemoveStrategyModal: Y, DisplayConditionsHost: Z, autoSaveControllerRef: D, LegacyStrategyUpdatedModal: ee, LegacyUnsubscribeConvertedModal: te, wrapperRef: y, dynamicContentStore: g, unsubscribeStore: w, props: c, configStore: o, editorStore: d, previewStore: oe, hasChanges: p, isTestPartner: ne, isSaveValidationEnabled: re, loadRollout: T, showToaster: k, trans: F, saveSilent: I, setLoading: M, emit: s, buildMetadata: b, initPlugin: R, preloadRuntime: L, runExclusive: U, beginMount: O, isCurrentMount: v, mountGeneration: f, getDefaultTemplate: N, cloneTimersOnSave: _, hasTimerBlocks: A, noHeader: se, isRrsEnabled: ie, isExternalDisplayConditionsEnabled: ae, isLegacyUnsubscribeConversionEnabled: ce, hasAssignedStrategy: de, insertDynamicContent: P, closeDynamicContent: x, handleDynamicContentOpen: S, ribbonObserver: m, updateRibbonOffset: h, startEditor: E, AutoSaveController: Ae, AuthErrorModal: Pe, Toaster: xe, FilterSelectionDrawer: Be, HeaderWrapper: He, LoadingWrapper: Ve, SaveAsTemplateDrawer: We, UnsubscribeWrapper: Ge, ValidationErrorDrawer: $e };
+      setLoading: L
+    }), { __sfc: !0, openMetrics: r, PreviewContainer: J, OnboardingWrapper: Q, AssignStrategyDrawer: X, RemoveStrategyModal: Y, DisplayConditionsHost: Z, autoSaveControllerRef: D, LegacyStrategyUpdatedModal: ee, LegacyUnsubscribeConvertedModal: te, wrapperRef: g, dynamicContentStore: y, unsubscribeStore: w, props: c, configStore: o, editorStore: d, previewStore: oe, hasChanges: p, isTestPartner: ne, isSaveValidationEnabled: re, loadRollout: T, showToaster: k, trans: F, saveSilent: I, setLoading: L, emit: i, buildMetadata: b, initPlugin: M, preloadRuntime: R, runExclusive: O, beginMount: U, isCurrentMount: v, mountGeneration: f, getDefaultTemplate: N, cloneTimersOnSave: _, hasTimerBlocks: A, noHeader: ie, isRrsEnabled: se, isExternalDisplayConditionsEnabled: ae, isLegacyUnsubscribeConversionEnabled: ce, hasAssignedStrategy: de, insertDynamicContent: P, closeDynamicContent: x, handleDynamicContentOpen: S, ribbonObserver: m, updateRibbonOffset: h, startEditor: E, AutoSaveController: Ae, AuthErrorModal: Pe, Toaster: xe, FilterSelectionDrawer: Be, HeaderWrapper: He, LoadingWrapper: Ve, SaveAsTemplateDrawer: We, UnsubscribeWrapper: Ge, ValidationErrorDrawer: $e };
   }
 });
 export {
-  _t as default
+  Pt as default
 };

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

@@ -1,19 +1,19 @@
-import c from "./GenericOnboarding.vue2.js";
+import d from "./GenericOnboarding.vue2.js";
 /* empty css                       */
 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) {
+  var o = this, c = o._self._c, e = o._self._setupProxy;
+  return e.isVisible ? c(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();
 }, p = [], _ = /* @__PURE__ */ g(
-  c,
+  d,
   l,
   p,
   !1,
   null,
-  "f16f20f8"
+  "fcba7e99"
 );
 const S = _.exports;
 export {

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

@@ -1,17 +1,17 @@
-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 { defineComponent as u, computed as r, watch as l } from "vue";
+import { useRibbonOffset as m } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { SERVICE_HOVER_SELECTORS as f } from "../../../enums/onboarding.js";
+import { useOnboardingStore as k } from "../../../stores/onboarding.js";
+import { findEditorShadowRoot as B } from "../../../utils/editorShadowRoot.js";
 import { InOnboard as C } from "@useinsider/design-system-vue";
-const y = /* @__PURE__ */ l({
+const R = /* @__PURE__ */ u({
   __name: "GenericOnboarding",
   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);
+    const e = x(), o = k(), { getTopPosition: i } = m(), s = r(() => `${window.innerWidth / 2 - 146}px`), c = () => {
+      const t = B();
+      t && f.forEach((n) => {
+        const d = t.querySelector(n);
         d && d.classList.add("hover");
       });
     }, a = r(() => [
@@ -67,18 +67,18 @@ const y = /* @__PURE__ */ l({
           o.close("genericOnboarding");
         }
       }
-    ]), p = r(() => o.onboardings.genericOnboarding.config.length > 0 && o.onboardings.genericOnboarding.isActive), u = () => {
+    ]), g = r(() => o.onboardings.genericOnboarding.config.length > 0 && o.onboardings.genericOnboarding.isActive), p = () => {
       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 m(() => o.onboardings.genericOnboarding.isActive, (t) => {
+    return l(() => 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 };
+    }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, getTopPosition: i, centerLeft: s, addHoverToServiceElements: c, onboardingCardsConfig: a, isVisible: g, handleNext: p, handleBack: b, InOnboard: C };
   }
 });
 export {
-  y as default
+  R as default
 };

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

@@ -1,21 +1,21 @@
 import g from "./ItemsOnboarding.vue2.js";
 /* empty css                     */
 import m from "../../../_virtual/_plugin-vue2_normalizer.js";
-var c = function() {
+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(_) {
+  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();
-}, l = [], b = /* @__PURE__ */ m(
+}, c = [], p = /* @__PURE__ */ m(
   g,
-  c,
   l,
+  c,
   !1,
   null,
-  "bb3cca55"
+  "1a34025a"
 );
-const I = b.exports;
+const I = p.exports;
 export {
   I as default
 };

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

@@ -1,23 +1,24 @@
-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 { 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 { defineComponent as b, computed as d, watch as c } from "vue";
+import { useRibbonOffset as u } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as l } from "../../../composables/useTranslations.js";
+import { CARD_COMPOSITION_TAB_SELECTOR as x, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
+import { useOnboardingStore as T } from "../../../stores/onboarding.js";
+import { findEditorShadowRoot as k } from "../../../utils/editorShadowRoot.js";
 import { InOnboard as B } from "@useinsider/design-system-vue";
-const E = /* @__PURE__ */ b({
+const v = /* @__PURE__ */ b({
   __name: "ItemsOnboarding",
   setup(C) {
-    const i = x(), o = k(), { getTopPosition: n } = l(), r = (t) => {
-      const e = document.querySelector(T);
-      if (!(e != null && e.shadowRoot))
+    const i = l(), o = T(), { getTopPosition: r } = u(), s = (t) => {
+      const n = k();
+      if (!n)
         return;
-      const { shadowRoot: s } = e, c = s.querySelector(t);
-      c && c.click();
+      const e = n.querySelector(t);
+      e && e.click();
     }, a = d(() => [
       {
         classes: "guido-items-onboarding-card-1",
         right: "426px",
-        top: n(90),
+        top: r(90),
         position: "Right Top",
         title: i("email-editor.onboarding-items-title"),
         description: i("email-editor.onboarding-items-description"),
@@ -33,7 +34,7 @@ const E = /* @__PURE__ */ b({
       {
         classes: "guido-items-onboarding-card-2",
         right: "426px",
-        top: n(218),
+        top: r(218),
         position: "Right Top",
         title: i("email-editor.onboarding-items-item-type-title"),
         description: i("email-editor.onboarding-items-item-type-description"),
@@ -52,7 +53,7 @@ const E = /* @__PURE__ */ b({
       {
         classes: "guido-items-onboarding-card-3",
         right: "426px",
-        top: n(140),
+        top: r(140),
         position: "Right Top",
         title: i("email-editor.onboarding-items-composition-title"),
         description: i("email-editor.onboarding-items-composition-description"),
@@ -68,30 +69,30 @@ const E = /* @__PURE__ */ b({
           o.close("itemsOnboarding");
         }
       }
-    ]), 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);
+    ]), m = d(() => o.onboardings.itemsOnboarding.config.length > 0 && o.onboardings.itemsOnboarding.isActive), p = () => {
+      var t, n;
+      (n = (t = o.getItemsCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
+    }, g = () => {
+      var t, n;
+      (n = (t = o.getItemsCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
     };
-    return m(
+    return c(
       () => o.isActive("itemsOnboarding"),
       (t) => {
         t && o.setConfig("itemsOnboarding", a.value);
       },
       { immediate: !0 }
-    ), m(
+    ), c(
       () => o.onboardings.itemsOnboarding.cardIndex,
-      (t, e) => {
+      (t, n) => {
         if (!o.isActive("itemsOnboarding"))
           return;
-        const s = `${e}-${t}`;
-        s === "1-2" && r(O), s === "2-1" && r(f);
+        const e = `${n}-${t}`;
+        e === "1-2" && s(x), e === "2-1" && s(f);
       }
-    ), { __sfc: !0, trans: i, onboardingStore: o, getTopPosition: n, switchTab: r, onboardingCardsConfig: a, isVisible: g, handleNext: p, handleBack: u, InOnboard: B };
+    ), { __sfc: !0, trans: i, onboardingStore: o, getTopPosition: r, switchTab: s, onboardingCardsConfig: a, isVisible: m, handleNext: p, handleBack: g, InOnboard: B };
   }
 });
 export {
-  E as default
+  v as default
 };

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

@@ -13,9 +13,9 @@ var d = function() {
   m,
   !1,
   null,
-  "19d8cb42"
+  "8fc96a58"
 );
-const f = l.exports;
+const b = l.exports;
 export {
-  f as default
+  b as default
 };

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

@@ -1,46 +1,61 @@
-import { defineComponent as d, computed as g, watch as l } from "vue";
-import { useRibbonOffset as b } from "../../../composables/useRibbonOffset.js";
-import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as u } from "../../../enums/academy.js";
-import { useOnboardingStore as y } from "../../../stores/onboarding.js";
-import { InOnboard as f } from "@useinsider/design-system-vue";
-const A = /* @__PURE__ */ d({
+import { defineComponent as E, computed as _, onMounted as L, onBeforeUnmount as O } from "vue";
+import { useRibbonOffset as S } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as C } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as h } from "../../../enums/academy.js";
+import { useOnboardingStore as k } from "../../../stores/onboarding.js";
+import { findEditorShadowRoot as v } from "../../../utils/editorShadowRoot.js";
+import { InOnboard as B } from "@useinsider/design-system-vue";
+const F = /* @__PURE__ */ E({
   __name: "RecommendationLegacyStrategyOnboarding",
-  setup(O) {
-    const n = "recommendationLegacyStrategyOnboarding", o = p(), t = y(), { getTopPosition: i } = b(), r = `<a href="${u.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${o("action-builder.visit-academy")}</a>`, a = () => [
+  setup(T) {
+    const a = "recommendationLegacyStrategyOnboarding", l = "#guido__btn-update-legacy-strategy", i = C(), t = k(), { getTopPosition: m } = S(), u = `<a href="${h.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${i("action-builder.visit-academy")}</a>`, g = () => [
       {
         classes: "guido-recommendation-legacy-strategy-onboarding",
         right: "40px",
-        top: i(485),
+        top: m(500),
         position: "Top Right",
-        title: o("email-editor.onboarding-recommendation-strategy-legacy-title"),
-        description: o("email-editor.onboarding-recommendation-strategy-legacy-description", {
-          academyLink: r
+        title: i("email-editor.onboarding-recommendation-strategy-legacy-title"),
+        description: i("email-editor.onboarding-recommendation-strategy-legacy-description", {
+          academyLink: u
         }),
         imageSource: "",
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: o("action-builder.ok"),
+        nextButtonText: i("action-builder.ok"),
         nextButtonClick: () => {
-          t.close(n);
+          t.close(a);
         }
       }
-    ], s = g(
+    ], y = _(
       () => t.onboardings.recommendationLegacyStrategyOnboarding.config.length > 0 && t.onboardings.recommendationLegacyStrategyOnboarding.isActive
-    ), m = () => {
-      var e, c;
-      (c = (e = t.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : e.nextButtonClick) == null || c.call(e);
+    ), b = () => {
+      var n, o;
+      (o = (n = t.getRecommendationLegacyStrategyCurrentCard) == null ? void 0 : n.nextButtonClick) == null || o.call(n);
     };
-    return l(
-      () => t.isActive(n),
-      (e) => {
-        e && t.setConfig(n, a());
-      },
-      { immediate: !0 }
-    ), { __sfc: !0, ONBOARDING_TYPE: n, trans: o, onboardingStore: t, getTopPosition: i, academyLink: r, buildOnboardingCards: a, isVisible: s, handleNext: m, InOnboard: f };
+    let e = null;
+    const s = ({ target: n }) => {
+      n instanceof Element && n.closest("ue-control-panel") && t.closeForSession(a);
+    };
+    let r = null;
+    const d = (n) => {
+      var o;
+      return !!((o = n.querySelector(l)) != null && o.getClientRects().length);
+    }, c = ({ target: n }) => {
+      const o = n instanceof Element ? n.closest("ue-control-panel") : null;
+      !o || r !== null || (r = requestAnimationFrame(() => {
+        r = null, d(o) || t.closeForSession(a);
+      }));
+    }, p = () => {
+      e == null || e.removeEventListener("scroll", s, !0), e == null || e.removeEventListener("click", c, !0), e == null || e.removeEventListener("keyup", c, !0), e = null, r !== null && (cancelAnimationFrame(r), r = null);
+    }, f = () => {
+      e = v(), e == null || e.addEventListener("scroll", s, !0), e == null || e.addEventListener("click", c, !0), e == null || e.addEventListener("keyup", c, !0);
+    };
+    return L(() => {
+      t.setConfig(a, g()), f();
+    }), O(p), { __sfc: !0, ONBOARDING_TYPE: a, UPDATE_BUTTON_SELECTOR: l, trans: i, onboardingStore: t, getTopPosition: m, academyLink: u, buildOnboardingCards: g, isVisible: y, handleNext: b, editorRoot: e, handlePanelScroll: s, pendingCheck: r, isUpdateButtonVisible: d, handlePanelInteraction: c, stopWatchingPanel: p, startWatchingPanel: f, InOnboard: B };
   }
 });
 export {
-  A as default
+  F as default
 };