mantur-components 0.1.0 → 0.1.2

package/README.md

@@ -1,57 +1,67 @@
 # mantur-components
 
-Reusable Mantur React component library for React and Arco Design.
+Mantur React 组件库，基于 React 和 Arco Design。
 
-## Install
+## 安装
 
 ```bash
 npm install mantur-components
 ```
 
-Required peer dependencies:
+需要宿主项目提供以下 peer dependencies：
 
 ```bash
 npm install react react-dom @arco-design/web-react next-themes react-i18next
 ```
 
-The library uses Tailwind utility classes and does not export a standalone CSS file.
+
 
 ## ManturHeader
 
-`ManturHeader` is the shared Mantur user header. It owns the header UI and the API calls for:
+`ManturHeader` 是 Mantur 用户端共用 Header。组件内部已经封装以下能力：
 
-- tenant list
-- current tenant
-- tenant switching
-- user points
-- profile update
-- logout
-- language switch
-- theme switch
+- 获取团队列表
+- 获取当前团队
+- 切换团队
+- 获取用户积分
+- 个人资料更新
+- 退出登录
+- 语言切换
+- 主题切换
 
-Basic usage:
+### 基础使用
 
 ```tsx
 import { ManturHeader } from "mantur-components";
 
-export function Header({ userInfo }: { userInfo: { username?: string; nickname?: string; avatar?: string } | null }) {
+export function Header({
+  userInfo,
+}: {
+  userInfo: { username?: string; nickname?: string; avatar?: string } | null;
+}) {
   return <ManturHeader user={userInfo} />;
 }
 ```
 
-With disabled tenant switching and custom slots:
+### 禁用团队切换和自定义插槽
 
 ```tsx
 import { ManturHeader } from "mantur-components";
 
-export function Header({ userInfo, disabled }: { userInfo: UserInfo | null; disabled?: boolean }) {
+export function Header({
+  userInfo,
+  disabled,
+}: {
+  userInfo: UserInfo | null;
+  disabled?: boolean;
+}) {
   return (
     <ManturHeader
       user={userInfo}
       disabled={disabled}
-      brandSlot={<span className="text-lg font-bold">Custom Brand</span>}
+      brandSlot={<span className="text-lg font-bold">自定义品牌</span>}
     >
-      <div className="px-4">Custom center content</div>
+      <div className="px-4">自定义中间内容</div>
     </ManturHeader>
   );
 }
@@ -65,18 +75,21 @@ interface ManturHeaderProps {
   disabled?: boolean;
   brandSlot?: React.ReactNode;
   children?: React.ReactNode;
+  onTenantContextChange?: (detail: ManturTenantContextDetail) => void;
 }
 ```
 
-`user`: Current user shown in the right user menu.
+`user`：右侧用户菜单展示的当前用户信息。
+
+`disabled`：是否禁用团队切换。为 `true` 时，团队选择器展示为禁用态，无法展开和切换。
 
-`disabled`: Disables tenant switching. When true, the tenant selector is shown as disabled and cannot be opened or switched.
+`brandSlot`：Logo 右侧品牌标题插槽。传入后显示传入内容；不传则显示默认国际化标题。
 
-`brandSlot`: Replaces the default brand title next to the logo. If omitted, the default localized title is shown.
+`children`：Header 中间弹性区域插槽。传入后显示传入内容；不传则保持为空。
 
-`children`: Renders custom content in the middle flexible header area. If omitted, the area stays empty.
+`onTenantContextChange`：Header 完成团队上下文初始化或切换团队成功后触发，直接透出当前选中团队、团队列表和当前团队认证上下文。宿主项目需要同步自己的 store 时优先使用这个回调。
 
-### User Type
+### 用户类型
 
 ```ts
 interface ManturHeaderUser {
@@ -88,56 +101,47 @@ interface ManturHeaderUser {
 }
 ```
 
-### API Base
+## API 配置
 
-By default, API requests use `import.meta.env.VITE_API` and fall back to `/api`.
+默认情况下，组件库接口请求使用 `import.meta.env.VITE_API`，如果没有配置则回退到 `/api`。
 
-You can override it before rendering:
+可以在渲染组件前通过全局变量覆盖：
 
 ```ts
 window.__MANTUR_COMPONENTS_API_BASE__ = "/api";
 ```
 
-Points endpoint defaults to `/users/me/points`. It can be overridden:
+积分接口默认是 `/users/me/points`，也可以覆盖：
 
 ```ts
 window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ = "/users/me/points";
 ```
 
-### Tenant Context Event
+## 团队上下文同步
 
-The header fetches and switches tenants internally. If the host app needs to sync local stores, listen to `MANTUR_TENANT_CONTEXT_CHANGE_EVENT`.
+团队列表、当前团队、切换团队都由 `ManturHeader` 内部处理。
+
+如果宿主项目需要同步自己的 store，例如 `activeTenantId`、权限、角色、已开通应用，优先通过 `ManturHeader` 的 `onTenantContextChange` 回调获取当前团队上下文。
 
 ```tsx
-import {
-  getManturTenantContextSnapshot,
-  MANTUR_TENANT_CONTEXT_CHANGE_EVENT,
-  type ManturTenantContextDetail,
-} from "mantur-components";
+import { ManturHeader, type ManturTenantContextDetail } from "mantur-components";
 
 function applyTenantContext(detail: ManturTenantContextDetail) {
   const tenantId = detail.auth?.tenantId || detail.currentTenant?.tenantId;
 
-  // Sync host app stores here.
+  // 在这里同步宿主项目的状态。
   // setActiveTenantId(tenantId)
   // setPermissions(detail.auth?.permissions || [])
   // setRoles(detail.auth?.roles || [])
   // setEnabledApps(detail.auth?.enabledApps || [])
 }
 
-window.addEventListener(MANTUR_TENANT_CONTEXT_CHANGE_EVENT, (event) => {
-  if (event instanceof CustomEvent) {
-    applyTenantContext(event.detail as ManturTenantContextDetail);
-  }
-});
-
-const snapshot = getManturTenantContextSnapshot();
-if (snapshot) {
-  applyTenantContext(snapshot);
+function Header({ userInfo }: { userInfo: UserInfo | null }) {
+  return <ManturHeader user={userInfo} onTenantContextChange={applyTenantContext} />;
 }
 ```
 
-Tenant context detail:
+团队上下文数据结构：
 
 ```ts
 interface ManturTenantContextDetail {
@@ -154,7 +158,7 @@ interface ManturTenantContextDetail {
 }
 ```
 
-### Exported Helpers
+## 导出的工具方法
 
 ```ts
 import {
@@ -171,7 +175,7 @@ import {
 } from "mantur-components";
 ```
 
