@useinsider/guido 3.11.0-beta.e62ab49 → 3.11.0-beta.ed60c66

package/dist/components/Guido.vue.js

@@ -3,16 +3,16 @@ import i from "./Guido.vue2.js";
 import a from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.FORCE_ONBOARDING_FOR_TESTING || !e.isTestPartner() ? r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
-  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+  } } }) : o._e(), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, n = [], s = /* @__PURE__ */ a(
   i,
   t,
   n,
   !1,
   null,
-  "50dac6de"
+  "57d338df"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,42 +1,42 @@
-import { defineComponent as X, defineAsyncComponent as I, ref as W, computed as x, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
+import { defineComponent as X, defineAsyncComponent as P, ref as G, computed as W, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
 import { useCortexBlueprintBridge as oe } from "../composables/useCortexBlueprintBridge.js";
 import { provideGuidoActions as te } from "../composables/useGuidoActions.js";
 import { useGuidoStateBridge as ne } from "../composables/useGuidoStateBridge.js";
 import { usePartner as re } from "../composables/usePartner.js";
 import { useStripo as se } from "../composables/useStripo.js";
 import { useTimerClone as ae } from "../composables/useTimerClone.js";
-import { migrate as G } from "../config/migrator/index.js";
+import { migrate as x } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as H } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ce } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as ie } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import me from "./organisms/AutoSaveController.vue.js";
-import de from "./organisms/base/Toaster.vue.js";
-import le from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ue from "./organisms/header/HeaderWrapper.vue.js";
-import pe from "./organisms/LoadingWrapper.vue.js";
-import fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ve from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as Se } from "../services/stripoApi.js";
-import { useConfigStore as ye } from "../stores/config.js";
-import { useDynamicContentStore as he } from "../stores/dynamic-content.js";
+import { FORCE_ONBOARDING_FOR_TESTING as ce, RIBBON_SELECTOR as ie } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as me } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import de from "./organisms/AutoSaveController.vue.js";
+import le from "./organisms/base/Toaster.vue.js";
+import ue from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import pe from "./organisms/header/HeaderWrapper.vue.js";
+import fe from "./organisms/LoadingWrapper.vue.js";
+import ve from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ye } from "../services/stripoApi.js";
+import { useConfigStore as he } from "../stores/config.js";
+import { useDynamicContentStore as ge } from "../stores/dynamic-content.js";
 import { useEditorStore as $ } from "../stores/editor.js";
