mantur-components 0.1.9 → 0.1.10

package/dist/mantur-components.js

@@ -1,53 +1,67 @@
-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 P } from "react-i18next";
-import { jsx as F, jsxs as I } from "react/jsx-runtime";
-import { useTheme as L } from "next-themes";
+import e, { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Alert as o, Avatar as s, Button as c, Card as l, DatePicker as u, Divider as d, Dropdown as f, Form as p, Grid as m, Input as h, Menu as g, Message as _, Modal as v, Pagination as y, Select as b, Spin as x, Table as S, Tabs as C, Tag as w, Typography as T, Upload as E } from "@arco-design/web-react";
+import { IconCheckCircleFill as D, IconDown as O, IconEdit as k, IconFile as A, IconLanguage as j, IconMoonFill as M, IconPlus as N, IconPoweroff as P, IconSunFill as F, IconUpload as I } from "@arco-design/web-react/icon";
+import { useTranslation as ee } from "react-i18next";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { useTheme as te } from "next-themes";
 //#region \0rolldown/runtime.js
-var R = Object.create, z = Object.defineProperty, B = Object.getOwnPropertyDescriptor, V = Object.getOwnPropertyNames, ee = Object.getPrototypeOf, H = Object.prototype.hasOwnProperty, te = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ne = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = V(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !H.call(e, s) && s !== n && z(e, s, {
+var z = Object.create, B = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, V = Object.getOwnPropertyNames, re = Object.getPrototypeOf, H = Object.prototype.hasOwnProperty, U = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), W = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = V(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !H.call(e, s) && s !== n && B(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = B(t, s)) || r.enumerable
+		enumerable: !(r = ne(t, s)) || r.enumerable
 	});
 	return e;
-}, re = (e, t, n) => (n = e == null ? {} : R(ee(e)), ne(t || !e || !e.__esModule ? z(n, "default", {
+}, ie = (e, t, n) => (n = e == null ? {} : z(re(e)), W(t || !e || !e.__esModule ? B(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), ie = "/api", ae = "/users/me/points", U = "mantur-points-refresh", oe = "mantur-tenant-context-change";
-function se() {
-	return typeof window < "u" && window.__MANTUR_COMPONENTS_API_BASE__ ? window.__MANTUR_COMPONENTS_API_BASE__ : ie;
+}) : n, e)), G = "/api", ae = "/billing/accounts/me", oe = "mantur-points-refresh", se = "mantur-recharge-order-created", ce = "mantur-tenant-context-change";
+function le() {
+	return typeof window < "u" && window.__MANTUR_COMPONENTS_API_BASE__ ? window.__MANTUR_COMPONENTS_API_BASE__ : G;
 }
-function ce() {
+function ue() {
 	return typeof window < "u" && window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ ? window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ : ae;
 }
-function W(e) {
+function de(e) {
+	let t = new URLSearchParams();
+	Object.entries(e).forEach(([e, n]) => {
+		if (n !== void 0) {
+			if (Array.isArray(n)) {
+				n.length > 0 && t.set(e, n.join(","));
+				return;
+			}
+			t.set(e, String(n));
+		}
+	});
+	let n = t.toString();
+	return n ? `?${n}` : "";
+}
+function fe(e) {
 	if (typeof document > "u") return;
 	let t = `${encodeURIComponent(e)}=`;
 	return document.cookie.split("; ").find((e) => e.startsWith(t))?.slice(t.length);
 }
-function G(e) {
+function pe(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 le(e) {
+function me(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 K(e, t = {}) {
-	let n = W("front-token"), r = W("Accept-Language"), i = t.headers || {};
+	let n = fe("front-token"), r = fe("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", `${se()}${e}`, !0), a.timeout = t.timeout || 1e4, Object.entries(i).forEach(([e, t]) => {
+		a.open(t.method || "GET", `${le()}${e}`, !0), a.timeout = t.timeout || 1e4, Object.entries(i).forEach(([e, t]) => {
 			a.setRequestHeader(e, t);
 		}), a.onload = () => {
 			try {
-				let e = le(a.responseText);
+				let e = me(a.responseText);
 				if (a.status < 200 || a.status >= 300) {
 					r(Error(e.message || a.statusText));
 					return;
@@ -59,16 +73,16 @@ async function K(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 ue() {
+async function he() {
 	try {
 		await K("/auth/front-logout", { method: "DELETE" });
 	} catch (e) {
 		console.warn("Logout request failed, continuing local logout.", e);
 	} finally {
-		G("front-token"), G("refreshToken"), typeof window < "u" && window.location.reload();
+		pe("front-token"), pe("refreshToken"), typeof window < "u" && window.location.reload();
 	}
 }
-async function de(e) {
+async function ge(e) {
 	let t;
 	if (e.avatarFile) {
 		let n = new FormData();
@@ -83,25 +97,57 @@ async function de(e) {
 		body: JSON.stringify({ nickname: e.nickname })
 	})).data || t;
 }
-function fe(e) {
+function _e(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")
+		total: t("total", "totalPoints", "totalBalance", "balance", "points"),
+		recharge: t("recharge", "rechargePoints", "rechargeBalance", "paidPoints"),
+		gifted: t("gifted", "giftedPoints", "giftBalance", "bonusPoints")
 	};
 }
-async function pe() {
-	return fe((await K(ce())).data);
+async function ve() {
+	return _e((await K(ue())).data);
+}
+async function ye() {
+	let e = await ve();
+	return typeof window < "u" && window.dispatchEvent(new CustomEvent(oe, { detail: e })), e;
+}
+async function be() {
+	return (await K("/billing/packages")).data || [];
 }
-async function me() {
-	let e = await pe();
-	return typeof window < "u" && window.dispatchEvent(new CustomEvent(U, { detail: e })), e;
+async function xe(e) {
+	return (await K("/billing/recharge/orders", {
+		method: "POST",
+		headers: { "Content-Type": "application/json;charset=utf-8" },
+		body: JSON.stringify(e)
+	})).data;
+}
+async function Se(e) {
+	return (await K(`/billing/recharge/orders/${encodeURIComponent(e)}`)).data;
+}
+async function Ce() {
+	return (await K("/billing/pricing/charge-points")).data || [];
+}
+async function we(e) {
+	return (await K(`/billing/pricing/charge-points/${encodeURIComponent(e)}`)).data;
 }
-function he(e, t) {
+async function Te() {
+	return (await K("/billing/accounts/me")).data;
+}
+async function Ee(e) {
+	return (await K(`/billing/accounts/me/ledger${de({
+		pageNum: e.pageNum,
+		pageSize: e.pageSize,
+		directions: e.directions,
+		bizTypes: e.bizTypes,
+		fromTime: e.fromTime,
+		toTime: e.toTime
+	})}`)).data || { records: [] };
+}
+function De(e, t) {
 	return t?.tenantId ? e.find((e) => e.tenantId === t.tenantId) || {
 		tenantId: t.tenantId,
 		tenantName: t.tenantName || t.tenantId,
@@ -111,37 +157,37 @@ function he(e, t) {
 		}))
 	} : e.find((e) => e.isOwner) || e[0];
 }
-function q(e) {
-	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(oe, { detail: e })));
+function Oe(e) {
+	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(ce, { detail: e })));
 }
-async function ge() {
+async function ke() {
 	return (await K("/users/me/tenants")).data || [];
 }
-async function _e() {
+async function Ae() {
 	return (await K("/auth/current-tenant")).data;
 }
-async function ve(e) {
+async function je(e) {
 	return (await K(`/auth/current-tenant/${e}`, { method: "PUT" })).data;
 }
-async function ye(e = "refresh") {
-	let [t, n] = await Promise.all([ge(), _e()]), r = {
+async function Me(e = "refresh") {
+	let [t, n] = await Promise.all([ke(), Ae()]), r = {
 		tenants: t,
-		currentTenant: he(t, n),
+		currentTenant: De(t, n),
 		auth: n,
 		reason: e
 	};
-	return q(r), r;
+	return Oe(r), r;
 }
-async function be(e) {
-	let t = await ve(e), n = await ge(), r = {
+async function Ne(e) {
+	let t = await je(e), n = await ke(), r = {
 		tenants: n,
-		currentTenant: he(n, t),
+		currentTenant: De(n, t),
 		auth: t,
 		reason: "switch"
 	};
-	return q(r), r;
+	return Oe(r), r;
 }
-var xe = {
+var Pe = {
 	title: "Mantur",
 	switchTeam: "Switch Team",
 	personalSettings: "Personal Settings",
@@ -178,6 +224,17 @@ var xe = {
 	rechargeHint: "Recharge points are valid for 2 years after arrival.",
 	payNow: "Pay Now",
 	rechargeSuccess: "Recharge successful",
+	rechargeOrderCreated: "Recharge order created. Continue to complete payment.",
+	stripePaymentTitle: "Stripe Payment",
+	stripePaymentDescription: "Complete card payment. Points will be credited automatically after payment succeeds.",
+	stripePay: "Confirm Payment",
+	stripePaymentLoading: "Loading Stripe payment...",
+	stripePaymentConfigMissing: "Stripe publishable key is not configured",
+	stripePaymentClientSecretMissing: "Stripe payment credential is missing from the order",
+	stripeCheckoutClientSecretInvalid: "Invalid Stripe payment credential. The backend must return a Checkout Session client_secret that starts with cs_.",
+	stripePaymentProcessing: "Payment is processing. Please refresh points later.",
+	stripePaymentFailed: "Payment failed. Please try again.",
+	stripePaymentLoadFailed: "Failed to load Stripe payment. Please refresh and try again.",
 	customRechargeAmount: "Custom Amount",
 	customRechargeDescription: "Enter the recharge amount you need. Minimum $10 USD.",
 	customRechargeMinError: "Minimum recharge is $10 USD",
@@ -200,10 +257,10 @@ var xe = {
 	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."
-}, Se = {
+}, Fe = {
 	languageZh: "中文",
 	languageEn: "English"
-}, Ce = {
+}, Ie = {
 	title: "漫途",
 	switchTeam: "切换团队",
 	personalSettings: "个人设置",
@@ -240,6 +297,17 @@ var xe = {
 	rechargeHint: "充值积分有效期 2 年（自到账日起算），支付后不可退换。",
 	payNow: "立即支付",
 	rechargeSuccess: "充值成功",
+	rechargeOrderCreated: "充值订单已创建，请继续完成支付",
+	stripePaymentTitle: "Stripe 支付",
+	stripePaymentDescription: "请完成银行卡支付，支付成功后积分将自动到账。",
+	stripePay: "确认支付",
+	stripePaymentLoading: "正在加载 Stripe 支付组件...",
+	stripePaymentConfigMissing: "Stripe publishable key 未配置",
+	stripePaymentClientSecretMissing: "订单缺少 Stripe 支付凭证",
+	stripeCheckoutClientSecretInvalid: "Stripe 支付凭证类型不正确，请后端返回 Checkout Session 的 client_secret（cs_ 开头）",
+	stripePaymentProcessing: "支付处理中，请稍后刷新积分",
+	stripePaymentFailed: "支付失败，请重试",
+	stripePaymentLoadFailed: "Stripe 支付组件加载失败，请刷新后重试",
 	customRechargeAmount: "自定义金额",
 	customRechargeDescription: "按需输入充值金额，最低 $10 USD 起充",
 	customRechargeMinError: "最低充值 $10 USD",
@@ -262,62 +330,62 @@ var xe = {
 	pointsDeductionTip: "优先扣减即将到期的积分",
 	pointsNoteTitle: "说明",
 	pointsAccountNote: "积分账户挂在你的个人账号上，自己充值、自己消耗、自己负责；他人不能代充、不能代用。充值积分有效期固定 2 年；赠送积分有效期由后台运营发放时设置。"
-}, we = {
+}, Le = {
 	languageZh: "中文",
 	languageEn: "English"
-}, Te = "i18nextLng", Ee = "manturLanguageSource", J = "mantur-language-change", De = {
+}, Re = "i18nextLng", ze = "manturLanguageSource", Be = "mantur-language-change", Ve = {
 	"zh-CN": {
-		...Ce,
-		...we
+		...Ie,
+		...Le
 	},
 	"en-US": {
-		...xe,
-		...Se
+		...Pe,
+		...Fe
 	}
 };
-function Y(e) {
+function q(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 He() {
+	return typeof window > "u" ? "zh-CN" : q(window.localStorage.getItem("i18nextLng") || document.documentElement.lang || navigator.language);
 }
-function Oe(e) {
-	return De[Y(e)];
+function Ue(e) {
+	return Ve[q(e)];
 }
 //#endregion
 //#region src/lang-switch/LangSwitch.tsx
-var ke = Te, Ae = Ee;
-function je(e, t) {
+var We = Re, Ge = ze;
+function Ke(e, t) {
 	document.cookie = `${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/`;
 }
-function Me() {
-	let { i18n: e } = P(), [n, r] = i(() => X()), a = Oe(n);
-	return t(() => {
-		r(Y(e.language));
-	}, [e.language]), /* @__PURE__ */ F(u, {
-		droplist: /* @__PURE__ */ I(m, {
-			selectedKeys: [n],
+function qe() {
+	let { i18n: e } = ee(), [t, r] = a(() => He()), i = Ue(t);
+	return n(() => {
+		r(q(e.language));
+	}, [e.language]), /* @__PURE__ */ L(f, {
+		droplist: /* @__PURE__ */ R(g, {
+			selectedKeys: [t],
 			onClickMenuItem: (t) => {
-				let n = Y(t);
-				localStorage.setItem(ke, t), localStorage.setItem(Ae, "manual"), r(n), e.changeLanguage(t), je("Accept-Language", t), window.dispatchEvent(new CustomEvent(J, { detail: n })), window.location.reload();
+				let n = q(t);
+				localStorage.setItem(We, t), localStorage.setItem(Ge, "manual"), r(n), e.changeLanguage(t), Ke("Accept-Language", t), window.dispatchEvent(new CustomEvent(Be, { detail: n })), window.location.reload();
 			},
-			children: [/* @__PURE__ */ F(m.Item, { children: a.languageZh }, "zh-CN"), /* @__PURE__ */ F(m.Item, { children: a.languageEn }, "en-US")]
+			children: [/* @__PURE__ */ L(g.Item, { children: i.languageZh }, "zh-CN"), /* @__PURE__ */ L(g.Item, { children: i.languageEn }, "en-US")]
 		}),
 		trigger: "click",
 		position: "br",
-		children: /* @__PURE__ */ F(o, {
+		children: /* @__PURE__ */ L(c, {
 			shape: "circle",
-			icon: /* @__PURE__ */ F(O, {})
+			icon: /* @__PURE__ */ L(j, {})
 		})
 	});
 }
 //#endregion
 //#region src/theme-switch/ThemeSwitch.tsx
-function Ne() {
-	let { resolvedTheme: e, setTheme: t } = L();
-	return /* @__PURE__ */ F(o, {
+function Je() {
+	let { resolvedTheme: e, setTheme: t } = te();
+	return /* @__PURE__ */ L(c, {
 		shape: "circle",
-		icon: F(e === "light" ? k : M, {}),
+		icon: L(e === "light" ? M : F, {}),
 		onClick: () => {
 			t(e === "light" ? "dark" : "light");
 		}
@@ -325,7 +393,7 @@ function Ne() {
 }
 //#endregion
 //#region src/header/mock.ts
-var Z = [
+var Ye = [
 	{
 		id: "points-500",
 		points: 500,
@@ -342,7 +410,7 @@ var Z = [
 		price: 50,
 		recommended: !0
 	}
-], Pe = [
+], Xe = [
 	{
 		id: "recharge-1",
 		type: "income",
@@ -415,31 +483,31 @@ var Z = [
 		badgeKind: "deducted",
 		badgeText: "已扣除"
 	}
-], { RangePicker: Fe } = c, Ie = 21, Le = 7;
-function Re(e) {
+], { RangePicker: Ze } = u, Qe = 21, $e = 7;
+function et(e) {
 	return e === "recharge" ? "arcoblue" : e === "gift" ? "cyan" : e === "expired" ? "gray" : "orange";
 }
-function ze({ 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 Pe.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;
+function tt({ visible: e, points: t, text: n, onCancel: i, onRecharge: o }) {
+	let [s, u] = a("all"), [d, f] = a("all"), [p, h] = a(["2026-04-15", "2026-05-15"]), [g, x] = a(1), E = (e) => new Intl.NumberFormat().format(e), D = r(() => {
+		let [e, t] = p;
+		return Xe.filter((n) => {
+			let r = s === "all" || n.type === s, i = d === "all" || n.source === d, a = !e || n.date >= e, o = !t || n.date <= t;
 			return r && i && a && o;
 		});
 	}, [
-		m,
+		p,
 		d,
-		l
+		s
 	]), O = [
 		{
-			title: r.pointsDetail,
+			title: n.pointsDetail,
 			dataIndex: "name",
-			render: (e, t) => /* @__PURE__ */ I("div", {
+			render: (e, t) => /* @__PURE__ */ R("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ F(S.Text, {
+				children: [/* @__PURE__ */ L(T.Text, {
 					className: "font-medium!",
 					children: t.name
-				}), /* @__PURE__ */ F(S.Text, {
+				}), /* @__PURE__ */ L(T.Text, {
 					type: "secondary",
 					className: "mt-1 block! text-xs!",
 					children: t.meta
@@ -447,188 +515,188 @@ function ze({ visible: e, points: t, text: r, onCancel: a, onRecharge: c }) {
 			})
 		},
 		{
-			title: r.pointsUnit,
+			title: n.pointsUnit,
 			dataIndex: "amount",
 			width: 120,
 			align: "right",
-			render: (e, t) => /* @__PURE__ */ I(S.Text, {
+			render: (e, t) => /* @__PURE__ */ R(T.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,
+			title: n.source,
 			dataIndex: "badgeText",
 			width: 110,
 			align: "right",
-			render: (e, t) => /* @__PURE__ */ F(x, {
-				color: Re(t.badgeKind),
+			render: (e, t) => /* @__PURE__ */ L(w, {
+				color: et(t.badgeKind),
 				children: t.badgeText
 			})
 		}
 	];
-	return /* @__PURE__ */ F(g, {
-		title: r.pointsDetail,
+	return /* @__PURE__ */ L(v, {
+		title: n.pointsDetail,
 		visible: e,
-		footer: /* @__PURE__ */ I("div", {
+		footer: /* @__PURE__ */ R("div", {
 			className: "flex justify-end gap-2",
-			children: [/* @__PURE__ */ F(o, {
-				onClick: a,
-				children: r.close
-			}), /* @__PURE__ */ F(o, {
+			children: [/* @__PURE__ */ L(c, {
+				onClick: i,
+				children: n.close
+			}), /* @__PURE__ */ L(c, {
 				type: "primary",
-				icon: /* @__PURE__ */ F(A, {}),
+				icon: /* @__PURE__ */ L(N, {}),
 				onClick: () => {
-					a(), c();
+					i(), o();
 				},
-				children: r.recharge
+				children: n.recharge
 			})]
 		}),
-		onCancel: a,
+		onCancel: i,
 		style: {
 			width: 780,
 			maxWidth: "calc(100vw - 48px)"
 		},
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ R("div", {
 			className: "max-h-[70vh] overflow-y-auto",
 			children: [
-				/* @__PURE__ */ I(s, {
+				/* @__PURE__ */ R(l, {
 					bordered: !1,
 					className: "from-arco-primary-light-1/40 to-cyan-400/5 rounded-none! bg-linear-to-br!",
 					children: [
-						/* @__PURE__ */ F(S.Text, {
+						/* @__PURE__ */ L(T.Text, {
 							type: "secondary",
 							className: "text-xs!",
-							children: r.totalBalance
+							children: n.totalBalance
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ R("div", {
 							className: "mt-1.5 mb-3.5 ",
-							children: [/* @__PURE__ */ F(S.Text, {
+							children: [/* @__PURE__ */ L(T.Text, {
 								className: "text-3xl! font-bold!",
 								children: E(t.total)
-							}), /* @__PURE__ */ I(S.Text, {
+							}), /* @__PURE__ */ R(T.Text, {
 								type: "secondary",
 								className: "ml-2 text-sm! ",
-								children: ["🪙 ", r.pointsUnit]
+								children: ["🪙 ", n.pointsUnit]
 							})]
 						}),
-						/* @__PURE__ */ I(f.Row, {
+						/* @__PURE__ */ R(m.Row, {
 							gutter: 12,
-							children: [/* @__PURE__ */ F(f.Col, {
+							children: [/* @__PURE__ */ L(m.Col, {
 								span: 12,
-								children: /* @__PURE__ */ I(s, {
+								children: /* @__PURE__ */ R(l, {
 									size: "small",
-									children: [/* @__PURE__ */ I("div", {
+									children: [/* @__PURE__ */ R("div", {
 										className: "mb-1 flex items-center justify-between",
-										children: [/* @__PURE__ */ F(S.Text, {
+										children: [/* @__PURE__ */ L(T.Text, {
 											type: "secondary",
 											className: "text-xs!",
-											children: r.rechargePoints
-										}), /* @__PURE__ */ F(x, {
+											children: n.rechargePoints
+										}), /* @__PURE__ */ L(w, {
 											color: "arcoblue",
-											children: r.sourceRecharge
+											children: n.sourceRecharge
 										})]
-									}), /* @__PURE__ */ F(S.Text, {
+									}), /* @__PURE__ */ L(T.Text, {
 										className: "text-lg! font-semibold!",
 										children: E(t.recharge)
 									})]
 								})
-							}), /* @__PURE__ */ F(f.Col, {
+							}), /* @__PURE__ */ L(m.Col, {
 								span: 12,
-								children: /* @__PURE__ */ I(s, {
+								children: /* @__PURE__ */ R(l, {
 									size: "small",
-									children: [/* @__PURE__ */ I("div", {
+									children: [/* @__PURE__ */ R("div", {
 										className: "mb-1 flex items-center justify-between",
-										children: [/* @__PURE__ */ F(S.Text, {
+										children: [/* @__PURE__ */ L(T.Text, {
 											type: "secondary",
 											className: "text-xs!",
-											children: r.giftedPoints
-										}), /* @__PURE__ */ F(x, {
+											children: n.giftedPoints
+										}), /* @__PURE__ */ L(w, {
 											color: "success",
-											children: r.sourceGifted
+											children: n.sourceGifted
 										})]
-									}), /* @__PURE__ */ F(S.Text, {
+									}), /* @__PURE__ */ L(T.Text, {
 										className: "text-lg! font-semibold!",
 										children: E(t.gifted)
 									})]
 								})
 							})]
 						}),
-						/* @__PURE__ */ F(S.Text, {
+						/* @__PURE__ */ L(T.Text, {
 							type: "secondary",
 							className: "mt-2.5 block! text-xs!",
-							children: r.pointsDeductionTip
+							children: n.pointsDeductionTip
 						})
 					]
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ R("div", {
 					className: "px-6 py-4",
 					children: [
-						/* @__PURE__ */ I(b, {
-							activeTab: l,
+						/* @__PURE__ */ R(C, {
+							activeTab: s,
 							onChange: (e) => u(e),
 							children: [
-								/* @__PURE__ */ F(b.TabPane, { title: r.all }, "all"),
-								/* @__PURE__ */ F(b.TabPane, { title: r.income }, "income"),
-								/* @__PURE__ */ F(b.TabPane, { title: r.expense }, "expense")
+								/* @__PURE__ */ L(C.TabPane, { title: n.all }, "all"),
+								/* @__PURE__ */ L(C.TabPane, { title: n.income }, "income"),
+								/* @__PURE__ */ L(C.TabPane, { title: n.expense }, "expense")
 							]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ R("div", {
 							className: "mt-2 mb-3.5 flex flex-wrap items-center gap-2.5",
 							children: [
-								/* @__PURE__ */ I(v, {
+								/* @__PURE__ */ R(b, {
 									value: d,
 									style: { width: 140 },
-									onChange: (e) => p(e),
+									onChange: (e) => f(e),
 									children: [
-										/* @__PURE__ */ F(v.Option, {
+										/* @__PURE__ */ L(b.Option, {
 											value: "all",
-											children: r.sourceAll
+											children: n.sourceAll
 										}),
-										/* @__PURE__ */ F(v.Option, {
+										/* @__PURE__ */ L(b.Option, {
 											value: "recharge",
-											children: r.sourceRecharge
+											children: n.sourceRecharge
 										}),
-										/* @__PURE__ */ F(v.Option, {
+										/* @__PURE__ */ L(b.Option, {
 											value: "gift",
-											children: r.sourceGifted
+											children: n.sourceGifted
 										})
 									]
 								}),
-								/* @__PURE__ */ F(Fe, {
-									value: m,
-									onChange: (e) => C(e),
+								/* @__PURE__ */ L(Ze, {
+									value: p,
+									onChange: (e) => h(e),
 									style: { width: 260 }
 								}),
-								/* @__PURE__ */ F(o, {
-									onClick: () => h.success(r.refreshed),
-									children: r.query
+								/* @__PURE__ */ L(c, {
+									onClick: () => _.success(n.refreshed),
+									children: n.query
 								})
 							]
 						}),
-						/* @__PURE__ */ F(y, {
+						/* @__PURE__ */ L(S, {
 							rowKey: "id",
 							columns: O,
 							data: D,
 							pagination: !1,
 							border: !1
 						}),
-						/* @__PURE__ */ F(_, {
+						/* @__PURE__ */ L(y, {
 							className: "mt-3 flex justify-center!",
-							current: w,
-							pageSize: Le,
-							total: Ie,
-							onChange: T
+							current: g,
+							pageSize: $e,
+							total: Qe,
+							onChange: x
 						})
 					]
 				}),
-				/* @__PURE__ */ F(s, {
+				/* @__PURE__ */ L(l, {
 					bordered: !1,
 					className: "bg-arco-primary-light-1/30 rounded-none!",
-					children: /* @__PURE__ */ I(S.Text, {
+					children: /* @__PURE__ */ R(T.Text, {
 						type: "secondary",
 						className: "text-xs! leading-6!",
-						children: [/* @__PURE__ */ I("strong", { children: [r.pointsNoteTitle, "："] }), r.pointsAccountNote]
+						children: [/* @__PURE__ */ R("strong", { children: [n.pointsNoteTitle, "："] }), n.pointsAccountNote]
 					})
 				})
 			]
@@ -637,17 +705,17 @@ function ze({ visible: e, points: t, text: r, onCancel: a, onRecharge: c }) {
 }
 //#endregion
 //#region src/labels.ts
-var Be = xe;
-function Ve(e) {
+var nt = Pe;
+function rt(e) {
 	return {
-		...Be,
+		...nt,
 		...e
 	};
 }
 //#endregion
 //#region src/header/components/ProfileModal.tsx
-var He = 2048, Ue = 2 * 1024 * 1024;
-function We(e) {
+var it = 2048, at = 2 * 1024 * 1024;
+function ot(e) {
 	return new Promise((t, n) => {
 		let r = URL.createObjectURL(e), i = new Image();
 		i.onload = () => {
@@ -660,80 +728,80 @@ function We(e) {
 		}, i.src = r;
 	});
 }
-function Ge({ visible: e, user: n, labels: s, onCancel: c, onSubmit: l }) {
-	let u = Ve(s), [f] = d.useForm(), [m, _] = i(!1), [v, y] = i(null), [b, x] = i(null), S = r(null);
-	t(() => () => {
+function st({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
+	let u = rt(r), [d] = p.useForm(), [f, m] = a(!1), [g, y] = a(null), [b, x] = a(null), S = i(null);
+	n(() => () => {
 		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)));
+	}, []), n(() => {
+		e && (d.setFieldsValue({ nickname: t?.nickname || t?.username || "" }), y(null), x((e) => (e && URL.revokeObjectURL(e), S.current = null, null)));
 	}, [
 		e,
-		n,
-		f
+		t,
+		d
 	]);
-	let w = (e, t) => {
-		console.error(t), h.error(e);
-	}, T = (e) => {
-		h.success(e);
+	let C = (e, t) => {
+		console.error(t), _.error(e);
+	}, w = (e) => {
+		_.success(e);
 	};
-	return /* @__PURE__ */ F(g, {
+	return /* @__PURE__ */ L(v, {
 		title: u.profileTitle,
 		visible: e,
 		onOk: async () => {
 			try {
-				let e = await f.validate();
-				_(!0), await l({
+				let e = await d.validate();
+				m(!0), await l({
 					nickname: e.nickname,
-					avatarFile: v
-				}), T(u.profileUpdateSuccess), c();
+					avatarFile: g
+				}), w(u.profileUpdateSuccess), o();
 			} catch (e) {
-				e instanceof Error && w(e.message || u.error, e);
+				e instanceof Error && C(e.message || u.error, e);
 			} finally {
-				_(!1);
+				m(!1);
 			}
 		},
-		onCancel: c,
-		confirmLoading: m,
+		onCancel: o,
+		confirmLoading: f,
 		okText: u.profileSave,
 		cancelText: u.profileCancel,
-		children: /* @__PURE__ */ I(d, {
-			form: f,
+		children: /* @__PURE__ */ R(p, {
+			form: d,
 			layout: "vertical",
-			children: [/* @__PURE__ */ F(d.Item, {
+			children: [/* @__PURE__ */ L(p.Item, {
 				label: u.profileNickname,
 				field: "nickname",
 				rules: [{
 					required: !0,
 					message: u.profileNicknamePlaceholder
 				}],
-				children: /* @__PURE__ */ F(p, {
+				children: /* @__PURE__ */ L(h, {
 					placeholder: u.profileNicknamePlaceholder,
 					allowClear: !0
 				})
-			}), /* @__PURE__ */ F(d.Item, {
+			}), /* @__PURE__ */ L(p.Item, {
 				label: u.profileAvatar,
-				children: /* @__PURE__ */ I("div", {
+				children: /* @__PURE__ */ R("div", {
 					className: "flex flex-col gap-2",
-					children: [/* @__PURE__ */ I("div", {
+					children: [/* @__PURE__ */ R("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ F(a, {
+						children: [/* @__PURE__ */ L(s, {
 							size: 64,
 							className: "shrink-0 bg-arco-primary-light-1!",
-							children: b || n?.avatar ? /* @__PURE__ */ F("img", {
-								src: b || n?.avatar,
+							children: b || t?.avatar ? /* @__PURE__ */ L("img", {
+								src: b || t?.avatar,
 								alt: "",
 								className: "block h-full w-full object-cover"
-							}) : n?.nickname?.[0] || n?.username?.[0] || "U"
-						}), /* @__PURE__ */ F(C, {
+							}) : t?.nickname?.[0] || t?.username?.[0] || "U"
+						}), /* @__PURE__ */ L(E, {
 							accept: "image/*",
 							showUploadList: !1,
 							beforeUpload: async (e) => {
-								if (e.size > Ue) return w(u.profileAvatarTooLarge), !1;
+								if (e.size > at) return C(u.profileAvatarTooLarge), !1;
 								try {
-									let { width: t, height: n } = await We(e);
-									if (t > He || n > He) return w(u.profileAvatarDimensionExceeded), !1;
+									let { width: t, height: n } = await ot(e);
+									if (t > it || n > it) return C(u.profileAvatarDimensionExceeded), !1;
 								} catch (e) {
-									return w(u.profileAvatarInvalidImage, e), !1;
+									return C(u.profileAvatarInvalidImage, e), !1;
 								}
 								return x((t) => {
 									t && URL.revokeObjectURL(t);
@@ -741,14 +809,14 @@ function Ge({ visible: e, user: n, labels: s, onCancel: c, onSubmit: l }) {
 									return S.current = n, n;
 								}), y(e), !1;
 							},
-							children: /* @__PURE__ */ F(o, {
+							children: /* @__PURE__ */ L(c, {
 								type: "outline",
 								size: "small",
-								icon: /* @__PURE__ */ F(N, {}),
+								icon: /* @__PURE__ */ L(I, {}),
 								children: u.profileUploadAvatar
 							})
 						})]
-					}), /* @__PURE__ */ F("span", {
+					}), /* @__PURE__ */ L("span", {
 						className: "text-xs text-arco-text-3",
 						children: u.profileAvatarHint
 					})]
@@ -759,53 +827,70 @@ function Ge({ visible: e, user: n, labels: s, onCancel: c, onSubmit: l }) {
 }
 //#endregion
 //#region src/header/components/UserAvatar.tsx
-function Ke(e) {
+function ct(e) {
 	return e?.nickname?.[0] || e?.username?.[0] || "U";
 }
-function Q({ user: e, size: t, className: n = "" }) {
-	return /* @__PURE__ */ F(a, {
+function lt({ user: e, size: t, className: n = "" }) {
+	return /* @__PURE__ */ L(s, {
 		size: t,
 		className: `bg-arco-primary/20! text-arco-primary-6 border-2 font-bold ${n}`,
-		children: e?.avatar ? /* @__PURE__ */ F("img", {
+		children: e?.avatar ? /* @__PURE__ */ L("img", {
 			src: e.avatar,
 			alt: "avatar",
 			className: "h-full w-full object-cover"
-		}) : Ke(e)
+		}) : ct(e)
 	});
 }
 //#endregion
 //#region src/header/components/RechargeModal.tsx
-function qe({ visible: e, user: t, points: n, text: a, onCancel: c, onPay: l }) {
-	let [u, d] = i(Z[2].id), [p, m] = i(""), h = r(null), _ = (e) => new Intl.NumberFormat().format(e), v = p.trim(), y = Number(v), b = v.length > 0, C = u === "custom", T = b && Number.isFinite(y) && Number.isInteger(y) && y >= 10, E = Z.find((e) => e.id === u), D = C && T ? {
+var ut = {
+	minHeight: 292,
+	height: "100%",
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "space-between"
+}, dt = "relative h-full! min-h-[292px]! w-full! overflow-hidden rounded-lg! border 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! [&_.arco-card-body]:flex! [&_.arco-card-body]:h-full! [&_.arco-card-body]:flex-col! [&_.arco-card-body]:justify-between!";
+function ft({ visible: e, user: t, points: r, text: o, packages: s, packageLoading: u = !1, submitting: d = !1, onCancel: f, onPay: p }) {
+	let [g, _] = a(Ye[2].id), [y, b] = a(""), x = i(null), S = s?.length ? s : Ye, C = (e) => new Intl.NumberFormat().format(e), E = y.trim(), O = Number(E), k = E.length > 0, A = g === "custom", j = k && Number.isFinite(O) && Number.isInteger(O) && O >= 10, M = S.find((e) => e.id === g), N = A && j ? {
 		id: "custom",
-		price: y,
-		points: y * 100,
+		price: O,
+		points: O * 100,
 		custom: !0
-	} : E, O = D ? `${a.payNow} · $${D.price}` : b ? a.customRechargeMinError : a.selectRechargePackage, k = (e) => {
-		d(e), m("");
-	}, A = () => {
-		d("custom"), h.current?.focus();
+	} : M, P = N ? `${o.payNow} · $${N.price}` : k ? o.customRechargeMinError : o.selectRechargePackage;
+	n(() => {
+		!e || A || S.some((e) => e.id === g) || _((S.find((e) => e.recommended) || S[0])?.id || "custom");
+	}, [
+		S,
+		A,
+		g,
+		e
+	]);
+	let F = (e) => {
+		_(e), b("");
+	}, I = () => {
+		_("custom"), b((e) => e || "10"), x.current?.focus();
 	};
-	return /* @__PURE__ */ F(g, {
-		title: a.rechargeTitle,
+	return /* @__PURE__ */ L(v, {
+		title: o.rechargeTitle,
 		visible: e,
-		footer: /* @__PURE__ */ I("div", {
+		footer: /* @__PURE__ */ R("div", {
 			className: "mx-auto flex max-w-7xl items-center justify-between gap-5",
-			children: [/* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ L("span", {
 				className: "text-arco-text-2 text-sm leading-6",
-				children: a.rechargeHint
-			}), /* @__PURE__ */ F(o, {
+				children: o.rechargeHint
+			}), /* @__PURE__ */ L(c, {
 				type: "primary",
 				size: "large",
 				className: "min-w-48! font-bold!",
-				disabled: !D,
+				disabled: !N || u || d,
+				loading: d,
 				onClick: () => {
-					D && l(D);
+					N && p(N);
 				},
-				children: O
+				children: P
 			})]
 		}),
-		onCancel: c,
+		onCancel: f,
 		alignCenter: !1,
 		wrapClassName: "overflow-hidden!",
 		style: {
@@ -815,165 +900,164 @@ function qe({ visible: e, user: t, points: n, text: a, onCancel: c, onPay: l })
 			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__ */ I("div", {
+		children: /* @__PURE__ */ R("div", {
 			className: "mx-auto flex h-full w-full max-w-7xl flex-col items-center ",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ R("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__ */ F(Q, {
+				children: [/* @__PURE__ */ L(lt, {
 					user: t,
 					size: 32,
 					className: "shrink-0"
-				}), /* @__PURE__ */ I("span", { children: [
+				}), /* @__PURE__ */ R("span", { children: [
 					t?.nickname || t?.username,
 					" · ",
-					a.currentBalance,
+					o.currentBalance,
 					" ",
-					/* @__PURE__ */ F("strong", {
+					/* @__PURE__ */ L("strong", {
 						className: "text-arco-text-1",
-						children: _(n.total)
+						children: C(r.total)
 					}),
 					" ",
-					a.pointsUnit
+					o.pointsUnit
 				] })]
-			}), /* @__PURE__ */ F("div", {
+			}), /* @__PURE__ */ L("div", {
 				className: "mt-6 w-full",
-				children: /* @__PURE__ */ I(f.Row, {
+				children: /* @__PURE__ */ R(m.Row, {
 					gutter: [16, 16],
-					children: [Z.map((e) => /* @__PURE__ */ F(f.Col, {
+					style: { alignItems: "stretch" },
+					children: [S.map((e) => /* @__PURE__ */ L(m.Col, {
 						xs: 24,
 						sm: 12,
 						lg: 6,
-						children: /* @__PURE__ */ I(s, {
+						style: { display: "flex" },
+						children: /* @__PURE__ */ R(l, {
 							hoverable: !0,
+							loading: u,
 							role: "button",
 							tabIndex: 0,
-							onClick: () => k(e.id),
+							onClick: () => F(e.id),
 							onKeyDown: (t) => {
-								(t.key === "Enter" || t.key === " ") && k(e.id);
-							},
-							bodyStyle: {
-								minHeight: 192,
-								display: "flex",
-								flexDirection: "column",
-								justifyContent: "space-between"
+								(t.key === "Enter" || t.key === " ") && F(e.id);
 							},
-							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!"}`,
+							bodyStyle: ut,
+							className: `${dt} border-arco-border-2! bg-arco-bg-2! cursor-pointer ${g === 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 ? /* @__PURE__ */ F(w, { className: "text-arco-primary-6! absolute bottom-4 left-4 text-xl" }) : null,
-								"recommended" in e && e.recommended ? /* @__PURE__ */ F(x, {
+								g === e.id ? /* @__PURE__ */ L(D, { className: "text-arco-primary-6! absolute bottom-4 left-4 text-xl" }) : null,
+								"recommended" in e && e.recommended ? /* @__PURE__ */ L(w, {
 									color: "arcoblue",
 									className: "absolute top-4 right-4 text-xs! font-bold!",
 									children: "HOT"
 								}) : null,
-								/* @__PURE__ */ I("div", {
+								/* @__PURE__ */ R("div", {
 									className: "min-w-0 pr-16",
-									children: [/* @__PURE__ */ I(S.Text, {
+									children: [/* @__PURE__ */ R(T.Text, {
 										className: "flex items-center text-3xl! leading-tight! font-bold!",
-										children: [_(e.points), /* @__PURE__ */ F("span", {
+										children: [C(e.points), /* @__PURE__ */ L("span", {
 											className: "ml-1 text-2xl",
 											children: "🪙"
 										})]
-									}), /* @__PURE__ */ F(S.Text, {
+									}), /* @__PURE__ */ L(T.Text, {
 										type: "secondary",
 										className: "mt-1 block! text-sm!",
-										children: a.pointsUnit
+										children: o.pointsUnit
 									})]
 								}),
-								/* @__PURE__ */ F("div", {
+								/* @__PURE__ */ L("div", {
 									className: "mt-7 flex w-full justify-end",
-									children: /* @__PURE__ */ I(S.Text, {
+									children: /* @__PURE__ */ R(T.Text, {
 										className: "text-arco-primary-6! text-right text-2xl! leading-tight! font-bold!",
 										children: ["$", e.price]
 									})
 								})
 							]
 						})
-					}, e.id)), /* @__PURE__ */ F(f.Col, {
+					}, e.id)), /* @__PURE__ */ L(m.Col, {
 						xs: 24,
 						sm: 12,
 						lg: 6,
-						children: /* @__PURE__ */ I(s, {
+						style: { display: "flex" },
+						children: /* @__PURE__ */ R(l, {
 							role: "button",
 							tabIndex: 0,
-							onClick: A,
+							onClick: I,
 							onKeyDown: (e) => {
-								(e.key === "Enter" || e.key === " ") && A();
+								(e.key === "Enter" || e.key === " ") && I();
 							},
-							bodyStyle: {
-								minHeight: 192,
-								display: "flex",
-								flexDirection: "column",
-								justifyContent: "space-between"
-							},
-							className: `border-arco-border-2! bg-arco-bg-2! relative cursor-text 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! ${T ? "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%)]!" : b && C ? "border-arco-danger-6! hover:border-arco-danger-6!" : "hover:border-arco-primary-6!"}`,
+							bodyStyle: ut,
+							className: `${dt} cursor-text ${j ? "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%)]!" : k && A ? "border-arco-danger-6! bg-arco-bg-1! hover:border-arco-danger-6!" : "border-arco-primary-6/30! bg-arco-primary-light-1/20! hover:border-arco-primary-6!"}`,
 							children: [
-								T ? /* @__PURE__ */ F(w, { className: "text-arco-primary-6! absolute bottom-4 left-4 text-xl" }) : null,
-								/* @__PURE__ */ I("div", {
+								j ? /* @__PURE__ */ L(D, { className: "text-arco-primary-6! absolute top-4 right-4 text-xl" }) : null,
+								/* @__PURE__ */ R("div", {
 									className: "flex min-w-0 flex-col gap-2.5",
 									children: [
-										/* @__PURE__ */ F(x, {
-											color: "arcoblue",
-											className: "w-fit text-xs! font-bold!",
-											children: a.customRechargeAmount
-										}),
-										/* @__PURE__ */ F(S.Text, {
-											type: "secondary",
-											className: "block! text-sm! leading-5!",
-											children: a.customRechargeDescription
+										/* @__PURE__ */ R("div", {
+											className: "flex min-w-0 flex-col gap-2.5 pr-8",
+											children: [/* @__PURE__ */ L(w, {
+												color: "arcoblue",
+												className: "w-fit text-xs! font-bold!",
+												children: o.customRechargeAmount
+											}), /* @__PURE__ */ L(T.Text, {
+												type: "secondary",
+												className: "block! text-sm! leading-5! ",
+												children: o.customRechargeDescription
+											})]
 										}),
-										/* @__PURE__ */ I("div", {
-											className: "relative mt-1",
-											children: [
-												/* @__PURE__ */ F("span", {
-													className: "text-arco-text-3 pointer-events-none absolute top-1/2 left-3 -translate-y-1/2 text-base font-semibold",
+										/* @__PURE__ */ L("div", {
+											className: "mt-1",
+											onClick: (e) => e.stopPropagation(),
+											children: /* @__PURE__ */ L(h, {
+												ref: x,
+												type: "text",
+												inputMode: "numeric",
+												pattern: "[0-9]*",
+												value: y,
+												placeholder: "10",
+												onFocus: I,
+												onChange: (e) => {
+													_("custom"), b(e.replace(/\D/g, ""));
+												},
+												prefix: /* @__PURE__ */ L("span", {
+													className: "text-arco-primary-6 text-base font-semibold",
 													children: "$"
 												}),
-												/* @__PURE__ */ F("input", {
-													ref: h,
-													type: "number",
-													min: 10,
-													step: 1,
-													value: p,
-													placeholder: "10",
-													onFocus: () => d("custom"),
-													onChange: (e) => {
-														d("custom"), m(e.target.value);
-													},
-													onClick: (e) => e.stopPropagation(),
-													className: `bg-arco-bg-2 text-arco-text-1 w-full rounded-md border px-7 py-2.5 pr-14 text-lg font-bold outline-none transition-colors [font-family:var(--font-display)] focus:border-arco-primary-6 ${b && C && !T ? "border-arco-danger-6!" : "border-arco-border-2!"}`
-												}),
-												/* @__PURE__ */ F("span", {
-													className: "text-arco-text-3 pointer-events-none absolute top-1/2 right-3.5 -translate-y-1/2 text-xs font-medium",
+												suffix: /* @__PURE__ */ L("span", {
+													className: "text-arco-primary-6 text-xs font-semibold",
 													children: "USD"
-												})
-											]
+												}),
+												height: 48,
+												status: k && A && !j ? "error" : void 0,
+												className: `w-full! rounded-md! shadow-[0_0_0_3px_rgb(var(--primary-6)/8%)] transition-all [&_.arco-input]:text-xl! [&_.arco-input]:font-bold! [&_.arco-input]:text-arco-text-1! [&_.arco-input]:[font-family:var(--font-display)] [&_.arco-input-inner-wrapper]:border-2! [&_.arco-input-inner-wrapper]:bg-arco-bg-1! [&_.arco-input-inner-wrapper]:px-3! [&_.arco-input-inner-wrapper]:shadow-none! [&_.arco-input-inner-wrapper-focus]:border-arco-primary-6! [&_.arco-input-inner-wrapper-focus]:shadow-[0_0_0_4px_rgb(var(--primary-6)/14%)]! ${k && A && !j ? "[&_.arco-input-inner-wrapper]:border-arco-danger-6! shadow-[0_0_0_3px_rgb(var(--danger-6)/12%)]" : "[&_.arco-input-inner-wrapper]:border-arco-primary-6/50!"}`
+											})
 										}),
-										b && C && !T ? /* @__PURE__ */ F(S.Text, {
-											type: "error",
-											className: "text-xs!",
-											children: a.customRechargeMinError
-										}) : null
+										/* @__PURE__ */ L("div", {
+											className: "h-4",
+											children: /* @__PURE__ */ L(T.Text, {
+												type: "error",
+												className: `block! text-xs! leading-4! transition-opacity ${k && A && !j ? "opacity-100" : "opacity-0"}`,
+												children: o.customRechargeMinError
+											})
+										})
 									]
 								}),
-								/* @__PURE__ */ I("div", {
-									className: "bg-arco-primary-light-1/40 mt-3 rounded-md px-3 py-2.5",
+								/* @__PURE__ */ R("div", {
+									className: "border-arco-primary-6/20! bg-arco-bg-1!/80 mt-3 rounded-md border px-3.5 py-3 shadow-sm",
 									children: [
-										/* @__PURE__ */ F(S.Text, {
+										/* @__PURE__ */ L(T.Text, {
 											type: "secondary",
 											className: "block! text-xs!",
-											children: a.customRechargeEstimate
+											children: o.customRechargeEstimate
 										}),
-										/* @__PURE__ */ I(S.Text, {
-											className: "text-arco-primary-6! mt-0.5 block! text-lg! leading-tight! font-bold!",
-											children: [T ? _(y * 100) : "-", /* @__PURE__ */ F("span", {
+										/* @__PURE__ */ R(T.Text, {
+											className: "text-arco-primary-6! mt-1 block! text-xl! leading-tight! font-bold!",
+											children: [j ? C(O * 100) : "-", /* @__PURE__ */ L("span", {
 												className: "text-arco-text-3 ml-1 text-xs font-normal",
-												children: a.pointsUnit
+												children: o.pointsUnit
 											})]
 										}),
-										/* @__PURE__ */ F(S.Text, {
+										/* @__PURE__ */ L(T.Text, {
 											type: "secondary",
 											className: "mt-0.5 block! text-[10px]!",
-											children: a.customRechargeRate
+											children: o.customRechargeRate
 										})
 									]
 								})
@@ -986,93 +1070,1176 @@ function qe({ visible: e, user: t, points: n, text: a, onCancel: c, onPay: l })
 	});
 }
 //#endregion
+//#region node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
+var pt = /* @__PURE__ */ U(((e) => {
+	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+	function b(e) {
+		if (typeof e == "object" && e) {
+			var t = e.$$typeof;
+			switch (t) {
+				case n: switch (e = e.type, e) {
+					case l:
+					case u:
+					case i:
+					case o:
+					case a:
+					case f: return e;
+					default: switch (e &&= e.$$typeof, e) {
+						case c:
+						case d:
+						case h:
+						case m:
+						case s: return e;
+						default: return t;
+					}
+				}
+				case r: return t;
+			}
+		}
+	}
+	function x(e) {
+		return b(e) === u;
+	}
+	e.AsyncMode = l, e.ConcurrentMode = u, e.ContextConsumer = c, e.ContextProvider = s, e.Element = n, e.ForwardRef = d, e.Fragment = i, e.Lazy = h, e.Memo = m, e.Portal = r, e.Profiler = o, e.StrictMode = a, e.Suspense = f, e.isAsyncMode = function(e) {
+		return x(e) || b(e) === l;
+	}, e.isConcurrentMode = x, e.isContextConsumer = function(e) {
+		return b(e) === c;
+	}, e.isContextProvider = function(e) {
+		return b(e) === s;
+	}, e.isElement = function(e) {
+		return typeof e == "object" && !!e && e.$$typeof === n;
+	}, e.isForwardRef = function(e) {
+		return b(e) === d;
+	}, e.isFragment = function(e) {
+		return b(e) === i;
+	}, e.isLazy = function(e) {
+		return b(e) === h;
+	}, e.isMemo = function(e) {
+		return b(e) === m;
+	}, e.isPortal = function(e) {
+		return b(e) === r;
+	}, e.isProfiler = function(e) {
+		return b(e) === o;
+	}, e.isStrictMode = function(e) {
+		return b(e) === a;
+	}, e.isSuspense = function(e) {
+		return b(e) === f;
+	}, e.isValidElementType = function(e) {
+		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+	}, e.typeOf = b;
+})), mt = /* @__PURE__ */ U(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+		function b(e) {
+			return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+		}
+		function x(e) {
+			if (typeof e == "object" && e) {
+				var t = e.$$typeof;
+				switch (t) {
+					case n:
+						var p = e.type;
+						switch (p) {
+							case l:
+							case u:
+							case i:
+							case o:
+							case a:
+							case f: return p;
+							default:
+								var g = p && p.$$typeof;
+								switch (g) {
+									case c:
+									case d:
+									case h:
+									case m:
+									case s: return g;
+									default: return t;
+								}
+						}
+					case r: return t;
+				}
+			}
+		}
+		var S = l, C = u, w = c, T = s, E = n, D = d, O = i, k = h, A = m, j = r, M = o, N = a, P = f, F = !1;
+		function I(e) {
+			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ee(e) || x(e) === l;
+		}
+		function ee(e) {
+			return x(e) === u;
+		}
+		function L(e) {
+			return x(e) === c;
+		}
+		function R(e) {
+			return x(e) === s;
+		}
+		function te(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function z(e) {
+			return x(e) === d;
+		}
+		function B(e) {
+			return x(e) === i;
+		}
+		function ne(e) {
+			return x(e) === h;
+		}
+		function V(e) {
+			return x(e) === m;
+		}
+		function re(e) {
+			return x(e) === r;
+		}
+		function H(e) {
+			return x(e) === o;
+		}
+		function U(e) {
+			return x(e) === a;
+		}
+		function W(e) {
+			return x(e) === f;
+		}
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = ee, e.isContextConsumer = L, e.isContextProvider = R, e.isElement = te, e.isForwardRef = z, e.isFragment = B, e.isLazy = ne, e.isMemo = V, e.isPortal = re, e.isProfiler = H, e.isStrictMode = U, e.isSuspense = W, e.isValidElementType = b, e.typeOf = x;
+	})();
+})), ht = /* @__PURE__ */ U(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = pt() : t.exports = mt();
+})), gt = /* @__PURE__ */ U(((e, t) => {
+	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+	function a(e) {
+		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
+		return Object(e);
+	}
+	function o() {
+		try {
+			if (!Object.assign) return !1;
+			var e = /* @__PURE__ */ new String("abc");
+			if (e[5] = "de", Object.getOwnPropertyNames(e)[0] === "5") return !1;
+			for (var t = {}, n = 0; n < 10; n++) t["_" + String.fromCharCode(n)] = n;
+			if (Object.getOwnPropertyNames(t).map(function(e) {
+				return t[e];
+			}).join("") !== "0123456789") return !1;
+			var r = {};
+			return "abcdefghijklmnopqrst".split("").forEach(function(e) {
+				r[e] = e;
+			}), Object.keys(Object.assign({}, r)).join("") === "abcdefghijklmnopqrst";
+		} catch {
+			return !1;
+		}
+	}
+	t.exports = o() ? Object.assign : function(e, t) {
+		for (var o, s = a(e), c, l = 1; l < arguments.length; l++) {
+			for (var u in o = Object(arguments[l]), o) r.call(o, u) && (s[u] = o[u]);
+			if (n) {
+				c = n(o);
+				for (var d = 0; d < c.length; d++) i.call(o, c[d]) && (s[c[d]] = o[c[d]]);
+			}
+		}
+		return s;
+	};
+})), _t = /* @__PURE__ */ U(((e, t) => {
+	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+})), vt = /* @__PURE__ */ U(((e, t) => {
+	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+})), yt = /* @__PURE__ */ U(((e, t) => {
+	var n = function() {};
+	if (process.env.NODE_ENV !== "production") {
+		var r = _t(), i = {}, a = vt();
+		n = function(e) {
+			var t = "Warning: " + e;
+			typeof console < "u" && console.error(t);
+			try {
+				throw Error(t);
+			} catch {}
+		};
+	}
+	function o(e, t, o, s, c) {
+		if (process.env.NODE_ENV !== "production") {
+			for (var l in e) if (a(e, l)) {
+				var u;
+				try {
+					if (typeof e[l] != "function") {
+						var d = Error((s || "React class") + ": " + o + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+						throw d.name = "Invariant Violation", d;
+					}
+					u = e[l](t, l, s, o, null, r);
+				} catch (e) {
+					u = e;
+				}
+				if (u && !(u instanceof Error) && n((s || "React class") + ": type specification of " + o + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), u instanceof Error && !(u.message in i)) {
+					i[u.message] = !0;
+					var f = c ? c() : "";
+					n("Failed " + o + " type: " + u.message + (f ?? ""));
+				}
+			}
+		}
+	}
+	o.resetWarningCache = function() {
+		process.env.NODE_ENV !== "production" && (i = {});
+	}, t.exports = o;
+})), bt = /* @__PURE__ */ U(((e, t) => {
+	var n = ht(), r = gt(), i = _t(), a = vt(), o = yt(), s = function() {};
+	process.env.NODE_ENV !== "production" && (s = function(e) {
+		var t = "Warning: " + e;
+		typeof console < "u" && console.error(t);
+		try {
+			throw Error(t);
+		} catch {}
+	});
+	function c() {
+		return null;
+	}
+	t.exports = function(e, t) {
+		var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+		function d(e) {
+			var t = e && (l && e[l] || e[u]);
+			if (typeof t == "function") return t;
+		}
+		var f = "<<anonymous>>", p = {
+			array: _("array"),
+			bigint: _("bigint"),
+			bool: _("boolean"),
+			func: _("function"),
+			number: _("number"),
+			object: _("object"),
+			string: _("string"),
+			symbol: _("symbol"),
+			any: v(),
+			arrayOf: y,
+			element: b(),
+			elementType: x(),
+			instanceOf: S,
+			node: E(),
+			objectOf: w,
+			oneOf: C,
+			oneOfType: T,
+			shape: O,
+			exact: k
+		};
+		function m(e, t) {
+			return e === t ? e !== 0 || 1 / e == 1 / t : e !== e && t !== t;
+		}
+		function h(e, t) {
+			this.message = e, this.data = t && typeof t == "object" ? t : {}, this.stack = "";
+		}
+		h.prototype = Error.prototype;
+		function g(e) {
+			if (process.env.NODE_ENV !== "production") var n = {}, r = 0;
+			function a(a, o, c, l, u, d, p) {
+				if (l ||= f, d ||= c, p !== i) {
+					if (t) {
+						var m = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");
+						throw m.name = "Invariant Violation", m;
+					} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+						var g = l + ":" + c;
+						!n[g] && r < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + d + "` prop on `" + l + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), n[g] = !0, r++);
+					}
+				}
+				return o[c] == null ? a ? o[c] === null ? new h("The " + u + " `" + d + "` is marked as required " + ("in `" + l + "`, but its value is `null`.")) : new h("The " + u + " `" + d + "` is marked as required in " + ("`" + l + "`, but its value is `undefined`.")) : null : e(o, c, l, u, d);
+			}
+			var o = a.bind(null, !1);
+			return o.isRequired = a.bind(null, !0), o;
+		}
+		function _(e) {
+			function t(t, n, r, i, a, o) {
+				var s = t[n];
+				if (M(s) !== e) {
+					var c = N(s);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected ") + ("`" + e + "`."), { expectedType: e });
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function v() {
+			return g(c);
+		}
+		function y(e) {
+			function t(t, n, r, a, o) {
+				if (typeof e != "function") return new h("Property `" + o + "` of component `" + r + "` has invalid PropType notation inside arrayOf.");
+				var s = t[n];
+				if (!Array.isArray(s)) {
+					var c = M(s);
+					return new h("Invalid " + a + " `" + o + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected an array."));
+				}
+				for (var l = 0; l < s.length; l++) {
+					var u = e(s, l, r, a, o + "[" + l + "]", i);
+					if (u instanceof Error) return u;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function b() {
+			function t(t, n, r, i, a) {
+				var o = t[n];
+				if (!e(o)) {
+					var s = M(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function x() {
+			function e(e, t, r, i, a) {
+				var o = e[t];
+				if (!n.isValidElementType(o)) {
+					var s = M(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement type."));
+				}
+				return null;
+			}
+			return g(e);
+		}
+		function S(e) {
+			function t(t, n, r, i, a) {
+				if (!(t[n] instanceof e)) {
+					var o = e.name || f, s = F(t[n]);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected ") + ("instance of `" + o + "`."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function C(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).") : s("Invalid argument supplied to oneOf, expected an array.")), c;
+			function t(t, n, r, i, a) {
+				for (var o = t[n], s = 0; s < e.length; s++) if (m(o, e[s])) return null;
+				var c = JSON.stringify(e, function(e, t) {
+					return N(t) === "symbol" ? String(t) : t;
+				});
+				return new h("Invalid " + i + " `" + a + "` of value `" + String(o) + "` " + ("supplied to `" + r + "`, expected one of " + c + "."));
+			}
+			return g(t);
+		}
+		function w(e) {
+			function t(t, n, r, o, s) {
+				if (typeof e != "function") return new h("Property `" + s + "` of component `" + r + "` has invalid PropType notation inside objectOf.");
+				var c = t[n], l = M(c);
+				if (l !== "object") return new h("Invalid " + o + " `" + s + "` of type " + ("`" + l + "` supplied to `" + r + "`, expected an object."));
+				for (var u in c) if (a(c, u)) {
+					var d = e(c, u, r, o, s + "." + u, i);
+					if (d instanceof Error) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function T(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+			for (var t = 0; t < e.length; t++) {
+				var n = e[t];
+				if (typeof n != "function") return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + P(n) + " at index " + t + "."), c;
+			}
+			function r(t, n, r, o, s) {
+				for (var c = [], l = 0; l < e.length; l++) {
+					var u = e[l], d = u(t, n, r, o, s, i);
+					if (d == null) return null;
+					d.data && a(d.data, "expectedType") && c.push(d.data.expectedType);
+				}
+				var f = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
+				return new h("Invalid " + o + " `" + s + "` supplied to " + ("`" + r + "`" + f + "."));
+			}
+			return g(r);
+		}
+		function E() {
+			function e(e, t, n, r, i) {
+				return A(e[t]) ? null : new h("Invalid " + r + " `" + i + "` supplied to " + ("`" + n + "`, expected a ReactNode."));
+			}
+			return g(e);
+		}
+		function D(e, t, n, r, i) {
+			return new h((e || "React class") + ": " + t + " type `" + n + "." + r + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + i + "`.");
+		}
+		function O(e) {
+			function t(t, n, r, a, o) {
+				var s = t[n], c = M(s);
+				if (c !== "object") return new h("Invalid " + a + " `" + o + "` of type `" + c + "` " + ("supplied to `" + r + "`, expected `object`."));
+				for (var l in e) {
+					var u = e[l];
+					if (typeof u != "function") return D(r, a, o, l, N(u));
+					var d = u(s, l, r, a, o + "." + l, i);
+					if (d) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function k(e) {
+			function t(t, n, o, s, c) {
+				var l = t[n], u = M(l);
+				if (u !== "object") return new h("Invalid " + s + " `" + c + "` of type `" + u + "` " + ("supplied to `" + o + "`, expected `object`."));
+				for (var d in r({}, t[n], e)) {
+					var f = e[d];
+					if (a(e, d) && typeof f != "function") return D(o, s, c, d, N(f));
+					if (!f) return new h("Invalid " + s + " `" + c + "` key `" + d + "` supplied to `" + o + "`.\nBad object: " + JSON.stringify(t[n], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(e), null, "  "));
+					var p = f(l, d, o, s, c + "." + d, i);
+					if (p) return p;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function A(t) {
+			switch (typeof t) {
+				case "number":
+				case "string":
+				case "undefined": return !0;
+				case "boolean": return !t;
+				case "object":
+					if (Array.isArray(t)) return t.every(A);
+					if (t === null || e(t)) return !0;
+					var n = d(t);
+					if (n) {
+						var r = n.call(t), i;
+						if (n !== t.entries) {
+							for (; !(i = r.next()).done;) if (!A(i.value)) return !1;
+						} else for (; !(i = r.next()).done;) {
+							var a = i.value;
+							if (a && !A(a[1])) return !1;
+						}
+					} else return !1;
+					return !0;
+				default: return !1;
+			}
+		}
+		function j(e, t) {
+			return e === "symbol" ? !0 : t ? t["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && t instanceof Symbol : !1;
+		}
+		function M(e) {
+			var t = typeof e;
+			return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : j(t, e) ? "symbol" : t;
+		}
+		function N(e) {
+			if (e == null) return "" + e;
+			var t = M(e);
+			if (t === "object") {
+				if (e instanceof Date) return "date";
+				if (e instanceof RegExp) return "regexp";
+			}
+			return t;
+		}
+		function P(e) {
+			var t = N(e);
+			switch (t) {
+				case "array":
+				case "object": return "an " + t;
+				case "boolean":
+				case "date":
+				case "regexp": return "a " + t;
+				default: return t;
+			}
+		}
+		function F(e) {
+			return !e.constructor || !e.constructor.name ? f : e.constructor.name;
+		}
+		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
+	};
+})), xt = /* @__PURE__ */ U(((e, t) => {
+	var n = _t();
+	function r() {}
+	function i() {}
+	i.resetWarningCache = r, t.exports = function() {
+		function e(e, t, r, i, a, o) {
+			if (o !== n) {
+				var s = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+				throw s.name = "Invariant Violation", s;
+			}
+		}
+		e.isRequired = e;
+		function t() {
+			return e;
+		}
+		var a = {
+			array: e,
+			bigint: e,
+			bool: e,
+			func: e,
+			number: e,
+			object: e,
+			string: e,
+			symbol: e,
+			any: e,
+			arrayOf: t,
+			element: e,
+			elementType: e,
+			instanceOf: t,
+			node: e,
+			objectOf: t,
+			oneOf: t,
+			oneOfType: t,
+			shape: t,
+			exact: t,
+			checkPropTypes: i,
+			resetWarningCache: r
+		};
+		return a.PropTypes = a, a;
+	};
+})), J = /* @__PURE__ */ ie((/* @__PURE__ */ U(((e, t) => {
+	if (process.env.NODE_ENV !== "production") {
+		var n = ht();
+		t.exports = bt()(n.isElement, !0);
+	} else t.exports = xt()();
+})))(), 1);
+function St(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function Ct(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? St(Object(n), !0).forEach(function(t) {
+			Tt(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : St(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function wt(e) {
+	"@babel/helpers - typeof";
+	return wt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, wt(e);
+}
+function Tt(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function Et(e, t) {
+	if (e == null) return {};
+	var n = {}, r = Object.keys(e), i, a;
+	for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+	return n;
+}
+function Dt(e, t) {
+	if (e == null) return {};
+	var n = Et(e, t), r, i;
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (i = 0; i < a.length; i++) r = a[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+	}
+	return n;
+}
+function Ot(e, t) {
+	return kt(e) || At(e, t) || jt(e, t) || Nt();
+}
+function kt(e) {
+	if (Array.isArray(e)) return e;
+}
+function At(e, t) {
+	var n = e && (typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"]);
+	if (n != null) {
+		var r = [], i = !0, a = !1, o, s;
+		try {
+			for (n = n.call(e); !(i = (o = n.next()).done) && (r.push(o.value), !(t && r.length === t)); i = !0);
+		} catch (e) {
+			a = !0, s = e;
+		} finally {
+			try {
+				!i && n.return != null && n.return();
+			} finally {
+				if (a) throw s;
+			}
+		}
+		return r;
+	}
+}
+function jt(e, t) {
+	if (e) {
+		if (typeof e == "string") return Mt(e, t);
+		var n = Object.prototype.toString.call(e).slice(8, -1);
+		if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
+		if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Mt(e, t);
+	}
+}
+function Mt(e, t) {
+	(t == null || t > e.length) && (t = e.length);
+	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
+	return r;
+}
+function Nt() {
+	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+var Y = function(t, n, r) {
+	var i = !!r, a = e.useRef(r);
+	e.useEffect(function() {
+		a.current = r;
+	}, [r]), e.useEffect(function() {
+		if (!i || !t) return function() {};
+		var e = function() {
+			a.current && a.current.apply(a, arguments);
+		};
+		return t.on(n, e), function() {
+			t.off(n, e);
+		};
+	}, [
+		i,
+		n,
+		t,
+		a
+	]);
+}, X = function(t) {
+	var n = e.useRef(t);
+	return e.useEffect(function() {
+		n.current = t;
+	}, [t]), n.current;
+}, Z = function(e) {
+	return e !== null && wt(e) === "object";
+}, Pt = function(e) {
+	return Z(e) && typeof e.then == "function";
+}, Ft = function(e) {
+	return Z(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
+}, It = "[object Object]", Lt = function e(t, n) {
+	if (!Z(t) || !Z(n)) return t === n;
+	var r = Array.isArray(t);
+	if (r !== Array.isArray(n)) return !1;
+	var i = Object.prototype.toString.call(t) === It;
+	if (i !== (Object.prototype.toString.call(n) === It)) return !1;
+	if (!i && !r) return t === n;
+	var a = Object.keys(t), o = Object.keys(n);
+	if (a.length !== o.length) return !1;
+	for (var s = {}, c = 0; c < a.length; c += 1) s[a[c]] = !0;
+	for (var l = 0; l < o.length; l += 1) s[o[l]] = !0;
+	var u = Object.keys(s);
+	if (u.length !== a.length) return !1;
+	var d = t, f = n;
+	return u.every(function(t) {
+		return e(d[t], f[t]);
+	});
+}, Rt = function(e, t, n) {
+	return Z(e) ? Object.keys(e).reduce(function(r, i) {
+		var a = !Z(t) || !Lt(e[i], t[i]);
+		return n.includes(i) ? (a && console.warn(`Unsupported prop change: options.${i} is not a mutable property.`), r) : a ? Ct(Ct({}, r || {}), {}, Tt({}, i, e[i])) : r;
+	}, null) : null;
+}, zt = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", Bt = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : zt;
+	if (e === null || Ft(e)) return e;
+	throw Error(t);
+}, Vt = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : zt;
+	if (Pt(e)) return {
+		tag: "async",
+		stripePromise: Promise.resolve(e).then(function(e) {
+			return Bt(e, t);
+		})
+	};
+	var n = Bt(e, t);
+	return n === null ? { tag: "empty" } : {
+		tag: "sync",
+		stripe: n
+	};
+}, Ht = function(e) {
+	!e || !e._registerWrapper || !e.registerAppInfo || (e._registerWrapper({
+		name: "react-stripe-js",
+		version: "6.4.0"
+	}), e.registerAppInfo({
+		name: "react-stripe-js",
+		version: "6.4.0",
+		url: "https://stripe.com/docs/stripe-js/react"
+	}));
+}, Ut = /* @__PURE__ */ e.createContext(null);
+Ut.displayName = "ElementsContext";
+var Wt = function(e, t) {
+	if (!e) throw Error(`Could not find Elements context; You need to wrap the part of your app that ${t} in an <Elements> provider.`);
+	return e;
+}, Gt = function(t) {
+	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
+		return Vt(n);
+	}, [n]), o = Ot(e.useState(function() {
+		return {
+			stripe: a.tag === "sync" ? a.stripe : null,
+			elements: a.tag === "sync" ? a.stripe.elements(r) : null
+		};
+	}), 2), s = o[0], c = o[1];
+	e.useEffect(function() {
+		var e = !0, t = function(e) {
+			c(function(t) {
+				return t.stripe ? t : {
+					stripe: e,
+					elements: e.elements(r)
+				};
+			});
+		};
+		return a.tag === "async" && !s.stripe ? a.stripePromise.then(function(n) {
+			n && e && t(n);
+		}) : a.tag === "sync" && !s.stripe && t(a.stripe), function() {
+			e = !1;
+		};
+	}, [
+		a,
+		s,
+		r
+	]);
+	var l = X(n);
+	e.useEffect(function() {
+		l !== null && l !== n && console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
+	}, [l, n]);
+	var u = X(r);
+	return e.useEffect(function() {
+		if (s.elements) {
+			var e = Rt(r, u, ["clientSecret", "fonts"]);
+			e && s.elements.update(e);
+		}
+	}, [
+		r,
+		u,
+		s.elements
+	]), e.useEffect(function() {
+		Ht(s.stripe);
+	}, [s.stripe]), /* @__PURE__ */ e.createElement(Ut.Provider, { value: s }, i);
+};
+Gt.propTypes = {
+	stripe: J.default.any,
+	options: J.default.object
+};
+var Kt = function(t) {
+	return Wt(e.useContext(Ut), t);
+}, qt = function(e) {
+	var t = e.children;
+	return t(Kt("mounts <ElementsConsumer>"));
+};
+qt.propTypes = { children: J.default.func.isRequired };
+var Jt = /* @__PURE__ */ e.createContext(null);
+Jt.displayName = "CheckoutContext";
+var Yt = function(t) {
+	var n = e.useContext(Jt), r = e.useContext(Ut);
+	if (n) {
+		if (r) throw Error(`You cannot wrap the part of your app that ${t} in both a checkout provider and <Elements> provider.`);
+		return n;
+	} else return Wt(r, t);
+}, Xt = ["mode"], Zt = function(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}, Q = function(t, n, r) {
+	var i = `${Zt(t)}Element`, a = n ? function(t) {
+		Yt(`mounts <${i}>`);
+		var n = t.id, r = t.className;
+		return /* @__PURE__ */ e.createElement("div", {
+			id: n,
+			className: r
+		});
+	} : function(n) {
+		var r = n.id, a = n.className, o = n.options, s = o === void 0 ? {} : o, c = n.onBlur, l = n.onFocus, u = n.onReady, d = n.onChange, f = n.onEscape, p = n.onClick, m = n.onLoadError, h = n.onLoaderStart, g = n.onNetworksChange, _ = n.onConfirm, v = n.onCancel, y = n.onShippingAddressChange, b = n.onShippingRateChange, x = n.onSavedPaymentMethodRemove, S = n.onSavedPaymentMethodUpdate, C = n.onAvailablePaymentMethodsChange, w = Yt(`mounts <${i}>`), T = "elements" in w ? w.elements : null, E = "checkoutState" in w ? w.checkoutState : null, D = E?.type === "success" || E?.type === "loading" ? E.sdk : null, O = Ot(e.useState(null), 2), k = O[0], A = O[1], j = e.useRef(null), M = e.useRef(null);
+		Y(k, "blur", c), Y(k, "focus", l), Y(k, "escape", f), Y(k, "click", p), Y(k, "loaderror", m), Y(k, "loaderstart", h), Y(k, "networkschange", g), Y(k, "confirm", _), Y(k, "cancel", v), Y(k, "shippingaddresschange", y), Y(k, "shippingratechange", b), Y(k, "savedpaymentmethodremove", x), Y(k, "savedpaymentmethodupdate", S), Y(k, "availablepaymentmethodschange", C), Y(k, "change", d);
+		var N;
+		u && (N = t === "expressCheckout" ? u : function() {
+			u(k);
+		}), Y(k, "ready", N), e.useLayoutEffect(function() {
+			if (j.current === null && M.current !== null && (T || D)) {
+				var e = null;
+				if (D) {
+					var n = D, r = D;
+					switch (t) {
+						case "paymentForm":
+							e = r.createForm(s);
+							break;
+						case "payment":
+							e = n.createPaymentElement(s);
+							break;
+						case "address":
+							if ("mode" in s) {
+								var a = s.mode, o = Dt(s, Xt);
+								if (a === "shipping") e = n.createShippingAddressElement(o);
+								else if (a === "billing") e = n.createBillingAddressElement(o);
+								else throw Error("Invalid options.mode. mode must be 'billing' or 'shipping'.");
+							} else throw Error("You must supply options.mode. mode must be 'billing' or 'shipping'.");
+							break;
+						case "expressCheckout":
+							e = n.createExpressCheckoutElement(s);
+							break;
+						case "currencySelector":
+							e = D.createCurrencySelectorElement();
+							break;
+						case "taxId":
+							e = n.createTaxIdElement(s);
+							break;
+						case "contactDetails":
+							e = n.createContactDetailsElement();
+							break;
+						default: throw Error(`<${i}> is not supported inside a checkout provider. Use an <Elements> provider instead.`);
+					}
+				} else T && (e = T.create(t, s));
+				j.current = e, A(e), e && e.mount(M.current);
+			}
+		}, [
+			T,
+			D,
+			s
+		]);
+		var P = X(s);
+		return e.useEffect(function() {
+			if (j.current) {
+				var e = Rt(s, P, ["paymentRequest"]);
+				e && "update" in j.current && j.current.update(e);
+			}
+		}, [s, P]), e.useLayoutEffect(function() {
+			return function() {
+				if (j.current && typeof j.current.destroy == "function") try {
+					j.current.destroy(), j.current = null;
+				} catch {}
+			};
+		}, []), /* @__PURE__ */ e.createElement("div", {
+			id: r,
+			className: a,
+			ref: M
+		});
+	};
+	return a.propTypes = {
+		id: J.default.string,
+		className: J.default.string,
+		onChange: J.default.func,
+		onBlur: J.default.func,
+		onFocus: J.default.func,
+		onReady: J.default.func,
+		onEscape: J.default.func,
+		onClick: J.default.func,
+		onLoadError: J.default.func,
+		onLoaderStart: J.default.func,
+		onNetworksChange: J.default.func,
+		onConfirm: J.default.func,
+		onCancel: J.default.func,
+		onShippingAddressChange: J.default.func,
+		onShippingRateChange: J.default.func,
+		onSavedPaymentMethodRemove: J.default.func,
+		onSavedPaymentMethodUpdate: J.default.func,
+		onAvailablePaymentMethodsChange: J.default.func,
+		options: J.default.object
+	}, a.displayName = i, a.__elementType = t, a;
+}, $ = typeof window > "u", Qt = /* @__PURE__ */ e.createContext(null);
+Qt.displayName = "EmbeddedCheckoutProviderContext";
+var $t = function() {
+	var t = e.useContext(Qt);
+	if (!t) throw Error("<EmbeddedCheckout> must be used within <EmbeddedCheckoutProvider>");
+	return t;
+}, en = "Invalid prop `stripe` supplied to `EmbeddedCheckoutProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", tn = function(t) {
+	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
+		return Vt(n, en);
+	}, [n]), o = e.useRef(null), s = e.useRef(null), c = Ot(e.useState({ embeddedCheckout: null }), 2), l = c[0], u = c[1];
+	e.useEffect(function() {
+		if (!(s.current || o.current)) {
+			var e = function(e) {
+				s.current || o.current || (s.current = e, o.current = s.current.createEmbeddedCheckoutPage(r).then(function(e) {
+					u({ embeddedCheckout: e });
+				}));
+			};
+			a.tag === "async" && !s.current && (r.clientSecret || r.fetchClientSecret) ? a.stripePromise.then(function(t) {
+				t && e(t);
+			}) : a.tag === "sync" && !s.current && (r.clientSecret || r.fetchClientSecret) && e(a.stripe);
+		}
+	}, [
+		a,
+		r,
+		l,
+		s
+	]), e.useEffect(function() {
+		return function() {
+			l.embeddedCheckout ? (o.current = null, l.embeddedCheckout.destroy()) : o.current && o.current.then(function() {
+				o.current = null, l.embeddedCheckout && l.embeddedCheckout.destroy();
+			});
+		};
+	}, [l.embeddedCheckout]), e.useEffect(function() {
+		Ht(s);
+	}, [s]);
+	var d = X(n);
+	e.useEffect(function() {
+		d !== null && d !== n && console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.");
+	}, [d, n]);
+	var f = X(r);
+	return e.useEffect(function() {
+		if (f != null) {
+			if (r == null) {
+				console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot unset options after setting them.");
+				return;
+			}
+			r.clientSecret === void 0 && r.fetchClientSecret === void 0 && console.warn("Invalid props passed to EmbeddedCheckoutProvider: You must provide one of either `options.fetchClientSecret` or `options.clientSecret`."), f.clientSecret != null && r.clientSecret !== f.clientSecret && console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead."), f.fetchClientSecret != null && r.fetchClientSecret !== f.fetchClientSecret && console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change fetchClientSecret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead."), f.onComplete != null && r.onComplete !== f.onComplete && console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it."), f.onShippingDetailsChange != null && r.onShippingDetailsChange !== f.onShippingDetailsChange && console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onShippingDetailsChange option after setting it."), f.onLineItemsChange != null && r.onLineItemsChange !== f.onLineItemsChange && console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onLineItemsChange option after setting it.");
+		}
+	}, [f, r]), /* @__PURE__ */ e.createElement(Qt.Provider, { value: l }, i);
+}, nn = $ ? function(t) {
+	var n = t.id, r = t.className;
+	return $t(), /* @__PURE__ */ e.createElement("div", {
+		id: n,
+		className: r
+	});
+} : function(t) {
+	var n = t.id, r = t.className, i = $t().embeddedCheckout, a = e.useRef(!1), o = e.useRef(null);
+	return e.useLayoutEffect(function() {
+		return !a.current && i && o.current !== null && (i.mount(o.current), a.current = !0), function() {
+			if (a.current && i) try {
+				i.unmount(), a.current = !1;
+			} catch {}
+		};
+	}, [i]), /* @__PURE__ */ e.createElement("div", {
+		ref: o,
+		id: n,
+		className: r
+	});
+};
+Q("auBankAccount", $), Q("card", $), Q("cardNumber", $), Q("cardExpiry", $), Q("cardCvc", $), Q("iban", $), Q("payment", $), Q("expressCheckout", $), Q("paymentRequestButton", $), Q("linkAuthentication", $), Q("contactDetails", $), Q("address", $), Q("shippingAddress", $), Q("paymentMethodMessaging", $), Q("taxId", $), Q("issuingCardNumberDisplay", $), Q("issuingCardCvcDisplay", $), Q("issuingCardExpiryDisplay", $), Q("issuingCardPinDisplay", $), Q("issuingCardCopyButton", $);
+//#endregion
+//#region node_modules/@stripe/stripe-js/dist/index.mjs
+function rn(e) {
+	"@babel/helpers - typeof";
+	return rn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, rn(e);
+}
+var an = "dahlia", on = function(e) {
+	return e === 3 ? "v3" : e;
+}, sn = "https://js.stripe.com", cn = `${sn}/${an}/stripe.js`, ln = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, un = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/, dn = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", fn = function(e) {
+	return ln.test(e) || un.test(e);
+}, pn = function() {
+	for (var e = document.querySelectorAll(`script[src^="${sn}"]`), t = 0; t < e.length; t++) {
+		var n = e[t];
+		if (fn(n.src)) return n;
+	}
+	return null;
+}, mn = function(e) {
+	var t = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", n = document.createElement("script");
+	n.src = `${cn}${t}`;
+	var r = document.head || document.body;
+	if (!r) throw Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
+	return r.appendChild(n), n;
+}, hn = function(e, t) {
+	!e || !e._registerWrapper || e._registerWrapper({
+		name: "stripe-js",
+		version: "9.6.0",
+		startTime: t
+	});
+}, gn = null, _n = null, vn = null, yn = function(e) {
+	return function(t) {
+		e(Error("Failed to load Stripe.js", { cause: t }));
+	};
+}, bn = function(e, t) {
+	return function() {
+		window.Stripe ? e(window.Stripe) : t(/* @__PURE__ */ Error("Stripe.js not available"));
+	};
+}, xn = function(e) {
+	return gn === null ? (gn = new Promise(function(t, n) {
+		if (typeof window > "u" || typeof document > "u") {
+			t(null);
+			return;
+		}
+		if (window.Stripe && e && console.warn(dn), window.Stripe) {
+			t(window.Stripe);
+			return;
+		}
+		try {
+			var r = pn();
+			if (r && e) console.warn(dn);
+			else if (!r) r = mn(e);
+			else if (r && vn !== null && _n !== null) {
+				var i;
+				r.removeEventListener("load", vn), r.removeEventListener("error", _n), (i = r.parentNode) == null || i.removeChild(r), r = mn(e);
+			}
+			vn = bn(t, n), _n = yn(n), r.addEventListener("load", vn), r.addEventListener("error", _n);
+		} catch (e) {
+			n(e);
+			return;
+		}
+	}), gn.catch(function(e) {
+		return gn = null, Promise.reject(e);
+	})) : gn;
+}, Sn = function(e, t, n) {
+	if (e === null) return null;
+	var r = t[0];
+	if (typeof r != "string") throw Error(`Expected publishable key to be of type string, got type ${rn(r)} instead.`);
+	var i = r.match(/^pk_test/), a = on(e.version), o = an;
+	i && a !== o && console.warn(`Stripe.js@${a} was loaded on the page, but @stripe/stripe-js@9.6.0 expected Stripe.js@${o}. This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning`);
+	var s = e.apply(void 0, t);
+	return hn(s, n), s;
+}, Cn, wn = !1, Tn = function() {
+	return Cn || (Cn = xn(null).catch(function(e) {
+		return Cn = null, Promise.reject(e);
+	}), Cn);
+};
+Promise.resolve().then(function() {
+	return Tn();
+}).catch(function(e) {
+	wn || console.warn(e);
+});
+var En = function() {
+	var e = [...arguments];
+	wn = !0;
+	var t = Date.now();
+	return Tn().then(function(n) {
+		return Sn(n, e, t);
+	});
+};
+//#endregion
+//#region src/header/components/StripePaymentModal.tsx
+function Dn({ visible: e, publishableKey: s, order: c, text: l, onCancel: u, onSuccess: d }) {
+	let f = r(() => s ? En(s) : null, [s]), [p, m] = a(""), h = i(d), g = c?.clientSecret || c?.stripeClientSecret, _ = t(() => {
+		h.current();
+	}, []), y = r(() => g ? {
+		clientSecret: g,
+		onComplete: _
+	} : void 0, [g, _]);
+	n(() => {
+		h.current = d;
+	}, [d]), n(() => {
+		if (m(""), !f) return;
+		let e = !0;
+		return f.then((t) => {
+			e && !t && m(l.stripePaymentLoadFailed);
+		}).catch((t) => {
+			e && m(t instanceof Error ? t.message : l.stripePaymentLoadFailed);
+		}), () => {
+			e = !1;
+		};
+	}, [f, l.stripePaymentLoadFailed]);
+	let b = s ? g ? g.startsWith("cs_") ? p ? /* @__PURE__ */ L(o, {
+		type: "error",
+		content: p
+	}) : !f || !y ? /* @__PURE__ */ L("div", {
+		className: "flex min-h-30 items-center justify-center",
+		children: /* @__PURE__ */ L(x, { tip: l.stripePaymentLoading })
+	}) : /* @__PURE__ */ R("div", {
+		className: "flex h-full w-full flex-col gap-4",
+		children: [/* @__PURE__ */ L(T.Text, {
+			type: "secondary",
+			className: "text-sm! leading-6!",
+			children: l.stripePaymentDescription
+		}), /* @__PURE__ */ L(tn, {
+			stripe: f,
+			options: y,
+			children: /* @__PURE__ */ L(nn, { className: "min-h-[620px] w-full flex-1" })
+		}, g)]
+	}) : /* @__PURE__ */ L(o, {
+		type: "error",
+		content: l.stripeCheckoutClientSecretInvalid
+	}) : /* @__PURE__ */ L(o, {
+		type: "error",
+		content: l.stripePaymentClientSecretMissing
+	}) : /* @__PURE__ */ L(o, {
+		type: "error",
+		content: l.stripePaymentConfigMissing
+	});
+	return /* @__PURE__ */ L(v, {
+		title: l.stripePaymentTitle,
+		visible: e,
+		footer: null,
+		onCancel: u,
+		alignCenter: !1,
+		wrapStyle: { padding: 0 },
+		style: {
+			width: "100vw",
+			maxWidth: "100vw",
+			height: "100vh",
+			top: 0,
+			margin: 0,
+			padding: 0
+		},
+		className: "flex! flex-col rounded-none! [&_.arco-modal-content]:flex-1 [&_.arco-modal-content]:overflow-auto",
+		focusLock: !1,
+		children: b
+	});
+}
+//#endregion
 //#region src/header/components/UserMenu.tsx
-function Je({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPointsDetail: a, onLogout: s }) {
-	let c = (e) => new Intl.NumberFormat().format(e);
-	return /* @__PURE__ */ I("div", {
+function On({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPointsDetail: a, onLogout: o }) {
+	let s = (e) => new Intl.NumberFormat().format(e);
+	return /* @__PURE__ */ R("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__ */ I("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex items-center gap-3 px-6 pt-5 pb-4",
-				children: [/* @__PURE__ */ F(Q, {
+				children: [/* @__PURE__ */ L(lt, {
 					user: e,
 					size: 48,
 					className: "shrink-0"
-				}), /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ R("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1",
-					children: [/* @__PURE__ */ I("div", {
+					children: [/* @__PURE__ */ R("div", {
 						className: "flex min-w-0 items-center gap-1.5",
-						children: [/* @__PURE__ */ F("span", {
+						children: [/* @__PURE__ */ L("span", {
 							className: "text-arco-text-1 truncate text-base leading-6 font-bold",
 							children: e?.nickname || e?.username
-						}), /* @__PURE__ */ F(o, {
+						}), /* @__PURE__ */ L(c, {
 							type: "text",
 							size: "mini",
-							icon: /* @__PURE__ */ F(E, {}),
+							icon: /* @__PURE__ */ L(k, {}),
 							className: "text-arco-text-3 h-6! min-w-6! px-0!",
 							onClick: r
 						})]
-					}), e?.email ? /* @__PURE__ */ F("span", {
+					}), e?.email ? /* @__PURE__ */ L("span", {
 						className: "text-arco-text-3 truncate text-xs leading-5",
 						children: e.email
 					}) : null]
 				})]
 			}),
-			/* @__PURE__ */ F(l, { className: "m-0!" }),
-			/* @__PURE__ */ I("ul", {
+			/* @__PURE__ */ L(d, { className: "m-0!" }),
+			/* @__PURE__ */ R("ul", {
 				className: "flex flex-col gap-3.5 px-6 py-4",
 				children: [
-					/* @__PURE__ */ I("li", {
+					/* @__PURE__ */ R("li", {
 						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
-						children: [/* @__PURE__ */ F("span", { children: n.myPoints }), /* @__PURE__ */ F("strong", {
+						children: [/* @__PURE__ */ L("span", { children: n.myPoints }), /* @__PURE__ */ L("strong", {
 							className: "text-arco-primary-6 text-base font-bold",
-							children: c(t.total)
+							children: s(t.total)
 						})]
 					}),
-					/* @__PURE__ */ I("li", {
+					/* @__PURE__ */ R("li", {
 						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
-						children: [/* @__PURE__ */ F("span", { children: n.rechargePoints }), /* @__PURE__ */ F("strong", {
+						children: [/* @__PURE__ */ L("span", { children: n.rechargePoints }), /* @__PURE__ */ L("strong", {
 							className: "text-arco-text-1 text-base font-bold",
-							children: c(t.recharge)
+							children: s(t.recharge)
 						})]
 					}),
-					/* @__PURE__ */ I("li", {
+					/* @__PURE__ */ R("li", {
 						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
-						children: [/* @__PURE__ */ F("span", { children: n.giftedPoints }), /* @__PURE__ */ F("strong", {
+						children: [/* @__PURE__ */ L("span", { children: n.giftedPoints }), /* @__PURE__ */ L("strong", {
 							className: "text-arco-text-1 text-base font-bold",
-							children: c(t.gifted)
+							children: s(t.gifted)
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ F(l, { className: "m-0!" }),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ L(d, { className: "m-0!" }),
+			/* @__PURE__ */ R("div", {
 				className: "flex flex-col gap-2 px-6 py-4",
-				children: [/* @__PURE__ */ F(o, {
+				children: [/* @__PURE__ */ L(c, {
 					type: "primary",
 					long: !0,
-					icon: /* @__PURE__ */ F(A, {}),
-					className: "h-10! rounded-md! font-semibold!",
+					icon: /* @__PURE__ */ L(N, {}),
+					shape: "round",
+					className: "h-10!  font-medium!",
 					onClick: i,
 					children: n.recharge
-				}), /* @__PURE__ */ F(o, {
+				}), /* @__PURE__ */ L(c, {
 					long: !0,
-					icon: /* @__PURE__ */ F(D, {}),
-					className: "border-arco-border-2! bg-arco-fill-1! text-arco-text-1! h-10! rounded-md! font-semibold!",
+					shape: "round",
+					icon: /* @__PURE__ */ L(A, {}),
+					className: "border-arco-border-2! bg-arco-fill-1! text-arco-text-1! h-10!  font-medium!",
 					onClick: a,
 					children: n.pointsDetail
 				})]
 			}),
-			/* @__PURE__ */ F(l, { className: "m-0!" }),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ L(d, { className: "m-0!" }),
+			/* @__PURE__ */ L("div", {
 				className: "px-6 py-4",
-				children: /* @__PURE__ */ F(o, {
-					icon: /* @__PURE__ */ F(j, {}),
+				children: /* @__PURE__ */ L(c, {
+					icon: /* @__PURE__ */ L(P, {}),
 					type: "text",
 					status: "danger",
 					long: !0,
 					className: "flex! items-center justify-start gap-2 text-sm text-arco-text-2",
-					onClick: () => void s?.(),
+					onClick: () => void o?.(),
 					children: n.logout
 				})
 			})
@@ -1081,246 +2248,296 @@ function Je({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPo
 }
 //#endregion
 //#region src/header/ManturHeader.tsx
-var Ye = "https://mantur.ai/images/logo.png", Xe = [
+var kn = "https://mantur.ai/images/logo.png", An = [
 	"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 Ze(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 ${Xe[e % Xe.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
+function jn(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 ${An[e % An.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
 }
-function Qe(e) {
+function Mn(e) {
 	return e?.tenantName?.[0]?.toUpperCase() || "T";
 }
-function $(e, t, n) {
+function Nn(e, t, n) {
 	let r = e?.roles?.map((e) => e.roleName).filter(Boolean);
 	return r?.length ? r.join(", ") : e?.isOwner ? t : n;
 }
-function $e({ user: a, disabled: o = !1, brandSlot: s, children: c, onTenantContextChange: l }) {
-	let [d, f] = i(() => X()), p = Oe(d), [g, _] = i(!1), [v, y] = i(!1), [b, x] = i(!1), [S, C] = i(a), [w, E] = i([]), [D, O] = i(), [k, A] = i(!1), j = r(l), [M, N] = i({
+function Pn(e) {
+	return e?.paymentUrl || e?.checkoutUrl || e?.url || e?.returnUrl;
+}
+function Fn(e) {
+	return e?.clientSecret || e?.stripeClientSecret;
+}
+function In({ user: e, disabled: o = !1, brandSlot: s, children: c, onTenantContextChange: l, stripePublishableKey: u }) {
+	let [d, p] = a(() => He()), m = Ue(d), [h, v] = a(!1), [y, b] = a(!1), [x, S] = a(!1), [C, w] = a(e), [T, E] = a([]), [D, k] = a(), [A, j] = a(!1), [M, N] = a(!1), [P, F] = a(!1), [I, ee] = a([]), [te, z] = a(), B = i(l), ne = u || (typeof window < "u" ? window.__MANTUR_COMPONENTS_STRIPE_PUBLISHABLE_KEY__ : void 0) || "pk_test_51TJ8JiERSsQknDG7bJSIX81RFq3LcCfUXCV7mh0cQsZ2dwmYcJ5Ki6bPXynNvdyZEEBE83I6I719NIFyO9Qreey700yPAul8sv", [V, re] = a({
 		total: 0,
 		recharge: 0,
 		gifted: 0
-	}), P = D?.tenantId || "", L = o, R = {
-		total: M.total ?? 0,
-		recharge: M.recharge ?? 0,
-		gifted: M.gifted ?? 0
-	}, z = async (e) => {
-		let t = await de(e);
-		return t && C(t), t;
+	}), H = D?.tenantId || "", U = o, W = {
+		total: V.total ?? 0,
+		recharge: V.recharge ?? 0,
+		gifted: V.gifted ?? 0
+	}, ie = async (e) => {
+		let t = await ge(e);
+		return t && w(t), t;
 	};
-	t(() => {
-		C(a);
-	}, [a]), t(() => {
-		j.current = l;
+	n(() => {
+		w(e);
+	}, [e]), n(() => {
+		B.current = l;
 	}, [l]);
-	let B = e((e) => {
-		E(e.tenants), O(e.currentTenant), j.current?.(e);
+	let G = t((e) => {
+		E(e.tenants), k(e.currentTenant), B.current?.(e);
 	}, []);
-	t(() => {
-		A(!0), ye().then(B).catch((e) => {
-			console.warn("Failed to refresh Mantur tenant context.", e), h.error(p.error);
-		}).finally(() => A(!1));
-	}, [B, p.error]), t(() => {
+	n(() => {
+		j(!0), Me().then(G).catch((e) => {
+			console.warn("Failed to refresh Mantur tenant context.", e), _.error(m.error);
+		}).finally(() => j(!1));
+	}, [G, m.error]), n(() => {
 		let e = (e) => {
-			e instanceof CustomEvent && N(e.detail);
+			e instanceof CustomEvent && re(e.detail);
 		};
-		return window.addEventListener(U, e), me().catch((e) => {
+		return window.addEventListener(oe, e), ye().catch((e) => {
 			console.warn("Failed to refresh Mantur user points.", e);
 		}), () => {
-			window.removeEventListener(U, e);
+			window.removeEventListener(oe, e);
 		};
-	}, []), t(() => {
+	}, []), n(() => {
 		let e = (e) => {
-			f(e instanceof CustomEvent ? Y(e.detail) : X());
+			p(e instanceof CustomEvent ? q(e.detail) : He());
 		};
-		return window.addEventListener(J, e), window.addEventListener("storage", e), () => {
-			window.removeEventListener(J, e), window.removeEventListener("storage", e);
+		return window.addEventListener(Be, e), window.addEventListener("storage", e), () => {
+			window.removeEventListener(Be, e), window.removeEventListener("storage", e);
 		};
-	}, []);
-	let V = (e) => {
-		h.success(e);
-	}, ee = (e, t) => {
-		console.error(t), h.error(e);
-	}, H = e(async (e) => {
-		if (!L && e !== P) try {
-			A(!0), B(await be(e)), V(p.switchedToTeam);
+	}, []), n(() => {
+		y && (N(!0), be().then((e) => {
+			let t = e.filter((e) => e.id && e.amount !== void 0 && e.points !== void 0).sort((e, t) => (e.sortOrder ?? 0) - (t.sortOrder ?? 0)).map((e) => ({
+				id: e.id,
+				packageCode: e.packageCode,
+				packageName: e.packageName,
+				packageNameEn: e.packageNameEn,
+				price: Number(e.amount || 0),
+				points: Number(e.points || 0),
+				recommended: e.isRecommended,
+				sortOrder: e.sortOrder
+			}));
+			t.length > 0 && ee(t);
+		}).catch((e) => {
+			console.warn("Failed to load Mantur recharge packages.", e);
+		}).finally(() => N(!1)));
+	}, [y]);
+	let ae = (e) => {
+		_.success(e);
+	}, ce = (e, t) => {
+		console.error(t), _.error(e);
+	}, le = t(async (e) => {
+		if (!U && e !== H) try {
+			j(!0), G(await Ne(e)), ae(m.switchedToTeam);
 		} catch (e) {
-			ee(p.error, e);
+			ce(m.error, e);
 		} finally {
-			A(!1);
+			j(!1);
 		}
 	}, [
-		B,
-		P,
-		L,
-		p.error,
-		p.switchedToTeam
-	]), te = (e) => {
-		let t = {
-			total: R.total + e.points,
-			recharge: R.recharge + e.points,
-			gifted: R.gifted
-		};
-		N(t), window.dispatchEvent(new CustomEvent(U, { detail: t })), h.success(p.rechargeSuccess), y(!1);
-	}, ne = n(() => /* @__PURE__ */ I(m, {
+		G,
+		H,
+		U,
+		m.error,
+		m.switchedToTeam
+	]), ue = async (e) => {
+		try {
+			F(!0);
+			let t = await xe({ ..."custom" in e && e.custom ? { customAmount: e.price } : { packageId: e.id } });
+			typeof window < "u" && window.dispatchEvent(new CustomEvent(se, { detail: t })), _.success(m.rechargeOrderCreated), b(!1);
+			let n = Pn(t);
+			if (Fn(t)) {
+				z(t);
+				return;
+			}
+			if (n) {
+				window.location.href = n;
+				return;
+			}
+			_.error(m.stripePaymentClientSecretMissing);
+		} catch (e) {
+			ce(m.error, e);
+		} finally {
+			F(!1);
+		}
+	}, de = r(() => /* @__PURE__ */ R(g, {
 		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: P ? [P] : [],
-		onClickMenuItem: H,
-		children: [/* @__PURE__ */ F("div", {
+		selectedKeys: H ? [H] : [],
+		onClickMenuItem: le,
+		children: [/* @__PURE__ */ L("div", {
 			className: "px-3 py-2 text-xs font-semibold tracking-[0.04em] text-arco-text-4 uppercase",
-			children: p.switchTeam
-		}), w.map((e, t) => /* @__PURE__ */ F(m.Item, {
+			children: m.switchTeam
+		}), T.map((e, t) => /* @__PURE__ */ L(g.Item, {
 			className: "mb-1 h-auto! min-h-10! overflow-visible! rounded-lg! px-2! py-1! leading-normal!",
-			children: /* @__PURE__ */ I("div", {
+			children: /* @__PURE__ */ R("div", {
 				className: "flex w-full items-center gap-3 leading-normal",
-				children: [/* @__PURE__ */ F("div", {
-					className: Ze(t),
-					children: Qe(e)
-				}), /* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ L("div", {
+					className: jn(t),
+					children: Mn(e)
+				}), /* @__PURE__ */ R("div", {
 					className: "flex min-w-0 flex-col justify-center gap-0.75",
-					children: [/* @__PURE__ */ F("span", {
+					children: [/* @__PURE__ */ L("span", {
 						className: "text-sm leading-5 font-medium text-arco-text-1",
 						children: e.tenantName
-					}), /* @__PURE__ */ F("span", {
+					}), /* @__PURE__ */ L("span", {
 						className: "text-xs leading-4 text-arco-text-3",
-						children: $(e, p.owner, p.member)
+						children: Nn(e, m.owner, m.member)
 					})]
 				})]
 			})
 		}, e.tenantId))]
 	}), [
+		le,
 		H,
-		P,
-		w,
-		p
-	]), re = /* @__PURE__ */ F(Je, {
-		user: S,
-		points: R,
-		text: p,
-		onEditProfile: () => _(!0),
-		onRecharge: () => y(!0),
-		onPointsDetail: () => x(!0),
-		onLogout: ue
-	}), ie = Math.max(0, w.findIndex((e) => e.tenantId === D?.tenantId));
-	return /* @__PURE__ */ I("div", {
+		T,
+		m
+	]), fe = /* @__PURE__ */ L(On, {
+		user: C,
+		points: W,
+		text: m,
+		onEditProfile: () => v(!0),
+		onRecharge: () => b(!0),
+		onPointsDetail: () => S(!0),
+		onLogout: he
+	}), pe = Math.max(0, T.findIndex((e) => e.tenantId === D?.tenantId));
+	return /* @__PURE__ */ R("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__ */ I("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex items-center gap-6",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ R("div", {
 					className: "flex w-65 items-center gap-3 px-8 max-md:w-auto max-md:px-4",
-					children: [/* @__PURE__ */ F("div", {
+					children: [/* @__PURE__ */ L("div", {
 						className: "relative flex w-12 items-center justify-center overflow-hidden ",
-						children: /* @__PURE__ */ F("img", {
-							src: Ye,
+						children: /* @__PURE__ */ L("img", {
+							src: kn,
 							alt: "logo",
 							className: "w-full object-contain",
 							onError: (e) => {
 								e.currentTarget.style.display = "none";
 							}
 						})
-					}), s ?? /* @__PURE__ */ F("span", {
+					}), s ?? /* @__PURE__ */ L("span", {
 						className: "text-lg font-bold tracking-normal text-arco-text-1",
-						children: p.title
+						children: m.title
 					})]
-				}), /* @__PURE__ */ F(u, {
-					droplist: ne,
+				}), /* @__PURE__ */ L(f, {
+					droplist: de,
 					trigger: "click",
 					position: "bl",
-					disabled: L,
-					children: /* @__PURE__ */ I("div", {
-						"aria-disabled": L,
-						className: `flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${L ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]"}`,
+					disabled: U,
+					children: /* @__PURE__ */ R("div", {
+						"aria-disabled": U,
+						className: `flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${U ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]"}`,
 						children: [
-							/* @__PURE__ */ F("div", {
-								className: Ze(ie, !0),
-								children: Qe(D)
+							/* @__PURE__ */ L("div", {
+								className: jn(pe, !0),
+								children: Mn(D)
 							}),
-							/* @__PURE__ */ I("div", {
+							/* @__PURE__ */ R("div", {
 								className: "flex min-w-0 flex-col",
-								children: [/* @__PURE__ */ F("span", {
+								children: [/* @__PURE__ */ L("span", {
 									className: "text-xs leading-none font-bold text-arco-text-1",
-									children: k ? p.loading : D?.tenantName || p.loading
-								}), /* @__PURE__ */ F("span", {
+									children: A ? m.loading : D?.tenantName || m.loading
+								}), /* @__PURE__ */ L("span", {
 									className: "mt-1 text-[10px] leading-none text-arco-text-3",
-									children: $(D, p.owner, p.member)
+									children: Nn(D, m.owner, m.member)
 								})]
 							}),
-							/* @__PURE__ */ F(T, { className: "ml-1 text-arco-text-3" })
+							/* @__PURE__ */ L(O, { className: "ml-1 text-arco-text-3" })
 						]
 					})
 				})]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex-1",
 				children: c
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ R("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ F(Ne, {}), /* @__PURE__ */ F(Me, {})]
-				}), /* @__PURE__ */ F(u, {
-					droplist: re,
+					children: [/* @__PURE__ */ L(Je, {}), /* @__PURE__ */ L(qe, {})]
+				}), /* @__PURE__ */ L(f, {
+					droplist: fe,
 					trigger: "click",
 					position: "br",
 					onVisibleChange: (e) => {
-						e && me().catch((e) => {
+						e && ye().catch((e) => {
 							console.warn("Failed to refresh Mantur user points.", e);
 						});
 					},
-					children: /* @__PURE__ */ I("div", {
+					children: /* @__PURE__ */ R("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__ */ I("div", {
+							/* @__PURE__ */ R("div", {
 								className: "from-arco-primary to-transparent relative rounded-full bg-linear-to-br p-0.5 shadow-sm",
-								children: [/* @__PURE__ */ F(Q, {
-									user: S,
+								children: [/* @__PURE__ */ L(lt, {
+									user: C,
 									size: 36
-								}), /* @__PURE__ */ F("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__ */ L("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__ */ F("div", {
+							/* @__PURE__ */ L("div", {
 								className: "hidden flex-col md:flex",
-								children: /* @__PURE__ */ F("span", {
+								children: /* @__PURE__ */ L("span", {
 									className: "text-arco-text-1 text-sm font-medium",
-									children: S?.nickname || S?.username
+									children: C?.nickname || C?.username
 								})
 							}),
-							/* @__PURE__ */ F(T, { className: "text-arco-text-3 ml-1" })
+							/* @__PURE__ */ L(O, { className: "text-arco-text-3 ml-1" })
 						]
 					})
 				})]
 			}),
-			/* @__PURE__ */ F(Ge, {
-				visible: g,
-				user: S,
-				labels: p,
-				onCancel: () => _(!1),
-				onSubmit: z
+			/* @__PURE__ */ L(st, {
+				visible: h,
+				user: C,
+				labels: m,
+				onCancel: () => v(!1),
+				onSubmit: ie
+			}),
+			/* @__PURE__ */ L(ft, {
+				visible: y,
+				user: C,
+				points: W,
+				text: m,
+				packages: I,
+				packageLoading: M,
+				submitting: P,
+				onCancel: () => b(!1),
+				onPay: ue
 			}),
-			/* @__PURE__ */ F(qe, {
-				visible: v,
-				user: S,
-				points: R,
-				text: p,
-				onCancel: () => y(!1),
-				onPay: te
+			/* @__PURE__ */ L(tt, {
+				visible: x,
+				points: W,
+				text: m,
+				onCancel: () => S(!1),
+				onRecharge: () => b(!0)
 			}),
-			/* @__PURE__ */ F(ze, {
-				visible: b,
-				points: R,
-				text: p,
-				onCancel: () => x(!1),
-				onRecharge: () => y(!0)
+			/* @__PURE__ */ L(Dn, {
+				visible: !!te,
+				publishableKey: ne,
+				order: te,
+				text: m,
+				onCancel: () => z(void 0),
+				onSuccess: () => {
+					_.success(m.rechargeSuccess), z(void 0), ye().catch((e) => {
+						console.warn("Failed to refresh Mantur user points.", e);
+					});
+				}
 			})
 		]
 	});
 }
 //#endregion
 //#region src/utils/date.ts
-var et = /* @__PURE__ */ re((/* @__PURE__ */ te(((e, t) => {
+var Ln = /* @__PURE__ */ ie((/* @__PURE__ */ U(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
 	})(e, (function() {
@@ -1615,27 +2832,27 @@ var et = /* @__PURE__ */ re((/* @__PURE__ */ te(((e, t) => {
 		}, w.en = b[y], w.Ls = b, w.p = {}, w;
 	}));
 })))(), 1);
-function tt(e, t = "datetime", n) {
+function Rn(e, t = "datetime", n) {
 	if (!e) return "-";
-	let r = (n ? Y(n) : X()).startsWith("en"), i = t === "date" ? r ? "MM/DD/YYYY" : "YYYY-MM-DD" : r ? "MM/DD/YYYY HH:mm:ss" : "YYYY-MM-DD HH:mm:ss";
-	return (0, et.default)(e).format(i);
+	let r = (n ? q(n) : He()).startsWith("en"), i = t === "date" ? r ? "MM/DD/YYYY" : "YYYY-MM-DD" : r ? "MM/DD/YYYY HH:mm:ss" : "YYYY-MM-DD HH:mm:ss";
+	return (0, Ln.default)(e).format(i);
 }
 //#endregion
 //#region src/utils/url.ts
-var nt = () => {
+var zn = () => {
 	if (typeof window > "u" || !window.location?.href) throw Error("redirectToManturMain requires currentUrl when window.location is unavailable.");
 	return window.location.href;
-}, rt = (e, t) => {
+}, Bn = (e, t) => {
 	let n = e.split(".");
 	return n.length <= 1 ? t : [t, ...n.slice(1)].join(".");
-}, it = (e) => `${e.pathname}${e.search}${e.hash}`;
-function at(e, t, n = {}) {
-	let r = new URL(n.currentUrl || nt()), i = new URL(r.toString()), a = e?.trim();
-	a ? i.hostname = rt(r.hostname, a) : i.port = "80";
-	let o = it(r);
+}, Vn = (e) => `${e.pathname}${e.search}${e.hash}`;
+function Hn(e, t, n = {}) {
+	let r = new URL(n.currentUrl || zn()), i = new URL(r.toString()), a = e?.trim();
+	a ? i.hostname = Bn(r.hostname, a) : i.port = "80";
+	let o = Vn(r);
 	i.pathname = "/login", i.searchParams.set("app", t?.trim()), i.searchParams.set("redirect", o);
 	let s = i.toString();
 	return n.navigate !== !1 && typeof window < "u" && (window.location.href = s), s;
 }
 //#endregion
-export { $e as ManturHeader, tt as formatDateByLang, at as redirectToManturMain };
+export { oe as MANTUR_POINTS_REFRESH_EVENT, se as MANTUR_RECHARGE_ORDER_CREATED_EVENT, ce as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, In as ManturHeader, xe as createManturRechargeOrder, Rn as formatDateByLang, Te as getManturBillingAccount, Ee as getManturBillingLedger, be as getManturBillingPackages, we as getManturPricingChargePoint, Ce as getManturPricingChargePoints, Se as getManturRechargeOrder, Hn as redirectToManturMain, Me as refreshManturTenantContext, ye as refreshManturUserPoints };