@useinsider/guido 3.11.0-beta.aa6c24f → 3.11.0-beta.b9b7d29

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/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/composables/useStripo.js

@@ -14,10 +14,10 @@ import J from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as E } from "../stores/editor.js";
 import { dynamicContentToMergeTags as X } from "../utils/genericUtil.js";
 import j from "../package.json.js";
-const pe = (C, l) => {
-  const { features: c, template: w, isFeatureEnabled: u } = x(), { handleError: m, showToaster: b } = z(), { getToken: k, getCustomFonts: T, getSyncModulesStatus: B } = G(), { handleEvent: F } = H(), { getStripoBlocksConfig: v } = R(), { getStripoNotifications: V } = N(), _ = async (s, i = [], r = !1) => {
+const fo = (C, l) => {
+  const { features: c, template: w, isFeatureEnabled: u } = x(), { handleError: m, showToaster: b } = z(), { getToken: T, getCustomFonts: k, getSyncModulesStatus: B } = G(), { handleEvent: F } = H(), { getStripoBlocksConfig: v } = R(), { getStripoNotifications: V } = N(), _ = async (s, i = [], r = !1) => {
     var g, S, y;
-    const e = E(), { html: p, css: a } = s, { baseBlocks: t, extensions: d } = await v(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, A = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, P = ((y = w.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const o = E(), { html: p, css: a } = s, { baseBlocks: t, extensions: d } = await v(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, M = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, P = ((y = w.value) == null ? void 0 : y.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -38,12 +38,11 @@ const pe = (C, l) => {
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: A,
+        modulesDisabled: M,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
-        keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
@@ -63,35 +62,35 @@ const pe = (C, l) => {
             )
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(e) {
           try {
-            const n = await k();
-            o(n);
+            const n = await T();
+            e(n);
           } catch (n) {
             m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = O(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: D } = U(), { injectFullStory: I } = q();
-            o(), n(), I(), D(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = O(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: D } = U(), { injectFullStory: I } = q();
+            e(), n(), I(), D(), l.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
             }, 1e3);
-          } catch (o) {
-            m(o, "Failed to load custom interface appearance");
+          } catch (e) {
+            m(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(e) {
+          o.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          o.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(e) {
+          o.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          o.hasChanges = !0;
         },
         onEvent: F,
         notifications: V(),
@@ -104,13 +103,13 @@ const pe = (C, l) => {
         localePatch: L
       }
     );
-  }, M = (s) => new Promise((i, r) => {
+  }, A = (s) => new Promise((i, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       Promise.resolve(s()).then(i, r);
       return;
     }
-    const e = j.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
+    const o = j.guido, a = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
     t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
       Promise.resolve(s()).then(i, r);
     }, t.onerror = () => {
@@ -120,12 +119,12 @@ const pe = (C, l) => {
   return { initPlugin: async (s) => {
     const i = E();
     try {
-      await M(async () => {
-        const [r, e] = await Promise.all([
-          T(),
+      await A(async () => {
+        const [r, o] = await Promise.all([
+          k(),
           B()
         ]);
-        i.syncModulesEnabled = e, await _(s, r, e);
+        i.syncModulesEnabled = o, await _(s, r, o);
       });
     } catch {
       i.loadingStatus = !1, b({
@@ -140,5 +139,5 @@ const pe = (C, l) => {
   } };
 };
 export {
-  pe as useStripo
+  fo as useStripo
 };

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-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-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-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}

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.aa6c24f",
+  "version": "3.11.0-beta.b9b7d29",
   "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",