mantur-components 0.1.9 → 0.1.11

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 ne = Object.create, z = Object.defineProperty, re = Object.getOwnPropertyDescriptor, B = Object.getOwnPropertyNames, ie = Object.getPrototypeOf, V = Object.prototype.hasOwnProperty, H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), U = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = B(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !V.call(e, s) && s !== n && z(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = B(t, s)) || r.enumerable
+		enumerable: !(r = re(t, s)) || r.enumerable
 	});
 	return e;
-}, re = (e, t, n) => (n = e == null ? {} : R(ee(e)), ne(t || !e || !e.__esModule ? z(n, "default", {
+}, W = (e, t, n) => (n = e == null ? {} : ne(ie(e)), U(t || !e || !e.__esModule ? z(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)), ae = "/api", oe = "/billing/accounts/me", se = "mantur-points-refresh", ce = "mantur-recharge-order-created", G = "mantur-tenant-context-change";
+function le() {
+	return typeof window < "u" && window.__MANTUR_COMPONENTS_API_BASE__ ? window.__MANTUR_COMPONENTS_API_BASE__ : ae;
 }
-function ce() {
-	return typeof window < "u" && window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ ? window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ : ae;
+function ue() {
+	return typeof window < "u" && window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ ? window.__MANTUR_COMPONENTS_POINTS_ENDPOINT__ : oe;
 }
-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 q() {
+	let e = await ve();
+	return typeof window < "u" && window.dispatchEvent(new CustomEvent(se, { detail: e })), e;
+}
+async function ye() {
+	return (await K("/billing/packages")).data || [];
+}
+async function be(e) {
+	return (await K("/billing/recharge/orders", {
+		method: "POST",
+		headers: { "Content-Type": "application/json;charset=utf-8" },
+		body: JSON.stringify(e)
+	})).data;
+}
+async function xe(e) {
+	return (await K(`/billing/recharge/orders/${encodeURIComponent(e)}`)).data;
+}
+async function Se() {
+	return (await K("/billing/pricing/charge-points")).data || [];
+}
+async function Ce(e) {
+	return (await K(`/billing/pricing/charge-points/${encodeURIComponent(e)}`)).data;
 }
-async function me() {
-	let e = await pe();
-	return typeof window < "u" && window.dispatchEvent(new CustomEvent(U, { detail: e })), e;
+async function we() {
+	return (await K("/billing/accounts/me")).data;
 }
-function he(e, t) {
+async function Te(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 Ee(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 De(e) {
+	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(G, { detail: e })));
 }
-async function ge() {
+async function Oe() {
 	return (await K("/users/me/tenants")).data || [];
 }
-async function _e() {
+async function ke() {
 	return (await K("/auth/current-tenant")).data;
 }
-async function ve(e) {
+async function Ae(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 je(e = "refresh") {
+	let [t, n] = await Promise.all([Oe(), ke()]), r = {
 		tenants: t,
-		currentTenant: he(t, n),
+		currentTenant: Ee(t, n),
 		auth: n,
 		reason: e
 	};
-	return q(r), r;
+	return De(r), r;
 }
-async function be(e) {
-	let t = await ve(e), n = await ge(), r = {
+async function Me(e) {
+	let t = await Ae(e), n = await Oe(), r = {
 		tenants: n,
-		currentTenant: he(n, t),
+		currentTenant: Ee(n, t),
 		auth: t,
 		reason: "switch"
 	};
-	return q(r), r;
+	return De(r), r;
 }
-var xe = {
+var Ne = {
 	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 = {
+}, Pe = {
 	languageZh: "中文",
 	languageEn: "English"
-}, Ce = {
+}, Fe = {
 	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,70 +330,120 @@ var xe = {
 	pointsDeductionTip: "优先扣减即将到期的积分",
 	pointsNoteTitle: "说明",
 	pointsAccountNote: "积分账户挂在你的个人账号上，自己充值、自己消耗、自己负责；他人不能代充、不能代用。充值积分有效期固定 2 年；赠送积分有效期由后台运营发放时设置。"
-}, we = {
+}, Ie = {
 	languageZh: "中文",
 	languageEn: "English"
-}, Te = "i18nextLng", Ee = "manturLanguageSource", J = "mantur-language-change", De = {
+}, Le = "i18nextLng", Re = "manturLanguageSource", ze = "mantur-language-change", Be = {
 	"zh-CN": {
-		...Ce,
-		...we
+		...Fe,
+		...Ie
 	},
 	"en-US": {
-		...xe,
-		...Se
+		...Ne,
+		...Pe
 	}
 };
-function Y(e) {
+function J(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 Ve() {
+	return typeof window > "u" ? "zh-CN" : J(window.localStorage.getItem("i18nextLng") || document.documentElement.lang || navigator.language);
 }
-function Oe(e) {
-	return De[Y(e)];
+function He(e) {
+	return Be[J(e)];
 }
 //#endregion
 //#region src/lang-switch/LangSwitch.tsx
-var ke = Te, Ae = Ee;
-function je(e, t) {
+var Ue = Le, We = Re;
+function Ge(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 Ke() {
+	let { i18n: e } = ee(), [t, r] = a(() => Ve()), i = He(t);
+	return n(() => {
+		r(J(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 = J(t);
+				localStorage.setItem(Ue, t), localStorage.setItem(We, "manual"), r(n), e.changeLanguage(t), Ge("Accept-Language", t), window.dispatchEvent(new CustomEvent(ze, { 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 qe() {
+	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");
 		}
 	});
 }
 //#endregion
+//#region src/utils/url.ts
+var Je = () => {
+	if (typeof window > "u" || !window.location?.href) throw Error("redirectToManturMain requires currentUrl when window.location is unavailable.");
+	return window.location.href;
+}, Ye = (e, t) => {
+	let n = e.split(".");
+	return n.length <= 1 ? t : [t, ...n.slice(1)].join(".");
+}, Xe = (e) => `${e.pathname}${e.search}${e.hash}`;
+function Ze(e, t, n = {}) {
+	let r = new URL(n.currentUrl || Je()), i = new URL(r.toString()), a = e?.trim();
+	a ? i.hostname = Ye(r.hostname, a) : i.port = "80";
+	let o = Xe(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
+//#region src/utils/stripe-payment-window.ts
+var Qe = "mantur-stripe-payment-window", $e = "/stripe-payment";
+function et(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	return t.source === "mantur-components" && t.type === "mantur-stripe-payment-window" && (t.action === "close" || t.action === "success" || t.action === "failed");
+}
+function tt(e = "close", t) {
+	if (typeof window > "u") return;
+	let n = {
+		source: "mantur-components",
+		type: Qe,
+		action: e,
+		orderNo: t
+	}, r = window.location.origin;
+	window.opener?.postMessage(n, r), window.parent && window.parent !== window && window.parent.postMessage(n, r);
+}
+function nt() {
+	return typeof window > "u" ? void 0 : window.__MANTUR_MAIN_PREFIX__ || void 0;
+}
+function rt() {
+	return typeof window > "u" ? "mantur" : window.__MANTUR_APP_NAME__ || "mantur";
+}
+function it(e) {
+	let t = e.clientSecret || e.stripeClientSecret;
+	if (typeof window > "u" || !e.orderNo || !t) return;
+	let n = new URL($e, window.location.href);
+	return n.searchParams.set("orderNo", e.orderNo), n.searchParams.set("clientSecret", t), e.amount !== void 0 && n.searchParams.set("amount", String(e.amount)), e.points !== void 0 && n.searchParams.set("points", String(e.points)), Ze(nt(), rt(), {
+		currentUrl: n,
+		navigate: !1
+	});
+}
+//#endregion
 //#region src/header/mock.ts
-var Z = [
+var at = [
 	{
 		id: "points-500",
 		points: 500,
@@ -342,7 +460,7 @@ var Z = [
 		price: 50,
 		recommended: !0
 	}
-], Pe = [
+], ot = [
 	{
 		id: "recharge-1",
 		type: "income",
@@ -415,31 +533,31 @@ var Z = [
 		badgeKind: "deducted",
 		badgeText: "已扣除"
 	}
-], { RangePicker: Fe } = c, Ie = 21, Le = 7;
-function Re(e) {
+], { RangePicker: st } = u, ct = 21, lt = 7;
+function ut(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 dt({ 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 ot.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 +565,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: ut(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(st, {
+									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: lt,
+							total: ct,
+							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 +755,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 ft = Ne;
+function pt(e) {
 	return {
-		...Be,
+		...ft,
 		...e
 	};
 }
 //#endregion
 //#region src/header/components/ProfileModal.tsx
-var He = 2048, Ue = 2 * 1024 * 1024;
-function We(e) {
+var mt = 2048, ht = 2 * 1024 * 1024;
+function gt(e) {
 	return new Promise((t, n) => {
 		let r = URL.createObjectURL(e), i = new Image();
 		i.onload = () => {
@@ -660,80 +778,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 _t({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
+	let u = pt(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 > ht) 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 gt(e);
+									if (t > mt || n > mt) 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 +859,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 +877,70 @@ function Ge({ visible: e, user: n, labels: s, onCancel: c, onSubmit: l }) {
 }
 //#endregion
 //#region src/header/components/UserAvatar.tsx
-function Ke(e) {
+function vt(e) {
 	return e?.nickname?.[0] || e?.username?.[0] || "U";
 }
-function Q({ user: e, size: t, className: n = "" }) {
-	return /* @__PURE__ */ F(a, {
+function yt({ 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)
+		}) : vt(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 bt = {
+	minHeight: 292,
+	height: "100%",
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "space-between"
+}, xt = "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 St({ visible: e, user: t, points: r, text: o, packages: s, packageLoading: u = !1, submitting: d = !1, onCancel: f, onPay: p }) {
+	let [g, _] = a(at[2].id), [y, b] = a(""), x = i(null), S = s?.length ? s : at, 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 +950,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(yt, {
 					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: bt,
+							className: `${xt} 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();
-							},
-							bodyStyle: {
-								minHeight: 192,
-								display: "flex",
-								flexDirection: "column",
-								justifyContent: "space-between"
+								(e.key === "Enter" || e.key === " ") && I();
 							},
-							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: bt,
+							className: `${xt} 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 +1120,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 Ct = /* @__PURE__ */ H(((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;
+})), wt = /* @__PURE__ */ H(((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 ne(e) {
+			return x(e) === d;
+		}
+		function z(e) {
+			return x(e) === i;
+		}
+		function re(e) {
+			return x(e) === h;
+		}
+		function B(e) {
+			return x(e) === m;
+		}
+		function ie(e) {
+			return x(e) === r;
+		}
+		function V(e) {
+			return x(e) === o;
+		}
+		function H(e) {
+			return x(e) === a;
+		}
+		function U(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 = ne, e.isFragment = z, e.isLazy = re, e.isMemo = B, e.isPortal = ie, e.isProfiler = V, e.isStrictMode = H, e.isSuspense = U, e.isValidElementType = b, e.typeOf = x;
+	})();
+})), Tt = /* @__PURE__ */ H(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Ct() : t.exports = wt();
+})), Et = /* @__PURE__ */ H(((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;
+	};
+})), Dt = /* @__PURE__ */ H(((e, t) => {
+	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+})), Ot = /* @__PURE__ */ H(((e, t) => {
+	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+})), kt = /* @__PURE__ */ H(((e, t) => {
+	var n = function() {};
+	if (process.env.NODE_ENV !== "production") {
+		var r = Dt(), i = {}, a = Ot();
+		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;
+})), At = /* @__PURE__ */ H(((e, t) => {
+	var n = Tt(), r = Et(), i = Dt(), a = Ot(), o = kt(), 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;
+	};
+})), jt = /* @__PURE__ */ H(((e, t) => {
+	var n = Dt();
+	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;
+	};
+})), Y = /* @__PURE__ */ W((/* @__PURE__ */ H(((e, t) => {
+	if (process.env.NODE_ENV !== "production") {
+		var n = Tt();
+		t.exports = At()(n.isElement, !0);
+	} else t.exports = jt()();
+})))(), 1);
+function Mt(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 Nt(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? Mt(Object(n), !0).forEach(function(t) {
+			Ft(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Mt(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function Pt(e) {
+	"@babel/helpers - typeof";
+	return Pt = 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;
+	}, Pt(e);
+}
+function Ft(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function It(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 Lt(e, t) {
+	if (e == null) return {};
+	var n = It(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 Rt(e, t) {
+	return zt(e) || Bt(e, t) || Vt(e, t) || Ut();
+}
+function zt(e) {
+	if (Array.isArray(e)) return e;
+}
+function Bt(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 Vt(e, t) {
+	if (e) {
+		if (typeof e == "string") return Ht(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 Ht(e, t);
+	}
+}
+function Ht(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 Ut() {
+	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+var X = 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
+	]);
+}, Wt = function(t) {
+	var n = e.useRef(t);
+	return e.useEffect(function() {
+		n.current = t;
+	}, [t]), n.current;
+}, Z = function(e) {
+	return e !== null && Pt(e) === "object";
+}, Gt = function(e) {
+	return Z(e) && typeof e.then == "function";
+}, Kt = function(e) {
+	return Z(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
+}, qt = "[object Object]", Jt = 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) === qt;
+	if (i !== (Object.prototype.toString.call(n) === qt)) 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]);
+	});
+}, Yt = function(e, t, n) {
+	return Z(e) ? Object.keys(e).reduce(function(r, i) {
+		var a = !Z(t) || !Jt(e[i], t[i]);
+		return n.includes(i) ? (a && console.warn(`Unsupported prop change: options.${i} is not a mutable property.`), r) : a ? Nt(Nt({}, r || {}), {}, Ft({}, i, e[i])) : r;
+	}, null) : null;
+}, Xt = "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.", Zt = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Xt;
+	if (e === null || Kt(e)) return e;
+	throw Error(t);
+}, Qt = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Xt;
+	if (Gt(e)) return {
+		tag: "async",
+		stripePromise: Promise.resolve(e).then(function(e) {
+			return Zt(e, t);
+		})
+	};
+	var n = Zt(e, t);
+	return n === null ? { tag: "empty" } : {
+		tag: "sync",
+		stripe: n
+	};
+}, $t = 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"
+	}));
+}, en = /* @__PURE__ */ e.createContext(null);
+en.displayName = "ElementsContext";
+var tn = 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;
+}, nn = function(t) {
+	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
+		return Qt(n);
+	}, [n]), o = Rt(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 = Wt(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 = Wt(r);
+	return e.useEffect(function() {
+		if (s.elements) {
+			var e = Yt(r, u, ["clientSecret", "fonts"]);
+			e && s.elements.update(e);
+		}
+	}, [
+		r,
+		u,
+		s.elements
+	]), e.useEffect(function() {
+		$t(s.stripe);
+	}, [s.stripe]), /* @__PURE__ */ e.createElement(en.Provider, { value: s }, i);
+};
+nn.propTypes = {
+	stripe: Y.default.any,
+	options: Y.default.object
+};
+var rn = function(t) {
+	return tn(e.useContext(en), t);
+}, an = function(e) {
+	var t = e.children;
+	return t(rn("mounts <ElementsConsumer>"));
+};
+an.propTypes = { children: Y.default.func.isRequired };
+var on = /* @__PURE__ */ e.createContext(null);
+on.displayName = "CheckoutContext";
+var sn = function(t) {
+	var n = e.useContext(on), r = e.useContext(en);
+	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 tn(r, t);
+}, cn = ["mode"], ln = function(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}, Q = function(t, n, r) {
+	var i = `${ln(t)}Element`, a = n ? function(t) {
+		sn(`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 = sn(`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 = Rt(e.useState(null), 2), k = O[0], A = O[1], j = e.useRef(null), M = e.useRef(null);
+		X(k, "blur", c), X(k, "focus", l), X(k, "escape", f), X(k, "click", p), X(k, "loaderror", m), X(k, "loaderstart", h), X(k, "networkschange", g), X(k, "confirm", _), X(k, "cancel", v), X(k, "shippingaddresschange", y), X(k, "shippingratechange", b), X(k, "savedpaymentmethodremove", x), X(k, "savedpaymentmethodupdate", S), X(k, "availablepaymentmethodschange", C), X(k, "change", d);
+		var N;
+		u && (N = t === "expressCheckout" ? u : function() {
+			u(k);
+		}), X(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 = Lt(s, cn);
+								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 = Wt(s);
+		return e.useEffect(function() {
+			if (j.current) {
+				var e = Yt(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: Y.default.string,
+		className: Y.default.string,
+		onChange: Y.default.func,
+		onBlur: Y.default.func,
+		onFocus: Y.default.func,
+		onReady: Y.default.func,
+		onEscape: Y.default.func,
+		onClick: Y.default.func,
+		onLoadError: Y.default.func,
+		onLoaderStart: Y.default.func,
+		onNetworksChange: Y.default.func,
+		onConfirm: Y.default.func,
+		onCancel: Y.default.func,
+		onShippingAddressChange: Y.default.func,
+		onShippingRateChange: Y.default.func,
+		onSavedPaymentMethodRemove: Y.default.func,
+		onSavedPaymentMethodUpdate: Y.default.func,
+		onAvailablePaymentMethodsChange: Y.default.func,
+		options: Y.default.object
+	}, a.displayName = i, a.__elementType = t, a;
+}, $ = typeof window > "u", un = /* @__PURE__ */ e.createContext(null);
+un.displayName = "EmbeddedCheckoutProviderContext";
+var dn = function() {
+	var t = e.useContext(un);
+	if (!t) throw Error("<EmbeddedCheckout> must be used within <EmbeddedCheckoutProvider>");
+	return t;
+}, fn = "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.", pn = function(t) {
+	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
+		return Qt(n, fn);
+	}, [n]), o = e.useRef(null), s = e.useRef(null), c = Rt(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() {
+		$t(s);
+	}, [s]);
+	var d = Wt(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 = Wt(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(un.Provider, { value: l }, i);
+}, mn = $ ? function(t) {
+	var n = t.id, r = t.className;
+	return dn(), /* @__PURE__ */ e.createElement("div", {
+		id: n,
+		className: r
+	});
+} : function(t) {
+	var n = t.id, r = t.className, i = dn().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 hn(e) {
+	"@babel/helpers - typeof";
+	return hn = 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;
+	}, hn(e);
+}
+var gn = "dahlia", _n = function(e) {
+	return e === 3 ? "v3" : e;
+}, vn = "https://js.stripe.com", yn = `${vn}/${gn}/stripe.js`, bn = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, xn = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/, Sn = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Cn = function(e) {
+	return bn.test(e) || xn.test(e);
+}, wn = function() {
+	for (var e = document.querySelectorAll(`script[src^="${vn}"]`), t = 0; t < e.length; t++) {
+		var n = e[t];
+		if (Cn(n.src)) return n;
+	}
+	return null;
+}, Tn = function(e) {
+	var t = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", n = document.createElement("script");
+	n.src = `${yn}${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;
+}, En = function(e, t) {
+	!e || !e._registerWrapper || e._registerWrapper({
+		name: "stripe-js",
+		version: "9.6.0",
+		startTime: t
+	});
+}, Dn = null, On = null, kn = null, An = function(e) {
+	return function(t) {
+		e(Error("Failed to load Stripe.js", { cause: t }));
+	};
+}, jn = function(e, t) {
+	return function() {
+		window.Stripe ? e(window.Stripe) : t(/* @__PURE__ */ Error("Stripe.js not available"));
+	};
+}, Mn = function(e) {
+	return Dn === null ? (Dn = new Promise(function(t, n) {
+		if (typeof window > "u" || typeof document > "u") {
+			t(null);
+			return;
+		}
+		if (window.Stripe && e && console.warn(Sn), window.Stripe) {
+			t(window.Stripe);
+			return;
+		}
+		try {
+			var r = wn();
+			if (r && e) console.warn(Sn);
+			else if (!r) r = Tn(e);
+			else if (r && kn !== null && On !== null) {
+				var i;
+				r.removeEventListener("load", kn), r.removeEventListener("error", On), (i = r.parentNode) == null || i.removeChild(r), r = Tn(e);
+			}
+			kn = jn(t, n), On = An(n), r.addEventListener("load", kn), r.addEventListener("error", On);
+		} catch (e) {
+			n(e);
+			return;
+		}
+	}), Dn.catch(function(e) {
+		return Dn = null, Promise.reject(e);
+	})) : Dn;
+}, Nn = 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 ${hn(r)} instead.`);
+	var i = r.match(/^pk_test/), a = _n(e.version), o = gn;
+	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 En(s, n), s;
+}, Pn, Fn = !1, In = function() {
+	return Pn || (Pn = Mn(null).catch(function(e) {
+		return Pn = null, Promise.reject(e);
+	}), Pn);
+};
+Promise.resolve().then(function() {
+	return In();
+}).catch(function(e) {
+	Fn || console.warn(e);
+});
+var Ln = function() {
+	var e = [...arguments];
+	Fn = !0;
+	var t = Date.now();
+	return In().then(function(n) {
+		return Nn(n, e, t);
+	});
+};
+//#endregion
+//#region src/header/components/StripePaymentModal.tsx
+function Rn({ visible: e, publishableKey: s, order: c, text: l, onCancel: u, onSuccess: d }) {
+	let f = r(() => s ? Ln(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(pn, {
+			stripe: f,
+			options: y,
+			children: /* @__PURE__ */ L(mn, { 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 zn({ 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(yt, {
 					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 +2298,322 @@ 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 Bn = "https://mantur.ai/images/logo.png", Vn = [
 	"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 Hn(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 ${Vn[e % Vn.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
 }
-function Qe(e) {
+function Un(e) {
 	return e?.tenantName?.[0]?.toUpperCase() || "T";
 }
-function $(e, t, n) {
+function Wn(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 Gn(e) {
+	return e?.paymentUrl || e?.checkoutUrl || e?.url || e?.returnUrl;
+}
+function Kn(e) {
+	return e?.clientSecret || e?.stripeClientSecret;
+}
+function qn(e) {
+	return e || (typeof window > "u" ? "popup=yes,width=1440,height=960,left=0,top=0" : `popup=yes,width=${window.screen?.availWidth || window.innerWidth || 1440},height=${window.screen?.availHeight || window.innerHeight || 960},left=0,top=0`);
+}
+function Jn({ user: e, disabled: o = !1, brandSlot: s, children: c, onTenantContextChange: l, stripePublishableKey: u, stripePaymentWindowFeatures: d }) {
+	let [p, m] = a(() => Ve()), h = He(p), [v, y] = a(!1), [b, x] = a(!1), [S, C] = a(!1), [w, T] = a(e), [E, D] = a([]), [k, A] = a(), [j, M] = a(!1), [N, P] = a(!1), [F, I] = a(!1), [ee, te] = a([]), [ne, z] = a(), re = i(l), B = i(null), ie = u || (typeof window < "u" ? window.__MANTUR_COMPONENTS_STRIPE_PUBLISHABLE_KEY__ : void 0) || "pk_test_51TJ8JiERSsQknDG7bJSIX81RFq3LcCfUXCV7mh0cQsZ2dwmYcJ5Ki6bPXynNvdyZEEBE83I6I719NIFyO9Qreey700yPAul8sv", [V, H] = 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;
+	}), U = k?.tenantId || "", W = o, ae = {
+		total: V.total ?? 0,
+		recharge: V.recharge ?? 0,
+		gifted: V.gifted ?? 0
+	}, oe = async (e) => {
+		let t = await ge(e);
+		return t && T(t), t;
 	};
-	t(() => {
-		C(a);
-	}, [a]), t(() => {
-		j.current = l;
+	n(() => {
+		T(e);
+	}, [e]), n(() => {
+		re.current = l;
 	}, [l]);
-	let B = e((e) => {
-		E(e.tenants), O(e.currentTenant), j.current?.(e);
+	let G = t((e) => {
+		D(e.tenants), A(e.currentTenant), re.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(() => {
+		M(!0), je().then(G).catch((e) => {
+			console.warn("Failed to refresh Mantur tenant context.", e), _.error(h.error);
+		}).finally(() => M(!1));
+	}, [G, h.error]), n(() => {
 		let e = (e) => {
-			e instanceof CustomEvent && N(e.detail);
+			e instanceof CustomEvent && H(e.detail);
 		};
-		return window.addEventListener(U, e), me().catch((e) => {
+		return window.addEventListener(se, e), q().catch((e) => {
 			console.warn("Failed to refresh Mantur user points.", e);
 		}), () => {
-			window.removeEventListener(U, e);
+			window.removeEventListener(se, e);
 		};
-	}, []), t(() => {
+	}, []), n(() => {
 		let e = (e) => {
-			f(e instanceof CustomEvent ? Y(e.detail) : X());
+			m(e instanceof CustomEvent ? J(e.detail) : Ve());
 		};
-		return window.addEventListener(J, e), window.addEventListener("storage", e), () => {
-			window.removeEventListener(J, e), window.removeEventListener("storage", e);
+		return window.addEventListener(ze, e), window.addEventListener("storage", e), () => {
+			window.removeEventListener(ze, 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(() => {
+		let e = (e) => {
+			e.origin === window.location.origin && (B.current && e.source !== B.current || et(e.data) && (B.current?.close(), B.current = null, z(void 0), e.data.action === "success" && _.success(h.rechargeSuccess), q().catch((e) => {
+				console.warn("Failed to refresh Mantur user points.", e);
+			})));
+		};
+		return window.addEventListener("message", e), () => {
+			window.removeEventListener("message", e);
+		};
+	}, [h.rechargeSuccess]), n(() => {
+		b && (P(!0), ye().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 && te(t);
+		}).catch((e) => {
+			console.warn("Failed to load Mantur recharge packages.", e);
+		}).finally(() => P(!1)));
+	}, [b]);
+	let le = (e) => {
+		_.success(e);
+	}, ue = (e, t) => {
+		console.error(t), _.error(e);
+	}, de = t(async (e) => {
+		if (!W && e !== U) try {
+			M(!0), G(await Me(e)), le(h.switchedToTeam);
 		} catch (e) {
-			ee(p.error, e);
+			ue(h.error, e);
 		} finally {
-			A(!1);
+			M(!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,
+		U,
+		W,
+		h.error,
+		h.switchedToTeam
+	]), fe = async (e) => {
+		try {
+			I(!0);
+			let t = await be({ ..."custom" in e && e.custom ? { customAmount: e.price } : { packageId: e.id } });
+			if (!t) {
+				_.error(h.stripePaymentClientSecretMissing);
+				return;
+			}
+			typeof window < "u" && window.dispatchEvent(new CustomEvent(ce, { detail: t })), _.success(h.rechargeOrderCreated), x(!1);
+			let n = Gn(t);
+			if (Kn(t)) {
+				let e = it(t);
+				if (e) {
+					let t = window.open(e, "mantur-stripe-payment", qn(d));
+					if (t) {
+						B.current = t, t.focus();
+						return;
+					}
+					window.location.href = e;
+					return;
+				}
+				z(t);
+				return;
+			}
+			if (n) {
+				window.location.href = n;
+				return;
+			}
+			_.error(h.stripePaymentClientSecretMissing);
+		} catch (e) {
+			ue(h.error, e);
+		} finally {
+			I(!1);
+		}
+	}, pe = 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: U ? [U] : [],
+		onClickMenuItem: de,
+		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: h.switchTeam
+		}), E.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: Hn(t),
+					children: Un(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: Wn(e, h.owner, h.member)
 					})]
 				})]
 			})
 		}, e.tenantId))]
 	}), [
-		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", {
+		de,
+		U,
+		E,
+		h
+	]), me = /* @__PURE__ */ L(zn, {
+		user: w,
+		points: ae,
+		text: h,
+		onEditProfile: () => y(!0),
+		onRecharge: () => x(!0),
+		onPointsDetail: () => C(!0),
+		onLogout: he
+	}), K = Math.max(0, E.findIndex((e) => e.tenantId === k?.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: Bn,
 							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: h.title
 					})]
-				}), /* @__PURE__ */ F(u, {
-					droplist: ne,
+				}), /* @__PURE__ */ L(f, {
+					droplist: pe,
 					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: W,
+					children: /* @__PURE__ */ R("div", {
+						"aria-disabled": W,
+						className: `flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${W ? "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: Hn(K, !0),
+								children: Un(k)
 							}),
-							/* @__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: j ? h.loading : k?.tenantName || h.loading
+								}), /* @__PURE__ */ L("span", {
 									className: "mt-1 text-[10px] leading-none text-arco-text-3",
-									children: $(D, p.owner, p.member)
+									children: Wn(k, h.owner, h.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(qe, {}), /* @__PURE__ */ L(Ke, {})]
+				}), /* @__PURE__ */ L(f, {
+					droplist: me,
 					trigger: "click",
 					position: "br",
 					onVisibleChange: (e) => {
-						e && me().catch((e) => {
+						e && q().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(yt, {
+									user: w,
 									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: w?.nickname || w?.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__ */ F(qe, {
+			/* @__PURE__ */ L(_t, {
 				visible: v,
-				user: S,
-				points: R,
-				text: p,
+				user: w,
+				labels: h,
 				onCancel: () => y(!1),
-				onPay: te
+				onSubmit: oe
 			}),
-			/* @__PURE__ */ F(ze, {
+			/* @__PURE__ */ L(St, {
 				visible: b,
-				points: R,
-				text: p,
+				user: w,
+				points: ae,
+				text: h,
+				packages: ee,
+				packageLoading: N,
+				submitting: F,
 				onCancel: () => x(!1),
-				onRecharge: () => y(!0)
+				onPay: fe
+			}),
+			/* @__PURE__ */ L(dt, {
+				visible: S,
+				points: ae,
+				text: h,
+				onCancel: () => C(!1),
+				onRecharge: () => x(!0)
+			}),
+			/* @__PURE__ */ L(Rn, {
+				visible: !!ne,
+				publishableKey: ie,
+				order: ne,
+				text: h,
+				onCancel: () => z(void 0),
+				onSuccess: () => {
+					_.success(h.rechargeSuccess), z(void 0), q().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 Yn = /* @__PURE__ */ W((/* @__PURE__ */ H(((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 +2908,10 @@ 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 Xn(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);
-}
-//#endregion
-//#region src/utils/url.ts
-var nt = () => {
-	if (typeof window > "u" || !window.location?.href) throw Error("redirectToManturMain requires currentUrl when window.location is unavailable.");
-	return window.location.href;
-}, rt = (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);
-	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;
+	let r = (n ? J(n) : Ve()).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, Yn.default)(e).format(i);
 }
 //#endregion
-export { $e as ManturHeader, tt as formatDateByLang, at as redirectToManturMain };
+export { se as MANTUR_POINTS_REFRESH_EVENT, ce as MANTUR_RECHARGE_ORDER_CREATED_EVENT, $e as MANTUR_STRIPE_PAYMENT_ROUTE, Qe as MANTUR_STRIPE_PAYMENT_WINDOW_MESSAGE_TYPE, G as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, Jn as ManturHeader, be as createManturRechargeOrder, Xn as formatDateByLang, we as getManturBillingAccount, Te as getManturBillingLedger, ye as getManturBillingPackages, Ce as getManturPricingChargePoint, Se as getManturPricingChargePoints, xe as getManturRechargeOrder, et as isManturStripePaymentWindowMessage, tt as postManturStripePaymentWindowMessage, Ze as redirectToManturMain, je as refreshManturTenantContext, q as refreshManturUserPoints, it as resolveManturStripePaymentPageUrl };