-## Build
+## 构建
 
 ```bash
 npm run build

package/dist/header/ManturHeader.d.ts

@@ -1,2 +1,2 @@
 import type { ManturHeaderProps } from "../types";
-export declare function ManturHeader({ user, disabled, brandSlot, children, }: ManturHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ManturHeader({ user, disabled, brandSlot, children, onTenantContextChange, }: ManturHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/mantur-components.js

@@ -1,44 +1,44 @@
 import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
 import { Avatar as a, Button as o, Card as s, DatePicker as c, Divider as l, Dropdown as u, Form as d, Grid as f, Input as p, Menu as m, Message as h, Modal as g, Pagination as _, Select as v, Table as y, Tabs as b, Tag as x, Typography as S, Upload as C } from "@arco-design/web-react";
-import { IconCheckCircleFill as w, IconDown as T, IconEdit as E, IconFile as D, IconLanguage as O, IconMoonFill as k, IconPlus as A, IconPoweroff as j, IconSunFill as M, IconUpload as N } from "@arco-design/web-react/icon";
-import { useTranslation as ee } from "react-i18next";
+import { IconCheckCircleFill as w, IconDown as T, IconEdit as E, IconFile as D, IconLanguage as O, IconMoonFill as ee, IconPlus as k, IconPoweroff as A, IconSunFill as j, IconUpload as M } from "@arco-design/web-react/icon";
+import { useTranslation as N } from "react-i18next";
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { useTheme as te } from "next-themes";
+import { useTheme as I } from "next-themes";
 //#region src/api.ts
-var ne = "/api", I = "/users/me/points", L = "mantur-points-refresh", R = "mantur-tenant-context-change";
-function re() {
-	return typeof window < "u" && window.__MANTUR_COMPONENTS_API_BASE__ ? window.__MANTUR_COMPONENTS_API_BASE__ : ne;
+var L = "/api", te = "/users/me/points", R = "mantur-points-refresh", z = "mantur-tenant-context-change";
+function ne() {
+	return typeof window < "u" && window.__MANTUR_COMPONENTS_API_BASE__ ? window.__MANTUR_COMPONENTS_API_BASE__ : L;
 }
-function ie() {
-	return typeof window < "u" && window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ ? window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ : I;
+function re() {
+	return typeof window < "u" && window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ ? window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ : te;
 }
-function z(e) {
+function B(e) {
 	if (typeof document > "u") return;
 	let t = `${encodeURIComponent(e)}=`;
 	return document.cookie.split("; ").find((e) => e.startsWith(t))?.slice(t.length);
 }
-function B(e) {
+function V(e) {
 	if (typeof document > "u") return;
 	let t = encodeURIComponent(e), n = window.location.hostname, r = [void 0, n], i = n.split(".");
 	i.length >= 2 && r.push(`.${i.slice(-2).join(".")}`), r.forEach((e) => {
 		document.cookie = `${t}=; path=/; max-age=0${e ? `; domain=${e}` : ""}`;
 	});
 }
-function ae(e) {
+function H(e) {
 	let t = JSON.parse(e || "null");
 	if (!t) throw Error("Request failed");
 	if (t.code !== 0) throw Error(t.message || "Request failed");
 	return t;
 }
-async function V(e, t = {}) {
-	let n = z("front-token"), r = z("Accept-Language"), i = t.headers || {};
+async function U(e, t = {}) {
+	let n = B("front-token"), r = B("Accept-Language"), i = t.headers || {};
 	return n && (i.Authorization = decodeURIComponent(n)), r && (i["Accept-Language"] = decodeURIComponent(r)), new Promise((n, r) => {
 		let a = new XMLHttpRequest();
-		a.open(t.method || "GET", `${re()}${e}`, !0), a.timeout = t.timeout || 1e4, Object.entries(i).forEach(([e, t]) => {
+		a.open(t.method || "GET", `${ne()}${e}`, !0), a.timeout = t.timeout || 1e4, Object.entries(i).forEach(([e, t]) => {
 			a.setRequestHeader(e, t);
 		}), a.onload = () => {
 			try {
-				let e = ae(a.responseText);
+				let e = H(a.responseText);
 				if (a.status < 200 || a.status >= 300) {
 					r(Error(e.message || a.statusText));
 					return;
@@ -50,31 +50,31 @@ async function V(e, t = {}) {
 		}, a.onerror = () => r(/* @__PURE__ */ Error("Network request failed")), a.ontimeout = () => r(/* @__PURE__ */ Error("Network request timed out")), a.send(t.body ?? null);
 	});
 }
-async function oe() {
+async function ie() {
 	try {
-		await V("/auth/front-logout", { method: "DELETE" });
+		await U("/auth/front-logout", { method: "DELETE" });
 	} catch (e) {
 		console.warn("Logout request failed, continuing local logout.", e);
 	} finally {
-		B("front-token"), B("refreshToken"), typeof window < "u" && window.location.reload();
+		V("front-token"), V("refreshToken"), typeof window < "u" && window.location.reload();
 	}
 }
-async function se(e) {
+async function ae(e) {
 	let t;
 	if (e.avatarFile) {
 		let n = new FormData();
-		n.append("file", e.avatarFile), t = (await V("/users/me/avatar", {
+		n.append("file", e.avatarFile), t = (await U("/users/me/avatar", {
 			method: "POST",
 			body: n
 		})).data;
 	}
-	return (await V("/users/me", {
+	return (await U("/users/me", {
 		method: "PUT",
 		headers: { "Content-Type": "application/json;charset=utf-8" },
 		body: JSON.stringify({ nickname: e.nickname })
 	})).data || t;
 }
-function ce(e) {
+function oe(e) {
 	let t = (...t) => {
 		let n = t.map((t) => e?.[t]).find((e) => e !== void 0);
 		return typeof n == "number" ? n : Number(n || 0);
@@ -85,14 +85,14 @@ function ce(e) {
 		gifted: t("gifted", "giftedPoints", "bonusPoints")
 	};
 }
-async function H() {
-	return ce((await V(ie())).data);
+async function W() {
+	return oe((await U(re())).data);
 }
-async function U() {
-	let e = await H();
-	return typeof window < "u" && window.dispatchEvent(new CustomEvent(L, { detail: e })), e;
+async function G() {
+	let e = await W();
+	return typeof window < "u" && window.dispatchEvent(new CustomEvent(R, { detail: e })), e;
 }
-function W(e, t) {
+function se(e, t) {
 	return t?.tenantId ? e.find((e) => e.tenantId === t.tenantId) || {
 		tenantId: t.tenantId,
 		tenantName: t.tenantName || t.tenantId,
@@ -102,38 +102,38 @@ function W(e, t) {
 		}))
 	} : e.find((e) => e.isOwner) || e[0];
 }
-function G(e) {
-	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(R, { detail: e })));
+function ce(e) {
+	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(z, { detail: e })));
 }
 function le() {
 	if (!(typeof window > "u")) return window.__MANTUR_COMPONENTS_TENANT_CONTEXT__;
 }
 async function K() {
-	return (await V("/users/me/tenants")).data || [];
+	return (await U("/users/me/tenants")).data || [];
 }
 async function q() {
-	return (await V("/auth/current-tenant")).data;
+	return (await U("/auth/current-tenant")).data;
 }
 async function ue(e) {
-	return (await V(`/auth/current-tenant/${e}`, { method: "PUT" })).data;
+	return (await U(`/auth/current-tenant/${e}`, { method: "PUT" })).data;
 }
 async function de(e = "refresh") {
 	let [t, n] = await Promise.all([K(), q()]), r = {
 		tenants: t,
-		currentTenant: W(t, n),
+		currentTenant: se(t, n),
 		auth: n,
 		reason: e
 	};
-	return G(r), r;
+	return ce(r), r;
 }
 async function fe(e) {
 	let t = await ue(e), n = await K(), r = {
 		tenants: n,
-		currentTenant: W(n, t),
+		currentTenant: se(n, t),
 		auth: t,
 		reason: "switch"
 	};
-	return G(r), r;
+	return ce(r), r;
 }
 //#endregion
 //#region src/labels.ts
@@ -278,7 +278,7 @@ function be(e, t) {
 	document.cookie = `${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/`;
 }
 function xe() {
-	let { i18n: e } = ee(), [n, r] = i(() => X()), a = Z(n);
+	let { i18n: e } = N(), [n, r] = i(() => X()), a = Z(n);
 	return t(() => {
 		r(Y(e.language));
 	}, [e.language]), /* @__PURE__ */ P(u, {
@@ -301,10 +301,10 @@ function xe() {
 //#endregion
 //#region src/theme-switch/ThemeSwitch.tsx
 function Se() {
-	let { resolvedTheme: e, setTheme: t } = te();
+	let { resolvedTheme: e, setTheme: t } = I();
 	return /* @__PURE__ */ P(o, {
 		shape: "circle",
-		icon: P(e === "light" ? k : M, {}),
+		icon: P(e === "light" ? ee : j, {}),
 		onClick: () => {
 			t(e === "light" ? "dark" : "light");
 		}
@@ -469,7 +469,7 @@ function Oe({ visible: e, points: t, text: r, onCancel: a, onRecharge: c }) {
 				children: r.close
 			}), /* @__PURE__ */ P(o, {
 				type: "primary",
-				icon: /* @__PURE__ */ P(A, {}),
+				icon: /* @__PURE__ */ P(k, {}),
 				onClick: () => {
 					a(), c();
 				},
@@ -727,7 +727,7 @@ function Me({ visible: e, user: n, labels: s, onCancel: c, onSubmit: l }) {
 							children: /* @__PURE__ */ P(o, {
 								type: "outline",
 								size: "small",
-								icon: /* @__PURE__ */ P(N, {}),
+								icon: /* @__PURE__ */ P(M, {}),
 								children: u.profileUploadAvatar
 							})
 						})]
@@ -935,7 +935,7 @@ function Fe({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPo
 				children: [/* @__PURE__ */ P(o, {
 					type: "primary",
 					long: !0,
-					icon: /* @__PURE__ */ P(A, {}),
+					icon: /* @__PURE__ */ P(k, {}),
 					className: "h-10! rounded-md! font-semibold!",
 					onClick: i,
 					children: n.recharge
@@ -951,7 +951,7 @@ function Fe({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPo
 			/* @__PURE__ */ P("div", {
 				className: "px-6 py-4",
 				children: /* @__PURE__ */ P(o, {
-					icon: /* @__PURE__ */ P(j, {}),
+					icon: /* @__PURE__ */ P(A, {}),
 					type: "text",
 					status: "danger",
 					long: !0,
@@ -981,83 +981,81 @@ function Be(e, t, n) {
 	let r = e?.roles?.map((e) => e.roleName).filter(Boolean);
 	return r?.length ? r.join(", ") : e?.isOwner ? t : n;
 }
-function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
-	let [c, l] = i(() => X()), d = Z(c), [f, p] = i(!1), [g, _] = i(!1), [v, y] = i(!1), [b, x] = i(r), [S, C] = i([]), [w, E] = i(), [D, O] = i(!1), [k, A] = i({
+function Ve({ user: a, disabled: o = !1, brandSlot: s, children: c, onTenantContextChange: l }) {
+	let [d, f] = i(() => X()), p = Z(d), [g, _] = i(!1), [v, y] = i(!1), [b, x] = i(!1), [S, C] = i(a), [w, E] = i([]), [D, O] = i(), [ee, k] = i(!1), A = r(l), [j, M] = i({
 		total: 0,
 		recharge: 0,
 		gifted: 0
-	}), j = w?.tenantId || "", M = a, N = {
-		total: k.total ?? 0,
-		recharge: k.recharge ?? 0,
-		gifted: k.gifted ?? 0
-	}, ee = async (e) => {
-		let t = await se(e);
-		return t && x(t), t;
+	}), N = D?.tenantId || "", I = o, L = {
+		total: j.total ?? 0,
+		recharge: j.recharge ?? 0,
+		gifted: j.gifted ?? 0
+	}, te = async (e) => {
+		let t = await ae(e);
+		return t && C(t), t;
 	};
 	t(() => {
-		x(r);
-	}, [r]), t(() => {
-		let e = (e) => {
-			C(e.tenants), E(e.currentTenant);
-		}, t = (t) => {
-			t instanceof CustomEvent && e(t.detail);
-		};
-		return window.addEventListener(R, t), O(!0), de().then(e).catch((e) => {
-			console.warn("Failed to refresh Mantur tenant context.", e), h.error(d.error);
-		}).finally(() => O(!1)), () => {
-			window.removeEventListener(R, t);
-		};
-	}, [d.error]), t(() => {
+		C(a);
+	}, [a]), t(() => {
+		A.current = l;
+	}, [l]);
+	let z = e((e) => {
+		E(e.tenants), O(e.currentTenant), A.current?.(e);
+	}, []);
+	t(() => {
+		k(!0), de().then(z).catch((e) => {
+			console.warn("Failed to refresh Mantur tenant context.", e), h.error(p.error);
+		}).finally(() => k(!1));
+	}, [z, p.error]), t(() => {
 		let e = (e) => {
-			e instanceof CustomEvent && A(e.detail);
+			e instanceof CustomEvent && M(e.detail);
 		};
-		return window.addEventListener(L, e), U().catch((e) => {
+		return window.addEventListener(R, e), G().catch((e) => {
 			console.warn("Failed to refresh Mantur user points.", e);
 		}), () => {
-			window.removeEventListener(L, e);
+			window.removeEventListener(R, e);
 		};
 	}, []), t(() => {
 		let e = (e) => {
-			l(e instanceof CustomEvent ? Y(e.detail) : X());
+			f(e instanceof CustomEvent ? Y(e.detail) : X());
 		};
 		return window.addEventListener(J, e), window.addEventListener("storage", e), () => {
 			window.removeEventListener(J, e), window.removeEventListener("storage", e);
 		};
 	}, []);
-	let te = (e) => {
+	let ne = (e) => {
 		h.success(e);
-	}, ne = (e, t) => {
+	}, re = (e, t) => {
 		console.error(t), h.error(e);
-	}, I = e(async (e) => {
-		if (!M && e !== j) try {
-			O(!0);
-			let t = await fe(e);
-			C(t.tenants), E(t.currentTenant), te(d.switchedToTeam);
+	}, B = e(async (e) => {
+		if (!I && e !== N) try {
+			k(!0), z(await fe(e)), ne(p.switchedToTeam);
 		} catch (e) {
-			ne(d.error, e);
+			re(p.error, e);
 		} finally {
-			O(!1);
+			k(!1);
 		}
 	}, [
-		j,
-		M,
-		d.error,
-		d.switchedToTeam
-	]), re = (e) => {
+		z,
+		N,
+		I,
+		p.error,
+		p.switchedToTeam
+	]), V = (e) => {
 		let t = {
-			total: N.total + e.points,
-			recharge: N.recharge + e.points,
-			gifted: N.gifted
+			total: L.total + e.points,
+			recharge: L.recharge + e.points,
+			gifted: L.gifted
 		};
-		A(t), window.dispatchEvent(new CustomEvent(L, { detail: t })), h.success(d.rechargeSuccess), _(!1);
-	}, ie = n(() => /* @__PURE__ */ F(m, {
+		M(t), window.dispatchEvent(new CustomEvent(R, { detail: t })), h.success(p.rechargeSuccess), y(!1);
+	}, H = n(() => /* @__PURE__ */ F(m, {
 		className: "w-56 rounded-xl bg-arco-bg-popup shadow-[0_10px_28px_rgb(0_0_0/12%)] [&_.arco-menu-inner]:px-2 [&_.arco-menu-inner]:py-1",
-		selectedKeys: j ? [j] : [],
-		onClickMenuItem: I,
+		selectedKeys: N ? [N] : [],
+		onClickMenuItem: B,
 		children: [/* @__PURE__ */ P("div", {
 			className: "px-3 py-2 text-xs font-semibold tracking-[0.04em] text-arco-text-4 uppercase",
-			children: d.switchTeam
-		}), S.map((e, t) => /* @__PURE__ */ P(m.Item, {
+			children: p.switchTeam
+		}), w.map((e, t) => /* @__PURE__ */ P(m.Item, {
 			className: "mb-1 h-auto! min-h-10! overflow-visible! rounded-lg! px-2! py-1! leading-normal!",
 			children: /* @__PURE__ */ F("div", {
 				className: "flex w-full items-center gap-3 leading-normal",
@@ -1071,25 +1069,25 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 						children: e.tenantName
 					}), /* @__PURE__ */ P("span", {
 						className: "text-xs leading-4 text-arco-text-3",
-						children: Be(e, d.owner, d.member)
+						children: Be(e, p.owner, p.member)
 					})]
 				})]
 			})
 		}, e.tenantId))]
 	}), [
-		I,
-		j,
-		S,
-		d
-	]), z = /* @__PURE__ */ P(Fe, {
-		user: b,
-		points: N,
-		text: d,
-		onEditProfile: () => p(!0),
-		onRecharge: () => _(!0),
-		onPointsDetail: () => y(!0),
-		onLogout: oe
-	}), B = Math.max(0, S.findIndex((e) => e.tenantId === w?.tenantId));
+		B,
+		N,
+		w,
+		p
+	]), U = /* @__PURE__ */ P(Fe, {
+		user: S,
+		points: L,
+		text: p,
+		onEditProfile: () => _(!0),
+		onRecharge: () => y(!0),
+		onPointsDetail: () => x(!0),
+		onLogout: ie
+	}), oe = Math.max(0, w.findIndex((e) => e.tenantId === D?.tenantId));
 	return /* @__PURE__ */ F("div", {
 		className: "flex h-20 items-center justify-between bg-transparent pr-8 shadow-[0_2px_10px_rgb(0_0_0/2%)] backdrop-blur-md max-md:pr-4",
 		children: [
@@ -1107,31 +1105,31 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 								e.currentTarget.style.display = "none";
 							}
 						})
-					}), o ?? /* @__PURE__ */ P("span", {
+					}), s ?? /* @__PURE__ */ P("span", {
 						className: "text-lg font-bold tracking-normal text-arco-text-1",
-						children: d.title
+						children: p.title
 					})]
 				}), /* @__PURE__ */ P(u, {
-					droplist: ie,
+					droplist: H,
 					trigger: "click",
 					position: "bl",
-					disabled: M,
+					disabled: I,
 					children: /* @__PURE__ */ F("div", {
-						"aria-disabled": M,
-						className: `flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${M ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]"}`,
+						"aria-disabled": I,
+						className: `flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${I ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]"}`,
 						children: [
 							/* @__PURE__ */ P("div", {
-								className: Re(B, !0),
-								children: ze(w)
+								className: Re(oe, !0),
+								children: ze(D)
 							}),
 							/* @__PURE__ */ F("div", {
 								className: "flex min-w-0 flex-col",
 								children: [/* @__PURE__ */ P("span", {
 									className: "text-xs leading-none font-bold text-arco-text-1",
-									children: D ? d.loading : w?.tenantName || d.loading
+									children: ee ? p.loading : D?.tenantName || p.loading
 								}), /* @__PURE__ */ P("span", {
 									className: "mt-1 text-[10px] leading-none text-arco-text-3",
-									children: Be(w, d.owner, d.member)
+									children: Be(D, p.owner, p.member)
 								})]
 							}),
 							/* @__PURE__ */ P(T, { className: "ml-1 text-arco-text-3" })
@@ -1141,7 +1139,7 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 			}),
 			/* @__PURE__ */ P("div", {
 				className: "flex-1",
-				children: s
+				children: c
 			}),
 			/* @__PURE__ */ F("div", {
 				className: "flex items-center gap-4",
@@ -1149,11 +1147,11 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 					className: "flex items-center gap-4",
 					children: [/* @__PURE__ */ P(Se, {}), /* @__PURE__ */ P(xe, {})]
 				}), /* @__PURE__ */ P(u, {
-					droplist: z,
+					droplist: U,
 					trigger: "click",
 					position: "br",
 					onVisibleChange: (e) => {
-						e && U().catch((e) => {
+						e && G().catch((e) => {
 							console.warn("Failed to refresh Mantur user points.", e);
 						});
 					},
@@ -1163,7 +1161,7 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 							/* @__PURE__ */ F("div", {
 								className: "from-arco-primary to-transparent relative rounded-full bg-linear-to-br p-0.5 shadow-sm",
 								children: [/* @__PURE__ */ P($, {
-									user: b,
+									user: S,
 									size: 36
 								}), /* @__PURE__ */ P("div", { className: "bg-arco-success border-arco-bg-white absolute right-0 bottom-0 h-3 w-3 rounded-full border-2 shadow-sm" })]
 							}),
@@ -1171,7 +1169,7 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 								className: "hidden flex-col md:flex",
 								children: /* @__PURE__ */ P("span", {
 									className: "text-arco-text-1 text-sm font-medium",
-									children: b?.nickname || b?.username
+									children: S?.nickname || S?.username
 								})
 							}),
 							/* @__PURE__ */ P(T, { className: "text-arco-text-3 ml-1" })
@@ -1180,29 +1178,29 @@ function Ve({ user: r, disabled: a = !1, brandSlot: o, children: s }) {
 				})]
 			}),
 			/* @__PURE__ */ P(Me, {
-				visible: f,
-				user: b,
-				labels: d,
-				onCancel: () => p(!1),
-				onSubmit: ee
-			}),
-			/* @__PURE__ */ P(Pe, {
 				visible: g,
-				user: b,
-				points: N,
-				text: d,
+				user: S,
+				labels: p,
 				onCancel: () => _(!1),
-				onPay: re
+				onSubmit: te
 			}),
