@useinsider/guido 3.19.0-beta.ab4fcb3 → 3.19.0-beta.b73a570

package/dist/components/Guido.vue2.js

@@ -1,57 +1,58 @@
-import { defineComponent as ae, defineAsyncComponent as m, ref as x, computed as u, watch as W, onMounted as se, onUnmounted as ie } from "vue";
-import { useCortexBlueprintBridge as ce } from "../composables/useCortexBlueprintBridge.js";
-import { useEditorLock as de } from "../composables/useEditorLock.js";
-import { provideGuidoActions as me } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as le } from "../composables/useGuidoStateBridge.js";
-import { usePartner as ue } from "../composables/usePartner.js";
-import { useStripo as pe } from "../composables/useStripo.js";
-import { useTimerClone as fe } from "../composables/useTimerClone.js";
-import { migrate as G } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as H } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ye } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import ge from "./organisms/AutoSaveController.vue.js";
-import Se from "./organisms/base/Toaster.vue.js";
-import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import be from "./organisms/header/HeaderWrapper.vue.js";
-import he from "./organisms/LoadingWrapper.vue.js";
+import { defineComponent as re, defineAsyncComponent as m, ref as O, computed as u, watch as x, onMounted as se, onUnmounted as ae } from "vue";
+import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
+import { useEditorLock as ce } from "../composables/useEditorLock.js";
+import { provideGuidoActions as de } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as me } from "../composables/useGuidoStateBridge.js";
+import { usePartner as le } from "../composables/usePartner.js";
+import { useStripo as ue } from "../composables/useStripo.js";
+import { useTimerClone as pe } from "../composables/useTimerClone.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as fe } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import ye from "./organisms/AutoSaveController.vue.js";
+import ge from "./organisms/base/AuthErrorModal.vue.js";
+import ve from "./organisms/base/Toaster.vue.js";
+import Se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import he from "./organisms/header/HeaderWrapper.vue.js";
+import be from "./organisms/LoadingWrapper.vue.js";
 import Ee from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
 import we from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
 import { useStripoApi as Ce } from "../services/stripoApi.js";
 import { useConfigStore as De } from "../stores/config.js";
 import { useDynamicContentStore as ke } from "../stores/dynamic-content.js";
