mantur-components 0.1.0

package/dist/mantur-components.js

@@ -0,0 +1,1208 @@
+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 { jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useTheme as te } 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;
+}
+function ie() {
+	return typeof window < "u" && window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ ? window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ : I;
+}
+function z(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) {
+	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) {
+	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 || {};
+	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.setRequestHeader(e, t);
+		}), a.onload = () => {
+			try {
+				let e = ae(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(/* @__PURE__ */ Error("Network request failed")), a.ontimeout = () => r(/* @__PURE__ */ Error("Network request timed out")), a.send(t.body ?? null);
+	});
+}
+async function oe() {
+	try {
+		await V("/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();
+	}
+}
+async function se(e) {
+	let t;
+	if (e.avatarFile) {
+		let n = new FormData();
+		n.append("file", e.avatarFile), t = (await V("/users/me/avatar", {
+			method: "POST",
+			body: n
+		})).data;
+	}
+	return (await V("/users/me", {
+		method: "PUT",
+		headers: { "Content-Type": "application/json;charset=utf-8" },
+		body: JSON.stringify({ nickname: e.nickname })
+	})).data || t;
+}
+function ce(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 H() {
+	return ce((await V(ie())).data);
+}
+async function U() {
+	let e = await H();
+	return typeof window < "u" && window.dispatchEvent(new CustomEvent(L, { detail: e })), e;
+}
+function W(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 G(e) {
+	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(R, { detail: e })));
+}
+function le() {
+	if (!(typeof window > "u")) return window.__MANTUR_COMPONENTS_TENANT_CONTEXT__;
+}
+async function K() {
+	return (await V("/users/me/tenants")).data || [];
+}
+async function q() {
+	return (await V("/auth/current-tenant")).data;
+}
+async function ue(e) {
+	return (await V(`/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),
+		auth: n,
+		reason: e
+	};
+	return G(r), r;
+}
+async function fe(e) {
+	let t = await ue(e), n = await K(), r = {
+		tenants: n,
+		currentTenant: W(n, t),
+		auth: t,
+		reason: "switch"
+	};
+	return G(r), r;
+}
+//#endregion
+//#region src/labels.ts
+var pe = {
+	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 me(e) {
+	return {
+		...pe,
+		...e
+	};
+}
+//#endregion
+//#region src/i18n.ts
+var he = "i18nextLng", ge = "manturLanguageSource", J = "mantur-language-change", _e = {
+	"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": {
+		...pe,
+		languageZh: "中文",
+		languageEn: "English"
+	}
+};
+function Y(e) {
+	return e?.toLowerCase().startsWith("en") ? "en-US" : "zh-CN";
+}
+function X() {
+	return typeof window > "u" ? "zh-CN" : Y(window.localStorage.getItem("i18nextLng") || document.documentElement.lang || navigator.language);
+}
+function Z(e) {
+	return _e[Y(e)];
+}
+//#endregion
+//#region src/lang-switch/LangSwitch.tsx
+var ve = he, ye = ge;
+function be(e, t) {
+	document.cookie = `${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/`;
+}
+function xe() {
+	let { i18n: e } = ee(), [n, r] = i(() => X()), a = Z(n);
+	return t(() => {
+		r(Y(e.language));
+	}, [e.language]), /* @__PURE__ */ P(u, {
+		droplist: /* @__PURE__ */ F(m, {
+			selectedKeys: [n],
+			onClickMenuItem: (t) => {
+				let n = Y(t);
+				localStorage.setItem(ve, t), localStorage.setItem(ye, "manual"), r(n), e.changeLanguage(t), be("Accept-Language", t), window.dispatchEvent(new CustomEvent(J, { detail: n })), window.location.reload();
+			},
+			children: [/* @__PURE__ */ P(m.Item, { children: a.languageZh }, "zh-CN"), /* @__PURE__ */ P(m.Item, { children: a.languageEn }, "en-US")]
+		}),
+		trigger: "click",
+		position: "br",
+		children: /* @__PURE__ */ P(o, {
+			shape: "circle",
+			icon: /* @__PURE__ */ P(O, {})
+		})
+	});
+}
+//#endregion
+//#region src/theme-switch/ThemeSwitch.tsx
+function Se() {
+	let { resolvedTheme: e, setTheme: t } = te();
+	return /* @__PURE__ */ P(o, {
+		shape: "circle",
+		icon: P(e === "light" ? k : M, {}),
+		onClick: () => {
+			t(e === "light" ? "dark" : "light");
+		}
+	});
+}
+//#endregion
+//#region src/header/mock.ts
+var Q = [
+	{
+		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
+	}
+], Ce = [
+	{
+		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: we } = c, Te = 21, Ee = 7;
+function De(e) {
+	return e === "recharge" ? "arcoblue" : e === "gift" ? "cyan" : e === "expired" ? "gray" : "orange";
+}
+function Oe({ visible: e, points: t, text: r, onCancel: a, onRecharge: c }) {
+	let [l, u] = i("all"), [d, p] = i("all"), [m, C] = i(["2026-04-15", "2026-05-15"]), [w, T] = i(1), E = (e) => new Intl.NumberFormat().format(e), D = n(() => {
+		let [e, t] = m;
+		return Ce.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;
+		});
+	}, [
+		m,
+		d,
+		l
+	]), O = [
+		{
+			title: r.pointsDetail,
+			dataIndex: "name",
+			render: (e, t) => /* @__PURE__ */ F("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ P(S.Text, {
+					className: "font-medium!",
+					children: t.name
+				}), /* @__PURE__ */ P(S.Text, {
+					type: "secondary",
+					className: "mt-1 block! text-xs!",
+					children: t.meta
+				})]
+			})
+		},
+		{
+			title: r.pointsUnit,
+			dataIndex: "amount",
+			width: 120,
+			align: "right",
+			render: (e, t) => /* @__PURE__ */ F(S.Text, {
+				className: `font-semibold! ${t.amount > 0 ? "text-arco-success-6!" : "text-arco-danger-6!"}`,
+				children: [t.amount > 0 ? "+" : "", E(t.amount)]
+			})
+		},
+		{
+			title: r.source,
+			dataIndex: "badgeText",
+			width: 110,
+			align: "right",
+			render: (e, t) => /* @__PURE__ */ P(x, {
+				color: De(t.badgeKind),
+				children: t.badgeText
+			})
+		}
+	];
+	return /* @__PURE__ */ P(g, {
+		title: r.pointsDetail,
+		visible: e,
+		footer: /* @__PURE__ */ F("div", {
+			className: "flex justify-end gap-2",
+			children: [/* @__PURE__ */ P(o, {
+				onClick: a,
+				children: r.close
+			}), /* @__PURE__ */ P(o, {
+				type: "primary",
+				icon: /* @__PURE__ */ P(A, {}),
+				onClick: () => {
+					a(), c();
+				},
+				children: r.recharge
+			})]
+		}),
+		onCancel: a,
+		style: {
+			width: 780,
+			maxWidth: "calc(100vw - 48px)"
+		},
+		children: /* @__PURE__ */ F("div", {
+			className: "max-h-[70vh] overflow-y-auto",
+			children: [
+				/* @__PURE__ */ F(s, {
+					bordered: !1,
+					className: "from-arco-primary-light-1/40 to-cyan-400/5 rounded-none! bg-linear-to-br!",
+					children: [
+						/* @__PURE__ */ P(S.Text, {
+							type: "secondary",
+							className: "text-xs!",
+							children: r.totalBalance
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "mt-1.5 mb-3.5 ",
+							children: [/* @__PURE__ */ P(S.Text, {
+								className: "text-3xl! font-bold!",
+								children: E(t.total)
+							}), /* @__PURE__ */ F(S.Text, {
+								type: "secondary",
+								className: "ml-2 text-sm! ",
+								children: ["🪙 ", r.pointsUnit]
+							})]
+						}),
+						/* @__PURE__ */ F(f.Row, {
+							gutter: 12,
+							children: [/* @__PURE__ */ P(f.Col, {
+								span: 12,
+								children: /* @__PURE__ */ F(s, {
+									size: "small",
+									children: [/* @__PURE__ */ F("div", {
+										className: "mb-1 flex items-center justify-between",
+										children: [/* @__PURE__ */ P(S.Text, {
+											type: "secondary",
+											className: "text-xs!",
+											children: r.rechargePoints
+										}), /* @__PURE__ */ P(x, {
+											color: "arcoblue",
+											children: r.sourceRecharge
+										})]
+									}), /* @__PURE__ */ P(S.Text, {
+										className: "text-lg! font-semibold!",
+										children: E(t.recharge)
+									})]
+								})
+							}), /* @__PURE__ */ P(f.Col, {
+								span: 12,
+								children: /* @__PURE__ */ F(s, {
+									size: "small",
+									children: [/* @__PURE__ */ F("div", {
+										className: "mb-1 flex items-center justify-between",
+										children: [/* @__PURE__ */ P(S.Text, {
+											type: "secondary",
+											className: "text-xs!",
+											children: r.giftedPoints
+										}), /* @__PURE__ */ P(x, {
+											color: "success",
+											children: r.sourceGifted
+										})]
+									}), /* @__PURE__ */ P(S.Text, {
+										className: "text-lg! font-semibold!",
+										children: E(t.gifted)
+									})]
+								})
+							})]
+						}),
+						/* @__PURE__ */ P(S.Text, {
+							type: "secondary",
+							className: "mt-2.5 block! text-xs!",
+							children: r.pointsDeductionTip
+						})
+					]
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "px-6 py-4",
+					children: [
+						/* @__PURE__ */ F(b, {
+							activeTab: l,
+							onChange: (e) => u(e),
+							children: [
+								/* @__PURE__ */ P(b.TabPane, { title: r.all }, "all"),
+								/* @__PURE__ */ P(b.TabPane, { title: r.income }, "income"),
+								/* @__PURE__ */ P(b.TabPane, { title: r.expense }, "expense")
+							]
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "mt-2 mb-3.5 flex flex-wrap items-center gap-2.5",
+							children: [
+								/* @__PURE__ */ F(v, {
+									value: d,
+									style: { width: 140 },
+									onChange: (e) => p(e),
+									children: [
+										/* @__PURE__ */ P(v.Option, {
+											value: "all",
+											children: r.sourceAll
+										}),
+										/* @__PURE__ */ P(v.Option, {
+											value: "recharge",
+											children: r.sourceRecharge
+										}),
+										/* @__PURE__ */ P(v.Option, {
+											value: "gift",
+											children: r.sourceGifted
+										})
+									]
+								}),
+								/* @__PURE__ */ P(we, {
+									value: m,
+									onChange: (e) => C(e),
+									style: { width: 260 }
+								}),
+								/* @__PURE__ */ P(o, {
+									onClick: () => h.success(r.refreshed),
+									children: r.query
+								})
+							]
+						}),
+						/* @__PURE__ */ P(y, {
+							rowKey: "id",
+							columns: O,
+							data: D,
+							pagination: !1,
+							border: !1
+						}),
+						/* @__PURE__ */ P(_, {
+							className: "mt-3 flex justify-center!",
+							current: w,
+							pageSize: Ee,
+							total: Te,
+							onChange: T
+						})
+					]
+				}),
+				/* @__PURE__ */ P(s, {
+					bordered: !1,
+					className: "bg-arco-primary-light-1/30 rounded-none!",
+					children: /* @__PURE__ */ F(S.Text, {
+						type: "secondary",
+						className: "text-xs! leading-6!",
+						children: [/* @__PURE__ */ F("strong", { children: [r.pointsNoteTitle, "："] }), r.pointsAccountNote]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/header/components/ProfileModal.tsx
+var ke = 2048, Ae = 2 * 1024 * 1024;
+function je(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(/* @__PURE__ */ Error("invalid image"));
+		}, i.src = r;
+	});
+}
+function Me({ visible: e, user: n, labels: s, onCancel: c, onSubmit: l }) {
+	let u = me(s), [f] = d.useForm(), [m, _] = i(!1), [v, y] = i(null), [b, x] = i(null), S = r(null);
+	t(() => () => {
+		S.current &&= (URL.revokeObjectURL(S.current), null);
+	}, []), t(() => {
+		e && (f.setFieldsValue({ nickname: n?.nickname || n?.username || "" }), y(null), x((e) => (e && URL.revokeObjectURL(e), S.current = null, null)));
+	}, [
+		e,
+		n,
+		f
+	]);
+	let w = (e, t) => {
+		console.error(t), h.error(e);
+	}, T = (e) => {
+		h.success(e);
+	};
+	return /* @__PURE__ */ P(g, {
+		title: u.profileTitle,
+		visible: e,
+		onOk: async () => {
+			try {
+				let e = await f.validate();
+				_(!0), await l({
+					nickname: e.nickname,
+					avatarFile: v
+				}), T(u.profileUpdateSuccess), c();
+			} catch (e) {
+				e instanceof Error && w(e.message || u.error, e);
+			} finally {
+				_(!1);
+			}
+		},
+		onCancel: c,
+		confirmLoading: m,
+		okText: u.profileSave,
+		cancelText: u.profileCancel,
+		children: /* @__PURE__ */ F(d, {
+			form: f,
+			layout: "vertical",
+			children: [/* @__PURE__ */ P(d.Item, {
+				label: u.profileNickname,
+				field: "nickname",
+				rules: [{
+					required: !0,
+					message: u.profileNicknamePlaceholder
+				}],
+				children: /* @__PURE__ */ P(p, {
+					placeholder: u.profileNicknamePlaceholder,
+					allowClear: !0
+				})
+			}), /* @__PURE__ */ P(d.Item, {
+				label: u.profileAvatar,
+				children: /* @__PURE__ */ F("div", {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ F("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ P(a, {
+							size: 64,
+							className: "shrink-0 bg-arco-primary-light-1!",
+							children: b || n?.avatar ? /* @__PURE__ */ P("img", {
+								src: b || n?.avatar,
+								alt: "",
+								className: "block h-full w-full object-cover"
+							}) : n?.nickname?.[0] || n?.username?.[0] || "U"
+						}), /* @__PURE__ */ P(C, {
+							accept: "image/*",
+							showUploadList: !1,
+							beforeUpload: async (e) => {
+								if (e.size > Ae) return w(u.profileAvatarTooLarge), !1;
+								try {
+									let { width: t, height: n } = await je(e);
+									if (t > ke || n > ke) return w(u.profileAvatarDimensionExceeded), !1;
+								} catch (e) {
+									return w(u.profileAvatarInvalidImage, e), !1;
+								}
+								return x((t) => {
+									t && URL.revokeObjectURL(t);
+									let n = URL.createObjectURL(e);
+									return S.current = n, n;
+								}), y(e), !1;
+							},
+							children: /* @__PURE__ */ P(o, {
+								type: "outline",
+								size: "small",
+								icon: /* @__PURE__ */ P(N, {}),
+								children: u.profileUploadAvatar
+							})
+						})]
+					}), /* @__PURE__ */ P("span", {
+						className: "text-xs text-arco-text-3",
+						children: u.profileAvatarHint
+					})]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/header/components/UserAvatar.tsx
+function Ne(e) {
+	return e?.nickname?.[0] || e?.username?.[0] || "U";
+}
+function $({ user: e, size: t, className: n = "" }) {
+	return /* @__PURE__ */ P(a, {
+		size: t,
+		className: `bg-arco-primary/20! text-arco-primary-6 border-2 font-bold ${n}`,
+		children: e?.avatar ? /* @__PURE__ */ P("img", {
+			src: e.avatar,
+			alt: "avatar",
+			className: "h-full w-full object-cover"
+		}) : Ne(e)
+	});
+}
+//#endregion
+//#region src/header/components/RechargeModal.tsx
+function Pe({ visible: e, user: t, points: n, text: r, onCancel: a, onPay: c }) {
+	let [l, u] = i(Q[2].id), d = (e) => new Intl.NumberFormat().format(e), p = Q.find((e) => e.id === l) || Q[0];
+	return /* @__PURE__ */ P(g, {
+		title: r.rechargeTitle,
+		visible: e,
+		footer: /* @__PURE__ */ F("div", {
+			className: "mx-auto flex max-w-7xl items-center justify-between gap-5",
+			children: [/* @__PURE__ */ P("span", {
+				className: "text-arco-text-2 text-sm leading-6",
+				children: r.rechargeHint
+			}), /* @__PURE__ */ F(o, {
+				type: "primary",
+				size: "large",
+				className: "min-w-48! font-bold!",
+				onClick: () => c(p),
+				children: [
+					r.payNow,
+					" · $",
+					p.price
+				]
+			})]
+		}),
+		onCancel: a,
+		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: /* @__PURE__ */ F("div", {
+			className: "mx-auto flex h-full w-full max-w-7xl flex-col items-center ",
+			children: [/* @__PURE__ */ F("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: [/* @__PURE__ */ P($, {
+					user: t,
+					size: 32,
+					className: "shrink-0"
+				}), /* @__PURE__ */ F("span", { children: [
+					t?.nickname || t?.username,
+					" · ",
+					r.currentBalance,
+					" ",
+					/* @__PURE__ */ P("strong", {
+						className: "text-arco-text-1",
+						children: d(n.total)
+					}),
+					" ",
+					r.pointsUnit
+				] })]
+			}), /* @__PURE__ */ P("div", {
+				className: "mt-6 w-full",
+				children: /* @__PURE__ */ P(f.Row, {
+					gutter: [16, 16],
+					children: Q.map((e) => /* @__PURE__ */ P(f.Col, {
+						xs: 24,
+						sm: 12,
+						lg: 6,
+						children: /* @__PURE__ */ F(s, {
+							hoverable: !0,
+							role: "button",
+							tabIndex: 0,
+							onClick: () => u(e.id),
+							onKeyDown: (t) => {
+								(t.key === "Enter" || t.key === " ") && u(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! ${l === 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: [
+								l === e.id ? /* @__PURE__ */ P(w, { className: "text-arco-primary-6! absolute bottom-4 left-4 text-xl" }) : null,
+								"recommended" in e && e.recommended ? /* @__PURE__ */ P(x, {
+									color: "arcoblue",
+									className: "absolute top-4 right-4 text-xs! font-bold!",
+									children: "HOT"
+								}) : null,
+								/* @__PURE__ */ F("div", {
+									className: "min-w-0 pr-16",
+									children: [/* @__PURE__ */ F(S.Text, {
+										className: "flex items-center text-3xl! leading-tight! font-bold!",
+										children: [d(e.points), /* @__PURE__ */ P("span", {
+											className: "ml-1 text-2xl",
+											children: "🪙"
+										})]
+									}), /* @__PURE__ */ P(S.Text, {
+										type: "secondary",
+										className: "mt-1 block! text-sm!",
+										children: r.pointsUnit
+									})]
+								}),
+								/* @__PURE__ */ P("div", {
+									className: "mt-7 flex w-full justify-end",
+									children: /* @__PURE__ */ F(S.Text, {
+										className: "text-arco-primary-6! text-right text-2xl! leading-tight! font-bold!",
+										children: ["$", e.price]
+									})
+								})
+							]
+						})
+					}, e.id))
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/header/components/UserMenu.tsx
+function Fe({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPointsDetail: a, onLogout: s }) {
+	let c = (e) => new Intl.NumberFormat().format(e);
+	return /* @__PURE__ */ F("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: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center gap-3 px-6 pt-5 pb-4",
+				children: [/* @__PURE__ */ P($, {
+					user: e,
+					size: 48,
+					className: "shrink-0"
+				}), /* @__PURE__ */ F("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-1",
+					children: [/* @__PURE__ */ F("div", {
+						className: "flex min-w-0 items-center gap-1.5",
+						children: [/* @__PURE__ */ P("span", {
+							className: "text-arco-text-1 truncate text-base leading-6 font-bold",
+							children: e?.nickname || e?.username
+						}), /* @__PURE__ */ P(o, {
+							type: "text",
+							size: "mini",
+							icon: /* @__PURE__ */ P(E, {}),
+							className: "text-arco-text-3 h-6! min-w-6! px-0!",
+							onClick: r
+						})]
+					}), e?.email ? /* @__PURE__ */ P("span", {
+						className: "text-arco-text-3 truncate text-xs leading-5",
+						children: e.email
+					}) : null]
+				})]
+			}),
+			/* @__PURE__ */ P(l, { className: "m-0!" }),
+			/* @__PURE__ */ F("ul", {
+				className: "flex flex-col gap-3.5 px-6 py-4",
+				children: [
+					/* @__PURE__ */ F("li", {
+						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
+						children: [/* @__PURE__ */ P("span", { children: n.myPoints }), /* @__PURE__ */ P("strong", {
+							className: "text-arco-primary-6 text-base font-bold",
+							children: c(t.total)
+						})]
+					}),
+					/* @__PURE__ */ F("li", {
+						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
+						children: [/* @__PURE__ */ P("span", { children: n.rechargePoints }), /* @__PURE__ */ P("strong", {
+							className: "text-arco-text-1 text-base font-bold",
+							children: c(t.recharge)
+						})]
+					}),
+					/* @__PURE__ */ F("li", {
+						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
+						children: [/* @__PURE__ */ P("span", { children: n.giftedPoints }), /* @__PURE__ */ P("strong", {
+							className: "text-arco-text-1 text-base font-bold",
+							children: c(t.gifted)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ P(l, { className: "m-0!" }),
+			/* @__PURE__ */ F("div", {
+				className: "flex flex-col gap-2 px-6 py-4",
+				children: [/* @__PURE__ */ P(o, {
+					type: "primary",
+					long: !0,
+					icon: /* @__PURE__ */ P(A, {}),
+					className: "h-10! rounded-md! font-semibold!",
+					onClick: i,
+					children: n.recharge
+				}), /* @__PURE__ */ P(o, {
+					long: !0,
+					icon: /* @__PURE__ */ P(D, {}),
+					className: "border-arco-border-2! bg-arco-fill-1! text-arco-text-1! h-10! rounded-md! font-semibold!",
+					onClick: a,
+					children: n.pointsDetail
+				})]
+			}),
+			/* @__PURE__ */ P(l, { className: "m-0!" }),
+			/* @__PURE__ */ P("div", {
+				className: "px-6 py-4",
+				children: /* @__PURE__ */ P(o, {
+					icon: /* @__PURE__ */ P(j, {}),
+					type: "text",
+					status: "danger",
+					long: !0,
+					className: "flex! items-center justify-start gap-2 text-sm text-arco-text-2",
+					onClick: () => void s?.(),
+					children: n.logout
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/header/ManturHeader.tsx
+var Ie = "https://mantur.ai/images/logo.png", Le = [
+	"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 Re(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 ${Le[e % Le.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
+}
+function ze(e) {
+	return e?.tenantName?.[0]?.toUpperCase() || "T";
+}
+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({
+		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;
+	};
+	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(() => {
+		let e = (e) => {
+			e instanceof CustomEvent && A(e.detail);
+		};
+		return window.addEventListener(L, e), U().catch((e) => {
+			console.warn("Failed to refresh Mantur user points.", e);
+		}), () => {
+			window.removeEventListener(L, e);
+		};
+	}, []), t(() => {
+		let e = (e) => {
+			l(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) => {
+		h.success(e);
+	}, ne = (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);
+		} catch (e) {
+			ne(d.error, e);
+		} finally {
+			O(!1);
+		}
+	}, [
+		j,
+		M,
+		d.error,
+		d.switchedToTeam
+	]), re = (e) => {
+		let t = {
+			total: N.total + e.points,
+			recharge: N.recharge + e.points,
+			gifted: N.gifted
+		};
+		A(t), window.dispatchEvent(new CustomEvent(L, { detail: t })), h.success(d.rechargeSuccess), _(!1);
+	}, ie = 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,
+		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, {
+			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",
+				children: [/* @__PURE__ */ P("div", {
+					className: Re(t),
+					children: ze(e)
+				}), /* @__PURE__ */ F("div", {
+					className: "flex min-w-0 flex-col justify-center gap-0.75",
+					children: [/* @__PURE__ */ P("span", {
+						className: "text-sm leading-5 font-medium text-arco-text-1",
+						children: e.tenantName
+					}), /* @__PURE__ */ P("span", {
+						className: "text-xs leading-4 text-arco-text-3",
+						children: Be(e, d.owner, d.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));
+	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: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center gap-6",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex w-65 items-center gap-3 px-8 max-md:w-auto max-md:px-4",
+					children: [/* @__PURE__ */ P("div", {
+						className: "relative flex w-12 items-center justify-center overflow-hidden ",
+						children: /* @__PURE__ */ P("img", {
+							src: Ie,
+							alt: "logo",
+							className: "w-full object-contain",
+							onError: (e) => {
+								e.currentTarget.style.display = "none";
+							}
+						})
+					}), o ?? /* @__PURE__ */ P("span", {
+						className: "text-lg font-bold tracking-normal text-arco-text-1",
+						children: d.title
+					})]
+				}), /* @__PURE__ */ P(u, {
+					droplist: ie,
+					trigger: "click",
+					position: "bl",
+					disabled: M,
+					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%)]"}`,
+						children: [
+							/* @__PURE__ */ P("div", {
+								className: Re(B, !0),
+								children: ze(w)
+							}),
+							/* @__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
+								}), /* @__PURE__ */ P("span", {
+									className: "mt-1 text-[10px] leading-none text-arco-text-3",
+									children: Be(w, d.owner, d.member)
+								})]
+							}),
+							/* @__PURE__ */ P(T, { className: "ml-1 text-arco-text-3" })
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "flex-1",
+				children: s
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ P(Se, {}), /* @__PURE__ */ P(xe, {})]
+				}), /* @__PURE__ */ P(u, {
+					droplist: z,
+					trigger: "click",
+					position: "br",
+					onVisibleChange: (e) => {
+						e && U().catch((e) => {
+							console.warn("Failed to refresh Mantur user points.", e);
+						});
+					},
+					children: /* @__PURE__ */ F("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: [
+							/* @__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,
+									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" })]
+							}),
+							/* @__PURE__ */ P("div", {
+								className: "hidden flex-col md:flex",
+								children: /* @__PURE__ */ P("span", {
+									className: "text-arco-text-1 text-sm font-medium",
+									children: b?.nickname || b?.username
+								})
+							}),
+							/* @__PURE__ */ P(T, { className: "text-arco-text-3 ml-1" })
+						]
+					})
+				})]
+			}),
+			/* @__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,
+				onCancel: () => _(!1),
+				onPay: re
+			}),
+			/* @__PURE__ */ P(Oe, {
+				visible: v,
+				points: N,
+				text: d,
+				onCancel: () => y(!1),
+				onRecharge: () => _(!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 };