-			/* @__PURE__ */ P(Oe, {
+			/* @__PURE__ */ P(Pe, {
 				visible: v,
-				points: N,
-				text: d,
+				user: S,
+				points: L,
+				text: p,
 				onCancel: () => y(!1),
-				onRecharge: () => _(!0)
+				onPay: V
+			}),
+			/* @__PURE__ */ P(Oe, {
+				visible: b,
+				points: L,
+				text: p,
+				onCancel: () => x(!1),
+				onRecharge: () => y(!0)
 			})
 		]
 	});
 }
 //#endregion
-export { ye as LANGUAGE_SOURCE_STORAGE_KEY, ve as LANGUAGE_STORAGE_KEY, xe as LangSwitch, J as MANTUR_LANGUAGE_CHANGE_EVENT, ge as MANTUR_LANGUAGE_SOURCE_STORAGE_KEY, he as MANTUR_LANGUAGE_STORAGE_KEY, _e as MANTUR_MESSAGES, L as MANTUR_POINTS_REFRESH_EVENT, R as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, Ve as ManturHeader, Se as ThemeSwitch, q as getManturCurrentTenant, Z as getManturMessages, le as getManturTenantContextSnapshot, K as getManturTenants, H as getManturUserPoints, X as getStoredManturLocale, Y as normalizeManturLocale, de as refreshManturTenantContext, U as refreshManturUserPoints, fe as switchAndRefreshManturTenant, ue as switchManturTenant };
+export { ye as LANGUAGE_SOURCE_STORAGE_KEY, ve as LANGUAGE_STORAGE_KEY, xe as LangSwitch, J as MANTUR_LANGUAGE_CHANGE_EVENT, ge as MANTUR_LANGUAGE_SOURCE_STORAGE_KEY, he as MANTUR_LANGUAGE_STORAGE_KEY, _e as MANTUR_MESSAGES, R as MANTUR_POINTS_REFRESH_EVENT, z as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, Ve as ManturHeader, Se as ThemeSwitch, q as getManturCurrentTenant, Z as getManturMessages, le as getManturTenantContextSnapshot, K as getManturTenants, W as getManturUserPoints, X as getStoredManturLocale, Y as normalizeManturLocale, de as refreshManturTenantContext, G as refreshManturUserPoints, fe as switchAndRefreshManturTenant, ue as switchManturTenant };

