astrogators-shared-ui 0.16.4 → 0.17.0

package/dist/index.js

@@ -140,36 +140,36 @@ var _ = [
 	x(e), w(t);
 }, D = () => {
 	S(), T();
-}, ee = () => !!b(), O = "", k, A = null, j = (e) => {
-	O = e.baseURL, k = e.onUnauthorized;
-}, M = () => A || (A = (async () => {
+}, O = () => !!b(), ee = "", te, k = null, A = (e) => {
+	ee = e.baseURL, te = e.onUnauthorized;
+}, j = () => k || (k = (async () => {
 	let e = C();
 	if (!e) throw Error("No refresh token available");
-	let t = await fetch(`${O}/api/v1/auth/refresh`, {
+	let t = await fetch(`${ee}/api/v1/auth/refresh`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ refresh_token: e })
 	});
-	if (!t.ok) throw D(), k?.(), Error("Token refresh failed");
+	if (!t.ok) throw D(), te?.(), Error("Token refresh failed");
 	let n = await t.json();
 	return E(n.access_token, n.refresh_token), n.access_token;
 })().finally(() => {
-	A = null;
-}), A), N = 30, P = [700, 1500], F = /* @__PURE__ */ new Set([
+	k = null;
+}), k), ne = 30, M = [700, 1500], N = /* @__PURE__ */ new Set([
 	502,
 	503,
 	504
-]), te = (e) => {
+]), P = (e) => {
 	let t = (e ?? "GET").toUpperCase();
 	return t === "GET" || t === "HEAD" || t === "OPTIONS";
-}, I = (e) => e == null || typeof e == "string", ne = (e) => new Promise((t) => setTimeout(t, e)), re = async (e, t) => {
-	let n = te(t.method) && I(t.body), r = I(t.body), i;
-	for (let a = 0; a <= P.length; a++) {
-		a > 0 && await ne(P[a - 1]);
-		let o = a < P.length;
+}, F = (e) => e == null || typeof e == "string", re = (e) => new Promise((t) => setTimeout(t, e)), I = async (e, t) => {
+	let n = P(t.method) && F(t.body), r = F(t.body), i;
+	for (let a = 0; a <= M.length; a++) {
+		a > 0 && await re(M[a - 1]);
+		let o = a < M.length;
 		try {
 			let r = await fetch(e, t);
-			if (o && n && F.has(r.status)) continue;
+			if (o && n && N.has(r.status)) continue;
 			return r;
 		} catch (e) {
 			if (i = e, o && r) continue;
@@ -180,26 +180,26 @@ var _ = [
 }, ie = (e) => {
 	try {
 		let t = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), { exp: n } = JSON.parse(atob(t));
-		return typeof n == "number" && Date.now() / 1e3 >= n - N;
+		return typeof n == "number" && Date.now() / 1e3 >= n - ne;
 	} catch {
 		return !1;
 	}
 }, ae = async (e, t = {}) => {
 	let n = b();
 	if (n && ie(n)) try {
-		n = await M();
+		n = await j();
 	} catch {
 		n = b();
 	}
 	let r = { ...t.headers };
 	n && (r.Authorization = `Bearer ${n}`);
-	let i = await re(e, {
+	let i = await I(e, {
 		...t,
 		headers: r
 	});
 	if (i.status !== 401 || !n) return i;
 	try {
-		return r.Authorization = `Bearer ${await M()}`, await re(e, {
+		return r.Authorization = `Bearer ${await j()}`, await I(e, {
 			...t,
 			headers: r
 		});
@@ -209,7 +209,7 @@ var _ = [
 }, oe = class {
 	baseURL;
 	constructor(e) {
-		this.baseURL = e.baseURL, j({
+		this.baseURL = e.baseURL, A({
 			baseURL: e.baseURL,
 			onUnauthorized: e.onUnauthorized
 		});
@@ -270,14 +270,17 @@ var _ = [
 	}
 }, L, se = (e) => {
 	L = new oe(e);
-}, R = "astrogators_ally_codes", ce = "astrogators_selected_ally_code", z = () => {
+}, ce = async (e) => {
+	let t = await L.patch("/api/v1/users/me", e);
+	return t.tokens && E(t.tokens.access_token, t.tokens.refresh_token), t;
+}, le = async () => (await L.post("/api/v1/auth/logout-all")).message, R = "astrogators_ally_codes", ue = "astrogators_selected_ally_code", z = () => {
 	try {
 		let e = localStorage.getItem(R);
 		return e ? JSON.parse(e) : [];
 	} catch (e) {
 		return console.error("Failed to read ally codes from localStorage:", e), [];
 	}
-}, le = (e) => {
+}, de = (e) => {
 	try {
 		let t = z();
 		if (t.some((t) => t.ally_code === e.ally_code)) return;
@@ -285,14 +288,14 @@ var _ = [
 	} catch (e) {
 		console.error("Failed to save ally code to localStorage:", e);
 	}
-}, ue = (e) => {
+}, fe = (e) => {
 	try {
 		let t = z().filter((t) => t.ally_code !== e);
 		localStorage.setItem(R, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to remove ally code from localStorage:", e);
 	}
-}, de = (e) => {
+}, pe = (e) => {
 	try {
 		let t = z().map((t) => t.ally_code === e ? {
 			...t,
@@ -302,11 +305,11 @@ var _ = [
 	} catch (e) {
 		console.error("Failed to update ally code last used:", e);
 	}
-}, fe = () => localStorage.getItem(ce), B = (e) => {
-	e ? localStorage.setItem(ce, e) : localStorage.removeItem(ce);
-}, pe = () => {
-	localStorage.removeItem(R), localStorage.removeItem(ce);
-}, me = t(void 0), he = ({ children: e, apiBaseUrl: t }) => {
+}, me = () => localStorage.getItem(ue), B = (e) => {
+	e ? localStorage.setItem(ue, e) : localStorage.removeItem(ue);
+}, he = () => {
+	localStorage.removeItem(R), localStorage.removeItem(ue);
+}, ge = t(void 0), _e = ({ children: e, apiBaseUrl: t }) => {
 	let [n, i] = s(null), [o, c] = s(!0), [u, d] = s(!0), [f, p] = s(!0), [m, h] = s([]), [g, _] = s(null), [v, y] = s(!1), [b, x] = s({
 		show: !1,
 		localStorageCodes: []
@@ -324,7 +327,7 @@ var _ = [
 		})();
 	}, [t]);
 	let S = r(async () => {
-		if (!ee()) {
+		if (!O()) {
 			i(null), c(!1);
 			return;
 		}
@@ -360,21 +363,30 @@ var _ = [
 			show: !1,
 			localStorageCodes: []
 		});
-	}, O = async () => {
+	}, ee = async () => {
 		await S();
+	}, te = async () => {
+		try {
+			await le();
+		} finally {
+			T();
+		}
 	}, k = async (e) => {
+		let t = await ce(e);
+		return i(t), t;
+	}, A = async (e) => {
 		try {
 			return (await L.post("/api/v1/auth/forgot-password", e)).message;
 		} catch (e) {
 			throw console.error("Forgot password failed:", e), e;
 		}
-	}, A = async (e) => {
+	}, j = async (e) => {
 		try {
 			return (await L.post("/api/v1/auth/reset-password", e)).message;
 		} catch (e) {
 			throw console.error("Reset password failed:", e), e;
 		}
-	}, j = async (e) => {
+	}, ne = async (e) => {
 		try {
 			return (await L.post("/api/v1/auth/resend-verification", e)).message;
 		} catch (e) {
@@ -396,7 +408,7 @@ var _ = [
 				let t = z();
 				h(t), e = t.map((e) => e.ally_code);
 			}
-			let t = fe(), r = t && e.includes(t) ? t : null;
+			let t = me(), r = t && e.includes(t) ? t : null;
 			_(r), r !== t && B(r);
 		} catch (e) {
 			console.error("Failed to fetch ally codes:", e), h([]);
@@ -404,12 +416,12 @@ var _ = [
 			y(!1);
 		}
 	}, [n]), N = r(async (e) => {
-		n && typeof e == "number" ? (await L.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await M()) : !n && typeof e == "string" && (de(e), h(z()));
+		n && typeof e == "number" ? (await L.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await M()) : !n && typeof e == "string" && (pe(e), h(z()));
 	}, [n, M]), P = r((e) => {
 		if (_(e), B(e), e && n) {
 			let t = m.find((t) => "ally_code" in t && t.ally_code === e);
 			t && "id" in t && N(t.id);
-		} else e && !n && de(e);
+		} else e && !n && pe(e);
 	}, [
 		n,
 		m,
@@ -422,7 +434,7 @@ var _ = [
 		} else {
 			let t = await L.get(`/api/v1/player-data/player/${e}`);
 			if (!t) throw Error("Invalid ally code - player not found");
-			le({
+			de({
 				ally_code: e,
 				player_name: t.data?.name ?? null,
 				last_used_at: (/* @__PURE__ */ new Date()).toISOString()
@@ -432,8 +444,8 @@ var _ = [
 		n,
 		m.length,
 		P
-	]), te = r(async (e) => {
-		n && typeof e == "number" ? (await L.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !n && typeof e == "string" && (ue(e), h(z()), g === e && P(null));
+	]), re = r(async (e) => {
+		n && typeof e == "number" ? (await L.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !n && typeof e == "string" && (fe(e), h(z()), g === e && P(null));
 	}, [
 		n,
 		g,
@@ -443,7 +455,7 @@ var _ = [
 			show: !1,
 			localStorageCodes: []
 		});
-	}, []), ne = r(async () => {
+	}, []), ie = r(async () => {
 		if (!n) return;
 		let e = z();
 		for (let t of e) try {
@@ -451,7 +463,7 @@ var _ = [
 		} catch (e) {
 			console.error(`Failed to migrate ally code ${t.ally_code}:`, e);
 		}
-		pe(), I();
+		he(), I();
 	}, [
 		n,
 		F,
@@ -460,17 +472,19 @@ var _ = [
 	a(() => {
 		M();
 	}, [M]);
-	let re = {
+	let ae = {
 		user: n,
 		isAuthenticated: !!n,
 		isLoading: o,
 		login: C,
 		register: w,
 		logout: T,
-		refreshUser: O,
-		forgotPassword: k,
-		resetPassword: A,
-		resendVerification: j,
+		logoutAll: te,
+		refreshUser: ee,
+		forgotPassword: A,
+		resetPassword: j,
+		resendVerification: ne,
+		updateAccount: k,
 		authEnabled: u,
 		isLoadingFeatures: f,
 		allyCodes: m,
@@ -478,25 +492,25 @@ var _ = [
 		isLoadingAllyCodes: v,
 		fetchAllyCodes: M,
 		addAllyCode: F,
-		removeAllyCode: te,
+		removeAllyCode: re,
 		selectAllyCode: P,
 		updateAllyCodeLastUsed: N,
 		migrationPrompt: b,
 		dismissMigrationPrompt: I,
-		migrateLocalStorageCodes: ne
+		migrateLocalStorageCodes: ie
 	};
-	return /* @__PURE__ */ l(me.Provider, {
-		value: re,
+	return /* @__PURE__ */ l(ge.Provider, {
+		value: ae,
 		children: e
 	});
 }, V = () => {
-	let e = i(me);
+	let e = i(ge);
 	if (e === void 0) throw Error("useAuth must be used within an AuthProvider");
 	return e;
 };
 //#endregion
 //#region src/hooks/useDismissableMenu.ts
-function ge({ isOpen: e, onClose: t, triggerRef: n, panelRef: r }) {
+function ve({ isOpen: e, onClose: t, triggerRef: n, panelRef: r }) {
 	a(() => {
 		if (!e) return;
 		let i = (e) => {
@@ -528,9 +542,9 @@ var H = {
 	groupLabel: "_groupLabel_vspnm_92",
 	groupItems: "_groupItems_vspnm_97",
 	groupItem: "_groupItem_vspnm_97"
-}, _e = ({ app: e, isCurrentApp: t, activeSectionId: n, isOpen: r, onOpenChange: i, onSectionClick: a }) => {
+}, ye = ({ app: e, isCurrentApp: t, activeSectionId: n, isOpen: r, onOpenChange: i, onSectionClick: a }) => {
 	let { isAuthenticated: s, user: c } = V(), d = o(null), f = o(null), p = `navmenu-panel-${e.id}`;
-	ge({
+	ve({
 		isOpen: r,
 		onClose: () => i(!1),
 		triggerRef: d,
@@ -601,10 +615,10 @@ var H = {
 			})
 		})]
 	});
-}, ve = { burger: "_burger_javjr_1" }, ye = n(({ isOpen: e, onClick: t, controlsId: n }, r) => /* @__PURE__ */ l("button", {
+}, be = { burger: "_burger_javjr_1" }, xe = n(({ isOpen: e, onClick: t, controlsId: n }, r) => /* @__PURE__ */ l("button", {
 	ref: r,
 	type: "button",
-	className: ve.burger,
+	className: be.burger,
 	onClick: t,
 	"aria-expanded": e,
 	"aria-controls": n,
@@ -633,7 +647,7 @@ var H = {
 		})
 	})
 }));
-ye.displayName = "NavBurger";
+xe.displayName = "NavBurger";
 var U = {
 	selectWrapper: "_selectWrapper_ir4bq_1",
 	fullWidth: "_fullWidth_ir4bq_7",
@@ -645,7 +659,7 @@ var U = {
 	arrow: "_arrow_ir4bq_71",
 	errorText: "_errorText_ir4bq_81",
 	helperText: "_helperText_ir4bq_86"
-}, be = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: s, ...c }, d) => {
+}, Se = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: s, ...c }, d) => {
 	let f = s || `select-${Math.random().toString(36).substr(2, 9)}`, p = !!t;
 	return /* @__PURE__ */ u("div", {
 		className: `${U.selectWrapper} ${a ? U.fullWidth : ""} ${o}`,
@@ -694,7 +708,7 @@ var U = {
 		]
 	});
 });
-be.displayName = "Select";
+Se.displayName = "Select";
 var W = {
 	button: "_button_159ms_1",
 	sm: "_sm_159ms_22",
@@ -731,7 +745,7 @@ var W = {
 	error: "_error_15t4g_55",
 	errorText: "_errorText_15t4g_63",
 	helperText: "_helperText_15t4g_68"
-}, xe = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, s) => {
+}, Ce = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, s) => {
 	let c = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
 	return /* @__PURE__ */ u("div", {
 		className: `${K.inputWrapper} ${r ? K.fullWidth : ""} ${i}`,
@@ -761,10 +775,10 @@ var W = {
 		]
 	});
 });
-xe.displayName = "Input";
+Ce.displayName = "Input";
 //#endregion
 //#region src/utils/formatAllyCode.ts
-var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, Se = (e) => e.replace(/-/g, ""), J = {
+var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, we = (e) => e.replace(/-/g, ""), J = {
 	allyCodeDropdown: "_allyCodeDropdown_1pawi_1",
 	select: "_select_1pawi_8",
 	manageButton: "_manageButton_1pawi_12",
@@ -777,29 +791,29 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 	codeItem: "_codeItem_1pawi_71",
 	doneButton: "_doneButton_1pawi_88",
 	inline: "_inline_1pawi_107"
-}, Ce = ({ onAllyCodeSelected: e, className: t = "", isOpen: n, onOpenChange: r, variant: i = "floating" }) => {
+}, Te = ({ onAllyCodeSelected: e, className: t = "", isOpen: n, onOpenChange: r, variant: i = "floating" }) => {
 	let { allyCodes: a, selectedAllyCode: c, selectAllyCode: d, removeAllyCode: f, addAllyCode: p, isLoadingAllyCodes: m } = V(), [h, g] = s(!1), _ = n ?? h, v = (e) => {
 		g(e), r?.(e);
-	}, [y, b] = s(""), [x, S] = s(""), [C, w] = s(""), [T, E] = s(!1), D = o(null), ee = o(null);
-	ge({
+	}, [y, b] = s(""), [x, S] = s(""), [C, w] = s(""), [T, E] = s(!1), D = o(null), O = o(null);
+	ve({
 		isOpen: _ && i === "floating",
 		onClose: () => v(!1),
 		triggerRef: D,
-		panelRef: ee
+		panelRef: O
 	});
-	let O = a.map((e) => ({
+	let ee = a.map((e) => ({
 		value: e.ally_code,
 		label: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code)
-	})), k = (t) => {
+	})), te = (t) => {
 		let n = t.target.value || null;
 		d(n), e?.(n);
-	}, A = async (e) => {
+	}, k = async (e) => {
 		let t = a.find((t) => t.ally_code === e);
 		if (t) {
 			let e = "id" in t ? t.id : t.ally_code;
 			await f(e);
 		}
-	}, j = async () => {
+	}, A = async () => {
 		if (S(""), w(""), !/^\d{9}$/.test(y)) {
 			S("Ally code must be exactly 9 digits");
 			return;
@@ -812,21 +826,21 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 		} finally {
 			E(!1);
 		}
-	}, M = a.length > 0;
+	}, j = a.length > 0;
 	return /* @__PURE__ */ u("div", {
 		className: `${J.allyCodeDropdown} ${i === "inline" ? J.inline : ""} ${t}`,
 		children: [
-			M && /* @__PURE__ */ l(be, {
-				options: O,
+			j && /* @__PURE__ */ l(Se, {
+				options: ee,
 				value: c || "",
-				onChange: k,
+				onChange: te,
 				placeholder: "Select ally code",
 				disabled: m,
 				className: J.select
 			}),
 			_ && /* @__PURE__ */ u("div", {
 				className: J.managePanel,
-				ref: ee,
+				ref: O,
 				id: "ally-code-manage-panel",
 				children: [
 					/* @__PURE__ */ l("h4", { children: "Manage Ally Codes" }),
@@ -835,7 +849,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 						children: [
 							/* @__PURE__ */ u("div", {
 								className: J.addInputGroup,
-								children: [/* @__PURE__ */ l(xe, {
+								children: [/* @__PURE__ */ l(Ce, {
 									type: "text",
 									placeholder: "9-digit ally code",
 									value: y,
@@ -844,7 +858,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 								}), /* @__PURE__ */ l(G, {
 									variant: "primary",
 									size: "sm",
-									onClick: j,
+									onClick: A,
 									loading: T,
 									disabled: y.length !== 9,
 									children: "Add"
@@ -867,7 +881,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 							children: [/* @__PURE__ */ l("span", { children: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code) }), /* @__PURE__ */ l(G, {
 								variant: "ghost",
 								size: "sm",
-								onClick: () => A(e.ally_code),
+								onClick: () => k(e.ally_code),
 								children: "Remove"
 							})]
 						}, e.ally_code))
@@ -891,28 +905,28 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 					"aria-expanded": _,
 					"aria-controls": "ally-code-manage-panel",
 					"aria-haspopup": "true",
-					children: M ? "Manage" : "+ Add ally code"
+					children: j ? "Manage" : "+ Add ally code"
 				})
 			})
 		]
 	});
-}, we = {
+}, Ee = {
 	authCluster: "_authCluster_17o10_1",
 	userLink: "_userLink_17o10_7",
 	adminLink: "_adminLink_17o10_16"
-}, Te = ({ showAuth: e = !0 }) => {
+}, De = ({ showAuth: e = !0 }) => {
 	let { user: t, isAuthenticated: n, logout: r, authEnabled: i } = V();
 	return e ? n ? /* @__PURE__ */ u("div", {
-		className: we.authCluster,
+		className: Ee.authCluster,
 		children: [
 			t?.role === "admin" && /* @__PURE__ */ l("a", {
 				href: "/admin/users",
-				className: we.adminLink,
+				className: Ee.adminLink,
 				children: "Admin"
 			}),
 			/* @__PURE__ */ l("a", {
 				href: "/profile",
-				className: we.userLink,
+				className: Ee.userLink,
 				children: t?.username
 			}),
 			/* @__PURE__ */ l(G, {
@@ -925,7 +939,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 			})
 		]
 	}) : i ? /* @__PURE__ */ u("div", {
-		className: we.authCluster,
+		className: Ee.authCluster,
 		children: [/* @__PURE__ */ l("a", {
 			href: "/login",
 			children: /* @__PURE__ */ l(G, {
@@ -962,7 +976,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 	allySection: "_allySection_3ax21_112",
 	extrasSection: "_extrasSection_3ax21_113",
 	accountSection: "_accountSection_3ax21_114"
-}, Ee = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", De = ({ isOpen: e, onClose: t, currentApp: n, activeSectionId: r, onSectionClick: i, rightExtras: c, showAuth: f, panelId: p, returnFocusRef: m }) => {
+}, Oe = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", ke = ({ isOpen: e, onClose: t, currentApp: n, activeSectionId: r, onSectionClick: i, rightExtras: c, showAuth: f, panelId: p, returnFocusRef: m }) => {
 	let { isAuthenticated: h, user: v } = V(), [y, b] = s(n === "hub" ? null : n), x = o(null);
 	if (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
 		document.body.style.overflow = "unset";
@@ -974,7 +988,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 				return;
 			}
 			if (e.key === "Tab") {
-				let t = x.current?.querySelectorAll(Ee);
+				let t = x.current?.querySelectorAll(Oe);
 				if (!t || t.length === 0) return;
 				let n = t[0], r = t[t.length - 1], i = document.activeElement, a = i === x.current || !x.current?.contains(i);
 				e.shiftKey && (i === n || a) ? (e.preventDefault(), r.focus()) : !e.shiftKey && (i === r || a) && (e.preventDefault(), n.focus());
@@ -1057,7 +1071,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 				}),
 				/* @__PURE__ */ l("div", {
 					className: Y.allySection,
-					children: /* @__PURE__ */ l(Ce, { variant: "inline" })
+					children: /* @__PURE__ */ l(Te, { variant: "inline" })
 				}),
 				c && /* @__PURE__ */ l("div", {
 					className: Y.extrasSection,
@@ -1065,17 +1079,17 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 				}),
 				/* @__PURE__ */ l("div", {
 					className: Y.accountSection,
-					children: /* @__PURE__ */ l(Te, { showAuth: f })
+					children: /* @__PURE__ */ l(De, { showAuth: f })
 				})
 			]
 		})
 	}), document.body);
-}, Oe = {
+}, Ae = {
 	logoLink: "_logoLink_12f5f_3",
 	appMenus: "_appMenus_12f5f_10",
 	desktopRight: "_desktopRight_12f5f_19",
 	extrasGroup: "_extrasGroup_12f5f_25"
-}, ke = ({ currentApp: e, activeSectionId: t, onNavigate: n, rightExtras: r, showAuth: i = !0, className: d }) => {
+}, je = ({ currentApp: e, activeSectionId: t, onNavigate: n, rightExtras: r, showAuth: i = !0, className: d }) => {
 	let [f, p] = s(null), [m, g] = s(!1), v = o(null), y = "suite-mobile-nav-panel";
 	return a(() => {
 		let e = window.matchMedia("(max-width: 768px)"), t = () => {
@@ -1086,12 +1100,12 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 		className: d,
 		logo: /* @__PURE__ */ l("a", {
 			href: "/",
-			className: Oe.logoLink,
+			className: Ae.logoLink,
 			children: "The Astrogator's Table"
 		}),
 		leftContent: /* @__PURE__ */ l("nav", {
-			className: Oe.appMenus,
-			children: _.map((r) => /* @__PURE__ */ l(_e, {
+			className: Ae.appMenus,
+			children: _.map((r) => /* @__PURE__ */ l(ye, {
 				app: r,
 				isCurrentApp: e === r.id,
 				activeSectionId: t,
@@ -1101,19 +1115,19 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 			}, r.id))
 		}),
 		rightContent: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
-			className: Oe.desktopRight,
+			className: Ae.desktopRight,
 			children: [
 				r && /* @__PURE__ */ l("div", {
-					className: Oe.extrasGroup,
+					className: Ae.extrasGroup,
 					children: r
 				}),
-				/* @__PURE__ */ l(Ce, {
+				/* @__PURE__ */ l(Te, {
 					isOpen: f === "ally",
 					onOpenChange: (e) => p(e ? "ally" : null)
 				}),
-				/* @__PURE__ */ l(Te, { showAuth: i })
+				/* @__PURE__ */ l(De, { showAuth: i })
 			]
-		}), /* @__PURE__ */ l(ye, {
+		}), /* @__PURE__ */ l(xe, {
 			ref: v,
 			isOpen: m,
 			onClick: () => {
@@ -1121,7 +1135,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 			},
 			controlsId: y
 		})] })
-	}), /* @__PURE__ */ l(De, {
+	}), /* @__PURE__ */ l(ke, {
 		isOpen: m,
 		onClose: () => g(!1),
 		currentApp: e,
@@ -1138,7 +1152,7 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 	defaultContent: "_defaultContent_zjuj8_13",
 	copyright: "_copyright_zjuj8_21",
 	disclaimer: "_disclaimer_zjuj8_26"
-}, Ae = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("footer", {
+}, Me = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("footer", {
 	className: `${X.footer} ${t}`,
 	children: /* @__PURE__ */ l("div", {
 		className: X.content,
@@ -1160,11 +1174,11 @@ var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 });
 //#endregion
 //#region src/utils/formatTime.ts
-function je(e) {
+function Ne(e) {
 	let t = /([zZ]|[+-]\d{2}:?\d{2})$/.test(e);
 	return new Date(t ? e : `${e}Z`);
 }
-function Me(e, t) {
+function Pe(e, t) {
 	let n = Math.max(0, Math.floor((t - e.getTime()) / 1e3));
 	if (n < 60) return `${n}s ago`;
 	let r = Math.floor(n / 60);
@@ -1172,28 +1186,28 @@ function Me(e, t) {
 	let i = Math.floor(r / 60);
 	return i < 24 ? `${i}h ago` : `${Math.floor(i / 24)}d ago`;
 }
-function Ne(e) {
+function Fe(e) {
 	return `${Math.floor(e / 60)}:${(e % 60).toString().padStart(2, "0")}`;
 }
-var Pe = {
+var Ie = {
 	rosterRefresh: "_rosterRefresh_1rbul_3",
 	updatedLabel: "_updatedLabel_1rbul_11",
 	refreshButton: "_refreshButton_1rbul_19",
 	spin: "_spin_1rbul_31"
-}, Fe = ({ onRefresh: e, isRefreshing: t, cachedAt: n = null, refreshAvailableAt: r = null, labelPrefix: i = "Updated", className: o = "" }) => {
+}, Le = ({ onRefresh: e, isRefreshing: t, cachedAt: n = null, refreshAvailableAt: r = null, labelPrefix: i = "Updated", className: o = "" }) => {
 	let [c, d] = s(() => Date.now()), f = !!n || r != null && r > c;
 	a(() => {
 		if (!f) return;
 		let e = setInterval(() => d(Date.now()), 1e3);
 		return () => clearInterval(e);
 	}, [f]);
-	let p = r ? Math.max(0, Math.ceil((r - c) / 1e3)) : 0, m = n ? Me(je(n), c) : null, h = t || p > 0, g = p > 0 ? `Fresh data available in ${Ne(p)}` : "Refresh roster";
+	let p = r ? Math.max(0, Math.ceil((r - c) / 1e3)) : 0, m = n ? Pe(Ne(n), c) : null, h = t || p > 0, g = p > 0 ? `Fresh data available in ${Fe(p)}` : "Refresh roster";
 	return /* @__PURE__ */ u("div", {
-		className: `${Pe.rosterRefresh} ${o}`,
+		className: `${Ie.rosterRefresh} ${o}`,
 		children: [m && /* @__PURE__ */ l("span", {
-			className: Pe.updatedLabel,
+			className: Ie.updatedLabel,
 			title: g,
-			children: p > 0 ? `${i} ${m} · fresh in ${Ne(p)}` : `${i} ${m}`
+			children: p > 0 ? `${i} ${m} · fresh in ${Fe(p)}` : `${i} ${m}`
 		}), /* @__PURE__ */ l(G, {
 			variant: "outline",
 			size: "sm",
@@ -1201,9 +1215,9 @@ var Pe = {
 			disabled: h,
 			title: g,
 			"aria-label": "Refresh roster",
-			className: Pe.refreshButton,
+			className: Ie.refreshButton,
 			children: /* @__PURE__ */ l("span", {
-				className: t ? Pe.spin : void 0,
+				className: t ? Ie.spin : void 0,
 				children: "⟳"
 			})
 		})]
@@ -1219,7 +1233,7 @@ var Pe = {
 	"padding-md": "_padding-md_1vw8g_43",
 	"padding-lg": "_padding-lg_1vw8g_47",
 	hoverable: "_hoverable_1vw8g_52"
-}, Ie = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: o = !0, edgeColor: s, className: d = "", onClick: f, style: p }) => {
+}, Re = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: o = !0, edgeColor: s, className: d = "", onClick: f, style: p }) => {
 	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = s ?? (n ? "var(--color-border)" : void 0), g = h ? { color: h } : void 0, _ = h ? {
 		...p,
 		"--card-edge-color": h
@@ -1249,7 +1263,7 @@ var Pe = {
 			})
 		] }), e]
 	});
-}, Le = {
+}, ze = {
 	badge: "_badge_rk7t5_1",
 	sm: "_sm_rk7t5_11",
 	md: "_md_rk7t5_16",
@@ -1261,8 +1275,8 @@ var Pe = {
 	warning: "_warning_rk7t5_47",
 	error: "_error_rk7t5_52",
 	info: "_info_rk7t5_57"
-}, Re = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ l("span", {
-	className: `${Le.badge} ${Le[t]} ${Le[n]} ${r}`,
+}, Be = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ l("span", {
+	className: `${ze.badge} ${ze[t]} ${ze[n]} ${r}`,
 	children: e
 }), Q = {
 	overlay: "_overlay_1b3yt_1",
@@ -1277,7 +1291,7 @@ var Pe = {
 	title: "_title_1b3yt_53",
 	closeButton: "_closeButton_1b3yt_60",
 	content: "_content_1b3yt_78"
-}, ze = ({ isOpen: e, onClose: t, title: n, children: r, size: i = "md", closeOnOverlayClick: o = !0, className: s = "" }) => (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+}, Ve = ({ isOpen: e, onClose: t, title: n, children: r, size: i = "md", closeOnOverlayClick: o = !0, className: s = "" }) => (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
 	document.body.style.overflow = "unset";
 }), [e]), a(() => {
 	let n = (n) => {
@@ -1319,7 +1333,7 @@ var Pe = {
 	dot: "_dot_1uhnh_34",
 	bounce: "_bounce_1uhnh_1",
 	visuallyHidden: "_visuallyHidden_1uhnh_91"
-}, Be = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ u("div", {
+}, He = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ u("div", {
 	className: `${$.dots} ${$[e]} ${n}`,
 	children: [
 		/* @__PURE__ */ l("span", { className: $.dot }),
@@ -1333,10 +1347,10 @@ var Pe = {
 		className: $.visuallyHidden,
 		children: "Loading..."
 	})
-}), Ve = async (e) => {
+}), Ue = async (e) => {
 	if (e.length === 0) return {};
 	let t = [...new Set(e)], n = await L.get(`/api/v1/users/lookup?ids=${t.join(",")}`);
 	return Object.fromEntries(n.users.map((e) => [e.id, e.username]));
 };
 //#endregion
-export { Ce as AllyCodeDropdown, oe as ApiClient, he as AuthProvider, Re as Badge, G as Button, Ie as Card, p as Container, Ae as Footer, xe as Input, Be as Loader, ze as Modal, ke as NavBar, Fe as RosterRefresh, _ as SUITE_NAV, be as Select, h as TopBar, L as apiClient, ae as authedFetch, pe as clearAllyCodes, D as clearTokens, j as configureAuthRefresh, Ve as fetchUsernames, q as formatAllyCode, Ne as formatCountdown, Me as formatRelativeTime, b as getAccessToken, z as getAllyCodesFromStorage, C as getRefreshToken, fe as getSelectedAllyCode, se as initializeApiClient, ee as isAuthenticated, g as isSuiteNavGroup, je as parseBackendTimestamp, M as refreshAccessToken, S as removeAccessToken, ue as removeAllyCodeFromStorage, T as removeRefreshToken, le as saveAllyCodeToStorage, x as setAccessToken, w as setRefreshToken, B as setSelectedAllyCode, E as setTokens, Se as unformatAllyCode, de as updateAllyCodeLastUsed, V as useAuth };
+export { Te as AllyCodeDropdown, oe as ApiClient, _e as AuthProvider, Be as Badge, G as Button, Re as Card, p as Container, Me as Footer, Ce as Input, He as Loader, Ve as Modal, je as NavBar, Le as RosterRefresh, _ as SUITE_NAV, Se as Select, h as TopBar, L as apiClient, ae as authedFetch, he as clearAllyCodes, D as clearTokens, A as configureAuthRefresh, Ue as fetchUsernames, q as formatAllyCode, Fe as formatCountdown, Pe as formatRelativeTime, b as getAccessToken, z as getAllyCodesFromStorage, C as getRefreshToken, me as getSelectedAllyCode, se as initializeApiClient, O as isAuthenticated, g as isSuiteNavGroup, Ne as parseBackendTimestamp, j as refreshAccessToken, S as removeAccessToken, fe as removeAllyCodeFromStorage, T as removeRefreshToken, de as saveAllyCodeToStorage, x as setAccessToken, w as setRefreshToken, B as setSelectedAllyCode, E as setTokens, we as unformatAllyCode, pe as updateAllyCodeLastUsed, V as useAuth };

package/dist/src/contexts/AuthContext.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { User, LoginRequest, RegisterRequest, ForgotPasswordRequest, ResetPasswordRequest, ResendVerificationRequest, AllyCode, AllyCodeMigrationPrompt } from '../types';
+import { User, LoginRequest, RegisterRequest, ForgotPasswordRequest, ResetPasswordRequest, ResendVerificationRequest, AllyCode, AllyCodeMigrationPrompt, UpdateAccountRequest, UpdateAccountResponse } from '../types';
 import { StoredAllyCode } from '../services/allyCodeStorage';
 export interface AuthContextValue {
     user: User | null;
@@ -8,10 +8,25 @@ export interface AuthContextValue {
     login: (credentials: LoginRequest) => Promise<void>;
     register: (data: RegisterRequest) => Promise<void>;
     logout: () => void;
+    /**
+     * Revoke every token for the account (server-side), then perform the same
+     * local sign-out as `logout()`. The local half always runs, even if the
+     * server call fails after the request lands, so the UI never stays "signed
+     * in" against a session the server will 401 on its next real call anyway.
+     */
+    logoutAll: () => Promise<void>;
     refreshUser: () => Promise<void>;
     forgotPassword: (data: ForgotPasswordRequest) => Promise<string>;
     resetPassword: (data: ResetPasswordRequest) => Promise<string>;
     resendVerification: (data: ResendVerificationRequest) => Promise<string>;
+    /**
+     * Change email and/or password (current_password required by the backend
+     * for either). Adopts the fresh tokens the change returns and updates
+     * `user` in place — including `is_verified` flipping back to false when the
+     * email changed. Throws on a wrong/missing current_password (400) or a
+     * locked account (403), same as every other auth action here.
+     */
+    updateAccount: (data: UpdateAccountRequest) => Promise<UpdateAccountResponse>;
     authEnabled: boolean;
     isLoadingFeatures: boolean;
     allyCodes: AllyCode[] | StoredAllyCode[];

package/dist/src/index.d.ts

@@ -20,4 +20,4 @@ export { fetchUsernames } from './services/users';
 export type { StoredAllyCode } from './services/allyCodeStorage';
 export { formatAllyCode, unformatAllyCode } from './utils/formatAllyCode';
 export { parseBackendTimestamp, formatRelativeTime, formatCountdown } from './utils/formatTime';
-export type { User, LoginRequest, LoginResponse, RegisterRequest, RegisterResponse, RefreshTokenRequest, RefreshTokenResponse, ForgotPasswordRequest, ForgotPasswordResponse, ResetPasswordRequest, ResetPasswordResponse, VerifyEmailRequest, VerifyEmailResponse, ResendVerificationRequest, ResendVerificationResponse, AllyCode, AllyCodeCreate, AllyCodeListResponse, AllyCodeMigrationPrompt, ApiResponse, ApiError, PaginatedResponse, ModStat, ParsedMod, ModListResponse, EvaluationScores, ModEvaluation, EvaluationRequest, EvaluationResponse, } from './types';
+export type { User, LoginRequest, LoginResponse, RegisterRequest, RegisterResponse, RefreshTokenRequest, RefreshTokenResponse, ForgotPasswordRequest, ForgotPasswordResponse, ResetPasswordRequest, ResetPasswordResponse, VerifyEmailRequest, VerifyEmailResponse, ResendVerificationRequest, ResendVerificationResponse, AllyCode, AllyCodeCreate, AllyCodeListResponse, AllyCodeMigrationPrompt, TokenResponse, UpdateAccountRequest, UpdateAccountResponse, LogoutAllResponse, ApiResponse, ApiError, PaginatedResponse, ModStat, ParsedMod, ModListResponse, EvaluationScores, ModEvaluation, EvaluationRequest, EvaluationResponse, } from './types';

package/dist/src/services/account.d.ts

@@ -0,0 +1,21 @@
+import { UpdateAccountRequest, UpdateAccountResponse } from '../types';
+/**
+ * PATCH /users/me: change email and/or password. The backend requires
+ * `current_password` whenever either is set (a stolen access token alone must
+ * not be enough), and applies both together or not at all.
+ *
+ * A successful change revokes every outstanding token for the account,
+ * including the caller's own — so a fresh pair comes back in `tokens` and is
+ * adopted here immediately, before this function returns, so the caller's own
+ * session survives the change. `tokens` is `null` for a no-op body (nothing
+ * to change): nothing to adopt, nothing revoked.
+ */
+export declare const updateAccount: (data: UpdateAccountRequest) => Promise<UpdateAccountResponse>;
+/**
+ * POST /auth/logout-all: revoke every token for the account, including the
+ * caller's own. This only reaches the server — it does NOT clear this
+ * browser's stored tokens; the caller (AuthContext's `logoutAll`) does the
+ * local half so "revoked server-side" and "signed out here" always happen
+ * together.
+ */
+export declare const logoutAllSessions: () => Promise<string>;

package/dist/src/types/index.d.ts

@@ -1,3 +1,3 @@
-export type { User, LoginRequest, LoginResponse, RegisterRequest, RegisterResponse, RefreshTokenRequest, RefreshTokenResponse, ForgotPasswordRequest, ForgotPasswordResponse, ResetPasswordRequest, ResetPasswordResponse, VerifyEmailRequest, VerifyEmailResponse, ResendVerificationRequest, ResendVerificationResponse, AllyCode, AllyCodeCreate, AllyCodeListResponse, AllyCodeMigrationPrompt, } from './user';
+export type { User, LoginRequest, LoginResponse, RegisterRequest, RegisterResponse, RefreshTokenRequest, RefreshTokenResponse, ForgotPasswordRequest, ForgotPasswordResponse, ResetPasswordRequest, ResetPasswordResponse, VerifyEmailRequest, VerifyEmailResponse, ResendVerificationRequest, ResendVerificationResponse, AllyCode, AllyCodeCreate, AllyCodeListResponse, AllyCodeMigrationPrompt, TokenResponse, UpdateAccountRequest, UpdateAccountResponse, LogoutAllResponse, } from './user';
 export type { ApiResponse, ApiError, PaginatedResponse } from './api';
 export type { ModStat, ParsedMod, ModListResponse, EvaluationScores, ModEvaluation, EvaluationRequest, EvaluationResponse, } from './mod';

package/dist/src/types/user.d.ts

@@ -86,3 +86,27 @@ export interface AllyCodeMigrationPrompt {
     show: boolean;
     localStorageCodes: string[];
 }
+export interface TokenResponse {
+    access_token: string;
+    refresh_token: string;
+    token_type: string;
+    expires_in: number;
+}
+export interface UpdateAccountRequest {
+    email?: string;
+    /** Required by the backend whenever `email` or `new_password` is set. */
+    current_password?: string;
+    new_password?: string;
+}
+/**
+ * PATCH /users/me response. `tokens` is set only when the email or password
+ * actually changed — that revokes every outstanding token for the account
+ * (including the caller's own), so fresh ones come back here. `null` means
+ * nothing changed (a no-op body, or the same email re-submitted).
+ */
+export interface UpdateAccountResponse extends User {
+    tokens: TokenResponse | null;
+}
+export interface LogoutAllResponse {
+    message: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astrogators-shared-ui",
-  "version": "0.16.4",
+  "version": "0.17.0",
   "description": "Shared UI components and utilities for Astrogator's Table applications",
   "type": "module",
   "main": "./dist/index.js",