-import { usePreviewStore as ge } from "../stores/preview.js";
-import { useTemplateStore as be } from "../stores/template.js";
-import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
-const Ve = /* @__PURE__ */ X({
+import { usePreviewStore as be } from "../stores/preview.js";
+import { useTemplateStore as Ee } from "../stores/template.js";
+import { useUnsubscribeStore as we } from "../stores/unsubscribe.js";
+const je = /* @__PURE__ */ X({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
   setup(z, { expose: q, emit: n }) {
-    const b = z, K = I(
+    const b = z, K = P(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), V = I(
+    ), V = P(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), E = W(), p = W(), f = he(), w = Ee(), i = ye();
+    ), E = G(), p = G(), f = ge(), w = we(), i = he();
     i.init(b.config);
-    const m = $(), j = ge(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), D = () => {
+    const m = $(), j = be(), d = W(() => m.hasChanges), { isTestPartner: J } = re(), D = () => {
       var e;
       return (e = E.value) == null ? void 0 : e.handleSave(!0);
     }, C = (e) => {
@@ -44,25 +44,25 @@ const Ve = /* @__PURE__ */ X({
     }, {
       templateId: v,
       userId: T,
-      partnerName: L,
-      username: k,
+      partnerName: O,
+      username: _,
       template: o,
       editor: s
-    } = i, l = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", S = (o == null ? void 0 : o.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
+    } = i, l = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", S = (o == null ? void 0 : o.preselectedDynamicContent) || [], R = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, L = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
     oe(), ne();
     const y = {
       emailId: v,
       userId: T,
-      username: k,
-      partnerName: L,
-      savedModulesFolderName: U,
-      defaultModulesFolderName: _
-    }, M = {
+      username: _,
+      partnerName: O,
+      savedModulesFolderName: R,
+      defaultModulesFolderName: L
+    }, N = {
       preselectedDynamicContentList: S,
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = Se(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
+    }, { initPlugin: k } = se(y, N), { getDefaultTemplate: U } = ye(), { cloneTimersOnSave: A, hasTimerBlocks: B } = ae(), Q = W(() => {
       var e;
       return !((e = i.ui) != null && e.showHeader);
     });
@@ -81,9 +81,9 @@ const Ve = /* @__PURE__ */ X({
         console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const B = (e) => {
+    const I = (e) => {
       console.debug("dynamic-content:close", e), f.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, N = () => {
+    }, M = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     Y(() => d.value, () => {
@@ -96,22 +96,22 @@ const Ve = /* @__PURE__ */ X({
     let a = null;
     const g = () => {
       var t;
-      const e = document.querySelector(ce);
+      const e = document.querySelector(ie);
       (t = p.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return Z(async () => {
       var t, u;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ie().$reset(), $().$reset(), m.templateId = v, be().$reset(), g();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), me().$reset(), $().$reset(), m.templateId = v, Ee().$reset(), g();
       const e = (t = p.value) == null ? void 0 : t.parentElement;
       e && (a = new ResizeObserver(g), a.observe(e));
       try {
         w.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         const c = ((u = o == null ? void 0 : o.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
         let r = {
-          html: l && await G(l, c),
+          html: l && await x(l, c),
           css: F
         };
-        r.html || (r = await P(), r.html = await G(r.html, c)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
+        r.html || (r = await U(), r.html = await x(r.html, c)), B(r.html) && (r.html = await A(r.html)), await k(r), f.selectedDynamicContentList = S;
       } catch (c) {
         console.error("Failed to initialize Stripo editor:", c);
       }
@@ -126,15 +126,15 @@ const Ve = /* @__PURE__ */ X({
       i.reset();
     }), q({
       dynamicContent: {
-        insert: B,
-        close: N
+        insert: I,
+        close: M
       },
       hasChanges: d,
       saveSilent: D,
       setLoading: C
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: b, configStore: i, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: D, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: o, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: h, ribbonObserver: a, updateRibbonOffset: g, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, HeaderWrapper: ue, LoadingWrapper: pe, SaveAsTemplateDrawer: fe, UnsubscribeWrapper: ve };
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: b, configStore: i, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: D, setLoading: C, templateId: v, userId: T, partnerName: O, username: _, templateConfig: o, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: R, defaultModulesFolderName: L, emit: n, metadata: y, options: N, initPlugin: k, getDefaultTemplate: U, cloneTimersOnSave: A, hasTimerBlocks: B, noHeader: Q, insertDynamicContent: I, closeDynamicContent: M, handleDynamicContentOpen: h, ribbonObserver: a, updateRibbonOffset: g, FORCE_ONBOARDING_FOR_TESTING: ce, AutoSaveController: de, Toaster: le, FilterSelectionDrawer: ue, HeaderWrapper: pe, LoadingWrapper: fe, SaveAsTemplateDrawer: ve, UnsubscribeWrapper: Se };
   }
 });
 export {
-  Ve as default
+  je as default
 };

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

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "82128f7d"
+  "6e711fd7"
 );
 const v = c.exports;
 export {

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

@@ -10,9 +10,9 @@ var s = function() {
   d,
   !1,
   null,
-  "5c02dcc7"
+  "d11dd577"
 );
-const p = i.exports;
+const c = i.exports;
 export {
-  p as default
+  c as default
 };

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

@@ -8,6 +8,8 @@ const c = /* @__PURE__ */ n({
   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);

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

@@ -14,7 +14,7 @@ var n = function() {
   a,
   !1,
   null,
-  "64c52560"
+  "fad98586"
 );
 const _ = c.exports;
 export {

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

@@ -1,20 +1,21 @@
 import d from "./AMPOnboarding.vue2.js";
+/* empty css                   */
 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) {
+var c = function() {
+  var n, r, e, i, a, s;
+  var t = this, p = t._self._c, o = t._self._setupProxy;
+  return o.isVisible ? p(o.InOnboard, { key: "guido__amp-onboard", staticClass: "w-21-s p-a z-11", class: (n = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : n.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(b) {
     return o.onboardingStore.close("ampOnboarding");
-  }, nextButtonClick: o.handleNext } }) : n._e();
-}, m = [], c = /* @__PURE__ */ g(
+  }, nextButtonClick: o.handleNext } }) : t._e();
+}, m = [], l = /* @__PURE__ */ g(
   d,
-  l,
+  c,
   m,
   !1,
   null,
-  null
+  "6bcaca8a"
 );
-const f = c.exports;
+const S = l.exports;
 export {
-  f as default
+  S as default
 };

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

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

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 l = function() {
+var c = 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.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.onboardingStore.close("itemsOnboarding");
   }, nextButtonClick: t.handleNext } }) : o._e();
-}, c = [], p = /* @__PURE__ */ m(
+}, l = [], b = /* @__PURE__ */ m(
   g,
-  l,
   c,
+  l,
   !1,
   null,
-  "796d193b"
+  "bb3cca55"
 );
-const I = p.exports;
+const I = b.exports;
 export {
   I as default
 };

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

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

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

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

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

@@ -13,9 +13,9 @@ var g = function() {
   b,
   !1,
   null,
-  "cadfc82d"
+  "b09e80c4"
 );
-const C = p.exports;
+const f = p.exports;
 export {
-  C as default
+  f as default
 };

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

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

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

@@ -1,6 +1,6 @@
-import n from "./UnsubscribePageSelection.vue2.js";
+import a from "./UnsubscribePageSelection.vue2.js";
 /* empty css                              */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+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() {
@@ -10,13 +10,13 @@ var o = function() {
       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);
   }), 0)]);
-}, i = [], c = /* @__PURE__ */ a(
-  n,
+}, i = [], c = /* @__PURE__ */ n(
+  a,
   o,
   i,
   !1,
   null,
-  "669fe7cf"
+  "91a26acd"
 );
 const _ = c.exports;
 export {

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

@@ -29,9 +29,9 @@ const N = /* @__PURE__ */ y({
         t();
       }, 500);
     }, m = () => {
-      n(), e.pageSelectionUpdateStatus || document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
+      e.pageSelectionDrawerStatus && (n(), e.pageSelectionUpdateStatus || document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
         detail: { blockId: e.pendingBlockId }
-      }));
+      })));
     }, b = () => {
       if (e.isActiveTypeFirstInCollection) {
         n(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);

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

@@ -2,15 +2,15 @@ import n from "./UnsubscribeTypeSelection.vue2.js";
 /* empty css                              */
 import o from "../../../_virtual/_plugin-vue2_normalizer.js";
 var i = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.typeSelectionDrawerStatus, "title-text": t.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.selectCollection } }, [s(t.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: t.isSelecting, "segment-list": t.segmentList, selected: t.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": t.skeletonStatus }, on: { click: t.changeCollection } })], 1);
+  var t = this, s = t._self._c, e = t._self._setupProxy;
+  return s(e.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": e.descriptionText, "footer-button-group-options": e.footerButtonGroupOptions, status: e.unsubscribeStore.typeSelectionDrawerStatus, "title-text": e.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: e.closeModal, onCloseEvent: e.closeModal, primaryButtonEvent: e.selectCollection } }, [s(e.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: e.isSelecting, "segment-list": e.segmentList, selected: e.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": e.skeletonStatus }, on: { click: e.changeCollection } })], 1);
 }, r = [], c = /* @__PURE__ */ o(
   n,
   i,
   r,
   !1,
   null,
-  "7a305bb2"
+  "b9a93c6e"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -10,10 +10,10 @@ import { InSegments as L } from "@useinsider/design-system-vue";
 const W = /* @__PURE__ */ _({
   __name: "UnsubscribeTypeSelection",
   setup(k) {
-    const t = N(), { showToaster: d } = w(), e = G(), n = b(!1), o = b(!0), r = b(l.GLOBAL_UNSUBSCRIBE), T = t(
+    const t = N(), { showToaster: d } = w(), e = G(), n = b(!1), o = b(!0), r = b(l.GLOBAL_UNSUBSCRIBE), y = t(
       "unsubscription-preference.select-unsubscribe-page-description",
       { action: `<a href="${D.GLOBAL_UNSUBSCRIBE}" target="_blank">${t("ds-rules.visit-academy")}</a>` }
-    ), y = f(() => [
+    ), T = f(() => [
       {
         description: t("unsubscription-preference.type-global-unsubscribe-description"),
         icon: "line-contact-global-unsub-page",
@@ -31,7 +31,7 @@ const W = /* @__PURE__ */ _({
         disable: e.isSubscriptionPreferencesCenterDisabled,
         tooltipText: e.isSubscriptionPreferencesCenterDisabled ? t("unsubscription-preference.pref-center-added") : ""
       }
-    ]), g = f(
+    ]), S = f(
       () => e.isGlobalUnsubscribeDisabled && e.isSubscriptionPreferencesCenterDisabled
     ), C = f(() => ({
       primaryButton: {
@@ -41,7 +41,7 @@ const W = /* @__PURE__ */ _({
           n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
         loadingStatus: n.value,
-        disabledStatus: g.value,
+        disabledStatus: S.value,
         skeletonStatus: o.value,
         skeletonSizing: { width: 168, height: 40 }
       },
@@ -53,12 +53,12 @@ const W = /* @__PURE__ */ _({
         skeletonStatus: o.value,
         skeletonSizing: { width: 78, height: 40 }
       }
-    })), S = (s) => {
-      e.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
+    })), g = (s) => {
+      e.typeSelectionDrawerStatus && (e.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
         detail: { blockId: e.pendingBlockId }
       })), s && setTimeout(() => {
         s();
-      }, 500);
+      }, 500));
     }, E = (s) => {
       r.value = s;
     }, m = () => {
@@ -98,14 +98,14 @@ const W = /* @__PURE__ */ _({
       }), !1;
     }, B = async () => {
       if (n.value = !0, await e.fetchTemplates(!0), e.setCollection(r.value), !m()) {
-        n.value = !1, S();
+        n.value = !1, g();
         return;
       }
       n.value = !1, e.typeSelectionDrawerStatus = !1, e.pageSelectionDrawerStatus = !0;
     };
     return v(() => e.typeSelectionDrawerStatus, (s) => {
       s && (o.value = !0, r.value = l.GLOBAL_UNSUBSCRIBE, e.isGlobalUnsubscribeDisabled && (r.value = e.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), o.value = !1);
-    }), { __sfc: !0, trans: t, showToaster: d, unsubscribeStore: e, isSelecting: n, skeletonStatus: o, selectedCollection: r, descriptionText: T, segmentList: y, hasNoSelectableType: g, footerButtonGroupOptions: C, closeModal: S, changeCollection: E, validateTemplates: m, selectCollection: B, WpDrawer: U, InSegments: L };
+    }), { __sfc: !0, trans: t, showToaster: d, unsubscribeStore: e, isSelecting: n, skeletonStatus: o, selectedCollection: r, descriptionText: y, segmentList: T, hasNoSelectableType: S, footerButtonGroupOptions: C, closeModal: g, changeCollection: E, validateTemplates: m, selectCollection: B, WpDrawer: U, InSegments: L };
   }
 });
 export {

package/dist/config/compiler/outlookCompilerRules.js

@@ -1,4 +1,4 @@
-const p = `
+const c = `
     <!--[if gte mso 9]>
         <xml>
             <o:OfficeDocumentSettings>
@@ -6,15 +6,15 @@ const p = `
                 <o:PixelsPerInch>96</o:PixelsPerInch>
             </o:OfficeDocumentSettings>
         </xml>
-    <![endif]-->`, m = {
+    <![endif]-->`, s = {
   xmlns: "http://www.w3.org/1999/xhtml",
   "xmlns:o": "urn:schemas-microsoft-com:office:office"
-}, d = /(<!--\[if mso\]>)((?:(?!<!\[endif\]-->)[\s\S])*)(<!\[endif\]-->\s*<!--\[if !mso\]><!--[\s\S]*?-->[\s\S]*?<!--<!\[endif\]-->)/g, h = /<a\b[^>]*?\shref=(["'])([\s\S]*?)\1/i, u = /(\shref=)(["'])[\s\S]*?\2/gi, a = [
+}, r = [
   {
     id: "append-office-xml",
     description: "Appending office XML into the head if it does not exist.",
     type: "custom",
-    processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${p}</head>`),
+    processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${c}</head>`),
     priority: 70
   },
   {
@@ -23,39 +23,14 @@ const p = `
     type: "custom",
     processor: (e) => {
       let t = e;
-      return Object.entries(m).forEach(([o, s]) => {
-        const i = new RegExp(`${o}="[^"]*"`);
-        t.search(i) === -1 && (t = t.replace("<html", `<html ${o}="${s}"`));
+      return Object.entries(s).forEach(([o, i]) => {
+        const n = new RegExp(`${o}="[^"]*"`);
+        t.search(n) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
       }), t;
     },
     priority: 71
-  },
-  {
-    id: "sync-mso-button-href",
-    description: "Mirror the visible button's href onto its Outlook VML twin",
-    type: "custom",
-    processor: (e) => e.replace(
-      d,
-      (t, o, s, i) => {
-        var r;
-        const n = (r = i.match(h)) == null ? void 0 : r[2];
-        if (n === void 0)
-          return t;
-        const f = s.replace(
-          u,
-          (E, l, c) => `${l}${c}${n}${c}`
-        );
-        return `${o}${f}${i}`;
-      }
-    ),
-    // 60 < 72 < 100. After prepare-recommendations (48) and pair-product-variables
-    // (60), so the visible href is already the `{{...url}}` merge tag we mirror.
-    // Before wrap-mobile-row-mso-conditional (100), which only then turns its
-    // MSO_MOBILE_HIDE_* markers into real `[if !mso]` delimiters — running after it
-    // would let a desktop twin pair with the mobile row and mirror the wrong product.
-    priority: 72
   }
 ];
 export {
-  a as outlookCompilerRules
+  r as outlookCompilerRules
 };

package/dist/enums/academy.js

@@ -1,4 +1,4 @@
-const e = "https://academy.insiderone.com/", o = {
+const e = "https://academy.insiderone.com", o = {
   EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
   GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
   AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`

package/dist/enums/date.js

@@ -1,6 +1,5 @@
-const t = "tr-TR", T = "default", L = "UTC";
+const t = "tr-TR", L = "default";
 export {
-  T as DEFAULT,
-  t as DEFAULT_LOCALE,
-  L as DEFAULT_TZ
+  L as DEFAULT,
+  t as DEFAULT_LOCALE
 };

package/dist/enums/onboarding.js

@@ -1,17 +1,26 @@
-const e = [
+const e = "insidethekube.com", t = typeof window < "u" && window.location.hostname.endsWith(e), n = [
+  "newVersionPopup",
+  "genericOnboarding",
+  "textBlockOnboarding",
+  "versionHistoryOnboarding",
+  "ampOnboarding",
+  "itemsOnboarding"
+], o = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', E = ".in-ribbons-wrapper", o = ".guido__amp-toggle-html", a = ".in-segments-wrapper", O = '[data-testid="guido-header"]', _ = 158, i = 10;
+], s = "ui-editor", i = 'button[role="tab"][aria-label="Card Composition"]', E = 'button[role="tab"][aria-label="Settings"]', O = ".in-ribbons-wrapper", a = ".guido__amp-toggle-html", r = ".in-segments-wrapper", _ = '[data-testid="guido-header"]', c = 158, T = 10;
 export {
-  o as AMP_TOGGLE_BUTTON_SELECTOR,
-  a as AMP_TOGGLE_WRAPPER_SELECTOR,
-  n as CARD_COMPOSITION_TAB_SELECTOR,
-  O as HEADER_SELECTOR,
-  _ as POPOVER_LEFT_OFFSET,
-  i as POPOVER_TOP_GAP,
-  E as RIBBON_SELECTOR,
-  e as SERVICE_HOVER_SELECTORS,
-  s as SETTINGS_TAB_SELECTOR,
-  t as UI_EDITOR_SELECTOR
+  a as AMP_TOGGLE_BUTTON_SELECTOR,
+  r as AMP_TOGGLE_WRAPPER_SELECTOR,
+  i as CARD_COMPOSITION_TAB_SELECTOR,
+  n as FORCED_ONBOARDING_TYPES,
+  t as FORCE_ONBOARDING_FOR_TESTING,
+  _ as HEADER_SELECTOR,
+  c as POPOVER_LEFT_OFFSET,
+  T as POPOVER_TOP_GAP,
+  O as RIBBON_SELECTOR,
+  o as SERVICE_HOVER_SELECTORS,
+  E as SETTINGS_TAB_SELECTOR,
+  s as UI_EDITOR_SELECTOR
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-669fe7cf]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-669fe7cf]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-669fe7cf]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-669fe7cf]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-669fe7cf]{object-fit:cover;transform:scale(1)}[data-v-7a305bb2] .guido__verion-history-view-option-selection-desktop svg,[data-v-7a305bb2] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-7a305bb2] .in-segments-wrapper__button_selected,[data-v-7a305bb2] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-57d338df]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-57d338df]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-57d338df]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

package/dist/src/enums/academy.d.ts

@@ -5,8 +5,8 @@
  * for easy maintenance and domain migration.
  */
 export declare const ACADEMY_LINKS: {
-    readonly EMAIL_EDITOR: "https://academy.insiderone.com//docs/email-drag-and-drop-editor";
-    readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com//docs/global-unsubscribe-preference-center";
-    readonly AMP_FOR_EMAILS: "https://academy.insiderone.com//docs/amp-for-emails";
+    readonly EMAIL_EDITOR: "https://academy.insiderone.com/docs/email-drag-and-drop-editor";
+    readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
+    readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
 };
 export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

package/dist/src/enums/onboarding.d.ts

@@ -1,3 +1,6 @@
+import type { OnboardingType } from '@@/Types/onboarding';
+export declare const FORCE_ONBOARDING_FOR_TESTING: boolean;
+export declare const FORCED_ONBOARDING_TYPES: OnboardingType[];
 export declare const SERVICE_HOVER_SELECTORS: string[];
 export declare const UI_EDITOR_SELECTOR = "ui-editor";
 export declare const CARD_COMPOSITION_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Card Composition\"]";

package/dist/stores/onboarding.js

@@ -1,10 +1,11 @@
-import { useOnboardingApi as r } from "../services/onboardingApi.js";
-import { defineStore as e } from "pinia";
+import { FORCE_ONBOARDING_FOR_TESTING as e, FORCED_ONBOARDING_TYPES as a } from "../enums/onboarding.js";
+import { useOnboardingApi as s } from "../services/onboardingApi.js";
+import { defineStore as d } from "pinia";
 const t = () => ({
   cardIndex: 0,
   isActive: !1,
   config: []
-}), a = () => ({
+}), g = () => ({
   onboardings: {
     newVersionPopup: t(),
     genericOnboarding: t(),
@@ -15,8 +16,8 @@ const t = () => ({
   },
   userModalState: {},
   isFetched: !1
-}), c = e("guidoOnboarding", {
-  state: () => a(),
+}), u = d("guidoOnboarding", {
+  state: () => g(),
   getters: {
     getOnboarding: (n) => (i) => n.onboardings[i],
     isActive: (n) => (i) => n.onboardings[i].isActive,
@@ -45,6 +46,8 @@ const t = () => ({
       return i.config[i.cardIndex];
     },
     shouldShowOnboarding: (n) => (i) => {
+      if (e && a.includes(i))
+        return !0;
       const o = n.userModalState.Guido;
       return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
     }
@@ -72,8 +75,8 @@ const t = () => ({
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
     updateCardPosition(n, i, o) {
-      const s = this.onboardings[n].config[i];
-      s && (s.top = o.top, s.position = o.position);
+      const r = this.onboardings[n].config[i];
+      r && (r.top = o.top, r.position = o.position);
     },
     setConfig(n, i) {
       this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
@@ -93,15 +96,15 @@ const t = () => ({
     async fetchUserModalState() {
       if (this.isFetched)
         return;
-      const { fetchUserModalState: n } = r(), i = await n();
+      const { fetchUserModalState: n } = s(), i = await n();
       this.userModalState = i, this.isFetched = !0;
     },
     async setUserModalState(n, i, o) {
-      const { setUserModalState: s } = r();
-      await s(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
+      const { setUserModalState: r } = s();
+      await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });
 export {
-  c as useOnboardingStore
+  u as useOnboardingStore
 };

package/dist/utils/dateUtil.js

@@ -1,19 +1,10 @@
-import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
-const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
+import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
+const c = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
-}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
-  const t = window.l10n;
-  return (t == null ? void 0 : t.timezone) || u || c;
-}, D = (t, e = s(), n = f()) => {
-  const o = {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    timeZone: n
-  }, i = m(t);
-  return new Intl.DateTimeFormat(e, o).format(i);
-}, T = (t) => {
+  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
+};
+new Intl.DateTimeFormat().resolvedOptions().timeZone;
+const i = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -25,13 +16,9 @@ const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length ===
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  m as convertToDateObject,
-  T as formatPatchDate,
-  D as formatShortDate,
-  h as isAfterDate,
-  u as localTz,
-  s as locale,
-  f as timezone
+  i as formatPatchDate,
+  m as isAfterDate,
+  c as locale
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.11.0-beta.e62ab49",
+  "version": "3.11.0-beta.ed60c66",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -23,12 +23,19 @@
     "preview": "vite preview",
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
+    "lint:e2e-quality": "node scripts/lint-e2e-quality.mjs",
+    "lint:e2e-quality:ci": "node scripts/lint-e2e-quality.mjs --ci",
+    "lint:e2e-quality:update": "node scripts/lint-e2e-quality.mjs --update-baseline",
+    "lint:e2e-quality:baseline-growth": "node scripts/lint-e2e-quality.mjs --check-baseline-growth",
+    "test:e2e-mutation": "node scripts/e2e-mutation-check.mjs",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
     "test": "vitest run --coverage",
     "test:watch": "vitest",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "test:e2e:coverage": "E2E_COVERAGE=true playwright test",
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
+    "test:mutation": "stryker run",
+    "test:mutation:since": "CHANGED=$(git diff --name-only --diff-filter=AMR origin/develop...HEAD -- 'src/**/*.ts' ':(glob)src/components/organisms/onboarding/**/*.vue' ':(glob)src/components/organisms/header/**/*.vue' ':(glob)src/components/organisms/unsubscribe/**/*.vue' ':(glob)src/components/organisms/save-as-template/**/*.vue' ':(glob)src/components/organisms/email-preview/**/*.vue' ':(glob)src/components/wrappers/**/*.vue' 'src/components/Guido.vue' ':(exclude)src/**/*.test.ts' ':(exclude)src/**/index.ts' ':(exclude)src/@types/**' ':(exclude)src/enums/**' ':(exclude)src/mock/**' ':(exclude)src/**/_Boilerplate/**' | paste -sd, -); if [ -n \"$CHANGED\" ]; then stryker run --incremental --mutate \"$CHANGED\"; else echo \"No changed mutatable src files vs origin/develop\"; fi",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -52,6 +59,8 @@
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
     "@playwright/test": "1.57.0",
+    "@stryker-mutator/core": "9.6.1",
+    "@stryker-mutator/vitest-runner": "9.6.1",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

package/dist/src/composables/useHtmlValidator.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/config/compiler/utils/recommendationIgnoreUtils.test.d.ts

@@ -1 +0,0 @@
-export {};