package/dist/mantur-components.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@arco-design/web-react`),require(`@arco-design/web-react/icon`),require(`react-i18next`),require(`react/jsx-runtime`),require(`next-themes`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@arco-design/web-react`,`@arco-design/web-react/icon`,`react-i18next`,`react/jsx-runtime`,`next-themes`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ManturComponents={},e.React,e.ArcoDesign,e.ArcoDesignIcon,e.ReactI18next,e.jsxRuntime,e.nextThemes))})(this,function(e,t,n,r,i,a,o){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var s=`/api`,c=`/users/me/points`,l=`mantur-points-refresh`,u=`mantur-tenant-context-change`;function d(){return typeof window<`u`&&window.__MANTUR_COMPONENTS_API_BASE__?window.__MANTUR_COMPONENTS_API_BASE__:s}function f(){return typeof window<`u`&&window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__?window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__:c}function p(e){if(typeof document>`u`)return;let t=`${encodeURIComponent(e)}=`;return document.cookie.split(`; `).find(e=>e.startsWith(t))?.slice(t.length)}function m(e){if(typeof document>`u`)return;let t=encodeURIComponent(e),n=window.location.hostname,r=[void 0,n],i=n.split(`.`);i.length>=2&&r.push(`.${i.slice(-2).join(`.`)}`),r.forEach(e=>{document.cookie=`${t}=; path=/; max-age=0${e?`; domain=${e}`:``}`})}function h(e){let t=JSON.parse(e||`null`);if(!t)throw Error(`Request failed`);if(t.code!==0)throw Error(t.message||`Request failed`);return t}async function g(e,t={}){let n=p(`front-token`),r=p(`Accept-Language`),i=t.headers||{};return n&&(i.Authorization=decodeURIComponent(n)),r&&(i[`Accept-Language`]=decodeURIComponent(r)),new Promise((n,r)=>{let a=new XMLHttpRequest;a.open(t.method||`GET`,`${d()}${e}`,!0),a.timeout=t.timeout||1e4,Object.entries(i).forEach(([e,t])=>{a.setRequestHeader(e,t)}),a.onload=()=>{try{let e=h(a.responseText);if(a.status<200||a.status>=300){r(Error(e.message||a.statusText));return}n(e)}catch(e){r(e)}},a.onerror=()=>r(Error(`Network request failed`)),a.ontimeout=()=>r(Error(`Network request timed out`)),a.send(t.body??null)})}async function _(){try{await g(`/auth/front-logout`,{method:`DELETE`})}catch(e){console.warn(`Logout request failed, continuing local logout.`,e)}finally{m(`front-token`),m(`refreshToken`),typeof window<`u`&&window.location.reload()}}async function v(e){let t;if(e.avatarFile){let n=new FormData;n.append(`file`,e.avatarFile),t=(await g(`/users/me/avatar`,{method:`POST`,body:n})).data}return(await g(`/users/me`,{method:`PUT`,headers:{"Content-Type":`application/json;charset=utf-8`},body:JSON.stringify({nickname:e.nickname})})).data||t}function y(e){let t=(...t)=>{let n=t.map(t=>e?.[t]).find(e=>e!==void 0);return typeof n==`number`?n:Number(n||0)};return{total:t(`total`,`totalPoints`,`balance`,`points`),recharge:t(`recharge`,`rechargePoints`,`paidPoints`),gifted:t(`gifted`,`giftedPoints`,`bonusPoints`)}}async function b(){return y((await g(f())).data)}async function x(){let e=await b();return typeof window<`u`&&window.dispatchEvent(new CustomEvent(l,{detail:e})),e}function S(e,t){return t?.tenantId?e.find(e=>e.tenantId===t.tenantId)||{tenantId:t.tenantId,tenantName:t.tenantName||t.tenantId,roles:t.roles?.map(e=>({roleCode:e,roleName:e}))}:e.find(e=>e.isOwner)||e[0]}function C(e){typeof window<`u`&&(window.__MANTUR_COMPONENTS_TENANT_CONTEXT__=e,window.dispatchEvent(new CustomEvent(u,{detail:e})))}function w(){if(!(typeof window>`u`))return window.__MANTUR_COMPONENTS_TENANT_CONTEXT__}async function T(){return(await g(`/users/me/tenants`)).data||[]}async function E(){return(await g(`/auth/current-tenant`)).data}async function D(e){return(await g(`/auth/current-tenant/${e}`,{method:`PUT`})).data}async function O(e=`refresh`){let[t,n]=await Promise.all([T(),E()]),r={tenants:t,currentTenant:S(t,n),auth:n,reason:e};return C(r),r}async function k(e){let t=await D(e),n=await T(),r={tenants:n,currentTenant:S(n,t),auth:t,reason:`switch`};return C(r),r}var A={title:`Mantur`,switchTeam:`Switch Team`,personalSettings:`Personal Settings`,logout:`Logout`,loading:`Loading...`,owner:`Owner`,member:`Member`,createTeam:`Create Team`,createTeamComingSoon:`Create team is coming soon`,switchedToTeam:`Switched team`,error:`Request failed`,profileTitle:`Profile`,profileNickname:`Nickname`,profileNicknamePlaceholder:`Please enter nickname`,profileAvatar:`Avatar`,profileUploadAvatar:`Upload Avatar`,profileAvatarHint:`JPG/PNG/WebP, max 2MB, max 2048px.`,profileAvatarTooLarge:`Avatar must be less than 2MB`,profileAvatarDimensionExceeded:`Avatar dimensions must be within 2048px`,profileAvatarInvalidImage:`Invalid image`,profileUpdateSuccess:`Profile updated`,profileSave:`Save`,profileCancel:`Cancel`,myPoints:`My Points`,totalBalance:`Total Balance`,rechargePoints:`Recharge Points`,giftedPoints:`Gifted Points`,recharge:`Recharge`,rechargeTitle:`Recharge Points`,pointsDetail:`Points Detail`,close:`Close`,currentBalance:`Current Balance`,pointsUnit:`points`,rechargeHint:`Recharge points are valid for 2 years after arrival.`,payNow:`Pay Now`,rechargeSuccess:`Recharge successful`,all:`All`,income:`Income`,expense:`Expense`,source:`Source`,sourceAll:`All Sources`,sourceRecharge:`Recharge`,sourceGifted:`Gifted`,dateRange:`Date Range`,startDate:`Start Date`,endDate:`End Date`,dateTo:`to`,query:`Query`,refreshed:`Refreshed`,pointsDeductionTip:`Points expiring soon are deducted first.`,pointsNoteTitle:`Note`,pointsAccountNote:`Points are attached to your personal account. You recharge, consume, and manage them yourself. Others cannot recharge or use them for you. Recharge points are valid for 2 years; gifted points follow the validity set by operations.`};function j(e){return{...A,...e}}var M=`i18nextLng`,N=`manturLanguageSource`,P=`mantur-language-change`,F={"zh-CN":{title:`漫途`,switchTeam:`切换团队`,personalSettings:`个人设置`,logout:`退出登录`,loading:`加载中...`,owner:`管理员`,member:`成员`,createTeam:`创建团队`,createTeamComingSoon:`创建团队功能即将上线`,switchedToTeam:`已切换团队`,error:`请求失败`,profileTitle:`个人资料`,profileNickname:`昵称`,profileNicknamePlaceholder:`请输入昵称`,profileAvatar:`头像`,profileUploadAvatar:`上传头像`,profileAvatarHint:`支持 JPG/PNG/WebP，最大 2MB，尺寸不超过 2048px。`,profileAvatarTooLarge:`头像不能超过 2MB`,profileAvatarDimensionExceeded:`头像尺寸不能超过 2048px`,profileAvatarInvalidImage:`图片无效`,profileUpdateSuccess:`个人资料已更新`,profileSave:`保存`,profileCancel:`取消`,myPoints:`我的积分`,totalBalance:`总余额`,rechargePoints:`充值积分`,giftedPoints:`赠送积分`,recharge:`去充值`,rechargeTitle:`充值积分`,pointsDetail:`积分明细`,close:`关闭`,currentBalance:`当前余额`,pointsUnit:`积分`,rechargeHint:`充值积分有效期 2 年（自到账日起算），支付后不可退换。`,payNow:`立即支付`,rechargeSuccess:`充值成功`,all:`全部`,income:`获得`,expense:`消耗`,source:`来源`,sourceAll:`全部来源`,sourceRecharge:`充值`,sourceGifted:`赠送`,dateRange:`日期查询`,startDate:`开始日期`,endDate:`结束日期`,dateTo:`至`,query:`查询`,refreshed:`已刷新`,pointsDeductionTip:`优先扣减即将到期的积分`,pointsNoteTitle:`说明`,pointsAccountNote:`积分账户挂在你的个人账号上，自己充值、自己消耗、自己负责；他人不能代充、不能代用。充值积分有效期固定 2 年；赠送积分有效期由后台运营发放时设置。`,languageZh:`中文`,languageEn:`English`},"en-US":{...A,languageZh:`中文`,languageEn:`English`}};function I(e){return e?.toLowerCase().startsWith(`en`)?`en-US`:`zh-CN`}function L(){return typeof window>`u`?`zh-CN`:I(window.localStorage.getItem(`i18nextLng`)||document.documentElement.lang||navigator.language)}function R(e){return F[I(e)]}var z=M,B=N;function V(e,t){document.cookie=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/`}function H(){let{i18n:e}=(0,i.useTranslation)(),[o,s]=(0,t.useState)(()=>L()),c=R(o);return(0,t.useEffect)(()=>{s(I(e.language))},[e.language]),(0,a.jsx)(n.Dropdown,{droplist:(0,a.jsxs)(n.Menu,{selectedKeys:[o],onClickMenuItem:t=>{let n=I(t);localStorage.setItem(z,t),localStorage.setItem(B,`manual`),s(n),e.changeLanguage(t),V(`Accept-Language`,t),window.dispatchEvent(new CustomEvent(P,{detail:n})),window.location.reload()},children:[(0,a.jsx)(n.Menu.Item,{children:c.languageZh},`zh-CN`),(0,a.jsx)(n.Menu.Item,{children:c.languageEn},`en-US`)]}),trigger:`click`,position:`br`,children:(0,a.jsx)(n.Button,{shape:`circle`,icon:(0,a.jsx)(r.IconLanguage,{})})})}function U(){let{resolvedTheme:e,setTheme:t}=(0,o.useTheme)();return(0,a.jsx)(n.Button,{shape:`circle`,icon:e===`light`?(0,a.jsx)(r.IconMoonFill,{}):(0,a.jsx)(r.IconSunFill,{}),onClick:()=>{t(e===`light`?`dark`:`light`)}})}var W=[{id:`points-500`,points:500,price:5},{id:`points-1000`,points:1e3,price:10},{id:`points-5500`,points:5500,price:50,recommended:!0},{id:`points-24000`,points:24e3,price:200}],G=[{id:`recharge-1`,type:`income`,source:`recharge`,name:`积分充值`,meta:`2026-05-10 14:00:00 · 订单号 R20260510140000 · 套餐 $50`,date:`2026-05-10`,amount:5500,badgeKind:`recharge`,badgeText:`充值`},{id:`gift-1`,type:`income`,source:`gift`,name:`系统赠送 · 新人礼包`,meta:`2026-05-08 09:00:00 · 有效期 30 天`,date:`2026-05-08`,amount:1e3,badgeKind:`gift`,badgeText:`赠送`},{id:`expense-1`,type:`expense`,name:`视频生成 — Sora 40秒 4K`,meta:`2026-05-10 16:45:22 · 制作中心`,date:`2026-05-10`,amount:-400,badgeKind:`deducted`,badgeText:`已扣除`},{id:`expense-2`,type:`expense`,name:`视频生成 — Sora 25秒 1080p`,meta:`2026-05-11 09:15:42 · 制作中心`,date:`2026-05-11`,amount:-250,badgeKind:`deducted`,badgeText:`已扣除`},{id:`expire-1`,type:`expense`,name:`积分过期`,meta:`2026-05-01 00:00:00 · 2026-04 批次到期未使用`,date:`2026-05-01`,amount:-100,badgeKind:`expired`,badgeText:`自然过期`},{id:`expense-3`,type:`expense`,name:`AI 对话 — GPT-4o 5轮`,meta:`2026-05-07 10:08:55 · 剧本中心`,date:`2026-05-07`,amount:-10,badgeKind:`deducted`,badgeText:`已扣除`},{id:`expense-4`,type:`expense`,name:`图片生成 — DALL-E 5张`,meta:`2026-05-04 14:20:11 · 制作中心`,date:`2026-05-04`,amount:-75,badgeKind:`deducted`,badgeText:`已扣除`}],{RangePicker:K}=n.DatePicker,q=21,J=7;function Y(e){return e===`recharge`?`arcoblue`:e===`gift`?`cyan`:e===`expired`?`gray`:`orange`}function ee({visible:e,points:i,text:o,onCancel:s,onRecharge:c}){let[l,u]=(0,t.useState)(`all`),[d,f]=(0,t.useState)(`all`),[p,m]=(0,t.useState)([`2026-04-15`,`2026-05-15`]),[h,g]=(0,t.useState)(1),_=e=>new Intl.NumberFormat().format(e),v=(0,t.useMemo)(()=>{let[e,t]=p;return G.filter(n=>{let r=l===`all`||n.type===l,i=d===`all`||n.source===d,a=!e||n.date>=e,o=!t||n.date<=t;return r&&i&&a&&o})},[p,d,l]),y=[{title:o.pointsDetail,dataIndex:`name`,render:(e,t)=>(0,a.jsxs)(`div`,{className:`min-w-0`,children:[(0,a.jsx)(n.Typography.Text,{className:`font-medium!`,children:t.name}),(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`mt-1 block! text-xs!`,children:t.meta})]})},{title:o.pointsUnit,dataIndex:`amount`,width:120,align:`right`,render:(e,t)=>(0,a.jsxs)(n.Typography.Text,{className:`font-semibold! ${t.amount>0?`text-arco-success-6!`:`text-arco-danger-6!`}`,children:[t.amount>0?`+`:``,_(t.amount)]})},{title:o.source,dataIndex:`badgeText`,width:110,align:`right`,render:(e,t)=>(0,a.jsx)(n.Tag,{color:Y(t.badgeKind),children:t.badgeText})}];return(0,a.jsx)(n.Modal,{title:o.pointsDetail,visible:e,footer:(0,a.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,a.jsx)(n.Button,{onClick:s,children:o.close}),(0,a.jsx)(n.Button,{type:`primary`,icon:(0,a.jsx)(r.IconPlus,{}),onClick:()=>{s(),c()},children:o.recharge})]}),onCancel:s,style:{width:780,maxWidth:`calc(100vw - 48px)`},children:(0,a.jsxs)(`div`,{className:`max-h-[70vh] overflow-y-auto`,children:[(0,a.jsxs)(n.Card,{bordered:!1,className:`from-arco-primary-light-1/40 to-cyan-400/5 rounded-none! bg-linear-to-br!`,children:[(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`text-xs!`,children:o.totalBalance}),(0,a.jsxs)(`div`,{className:`mt-1.5 mb-3.5 `,children:[(0,a.jsx)(n.Typography.Text,{className:`text-3xl! font-bold!`,children:_(i.total)}),(0,a.jsxs)(n.Typography.Text,{type:`secondary`,className:`ml-2 text-sm! `,children:[`🪙 `,o.pointsUnit]})]}),(0,a.jsxs)(n.Grid.Row,{gutter:12,children:[(0,a.jsx)(n.Grid.Col,{span:12,children:(0,a.jsxs)(n.Card,{size:`small`,children:[(0,a.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`text-xs!`,children:o.rechargePoints}),(0,a.jsx)(n.Tag,{color:`arcoblue`,children:o.sourceRecharge})]}),(0,a.jsx)(n.Typography.Text,{className:`text-lg! font-semibold!`,children:_(i.recharge)})]})}),(0,a.jsx)(n.Grid.Col,{span:12,children:(0,a.jsxs)(n.Card,{size:`small`,children:[(0,a.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`text-xs!`,children:o.giftedPoints}),(0,a.jsx)(n.Tag,{color:`success`,children:o.sourceGifted})]}),(0,a.jsx)(n.Typography.Text,{className:`text-lg! font-semibold!`,children:_(i.gifted)})]})})]}),(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`mt-2.5 block! text-xs!`,children:o.pointsDeductionTip})]}),(0,a.jsxs)(`div`,{className:`px-6 py-4`,children:[(0,a.jsxs)(n.Tabs,{activeTab:l,onChange:e=>u(e),children:[(0,a.jsx)(n.Tabs.TabPane,{title:o.all},`all`),(0,a.jsx)(n.Tabs.TabPane,{title:o.income},`income`),(0,a.jsx)(n.Tabs.TabPane,{title:o.expense},`expense`)]}),(0,a.jsxs)(`div`,{className:`mt-2 mb-3.5 flex flex-wrap items-center gap-2.5`,children:[(0,a.jsxs)(n.Select,{value:d,style:{width:140},onChange:e=>f(e),children:[(0,a.jsx)(n.Select.Option,{value:`all`,children:o.sourceAll}),(0,a.jsx)(n.Select.Option,{value:`recharge`,children:o.sourceRecharge}),(0,a.jsx)(n.Select.Option,{value:`gift`,children:o.sourceGifted})]}),(0,a.jsx)(K,{value:p,onChange:e=>m(e),style:{width:260}}),(0,a.jsx)(n.Button,{onClick:()=>n.Message.success(o.refreshed),children:o.query})]}),(0,a.jsx)(n.Table,{rowKey:`id`,columns:y,data:v,pagination:!1,border:!1}),(0,a.jsx)(n.Pagination,{className:`mt-3 flex justify-center!`,current:h,pageSize:J,total:q,onChange:g})]}),(0,a.jsx)(n.Card,{bordered:!1,className:`bg-arco-primary-light-1/30 rounded-none!`,children:(0,a.jsxs)(n.Typography.Text,{type:`secondary`,className:`text-xs! leading-6!`,children:[(0,a.jsxs)(`strong`,{children:[o.pointsNoteTitle,`：`]}),o.pointsAccountNote]})})]})})}var X=2048,te=2*1024*1024;function ne(e){return new Promise((t,n)=>{let r=URL.createObjectURL(e),i=new Image;i.onload=()=>{URL.revokeObjectURL(r),t({width:i.naturalWidth,height:i.naturalHeight})},i.onerror=()=>{URL.revokeObjectURL(r),n(Error(`invalid image`))},i.src=r})}function re({visible:e,user:i,labels:o,onCancel:s,onSubmit:c}){let l=j(o),[u]=n.Form.useForm(),[d,f]=(0,t.useState)(!1),[p,m]=(0,t.useState)(null),[h,g]=(0,t.useState)(null),_=(0,t.useRef)(null);(0,t.useEffect)(()=>()=>{_.current&&=(URL.revokeObjectURL(_.current),null)},[]),(0,t.useEffect)(()=>{e&&(u.setFieldsValue({nickname:i?.nickname||i?.username||``}),m(null),g(e=>(e&&URL.revokeObjectURL(e),_.current=null,null)))},[e,i,u]);let v=(e,t)=>{console.error(t),n.Message.error(e)},y=e=>{n.Message.success(e)};return(0,a.jsx)(n.Modal,{title:l.profileTitle,visible:e,onOk:async()=>{try{let e=await u.validate();f(!0),await c({nickname:e.nickname,avatarFile:p}),y(l.profileUpdateSuccess),s()}catch(e){e instanceof Error&&v(e.message||l.error,e)}finally{f(!1)}},onCancel:s,confirmLoading:d,okText:l.profileSave,cancelText:l.profileCancel,children:(0,a.jsxs)(n.Form,{form:u,layout:`vertical`,children:[(0,a.jsx)(n.Form.Item,{label:l.profileNickname,field:`nickname`,rules:[{required:!0,message:l.profileNicknamePlaceholder}],children:(0,a.jsx)(n.Input,{placeholder:l.profileNicknamePlaceholder,allowClear:!0})}),(0,a.jsx)(n.Form.Item,{label:l.profileAvatar,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,a.jsx)(n.Avatar,{size:64,className:`shrink-0 bg-arco-primary-light-1!`,children:h||i?.avatar?(0,a.jsx)(`img`,{src:h||i?.avatar,alt:``,className:`block h-full w-full object-cover`}):i?.nickname?.[0]||i?.username?.[0]||`U`}),(0,a.jsx)(n.Upload,{accept:`image/*`,showUploadList:!1,beforeUpload:async e=>{if(e.size>te)return v(l.profileAvatarTooLarge),!1;try{let{width:t,height:n}=await ne(e);if(t>X||n>X)return v(l.profileAvatarDimensionExceeded),!1}catch(e){return v(l.profileAvatarInvalidImage,e),!1}return g(t=>{t&&URL.revokeObjectURL(t);let n=URL.createObjectURL(e);return _.current=n,n}),m(e),!1},children:(0,a.jsx)(n.Button,{type:`outline`,size:`small`,icon:(0,a.jsx)(r.IconUpload,{}),children:l.profileUploadAvatar})})]}),(0,a.jsx)(`span`,{className:`text-xs text-arco-text-3`,children:l.profileAvatarHint})]})})]})})}function ie(e){return e?.nickname?.[0]||e?.username?.[0]||`U`}function Z({user:e,size:t,className:r=``}){return(0,a.jsx)(n.Avatar,{size:t,className:`bg-arco-primary/20! text-arco-primary-6 border-2 font-bold ${r}`,children:e?.avatar?(0,a.jsx)(`img`,{src:e.avatar,alt:`avatar`,className:`h-full w-full object-cover`}):ie(e)})}function ae({visible:e,user:i,points:o,text:s,onCancel:c,onPay:l}){let[u,d]=(0,t.useState)(W[2].id),f=e=>new Intl.NumberFormat().format(e),p=W.find(e=>e.id===u)||W[0];return(0,a.jsx)(n.Modal,{title:s.rechargeTitle,visible:e,footer:(0,a.jsxs)(`div`,{className:`mx-auto flex max-w-7xl items-center justify-between gap-5`,children:[(0,a.jsx)(`span`,{className:`text-arco-text-2 text-sm leading-6`,children:s.rechargeHint}),(0,a.jsxs)(n.Button,{type:`primary`,size:`large`,className:`min-w-48! font-bold!`,onClick:()=>l(p),children:[s.payNow,` · $`,p.price]})]}),onCancel:c,alignCenter:!1,wrapClassName:`overflow-hidden!`,style:{width:`100vw`,maxWidth:`100vw`,top:0,paddingBottom:0},className:`top-0! m-0! flex! h-screen! w-screen! max-w-none! flex-col! [&_.arco-modal-body]:min-h-0! [&_.arco-modal-body]:flex-1! [&_.arco-modal-body]:overflow-hidden! [&_.arco-modal-body]:p-0! [&_.arco-modal-close-icon]:top-1.5! [&_.arco-modal-close-icon]:right-4! [&_.arco-modal-close-icon]:inline-flex! [&_.arco-modal-close-icon]:h-9! [&_.arco-modal-close-icon]:w-9! [&_.arco-modal-close-icon]:items-center! [&_.arco-modal-close-icon]:justify-center! [&_.arco-modal-close-icon]:rounded-lg! [&_.arco-modal-close-icon]:text-lg! [&_.arco-modal-close-icon]:leading-9! [&_.arco-modal-close-icon]:transition-colors [&_.arco-modal-close-icon:hover]:bg-arco-fill-2 [&_.arco-modal-close-icon:hover]:text-arco-primary-6 [&_.arco-modal-close-icon_svg]:h-[18px]! [&_.arco-modal-close-icon_svg]:w-[18px]! [&_.arco-modal-content]:flex! [&_.arco-modal-content]:h-auto! [&_.arco-modal-content]:min-h-0! [&_.arco-modal-content]:flex-1! [&_.arco-modal-content]:flex-col! [&_.arco-modal-content]:overflow-hidden! [&_.arco-modal-content]:rounded-none! [&_.arco-modal-footer]:shrink-0! [&_.arco-modal-header]:shrink-0!`,children:(0,a.jsxs)(`div`,{className:`mx-auto flex h-full w-full max-w-7xl flex-col items-center `,children:[(0,a.jsxs)(`div`,{className:`w-full border-arco-border-1 bg-arco-fill-1 text-arco-text-2 flex items-center gap-2.5 rounded-lg border px-3.5 py-3 text-sm`,children:[(0,a.jsx)(Z,{user:i,size:32,className:`shrink-0`}),(0,a.jsxs)(`span`,{children:[i?.nickname||i?.username,` · `,s.currentBalance,` `,(0,a.jsx)(`strong`,{className:`text-arco-text-1`,children:f(o.total)}),` `,s.pointsUnit]})]}),(0,a.jsx)(`div`,{className:`mt-6 w-full`,children:(0,a.jsx)(n.Grid.Row,{gutter:[16,16],children:W.map(e=>(0,a.jsx)(n.Grid.Col,{xs:24,sm:12,lg:6,children:(0,a.jsxs)(n.Card,{hoverable:!0,role:`button`,tabIndex:0,onClick:()=>d(e.id),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&d(e.id)},bodyStyle:{minHeight:192,display:`flex`,flexDirection:`column`,justifyContent:`space-between`},className:`border-arco-border-2! bg-arco-bg-2! relative cursor-pointer overflow-hidden rounded-lg! shadow-sm! transition-all duration-200 before:absolute before:inset-x-0 before:top-0 before:h-1 before:bg-linear-to-r before:from-arco-primary before:to-transparent hover:shadow-md! ${u===e.id?`border-arco-primary-6! bg-arco-primary-light-1/40! ring-arco-primary-6/20 ring-2! shadow-[0_18px_38px_rgb(var(--primary-6)/22%)]!`:`hover:border-arco-primary-6!`}`,children:[u===e.id?(0,a.jsx)(r.IconCheckCircleFill,{className:`text-arco-primary-6! absolute bottom-4 left-4 text-xl`}):null,`recommended`in e&&e.recommended?(0,a.jsx)(n.Tag,{color:`arcoblue`,className:`absolute top-4 right-4 text-xs! font-bold!`,children:`HOT`}):null,(0,a.jsxs)(`div`,{className:`min-w-0 pr-16`,children:[(0,a.jsxs)(n.Typography.Text,{className:`flex items-center text-3xl! leading-tight! font-bold!`,children:[f(e.points),(0,a.jsx)(`span`,{className:`ml-1 text-2xl`,children:`🪙`})]}),(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`mt-1 block! text-sm!`,children:s.pointsUnit})]}),(0,a.jsx)(`div`,{className:`mt-7 flex w-full justify-end`,children:(0,a.jsxs)(n.Typography.Text,{className:`text-arco-primary-6! text-right text-2xl! leading-tight! font-bold!`,children:[`$`,e.price]})})]})},e.id))})})]})})}function oe({user:e,points:t,text:i,onEditProfile:o,onRecharge:s,onPointsDetail:c,onLogout:l}){let u=e=>new Intl.NumberFormat().format(e);return(0,a.jsxs)(`div`,{className:`w-80 overflow-hidden rounded-xl border border-arco-border-2 bg-arco-bg-popup shadow-[0_10px_28px_rgb(0_0_0/12%)]`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-3 px-6 pt-5 pb-4`,children:[(0,a.jsx)(Z,{user:e,size:48,className:`shrink-0`}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1`,children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[(0,a.jsx)(`span`,{className:`text-arco-text-1 truncate text-base leading-6 font-bold`,children:e?.nickname||e?.username}),(0,a.jsx)(n.Button,{type:`text`,size:`mini`,icon:(0,a.jsx)(r.IconEdit,{}),className:`text-arco-text-3 h-6! min-w-6! px-0!`,onClick:o})]}),e?.email?(0,a.jsx)(`span`,{className:`text-arco-text-3 truncate text-xs leading-5`,children:e.email}):null]})]}),(0,a.jsx)(n.Divider,{className:`m-0!`}),(0,a.jsxs)(`ul`,{className:`flex flex-col gap-3.5 px-6 py-4`,children:[(0,a.jsxs)(`li`,{className:`text-arco-text-2 flex items-center justify-between gap-4 text-sm`,children:[(0,a.jsx)(`span`,{children:i.myPoints}),(0,a.jsx)(`strong`,{className:`text-arco-primary-6 text-base font-bold`,children:u(t.total)})]}),(0,a.jsxs)(`li`,{className:`text-arco-text-2 flex items-center justify-between gap-4 text-sm`,children:[(0,a.jsx)(`span`,{children:i.rechargePoints}),(0,a.jsx)(`strong`,{className:`text-arco-text-1 text-base font-bold`,children:u(t.recharge)})]}),(0,a.jsxs)(`li`,{className:`text-arco-text-2 flex items-center justify-between gap-4 text-sm`,children:[(0,a.jsx)(`span`,{children:i.giftedPoints}),(0,a.jsx)(`strong`,{className:`text-arco-text-1 text-base font-bold`,children:u(t.gifted)})]})]}),(0,a.jsx)(n.Divider,{className:`m-0!`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-2 px-6 py-4`,children:[(0,a.jsx)(n.Button,{type:`primary`,long:!0,icon:(0,a.jsx)(r.IconPlus,{}),className:`h-10! rounded-md! font-semibold!`,onClick:s,children:i.recharge}),(0,a.jsx)(n.Button,{long:!0,icon:(0,a.jsx)(r.IconFile,{}),className:`border-arco-border-2! bg-arco-fill-1! text-arco-text-1! h-10! rounded-md! font-semibold!`,onClick:c,children:i.pointsDetail})]}),(0,a.jsx)(n.Divider,{className:`m-0!`}),(0,a.jsx)(`div`,{className:`px-6 py-4`,children:(0,a.jsx)(n.Button,{icon:(0,a.jsx)(r.IconPoweroff,{}),type:`text`,status:`danger`,long:!0,className:`flex! items-center justify-start gap-2 text-sm text-arco-text-2`,onClick:()=>void l?.(),children:i.logout})})]})}var se=`https://mantur.ai/images/logo.png`,Q=[`from-arco-primary-light-1 to-arco-primary-light-2 text-arco-primary-6`,`from-arco-success-light-1 to-arco-success-light-2 text-arco-success-6`,`from-arco-warning-light-1 to-arco-warning-light-2 text-arco-warning-6`,`from-arco-danger-light-1 to-arco-danger-light-2 text-arco-danger-6`];function $(e,t=!1){return`flex h-8 min-h-8 w-8 min-w-8 flex-none items-center justify-center rounded-lg bg-linear-to-br font-bold leading-none ${Q[e%Q.length]} ${t?`shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]`:``}`}function ce(e){return e?.tenantName?.[0]?.toUpperCase()||`T`}function le(e,t,n){let r=e?.roles?.map(e=>e.roleName).filter(Boolean);return r?.length?r.join(`, `):e?.isOwner?t:n}function ue({user:e,disabled:i=!1,brandSlot:o,children:s}){let[c,d]=(0,t.useState)(()=>L()),f=R(c),[p,m]=(0,t.useState)(!1),[h,g]=(0,t.useState)(!1),[y,b]=(0,t.useState)(!1),[S,C]=(0,t.useState)(e),[w,T]=(0,t.useState)([]),[E,D]=(0,t.useState)(),[A,j]=(0,t.useState)(!1),[M,N]=(0,t.useState)({total:0,recharge:0,gifted:0}),F=E?.tenantId||``,z=i,B={total:M.total??0,recharge:M.recharge??0,gifted:M.gifted??0},V=async e=>{let t=await v(e);return t&&C(t),t};(0,t.useEffect)(()=>{C(e)},[e]),(0,t.useEffect)(()=>{let e=e=>{T(e.tenants),D(e.currentTenant)},t=t=>{t instanceof CustomEvent&&e(t.detail)};return window.addEventListener(u,t),j(!0),O().then(e).catch(e=>{console.warn(`Failed to refresh Mantur tenant context.`,e),n.Message.error(f.error)}).finally(()=>j(!1)),()=>{window.removeEventListener(u,t)}},[f.error]),(0,t.useEffect)(()=>{let e=e=>{e instanceof CustomEvent&&N(e.detail)};return window.addEventListener(l,e),x().catch(e=>{console.warn(`Failed to refresh Mantur user points.`,e)}),()=>{window.removeEventListener(l,e)}},[]),(0,t.useEffect)(()=>{let e=e=>{d(e instanceof CustomEvent?I(e.detail):L())};return window.addEventListener(P,e),window.addEventListener(`storage`,e),()=>{window.removeEventListener(P,e),window.removeEventListener(`storage`,e)}},[]);let W=e=>{n.Message.success(e)},G=(e,t)=>{console.error(t),n.Message.error(e)},K=(0,t.useCallback)(async e=>{if(!z&&e!==F)try{j(!0);let t=await k(e);T(t.tenants),D(t.currentTenant),W(f.switchedToTeam)}catch(e){G(f.error,e)}finally{j(!1)}},[F,z,f.error,f.switchedToTeam]),q=e=>{let t={total:B.total+e.points,recharge:B.recharge+e.points,gifted:B.gifted};N(t),window.dispatchEvent(new CustomEvent(l,{detail:t})),n.Message.success(f.rechargeSuccess),g(!1)},J=(0,t.useMemo)(()=>(0,a.jsxs)(n.Menu,{className:`w-56 rounded-xl bg-arco-bg-popup shadow-[0_10px_28px_rgb(0_0_0/12%)] [&_.arco-menu-inner]:px-2 [&_.arco-menu-inner]:py-1`,selectedKeys:F?[F]:[],onClickMenuItem:K,children:[(0,a.jsx)(`div`,{className:`px-3 py-2 text-xs font-semibold tracking-[0.04em] text-arco-text-4 uppercase`,children:f.switchTeam}),w.map((e,t)=>(0,a.jsx)(n.Menu.Item,{className:`mb-1 h-auto! min-h-10! overflow-visible! rounded-lg! px-2! py-1! leading-normal!`,children:(0,a.jsxs)(`div`,{className:`flex w-full items-center gap-3 leading-normal`,children:[(0,a.jsx)(`div`,{className:$(t),children:ce(e)}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-col justify-center gap-0.75`,children:[(0,a.jsx)(`span`,{className:`text-sm leading-5 font-medium text-arco-text-1`,children:e.tenantName}),(0,a.jsx)(`span`,{className:`text-xs leading-4 text-arco-text-3`,children:le(e,f.owner,f.member)})]})]})},e.tenantId))]}),[K,F,w,f]),Y=(0,a.jsx)(oe,{user:S,points:B,text:f,onEditProfile:()=>m(!0),onRecharge:()=>g(!0),onPointsDetail:()=>b(!0),onLogout:_}),X=Math.max(0,w.findIndex(e=>e.tenantId===E?.tenantId));return(0,a.jsxs)(`div`,{className:`flex h-20 items-center justify-between bg-transparent pr-8 shadow-[0_2px_10px_rgb(0_0_0/2%)] backdrop-blur-md max-md:pr-4`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,a.jsxs)(`div`,{className:`flex w-65 items-center gap-3 px-8 max-md:w-auto max-md:px-4`,children:[(0,a.jsx)(`div`,{className:`relative flex w-12 items-center justify-center overflow-hidden `,children:(0,a.jsx)(`img`,{src:se,alt:`logo`,className:`w-full object-contain`,onError:e=>{e.currentTarget.style.display=`none`}})}),o??(0,a.jsx)(`span`,{className:`text-lg font-bold tracking-normal text-arco-text-1`,children:f.title})]}),(0,a.jsx)(n.Dropdown,{droplist:J,trigger:`click`,position:`bl`,disabled:z,children:(0,a.jsxs)(`div`,{"aria-disabled":z,className:`flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${z?`cursor-not-allowed opacity-60`:`cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]`}`,children:[(0,a.jsx)(`div`,{className:$(X,!0),children:ce(E)}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,a.jsx)(`span`,{className:`text-xs leading-none font-bold text-arco-text-1`,children:A?f.loading:E?.tenantName||f.loading}),(0,a.jsx)(`span`,{className:`mt-1 text-[10px] leading-none text-arco-text-3`,children:le(E,f.owner,f.member)})]}),(0,a.jsx)(r.IconDown,{className:`ml-1 text-arco-text-3`})]})})]}),(0,a.jsx)(`div`,{className:`flex-1`,children:s}),(0,a.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,a.jsx)(U,{}),(0,a.jsx)(H,{})]}),(0,a.jsx)(n.Dropdown,{droplist:Y,trigger:`click`,position:`br`,onVisibleChange:e=>{e&&x().catch(e=>{console.warn(`Failed to refresh Mantur user points.`,e)})},children:(0,a.jsxs)(`div`,{className:`hover:bg-arco-fill-2 flex cursor-pointer items-center gap-2.5 rounded-full border border-transparent p-1 pr-2 transition-all`,children:[(0,a.jsxs)(`div`,{className:`from-arco-primary to-transparent relative rounded-full bg-linear-to-br p-0.5 shadow-sm`,children:[(0,a.jsx)(Z,{user:S,size:36}),(0,a.jsx)(`div`,{className:`bg-arco-success border-arco-bg-white absolute right-0 bottom-0 h-3 w-3 rounded-full border-2 shadow-sm`})]}),(0,a.jsx)(`div`,{className:`hidden flex-col md:flex`,children:(0,a.jsx)(`span`,{className:`text-arco-text-1 text-sm font-medium`,children:S?.nickname||S?.username})}),(0,a.jsx)(r.IconDown,{className:`text-arco-text-3 ml-1`})]})})]}),(0,a.jsx)(re,{visible:p,user:S,labels:f,onCancel:()=>m(!1),onSubmit:V}),(0,a.jsx)(ae,{visible:h,user:S,points:B,text:f,onCancel:()=>g(!1),onPay:q}),(0,a.jsx)(ee,{visible:y,points:B,text:f,onCancel:()=>b(!1),onRecharge:()=>g(!0)})]})}e.LANGUAGE_SOURCE_STORAGE_KEY=B,e.LANGUAGE_STORAGE_KEY=z,e.LangSwitch=H,e.MANTUR_LANGUAGE_CHANGE_EVENT=P,e.MANTUR_LANGUAGE_SOURCE_STORAGE_KEY=N,e.MANTUR_LANGUAGE_STORAGE_KEY=M,e.MANTUR_MESSAGES=F,e.MANTUR_POINTS_REFRESH_EVENT=l,e.MANTUR_TENANT_CONTEXT_CHANGE_EVENT=u,e.ManturHeader=ue,e.ThemeSwitch=U,e.getManturCurrentTenant=E,e.getManturMessages=R,e.getManturTenantContextSnapshot=w,e.getManturTenants=T,e.getManturUserPoints=b,e.getStoredManturLocale=L,e.normalizeManturLocale=I,e.refreshManturTenantContext=O,e.refreshManturUserPoints=x,e.switchAndRefreshManturTenant=k,e.switchManturTenant=D});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@arco-design/web-react`),require(`@arco-design/web-react/icon`),require(`react-i18next`),require(`react/jsx-runtime`),require(`next-themes`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@arco-design/web-react`,`@arco-design/web-react/icon`,`react-i18next`,`react/jsx-runtime`,`next-themes`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ManturComponents={},e.React,e.ArcoDesign,e.ArcoDesignIcon,e.ReactI18next,e.jsxRuntime,e.nextThemes))})(this,function(e,t,n,r,i,a,o){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var s=`/api`,c=`/users/me/points`,l=`mantur-points-refresh`,u=`mantur-tenant-context-change`;function d(){return typeof window<`u`&&window.__MANTUR_COMPONENTS_API_BASE__?window.__MANTUR_COMPONENTS_API_BASE__:s}function f(){return typeof window<`u`&&window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__?window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__:c}function p(e){if(typeof document>`u`)return;let t=`${encodeURIComponent(e)}=`;return document.cookie.split(`; `).find(e=>e.startsWith(t))?.slice(t.length)}function m(e){if(typeof document>`u`)return;let t=encodeURIComponent(e),n=window.location.hostname,r=[void 0,n],i=n.split(`.`);i.length>=2&&r.push(`.${i.slice(-2).join(`.`)}`),r.forEach(e=>{document.cookie=`${t}=; path=/; max-age=0${e?`; domain=${e}`:``}`})}function h(e){let t=JSON.parse(e||`null`);if(!t)throw Error(`Request failed`);if(t.code!==0)throw Error(t.message||`Request failed`);return t}async function g(e,t={}){let n=p(`front-token`),r=p(`Accept-Language`),i=t.headers||{};return n&&(i.Authorization=decodeURIComponent(n)),r&&(i[`Accept-Language`]=decodeURIComponent(r)),new Promise((n,r)=>{let a=new XMLHttpRequest;a.open(t.method||`GET`,`${d()}${e}`,!0),a.timeout=t.timeout||1e4,Object.entries(i).forEach(([e,t])=>{a.setRequestHeader(e,t)}),a.onload=()=>{try{let e=h(a.responseText);if(a.status<200||a.status>=300){r(Error(e.message||a.statusText));return}n(e)}catch(e){r(e)}},a.onerror=()=>r(Error(`Network request failed`)),a.ontimeout=()=>r(Error(`Network request timed out`)),a.send(t.body??null)})}async function _(){try{await g(`/auth/front-logout`,{method:`DELETE`})}catch(e){console.warn(`Logout request failed, continuing local logout.`,e)}finally{m(`front-token`),m(`refreshToken`),typeof window<`u`&&window.location.reload()}}async function v(e){let t;if(e.avatarFile){let n=new FormData;n.append(`file`,e.avatarFile),t=(await g(`/users/me/avatar`,{method:`POST`,body:n})).data}return(await g(`/users/me`,{method:`PUT`,headers:{"Content-Type":`application/json;charset=utf-8`},body:JSON.stringify({nickname:e.nickname})})).data||t}function y(e){let t=(...t)=>{let n=t.map(t=>e?.[t]).find(e=>e!==void 0);return typeof n==`number`?n:Number(n||0)};return{total:t(`total`,`totalPoints`,`balance`,`points`),recharge:t(`recharge`,`rechargePoints`,`paidPoints`),gifted:t(`gifted`,`giftedPoints`,`bonusPoints`)}}async function b(){return y((await g(f())).data)}async function x(){let e=await b();return typeof window<`u`&&window.dispatchEvent(new CustomEvent(l,{detail:e})),e}function S(e,t){return t?.tenantId?e.find(e=>e.tenantId===t.tenantId)||{tenantId:t.tenantId,tenantName:t.tenantName||t.tenantId,roles:t.roles?.map(e=>({roleCode:e,roleName:e}))}:e.find(e=>e.isOwner)||e[0]}function C(e){typeof window<`u`&&(window.__MANTUR_COMPONENTS_TENANT_CONTEXT__=e,window.dispatchEvent(new CustomEvent(u,{detail:e})))}function w(){if(!(typeof window>`u`))return window.__MANTUR_COMPONENTS_TENANT_CONTEXT__}async function T(){return(await g(`/users/me/tenants`)).data||[]}async function E(){return(await g(`/auth/current-tenant`)).data}async function D(e){return(await g(`/auth/current-tenant/${e}`,{method:`PUT`})).data}async function O(e=`refresh`){let[t,n]=await Promise.all([T(),E()]),r={tenants:t,currentTenant:S(t,n),auth:n,reason:e};return C(r),r}async function k(e){let t=await D(e),n=await T(),r={tenants:n,currentTenant:S(n,t),auth:t,reason:`switch`};return C(r),r}var A={title:`Mantur`,switchTeam:`Switch Team`,personalSettings:`Personal Settings`,logout:`Logout`,loading:`Loading...`,owner:`Owner`,member:`Member`,createTeam:`Create Team`,createTeamComingSoon:`Create team is coming soon`,switchedToTeam:`Switched team`,error:`Request failed`,profileTitle:`Profile`,profileNickname:`Nickname`,profileNicknamePlaceholder:`Please enter nickname`,profileAvatar:`Avatar`,profileUploadAvatar:`Upload Avatar`,profileAvatarHint:`JPG/PNG/WebP, max 2MB, max 2048px.`,profileAvatarTooLarge:`Avatar must be less than 2MB`,profileAvatarDimensionExceeded:`Avatar dimensions must be within 2048px`,profileAvatarInvalidImage:`Invalid image`,profileUpdateSuccess:`Profile updated`,profileSave:`Save`,profileCancel:`Cancel`,myPoints:`My Points`,totalBalance:`Total Balance`,rechargePoints:`Recharge Points`,giftedPoints:`Gifted Points`,recharge:`Recharge`,rechargeTitle:`Recharge Points`,pointsDetail:`Points Detail`,close:`Close`,currentBalance:`Current Balance`,pointsUnit:`points`,rechargeHint:`Recharge points are valid for 2 years after arrival.`,payNow:`Pay Now`,rechargeSuccess:`Recharge successful`,all:`All`,income:`Income`,expense:`Expense`,source:`Source`,sourceAll:`All Sources`,sourceRecharge:`Recharge`,sourceGifted:`Gifted`,dateRange:`Date Range`,startDate:`Start Date`,endDate:`End Date`,dateTo:`to`,query:`Query`,refreshed:`Refreshed`,pointsDeductionTip:`Points expiring soon are deducted first.`,pointsNoteTitle:`Note`,pointsAccountNote:`Points are attached to your personal account. You recharge, consume, and manage them yourself. Others cannot recharge or use them for you. Recharge points are valid for 2 years; gifted points follow the validity set by operations.`};function j(e){return{...A,...e}}var M=`i18nextLng`,N=`manturLanguageSource`,P=`mantur-language-change`,F={"zh-CN":{title:`漫途`,switchTeam:`切换团队`,personalSettings:`个人设置`,logout:`退出登录`,loading:`加载中...`,owner:`管理员`,member:`成员`,createTeam:`创建团队`,createTeamComingSoon:`创建团队功能即将上线`,switchedToTeam:`已切换团队`,error:`请求失败`,profileTitle:`个人资料`,profileNickname:`昵称`,profileNicknamePlaceholder:`请输入昵称`,profileAvatar:`头像`,profileUploadAvatar:`上传头像`,profileAvatarHint:`支持 JPG/PNG/WebP，最大 2MB，尺寸不超过 2048px。`,profileAvatarTooLarge:`头像不能超过 2MB`,profileAvatarDimensionExceeded:`头像尺寸不能超过 2048px`,profileAvatarInvalidImage:`图片无效`,profileUpdateSuccess:`个人资料已更新`,profileSave:`保存`,profileCancel:`取消`,myPoints:`我的积分`,totalBalance:`总余额`,rechargePoints:`充值积分`,giftedPoints:`赠送积分`,recharge:`去充值`,rechargeTitle:`充值积分`,pointsDetail:`积分明细`,close:`关闭`,currentBalance:`当前余额`,pointsUnit:`积分`,rechargeHint:`充值积分有效期 2 年（自到账日起算），支付后不可退换。`,payNow:`立即支付`,rechargeSuccess:`充值成功`,all:`全部`,income:`获得`,expense:`消耗`,source:`来源`,sourceAll:`全部来源`,sourceRecharge:`充值`,sourceGifted:`赠送`,dateRange:`日期查询`,startDate:`开始日期`,endDate:`结束日期`,dateTo:`至`,query:`查询`,refreshed:`已刷新`,pointsDeductionTip:`优先扣减即将到期的积分`,pointsNoteTitle:`说明`,pointsAccountNote:`积分账户挂在你的个人账号上，自己充值、自己消耗、自己负责；他人不能代充、不能代用。充值积分有效期固定 2 年；赠送积分有效期由后台运营发放时设置。`,languageZh:`中文`,languageEn:`English`},"en-US":{...A,languageZh:`中文`,languageEn:`English`}};function I(e){return e?.toLowerCase().startsWith(`en`)?`en-US`:`zh-CN`}function L(){return typeof window>`u`?`zh-CN`:I(window.localStorage.getItem(`i18nextLng`)||document.documentElement.lang||navigator.language)}function R(e){return F[I(e)]}var z=M,B=N;function V(e,t){document.cookie=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/`}function H(){let{i18n:e}=(0,i.useTranslation)(),[o,s]=(0,t.useState)(()=>L()),c=R(o);return(0,t.useEffect)(()=>{s(I(e.language))},[e.language]),(0,a.jsx)(n.Dropdown,{droplist:(0,a.jsxs)(n.Menu,{selectedKeys:[o],onClickMenuItem:t=>{let n=I(t);localStorage.setItem(z,t),localStorage.setItem(B,`manual`),s(n),e.changeLanguage(t),V(`Accept-Language`,t),window.dispatchEvent(new CustomEvent(P,{detail:n})),window.location.reload()},children:[(0,a.jsx)(n.Menu.Item,{children:c.languageZh},`zh-CN`),(0,a.jsx)(n.Menu.Item,{children:c.languageEn},`en-US`)]}),trigger:`click`,position:`br`,children:(0,a.jsx)(n.Button,{shape:`circle`,icon:(0,a.jsx)(r.IconLanguage,{})})})}function U(){let{resolvedTheme:e,setTheme:t}=(0,o.useTheme)();return(0,a.jsx)(n.Button,{shape:`circle`,icon:e===`light`?(0,a.jsx)(r.IconMoonFill,{}):(0,a.jsx)(r.IconSunFill,{}),onClick:()=>{t(e===`light`?`dark`:`light`)}})}var W=[{id:`points-500`,points:500,price:5},{id:`points-1000`,points:1e3,price:10},{id:`points-5500`,points:5500,price:50,recommended:!0},{id:`points-24000`,points:24e3,price:200}],G=[{id:`recharge-1`,type:`income`,source:`recharge`,name:`积分充值`,meta:`2026-05-10 14:00:00 · 订单号 R20260510140000 · 套餐 $50`,date:`2026-05-10`,amount:5500,badgeKind:`recharge`,badgeText:`充值`},{id:`gift-1`,type:`income`,source:`gift`,name:`系统赠送 · 新人礼包`,meta:`2026-05-08 09:00:00 · 有效期 30 天`,date:`2026-05-08`,amount:1e3,badgeKind:`gift`,badgeText:`赠送`},{id:`expense-1`,type:`expense`,name:`视频生成 — Sora 40秒 4K`,meta:`2026-05-10 16:45:22 · 制作中心`,date:`2026-05-10`,amount:-400,badgeKind:`deducted`,badgeText:`已扣除`},{id:`expense-2`,type:`expense`,name:`视频生成 — Sora 25秒 1080p`,meta:`2026-05-11 09:15:42 · 制作中心`,date:`2026-05-11`,amount:-250,badgeKind:`deducted`,badgeText:`已扣除`},{id:`expire-1`,type:`expense`,name:`积分过期`,meta:`2026-05-01 00:00:00 · 2026-04 批次到期未使用`,date:`2026-05-01`,amount:-100,badgeKind:`expired`,badgeText:`自然过期`},{id:`expense-3`,type:`expense`,name:`AI 对话 — GPT-4o 5轮`,meta:`2026-05-07 10:08:55 · 剧本中心`,date:`2026-05-07`,amount:-10,badgeKind:`deducted`,badgeText:`已扣除`},{id:`expense-4`,type:`expense`,name:`图片生成 — DALL-E 5张`,meta:`2026-05-04 14:20:11 · 制作中心`,date:`2026-05-04`,amount:-75,badgeKind:`deducted`,badgeText:`已扣除`}],{RangePicker:K}=n.DatePicker,q=21,J=7;function Y(e){return e===`recharge`?`arcoblue`:e===`gift`?`cyan`:e===`expired`?`gray`:`orange`}function ee({visible:e,points:i,text:o,onCancel:s,onRecharge:c}){let[l,u]=(0,t.useState)(`all`),[d,f]=(0,t.useState)(`all`),[p,m]=(0,t.useState)([`2026-04-15`,`2026-05-15`]),[h,g]=(0,t.useState)(1),_=e=>new Intl.NumberFormat().format(e),v=(0,t.useMemo)(()=>{let[e,t]=p;return G.filter(n=>{let r=l===`all`||n.type===l,i=d===`all`||n.source===d,a=!e||n.date>=e,o=!t||n.date<=t;return r&&i&&a&&o})},[p,d,l]),y=[{title:o.pointsDetail,dataIndex:`name`,render:(e,t)=>(0,a.jsxs)(`div`,{className:`min-w-0`,children:[(0,a.jsx)(n.Typography.Text,{className:`font-medium!`,children:t.name}),(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`mt-1 block! text-xs!`,children:t.meta})]})},{title:o.pointsUnit,dataIndex:`amount`,width:120,align:`right`,render:(e,t)=>(0,a.jsxs)(n.Typography.Text,{className:`font-semibold! ${t.amount>0?`text-arco-success-6!`:`text-arco-danger-6!`}`,children:[t.amount>0?`+`:``,_(t.amount)]})},{title:o.source,dataIndex:`badgeText`,width:110,align:`right`,render:(e,t)=>(0,a.jsx)(n.Tag,{color:Y(t.badgeKind),children:t.badgeText})}];return(0,a.jsx)(n.Modal,{title:o.pointsDetail,visible:e,footer:(0,a.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,a.jsx)(n.Button,{onClick:s,children:o.close}),(0,a.jsx)(n.Button,{type:`primary`,icon:(0,a.jsx)(r.IconPlus,{}),onClick:()=>{s(),c()},children:o.recharge})]}),onCancel:s,style:{width:780,maxWidth:`calc(100vw - 48px)`},children:(0,a.jsxs)(`div`,{className:`max-h-[70vh] overflow-y-auto`,children:[(0,a.jsxs)(n.Card,{bordered:!1,className:`from-arco-primary-light-1/40 to-cyan-400/5 rounded-none! bg-linear-to-br!`,children:[(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`text-xs!`,children:o.totalBalance}),(0,a.jsxs)(`div`,{className:`mt-1.5 mb-3.5 `,children:[(0,a.jsx)(n.Typography.Text,{className:`text-3xl! font-bold!`,children:_(i.total)}),(0,a.jsxs)(n.Typography.Text,{type:`secondary`,className:`ml-2 text-sm! `,children:[`🪙 `,o.pointsUnit]})]}),(0,a.jsxs)(n.Grid.Row,{gutter:12,children:[(0,a.jsx)(n.Grid.Col,{span:12,children:(0,a.jsxs)(n.Card,{size:`small`,children:[(0,a.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`text-xs!`,children:o.rechargePoints}),(0,a.jsx)(n.Tag,{color:`arcoblue`,children:o.sourceRecharge})]}),(0,a.jsx)(n.Typography.Text,{className:`text-lg! font-semibold!`,children:_(i.recharge)})]})}),(0,a.jsx)(n.Grid.Col,{span:12,children:(0,a.jsxs)(n.Card,{size:`small`,children:[(0,a.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`text-xs!`,children:o.giftedPoints}),(0,a.jsx)(n.Tag,{color:`success`,children:o.sourceGifted})]}),(0,a.jsx)(n.Typography.Text,{className:`text-lg! font-semibold!`,children:_(i.gifted)})]})})]}),(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`mt-2.5 block! text-xs!`,children:o.pointsDeductionTip})]}),(0,a.jsxs)(`div`,{className:`px-6 py-4`,children:[(0,a.jsxs)(n.Tabs,{activeTab:l,onChange:e=>u(e),children:[(0,a.jsx)(n.Tabs.TabPane,{title:o.all},`all`),(0,a.jsx)(n.Tabs.TabPane,{title:o.income},`income`),(0,a.jsx)(n.Tabs.TabPane,{title:o.expense},`expense`)]}),(0,a.jsxs)(`div`,{className:`mt-2 mb-3.5 flex flex-wrap items-center gap-2.5`,children:[(0,a.jsxs)(n.Select,{value:d,style:{width:140},onChange:e=>f(e),children:[(0,a.jsx)(n.Select.Option,{value:`all`,children:o.sourceAll}),(0,a.jsx)(n.Select.Option,{value:`recharge`,children:o.sourceRecharge}),(0,a.jsx)(n.Select.Option,{value:`gift`,children:o.sourceGifted})]}),(0,a.jsx)(K,{value:p,onChange:e=>m(e),style:{width:260}}),(0,a.jsx)(n.Button,{onClick:()=>n.Message.success(o.refreshed),children:o.query})]}),(0,a.jsx)(n.Table,{rowKey:`id`,columns:y,data:v,pagination:!1,border:!1}),(0,a.jsx)(n.Pagination,{className:`mt-3 flex justify-center!`,current:h,pageSize:J,total:q,onChange:g})]}),(0,a.jsx)(n.Card,{bordered:!1,className:`bg-arco-primary-light-1/30 rounded-none!`,children:(0,a.jsxs)(n.Typography.Text,{type:`secondary`,className:`text-xs! leading-6!`,children:[(0,a.jsxs)(`strong`,{children:[o.pointsNoteTitle,`：`]}),o.pointsAccountNote]})})]})})}var X=2048,Z=2*1024*1024;function Q(e){return new Promise((t,n)=>{let r=URL.createObjectURL(e),i=new Image;i.onload=()=>{URL.revokeObjectURL(r),t({width:i.naturalWidth,height:i.naturalHeight})},i.onerror=()=>{URL.revokeObjectURL(r),n(Error(`invalid image`))},i.src=r})}function te({visible:e,user:i,labels:o,onCancel:s,onSubmit:c}){let l=j(o),[u]=n.Form.useForm(),[d,f]=(0,t.useState)(!1),[p,m]=(0,t.useState)(null),[h,g]=(0,t.useState)(null),_=(0,t.useRef)(null);(0,t.useEffect)(()=>()=>{_.current&&=(URL.revokeObjectURL(_.current),null)},[]),(0,t.useEffect)(()=>{e&&(u.setFieldsValue({nickname:i?.nickname||i?.username||``}),m(null),g(e=>(e&&URL.revokeObjectURL(e),_.current=null,null)))},[e,i,u]);let v=(e,t)=>{console.error(t),n.Message.error(e)},y=e=>{n.Message.success(e)};return(0,a.jsx)(n.Modal,{title:l.profileTitle,visible:e,onOk:async()=>{try{let e=await u.validate();f(!0),await c({nickname:e.nickname,avatarFile:p}),y(l.profileUpdateSuccess),s()}catch(e){e instanceof Error&&v(e.message||l.error,e)}finally{f(!1)}},onCancel:s,confirmLoading:d,okText:l.profileSave,cancelText:l.profileCancel,children:(0,a.jsxs)(n.Form,{form:u,layout:`vertical`,children:[(0,a.jsx)(n.Form.Item,{label:l.profileNickname,field:`nickname`,rules:[{required:!0,message:l.profileNicknamePlaceholder}],children:(0,a.jsx)(n.Input,{placeholder:l.profileNicknamePlaceholder,allowClear:!0})}),(0,a.jsx)(n.Form.Item,{label:l.profileAvatar,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,a.jsx)(n.Avatar,{size:64,className:`shrink-0 bg-arco-primary-light-1!`,children:h||i?.avatar?(0,a.jsx)(`img`,{src:h||i?.avatar,alt:``,className:`block h-full w-full object-cover`}):i?.nickname?.[0]||i?.username?.[0]||`U`}),(0,a.jsx)(n.Upload,{accept:`image/*`,showUploadList:!1,beforeUpload:async e=>{if(e.size>Z)return v(l.profileAvatarTooLarge),!1;try{let{width:t,height:n}=await Q(e);if(t>X||n>X)return v(l.profileAvatarDimensionExceeded),!1}catch(e){return v(l.profileAvatarInvalidImage,e),!1}return g(t=>{t&&URL.revokeObjectURL(t);let n=URL.createObjectURL(e);return _.current=n,n}),m(e),!1},children:(0,a.jsx)(n.Button,{type:`outline`,size:`small`,icon:(0,a.jsx)(r.IconUpload,{}),children:l.profileUploadAvatar})})]}),(0,a.jsx)(`span`,{className:`text-xs text-arco-text-3`,children:l.profileAvatarHint})]})})]})})}function ne(e){return e?.nickname?.[0]||e?.username?.[0]||`U`}function $({user:e,size:t,className:r=``}){return(0,a.jsx)(n.Avatar,{size:t,className:`bg-arco-primary/20! text-arco-primary-6 border-2 font-bold ${r}`,children:e?.avatar?(0,a.jsx)(`img`,{src:e.avatar,alt:`avatar`,className:`h-full w-full object-cover`}):ne(e)})}function re({visible:e,user:i,points:o,text:s,onCancel:c,onPay:l}){let[u,d]=(0,t.useState)(W[2].id),f=e=>new Intl.NumberFormat().format(e),p=W.find(e=>e.id===u)||W[0];return(0,a.jsx)(n.Modal,{title:s.rechargeTitle,visible:e,footer:(0,a.jsxs)(`div`,{className:`mx-auto flex max-w-7xl items-center justify-between gap-5`,children:[(0,a.jsx)(`span`,{className:`text-arco-text-2 text-sm leading-6`,children:s.rechargeHint}),(0,a.jsxs)(n.Button,{type:`primary`,size:`large`,className:`min-w-48! font-bold!`,onClick:()=>l(p),children:[s.payNow,` · $`,p.price]})]}),onCancel:c,alignCenter:!1,wrapClassName:`overflow-hidden!`,style:{width:`100vw`,maxWidth:`100vw`,top:0,paddingBottom:0},className:`top-0! m-0! flex! h-screen! w-screen! max-w-none! flex-col! [&_.arco-modal-body]:min-h-0! [&_.arco-modal-body]:flex-1! [&_.arco-modal-body]:overflow-hidden! [&_.arco-modal-body]:p-0! [&_.arco-modal-close-icon]:top-1.5! [&_.arco-modal-close-icon]:right-4! [&_.arco-modal-close-icon]:inline-flex! [&_.arco-modal-close-icon]:h-9! [&_.arco-modal-close-icon]:w-9! [&_.arco-modal-close-icon]:items-center! [&_.arco-modal-close-icon]:justify-center! [&_.arco-modal-close-icon]:rounded-lg! [&_.arco-modal-close-icon]:text-lg! [&_.arco-modal-close-icon]:leading-9! [&_.arco-modal-close-icon]:transition-colors [&_.arco-modal-close-icon:hover]:bg-arco-fill-2 [&_.arco-modal-close-icon:hover]:text-arco-primary-6 [&_.arco-modal-close-icon_svg]:h-[18px]! [&_.arco-modal-close-icon_svg]:w-[18px]! [&_.arco-modal-content]:flex! [&_.arco-modal-content]:h-auto! [&_.arco-modal-content]:min-h-0! [&_.arco-modal-content]:flex-1! [&_.arco-modal-content]:flex-col! [&_.arco-modal-content]:overflow-hidden! [&_.arco-modal-content]:rounded-none! [&_.arco-modal-footer]:shrink-0! [&_.arco-modal-header]:shrink-0!`,children:(0,a.jsxs)(`div`,{className:`mx-auto flex h-full w-full max-w-7xl flex-col items-center `,children:[(0,a.jsxs)(`div`,{className:`w-full border-arco-border-1 bg-arco-fill-1 text-arco-text-2 flex items-center gap-2.5 rounded-lg border px-3.5 py-3 text-sm`,children:[(0,a.jsx)($,{user:i,size:32,className:`shrink-0`}),(0,a.jsxs)(`span`,{children:[i?.nickname||i?.username,` · `,s.currentBalance,` `,(0,a.jsx)(`strong`,{className:`text-arco-text-1`,children:f(o.total)}),` `,s.pointsUnit]})]}),(0,a.jsx)(`div`,{className:`mt-6 w-full`,children:(0,a.jsx)(n.Grid.Row,{gutter:[16,16],children:W.map(e=>(0,a.jsx)(n.Grid.Col,{xs:24,sm:12,lg:6,children:(0,a.jsxs)(n.Card,{hoverable:!0,role:`button`,tabIndex:0,onClick:()=>d(e.id),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&d(e.id)},bodyStyle:{minHeight:192,display:`flex`,flexDirection:`column`,justifyContent:`space-between`},className:`border-arco-border-2! bg-arco-bg-2! relative cursor-pointer overflow-hidden rounded-lg! shadow-sm! transition-all duration-200 before:absolute before:inset-x-0 before:top-0 before:h-1 before:bg-linear-to-r before:from-arco-primary before:to-transparent hover:shadow-md! ${u===e.id?`border-arco-primary-6! bg-arco-primary-light-1/40! ring-arco-primary-6/20 ring-2! shadow-[0_18px_38px_rgb(var(--primary-6)/22%)]!`:`hover:border-arco-primary-6!`}`,children:[u===e.id?(0,a.jsx)(r.IconCheckCircleFill,{className:`text-arco-primary-6! absolute bottom-4 left-4 text-xl`}):null,`recommended`in e&&e.recommended?(0,a.jsx)(n.Tag,{color:`arcoblue`,className:`absolute top-4 right-4 text-xs! font-bold!`,children:`HOT`}):null,(0,a.jsxs)(`div`,{className:`min-w-0 pr-16`,children:[(0,a.jsxs)(n.Typography.Text,{className:`flex items-center text-3xl! leading-tight! font-bold!`,children:[f(e.points),(0,a.jsx)(`span`,{className:`ml-1 text-2xl`,children:`🪙`})]}),(0,a.jsx)(n.Typography.Text,{type:`secondary`,className:`mt-1 block! text-sm!`,children:s.pointsUnit})]}),(0,a.jsx)(`div`,{className:`mt-7 flex w-full justify-end`,children:(0,a.jsxs)(n.Typography.Text,{className:`text-arco-primary-6! text-right text-2xl! leading-tight! font-bold!`,children:[`$`,e.price]})})]})},e.id))})})]})})}function ie({user:e,points:t,text:i,onEditProfile:o,onRecharge:s,onPointsDetail:c,onLogout:l}){let u=e=>new Intl.NumberFormat().format(e);return(0,a.jsxs)(`div`,{className:`w-80 overflow-hidden rounded-xl border border-arco-border-2 bg-arco-bg-popup shadow-[0_10px_28px_rgb(0_0_0/12%)]`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-3 px-6 pt-5 pb-4`,children:[(0,a.jsx)($,{user:e,size:48,className:`shrink-0`}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1`,children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[(0,a.jsx)(`span`,{className:`text-arco-text-1 truncate text-base leading-6 font-bold`,children:e?.nickname||e?.username}),(0,a.jsx)(n.Button,{type:`text`,size:`mini`,icon:(0,a.jsx)(r.IconEdit,{}),className:`text-arco-text-3 h-6! min-w-6! px-0!`,onClick:o})]}),e?.email?(0,a.jsx)(`span`,{className:`text-arco-text-3 truncate text-xs leading-5`,children:e.email}):null]})]}),(0,a.jsx)(n.Divider,{className:`m-0!`}),(0,a.jsxs)(`ul`,{className:`flex flex-col gap-3.5 px-6 py-4`,children:[(0,a.jsxs)(`li`,{className:`text-arco-text-2 flex items-center justify-between gap-4 text-sm`,children:[(0,a.jsx)(`span`,{children:i.myPoints}),(0,a.jsx)(`strong`,{className:`text-arco-primary-6 text-base font-bold`,children:u(t.total)})]}),(0,a.jsxs)(`li`,{className:`text-arco-text-2 flex items-center justify-between gap-4 text-sm`,children:[(0,a.jsx)(`span`,{children:i.rechargePoints}),(0,a.jsx)(`strong`,{className:`text-arco-text-1 text-base font-bold`,children:u(t.recharge)})]}),(0,a.jsxs)(`li`,{className:`text-arco-text-2 flex items-center justify-between gap-4 text-sm`,children:[(0,a.jsx)(`span`,{children:i.giftedPoints}),(0,a.jsx)(`strong`,{className:`text-arco-text-1 text-base font-bold`,children:u(t.gifted)})]})]}),(0,a.jsx)(n.Divider,{className:`m-0!`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-2 px-6 py-4`,children:[(0,a.jsx)(n.Button,{type:`primary`,long:!0,icon:(0,a.jsx)(r.IconPlus,{}),className:`h-10! rounded-md! font-semibold!`,onClick:s,children:i.recharge}),(0,a.jsx)(n.Button,{long:!0,icon:(0,a.jsx)(r.IconFile,{}),className:`border-arco-border-2! bg-arco-fill-1! text-arco-text-1! h-10! rounded-md! font-semibold!`,onClick:c,children:i.pointsDetail})]}),(0,a.jsx)(n.Divider,{className:`m-0!`}),(0,a.jsx)(`div`,{className:`px-6 py-4`,children:(0,a.jsx)(n.Button,{icon:(0,a.jsx)(r.IconPoweroff,{}),type:`text`,status:`danger`,long:!0,className:`flex! items-center justify-start gap-2 text-sm text-arco-text-2`,onClick:()=>void l?.(),children:i.logout})})]})}var ae=`https://mantur.ai/images/logo.png`,oe=[`from-arco-primary-light-1 to-arco-primary-light-2 text-arco-primary-6`,`from-arco-success-light-1 to-arco-success-light-2 text-arco-success-6`,`from-arco-warning-light-1 to-arco-warning-light-2 text-arco-warning-6`,`from-arco-danger-light-1 to-arco-danger-light-2 text-arco-danger-6`];function se(e,t=!1){return`flex h-8 min-h-8 w-8 min-w-8 flex-none items-center justify-center rounded-lg bg-linear-to-br font-bold leading-none ${oe[e%oe.length]} ${t?`shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]`:``}`}function ce(e){return e?.tenantName?.[0]?.toUpperCase()||`T`}function le(e,t,n){let r=e?.roles?.map(e=>e.roleName).filter(Boolean);return r?.length?r.join(`, `):e?.isOwner?t:n}function ue({user:e,disabled:i=!1,brandSlot:o,children:s,onTenantContextChange:c}){let[u,d]=(0,t.useState)(()=>L()),f=R(u),[p,m]=(0,t.useState)(!1),[h,g]=(0,t.useState)(!1),[y,b]=(0,t.useState)(!1),[S,C]=(0,t.useState)(e),[w,T]=(0,t.useState)([]),[E,D]=(0,t.useState)(),[A,j]=(0,t.useState)(!1),M=(0,t.useRef)(c),[N,F]=(0,t.useState)({total:0,recharge:0,gifted:0}),z=E?.tenantId||``,B=i,V={total:N.total??0,recharge:N.recharge??0,gifted:N.gifted??0},W=async e=>{let t=await v(e);return t&&C(t),t};(0,t.useEffect)(()=>{C(e)},[e]),(0,t.useEffect)(()=>{M.current=c},[c]);let G=(0,t.useCallback)(e=>{T(e.tenants),D(e.currentTenant),M.current?.(e)},[]);(0,t.useEffect)(()=>{j(!0),O().then(G).catch(e=>{console.warn(`Failed to refresh Mantur tenant context.`,e),n.Message.error(f.error)}).finally(()=>j(!1))},[G,f.error]),(0,t.useEffect)(()=>{let e=e=>{e instanceof CustomEvent&&F(e.detail)};return window.addEventListener(l,e),x().catch(e=>{console.warn(`Failed to refresh Mantur user points.`,e)}),()=>{window.removeEventListener(l,e)}},[]),(0,t.useEffect)(()=>{let e=e=>{d(e instanceof CustomEvent?I(e.detail):L())};return window.addEventListener(P,e),window.addEventListener(`storage`,e),()=>{window.removeEventListener(P,e),window.removeEventListener(`storage`,e)}},[]);let K=e=>{n.Message.success(e)},q=(e,t)=>{console.error(t),n.Message.error(e)},J=(0,t.useCallback)(async e=>{if(!B&&e!==z)try{j(!0),G(await k(e)),K(f.switchedToTeam)}catch(e){q(f.error,e)}finally{j(!1)}},[G,z,B,f.error,f.switchedToTeam]),Y=e=>{let t={total:V.total+e.points,recharge:V.recharge+e.points,gifted:V.gifted};F(t),window.dispatchEvent(new CustomEvent(l,{detail:t})),n.Message.success(f.rechargeSuccess),g(!1)},X=(0,t.useMemo)(()=>(0,a.jsxs)(n.Menu,{className:`w-56 rounded-xl bg-arco-bg-popup shadow-[0_10px_28px_rgb(0_0_0/12%)] [&_.arco-menu-inner]:px-2 [&_.arco-menu-inner]:py-1`,selectedKeys:z?[z]:[],onClickMenuItem:J,children:[(0,a.jsx)(`div`,{className:`px-3 py-2 text-xs font-semibold tracking-[0.04em] text-arco-text-4 uppercase`,children:f.switchTeam}),w.map((e,t)=>(0,a.jsx)(n.Menu.Item,{className:`mb-1 h-auto! min-h-10! overflow-visible! rounded-lg! px-2! py-1! leading-normal!`,children:(0,a.jsxs)(`div`,{className:`flex w-full items-center gap-3 leading-normal`,children:[(0,a.jsx)(`div`,{className:se(t),children:ce(e)}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-col justify-center gap-0.75`,children:[(0,a.jsx)(`span`,{className:`text-sm leading-5 font-medium text-arco-text-1`,children:e.tenantName}),(0,a.jsx)(`span`,{className:`text-xs leading-4 text-arco-text-3`,children:le(e,f.owner,f.member)})]})]})},e.tenantId))]}),[J,z,w,f]),Z=(0,a.jsx)(ie,{user:S,points:V,text:f,onEditProfile:()=>m(!0),onRecharge:()=>g(!0),onPointsDetail:()=>b(!0),onLogout:_}),Q=Math.max(0,w.findIndex(e=>e.tenantId===E?.tenantId));return(0,a.jsxs)(`div`,{className:`flex h-20 items-center justify-between bg-transparent pr-8 shadow-[0_2px_10px_rgb(0_0_0/2%)] backdrop-blur-md max-md:pr-4`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,a.jsxs)(`div`,{className:`flex w-65 items-center gap-3 px-8 max-md:w-auto max-md:px-4`,children:[(0,a.jsx)(`div`,{className:`relative flex w-12 items-center justify-center overflow-hidden `,children:(0,a.jsx)(`img`,{src:ae,alt:`logo`,className:`w-full object-contain`,onError:e=>{e.currentTarget.style.display=`none`}})}),o??(0,a.jsx)(`span`,{className:`text-lg font-bold tracking-normal text-arco-text-1`,children:f.title})]}),(0,a.jsx)(n.Dropdown,{droplist:X,trigger:`click`,position:`bl`,disabled:B,children:(0,a.jsxs)(`div`,{"aria-disabled":B,className:`flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${B?`cursor-not-allowed opacity-60`:`cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]`}`,children:[(0,a.jsx)(`div`,{className:se(Q,!0),children:ce(E)}),(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,a.jsx)(`span`,{className:`text-xs leading-none font-bold text-arco-text-1`,children:A?f.loading:E?.tenantName||f.loading}),(0,a.jsx)(`span`,{className:`mt-1 text-[10px] leading-none text-arco-text-3`,children:le(E,f.owner,f.member)})]}),(0,a.jsx)(r.IconDown,{className:`ml-1 text-arco-text-3`})]})})]}),(0,a.jsx)(`div`,{className:`flex-1`,children:s}),(0,a.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,a.jsx)(U,{}),(0,a.jsx)(H,{})]}),(0,a.jsx)(n.Dropdown,{droplist:Z,trigger:`click`,position:`br`,onVisibleChange:e=>{e&&x().catch(e=>{console.warn(`Failed to refresh Mantur user points.`,e)})},children:(0,a.jsxs)(`div`,{className:`hover:bg-arco-fill-2 flex cursor-pointer items-center gap-2.5 rounded-full border border-transparent p-1 pr-2 transition-all`,children:[(0,a.jsxs)(`div`,{className:`from-arco-primary to-transparent relative rounded-full bg-linear-to-br p-0.5 shadow-sm`,children:[(0,a.jsx)($,{user:S,size:36}),(0,a.jsx)(`div`,{className:`bg-arco-success border-arco-bg-white absolute right-0 bottom-0 h-3 w-3 rounded-full border-2 shadow-sm`})]}),(0,a.jsx)(`div`,{className:`hidden flex-col md:flex`,children:(0,a.jsx)(`span`,{className:`text-arco-text-1 text-sm font-medium`,children:S?.nickname||S?.username})}),(0,a.jsx)(r.IconDown,{className:`text-arco-text-3 ml-1`})]})})]}),(0,a.jsx)(te,{visible:p,user:S,labels:f,onCancel:()=>m(!1),onSubmit:W}),(0,a.jsx)(re,{visible:h,user:S,points:V,text:f,onCancel:()=>g(!1),onPay:Y}),(0,a.jsx)(ee,{visible:y,points:V,text:f,onCancel:()=>b(!1),onRecharge:()=>g(!0)})]})}e.LANGUAGE_SOURCE_STORAGE_KEY=B,e.LANGUAGE_STORAGE_KEY=z,e.LangSwitch=H,e.MANTUR_LANGUAGE_CHANGE_EVENT=P,e.MANTUR_LANGUAGE_SOURCE_STORAGE_KEY=N,e.MANTUR_LANGUAGE_STORAGE_KEY=M,e.MANTUR_MESSAGES=F,e.MANTUR_POINTS_REFRESH_EVENT=l,e.MANTUR_TENANT_CONTEXT_CHANGE_EVENT=u,e.ManturHeader=ue,e.ThemeSwitch=U,e.getManturCurrentTenant=E,e.getManturMessages=R,e.getManturTenantContextSnapshot=w,e.getManturTenants=T,e.getManturUserPoints=b,e.getStoredManturLocale=L,e.normalizeManturLocale=I,e.refreshManturTenantContext=O,e.refreshManturUserPoints=x,e.switchAndRefreshManturTenant=k,e.switchManturTenant=D});

package/dist/types.d.ts

@@ -103,6 +103,7 @@ export interface ManturHeaderProps {
     disabled?: boolean;
     brandSlot?: ReactNode;
     children?: ReactNode;
+    onTenantContextChange?: (detail: ManturTenantContextDetail) => void;
 }
 export interface ProfileModalProps {
     visible: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantur-components",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Reusable Mantur React component library.",
   "type": "module",
   "main": "./dist/mantur-components.umd.cjs",