@useinsider/guido 3.19.0-beta.3abc7c5 → 3.19.0-beta.3d545d6

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

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

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

@@ -1,16 +1,16 @@
 import o from "./LeftSlot.vue2.js";
 /* empty css              */
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
   var e = this, s = e._self._c, t = e._self._setupProxy;
   return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "ghost", type: "secondary", "disabled-status": t.isBackButtonDisabled, "label-text": t.backButtonLabel, "skeleton-sizing": { width: 150, height: 26 }, "skeleton-status": t.editorStore.loadingStatus }, on: { click: t.handleBackClick } })], 1);
-}, i = [], r = /* @__PURE__ */ n(
+}, i = [], r = /* @__PURE__ */ a(
   o,
-  a,
+  n,
   i,
   !1,
   null,
-  "b8f24f34"
+  "73199fa4"
 );
 const f = r.exports;
 export {

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

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

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

@@ -1,19 +1,17 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var u = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(n) {
+  var t = this, n = t._self._c, e = t._self._setupProxy;
+  return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
     return e.emit("cancelOrBackButtonEvent");
-  }, onCloseEvent: function(n) {
+  }, onCloseEvent: function(o) {
     return e.emit("onCloseEvent");
-  }, primaryButtonEvent: function(n) {
+  }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  }, secondaryButtonEvent: function(n) {
-    return e.emit("secondaryButtonEvent");
   } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
     return [t._t("headerBottomSlot")];
   }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
-    return [o("div", [t._t("default")], 2)];
+    return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
 }, i = [], c = /* @__PURE__ */ s(
   r,
@@ -23,7 +21,7 @@ var u = function() {
   null,
   null
 );
-const p = c.exports;
+const f = c.exports;
 export {
-  p as default
+  f as default
 };

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

@@ -13,7 +13,7 @@ const r = /* @__PURE__ */ e({
     status: { type: Boolean },
     titleText: null
   },
-  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent", "secondaryButtonEvent"],
+  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent"],
   setup(n, { emit: t }) {
     return { __sfc: !0, emit: t, InDrawer: o };
   }

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,51 @@
+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 {
+  R as reportAuthError,
+  T as useAuthError
+};

package/dist/composables/useHtmlCompiler.js

@@ -1,14 +1,13 @@
-import { defaultHtmlCompilerRules as d } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as f } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as g } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as R } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
 import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as b } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as n } from "../utils/htmlCompiler.js";
-import { computed as p } from "vue";
-import { useConfig as C } from "./useConfig.js";
-const x = /* @__PURE__ */ new Set([
+import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
+import { useConfig as k } from "./useConfig.js";
+const y = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -31,34 +30,24 @@ const x = /* @__PURE__ */ new Set([
   // Editor-only attribute strip — AMP4EMAIL has no `contenteditable`, so leaving
   // it in narrows/breaks rendering. Pure attribute removal, emits nothing.
   "remove-contenteditable"
-]), I = () => {
-  const { compiler: i, isFeatureEnabled: u, partner: a } = C(), c = p(() => {
-    var m, l;
-    const e = ((m = i.value) == null ? void 0 : m.customRules) || [];
-    return [
-      ...!!((l = i.value) != null && l.ignoreDefaultRules) ? [] : d,
-      ...v,
-      ...b,
-      ...f,
-      ...R,
-      ...H,
-      ...u("liquidSyntax") ? g : [],
-      ...e.map((t, o) => ({
-        ...t,
-        priority: t.priority + 1e3 + o
-        // Ensure additional rules run after default rules
-      }))
-    ];
-  }), r = p(() => {
-    var t;
-    const e = c.value, s = n(e), m = n(e.filter((o) => x.has(o.id))), l = (t = a.value) == null ? void 0 : t.fallbackFont;
-    return {
-      compileHtml: (o) => s.compile(o, void 0, l),
-      compileAmpHtml: (o) => m.compile(o, void 0, l)
-    };
-  });
-  return { compileHtml: (e) => r.value.compileHtml(e), compileAmpHtml: (e) => r.value.compileAmpHtml(e) };
+]), M = () => {
+  var i, m, r;
+  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
+    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
+    ...v,
+    ...x,
+    ...g,
+    ...b,
+    ...H,
+    ...n("liquidSyntax") ? C : [],
+    ...p.map((e, f) => ({
+      ...e,
+      priority: e.priority + 1e3 + f
+      // Ensure additional rules run after default rules
+    }))
+  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
 };
 export {
-  I as useHtmlCompiler
+  M as useHtmlCompiler
 };

package/dist/composables/useHtmlValidator.js

@@ -226,8 +226,6 @@ const ke = () => {
 export {
   ge as buildPartnerAttributeNameSet,
   pe as findInvalidCustomFields,
-  Ee as getInvalidDynamicContentTags,
-  me as getRecommendationBlockIds,
   fe as parseRecommendationVariable,
   ke as useHtmlValidator
 };

package/dist/composables/useHttp.js

@@ -1,7 +1,8 @@
 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 { reportAuthError as j } from "./useAuthError.js";
+const X = [401, 403, 419], N = (g = {}) => {
+  const h = m(!1), n = m(null), c = m(null), b = T(() => h.value), y = T(() => n.value !== null), w = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
@@ -10,79 +11,85 @@ const X = (b = {}) => {
       "Content-Type": "application/json",
       "X-CSRF-TOKEN": O(),
       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 || w.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, P = (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 = {
+  }), R = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, h.value = !0, c.value = new AbortController();
+    const a = { ...w, ...W }, E = x(r, a.baseURL), f = {
       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 f.headers["Content-Type"], f.body = t) : f.body = JSON.stringify(t));
+    const v = async (p = 0) => {
+      if (window.isSessionExpired)
+        throw n.value = { message: "Session expired" }, new Error("Session expired");
       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(E, f)];
+        a.timeout && o.push(P(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, u = new Error(H);
+          throw u.status = s.status, u.statusText = s.statusText, u.response = s, u.authReported = X.includes(s.status), u.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((D) => j(
+            s.status,
+            D,
+            new URL(E, window.location.href).href
+          )).catch(() => {
+          }), u;
         }
-        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 d;
+        const l = s.headers.get("content-type");
+        return l != null && l.includes("application/json") ? d = await s.json() : l != null && l.includes("text/") ? d = await s.text() : d = await s.blob(), {
+          data: d,
+          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 (p < (a.retry || 0) && !s)
+          return await R(a.retryDelay || 1e3), v(p + 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;
+      h.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: T(() => 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
+  N as useHttp
 };