@useinsider/guido 3.22.0-beta.ce512a7 → 3.22.0-beta.d4e1d48

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

@@ -1,70 +1,85 @@
-import { defineComponent as q, computed as x, ref as A } from "vue";
-import { useActionsApi as H } from "../../../composables/useActionsApi.js";
-import { useConfig as O } from "../../../composables/useConfig.js";
-import { useTestEmailClick as R } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as B } from "../../../composables/useHtmlCompiler.js";
-import { useSave as z } from "../../../composables/useSave.js";
-import { useSaveValidation as D } from "../../../composables/useSaveValidation.js";
-import { useSaveValidationRollout as I } from "../../../composables/useSaveValidationRollout.js";
-import { useToaster as j } from "../../../composables/useToaster.js";
-import { useTranslations as G } from "../../../composables/useTranslations.js";
-import { useLiquidValidator as J } from "../../../composables/validators/useLiquidValidator.js";
-import { ToasterTypeOptions as K } from "../../../enums/toaster.js";
-import { useAutosaveStore as N } from "../../../stores/autosave.js";
-import { useEditorStore as P } from "../../../stores/editor.js";
-import { useSaveValidationStore as Q } from "../../../stores/save-validation.js";
-import { useTemplateStore as U } from "../../../stores/template.js";
-import { getTooltipOptions as W } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as X } from "@useinsider/design-system-vue";
-import { storeToRefs as Y } from "pinia";
-import Z from "./EditorActionsMenu.vue.js";
-import $ from "./MigrationConfirmModal.vue.js";
-const Ct = /* @__PURE__ */ q({
+import { defineComponent as I, computed as u, ref as c } from "vue";
+import { useActionsApi as P } from "../../../composables/useActionsApi.js";
+import { useConfig as j } from "../../../composables/useConfig.js";
+import { useExport as G } from "../../../composables/useExport.js";
+import { useTestEmailClick as J } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as K } from "../../../composables/useHtmlCompiler.js";
+import { useSave as N } from "../../../composables/useSave.js";
+import { useSaveValidation as Q } from "../../../composables/useSaveValidation.js";
+import { useSaveValidationRollout as U } from "../../../composables/useSaveValidationRollout.js";
+import { useToaster as W } from "../../../composables/useToaster.js";
+import { useTranslations as X } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as Y } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as Z } from "../../../composables/validators/useLiquidValidator.js";
+import { ToasterTypeOptions as $ } from "../../../enums/toaster.js";
+import { useEditorStore as tt } from "../../../stores/editor.js";
+import { useSaveValidationStore as et } from "../../../stores/save-validation.js";
+import { useTemplateStore as ot } from "../../../stores/template.js";
+import { getTooltipOptions as rt } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as it } from "@useinsider/design-system-vue";
+import { storeToRefs as st } from "pinia";
+import at from "./MigrationConfirmModal.vue.js";
+const Ot = /* @__PURE__ */ I({
   __name: "EditorActions",
-  setup(tt, { expose: F }) {
-    const { config: L, isFeatureEnabled: a } = O(), { save: u } = z(), { validateCurrentTemplate: c } = D(), { isEnabled: s } = I(), { showToaster: f, hideToaster: d, handleError: r } = j(), { getCompiledEmail: p } = H(), { compileHtml: v } = B(), { validateLiquidSyntax: S } = J(), o = P(), g = Q(), h = U(), y = N(), { hasMigrations: T } = Y(h), M = x(() => a("liquidSyntax") || a("autosave") && y.hasStatusLabel), i = G(), b = x(() => s.value ? i("email-editor.save-and-continue") : "Save"), n = A(!1), E = A(), l = R(), C = async (t) => {
-      n.value = !0, t || (o.loadingStatus = !0);
-      let e;
+  setup(nt, { expose: b }) {
+    const { config: p, isFeatureEnabled: f } = j(), { exportHtml: d } = G(), { save: v } = N(), { validateCurrentTemplate: y } = Q(), { isEnabled: s } = U(), { showToaster: S, hideToaster: g, handleError: i } = W(), { openVersionHistory: h, closeVersionHistory: T } = Y(), { getCompiledEmail: V } = P(), { compileHtml: E } = K(), { validateLiquidSyntax: H } = Z(), e = tt(), w = et(), x = ot(), { hasMigrations: C } = st(x), r = X(), k = u(() => s.value ? r("email-editor.save-and-continue") : "Save"), a = c(!1), n = c(!1), _ = c(), l = J(), q = () => {
+      if (e.isVersionHistoryOpen) {
+        T();
+        return;
+      }
+      h();
+    }, B = async () => {
+      a.value = !0, await d(), a.value = !1;
+    }, L = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, R = u(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), D = u(
+      () => {
+        var t, o;
+        return ((o = (t = p.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+      }
+    ), A = async (t) => {
+      n.value = !0, t || (e.loadingStatus = !0);
+      let o;
       try {
-        e = await u(t);
-      } catch (w) {
-        r(w, "Failed to save template");
+        o = await v(t);
+      } catch (M) {
+        i(M, "Failed to save template");
       } finally {
-        n.value = !1, !t && !e && (o.loadingStatus = !1);
+        n.value = !1, !t && !o && (e.loadingStatus = !1);
       }
-      return e;
-    }, V = (t) => {
-      var e;
-      if (!t && T.value) {
-        (e = E.value) == null || e.open();
+      return o;
+    }, O = (t) => {
+      var o;
+      if (!t && C.value) {
+        (o = _.value) == null || o.open();
         return;
       }
-      return C(t);
+      return A(t);
     }, m = async () => {
-      o.loadingStatus = !0;
+      e.loadingStatus = !0;
       try {
-        return await c();
+        return await y();
       } catch (t) {
-        return r(t, "Failed to prepare test email"), null;
+        return i(t, "Failed to prepare test email"), null;
       } finally {
-        o.loadingStatus = !1;
+        e.loadingStatus = !1;
       }
-    }, _ = async () => {
+    }, F = async () => {
       const t = await m();
-      t != null && t.length ? g.open(t, "test") : t && d();
-    }, k = async () => {
+      t != null && t.length ? w.open(t, "test") : t && g();
+    }, z = async () => {
       if (s.value) {
         const t = await m();
         if (!t)
           return;
         if (t.length) {
-          f({
-            type: K.Error,
-            message: i("email-editor.validation-errors-found"),
+          S({
+            type: $.Error,
+            message: r("email-editor.validation-errors-found"),
             actionButton: {
-              text: i("email-editor.check-errors"),
+              text: r("email-editor.check-errors"),
               onClick: () => {
-                _();
+                F();
               }
             },
             autoHide: !1
@@ -74,26 +89,26 @@ const Ct = /* @__PURE__ */ q({
         l();
         return;
       }
-      if (a("liquidSyntax")) {
-        o.loadingStatus = !0;
+      if (f("liquidSyntax")) {
+        e.loadingStatus = !0;
         try {
-          const { html: t } = await p({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: e } = v(t);
-          if (!await S(e))
+          const { html: t } = await V({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = E(t);
+          if (!await H(o))
             return;
         } catch (t) {
-          r(t, "Failed to prepare test email");
+          i(t, "Failed to prepare test email");
           return;
         } finally {
-          o.loadingStatus = !1;
+          e.loadingStatus = !1;
         }
       }
       l();
     };
-    return F({
-      handleSave: V
-    }), { __sfc: !0, config: L, isFeatureEnabled: a, save: u, validateCurrentTemplate: c, isEnabled: s, showToaster: f, hideToaster: d, handleError: r, getCompiledEmail: p, compileHtml: v, validateLiquidSyntax: S, editorStore: o, saveValidationStore: g, templateStore: h, autosaveStore: y, hasMigrations: T, hasContentOnTheLeft: M, trans: i, saveLabel: b, isSaving: n, migrationModalRef: E, testEmailClick: l, executeSave: C, handleSave: V, collectTestErrors: m, openTestErrors: _, handleTestEmail: k, getTooltipOptions: W, InButtonV2: X, EditorActionsMenu: Z, MigrationConfirmModal: $ };
+    return b({
+      handleSave: O
+    }), { __sfc: !0, config: p, isFeatureEnabled: f, exportHtml: d, save: v, validateCurrentTemplate: y, isEnabled: s, showToaster: S, hideToaster: g, handleError: i, openVersionHistory: h, closeVersionHistory: T, getCompiledEmail: V, compileHtml: E, validateLiquidSyntax: H, editorStore: e, saveValidationStore: w, templateStore: x, hasMigrations: C, trans: r, saveLabel: k, isExporting: a, isSaving: n, migrationModalRef: _, testEmailClick: l, handleVersionHistory: q, handleExport: B, handleSaveAs: L, versionHistoryTooltipText: R, isVersionHistoryButtonVisible: D, executeSave: A, handleSave: O, collectTestErrors: m, openTestErrors: F, handleTestEmail: z, getTooltipOptions: rt, InButtonV2: it, MigrationConfirmModal: at };
   }
 });
 export {
-  Ct as default
+  Ot as default
 };

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

@@ -3,16 +3,16 @@ import o from "./HeaderWrapper.vue2.js";
 import a from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = 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", "data-testid": "guido-header" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot)], 1)]);
-}, n = [], d = /* @__PURE__ */ a(
+  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0", "data-testid": "guido-header" } }, [r("div", { staticClass: "header-wrapper 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)]);
+}, d = [], i = /* @__PURE__ */ a(
   o,
   s,
-  n,
+  d,
   !1,
   null,
-  "3c713746"
+  "d11dd577"
 );
-const f = d.exports;
+const c = i.exports;
 export {
-  f as default
+  c as default
 };

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

@@ -1,14 +1,22 @@
-import { defineComponent as o } from "vue";
-import { InContainer as r } from "@useinsider/design-system-vue";
-import t from "./LeftSlot.vue.js";
-import e from "./MiddleSlot.vue.js";
-import m from "./RightSlot.vue.js";
-const s = /* @__PURE__ */ o({
+import { defineComponent as n, ref as m } from "vue";
+import { InContainer as a } from "@useinsider/design-system-vue";
+import f from "./LeftSlot.vue.js";
+import p from "./MiddleSlot.vue.js";
+import i from "./RightSlot.vue.js";
+const c = /* @__PURE__ */ n({
   __name: "HeaderWrapper",
-  setup(p) {
-    return { __sfc: !0, InContainer: r, LeftSlot: t, MiddleSlot: e, RightSlot: m };
+  setup(l, { expose: r }) {
+    const e = m(null);
+    return r({
+      // Stryker disable next-line OptionalChaining: RightSlot is always rendered (no
+      // v-if), so rightSlotRef.value is never null and `?.` cannot short-circuit.
+      handleSave: (t) => {
+        var o;
+        return (o = e.value) == null ? void 0 : o.handleSave(t);
+      }
+    }), { __sfc: !0, rightSlotRef: e, InContainer: a, LeftSlot: f, MiddleSlot: p, RightSlot: i };
   }
 });
 export {
-  s as default
+  c as default
 };

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

@@ -10,7 +10,7 @@ var a = function() {
   i,
   !1,
   null,
-  "9d988e4b"
+  "b8f24f34"
 );
 const f = r.exports;
 export {

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

@@ -1,45 +1,40 @@
-import { defineComponent as p, computed as d, ref as b } from "vue";
-import { useAccessibilityApi as k } from "../../../composables/useAccessibilityApi.js";
-import { useConfig as B } from "../../../composables/useConfig.js";
-import { useBack as y } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as v } from "../../../composables/usePreviewMode.js";
-import { useTranslations as A } from "../../../composables/useTranslations.js";
+import { defineComponent as m, computed as p, ref as d } from "vue";
+import { useConfig as k } from "../../../composables/useConfig.js";
+import { useBack as B } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as g } from "../../../stores/editor.js";
-import { InButtonV2 as O } from "@useinsider/design-system-vue";
-import { useDebounceFn as w } from "../../../node_modules/@vueuse/shared/index.js";
-const F = /* @__PURE__ */ p({
+import { useEditorStore as y } from "../../../stores/editor.js";
+import { InButtonV2 as w } from "@useinsider/design-system-vue";
+import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
+const D = /* @__PURE__ */ m({
   __name: "LeftSlot",
-  setup(M) {
-    const e = g(), s = y(), { closeVersionHistory: r } = _(), { closePreviewMode: n } = v(), { closeAccessibilityTestingMode: c } = k(), o = A(), { config: t } = B(), m = d(() => {
-      var l, f;
-      return e.isVersionHistoryOpen || e.isPreviewModeOpen || e.isAccessibilityTestingOpen ? o("email-editor.back-to-editor") : (f = (l = t.value) == null ? void 0 : l.ui) != null && f.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    }), i = b(!1), a = () => {
+  setup(C) {
+    const e = y(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), l = p(() => {
+      var u, f;
+      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (f = (u = t.value) == null ? void 0 : u.ui) != null && f.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
+    }), r = d(!1), a = () => {
       if (e.isVersionHistoryOpen) {
-        r();
-        return;
-      }
-      if (e.isPreviewModeOpen) {
         n();
         return;
       }
-      if (e.isAccessibilityTestingOpen) {
-        c();
+      if (e.isPreviewModeOpen) {
+        s();
         return;
       }
-      s();
-    }, u = w(async () => {
+      i();
+    }, c = V(async () => {
       try {
         await a();
       } finally {
-        i.value = !1;
+        r.value = !1;
       }
     }, 500);
-    return { __sfc: !0, editorStore: e, handleBack: s, closeVersionHistory: r, closePreviewMode: n, closeAccessibilityTestingMode: c, trans: o, config: t, backButtonLabel: m, isBackButtonDisabled: i, executeBackAction: a, debouncedBackAction: u, handleBackClick: () => {
-      i.value = !0, u();
-    }, InButtonV2: O };
+    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: l, isBackButtonDisabled: r, executeBackAction: a, debouncedBackAction: c, handleBackClick: () => {
+      r.value = !0, c();
+    }, InButtonV2: w };
   }
 });
 export {
-  F as default
+  D as default
 };

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

@@ -1,8 +1,8 @@
 import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var o = this, i = o._self._c, e = o._self._setupProxy;
-  return i("div", { staticClass: "d-f a-i-c" }, [e.editorStore.isVersionHistoryOpen ? i("div", { staticClass: "d-f" }, [i(e.VersionHistory), i(e.VersionHistoryViewOptions)], 1) : e.editorStore.isPreviewModeOpen ? i("div", { staticClass: "d-f" }, [i(e.EmailSizeIndicator), i(e.AmpToggle)], 1) : e.editorStore.isAccessibilityTestingOpen ? i(e.AccessibilityToolbar) : o._e(), i(e.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: e.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
+  var o = this, e = o._self._c, i = o._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
 }, a = [], n = /* @__PURE__ */ s(
   r,
   t,
@@ -11,7 +11,7 @@ var t = function() {
   null,
   null
 );
-const _ = n.exports;
+const c = n.exports;
 export {
-  _ as default
+  c as default
 };

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

@@ -2,16 +2,15 @@ import { defineComponent as o } from "vue";
 import r from "../email-preview/amp/AmpToggle.vue.js";
 import t from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
 import { useEditorStore as i } from "../../../stores/editor.js";
-import e from "./accessibility/AccessibilityToolbar.vue.js";
-import m from "./EditorToolbar.vue.js";
-import p from "./version-history/VersionHistory.vue.js";
-import s from "./version-history/ViewOptions.vue.js";
-const y = /* @__PURE__ */ o({
+import e from "./EditorToolbar.vue.js";
+import m from "./version-history/VersionHistory.vue.js";
+import p from "./version-history/ViewOptions.vue.js";
+const S = /* @__PURE__ */ o({
   __name: "MiddleSlot",
-  setup(f) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AccessibilityToolbar: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
+  setup(s) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
   }
 });
 export {
-  y as default
+  S as default
 };

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

@@ -1,18 +1,17 @@
-import i from "./RightSlot.vue2.js";
-/* empty css               */
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "d-f a-i-c right-slot" }, [t.editorStore.isNormalMode ? o(t.AutoSaveStatus) : e._e(), t.isLiquidEnabled && t.editorStore.isNormalMode ? o(t.InChips, { attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : e._e(), t.editorStore.isNormalMode ? o(t.EditorActions) : t.editorStore.isVersionHistoryOpen ? o(t.RestoreButton) : e._e()], 1);
-}, a = [], d = /* @__PURE__ */ r(
-  i,
+import s from "./RightSlot.vue2.js";
+import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [t.editorStore.isVersionHistoryOpen ? i._e() : e(t.AutoSaveToggle), t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-1", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : i._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
+}, a = [], n = /* @__PURE__ */ o(
   s,
+  r,
   a,
   !1,
   null,
-  "77451c9a"
+  null
 );
-const c = d.exports;
+const u = n.exports;
 export {
-  c as default
+  u as default
 };

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

@@ -1,18 +1,23 @@
-import { defineComponent as e, computed as s } from "vue";
-import { useConfig as n } from "../../../composables/useConfig.js";
-import { useTranslations as m } from "../../../composables/useTranslations.js";
-import { useEditorStore as p } from "../../../stores/editor.js";
-import { InChips as u } from "@useinsider/design-system-vue";
-import a from "./AutoSaveStatus.vue.js";
-import f from "./EditorActions.vue.js";
-import d from "./version-history/RestoreButton.vue.js";
-const q = /* @__PURE__ */ e({
+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 _ 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(c) {
-    const { isFeatureEnabled: o } = n(), t = m(), r = p(), i = s(() => o("liquidSyntax"));
-    return { __sfc: !0, isFeatureEnabled: o, trans: t, editorStore: r, isLiquidEnabled: i, InChips: u, AutoSaveStatus: a, EditorActions: f, RestoreButton: d };
+  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/OnboardingWrapper.vue.js

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

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

@@ -1,75 +1,50 @@
-import { defineComponent as S, computed as e, onMounted as h, watch as t, ref as T } from "vue";
-import w from "./AMPOnboarding.vue.js";
-import P from "./EditorTabBarOnboarding.vue.js";
-import B from "./GenericOnboarding.vue.js";
-import A from "./ItemsOnboarding.vue.js";
-import M from "./NewVersionPopup.vue.js";
-import _ from "./RecommendationLegacyStrategyOnboarding.vue.js";
-import H from "./RecommendationStrategyOnboarding.vue.js";
-import F from "./TextBlockOnboarding.vue.js";
-import V from "./VersionHistoryOnboarding.vue.js";
-import { useConfig as x } from "../../../composables/useConfig.js";
-import { usePartner as C } from "../../../composables/usePartner.js";
-import { useEditorStore as E } from "../../../stores/editor.js";
-import { useOnboardingStore as I } from "../../../stores/onboarding.js";
-import { usePreviewStore as N } from "../../../stores/preview.js";
-const $ = /* @__PURE__ */ S({
+import { defineComponent as f, computed as e, onMounted as O, watch as t } from "vue";
+import y from "./AMPOnboarding.vue.js";
+import u from "./GenericOnboarding.vue.js";
+import v from "./ItemsOnboarding.vue.js";
+import S from "./NewVersionPopup.vue.js";
+import l from "./RecommendationLegacyStrategyOnboarding.vue.js";
+import h from "./RecommendationStrategyOnboarding.vue.js";
+import w from "./TextBlockOnboarding.vue.js";
+import P from "./VersionHistoryOnboarding.vue.js";
+import { usePartner as _ } from "../../../composables/usePartner.js";
+import { useEditorStore as A } from "../../../stores/editor.js";
+import { useOnboardingStore as H } from "../../../stores/onboarding.js";
+import { usePreviewStore as M } from "../../../stores/preview.js";
+const U = /* @__PURE__ */ f({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  setup(R, { emit: p }) {
-    const o = I(), i = E(), b = N(), { isTestPartner: m } = C(), { isFeatureEnabled: g } = x(), a = e(() => i.isStripoInitialized), s = e(() => m()), O = [
-      { type: "newVersionPopup", component: M },
-      { type: "genericOnboarding", component: B },
-      { type: "textBlockOnboarding", component: F },
-      { type: "versionHistoryOnboarding", component: V },
-      { type: "ampOnboarding", component: w },
-      { type: "itemsOnboarding", component: A },
-      { type: "editorTabBarOnboarding", component: P },
-      { type: "recommendationStrategyOnboarding", component: H },
-      { type: "recommendationLegacyStrategyOnboarding", component: _ }
-    ], f = (n) => s.value || !a.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), l = e(() => O.filter((n) => f(n.type)));
-    h(async () => {
+  setup(x, { emit: g }) {
+    const o = H(), r = A(), a = M(), { isTestPartner: s } = _(), m = e(() => r.isStripoInitialized), p = e(() => s()), d = [
+      { type: "newVersionPopup", component: S },
+      { type: "genericOnboarding", component: u },
+      { type: "textBlockOnboarding", component: w },
+      { type: "versionHistoryOnboarding", component: P },
+      { type: "ampOnboarding", component: y },
+      { type: "itemsOnboarding", component: v },
+      { type: "recommendationStrategyOnboarding", component: h },
+      { type: "recommendationLegacyStrategyOnboarding", component: l }
+    ], c = (n) => p.value || !m.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), b = e(() => d.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
-      () => i.isVersionHistoryOpen,
-      (n, r) => {
-        n && !r && (o.isActive("editorTabBarOnboarding") && o.closeForSession("editorTabBarOnboarding"), o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding")), !n && r && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
+      () => r.isVersionHistoryOpen,
+      (n, i) => {
+        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
       }
     ), t(
-      () => b.emailFormat,
-      (n, r) => {
-        r !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
+      () => a.emailFormat,
+      (n, i) => {
+        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
       }
     ), t(
-      () => i.isPreviewModeOpen,
+      () => r.isPreviewModeOpen,
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    );
-    const d = T(!1), v = (n) => {
-      n === "newVersionPopup" && (d.value = !0), p("onboarding-finished");
-    }, c = e(() => i.isNormalMode && !i.isPreviewModeOpen), u = e(() => a.value && o.isFetched && g("accessibilityTesting") && !s.value && c.value && !(o.shouldShowOnboarding("newVersionPopup") && !d.value) && !o.isOnboardingActive() && !o.closedThisSession.includes("editorTabBarOnboarding") && o.shouldShowOnboarding("editorTabBarOnboarding"));
-    return t(
-      u,
-      (n) => {
-        n && o.start("editorTabBarOnboarding");
-      },
-      { immediate: !0 }
-    ), t(
-      c,
-      (n) => {
-        if (!n && o.isActive("editorTabBarOnboarding")) {
-          const { cardIndex: r, config: y } = o.onboardings.editorTabBarOnboarding;
-          if (i.isAccessibilityTestingOpen && r === y.length - 1) {
-            o.close("editorTabBarOnboarding");
-            return;
-          }
-          o.closeForSession("editorTabBarOnboarding");
-        }
-      }
-    ), { __sfc: !0, emit: p, onboardingStore: o, editorStore: i, previewStore: b, isTestPartner: m, isFeatureEnabled: g, isStripoReady: a, isTestPartnerActive: s, onboardingConfigs: O, shouldShow: f, visibleOnboardings: l, isNewVersionPopupClosed: d, handleFinished: v, isTourAnchored: c, canStartTabBarTour: u };
+    ), { __sfc: !0, emit: g, onboardingStore: o, editorStore: r, previewStore: a, isTestPartner: s, isStripoReady: m, isTestPartnerActive: p, onboardingConfigs: d, shouldShow: c, visibleOnboardings: b };
   }
 });
 export {
-  $ as default
+  U as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -1,22 +1,22 @@
 import a from "./UnsubscribePageSelection.vue2.js";
 /* empty css                              */
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var r = this, e = r._self._c, t = r._self._setupProxy;
-  return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.handleClose, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
-    return [e(t.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
-  }, proxy: !0 }]) }, [e("div", { staticClass: "d-g templates-wrapper" }, r._l(t.unsubscribeStore.getTemplatesByActiveType, function(s) {
-    return e("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
-      return t.selectTemplate(s.id);
-    } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
+var i = function() {
+  var r = this, t = r._self._c, e = r._self._setupProxy;
+  return t(e.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": e.footerButtonGroupOptions, status: e.unsubscribeStore.pageSelectionDrawerStatus, "title-text": e.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: e.handleBack, onCloseEvent: e.handleClose, primaryButtonEvent: e.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
+    return [t(e.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
+  }, proxy: !0 }]) }, [t("div", { staticClass: "d-g templates-wrapper" }, r._l(e.unsubscribeStore.getTemplatesByActiveType, function(s) {
+    return t("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
+      return e.selectTemplate(s.id);
+    } } }, [t(e.InContainer, { staticClass: "template-container o-h p-r", class: { selected: e.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: e.getBorderClass(s.id) } }, [t("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [t("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })]), s.isDefault ? t(e.InChips, { staticClass: "p-a t-3 r-3", attrs: { id: "guido__unsubscribe-default-chip", type: "neutral", value: "default", "close-button": !1, interactive: !1, text: e.trans("unsubscription-preference.default") } }) : r._e()], 1), t("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
   }), 0)]);
-}, i = [], c = /* @__PURE__ */ n(
+}, o = [], c = /* @__PURE__ */ n(
   a,
-  o,
   i,
+  o,
   !1,
   null,
-  "91a26acd"
+  "eaf8e461"
 );
 const _ = c.exports;
 export {