-import { useEditorStore as $ } from "../stores/editor.js";
-import { usePreviewStore as Fe } from "../stores/preview.js";
-import { useTemplateStore as Re } from "../stores/template.js";
-import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
-import { readTrackFloor as z } from "../utils/linkTrackingIds.js";
-const ot = /* @__PURE__ */ ae({
+import { useEditorStore as H } from "../stores/editor.js";
+import { usePreviewStore as Me } from "../stores/preview.js";
+import { useTemplateStore as Te } from "../stores/template.js";
+import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
+import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
+const nt = /* @__PURE__ */ re({
   __name: "Guido",
   props: {
     config: null,
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(q, { expose: K, emit: r }) {
-    const s = q, V = m(
+  setup(z, { expose: q, emit: r }) {
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), j = m(
+    ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), J = m(
+    ), j = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), Q = m(
+    ), J = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), X = m(
+    ), Q = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), E = x(), p = x(), f = ke(), w = Te(), o = De();
-    s.ready && o.init(s.config);
-    const c = $(), Y = Fe(), l = u(() => c.hasChanges), { isTestPartner: Z } = ue(), C = () => {
+    ), E = O(), p = O(), f = ke(), w = Fe(), o = De();
+    a.ready && o.init(a.config);
+    const c = H(), X = Me(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
       return (t = E.value) == null ? void 0 : t.handleSave(!0);
     }, D = (t) => {
       c.loadingStatus = t;
     };
-    ce(), le();
+    ie(), me();
     const y = () => {
       var t, e;
       return {
@@ -59,18 +60,18 @@ const ot = /* @__PURE__ */ ae({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || H.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
       };
-    }, { initPlugin: k, preloadRuntime: F } = pe(), { runExclusive: R, beginMount: T, isCurrentMount: M } = de();
+    }, { initPlugin: k, preloadRuntime: M } = ue(), { runExclusive: T, beginMount: F, isCurrentMount: R } = ce();
     let g = 0;
-    const { getDefaultTemplate: I } = Ce(), { cloneTimersOnSave: L, hasTimerBlocks: U } = fe(), ee = u(() => {
+    const { getDefaultTemplate: I } = Ce(), { cloneTimersOnSave: L, hasTimerBlocks: A } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), te = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), oe = u(
-      () => !!h().recommendationConfigs.strategyId
+    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
+      () => !!b().recommendationConfigs.strategyId
     );
-    me({
+    de({
       onBack: () => {
         console.debug("guido:back"), r("back");
       },
@@ -87,82 +88,78 @@ const ot = /* @__PURE__ */ ae({
     });
     const B = (t) => {
       console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, N = () => {
+    }, U = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    W(() => l.value, () => {
+    x(() => l.value, () => {
       r("on-change", l.value);
     });
-    const S = (t) => {
-      const e = t, { attribute: a, position: d } = e.detail;
-      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", a, d);
+    const v = (t) => {
+      const e = t, { attribute: s, position: d } = e.detail;
+      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
     let i = null;
-    const v = () => {
+    const S = () => {
       var e;
-      const t = document.querySelector(ye);
+      const t = document.querySelector(fe);
       (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
-    }, b = async () => {
+    }, h = async () => {
       var t;
       try {
-        o.initialized || o.init(s.config), c.templateId = o.templateId;
-        const e = o.template, a = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", A = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        o.initialized || o.init(a.config), c.templateId = o.templateId;
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const P = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, _ = o.isFeatureEnabled("linkTrackingIds"), O = {
-          partnerName: o.partnerName,
-          campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
-          rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
-        };
+        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, N = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: a && await G(a, P, O),
+          html: s && await W(s, _),
           css: d
         };
-        n.html || (n = await I(), n.html = await G(n.html, P, O));
-        const ne = _ ? z(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        U(n.html) && (n.html = await L(n.html)), _ && (c.trackIdSessionFloor = Math.max(ne, z(n.html)));
-        const re = {
-          preselectedDynamicContentList: A,
+        n.html || (n = await I(), n.html = await W(n.html, _));
+        const oe = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        A(n.html) && (n.html = await L(n.html)), N && (c.trackIdSessionFloor = Math.max(oe, $(n.html)));
+        const ne = {
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        g = T(), await k(n, y(), re), f.selectedDynamicContentList = A;
+        g = F(), await k(n, y(), ne), f.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return se(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), $().$reset(), Re().$reset(), v();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), b().$reset(), H().$reset(), Te().$reset(), S();
       const t = (e = p.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(v), i.observe(t)), F(), s.ready)
-        await b();
+      if (t && (i = new ResizeObserver(S), i.observe(t)), M(), a.ready)
+        await h();
       else {
-        const a = W(() => s.ready, (d) => {
-          d && (a(), b());
+        const s = x(() => a.ready, (d) => {
+          d && (s(), h());
         });
       }
-      document.addEventListener("dynamic-content:open", S);
-    }), ie(() => {
-      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", S), h().disposeStrategyPageReturn(), R(async () => {
-        if (M(g))
+      document.addEventListener("dynamic-content:open", v);
+    }), ae(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), b().disposeStrategyPageReturn(), T(async () => {
+        if (R(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), K({
+    }), q({
       dynamicContent: {
         insert: B,
-        close: N
+        close: U
       },
       hasChanges: l,
       saveSilent: C,
       setLoading: D
-    }), { __sfc: !0, PreviewContainer: V, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: s, configStore: o, editorStore: c, previewStore: Y, hasChanges: l, isTestPartner: Z, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: F, runExclusive: R, beginMount: T, isCurrentMount: M, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: U, noHeader: ee, isRrsEnabled: te, hasAssignedStrategy: oe, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: S, ribbonObserver: i, updateRibbonOffset: v, startEditor: b, AutoSaveController: ge, Toaster: Se, FilterSelectionDrawer: ve, HeaderWrapper: be, LoadingWrapper: he, SaveAsTemplateDrawer: Ee, UnsubscribeWrapper: we };
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: M, runExclusive: T, beginMount: F, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: A, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: B, closeDynamicContent: U, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: h, AutoSaveController: ye, AuthErrorModal: ge, Toaster: ve, FilterSelectionDrawer: Se, HeaderWrapper: he, LoadingWrapper: be, SaveAsTemplateDrawer: Ee, UnsubscribeWrapper: we };
   }
 });
 export {
-  ot as default
+  nt as default
 };

package/dist/components/organisms/base/AuthErrorModal.vue.js

@@ -0,0 +1,18 @@
+import e from "./AuthErrorModal.vue2.js";
+/* empty css                    */
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var o = this, r = o._self._c, t = o._self._setupProxy;
+  return t.authError ? r("div", { staticClass: "auth-error-modal" }, [r(t.WpModal, { attrs: { id: "guido__auth-error-modal", state: "warning", "close-button-status": !1, "close-on-outside-click": !1, "footer-button-options": t.footerButtonOptions, title: t.title }, on: { close: t.dismiss, "primary-action": t.recover } }, [r("p", [o._v(o._s(t.message))])])], 1) : o._e();
+}, n = [], i = /* @__PURE__ */ s(
+  e,
+  a,
+  n,
+  !1,
+  null,
+  "b4d7ae51"
+);
+const m = i.exports;
+export {
+  m as default
+};

package/dist/components/organisms/base/AuthErrorModal.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, computed as n } from "vue";
+import p from "../../wrappers/WpModal.vue.js";
+import { useAuthError as d } from "../../../composables/useAuthError.js";
+import { useTranslations as m } from "../../../composables/useTranslations.js";
+const _ = /* @__PURE__ */ c({
+  __name: "AuthErrorModal",
+  setup(v) {
+    const e = m(), { authError: t } = d(), r = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data !== null;
+    }), s = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data === null;
+    }), i = n(() => r.value ? e("integration-hub.reload-this-page") : e("action-builder.session-expired")), u = n(() => r.value ? e("auth.error-occurred-refresh") : s.value ? e("settings.session-on-another-device") : e("journey-builder.login-session-expired")), l = n(() => ({
+      primaryButton: {
+        type: "primary",
+        labelText: r.value ? e("integration-hub.reload") : e("journey-builder.login-popup-button")
+      },
+      cancelOrBackButton: {
+        type: "secondary",
+        styling: "ghost",
+        labelText: e("settings.cancel")
+      }
+    })), a = () => {
+      if (r.value) {
+        window.location.reload();
+        return;
+      }
+      window.location.replace("/");
+    };
+    return { __sfc: !0, trans: e, authError: t, isPageExpired: r, isTakenOver: s, title: i, message: u, footerButtonOptions: l, recover: a, dismiss: () => {
+      if (r.value) {
+        t.value = null;
+        return;
+      }
+      a();
+    }, WpModal: p };
+  }
+});
+export {
+  _ as default
+};

package/dist/components/wrappers/WpModal.vue.js

@@ -2,7 +2,7 @@ import r from "./WpModal.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var i = function() {
   var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
+  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, state: t.state, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
     return e.emit("close");
   }, onCloseEvent: function(n) {
     return e.emit("close");

package/dist/components/wrappers/WpModal.vue2.js

@@ -1,11 +1,12 @@
 import { defineComponent as e } from "vue";
 import { InModalV2 as o } from "@useinsider/design-system-vue";
-const u = /* @__PURE__ */ e({
+const n = /* @__PURE__ */ e({
   __name: "WpModal",
   props: {
     id: null,
     title: null,
     description: { default: "" },
+    state: { default: "default" },
     size: { default: "small" },
     footerButtonOptions: { default: void 0 },
     closeButtonStatus: { type: Boolean, default: !0 },
@@ -13,10 +14,10 @@ const u = /* @__PURE__ */ e({
     footerStatus: { type: Boolean, default: !0 }
   },
   emits: ["close", "primary-action", "secondary-action"],
-  setup(l, { emit: t }) {
+  setup(a, { emit: t }) {
     return { __sfc: !0, emit: t, InModalV2: o };
   }
 });
 export {
-  u as default
+  n as default
 };

package/dist/composables/useAuthError.js

@@ -0,0 +1,52 @@
+import { ToasterTypeOptions as l } from "../enums/toaster.js";
+import { ref as p } from "vue";
+import { useToaster as u } from "./useToaster.js";
+import { useTranslations as f } from "./useTranslations.js";
+const d = ["accessExpired", "domainRestricted", "ipRestricted", "insiderAccessRestricted"], n = p(null), a = (e) => {
+  try {
+    return new URL(e, window.location.href).origin === window.location.origin;
+  } catch {
+    return !0;
+  }
+}, g = (e) => {
+  try {
+    const o = new URL(e, window.location.href);
+    return o.origin === window.location.origin ? o.href : "";
+  } catch {
+    return "";
+  }
+}, w = (e) => {
+  try {
+    const o = JSON.parse(e);
+    return o && typeof o == "object" && Object.keys(o).length ? o : null;
+  } catch {
+    return null;
+  }
+}, y = (e) => typeof (e == null ? void 0 : e.message) == "string" ? e.message : "", s = (e) => y(e) || f()("user-management.collaborate-forbidden-action"), c = (e) => {
+  u().showToaster({ type: l.Error, message: e });
+}, R = (e, o, t) => {
+  if (t && !a(t))
+    return;
+  const r = w(o);
+  if (e === 403) {
+    c(s(r));
+    return;
+  }
+  if (e === 401 && (r == null ? void 0 : r.type) === "groupLevelAccess") {
+    c(s(r));
+    return;
+  }
+  if (e === 401 && typeof (r == null ? void 0 : r.type) == "string" && d.includes(r.type)) {
+    const i = typeof r.redirect == "string" ? g(r.redirect) : "";
+    if (i) {
+      window.location.replace(i);
+      return;
+    }
+  }
+  e !== 401 && e !== 419 || n.value || (window.isSessionExpired = !0, n.value = { status: e, data: r });
+}, T = () => ({ authError: n });
+export {
+  a as isPanelOrigin,
+  R as reportAuthError,
+  T as useAuthError
+};

package/dist/composables/useHttp.js

@@ -1,88 +1,98 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-const X = (b = {}) => {
-  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as D } from "../utils/genericUtil.js";
+import { ref as T, computed as w } from "vue";
+import { isPanelOrigin as j, reportAuthError as X } from "./useAuthError.js";
+const k = [401, 403, 419], _ = (g = {}) => {
+  const f = T(!1), n = T(null), c = T(null), b = w(() => f.value), y = w(() => n.value !== null), E = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": D(),
       Accept: "application/json",
+      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...b
-  }, w = (e, s) => {
+    ...g
+  }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || E.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, R = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, L = {}) => {
-    a.value = null, p.value = !0, u.value = new AbortController();
-    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
+  }), P = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, f.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...a.headers },
+      signal: c.value.signal,
+      ...a
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (h = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete d.headers["Content-Type"], d.body = t) : d.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired) {
+        n.value = { message: "Session expired", authReported: !0 };
+        const o = new Error("Session expired");
+        throw o.authReported = !0, o;
+      }
       try {
-        const o = [fetch(D, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const o = [fetch(p, d)];
+        a.timeout && o.push(R(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, l = new Error(H);
+          throw l.status = s.status, l.statusText = s.statusText, l.response = s, l.authReported = k.includes(s.status) && j(p), l.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
+            s.status,
+            O,
+            new URL(p, window.location.href).href
+          )).catch(() => {
+          }), l;
         }
-        let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
-          data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+        let h;
+        const u = s.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await s.json() : u != null && u.includes("text/") ? h = await s.text() : h = await s.blob(), {
+          data: h,
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (h < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(h + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (m < (a.retry || 0) && !s)
+          return await P(a.retryDelay || 1e3), v(m + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
-      return await E();
+      return await v();
     } finally {
-      p.value = !1, u.value = null;
+      f.value = !1, c.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
-    u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, A = (e, r) => i("GET", e, void 0, r), S = (e, r, t) => i("POST", e, r, t), U = (e, r, t) => i("PUT", e, r, t), C = (e, r, t) => i("PATCH", e, r, t), $ = (e, r) => i("DELETE", e, void 0, r), q = (e) => {
+    c.value && c.value.abort(e);
+  }, L = () => {
+    n.value = null;
   };
   return {
-    // State
-    loading: g,
-    error: T(() => a.value),
+    loading: b,
+    error: w(() => n.value),
     hasError: y,
-    // Methods
     request: i,
-    get: C,
-    post: R,
-    put: $,
-    patch: q,
-    delete: A,
-    cancel: U,
-    clearError: W
+    get: A,
+    post: S,
+    put: U,
+    patch: C,
+    delete: $,
+    cancel: q,
+    clearError: L
   };
 };
 export {
-  X as useHttp
+  _ as useHttp
 };

package/dist/composables/useToaster.js

@@ -1,26 +1,28 @@
 import { ToasterTypeOptions as T } from "../enums/toaster.js";
-import { useToasterStore as c } from "../stores/toaster.js";
-import { nextTick as u } from "vue";
+import { useToasterStore as u } from "../stores/toaster.js";
+import { nextTick as c } from "vue";
 const s = /* @__PURE__ */ new WeakMap(), p = () => {
-  const e = c(), o = () => {
-    const t = s.get(e);
-    t && (clearTimeout(t), s.delete(e));
+  const t = u(), o = () => {
+    const e = s.get(t);
+    e && (clearTimeout(e), s.delete(t));
   };
-  function r(t = { message: "" }) {
-    o(), e.hideToaster(), u(() => {
-      e.showToaster(t), e.shouldAutoHide && s.set(e, setTimeout(() => {
-        e.hideToaster(), o();
+  function i(e = { message: "" }) {
+    o(), t.hideToaster(), c(() => {
+      t.showToaster(e), t.shouldAutoHide && s.set(t, setTimeout(() => {
+        t.hideToaster(), o();
       }, 6e3));
     });
   }
-  function i() {
-    o(), e.hideToaster();
+  function n() {
+    o(), t.hideToaster();
   }
-  function n(t, a) {
-    const m = t instanceof Error ? t.message : String(t);
-    r({ type: T.Error, message: `${a}: ${m}` });
+  function a(e, r) {
+    if (e != null && e.authReported)
+      return;
+    const m = e instanceof Error ? e.message : String(e);
+    i({ type: T.Error, message: `${r}: ${m}` });
   }
-  return { showToaster: r, hideToaster: i, handleError: n };
+  return { showToaster: i, hideToaster: n, handleError: a };
 };
 export {
   p as useToaster

package/dist/composables/validators/useLiquidValidator.js

@@ -1,13 +1,13 @@
-import { ToasterTypeOptions as a } from "../../enums/toaster.js";
+import { ToasterTypeOptions as r } from "../../enums/toaster.js";
 import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
 import { useHttp as d } from "../useHttp.js";
-import { useToaster as c } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
+import { useToaster as p } from "../useToaster.js";
+import { useTranslations as c } from "../useTranslations.js";
 const v = () => {
-  const { post: i } = d(), { showToaster: e } = c(), s = p();
+  const { post: i } = d(), { showToaster: t } = p(), s = c();
   return { validateLiquidSyntax: async (o) => {
     try {
-      const t = await i("/newsletter/contents/validate-syntax", [{
+      const e = await i("/newsletter/contents/validate-syntax", [{
         identifier: "default",
         syntax: "liquid",
         contents: {
@@ -17,21 +17,21 @@ const v = () => {
           ampHtml: null
         }
       }]);
-      if (!Array.isArray(t.data)) {
-        const l = t.data;
-        return e({
-          type: a.Warning,
+      if (!Array.isArray(e.data)) {
+        const l = e.data;
+        return t({
+          type: r.Warning,
           message: l.message ?? s("journey-builder.liquid-validation-failed")
         }), !1;
       }
-      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
-      return n.length ? (e({
-        type: a.Warning,
+      const [a] = e.data, n = Object.values((a == null ? void 0 : a.errors) ?? {});
+      return n.length ? (t({
+        type: r.Warning,
         message: n[0].replace(/^line \d+:\s*/, "")
       }), !1) : !0;
-    } catch {
-      return e({
-        type: a.Error,
+    } catch (e) {
+      return e != null && e.authReported || t({
+        type: r.Error,
         message: s("journey-builder.liquid-validation-failed")
       }), !1;
     }