mantur-components 0.1.13-beta.2 → 0.1.13

package/dist/mantur-components.js

@@ -1,31 +1,31 @@
 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, Descriptions as d, Divider as f, Dropdown as p, Form as m, Grid as h, Input as g, Menu as _, Message as v, Modal as y, Pagination as b, Select as x, Spin as S, Table as C, Tabs as w, Tag as T, Tooltip as E, Typography as D, Upload as O } from "@arco-design/web-react";
-import { IconCheckCircleFill as k, IconDown as A, IconEdit as j, IconFile as M, IconLanguage as N, IconMoonFill as P, IconPlus as F, IconPoweroff as I, IconSunFill as L, IconUpload as R } from "@arco-design/web-react/icon";
-import { useTranslation as z } from "react-i18next";
-import { jsx as B, jsxs as V } from "react/jsx-runtime";
-import { useTheme as ee } from "next-themes";
+import { IconCheckCircleFill as k, IconDown as A, IconEdit as j, IconLanguage as M, IconMoonFill as N, IconPlus as P, IconPoweroff as F, IconSunFill as I, IconUpload as L } from "@arco-design/web-react/icon";
+import { useTranslation as R } from "react-i18next";
+import { jsx as z, jsxs as B } from "react/jsx-runtime";
+import { useTheme as V } from "next-themes";
 //#region \0rolldown/runtime.js
-var te = Object.create, H = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, re = Object.getOwnPropertyNames, ie = Object.getPrototypeOf, ae = Object.prototype.hasOwnProperty, U = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), W = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = re(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ae.call(e, s) && s !== n && H(e, s, {
+var ee = Object.create, te = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, re = Object.getOwnPropertyNames, ie = Object.getPrototypeOf, ae = Object.prototype.hasOwnProperty, H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), oe = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = re(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ae.call(e, s) && s !== n && te(e, s, {
 		get: ((e) => t[e]).bind(null, s),
 		enumerable: !(r = ne(t, s)) || r.enumerable
 	});
 	return e;
-}, G = (e, t, n) => (n = e == null ? {} : te(ie(e)), W(t || !e || !e.__esModule ? H(n, "default", {
+}, U = (e, t, n) => (n = e == null ? {} : ee(ie(e)), oe(t || !e || !e.__esModule ? te(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), K = () => {
+}) : n, e)), W = () => {
 	if (typeof window > "u" || !window.location?.href) throw Error("redirectToManturMain requires currentUrl when window.location is unavailable.");
 	return window.location.href;
-}, oe = (e, t) => {
+}, G = (e, t) => {
 	let n = e.split(".");
 	return n.length <= 1 ? t : [t, ...n.slice(1)].join(".");
-}, q = (e) => `${e.pathname}${e.search}${e.hash}`, se = new Set([
+}, se = (e) => `${e.pathname}${e.search}${e.hash}`, K = new Set([
 	"localhost",
 	"127.0.0.1",
 	"::1",
 	"[::1]"
-]), ce = (e) => se.has(e), le = (e) => e.startsWith("[") && e.endsWith("]") ? e : e.includes(":") ? `[${e}]` : e, ue = {
+]), ce = (e) => K.has(e), le = (e) => e.startsWith("[") && e.endsWith("]") ? e : e.includes(":") ? `[${e}]` : e, ue = {
 	82: "creative-agent",
 	83: "production-agent",
 	81: "traffic-engine",
@@ -35,7 +35,7 @@ function de(e) {
 	let t = {
 		BASE_URL: "/",
 		DEV: !1,
-		MODE: "test",
+		MODE: "pro",
 		PROD: !0,
 		SSR: !1,
 		VITE_MANTUR_STRIPE_PUBLISHABLE_KEY: "pk_test_51TJ8JiERSsQknDG7bJSIX81RFq3LcCfUXCV7mh0cQsZ2dwmYcJ5Ki6bPXynNvdyZEEBE83I6I719NIFyO9Qreey700yPAul8sv"
@@ -46,26 +46,26 @@ function fe(e) {
 	return (typeof window > "u" ? de("VITE_APP_NAME") : window.__MANTUR_APP_NAME__ || de("VITE_APP_NAME"))?.trim() || ue[e.port] || "mantur";
 }
 function pe(e = {}) {
-	let t = new URL(e.currentUrl || (typeof window > "u" ? "http://localhost/" : K()));
+	let t = new URL(e.currentUrl || (typeof window > "u" ? "http://localhost/" : W()));
 	return {
 		app: fe(t),
-		redirect: q(t)
+		redirect: se(t)
 	};
 }
 function me(e, t = {}) {
-	let n = new URL(t.currentUrl || K()), r = e?.trim();
+	let n = new URL(t.currentUrl || W()), r = e?.trim();
 	if (ce(n.hostname)) return `${n.protocol}//${le(n.hostname)}:80/`;
 	let i = new URL(n.toString());
-	return r && (i.hostname = oe(n.hostname, r)), i.port = "", i.pathname = "/", i.search = "", i.hash = "", i.toString();
+	return r && (i.hostname = G(n.hostname, r)), i.port = "", i.pathname = "/", i.search = "", i.hash = "", i.toString();
 }
 function he(e, t = {}) {
 	let n = me(e, t);
 	return t.navigate !== !1 && typeof window < "u" && (window.location.href = n), n;
 }
 function ge(e, t, n = {}) {
-	let r = new URL(n.currentUrl || K()), i = new URL(r.toString()), a = e?.trim();
-	a && (i.hostname = oe(r.hostname, a)), i.port = "";
-	let o = q(r);
+	let r = new URL(n.currentUrl || W()), i = new URL(r.toString()), a = e?.trim();
+	a && (i.hostname = G(r.hostname, a)), i.port = "";
+	let o = se(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;
@@ -111,7 +111,7 @@ function De(e) {
 	if (t.code !== 0) throw Error(t.message || "Request failed");
 	return t;
 }
-async function J(e, t = {}) {
+async function q(e, t = {}) {
 	let n = Te("front-token"), r = Te("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();
@@ -133,7 +133,7 @@ async function J(e, t = {}) {
 }
 async function Oe() {
 	try {
-		await J("/auth/front-logout", { method: "DELETE" });
+		await q("/auth/front-logout", { method: "DELETE" });
 	} catch (e) {
 		console.warn("Logout request failed, continuing local logout.", e);
 	} finally {
@@ -144,12 +144,12 @@ async function ke(e) {
 	let t;
 	if (e.avatarFile) {
 		let n = new FormData();
-		n.append("file", e.avatarFile), t = (await J("/users/me/avatar", {
+		n.append("file", e.avatarFile), t = (await q("/users/me/avatar", {
 			method: "POST",
 			body: n
 		})).data;
 	}
-	return (await J("/users/me", {
+	return (await q("/users/me", {
 		method: "PUT",
 		headers: { "Content-Type": "application/json;charset=utf-8" },
 		body: JSON.stringify({ nickname: e.nickname })
@@ -167,18 +167,18 @@ function Ae(e) {
 	};
 }
 async function je() {
-	return Ae((await J(Ce())).data);
+	return Ae((await q(Ce())).data);
 }
 async function Me() {
 	let e = await je();
 	return typeof window < "u" && window.dispatchEvent(new CustomEvent(ye, { detail: e })), e;
 }
 async function Ne() {
-	return (await J("/billing/packages")).data || [];
+	return (await q("/billing/packages")).data || [];
 }
 async function Pe(e) {
 	let t = pe();
-	return (await J("/billing/recharge/orders", {
+	return (await q("/billing/recharge/orders", {
 		method: "POST",
 		headers: { "Content-Type": "application/json;charset=utf-8" },
 		body: JSON.stringify({
@@ -189,22 +189,22 @@ async function Pe(e) {
 	})).data;
 }
 async function Fe(e) {
-	return (await J(`/billing/recharge/orders/${encodeURIComponent(e)}`)).data;
+	return (await q(`/billing/recharge/orders/${encodeURIComponent(e)}`)).data;
 }
 async function Ie(e) {
-	return (await J(`/billing/recharge/orders/${encodeURIComponent(e)}/cancel`, { method: "POST" })).data;
+	return (await q(`/billing/recharge/orders/${encodeURIComponent(e)}/cancel`, { method: "POST" })).data;
 }
 async function Le() {
-	return (await J("/billing/pricing/charge-points")).data || [];
+	return (await q("/billing/pricing/charge-points")).data || [];
 }
 async function Re(e) {
-	return (await J(`/billing/pricing/charge-points/${encodeURIComponent(e)}`)).data;
+	return (await q(`/billing/pricing/charge-points/${encodeURIComponent(e)}`)).data;
 }
 async function ze() {
-	return (await J("/billing/accounts/me")).data;
+	return (await q("/billing/accounts/me")).data;
 }
 async function Be(e) {
-	return (await J(`/billing/accounts/me/ledger${we({
+	return (await q(`/billing/accounts/me/ledger${we({
 		pageNum: e.pageNum,
 		pageSize: e.pageSize,
 		directions: e.directions,
@@ -227,13 +227,13 @@ function He(e) {
 	typeof window < "u" && (window.__MANTUR_COMPONENTS_TENANT_CONTEXT__ = e, window.dispatchEvent(new CustomEvent(xe, { detail: e })));
 }
 async function Ue() {
-	return (await J("/users/me/tenants")).data || [];
+	return (await q("/users/me/tenants")).data || [];
 }
 async function We() {
-	return (await J("/auth/current-tenant")).data;
+	return (await q("/auth/current-tenant")).data;
 }
 async function Ge(e) {
-	return (await J(`/auth/current-tenant/${e}`, { method: "PUT" })).data;
+	return (await q(`/auth/current-tenant/${e}`, { method: "PUT" })).data;
 }
 async function Ke(e = "refresh") {
 	let [t, n] = await Promise.all([Ue(), We()]), r = {
@@ -421,14 +421,14 @@ var Je = {
 		...Ye
 	}
 };
-function Y(e) {
+function J(e) {
 	return e?.toLowerCase().startsWith("en") ? "en-US" : "zh-CN";
 }
 function nt() {
-	return typeof window > "u" ? "zh-CN" : Y(window.localStorage.getItem("i18nextLng") || document.documentElement.lang || navigator.language);
+	return typeof window > "u" ? "zh-CN" : J(window.localStorage.getItem("i18nextLng") || document.documentElement.lang || navigator.language);
 }
 function rt(e) {
-	return tt[Y(e)];
+	return tt[J(e)];
 }
 //#endregion
 //#region src/lang-switch/LangSwitch.tsx
@@ -437,88 +437,390 @@ function ot(e, t) {
 	document.cookie = `${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/`;
 }
 function st() {
-	let { i18n: e } = z(), [t, r] = a(() => nt()), i = rt(t);
+	let { i18n: e } = R(), [t, r] = a(() => nt()), i = rt(t);
 	return n(() => {
-		r(Y(e.language));
-	}, [e.language]), /* @__PURE__ */ B(p, {
-		droplist: /* @__PURE__ */ V(_, {
+		r(J(e.language));
+	}, [e.language]), /* @__PURE__ */ z(p, {
+		droplist: /* @__PURE__ */ B(_, {
 			selectedKeys: [t],
 			onClickMenuItem: (t) => {
-				let n = Y(t);
+				let n = J(t);
 				localStorage.setItem(it, t), localStorage.setItem(at, "manual"), r(n), e.changeLanguage(t), ot("Accept-Language", t), window.dispatchEvent(new CustomEvent(et, { detail: n })), window.location.reload();
 			},
-			children: [/* @__PURE__ */ B(_.Item, { children: i.languageZh }, "zh-CN"), /* @__PURE__ */ B(_.Item, { children: i.languageEn }, "en-US")]
+			children: [/* @__PURE__ */ z(_.Item, { children: i.languageZh }, "zh-CN"), /* @__PURE__ */ z(_.Item, { children: i.languageEn }, "en-US")]
 		}),
 		trigger: "click",
 		position: "br",
-		children: /* @__PURE__ */ B(c, {
+		children: /* @__PURE__ */ z(c, {
 			shape: "circle",
-			icon: /* @__PURE__ */ B(N, {})
+			icon: /* @__PURE__ */ z(M, {})
 		})
 	});
 }
 //#endregion
 //#region src/theme-switch/ThemeSwitch.tsx
 function ct() {
-	let { resolvedTheme: e, setTheme: t } = ee();
-	return /* @__PURE__ */ B(c, {
+	let { resolvedTheme: e, setTheme: t } = V();
+	return /* @__PURE__ */ z(c, {
 		shape: "circle",
-		icon: B(e === "light" ? P : L, {}),
+		icon: z(e === "light" ? N : I, {}),
 		onClick: () => {
 			t(e === "light" ? "dark" : "light");
 		}
 	});
 }
 //#endregion
+//#region src/utils/date.ts
+var lt = /* @__PURE__ */ U((/* @__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() {
+		var e = 1e3, t = 6e4, n = 36e5, r = "millisecond", i = "second", a = "minute", o = "hour", s = "day", c = "week", l = "month", u = "quarter", d = "year", f = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, h = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = {
+			name: "en",
+			weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+			months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+			ordinal: function(e) {
+				var t = [
+					"th",
+					"st",
+					"nd",
+					"rd"
+				], n = e % 100;
+				return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
+			}
+		}, _ = function(e, t, n) {
+			var r = String(e);
+			return !r || r.length >= t ? e : "" + Array(t + 1 - r.length).join(n) + e;
+		}, v = {
+			s: _,
+			z: function(e) {
+				var t = -e.utcOffset(), n = Math.abs(t), r = Math.floor(n / 60), i = n % 60;
+				return (t <= 0 ? "+" : "-") + _(r, 2, "0") + ":" + _(i, 2, "0");
+			},
+			m: function e(t, n) {
+				if (t.date() < n.date()) return -e(n, t);
+				var r = 12 * (n.year() - t.year()) + (n.month() - t.month()), i = t.clone().add(r, l), a = n - i < 0, o = t.clone().add(r + (a ? -1 : 1), l);
+				return +(-(r + (n - i) / (a ? i - o : o - i)) || 0);
+			},
+			a: function(e) {
+				return e < 0 ? Math.ceil(e) || 0 : Math.floor(e);
+			},
+			p: function(e) {
+				return {
+					M: l,
+					y: d,
+					w: c,
+					d: s,
+					D: f,
+					h: o,
+					m: a,
+					s: i,
+					ms: r,
+					Q: u
+				}[e] || String(e || "").toLowerCase().replace(/s$/, "");
+			},
+			u: function(e) {
+				return e === void 0;
+			}
+		}, y = "en", b = {};
+		b[y] = g;
+		var x = "$isDayjsObject", S = function(e) {
+			return e instanceof E || !(!e || !e[x]);
+		}, C = function e(t, n, r) {
+			var i;
+			if (!t) return y;
+			if (typeof t == "string") {
+				var a = t.toLowerCase();
+				b[a] && (i = a), n && (b[a] = n, i = a);
+				var o = t.split("-");
+				if (!i && o.length > 1) return e(o[0]);
+			} else {
+				var s = t.name;
+				b[s] = t, i = s;
+			}
+			return !r && i && (y = i), i || !r && y;
+		}, w = function(e, t) {
+			if (S(e)) return e.clone();
+			var n = typeof t == "object" ? t : {};
+			return n.date = e, n.args = arguments, new E(n);
+		}, T = v;
+		T.l = C, T.i = S, T.w = function(e, t) {
+			return w(e, {
+				locale: t.$L,
+				utc: t.$u,
+				x: t.$x,
+				$offset: t.$offset
+			});
+		};
+		var E = function() {
+			function g(e) {
+				this.$L = C(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[x] = !0;
+			}
+			var _ = g.prototype;
+			return _.parse = function(e) {
+				this.$d = function(e) {
+					var t = e.date, n = e.utc;
+					if (t === null) return /* @__PURE__ */ new Date(NaN);
+					if (T.u(t)) return /* @__PURE__ */ new Date();
+					if (t instanceof Date) return new Date(t);
+					if (typeof t == "string" && !/Z$/i.test(t)) {
+						var r = t.match(m);
+						if (r) {
+							var i = r[2] - 1 || 0, a = (r[7] || "0").substring(0, 3);
+							return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a);
+						}
+					}
+					return new Date(t);
+				}(e), this.init();
+			}, _.init = function() {
+				var e = this.$d;
+				this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
+			}, _.$utils = function() {
+				return T;
+			}, _.isValid = function() {
+				return this.$d.toString() !== p;
+			}, _.isSame = function(e, t) {
+				var n = w(e);
+				return this.startOf(t) <= n && n <= this.endOf(t);
+			}, _.isAfter = function(e, t) {
+				return w(e) < this.startOf(t);
+			}, _.isBefore = function(e, t) {
+				return this.endOf(t) < w(e);
+			}, _.$g = function(e, t, n) {
+				return T.u(e) ? this[t] : this.set(n, e);
+			}, _.unix = function() {
+				return Math.floor(this.valueOf() / 1e3);
+			}, _.valueOf = function() {
+				return this.$d.getTime();
+			}, _.startOf = function(e, t) {
+				var n = this, r = !!T.u(t) || t, u = T.p(e), p = function(e, t) {
+					var i = T.w(n.$u ? Date.UTC(n.$y, t, e) : new Date(n.$y, t, e), n);
+					return r ? i : i.endOf(s);
+				}, m = function(e, t) {
+					return T.w(n.toDate()[e].apply(n.toDate("s"), (r ? [
+						0,
+						0,
+						0,
+						0
+					] : [
+						23,
+						59,
+						59,
+						999
+					]).slice(t)), n);
+				}, h = this.$W, g = this.$M, _ = this.$D, v = "set" + (this.$u ? "UTC" : "");
+				switch (u) {
+					case d: return r ? p(1, 0) : p(31, 11);
+					case l: return r ? p(1, g) : p(0, g + 1);
+					case c:
+						var y = this.$locale().weekStart || 0, b = (h < y ? h + 7 : h) - y;
+						return p(r ? _ - b : _ + (6 - b), g);
+					case s:
+					case f: return m(v + "Hours", 0);
+					case o: return m(v + "Minutes", 1);
+					case a: return m(v + "Seconds", 2);
+					case i: return m(v + "Milliseconds", 3);
+					default: return this.clone();
+				}
+			}, _.endOf = function(e) {
+				return this.startOf(e, !1);
+			}, _.$set = function(e, t) {
+				var n, c = T.p(e), u = "set" + (this.$u ? "UTC" : ""), p = (n = {}, n[s] = u + "Date", n[f] = u + "Date", n[l] = u + "Month", n[d] = u + "FullYear", n[o] = u + "Hours", n[a] = u + "Minutes", n[i] = u + "Seconds", n[r] = u + "Milliseconds", n)[c], m = c === s ? this.$D + (t - this.$W) : t;
+				if (c === l || c === d) {
+					var h = this.clone().set(f, 1);
+					h.$d[p](m), h.init(), this.$d = h.set(f, Math.min(this.$D, h.daysInMonth())).$d;
+				} else p && this.$d[p](m);
+				return this.init(), this;
+			}, _.set = function(e, t) {
+				return this.clone().$set(e, t);
+			}, _.get = function(e) {
+				return this[T.p(e)]();
+			}, _.add = function(r, u) {
+				var f, p = this;
+				r = Number(r);
+				var m = T.p(u), h = function(e) {
+					var t = w(p);
+					return T.w(t.date(t.date() + Math.round(e * r)), p);
+				};
+				if (m === l) return this.set(l, this.$M + r);
+				if (m === d) return this.set(d, this.$y + r);
+				if (m === s) return h(1);
+				if (m === c) return h(7);
+				var g = (f = {}, f[a] = t, f[o] = n, f[i] = e, f)[m] || 1, _ = this.$d.getTime() + r * g;
+				return T.w(_, this);
+			}, _.subtract = function(e, t) {
+				return this.add(-1 * e, t);
+			}, _.format = function(e) {
+				var t = this, n = this.$locale();
+				if (!this.isValid()) return n.invalidDate || p;
+				var r = e || "YYYY-MM-DDTHH:mm:ssZ", i = T.z(this), a = this.$H, o = this.$m, s = this.$M, c = n.weekdays, l = n.months, u = n.meridiem, d = function(e, n, i, a) {
+					return e && (e[n] || e(t, r)) || i[n].slice(0, a);
+				}, f = function(e) {
+					return T.s(a % 12 || 12, e, "0");
+				}, m = u || function(e, t, n) {
+					var r = e < 12 ? "AM" : "PM";
+					return n ? r.toLowerCase() : r;
+				};
+				return r.replace(h, (function(e, r) {
+					return r || function(e) {
+						switch (e) {
+							case "YY": return String(t.$y).slice(-2);
+							case "YYYY": return T.s(t.$y, 4, "0");
+							case "M": return s + 1;
+							case "MM": return T.s(s + 1, 2, "0");
+							case "MMM": return d(n.monthsShort, s, l, 3);
+							case "MMMM": return d(l, s);
+							case "D": return t.$D;
+							case "DD": return T.s(t.$D, 2, "0");
+							case "d": return String(t.$W);
+							case "dd": return d(n.weekdaysMin, t.$W, c, 2);
+							case "ddd": return d(n.weekdaysShort, t.$W, c, 3);
+							case "dddd": return c[t.$W];
+							case "H": return String(a);
+							case "HH": return T.s(a, 2, "0");
+							case "h": return f(1);
+							case "hh": return f(2);
+							case "a": return m(a, o, !0);
+							case "A": return m(a, o, !1);
+							case "m": return String(o);
+							case "mm": return T.s(o, 2, "0");
+							case "s": return String(t.$s);
+							case "ss": return T.s(t.$s, 2, "0");
+							case "SSS": return T.s(t.$ms, 3, "0");
+							case "Z": return i;
+						}
+						return null;
+					}(e) || i.replace(":", "");
+				}));
+			}, _.utcOffset = function() {
+				return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+			}, _.diff = function(r, f, p) {
+				var m, h = this, g = T.p(f), _ = w(r), v = (_.utcOffset() - this.utcOffset()) * t, y = this - _, b = function() {
+					return T.m(h, _);
+				};
+				switch (g) {
+					case d:
+						m = b() / 12;
+						break;
+					case l:
+						m = b();
+						break;
+					case u:
+						m = b() / 3;
+						break;
+					case c:
+						m = (y - v) / 6048e5;
+						break;
+					case s:
+						m = (y - v) / 864e5;
+						break;
+					case o:
+						m = y / n;
+						break;
+					case a:
+						m = y / t;
+						break;
+					case i:
+						m = y / e;
+						break;
+					default: m = y;
+				}
+				return p ? m : T.a(m);
+			}, _.daysInMonth = function() {
+				return this.endOf(l).$D;
+			}, _.$locale = function() {
+				return b[this.$L];
+			}, _.locale = function(e, t) {
+				if (!e) return this.$L;
+				var n = this.clone(), r = C(e, t, !0);
+				return r && (n.$L = r), n;
+			}, _.clone = function() {
+				return T.w(this.$d, this);
+			}, _.toDate = function() {
+				return new Date(this.valueOf());
+			}, _.toJSON = function() {
+				return this.isValid() ? this.toISOString() : null;
+			}, _.toISOString = function() {
+				return this.$d.toISOString();
+			}, _.toString = function() {
+				return this.$d.toUTCString();
+			}, g;
+		}(), D = E.prototype;
+		return w.prototype = D, [
+			["$ms", r],
+			["$s", i],
+			["$m", a],
+			["$H", o],
+			["$W", s],
+			["$M", l],
+			["$y", d],
+			["$D", f]
+		].forEach((function(e) {
+			D[e[1]] = function(t) {
+				return this.$g(t, e[0], e[1]);
+			};
+		})), w.extend = function(e, t) {
+			return e.$i ||= (e(t, E, w), !0), w;
+		}, w.locale = C, w.isDayjs = S, w.unix = function(e) {
+			return w(1e3 * e);
+		}, w.en = b[y], w.Ls = b, w.p = {}, w;
+	}));
+})))(), 1);
+function ut(e, t = "datetime", n) {
+	if (!e) return "-";
+	let r = (n ? J(n) : nt()).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, lt.default)(e).format(i);
+}
+//#endregion
 //#region src/header/components/PointsDetailModal.tsx
-var { RangePicker: lt } = u, ut = 7, dt = [1], ft = [
+var { RangePicker: dt } = u, ft = 7, pt = [1], mt = [
 	3,
 	5,
 	6,
 	7
-], pt = [1], mt = [2];
-function ht(e) {
+], ht = [1], gt = [2];
+function _t(e) {
 	return e === "recharge" ? "arcoblue" : e === "gift" ? "cyan" : e === "expired" ? "gray" : "orange";
 }
-function gt(e) {
-	if (e === "income") return dt;
-	if (e === "expense") return ft;
+function vt(e) {
+	if (e === "income") return pt;
+	if (e === "expense") return mt;
 }
-function _t(e) {
-	if (e === "recharge") return pt;
-	if (e === "gift") return mt;
+function yt(e) {
+	if (e === "recharge") return ht;
+	if (e === "gift") return gt;
 }
-function vt(e, t) {
+function bt(e, t) {
 	if (e) return /^\d{4}-\d{2}-\d{2}$/.test(e) ? `${e}T${t}` : e;
 }
-function yt(e) {
+function xt(e) {
 	let t = Number(e.amount || 0);
 	return t < 0 ? t : e.direction === 3 || e.direction === 6 || e.direction === 7 ? -t : t;
 }
-function bt(e) {
-	return e.pointType === 1 ? "recharge" : e.pointType === 2 ? "gift" : e.direction === 6 || e.bizType === 5 ? "expired" : yt(e) < 0 ? "deducted" : "recharge";
+function St(e) {
+	return e.pointType === 1 ? "recharge" : e.pointType === 2 ? "gift" : e.direction === 6 || e.bizType === 5 ? "expired" : xt(e) < 0 ? "deducted" : "recharge";
 }
-function xt(e, t) {
-	return e.pointType === 1 ? t.sourceRecharge : e.pointType === 2 ? t.sourceGifted : e.actionName || (yt(e) < 0 ? t.expense : t.income);
+function Ct(e, t) {
+	return e.pointType === 1 ? t.sourceRecharge : e.pointType === 2 ? t.sourceGifted : e.actionName || (xt(e) < 0 ? t.expense : t.income);
 }
-function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
-	let [d, f] = a("all"), [p, m] = a("all"), [g, _] = a([]), [S, E] = a(1), [O, k] = a([]), [A, j] = a(0), [M, N] = a(!1), P = i(0), I = (e) => new Intl.NumberFormat().format(e), L = t((e) => {
+function wt({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
+	let [d, f] = a("all"), [p, m] = a("all"), [g, _] = a([]), [S, E] = a(1), [O, k] = a([]), [A, j] = a(0), [M, N] = a(!1), F = i(0), I = (e) => new Intl.NumberFormat().format(e), L = t((e) => {
 		let [t, n] = g;
 		return {
 			pageNum: e,
-			pageSize: ut,
-			directions: gt(d),
-			bizTypes: _t(p),
-			fromTime: vt(t, "00:00:00"),
-			toTime: vt(n, "23:59:59")
+			pageSize: ft,
+			directions: vt(d),
+			bizTypes: yt(p),
+			fromTime: bt(t, "00:00:00"),
+			toTime: bt(n, "23:59:59")
 		};
 	}, [
 		g,
 		p,
 		d
 	]), R = t((e, t, n) => {
-		let r = yt(e), i = [
-			e.createTime,
+		let r = xt(e), i = [
+			e.createTime ? ut(e.createTime) : void 0,
 			e.contextDisplay,
 			e.bizRefId ? `ID ${e.bizRefId}` : void 0,
 			e.balanceAfter === void 0 ? void 0 : `${o.currentBalance}: ${I(Number(e.balanceAfter || 0))}`
@@ -528,21 +830,21 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 			name: e.actionName || (r < 0 ? o.expense : o.income),
 			meta: i.join(" · "),
 			amount: r,
-			badgeKind: bt(e),
-			badgeText: xt(e, o)
+			badgeKind: St(e),
+			badgeText: Ct(e, o)
 		};
-	}, [o]), z = t(async (e = S, t = !1) => {
-		let n = P.current + 1;
-		P.current = n, N(!0);
+	}, [o]), V = t(async (e = S, t = !1) => {
+		let n = F.current + 1;
+		F.current = n, N(!0);
 		try {
 			let r = await Be(L(e));
-			if (n !== P.current) return;
+			if (n !== F.current) return;
 			k((r.records || []).map((t, n) => R(t, n, e))), j(Number(r.total || 0)), E(Number(r.pageNum || e)), t && v.success(o.refreshed);
 		} catch (e) {
-			if (n !== P.current) return;
+			if (n !== F.current) return;
 			console.warn("Failed to load Mantur points ledger.", e), v.error(o.error);
 		} finally {
-			n === P.current && N(!1);
+			n === F.current && N(!1);
 		}
 	}, [
 		L,
@@ -552,18 +854,18 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 		o.refreshed
 	]);
 	n(() => {
-		e && z();
-	}, [z, e]);
+		e && V();
+	}, [V, e]);
 	let ee = [
 		{
 			title: o.pointsDetail,
 			dataIndex: "name",
-			render: (e, t) => /* @__PURE__ */ V("div", {
+			render: (e, t) => /* @__PURE__ */ B("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ B(D.Text, {
+				children: [/* @__PURE__ */ z(D.Text, {
 					className: "font-medium!",
 					children: t.name
-				}), /* @__PURE__ */ B(D.Text, {
+				}), /* @__PURE__ */ z(D.Text, {
 					type: "secondary",
 					className: "mt-1 block! text-xs!",
 					children: t.meta
@@ -575,7 +877,7 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 			dataIndex: "amount",
 			width: 120,
 			align: "right",
-			render: (e, t) => /* @__PURE__ */ V(D.Text, {
+			render: (e, t) => /* @__PURE__ */ B(D.Text, {
 				className: `font-semibold! ${t.amount > 0 ? "text-arco-success-6!" : "text-arco-danger-6!"}`,
 				children: [t.amount > 0 ? "+" : "", I(t.amount)]
 			})
@@ -585,23 +887,23 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 			dataIndex: "badgeText",
 			width: 110,
 			align: "right",
-			render: (e, t) => /* @__PURE__ */ B(T, {
-				color: ht(t.badgeKind),
+			render: (e, t) => /* @__PURE__ */ z(T, {
+				color: _t(t.badgeKind),
 				children: t.badgeText
 			})
 		}
 	];
-	return /* @__PURE__ */ B(y, {
+	return /* @__PURE__ */ z(y, {
 		title: o.pointsDetail,
 		visible: e,
-		footer: /* @__PURE__ */ V("div", {
+		footer: /* @__PURE__ */ B("div", {
 			className: "flex justify-end gap-2",
-			children: [/* @__PURE__ */ B(c, {
+			children: [/* @__PURE__ */ z(c, {
 				onClick: s,
 				children: o.close
-			}), /* @__PURE__ */ B(c, {
+			}), /* @__PURE__ */ z(c, {
 				type: "primary",
-				icon: /* @__PURE__ */ B(F, {}),
+				icon: /* @__PURE__ */ z(P, {}),
 				onClick: () => {
 					s(), u();
 				},
@@ -613,131 +915,131 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 			width: 780,
 			maxWidth: "calc(100vw - 48px)"
 		},
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "max-h-[70vh] overflow-y-auto",
 			children: [
-				/* @__PURE__ */ V(l, {
+				/* @__PURE__ */ B(l, {
 					bordered: !1,
 					className: "from-arco-primary-light-1/40 to-cyan-400/5 rounded-none! bg-linear-to-br!",
 					children: [
-						/* @__PURE__ */ B(D.Text, {
+						/* @__PURE__ */ z(D.Text, {
 							type: "secondary",
 							className: "text-xs!",
 							children: o.totalBalance
 						}),
-						/* @__PURE__ */ V("div", {
+						/* @__PURE__ */ B("div", {
 							className: "mt-1.5 mb-3.5 ",
-							children: [/* @__PURE__ */ B(D.Text, {
+							children: [/* @__PURE__ */ z(D.Text, {
 								className: "text-3xl! font-bold!",
 								children: I(r.total)
-							}), /* @__PURE__ */ V(D.Text, {
+							}), /* @__PURE__ */ B(D.Text, {
 								type: "secondary",
 								className: "ml-2 text-sm! ",
 								children: ["🪙 ", o.pointsUnit]
 							})]
 						}),
-						/* @__PURE__ */ V(h.Row, {
+						/* @__PURE__ */ B(h.Row, {
 							gutter: 12,
-							children: [/* @__PURE__ */ B(h.Col, {
+							children: [/* @__PURE__ */ z(h.Col, {
 								span: 12,
-								children: /* @__PURE__ */ V(l, {
+								children: /* @__PURE__ */ B(l, {
 									size: "small",
-									children: [/* @__PURE__ */ V("div", {
+									children: [/* @__PURE__ */ B("div", {
 										className: "mb-1 flex items-center justify-between",
-										children: [/* @__PURE__ */ B(D.Text, {
+										children: [/* @__PURE__ */ z(D.Text, {
 											type: "secondary",
 											className: "text-xs!",
 											children: o.rechargePoints
-										}), /* @__PURE__ */ B(T, {
+										}), /* @__PURE__ */ z(T, {
 											color: "arcoblue",
 											children: o.sourceRecharge
 										})]
-									}), /* @__PURE__ */ B(D.Text, {
+									}), /* @__PURE__ */ z(D.Text, {
 										className: "text-lg! font-semibold!",
 										children: I(r.recharge)
 									})]
 								})
-							}), /* @__PURE__ */ B(h.Col, {
+							}), /* @__PURE__ */ z(h.Col, {
 								span: 12,
-								children: /* @__PURE__ */ V(l, {
+								children: /* @__PURE__ */ B(l, {
 									size: "small",
-									children: [/* @__PURE__ */ V("div", {
+									children: [/* @__PURE__ */ B("div", {
 										className: "mb-1 flex items-center justify-between",
-										children: [/* @__PURE__ */ B(D.Text, {
+										children: [/* @__PURE__ */ z(D.Text, {
 											type: "secondary",
 											className: "text-xs!",
 											children: o.giftedPoints
-										}), /* @__PURE__ */ B(T, {
+										}), /* @__PURE__ */ z(T, {
 											color: "success",
 											children: o.sourceGifted
 										})]
-									}), /* @__PURE__ */ B(D.Text, {
+									}), /* @__PURE__ */ z(D.Text, {
 										className: "text-lg! font-semibold!",
 										children: I(r.gifted)
 									})]
 								})
 							})]
 						}),
-						/* @__PURE__ */ B(D.Text, {
+						/* @__PURE__ */ z(D.Text, {
 							type: "secondary",
 							className: "mt-2.5 block! text-xs!",
 							children: o.pointsDeductionTip
 						})
 					]
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "px-6 py-4",
 					children: [
-						/* @__PURE__ */ V(w, {
+						/* @__PURE__ */ B(w, {
 							activeTab: d,
 							onChange: (e) => {
 								f(e), E(1);
 							},
 							children: [
-								/* @__PURE__ */ B(w.TabPane, { title: o.all }, "all"),
-								/* @__PURE__ */ B(w.TabPane, { title: o.income }, "income"),
-								/* @__PURE__ */ B(w.TabPane, { title: o.expense }, "expense")
+								/* @__PURE__ */ z(w.TabPane, { title: o.all }, "all"),
+								/* @__PURE__ */ z(w.TabPane, { title: o.income }, "income"),
+								/* @__PURE__ */ z(w.TabPane, { title: o.expense }, "expense")
 							]
 						}),
-						/* @__PURE__ */ V("div", {
+						/* @__PURE__ */ B("div", {
 							className: "mt-2 mb-3.5 flex flex-wrap items-center gap-2.5",
 							children: [
-								/* @__PURE__ */ V(x, {
+								/* @__PURE__ */ B(x, {
 									value: p,
 									style: { width: 140 },
 									onChange: (e) => {
 										m(e), E(1);
 									},
 									children: [
-										/* @__PURE__ */ B(x.Option, {
+										/* @__PURE__ */ z(x.Option, {
 											value: "all",
 											children: o.sourceAll
 										}),
-										/* @__PURE__ */ B(x.Option, {
+										/* @__PURE__ */ z(x.Option, {
 											value: "recharge",
 											children: o.sourceRecharge
 										}),
-										/* @__PURE__ */ B(x.Option, {
+										/* @__PURE__ */ z(x.Option, {
 											value: "gift",
 											children: o.sourceGifted
 										})
 									]
 								}),
-								/* @__PURE__ */ B(lt, {
+								/* @__PURE__ */ z(dt, {
 									value: g,
 									onChange: (e) => {
 										_(e || []), E(1);
 									},
 									style: { width: 260 }
 								}),
-								/* @__PURE__ */ B(c, {
+								/* @__PURE__ */ z(c, {
 									loading: M,
-									onClick: () => void z(S, !0),
+									onClick: () => void V(S, !0),
 									children: o.query
 								})
 							]
 						}),
-						/* @__PURE__ */ B(C, {
+						/* @__PURE__ */ z(C, {
 							rowKey: "id",
 							columns: ee,
 							data: O,
@@ -745,22 +1047,22 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 							pagination: !1,
 							border: !1
 						}),
-						/* @__PURE__ */ B(b, {
+						/* @__PURE__ */ z(b, {
 							className: "mt-3 flex justify-center!",
 							current: S,
-							pageSize: ut,
+							pageSize: ft,
 							total: A,
 							onChange: E
 						})
 					]
 				}),
-				/* @__PURE__ */ B(l, {
+				/* @__PURE__ */ z(l, {
 					bordered: !1,
 					className: "bg-arco-primary-light-1/30 rounded-none!",
-					children: /* @__PURE__ */ V(D.Text, {
+					children: /* @__PURE__ */ B(D.Text, {
 						type: "secondary",
 						className: "text-xs! leading-6!",
-						children: [/* @__PURE__ */ V("strong", { children: [o.pointsNoteTitle, "："] }), o.pointsAccountNote]
+						children: [/* @__PURE__ */ B("strong", { children: [o.pointsNoteTitle, "："] }), o.pointsAccountNote]
 					})
 				})
 			]
@@ -769,17 +1071,17 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 }
 //#endregion
 //#region src/labels.ts
-var Ct = Je;
-function wt(e) {
+var Tt = Je;
+function Et(e) {
 	return {
-		...Ct,
+		...Tt,
 		...e
 	};
 }
 //#endregion
 //#region src/header/components/ProfileModal.tsx
-var Tt = 2048, Et = 2 * 1024 * 1024;
-function Dt(e) {
+var Dt = 2048, Ot = 2 * 1024 * 1024;
+function kt(e) {
 	return new Promise((t, n) => {
 		let r = URL.createObjectURL(e), i = new Image();
 		i.onload = () => {
@@ -792,8 +1094,8 @@ function Dt(e) {
 		}, i.src = r;
 	});
 }
-function Ot({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
-	let u = wt(r), [d] = m.useForm(), [f, p] = a(!1), [h, _] = a(null), [b, x] = a(null), S = i(null);
+function At({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
+	let u = Et(r), [d] = m.useForm(), [f, p] = a(!1), [h, _] = a(null), [b, x] = a(null), S = i(null);
 	n(() => () => {
 		S.current &&= (URL.revokeObjectURL(S.current), null);
 	}, []), n(() => {
@@ -808,7 +1110,7 @@ function Ot({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
 	}, w = (e) => {
 		v.success(e);
 	};
-	return /* @__PURE__ */ B(y, {
+	return /* @__PURE__ */ z(y, {
 		title: u.profileTitle,
 		visible: e,
 		onOk: async () => {
@@ -828,42 +1130,42 @@ function Ot({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
 		confirmLoading: f,
 		okText: u.profileSave,
 		cancelText: u.profileCancel,
-		children: /* @__PURE__ */ V(m, {
+		children: /* @__PURE__ */ B(m, {
 			form: d,
 			layout: "vertical",
-			children: [/* @__PURE__ */ B(m.Item, {
+			children: [/* @__PURE__ */ z(m.Item, {
 				label: u.profileNickname,
 				field: "nickname",
 				rules: [{
 					required: !0,
 					message: u.profileNicknamePlaceholder
 				}],
-				children: /* @__PURE__ */ B(g, {
+				children: /* @__PURE__ */ z(g, {
 					placeholder: u.profileNicknamePlaceholder,
 					allowClear: !0
 				})
-			}), /* @__PURE__ */ B(m.Item, {
+			}), /* @__PURE__ */ z(m.Item, {
 				label: u.profileAvatar,
-				children: /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ B("div", {
 					className: "flex flex-col gap-2",
-					children: [/* @__PURE__ */ V("div", {
+					children: [/* @__PURE__ */ B("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ B(s, {
+						children: [/* @__PURE__ */ z(s, {
 							size: 64,
 							className: "shrink-0 bg-arco-primary-light-1!",
-							children: b || t?.avatar ? /* @__PURE__ */ B("img", {
+							children: b || t?.avatar ? /* @__PURE__ */ z("img", {
 								src: b || t?.avatar,
 								alt: "",
 								className: "block h-full w-full object-cover"
 							}) : t?.nickname?.[0] || t?.username?.[0] || "U"
-						}), /* @__PURE__ */ B(O, {
+						}), /* @__PURE__ */ z(O, {
 							accept: "image/*",
 							showUploadList: !1,
 							beforeUpload: async (e) => {
-								if (e.size > Et) return C(u.profileAvatarTooLarge), !1;
+								if (e.size > Ot) return C(u.profileAvatarTooLarge), !1;
 								try {
-									let { width: t, height: n } = await Dt(e);
-									if (t > Tt || n > Tt) return C(u.profileAvatarDimensionExceeded), !1;
+									let { width: t, height: n } = await kt(e);
+									if (t > Dt || n > Dt) return C(u.profileAvatarDimensionExceeded), !1;
 								} catch (e) {
 									return C(u.profileAvatarInvalidImage, e), !1;
 								}
@@ -873,14 +1175,14 @@ function Ot({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
 									return S.current = n, n;
 								}), _(e), !1;
 							},
-							children: /* @__PURE__ */ B(c, {
+							children: /* @__PURE__ */ z(c, {
 								type: "outline",
 								size: "small",
-								icon: /* @__PURE__ */ B(R, {}),
+								icon: /* @__PURE__ */ z(L, {}),
 								children: u.profileUploadAvatar
 							})
 						})]
-					}), /* @__PURE__ */ B("span", {
+					}), /* @__PURE__ */ z("span", {
 						className: "text-xs text-arco-text-3",
 						children: u.profileAvatarHint
 					})]
@@ -891,7 +1193,7 @@ function Ot({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
 }
 //#endregion
 //#region src/header/mock.ts
-var kt = [
+var jt = [
 	{
 		id: "points-500",
 		points: 500,
@@ -911,31 +1213,31 @@ var kt = [
 ];
 //#endregion
 //#region src/header/components/UserAvatar.tsx
-function At(e) {
+function Mt(e) {
 	return e?.nickname?.[0] || e?.username?.[0] || "U";
 }
-function jt({ user: e, size: t, className: n = "" }) {
-	return /* @__PURE__ */ B(s, {
+function Nt({ user: e, size: t, className: n = "" }) {
+	return /* @__PURE__ */ z(s, {
 		size: t,
 		className: `bg-arco-primary/20! text-arco-primary-6 border-2 font-bold ${n}`,
-		children: e?.avatar ? /* @__PURE__ */ B("img", {
+		children: e?.avatar ? /* @__PURE__ */ z("img", {
 			src: e.avatar,
 			alt: "avatar",
 			className: "h-full w-full object-cover"
-		}) : At(e)
+		}) : Mt(e)
 	});
 }
 //#endregion
 //#region src/header/components/RechargeModal.tsx
-var Mt = {
+var Pt = {
 	minHeight: 292,
 	height: "100%",
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "space-between"
-}, Nt = "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 Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoading: u = !1, submitting: d = !1, onCancel: f, onPay: p }) {
-	let [m, _] = a(kt[2].id), [v, b] = a(""), x = i(null), S = s?.length ? s : kt, C = (e) => new Intl.NumberFormat().format(e), w = v.trim(), E = Number(w), O = w.length > 0, A = m === "custom", j = O && Number.isFinite(E) && Number.isInteger(E) && E >= 10, M = S.find((e) => e.id === m), N = A && j ? {
+}, Ft = "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 It({ visible: e, user: t, points: r, text: o, packages: s, packageLoading: u = !1, submitting: d = !1, onCancel: f, onPay: p }) {
+	let [m, _] = a(jt[2].id), [v, b] = a(""), x = i(null), S = s?.length ? s : jt, C = (e) => new Intl.NumberFormat().format(e), w = v.trim(), E = Number(w), O = w.length > 0, A = m === "custom", j = O && Number.isFinite(E) && Number.isInteger(E) && E >= 10, M = S.find((e) => e.id === m), N = A && j ? {
 		id: "custom",
 		price: E,
 		points: E * 100,
@@ -954,15 +1256,15 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 	}, I = () => {
 		_("custom"), b((e) => e || "10"), x.current?.focus();
 	};
-	return /* @__PURE__ */ B(y, {
+	return /* @__PURE__ */ z(y, {
 		title: o.rechargeTitle,
 		visible: e,
-		footer: /* @__PURE__ */ V("div", {
+		footer: /* @__PURE__ */ B("div", {
 			className: "mx-auto flex max-w-7xl items-center justify-between gap-5",
-			children: [/* @__PURE__ */ B("span", {
+			children: [/* @__PURE__ */ z("span", {
 				className: "text-arco-text-2 text-sm leading-6",
 				children: o.rechargeHint
-			}), /* @__PURE__ */ B(c, {
+			}), /* @__PURE__ */ z(c, {
 				type: "primary",
 				size: "large",
 				className: "min-w-48! font-bold!",
@@ -989,37 +1291,37 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 			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__ */ V("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "mx-auto flex h-full w-full max-w-7xl flex-col items-center ",
-			children: [/* @__PURE__ */ V("div", {
+			children: [/* @__PURE__ */ B("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__ */ B(jt, {
+				children: [/* @__PURE__ */ z(Nt, {
 					user: t,
 					size: 32,
 					className: "shrink-0"
-				}), /* @__PURE__ */ V("span", { children: [
+				}), /* @__PURE__ */ B("span", { children: [
 					t?.nickname || t?.username,
 					" · ",
 					o.currentBalance,
 					" ",
-					/* @__PURE__ */ B("strong", {
+					/* @__PURE__ */ z("strong", {
 						className: "text-arco-text-1",
 						children: C(r.total)
 					}),
 					" ",
 					o.pointsUnit
 				] })]
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ z("div", {
 				className: "mt-6 w-full",
-				children: /* @__PURE__ */ V(h.Row, {
+				children: /* @__PURE__ */ B(h.Row, {
 					gutter: [16, 16],
 					style: { alignItems: "stretch" },
-					children: [S.map((e) => /* @__PURE__ */ B(h.Col, {
+					children: [S.map((e) => /* @__PURE__ */ z(h.Col, {
 						xs: 24,
 						sm: 12,
 						lg: 6,
 						style: { display: "flex" },
-						children: /* @__PURE__ */ V(l, {
+						children: /* @__PURE__ */ B(l, {
 							hoverable: !0,
 							loading: u,
 							role: "button",
@@ -1028,73 +1330,73 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 							onKeyDown: (t) => {
 								(t.key === "Enter" || t.key === " ") && F(e.id);
 							},
-							bodyStyle: Mt,
-							className: `${Nt} border-arco-border-2! bg-arco-bg-2! cursor-pointer ${m === 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: Pt,
+							className: `${Ft} border-arco-border-2! bg-arco-bg-2! cursor-pointer ${m === 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: [
-								m === e.id ? /* @__PURE__ */ B(k, { className: "text-arco-primary-6! absolute bottom-4 left-4 text-xl" }) : null,
-								"recommended" in e && e.recommended ? /* @__PURE__ */ B(T, {
+								m === e.id ? /* @__PURE__ */ z(k, { className: "text-arco-primary-6! absolute bottom-4 left-4 text-xl" }) : null,
+								"recommended" in e && e.recommended ? /* @__PURE__ */ z(T, {
 									color: "arcoblue",
 									className: "absolute top-4 right-4 text-xs! font-bold!",
 									children: "HOT"
 								}) : null,
-								/* @__PURE__ */ V("div", {
+								/* @__PURE__ */ B("div", {
 									className: "min-w-0 pr-16",
-									children: [/* @__PURE__ */ V(D.Text, {
+									children: [/* @__PURE__ */ B(D.Text, {
 										className: "flex items-center text-3xl! leading-tight! font-bold!",
-										children: [C(e.points), /* @__PURE__ */ B("span", {
+										children: [C(e.points), /* @__PURE__ */ z("span", {
 											className: "ml-1 text-2xl",
 											children: "🪙"
 										})]
-									}), /* @__PURE__ */ B(D.Text, {
+									}), /* @__PURE__ */ z(D.Text, {
 										type: "secondary",
 										className: "mt-1 block! text-sm!",
 										children: o.pointsUnit
 									})]
 								}),
-								/* @__PURE__ */ B("div", {
+								/* @__PURE__ */ z("div", {
 									className: "mt-7 flex w-full justify-end",
-									children: /* @__PURE__ */ V(D.Text, {
+									children: /* @__PURE__ */ B(D.Text, {
 										className: "text-arco-primary-6! text-right text-2xl! leading-tight! font-bold!",
 										children: ["$", e.price]
 									})
 								})
 							]
 						})
-					}, e.id)), /* @__PURE__ */ B(h.Col, {
+					}, e.id)), /* @__PURE__ */ z(h.Col, {
 						xs: 24,
 						sm: 12,
 						lg: 6,
 						style: { display: "flex" },
-						children: /* @__PURE__ */ V(l, {
+						children: /* @__PURE__ */ B(l, {
 							role: "button",
 							tabIndex: 0,
 							onClick: I,
 							onKeyDown: (e) => {
 								(e.key === "Enter" || e.key === " ") && I();
 							},
-							bodyStyle: Mt,
-							className: `${Nt} 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%)]!" : O && 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!"}`,
+							bodyStyle: Pt,
+							className: `${Ft} 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%)]!" : O && 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: [
-								j ? /* @__PURE__ */ B(k, { className: "text-arco-primary-6! absolute top-4 right-4 text-xl" }) : null,
-								/* @__PURE__ */ V("div", {
+								j ? /* @__PURE__ */ z(k, { className: "text-arco-primary-6! absolute top-4 right-4 text-xl" }) : null,
+								/* @__PURE__ */ B("div", {
 									className: "flex min-w-0 flex-col gap-2.5",
 									children: [
-										/* @__PURE__ */ V("div", {
+										/* @__PURE__ */ B("div", {
 											className: "flex min-w-0 flex-col gap-2.5 pr-8",
-											children: [/* @__PURE__ */ B(T, {
+											children: [/* @__PURE__ */ z(T, {
 												color: "arcoblue",
 												className: "w-fit text-xs! font-bold!",
 												children: o.customRechargeAmount
-											}), /* @__PURE__ */ B(D.Text, {
+											}), /* @__PURE__ */ z(D.Text, {
 												type: "secondary",
 												className: "block! text-sm! leading-5! ",
 												children: o.customRechargeDescription
 											})]
 										}),
-										/* @__PURE__ */ B("div", {
+										/* @__PURE__ */ z("div", {
 											className: "mt-1",
 											onClick: (e) => e.stopPropagation(),
-											children: /* @__PURE__ */ B(g, {
+											children: /* @__PURE__ */ z(g, {
 												ref: x,
 												type: "text",
 												inputMode: "numeric",
@@ -1105,11 +1407,11 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 												onChange: (e) => {
 													_("custom"), b(e.replace(/\D/g, ""));
 												},
-												prefix: /* @__PURE__ */ B("span", {
+												prefix: /* @__PURE__ */ z("span", {
 													className: "text-arco-primary-6 text-base font-semibold",
 													children: "$"
 												}),
-												suffix: /* @__PURE__ */ B("span", {
+												suffix: /* @__PURE__ */ z("span", {
 													className: "text-arco-primary-6 text-xs font-semibold",
 													children: "USD"
 												}),
@@ -1118,9 +1420,9 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 												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%)]! ${O && 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!"}`
 											})
 										}),
-										/* @__PURE__ */ B("div", {
+										/* @__PURE__ */ z("div", {
 											className: "h-4",
-											children: /* @__PURE__ */ B(D.Text, {
+											children: /* @__PURE__ */ z(D.Text, {
 												type: "error",
 												className: `block! text-xs! leading-4! transition-opacity ${O && A && !j ? "opacity-100" : "opacity-0"}`,
 												children: o.customRechargeMinError
@@ -1128,22 +1430,22 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 										})
 									]
 								}),
-								/* @__PURE__ */ V("div", {
+								/* @__PURE__ */ B("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__ */ B(D.Text, {
+										/* @__PURE__ */ z(D.Text, {
 											type: "secondary",
 											className: "block! text-xs!",
 											children: o.customRechargeEstimate
 										}),
-										/* @__PURE__ */ V(D.Text, {
+										/* @__PURE__ */ B(D.Text, {
 											className: "text-arco-primary-6! mt-1 block! text-xl! leading-tight! font-bold!",
-											children: [j ? C(E * 100) : "-", /* @__PURE__ */ B("span", {
+											children: [j ? C(E * 100) : "-", /* @__PURE__ */ z("span", {
 												className: "text-arco-text-3 ml-1 text-xs font-normal",
 												children: o.pointsUnit
 											})]
 										}),
-										/* @__PURE__ */ B(D.Text, {
+										/* @__PURE__ */ z(D.Text, {
 											type: "secondary",
 											className: "mt-0.5 block! text-[10px]!",
 											children: o.customRechargeRate
@@ -1160,7 +1462,7 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 }
 //#endregion
 //#region node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
-var Ft = /* @__PURE__ */ U(((e) => {
+var Lt = /* @__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) {
@@ -1216,7 +1518,7 @@ var Ft = /* @__PURE__ */ U(((e) => {
 	}, 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;
-})), It = /* @__PURE__ */ U(((e) => {
+})), Rt = /* @__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) {
@@ -1275,26 +1577,26 @@ var Ft = /* @__PURE__ */ U(((e) => {
 		function te(e) {
 			return x(e) === h;
 		}
-		function H(e) {
+		function ne(e) {
 			return x(e) === m;
 		}
-		function ne(e) {
+		function re(e) {
 			return x(e) === r;
 		}
-		function re(e) {
+		function ie(e) {
 			return x(e) === o;
 		}
-		function ie(e) {
+		function ae(e) {
 			return x(e) === a;
 		}
-		function ae(e) {
+		function H(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 = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = B, e.isForwardRef = V, e.isFragment = ee, e.isLazy = te, e.isMemo = H, e.isPortal = ne, e.isProfiler = re, e.isStrictMode = ie, e.isSuspense = ae, e.isValidElementType = b, e.typeOf = x;
+		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 = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = B, e.isForwardRef = V, e.isFragment = ee, e.isLazy = te, e.isMemo = ne, e.isPortal = re, e.isProfiler = ie, e.isStrictMode = ae, e.isSuspense = H, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), Lt = /* @__PURE__ */ U(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = Ft() : t.exports = It();
-})), Rt = /* @__PURE__ */ U(((e, t) => {
+})), zt = /* @__PURE__ */ H(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Lt() : t.exports = Rt();
+})), Bt = /* @__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");
@@ -1327,14 +1629,14 @@ var Ft = /* @__PURE__ */ U(((e) => {
 		}
 		return s;
 	};
-})), zt = /* @__PURE__ */ U(((e, t) => {
+})), Vt = /* @__PURE__ */ H(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), Bt = /* @__PURE__ */ U(((e, t) => {
+})), Ht = /* @__PURE__ */ H(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), Vt = /* @__PURE__ */ U(((e, t) => {
+})), Ut = /* @__PURE__ */ H(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = zt(), i = {}, a = Bt();
+		var r = Vt(), i = {}, a = Ht();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -1367,8 +1669,8 @@ var Ft = /* @__PURE__ */ U(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), Ht = /* @__PURE__ */ U(((e, t) => {
-	var n = Lt(), r = Rt(), i = zt(), a = Bt(), o = Vt(), s = function() {};
+})), Wt = /* @__PURE__ */ H(((e, t) => {
+	var n = zt(), r = Bt(), i = Vt(), a = Ht(), o = Ut(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -1514,1666 +1816,1316 @@ var Ft = /* @__PURE__ */ U(((e) => {
 				}
 				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;
-			}
+			return g(t);
 		}
-		function F(e) {
-			return !e.constructor || !e.constructor.name ? f : e.constructor.name;
+		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);
 		}
-		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
-	};
-})), Ut = /* @__PURE__ */ U(((e, t) => {
-	var n = zt();
-	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;
+		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);
 		}
-		e.isRequired = e;
-		function t() {
-			return 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 + "`.");
 		}
-		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;
-	};
-})), X = /* @__PURE__ */ G((/* @__PURE__ */ U(((e, t) => {
-	if (process.env.NODE_ENV !== "production") {
-		var n = Lt();
-		t.exports = Ht()(n.isElement, !0);
-	} else t.exports = Ut()();
-})))(), 1);
-function Wt(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 Gt(e) {
-	for (var t = 1; t < arguments.length; t++) {
-		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? Wt(Object(n), !0).forEach(function(t) {
-			qt(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Wt(Object(n)).forEach(function(t) {
-			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-		});
-	}
-	return e;
-}
-function Kt(e) {
-	"@babel/helpers - typeof";
-	return Kt = 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;
-	}, Kt(e);
-}
-function qt(e, t, n) {
-	return t in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
-function Jt(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 Yt(e, t) {
-	if (e == null) return {};
-	var n = Jt(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 Xt(e, t) {
-	return Zt(e) || Qt(e, t) || $t(e, t) || tn();
-}
-function Zt(e) {
-	if (Array.isArray(e)) return e;
-}
-function Qt(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;
+		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);
 		}
-		return r;
-	}
-}
-function $t(e, t) {
-	if (e) {
-		if (typeof e == "string") return en(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 en(e, t);
-	}
-}
-function en(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 tn() {
-	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-var nn = function(e) {
-	return e !== null && Kt(e) === "object";
-}, rn = function(e) {
-	return nn(e) && typeof e.then == "function";
-}, an = function(e) {
-	return nn(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
-}, on = "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.", sn = function(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : on;
-	if (e === null || an(e)) return e;
-	throw Error(t);
-}, cn = function(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : on;
-	if (rn(e)) return {
-		tag: "async",
-		stripePromise: Promise.resolve(e).then(function(e) {
-			return sn(e, t);
-		})
-	};
-	var n = sn(e, t);
-	return n === null ? { tag: "empty" } : {
-		tag: "sync",
-		stripe: n
-	};
-}, ln = function(t) {
-	var n = e.useRef(t);
-	return e.useEffect(function() {
-		n.current = t;
-	}, [t]), n.current;
-}, un = "[object Object]", dn = function e(t, n) {
-	if (!nn(t) || !nn(n)) return t === n;
-	var r = Array.isArray(t);
-	if (r !== Array.isArray(n)) return !1;
-	var i = Object.prototype.toString.call(t) === un;
-	if (i !== (Object.prototype.toString.call(n) === un)) 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]);
-	});
-}, fn = 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"
-	}));
-}, pn = function(e, t, n) {
-	return nn(e) ? Object.keys(e).reduce(function(r, i) {
-		var a = !nn(t) || !dn(e[i], t[i]);
-		return n.includes(i) ? (a && console.warn(`Unsupported prop change: options.${i} is not a mutable property.`), r) : a ? Gt(Gt({}, r || {}), {}, qt({}, i, e[i])) : r;
-	}, null) : null;
-}, mn = /* @__PURE__ */ e.createContext(null);
-mn.displayName = "ElementsContext";
-var hn = 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;
-};
-X.default.any, X.default.object, X.default.func.isRequired;
-var gn = ["on", "loadActions"], _n = ["getSession"], vn = /* @__PURE__ */ e.createContext(null);
-vn.displayName = "CheckoutContext";
-var yn = function(e, t) {
-	if (!e) throw Error(`Could not find checkout context; You need to wrap the part of your app that ${t} in a <CheckoutElementsProvider> or <CheckoutFormProvider> provider.`);
-	return e;
-}, bn = function(t) {
-	var n = e.useContext(vn), r = e.useContext(mn);
-	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 hn(r, t);
-}, xn = function(e) {
-	if (e.type === "success") {
-		var t = e.sdk, n = e.session, r = e.checkoutActions;
-		t.on, t.loadActions;
-		var i = Yt(t, gn);
-		r.getSession;
-		var a = Yt(r, _n);
-		return {
-			type: "success",
-			checkout: Gt(Gt(Gt({}, n), i), a)
-		};
-	} else if (e.type === "loading") return { type: "loading" };
-	else return {
-		type: "error",
-		error: e.error
-	};
-}, Sn = function() {
-	var t = yn(e.useContext(vn), "calls useCheckoutElements()").checkoutState;
-	if (t.type === "success" && t.sdkKind !== "elements") throw Error("useCheckoutElements() must be used inside <CheckoutElementsProvider>. Inside <CheckoutFormProvider>, use useCheckoutForm() instead.");
-	return xn(t);
-}, Cn = "Invalid prop `stripe` supplied to `CheckoutElementsProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", wn = function(e) {
-	return e.type === "success" || e.type === "loading" ? e.sdk : null;
-}, Tn = function(t) {
-	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
-		return cn(n, Cn);
-	}, [n]), o = Xt(e.useState({
-		type: "loading",
-		sdk: null
-	}), 2), s = o[0], c = o[1], l = Xt(e.useState(null), 2), u = l[0], d = l[1], f = e.useRef(!1);
-	e.useEffect(function() {
-		var e = !0, t = function(t) {
-			var n = t.stripe;
-			if (n && e && !f.current) {
-				f.current = !0;
-				var i = n.initCheckoutElementsSdk(r);
-				c({
-					type: "loading",
-					sdk: i
-				}), i.loadActions().then(function(e) {
-					if (e.type === "success") {
-						var t = e.actions;
-						c({
-							type: "success",
-							sdkKind: "elements",
-							sdk: i,
-							checkoutActions: t,
-							session: t.getSession()
-						}), i.on("change", function(e) {
-							c(function(t) {
-								return t.type === "success" && t.sdkKind === "elements" ? {
-									type: "success",
-									sdkKind: "elements",
-									sdk: t.sdk,
-									checkoutActions: t.checkoutActions,
-									session: e
-								} : t;
-							});
-						});
-					} else c({
-						type: "error",
-						error: e.error
-					});
-				}).catch(function(e) {
-					c({
-						type: "error",
-						error: e
-					});
-				});
+		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 a.tag === "async" ? a.stripePromise.then(function(e) {
-			d(e), e && t({ stripe: e });
-		}) : a.tag === "sync" && (d(a.stripe), t({ stripe: a.stripe })), function() {
-			e = !1;
-		};
-	}, [
-		a,
-		r,
-		c
-	]);
-	var p = ln(n);
-	e.useEffect(function() {
-		p !== null && p !== n && console.warn("Unsupported prop change on CheckoutElementsProvider: You cannot change the `stripe` prop after setting it.");
-	}, [p, n]);
-	var m = wn(s), h = ln(r);
-	e.useEffect(function() {
-		if (m) {
-			var e = h?.elementsOptions?.appearance, t = r?.elementsOptions?.appearance, n = !dn(t, e);
-			t && n && m.changeAppearance(t);
-			var i = h?.elementsOptions?.fonts, a = r?.elementsOptions?.fonts, o = !dn(i, a);
-			a && o && m.loadFonts(a);
+			return g(t);
 		}
-	}, [
-		r,
-		h,
-		m
-	]), e.useEffect(function() {
-		fn(u);
-	}, [u]);
-	var g = e.useMemo(function() {
-		return {
-			stripe: u,
-			checkoutState: s
-		};
-	}, [u, s]);
-	return /* @__PURE__ */ e.createElement(vn.Provider, { value: g }, i);
-};
-Tn.propTypes = {
-	stripe: X.default.any,
-	options: X.default.shape({
-		clientSecret: X.default.oneOfType([X.default.string, X.default.instanceOf(Promise)]).isRequired,
-		elementsOptions: X.default.object
-	}).isRequired
-};
-var En = "Invalid prop `stripe` supplied to `CheckoutFormProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", Dn = function(t) {
-	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
-		return cn(n, En);
-	}, [n]), o = Xt(e.useState({
-		type: "loading",
-		sdk: null
-	}), 2), s = o[0], c = o[1], l = Xt(e.useState(null), 2), u = l[0], d = l[1], f = e.useRef(!1);
-	e.useEffect(function() {
-		var e = !0, t = function(t) {
-			var n = t.stripe;
-			if (n && e && !f.current) {
-				f.current = !0;
-				var i = n.initCheckoutFormSdk(r);
-				c({
-					type: "loading",
-					sdk: i
-				}), i.loadActions().then(function(e) {
-					if (e.type === "success") {
-						var t = e.actions;
-						c({
-							type: "success",
-							sdkKind: "form",
-							sdk: i,
-							checkoutActions: t,
-							session: t.getSession()
-						}), i.on("change", function(e) {
-							c(function(t) {
-								return t.type === "success" && t.sdkKind === "form" ? {
-									type: "success",
-									sdkKind: "form",
-									sdk: t.sdk,
-									checkoutActions: t.checkoutActions,
-									session: e
-								} : t;
-							});
-						});
-					} else c({
-						type: "error",
-						error: e.error
-					});
-				}).catch(function(e) {
-					c({
-						type: "error",
-						error: e
-					});
-				});
+		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;
 			}
-		};
-		return a.tag === "async" ? a.stripePromise.then(function(e) {
-			d(e), e && t({ stripe: e });
-		}) : a.tag === "sync" && (d(a.stripe), t({ stripe: a.stripe })), function() {
-			e = !1;
-		};
-	}, [
-		a,
-		r,
-		c
-	]);
-	var p = ln(n);
-	e.useEffect(function() {
-		p !== null && p !== n && console.warn("Unsupported prop change on CheckoutFormProvider: You cannot change the `stripe` prop after setting it.");
-	}, [p, n]);
-	var m = s.type === "success" || s.type === "loading" ? s.sdk : null, h = ln(r);
-	e.useEffect(function() {
-		if (m) {
-			var e = h?.appearance, t = r?.appearance, n = !dn(t, e);
-			t && n && m.changeAppearance(t);
-			var i = h?.fonts, a = r?.fonts, o = !dn(i, a);
-			a && o && m.loadFonts(a);
 		}
-	}, [
-		r,
-		h,
-		m
-	]), e.useEffect(function() {
-		fn(u);
-	}, [u]);
-	var g = e.useMemo(function() {
-		return {
-			stripe: u,
-			checkoutState: s
-		};
-	}, [u, s]);
-	return /* @__PURE__ */ e.createElement(vn.Provider, { value: g }, i);
-};
-Dn.propTypes = {
-	stripe: X.default.any,
-	options: X.default.shape({
-		clientSecret: X.default.oneOfType([X.default.string, X.default.instanceOf(Promise)]).isRequired,
-		appearance: X.default.object,
-		loader: X.default.string,
-		fonts: X.default.array,
-		savedPaymentMethod: X.default.object,
-		defaultValues: X.default.object
-	}).isRequired
-};
-var Z = 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
-	]);
-}, On = ["mode"], kn = function(e) {
-	return e.charAt(0).toUpperCase() + e.slice(1);
-}, Q = function(t, n, r) {
-	var i = r || `${kn(t)}Element`, a = n ? function(t) {
-		bn(`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 = bn(`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 = Xt(e.useState(null), 2), k = O[0], A = O[1], j = e.useRef(null), M = e.useRef(null);
-		Z(k, "blur", c), Z(k, "focus", l), Z(k, "escape", f), Z(k, "click", p), Z(k, "loaderror", m), Z(k, "loaderstart", h), Z(k, "networkschange", g), Z(k, "confirm", _), Z(k, "cancel", v), Z(k, "shippingaddresschange", y), Z(k, "shippingratechange", b), Z(k, "savedpaymentmethodremove", x), Z(k, "savedpaymentmethodupdate", S), Z(k, "availablepaymentmethodschange", C), Z(k, "change", d);
-		var N;
-		u && (N = t === "expressCheckout" ? u : function() {
-			u(k);
-		}), Z(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 = Yt(s, On);
-								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);
+		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";
 			}
-		}, [
-			T,
-			D,
-			s
-		]);
-		var P = ln(s);
-		return e.useEffect(function() {
-			if (j.current) {
-				var e = pn(s, P, ["paymentRequest"]);
-				e && "update" in j.current && j.current.update(e);
+			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;
 			}
-		}, [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
-		});
+		}
+		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;
+	};
+})), Gt = /* @__PURE__ */ H(((e, t) => {
+	var n = Vt();
+	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;
 	};
-	return a.propTypes = {
-		id: X.default.string,
-		className: X.default.string,
-		onChange: X.default.func,
-		onBlur: X.default.func,
-		onFocus: X.default.func,
-		onReady: X.default.func,
-		onEscape: X.default.func,
-		onClick: X.default.func,
-		onLoadError: X.default.func,
-		onLoaderStart: X.default.func,
-		onNetworksChange: X.default.func,
-		onConfirm: X.default.func,
-		onCancel: X.default.func,
-		onShippingAddressChange: X.default.func,
-		onShippingRateChange: X.default.func,
-		onSavedPaymentMethodRemove: X.default.func,
-		onSavedPaymentMethodUpdate: X.default.func,
-		onAvailablePaymentMethodsChange: X.default.func,
-		options: X.default.object
-	}, a.displayName = i, a.__elementType = t, a;
-}, $ = typeof window > "u";
-Q("currencySelector", $);
-var An = Q("payment", $);
-Q("paymentForm", $, "CheckoutForm"), Q("expressCheckout", $), Q("taxId", $);
-var jn = Q("contactDetails", $);
-Q("address", $);
-//#endregion
-//#region node_modules/@stripe/stripe-js/dist/index.mjs
-function Mn(e) {
+})), Y = /* @__PURE__ */ U((/* @__PURE__ */ H(((e, t) => {
+	if (process.env.NODE_ENV !== "production") {
+		var n = zt();
+		t.exports = Wt()(n.isElement, !0);
+	} else t.exports = Gt()();
+})))(), 1);
+function Kt(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 qt(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? Kt(Object(n), !0).forEach(function(t) {
+			Yt(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Kt(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function Jt(e) {
 	"@babel/helpers - typeof";
-	return Mn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return Jt = 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;
-	}, Mn(e);
-}
-var Nn = "dahlia", Pn = function(e) {
-	return e === 3 ? "v3" : e;
-}, Fn = "https://js.stripe.com", In = `${Fn}/${Nn}/stripe.js`, Ln = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, Rn = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/, zn = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Bn = function(e) {
-	return Ln.test(e) || Rn.test(e);
-}, Vn = function() {
-	for (var e = document.querySelectorAll(`script[src^="${Fn}"]`), t = 0; t < e.length; t++) {
-		var n = e[t];
-		if (Bn(n.src)) return n;
-	}
-	return null;
-}, Hn = function(e) {
-	var t = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", n = document.createElement("script");
-	n.src = `${In}${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;
-}, Un = function(e, t) {
-	!e || !e._registerWrapper || e._registerWrapper({
-		name: "stripe-js",
-		version: "9.6.0",
-		startTime: t
-	});
-}, Wn = null, Gn = null, Kn = null, qn = 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"));
-	};
-}, Yn = function(e) {
-	return Wn === null ? (Wn = new Promise(function(t, n) {
-		if (typeof window > "u" || typeof document > "u") {
-			t(null);
-			return;
-		}
-		if (window.Stripe && e && console.warn(zn), window.Stripe) {
-			t(window.Stripe);
-			return;
-		}
-		try {
-			var r = Vn();
-			if (r && e) console.warn(zn);
-			else if (!r) r = Hn(e);
-			else if (r && Kn !== null && Gn !== null) {
-				var i;
-				r.removeEventListener("load", Kn), r.removeEventListener("error", Gn), (i = r.parentNode) == null || i.removeChild(r), r = Hn(e);
-			}
-			Kn = Jn(t, n), Gn = qn(n), r.addEventListener("load", Kn), r.addEventListener("error", Gn);
-		} catch (e) {
-			n(e);
-			return;
-		}
-	}), Wn.catch(function(e) {
-		return Wn = null, Promise.reject(e);
-	})) : Wn;
-}, Xn = 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 ${Mn(r)} instead.`);
-	var i = r.match(/^pk_test/), a = Pn(e.version), o = Nn;
-	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 Un(s, n), s;
-}, Zn, Qn = !1, $n = function() {
-	return Zn || (Zn = Yn(null).catch(function(e) {
-		return Zn = null, Promise.reject(e);
-	}), Zn);
-};
-Promise.resolve().then(function() {
-	return $n();
-}).catch(function(e) {
-	Qn || console.warn(e);
-});
-var er = function() {
-	var e = [...arguments];
-	Qn = !0;
-	var t = Date.now();
-	return $n().then(function(n) {
-		return Xn(n, e, t);
-	});
-}, tr = "-";
-function nr(e) {
-	return e === void 0 ? tr : `$${new Intl.NumberFormat("en-US").format(Number(e || 0))}`;
+	}, Jt(e);
 }
-function rr(e) {
-	return /* @__PURE__ */ B(D.Text, {
-		className: "text-arco-text-1! text-3xl! leading-tight! font-bold!",
-		children: nr(e)
-	});
+function Yt(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function ir({ text: e, onSuccess: t }) {
-	let n = Sn(), [r, i] = a(""), [s, l] = a(!1);
-	if (n.type === "loading") return /* @__PURE__ */ B("div", {
-		className: "flex min-h-80 items-center justify-center",
-		children: /* @__PURE__ */ B(S, { tip: e.stripePaymentLoading })
-	});
-	if (n.type === "error") return /* @__PURE__ */ B(o, {
-		type: "error",
-		content: n.error.message
-	});
-	let { checkout: u } = n, d = u.total.total.amount;
-	return /* @__PURE__ */ V("form", {
-		className: "flex flex-col gap-6",
-		onSubmit: async (n) => {
-			if (n.preventDefault(), !(!u.canConfirm || s)) {
-				l(!0), i("");
-				try {
-					let e = await u.confirm({ redirect: "if_required" });
-					if (e.type === "error") {
-						i(e.error.message);
-						return;
-					}
-					t();
-				} catch (t) {
-					i(t instanceof Error ? t.message : e.stripePaymentFailed);
-				} finally {
-					l(!1);
-				}
-			}
-		},
-		children: [
-			/* @__PURE__ */ V("div", {
-				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ B(D.Title, {
-					heading: 6,
-					className: "text-arco-text-1! mb-0!",
-					children: e.stripeContactDetails
-				}), /* @__PURE__ */ B(jn, {})]
-			}),
-			/* @__PURE__ */ V("div", {
-				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ B(D.Title, {
-					heading: 6,
-					className: "text-arco-text-1! mb-0!",
-					children: e.stripePaymentSection
-				}), /* @__PURE__ */ B(An, { id: "mantur-stripe-payment-element" })]
-			}),
-			/* @__PURE__ */ V(c, {
-				htmlType: "submit",
-				type: "primary",
-				size: "large",
-				className: "w-full!",
-				disabled: !u.canConfirm || s,
-				loading: s,
-				children: [
-					e.stripePay,
-					" · ",
-					d
-				]
-			}),
-			r ? /* @__PURE__ */ B(o, {
-				type: "error",
-				content: r
-			}) : null
-		]
-	});
+function Xt(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 ar({ visible: e, publishableKey: n, order: s, text: l, onCancel: u, onSuccess: f }) {
-	let { resolvedTheme: p } = ee(), [m, h] = a(!1), g = i(!1), _ = s?.clientSecret || s?.stripeClientSecret, v = r(() => n ? er(n) : null, [n]), b = p === "dark" ? "night" : "flat", x = r(() => _ ? {
-		clientSecret: _,
-		elementsOptions: { appearance: {
-			theme: b,
-			labels: "above"
-		} }
-	} : void 0, [_, b]), S = r(() => [{
-		label: l.stripePaymentTotalAmount,
-		value: rr(s?.amount)
-	}, {
-		label: l.stripePaymentOrderNo,
-		value: s?.orderNo || tr
-	}], [
-		s?.amount,
-		s?.orderNo,
-		l.stripePaymentOrderNo,
-		l.stripePaymentTotalAmount
-	]), C = t(async () => {
-		if (g.current) return;
-		let e = s?.orderNo;
-		if (!e) {
-			u();
-			return;
-		}
-		g.current = !0, h(!0);
-		try {
-			await Ie(e);
-		} catch (e) {
-			console.warn("Failed to cancel Mantur recharge order.", e);
-		} finally {
-			g.current = !1, h(!1), u();
-		}
-	}, [u, s?.orderNo]), w = !n || !v ? /* @__PURE__ */ B(o, {
-		type: "error",
-		content: l.stripePaymentConfigMissing
-	}) : _ ? _.startsWith("cs_") ? x ? /* @__PURE__ */ B(Tn, {
-		stripe: v,
-		options: x,
-		children: /* @__PURE__ */ B(ir, {
-			text: l,
-			onSuccess: f
-		})
-	}, `${_}-${b}`) : /* @__PURE__ */ B(o, {
-		type: "error",
-		content: l.stripePaymentClientSecretMissing
-	}) : /* @__PURE__ */ B(o, {
-		type: "error",
-		content: l.stripeCheckoutClientSecretInvalid
-	}) : /* @__PURE__ */ B(o, {
-		type: "error",
-		content: l.stripePaymentClientSecretMissing
-	});
-	return /* @__PURE__ */ B(y, {
-		title: l.stripePaymentTitle,
-		visible: e,
-		closeIcon: null,
-		footer: /* @__PURE__ */ B("div", {
-			className: "flex justify-end gap-2 mx-auto max-w-7xl ",
-			children: /* @__PURE__ */ B(c, {
-				size: "large",
-				type: "primary",
-				status: "danger",
-				disabled: m,
-				loading: m,
-				onClick: () => void C(),
-				children: l.close
-			})
-		}),
-		onCancel: () => void C(),
-		alignCenter: !1,
-		wrapStyle: { padding: 0 },
-		style: {
-			width: "100vw",
-			maxWidth: "100vw",
-			height: "100vh",
-			top: 0,
-			margin: 0,
-			padding: 0
-		},
-		className: "top-0! m-0! flex! h-screen! w-screen! max-w-none! flex-col! rounded-none! [&_.arco-modal-body]:min-h-0! [&_.arco-modal-body]:flex-1! [&_.arco-modal-body]:overflow-auto! [&_.arco-modal-content]:flex! [&_.arco-modal-content]:h-full! [&_.arco-modal-content]:flex-col! [&_.arco-modal-content]:rounded-none! [&_.arco-modal-header]:shrink-0!",
-		focusLock: !1,
-		children: /* @__PURE__ */ V("div", {
-			className: "mx-auto flex min-h-full w-full max-w-7xl gap-8 px-6 py-6 lg:px-8",
-			children: [/* @__PURE__ */ B("div", {
-				className: "w-80",
-				children: /* @__PURE__ */ B("div", {
-					className: "bg-arco-bg-1 mx-auto w-full rounded-xl p-6",
-					children: /* @__PURE__ */ B(d, {
-						border: !1,
-						column: 1,
-						data: S,
-						labelStyle: { width: 96 }
-					})
-				})
-			}), /* @__PURE__ */ B("div", {
-				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ B("div", {
-					className: "bg-arco-bg-1 mx-auto w-full max-w-2xl rounded-xl p-6",
-					children: w
-				})
-			})]
-		})
-	});
+function Zt(e, t) {
+	if (e == null) return {};
+	var n = Xt(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;
 }
-//#endregion
-//#region src/header/components/UserMenu.tsx
-function or({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPointsDetail: a, onLogout: o }) {
-	let s = (e) => new Intl.NumberFormat().format(e);
-	return /* @__PURE__ */ V("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__ */ V("div", {
-				className: "flex items-center gap-3 px-6 pt-5 pb-4",
-				children: [/* @__PURE__ */ B(jt, {
-					user: e,
-					size: 48,
-					className: "shrink-0"
-				}), /* @__PURE__ */ V("div", {
-					className: "flex min-w-0 flex-1 flex-col gap-1",
-					children: [/* @__PURE__ */ V("div", {
-						className: "flex min-w-0 items-center gap-1.5",
-						children: [/* @__PURE__ */ B("span", {
-							className: "text-arco-text-1 truncate text-base leading-6 font-bold",
-							children: e?.nickname || e?.username
-						}), /* @__PURE__ */ B(c, {
-							type: "text",
-							size: "mini",
-							icon: /* @__PURE__ */ B(j, {}),
-							className: "text-arco-text-3 h-6! min-w-6! px-0!",
-							onClick: r
-						})]
-					}), e?.email ? /* @__PURE__ */ B("span", {
-						className: "text-arco-text-3 truncate text-xs leading-5",
-						children: e.email
-					}) : null]
-				})]
-			}),
-			/* @__PURE__ */ B(f, { className: "m-0!" }),
-			/* @__PURE__ */ V("ul", {
-				className: "flex flex-col gap-3.5 px-6 py-4",
-				children: [
-					/* @__PURE__ */ V("li", {
-						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
-						children: [/* @__PURE__ */ B("span", { children: n.myPoints }), /* @__PURE__ */ B("strong", {
-							className: "text-arco-primary-6 text-base font-bold",
-							children: s(t.total)
-						})]
-					}),
-					/* @__PURE__ */ V("li", {
-						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
-						children: [/* @__PURE__ */ B("span", { children: n.rechargePoints }), /* @__PURE__ */ B("strong", {
-							className: "text-arco-text-1 text-base font-bold",
-							children: s(t.recharge)
-						})]
-					}),
-					/* @__PURE__ */ V("li", {
-						className: "text-arco-text-2 flex items-center justify-between gap-4 text-sm",
-						children: [/* @__PURE__ */ B("span", { children: n.giftedPoints }), /* @__PURE__ */ B("strong", {
-							className: "text-arco-text-1 text-base font-bold",
-							children: s(t.gifted)
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ B(f, { className: "m-0!" }),
-			/* @__PURE__ */ V("div", {
-				className: "flex flex-col gap-2 px-6 py-4",
-				children: [/* @__PURE__ */ B(c, {
-					type: "primary",
-					long: !0,
-					icon: /* @__PURE__ */ B(F, {}),
-					shape: "round",
-					className: "h-10!  font-medium!",
-					onClick: i,
-					children: n.recharge
-				}), /* @__PURE__ */ B(c, {
-					long: !0,
-					shape: "round",
-					icon: /* @__PURE__ */ B(M, {}),
-					className: "border-arco-border-2! bg-arco-fill-1! text-arco-text-1! h-10!  font-medium!",
-					onClick: a,
-					children: n.pointsDetail
-				})]
-			}),
-			/* @__PURE__ */ B(f, { className: "m-0!" }),
-			/* @__PURE__ */ B("div", {
-				className: "px-6 py-4",
-				children: /* @__PURE__ */ B(c, {
-					icon: /* @__PURE__ */ B(I, {}),
-					type: "text",
-					status: "danger",
-					long: !0,
-					className: "flex! items-center justify-start gap-2 text-sm text-arco-text-2",
-					onClick: () => void o?.(),
-					children: n.logout
-				})
-			})
-		]
-	});
+function Qt(e, t) {
+	return $t(e) || en(e, t) || tn(e, t) || rn();
 }
-//#endregion
-//#region src/header/ManturHeader.tsx
-var sr = "https://mantur.ai/images/logo.png", cr = [
-	"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 lr(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 ${cr[e % cr.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
+function $t(e) {
+	if (Array.isArray(e)) return e;
 }
-function ur(e) {
-	return e?.tenantName?.[0]?.toUpperCase() || "T";
+function en(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 dr(e, t, n) {
-	let r = e?.roles?.map((e) => e.roleName).filter(Boolean);
-	return r?.length ? r.join(", ") : e?.isOwner ? t : n;
+function tn(e, t) {
+	if (e) {
+		if (typeof e == "string") return nn(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 nn(e, t);
+	}
 }
-function fr({ user: e, disabled: o = !1, brandSlot: s, children: c, onTenantContextChange: l, appName: u, mainPrefix: d, stripePublishableKey: f }) {
-	let [m, h] = a(() => nt()), g = rt(m), [y, b] = a(!1), [x, S] = a(!1), [C, w] = a(!1), [T, D] = a(e), [O, k] = a([]), [j, M] = a(), [N, P] = a(!1), [F, I] = a(!1), [L, R] = a(!1), [z, ee] = a([]), [te, H] = a(), ne = i(l), re = f || (typeof window < "u" ? window.__MANTUR_COMPONENTS_STRIPE_PUBLISHABLE_KEY__ : void 0) || "pk_test_51TJ8JiERSsQknDG7bJSIX81RFq3LcCfUXCV7mh0cQsZ2dwmYcJ5Ki6bPXynNvdyZEEBE83I6I719NIFyO9Qreey700yPAul8sv", ie = d ?? (typeof window < "u" ? window.__MANTUR_MAIN_PREFIX__ : void 0) ?? void 0, [ae, U] = a({
-		total: 0,
-		recharge: 0,
-		gifted: 0
-	}), W = j?.tenantId || "", G = o, K = {
-		total: ae.total ?? 0,
-		recharge: ae.recharge ?? 0,
-		gifted: ae.gifted ?? 0
-	}, oe = async (e) => {
-		let t = await ke(e);
-		return t && D(t), t;
+function nn(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 rn() {
+	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(e) {
+	return e !== null && Jt(e) === "object";
+}, an = function(e) {
+	return X(e) && typeof e.then == "function";
+}, on = function(e) {
+	return X(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
+}, sn = "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.", cn = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : sn;
+	if (e === null || on(e)) return e;
+	throw Error(t);
+}, ln = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : sn;
+	if (an(e)) return {
+		tag: "async",
+		stripePromise: Promise.resolve(e).then(function(e) {
+			return cn(e, t);
+		})
 	};
-	n(() => {
-		D(e);
-	}, [e]), n(() => {
-		ne.current = l;
-	}, [l]);
-	let q = t((e) => {
-		k(e.tenants), M(e.currentTenant), ne.current?.(e);
-	}, []);
-	n(() => {
-		P(!0), Ke().then(q).catch((e) => {
-			console.warn("Failed to refresh Mantur tenant context.", e), v.error(g.error);
-		}).finally(() => P(!1));
-	}, [q, g.error]), n(() => {
-		let e = (e) => {
-			e instanceof CustomEvent && U(e.detail);
-		};
-		return window.addEventListener(ye, e), Me().catch((e) => {
-			console.warn("Failed to refresh Mantur user points.", e);
-		}), () => {
-			window.removeEventListener(ye, e);
+	var n = cn(e, t);
+	return n === null ? { tag: "empty" } : {
+		tag: "sync",
+		stripe: n
+	};
+}, un = function(t) {
+	var n = e.useRef(t);
+	return e.useEffect(function() {
+		n.current = t;
+	}, [t]), n.current;
+}, dn = "[object Object]", fn = function e(t, n) {
+	if (!X(t) || !X(n)) return t === n;
+	var r = Array.isArray(t);
+	if (r !== Array.isArray(n)) return !1;
+	var i = Object.prototype.toString.call(t) === dn;
+	if (i !== (Object.prototype.toString.call(n) === dn)) 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]);
+	});
+}, pn = 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"
+	}));
+}, mn = function(e, t, n) {
+	return X(e) ? Object.keys(e).reduce(function(r, i) {
+		var a = !X(t) || !fn(e[i], t[i]);
+		return n.includes(i) ? (a && console.warn(`Unsupported prop change: options.${i} is not a mutable property.`), r) : a ? qt(qt({}, r || {}), {}, Yt({}, i, e[i])) : r;
+	}, null) : null;
+}, hn = /* @__PURE__ */ e.createContext(null);
+hn.displayName = "ElementsContext";
+var gn = 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;
+};
+Y.default.any, Y.default.object, Y.default.func.isRequired;
+var _n = ["on", "loadActions"], vn = ["getSession"], yn = /* @__PURE__ */ e.createContext(null);
+yn.displayName = "CheckoutContext";
+var bn = function(e, t) {
+	if (!e) throw Error(`Could not find checkout context; You need to wrap the part of your app that ${t} in a <CheckoutElementsProvider> or <CheckoutFormProvider> provider.`);
+	return e;
+}, xn = function(t) {
+	var n = e.useContext(yn), r = e.useContext(hn);
+	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 gn(r, t);
+}, Sn = function(e) {
+	if (e.type === "success") {
+		var t = e.sdk, n = e.session, r = e.checkoutActions;
+		t.on, t.loadActions;
+		var i = Zt(t, _n);
+		r.getSession;
+		var a = Zt(r, vn);
+		return {
+			type: "success",
+			checkout: qt(qt(qt({}, n), i), a)
 		};
-	}, []), n(() => {
-		let e = (e) => {
-			h(e instanceof CustomEvent ? Y(e.detail) : nt());
+	} else if (e.type === "loading") return { type: "loading" };
+	else return {
+		type: "error",
+		error: e.error
+	};
+}, Cn = function() {
+	var t = bn(e.useContext(yn), "calls useCheckoutElements()").checkoutState;
+	if (t.type === "success" && t.sdkKind !== "elements") throw Error("useCheckoutElements() must be used inside <CheckoutElementsProvider>. Inside <CheckoutFormProvider>, use useCheckoutForm() instead.");
+	return Sn(t);
+}, wn = "Invalid prop `stripe` supplied to `CheckoutElementsProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", Tn = function(e) {
+	return e.type === "success" || e.type === "loading" ? e.sdk : null;
+}, En = function(t) {
+	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
+		return ln(n, wn);
+	}, [n]), o = Qt(e.useState({
+		type: "loading",
+		sdk: null
+	}), 2), s = o[0], c = o[1], l = Qt(e.useState(null), 2), u = l[0], d = l[1], f = e.useRef(!1);
+	e.useEffect(function() {
+		var e = !0, t = function(t) {
+			var n = t.stripe;
+			if (n && e && !f.current) {
+				f.current = !0;
+				var i = n.initCheckoutElementsSdk(r);
+				c({
+					type: "loading",
+					sdk: i
+				}), i.loadActions().then(function(e) {
+					if (e.type === "success") {
+						var t = e.actions;
+						c({
+							type: "success",
+							sdkKind: "elements",
+							sdk: i,
+							checkoutActions: t,
+							session: t.getSession()
+						}), i.on("change", function(e) {
+							c(function(t) {
+								return t.type === "success" && t.sdkKind === "elements" ? {
+									type: "success",
+									sdkKind: "elements",
+									sdk: t.sdk,
+									checkoutActions: t.checkoutActions,
+									session: e
+								} : t;
+							});
+						});
+					} else c({
+						type: "error",
+						error: e.error
+					});
+				}).catch(function(e) {
+					c({
+						type: "error",
+						error: e
+					});
+				});
+			}
 		};
-		return window.addEventListener(et, e), window.addEventListener("storage", e), () => {
-			window.removeEventListener(et, e), window.removeEventListener("storage", e);
+		return a.tag === "async" ? a.stripePromise.then(function(e) {
+			d(e), e && t({ stripe: e });
+		}) : a.tag === "sync" && (d(a.stripe), t({ stripe: a.stripe })), function() {
+			e = !1;
 		};
-	}, []), n(() => {
-		x && (I(!0), Ne().then((e) => {
-			let t = e.filter((e) => e.id && e.amount !== void 0 && e.points !== void 0).sort((e, t) => (e.sortOrder ?? 0) - (t.sortOrder ?? 0)).map((e) => ({
-				id: e.id,
-				packageCode: e.packageCode,
-				packageName: e.packageName,
-				packageNameEn: e.packageNameEn,
-				price: Number(e.amount || 0),
-				points: Number(e.points || 0),
-				recommended: e.isRecommended,
-				sortOrder: e.sortOrder
-			}));
-			t.length > 0 && ee(t);
-		}).catch((e) => {
-			console.warn("Failed to load Mantur recharge packages.", e);
-		}).finally(() => I(!1)));
-	}, [x]);
-	let se = (e) => {
-		v.success(e);
-	}, ce = (e, t) => {
-		console.error(t), v.error(e);
-	}, le = t(async (e) => {
-		if (!G && e !== W) try {
-			P(!0), q(await qe(e)), se(g.switchedToTeam);
-		} catch (e) {
-			ce(g.error, e);
-		} finally {
-			P(!1);
-		}
 	}, [
-		q,
-		W,
-		G,
-		g.error,
-		g.switchedToTeam
-	]), ue = async (e) => {
-		let t = u?.trim();
-		try {
-			R(!0);
-			let n = await Pe({
-				..."custom" in e && e.custom ? { customAmount: e.price } : { packageId: e.id },
-				...t ? { app: t } : {},
-				uiMode: "elements"
-			});
-			if (!n) {
-				v.error(g.stripePaymentClientSecretMissing);
-				return;
-			}
-			typeof window < "u" && window.dispatchEvent(new CustomEvent(be, { detail: n })), v.success(g.rechargeOrderCreated), S(!1), H(n);
-		} catch (e) {
-			ce(g.error, e);
-		} finally {
-			R(!1);
+		a,
+		r,
+		c
+	]);
+	var p = un(n);
+	e.useEffect(function() {
+		p !== null && p !== n && console.warn("Unsupported prop change on CheckoutElementsProvider: You cannot change the `stripe` prop after setting it.");
+	}, [p, n]);
+	var m = Tn(s), h = un(r);
+	e.useEffect(function() {
+		if (m) {
+			var e = h?.elementsOptions?.appearance, t = r?.elementsOptions?.appearance, n = !fn(t, e);
+			t && n && m.changeAppearance(t);
+			var i = h?.elementsOptions?.fonts, a = r?.elementsOptions?.fonts, o = !fn(i, a);
+			a && o && m.loadFonts(a);
 		}
-	}, de = t(() => {
-		he(ie);
-	}, [ie]), fe = r(() => /* @__PURE__ */ V(_, {
-		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: W ? [W] : [],
-		onClickMenuItem: le,
-		children: [/* @__PURE__ */ B("div", {
-			className: "px-3 py-2 text-xs font-semibold tracking-[0.04em] text-arco-text-4 uppercase",
-			children: g.switchTeam
-		}), O.map((e, t) => /* @__PURE__ */ B(_.Item, {
-			className: "mb-1 h-auto! min-h-10! overflow-visible! rounded-lg! px-2! py-1! leading-normal!",
-			children: /* @__PURE__ */ V("div", {
-				className: "flex w-full items-center gap-3 leading-normal",
-				children: [/* @__PURE__ */ B("div", {
-					className: lr(t),
-					children: ur(e)
-				}), /* @__PURE__ */ V("div", {
-					className: "flex min-w-0 flex-col justify-center gap-0.75",
-					children: [/* @__PURE__ */ B("span", {
-						className: "text-sm leading-5 font-medium text-arco-text-1",
-						children: e.tenantName
-					}), /* @__PURE__ */ B("span", {
-						className: "text-xs leading-4 text-arco-text-3",
-						children: dr(e, g.owner, g.member)
-					})]
-				})]
-			})
-		}, e.tenantId))]
-	}), [
-		le,
-		W,
-		O,
-		g
-	]), pe = /* @__PURE__ */ B(or, {
-		user: T,
-		points: K,
-		text: g,
-		onEditProfile: () => b(!0),
-		onRecharge: () => S(!0),
-		onPointsDetail: () => w(!0),
-		onLogout: Oe
-	}), me = Math.max(0, O.findIndex((e) => e.tenantId === j?.tenantId));
-	return /* @__PURE__ */ V("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__ */ V("div", {
-				className: "flex items-center gap-6",
-				children: [/* @__PURE__ */ V("div", {
-					className: "flex w-65 items-center gap-3 px-8 max-md:w-auto max-md:px-4",
-					children: [/* @__PURE__ */ B(E, {
-						content: g.home,
-						position: "bottom",
-						children: /* @__PURE__ */ B("button", {
-							type: "button",
-							"aria-label": g.home,
-							className: "relative flex w-12 cursor-pointer items-center justify-center overflow-hidden rounded-md border-0 bg-transparent p-0 transition-opacity hover:opacity-80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-arco-primary-6",
-							onClick: de,
-							children: /* @__PURE__ */ B("img", {
-								src: sr,
-								alt: "logo",
-								className: "w-full object-contain",
-								onError: (e) => {
-									e.currentTarget.style.display = "none";
-								}
-							})
-						})
-					}), s ?? /* @__PURE__ */ B("span", {
-						className: "text-lg font-bold tracking-normal text-arco-text-1",
-						children: g.title
-					})]
-				}), /* @__PURE__ */ B(p, {
-					droplist: fe,
-					trigger: "click",
-					position: "bl",
-					disabled: G,
-					children: /* @__PURE__ */ V("div", {
-						"aria-disabled": G,
-						className: `flex items-center gap-3 rounded-full border border-arco-border-1 bg-arco-bg-1 px-2 py-1.5 transition-all ${G ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-arco-fill-2 hover:shadow-[0_4px_12px_rgb(0_0_0/8%)]"}`,
-						children: [
-							/* @__PURE__ */ B("div", {
-								className: lr(me, !0),
-								children: ur(j)
-							}),
-							/* @__PURE__ */ V("div", {
-								className: "flex min-w-0 flex-col",
-								children: [/* @__PURE__ */ B("span", {
-									className: "text-xs leading-none font-bold text-arco-text-1",
-									children: N ? g.loading : j?.tenantName || g.loading
-								}), /* @__PURE__ */ B("span", {
-									className: "mt-1 text-[10px] leading-none text-arco-text-3",
-									children: dr(j, g.owner, g.member)
-								})]
-							}),
-							/* @__PURE__ */ B(A, { className: "ml-1 text-arco-text-3" })
-						]
-					})
-				})]
-			}),
-			/* @__PURE__ */ B("div", {
-				className: "flex-1",
-				children: c
-			}),
-			/* @__PURE__ */ V("div", {
-				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ V("div", {
-					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ B(ct, {}), /* @__PURE__ */ B(st, {})]
-				}), /* @__PURE__ */ B(p, {
-					droplist: pe,
-					trigger: "click",
-					position: "br",
-					onVisibleChange: (e) => {
-						e && Me().catch((e) => {
-							console.warn("Failed to refresh Mantur user points.", e);
+	}, [
+		r,
+		h,
+		m
+	]), e.useEffect(function() {
+		pn(u);
+	}, [u]);
+	var g = e.useMemo(function() {
+		return {
+			stripe: u,
+			checkoutState: s
+		};
+	}, [u, s]);
+	return /* @__PURE__ */ e.createElement(yn.Provider, { value: g }, i);
+};
+En.propTypes = {
+	stripe: Y.default.any,
+	options: Y.default.shape({
+		clientSecret: Y.default.oneOfType([Y.default.string, Y.default.instanceOf(Promise)]).isRequired,
+		elementsOptions: Y.default.object
+	}).isRequired
+};
+var Dn = "Invalid prop `stripe` supplied to `CheckoutFormProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", On = function(t) {
+	var n = t.stripe, r = t.options, i = t.children, a = e.useMemo(function() {
+		return ln(n, Dn);
+	}, [n]), o = Qt(e.useState({
+		type: "loading",
+		sdk: null
+	}), 2), s = o[0], c = o[1], l = Qt(e.useState(null), 2), u = l[0], d = l[1], f = e.useRef(!1);
+	e.useEffect(function() {
+		var e = !0, t = function(t) {
+			var n = t.stripe;
+			if (n && e && !f.current) {
+				f.current = !0;
+				var i = n.initCheckoutFormSdk(r);
+				c({
+					type: "loading",
+					sdk: i
+				}), i.loadActions().then(function(e) {
+					if (e.type === "success") {
+						var t = e.actions;
+						c({
+							type: "success",
+							sdkKind: "form",
+							sdk: i,
+							checkoutActions: t,
+							session: t.getSession()
+						}), i.on("change", function(e) {
+							c(function(t) {
+								return t.type === "success" && t.sdkKind === "form" ? {
+									type: "success",
+									sdkKind: "form",
+									sdk: t.sdk,
+									checkoutActions: t.checkoutActions,
+									session: e
+								} : t;
+							});
 						});
-					},
-					children: /* @__PURE__ */ V("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__ */ V("div", {
-								className: "from-arco-primary to-transparent relative rounded-full bg-linear-to-br p-0.5 shadow-sm",
-								children: [/* @__PURE__ */ B(jt, {
-									user: T,
-									size: 36
-								}), /* @__PURE__ */ B("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__ */ B("div", {
-								className: "hidden flex-col md:flex",
-								children: /* @__PURE__ */ B("span", {
-									className: "text-arco-text-1 text-sm font-medium",
-									children: T?.nickname || T?.username
-								})
-							}),
-							/* @__PURE__ */ B(A, { className: "text-arco-text-3 ml-1" })
-						]
-					})
-				})]
-			}),
-			/* @__PURE__ */ B(Ot, {
-				visible: y,
-				user: T,
-				labels: g,
-				onCancel: () => b(!1),
-				onSubmit: oe
-			}),
-			/* @__PURE__ */ B(Pt, {
-				visible: x,
-				user: T,
-				points: K,
-				text: g,
-				packages: z,
-				packageLoading: F,
-				submitting: L,
-				onCancel: () => S(!1),
-				onPay: ue
-			}),
-			/* @__PURE__ */ B(St, {
-				visible: C,
-				points: K,
-				text: g,
-				onCancel: () => w(!1),
-				onRecharge: () => S(!0)
-			}),
-			/* @__PURE__ */ B(ar, {
-				visible: !!te,
-				publishableKey: re,
-				order: te,
-				text: g,
-				onCancel: () => H(void 0),
-				onSuccess: () => {
-					v.success(g.rechargeSuccess), H(void 0), Me().catch((e) => {
-						console.warn("Failed to refresh Mantur user points.", e);
+					} else c({
+						type: "error",
+						error: e.error
 					});
-				}
-			})
-		]
-	});
-}
-//#endregion
-//#region src/utils/date.ts
-var pr = /* @__PURE__ */ G((/* @__PURE__ */ U(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
-	})(e, (function() {
-		var e = 1e3, t = 6e4, n = 36e5, r = "millisecond", i = "second", a = "minute", o = "hour", s = "day", c = "week", l = "month", u = "quarter", d = "year", f = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, h = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = {
-			name: "en",
-			weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
-			months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
-			ordinal: function(e) {
-				var t = [
-					"th",
-					"st",
-					"nd",
-					"rd"
-				], n = e % 100;
-				return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
+				}).catch(function(e) {
+					c({
+						type: "error",
+						error: e
+					});
+				});
 			}
-		}, _ = function(e, t, n) {
-			var r = String(e);
-			return !r || r.length >= t ? e : "" + Array(t + 1 - r.length).join(n) + e;
-		}, v = {
-			s: _,
-			z: function(e) {
-				var t = -e.utcOffset(), n = Math.abs(t), r = Math.floor(n / 60), i = n % 60;
-				return (t <= 0 ? "+" : "-") + _(r, 2, "0") + ":" + _(i, 2, "0");
-			},
-			m: function e(t, n) {
-				if (t.date() < n.date()) return -e(n, t);
-				var r = 12 * (n.year() - t.year()) + (n.month() - t.month()), i = t.clone().add(r, l), a = n - i < 0, o = t.clone().add(r + (a ? -1 : 1), l);
-				return +(-(r + (n - i) / (a ? i - o : o - i)) || 0);
-			},
-			a: function(e) {
-				return e < 0 ? Math.ceil(e) || 0 : Math.floor(e);
-			},
-			p: function(e) {
-				return {
-					M: l,
-					y: d,
-					w: c,
-					d: s,
-					D: f,
-					h: o,
-					m: a,
-					s: i,
-					ms: r,
-					Q: u
-				}[e] || String(e || "").toLowerCase().replace(/s$/, "");
-			},
-			u: function(e) {
-				return e === void 0;
+		};
+		return a.tag === "async" ? a.stripePromise.then(function(e) {
+			d(e), e && t({ stripe: e });
+		}) : a.tag === "sync" && (d(a.stripe), t({ stripe: a.stripe })), function() {
+			e = !1;
+		};
+	}, [
+		a,
+		r,
+		c
+	]);
+	var p = un(n);
+	e.useEffect(function() {
+		p !== null && p !== n && console.warn("Unsupported prop change on CheckoutFormProvider: You cannot change the `stripe` prop after setting it.");
+	}, [p, n]);
+	var m = s.type === "success" || s.type === "loading" ? s.sdk : null, h = un(r);
+	e.useEffect(function() {
+		if (m) {
+			var e = h?.appearance, t = r?.appearance, n = !fn(t, e);
+			t && n && m.changeAppearance(t);
+			var i = h?.fonts, a = r?.fonts, o = !fn(i, a);
+			a && o && m.loadFonts(a);
+		}
+	}, [
+		r,
+		h,
+		m
+	]), e.useEffect(function() {
+		pn(u);
+	}, [u]);
+	var g = e.useMemo(function() {
+		return {
+			stripe: u,
+			checkoutState: s
+		};
+	}, [u, s]);
+	return /* @__PURE__ */ e.createElement(yn.Provider, { value: g }, i);
+};
+On.propTypes = {
+	stripe: Y.default.any,
+	options: Y.default.shape({
+		clientSecret: Y.default.oneOfType([Y.default.string, Y.default.instanceOf(Promise)]).isRequired,
+		appearance: Y.default.object,
+		loader: Y.default.string,
+		fonts: Y.default.array,
+		savedPaymentMethod: Y.default.object,
+		defaultValues: Y.default.object
+	}).isRequired
+};
+var Z = 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
+	]);
+}, kn = ["mode"], An = function(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}, Q = function(t, n, r) {
+	var i = r || `${An(t)}Element`, a = n ? function(t) {
+		xn(`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 = xn(`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 = Qt(e.useState(null), 2), k = O[0], A = O[1], j = e.useRef(null), M = e.useRef(null);
+		Z(k, "blur", c), Z(k, "focus", l), Z(k, "escape", f), Z(k, "click", p), Z(k, "loaderror", m), Z(k, "loaderstart", h), Z(k, "networkschange", g), Z(k, "confirm", _), Z(k, "cancel", v), Z(k, "shippingaddresschange", y), Z(k, "shippingratechange", b), Z(k, "savedpaymentmethodremove", x), Z(k, "savedpaymentmethodupdate", S), Z(k, "availablepaymentmethodschange", C), Z(k, "change", d);
+		var N;
+		u && (N = t === "expressCheckout" ? u : function() {
+			u(k);
+		}), Z(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 = Zt(s, kn);
+								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);
 			}
-		}, y = "en", b = {};
-		b[y] = g;
-		var x = "$isDayjsObject", S = function(e) {
-			return e instanceof E || !(!e || !e[x]);
-		}, C = function e(t, n, r) {
-			var i;
-			if (!t) return y;
-			if (typeof t == "string") {
-				var a = t.toLowerCase();
-				b[a] && (i = a), n && (b[a] = n, i = a);
-				var o = t.split("-");
-				if (!i && o.length > 1) return e(o[0]);
-			} else {
-				var s = t.name;
-				b[s] = t, i = s;
+		}, [
+			T,
+			D,
+			s
+		]);
+		var P = un(s);
+		return e.useEffect(function() {
+			if (j.current) {
+				var e = mn(s, P, ["paymentRequest"]);
+				e && "update" in j.current && j.current.update(e);
 			}
-			return !r && i && (y = i), i || !r && y;
-		}, w = function(e, t) {
-			if (S(e)) return e.clone();
-			var n = typeof t == "object" ? t : {};
-			return n.date = e, n.args = arguments, new E(n);
-		}, T = v;
-		T.l = C, T.i = S, T.w = function(e, t) {
-			return w(e, {
-				locale: t.$L,
-				utc: t.$u,
-				x: t.$x,
-				$offset: t.$offset
-			});
-		};
-		var E = function() {
-			function g(e) {
-				this.$L = C(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[x] = !0;
+		}, [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";
+Q("currencySelector", $);
+var jn = Q("payment", $);
+Q("paymentForm", $, "CheckoutForm"), Q("expressCheckout", $), Q("taxId", $);
+var Mn = Q("contactDetails", $);
+Q("address", $);
+//#endregion
+//#region node_modules/@stripe/stripe-js/dist/index.mjs
+function Nn(e) {
+	"@babel/helpers - typeof";
+	return Nn = 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;
+	}, Nn(e);
+}
+var Pn = "dahlia", Fn = function(e) {
+	return e === 3 ? "v3" : e;
+}, In = "https://js.stripe.com", Ln = `${In}/${Pn}/stripe.js`, Rn = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, zn = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/, Bn = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Vn = function(e) {
+	return Rn.test(e) || zn.test(e);
+}, Hn = function() {
+	for (var e = document.querySelectorAll(`script[src^="${In}"]`), t = 0; t < e.length; t++) {
+		var n = e[t];
+		if (Vn(n.src)) return n;
+	}
+	return null;
+}, Un = function(e) {
+	var t = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", n = document.createElement("script");
+	n.src = `${Ln}${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;
+}, Wn = function(e, t) {
+	!e || !e._registerWrapper || e._registerWrapper({
+		name: "stripe-js",
+		version: "9.6.0",
+		startTime: t
+	});
+}, Gn = null, Kn = null, qn = null, Jn = function(e) {
+	return function(t) {
+		e(Error("Failed to load Stripe.js", { cause: t }));
+	};
+}, Yn = function(e, t) {
+	return function() {
+		window.Stripe ? e(window.Stripe) : t(/* @__PURE__ */ Error("Stripe.js not available"));
+	};
+}, Xn = function(e) {
+	return Gn === null ? (Gn = new Promise(function(t, n) {
+		if (typeof window > "u" || typeof document > "u") {
+			t(null);
+			return;
+		}
+		if (window.Stripe && e && console.warn(Bn), window.Stripe) {
+			t(window.Stripe);
+			return;
+		}
+		try {
+			var r = Hn();
+			if (r && e) console.warn(Bn);
+			else if (!r) r = Un(e);
+			else if (r && qn !== null && Kn !== null) {
+				var i;
+				r.removeEventListener("load", qn), r.removeEventListener("error", Kn), (i = r.parentNode) == null || i.removeChild(r), r = Un(e);
 			}
-			var _ = g.prototype;
-			return _.parse = function(e) {
-				this.$d = function(e) {
-					var t = e.date, n = e.utc;
-					if (t === null) return /* @__PURE__ */ new Date(NaN);
-					if (T.u(t)) return /* @__PURE__ */ new Date();
-					if (t instanceof Date) return new Date(t);
-					if (typeof t == "string" && !/Z$/i.test(t)) {
-						var r = t.match(m);
-						if (r) {
-							var i = r[2] - 1 || 0, a = (r[7] || "0").substring(0, 3);
-							return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a);
-						}
-					}
-					return new Date(t);
-				}(e), this.init();
-			}, _.init = function() {
-				var e = this.$d;
-				this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
-			}, _.$utils = function() {
-				return T;
-			}, _.isValid = function() {
-				return this.$d.toString() !== p;
-			}, _.isSame = function(e, t) {
-				var n = w(e);
-				return this.startOf(t) <= n && n <= this.endOf(t);
-			}, _.isAfter = function(e, t) {
-				return w(e) < this.startOf(t);
-			}, _.isBefore = function(e, t) {
-				return this.endOf(t) < w(e);
-			}, _.$g = function(e, t, n) {
-				return T.u(e) ? this[t] : this.set(n, e);
-			}, _.unix = function() {
-				return Math.floor(this.valueOf() / 1e3);
-			}, _.valueOf = function() {
-				return this.$d.getTime();
-			}, _.startOf = function(e, t) {
-				var n = this, r = !!T.u(t) || t, u = T.p(e), p = function(e, t) {
-					var i = T.w(n.$u ? Date.UTC(n.$y, t, e) : new Date(n.$y, t, e), n);
-					return r ? i : i.endOf(s);
-				}, m = function(e, t) {
-					return T.w(n.toDate()[e].apply(n.toDate("s"), (r ? [
-						0,
-						0,
-						0,
-						0
-					] : [
-						23,
-						59,
-						59,
-						999
-					]).slice(t)), n);
-				}, h = this.$W, g = this.$M, _ = this.$D, v = "set" + (this.$u ? "UTC" : "");
-				switch (u) {
-					case d: return r ? p(1, 0) : p(31, 11);
-					case l: return r ? p(1, g) : p(0, g + 1);
-					case c:
-						var y = this.$locale().weekStart || 0, b = (h < y ? h + 7 : h) - y;
-						return p(r ? _ - b : _ + (6 - b), g);
-					case s:
-					case f: return m(v + "Hours", 0);
-					case o: return m(v + "Minutes", 1);
-					case a: return m(v + "Seconds", 2);
-					case i: return m(v + "Milliseconds", 3);
-					default: return this.clone();
+			qn = Yn(t, n), Kn = Jn(n), r.addEventListener("load", qn), r.addEventListener("error", Kn);
+		} catch (e) {
+			n(e);
+			return;
+		}
+	}), Gn.catch(function(e) {
+		return Gn = null, Promise.reject(e);
+	})) : Gn;
+}, Zn = 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 ${Nn(r)} instead.`);
+	var i = r.match(/^pk_test/), a = Fn(e.version), o = Pn;
+	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 Wn(s, n), s;
+}, Qn, $n = !1, er = function() {
+	return Qn || (Qn = Xn(null).catch(function(e) {
+		return Qn = null, Promise.reject(e);
+	}), Qn);
+};
+Promise.resolve().then(function() {
+	return er();
+}).catch(function(e) {
+	$n || console.warn(e);
+});
+var tr = function() {
+	var e = [...arguments];
+	$n = !0;
+	var t = Date.now();
+	return er().then(function(n) {
+		return Zn(n, e, t);
+	});
+}, nr = "-";
+function rr(e) {
+	return e === void 0 ? nr : `$${new Intl.NumberFormat("en-US").format(Number(e || 0))}`;
+}
+function ir(e) {
+	return /* @__PURE__ */ z(D.Text, {
+		className: "text-arco-text-1! text-3xl! leading-tight! font-bold!",
+		children: rr(e)
+	});
+}
+function ar({ text: e, onSuccess: t }) {
+	let n = Cn(), [r, i] = a(""), [s, l] = a(!1);
+	if (n.type === "loading") return /* @__PURE__ */ z("div", {
+		className: "flex min-h-80 items-center justify-center",
+		children: /* @__PURE__ */ z(S, { tip: e.stripePaymentLoading })
+	});
+	if (n.type === "error") return /* @__PURE__ */ z(o, {
+		type: "error",
+		content: n.error.message
+	});
+	let { checkout: u } = n, d = u.total.total.amount;
+	return /* @__PURE__ */ B("form", {
+		className: "flex flex-col gap-6",
+		onSubmit: async (n) => {
+			if (n.preventDefault(), !(!u.canConfirm || s)) {
+				l(!0), i("");
+				try {
+					let e = await u.confirm({ redirect: "if_required" });
+					if (e.type === "error") {
+						i(e.error.message);
+						return;
+					}
+					t();
+				} catch (t) {
+					i(t instanceof Error ? t.message : e.stripePaymentFailed);
+				} finally {
+					l(!1);
 				}
-			}, _.endOf = function(e) {
-				return this.startOf(e, !1);
-			}, _.$set = function(e, t) {
-				var n, c = T.p(e), u = "set" + (this.$u ? "UTC" : ""), p = (n = {}, n[s] = u + "Date", n[f] = u + "Date", n[l] = u + "Month", n[d] = u + "FullYear", n[o] = u + "Hours", n[a] = u + "Minutes", n[i] = u + "Seconds", n[r] = u + "Milliseconds", n)[c], m = c === s ? this.$D + (t - this.$W) : t;
-				if (c === l || c === d) {
-					var h = this.clone().set(f, 1);
-					h.$d[p](m), h.init(), this.$d = h.set(f, Math.min(this.$D, h.daysInMonth())).$d;
-				} else p && this.$d[p](m);
-				return this.init(), this;
-			}, _.set = function(e, t) {
-				return this.clone().$set(e, t);
-			}, _.get = function(e) {
-				return this[T.p(e)]();
-			}, _.add = function(r, u) {
-				var f, p = this;
-				r = Number(r);
-				var m = T.p(u), h = function(e) {
-					var t = w(p);
-					return T.w(t.date(t.date() + Math.round(e * r)), p);
-				};
-				if (m === l) return this.set(l, this.$M + r);
-				if (m === d) return this.set(d, this.$y + r);
-				if (m === s) return h(1);
-				if (m === c) return h(7);
-				var g = (f = {}, f[a] = t, f[o] = n, f[i] = e, f)[m] || 1, _ = this.$d.getTime() + r * g;
-				return T.w(_, this);
-			}, _.subtract = function(e, t) {
-				return this.add(-1 * e, t);
-			}, _.format = function(e) {
-				var t = this, n = this.$locale();
-				if (!this.isValid()) return n.invalidDate || p;
-				var r = e || "YYYY-MM-DDTHH:mm:ssZ", i = T.z(this), a = this.$H, o = this.$m, s = this.$M, c = n.weekdays, l = n.months, u = n.meridiem, d = function(e, n, i, a) {
-					return e && (e[n] || e(t, r)) || i[n].slice(0, a);
-				}, f = function(e) {
-					return T.s(a % 12 || 12, e, "0");
-				}, m = u || function(e, t, n) {
-					var r = e < 12 ? "AM" : "PM";
-					return n ? r.toLowerCase() : r;
-				};
-				return r.replace(h, (function(e, r) {
-					return r || function(e) {
-						switch (e) {
-							case "YY": return String(t.$y).slice(-2);
-							case "YYYY": return T.s(t.$y, 4, "0");
-							case "M": return s + 1;
-							case "MM": return T.s(s + 1, 2, "0");
-							case "MMM": return d(n.monthsShort, s, l, 3);
-							case "MMMM": return d(l, s);
-							case "D": return t.$D;
-							case "DD": return T.s(t.$D, 2, "0");
-							case "d": return String(t.$W);
-							case "dd": return d(n.weekdaysMin, t.$W, c, 2);
-							case "ddd": return d(n.weekdaysShort, t.$W, c, 3);
-							case "dddd": return c[t.$W];
-							case "H": return String(a);
-							case "HH": return T.s(a, 2, "0");
-							case "h": return f(1);
-							case "hh": return f(2);
-							case "a": return m(a, o, !0);
-							case "A": return m(a, o, !1);
-							case "m": return String(o);
-							case "mm": return T.s(o, 2, "0");
-							case "s": return String(t.$s);
-							case "ss": return T.s(t.$s, 2, "0");
-							case "SSS": return T.s(t.$ms, 3, "0");
-							case "Z": return i;
-						}
-						return null;
-					}(e) || i.replace(":", "");
-				}));
-			}, _.utcOffset = function() {
-				return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-			}, _.diff = function(r, f, p) {
-				var m, h = this, g = T.p(f), _ = w(r), v = (_.utcOffset() - this.utcOffset()) * t, y = this - _, b = function() {
-					return T.m(h, _);
-				};
-				switch (g) {
-					case d:
-						m = b() / 12;
-						break;
-					case l:
-						m = b();
-						break;
-					case u:
-						m = b() / 3;
-						break;
-					case c:
-						m = (y - v) / 6048e5;
-						break;
-					case s:
-						m = (y - v) / 864e5;
-						break;
-					case o:
-						m = y / n;
-						break;
-					case a:
-						m = y / t;
-						break;
-					case i:
-						m = y / e;
-						break;
-					default: m = y;
+			}
+		},
+		children: [
+			/* @__PURE__ */ B("div", {
+				className: "flex flex-col gap-3",
+				children: [/* @__PURE__ */ z(D.Title, {
+					heading: 6,
+					className: "text-arco-text-1! mb-0!",
+					children: e.stripeContactDetails
+				}), /* @__PURE__ */ z(Mn, {})]
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex flex-col gap-3",
+				children: [/* @__PURE__ */ z(D.Title, {
+					heading: 6,
+					className: "text-arco-text-1! mb-0!",
+					children: e.stripePaymentSection
+				}), /* @__PURE__ */ z(jn, { id: "mantur-stripe-payment-element" })]
+			}),
+			/* @__PURE__ */ B(c, {
+				htmlType: "submit",
+				type: "primary",
+				size: "large",
+				className: "w-full!",
+				disabled: !u.canConfirm || s,
+				loading: s,
+				children: [
+					e.stripePay,
+					" · ",
+					d
+				]
+			}),
+			r ? /* @__PURE__ */ z(o, {
+				type: "error",
+				content: r
+			}) : null
+		]
+	});
+}
+function or({ visible: e, publishableKey: n, order: s, text: l, onCancel: u, onSuccess: f }) {
+	let { resolvedTheme: p } = V(), [m, h] = a(!1), g = i(!1), _ = s?.clientSecret || s?.stripeClientSecret, v = r(() => n ? tr(n) : null, [n]), b = p === "dark" ? "night" : "flat", x = r(() => _ ? {
+		clientSecret: _,
+		elementsOptions: { appearance: {
+			theme: b,
+			labels: "above"
+		} }
+	} : void 0, [_, b]), S = r(() => [{
+		label: l.stripePaymentTotalAmount,
+		value: ir(s?.amount)
+	}, {
+		label: l.stripePaymentOrderNo,
+		value: s?.orderNo || nr
+	}], [
+		s?.amount,
+		s?.orderNo,
+		l.stripePaymentOrderNo,
+		l.stripePaymentTotalAmount
+	]), C = t(async () => {
+		if (g.current) return;
+		let e = s?.orderNo;
+		if (!e) {
+			u();
+			return;
+		}
+		g.current = !0, h(!0);
+		try {
+			await Ie(e);
+		} catch (e) {
+			console.warn("Failed to cancel Mantur recharge order.", e);
+		} finally {
+			g.current = !1, h(!1), u();
+		}
+	}, [u, s?.orderNo]), w = !n || !v ? /* @__PURE__ */ z(o, {
+		type: "error",
+		content: l.stripePaymentConfigMissing
+	}) : _ ? _.startsWith("cs_") ? x ? /* @__PURE__ */ z(En, {
+		stripe: v,
+		options: x,
+		children: /* @__PURE__ */ z(ar, {
+			text: l,
+			onSuccess: f
+		})
+	}, `${_}-${b}`) : /* @__PURE__ */ z(o, {
+		type: "error",
+		content: l.stripePaymentClientSecretMissing
+	}) : /* @__PURE__ */ z(o, {
+		type: "error",
+		content: l.stripeCheckoutClientSecretInvalid
+	}) : /* @__PURE__ */ z(o, {
+		type: "error",
+		content: l.stripePaymentClientSecretMissing
+	});
+	return /* @__PURE__ */ z(y, {
+		title: l.stripePaymentTitle,
+		visible: e,
+		closeIcon: null,
+		footer: /* @__PURE__ */ z("div", {
+			className: "flex justify-end gap-2 mx-auto max-w-7xl ",
+			children: /* @__PURE__ */ z(c, {
+				size: "large",
+				type: "primary",
+				status: "danger",
+				disabled: m,
+				loading: m,
+				onClick: () => void C(),
+				children: l.close
+			})
+		}),
+		onCancel: () => void C(),
+		alignCenter: !1,
+		wrapStyle: { padding: 0 },
+		style: {
+			width: "100vw",
+			maxWidth: "100vw",
+			height: "100vh",
+			top: 0,
+			margin: 0,
+			padding: 0
+		},
+		className: "top-0! m-0! flex! h-screen! w-screen! max-w-none! flex-col! rounded-none! [&_.arco-modal-body]:min-h-0! [&_.arco-modal-body]:flex-1! [&_.arco-modal-body]:overflow-auto! [&_.arco-modal-content]:flex! [&_.arco-modal-content]:h-full! [&_.arco-modal-content]:flex-col! [&_.arco-modal-content]:rounded-none! [&_.arco-modal-header]:shrink-0!",
+		focusLock: !1,
+		children: /* @__PURE__ */ B("div", {
+			className: "mx-auto flex min-h-full w-full max-w-7xl gap-8 px-6 py-6 lg:px-8",
+			children: [/* @__PURE__ */ z("div", {
+				className: "w-80",
+				children: /* @__PURE__ */ z("div", {
+					className: "bg-arco-bg-1 mx-auto w-full rounded-xl p-6",
+					children: /* @__PURE__ */ z(d, {
+						border: !1,
+						column: 1,
+						data: S,
+						labelStyle: { width: 96 }
+					})
+				})
+			}), /* @__PURE__ */ z("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ z("div", {
+					className: "bg-arco-bg-1 mx-auto w-full max-w-2xl rounded-xl p-6",
+					children: w
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/header/components/UserMenu.tsx
+function sr({ user: e, text: t, onEditProfile: n, onLogout: r }) {
+	return /* @__PURE__ */ B("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__ */ B("div", {
+				className: "flex items-center gap-3 px-6 pt-5 pb-4",
+				children: [/* @__PURE__ */ z(Nt, {
+					user: e,
+					size: 48,
+					className: "shrink-0"
+				}), /* @__PURE__ */ B("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-1",
+					children: [/* @__PURE__ */ B("div", {
+						className: "flex min-w-0 items-center gap-1.5",
+						children: [/* @__PURE__ */ z("span", {
+							className: "text-arco-text-1 truncate text-base leading-6 font-bold",
+							children: e?.nickname || e?.username
+						}), /* @__PURE__ */ z(c, {
+							type: "text",
+							size: "mini",
+							icon: /* @__PURE__ */ z(j, {}),
+							className: "text-arco-text-3 h-6! min-w-6! px-0!",
+							onClick: n
+						})]
+					}), e?.email ? /* @__PURE__ */ z("span", {
+						className: "text-arco-text-3 truncate text-xs leading-5",
+						children: e.email
+					}) : null]
+				})]
+			}),
+			/* @__PURE__ */ z(f, { className: "m-0!" }),
+			/* @__PURE__ */ z("div", {
+				className: "px-6 py-4",
+				children: /* @__PURE__ */ z(c, {
+					icon: /* @__PURE__ */ z(F, {}),
+					type: "text",
+					status: "danger",
+					long: !0,
+					className: "flex! items-center justify-start gap-2 text-sm text-arco-text-2",
+					onClick: () => void r?.(),
+					children: t.logout
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/header/ManturHeader.tsx
+var cr = "https://mantur.ai/images/logo.png", lr = [
+	"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 ur(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 ${lr[e % lr.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
+}
+function dr(e) {
+	return e?.tenantName?.[0]?.toUpperCase() || "T";
+}
+function fr(e, t, n) {
+	let r = e?.roles?.map((e) => e.roleName).filter(Boolean);
+	return r?.length ? r.join(", ") : e?.isOwner ? t : n;
+}
+function pr({ user: e, disabled: o = !1, brandSlot: s, children: c, onTenantContextChange: l, appName: u, mainPrefix: d, stripePublishableKey: f }) {
+	let [m, h] = a(() => nt()), g = rt(m), [y, b] = a(!1), [x, S] = a(!1), [C, w] = a(!1), [T, D] = a(e), [O, k] = a([]), [j, M] = a(), [N, P] = a(!1), [F, I] = a(!1), [L, R] = a(!1), [V, ee] = a([]), [te, ne] = a(), re = i(l), ie = f || (typeof window < "u" ? window.__MANTUR_COMPONENTS_STRIPE_PUBLISHABLE_KEY__ : void 0) || "pk_test_51TJ8JiERSsQknDG7bJSIX81RFq3LcCfUXCV7mh0cQsZ2dwmYcJ5Ki6bPXynNvdyZEEBE83I6I719NIFyO9Qreey700yPAul8sv", ae = d ?? (typeof window < "u" ? window.__MANTUR_MAIN_PREFIX__ : void 0) ?? void 0, [H, oe] = a({
+		total: 0,
+		recharge: 0,
+		gifted: 0
+	}), U = j?.tenantId || "", W = o, G = {
+		total: H.total ?? 0,
+		recharge: H.recharge ?? 0,
+		gifted: H.gifted ?? 0
+	}, se = async (e) => {
+		let t = await ke(e);
+		return t && D(t), t;
+	};
+	n(() => {
+		D(e);
+	}, [e]), n(() => {
+		re.current = l;
+	}, [l]);
+	let K = t((e) => {
+		k(e.tenants), M(e.currentTenant), re.current?.(e);
+	}, []);
+	n(() => {
+		P(!0), Ke().then(K).catch((e) => {
+			console.warn("Failed to refresh Mantur tenant context.", e), v.error(g.error);
+		}).finally(() => P(!1));
+	}, [K, g.error]), n(() => {
+		let e = (e) => {
+			e instanceof CustomEvent && oe(e.detail);
+		};
+		return window.addEventListener(ye, e), Me().catch((e) => {
+			console.warn("Failed to refresh Mantur user points.", e);
+		}), () => {
+			window.removeEventListener(ye, e);
+		};
+	}, []), n(() => {
+		let e = (e) => {
+			h(e instanceof CustomEvent ? J(e.detail) : nt());
+		};
+		return window.addEventListener(et, e), window.addEventListener("storage", e), () => {
+			window.removeEventListener(et, e), window.removeEventListener("storage", e);
+		};
+	}, []), n(() => {
+		x && (I(!0), Ne().then((e) => {
+			let t = e.filter((e) => e.id && e.amount !== void 0 && e.points !== void 0).sort((e, t) => (e.sortOrder ?? 0) - (t.sortOrder ?? 0)).map((e) => ({
+				id: e.id,
+				packageCode: e.packageCode,
+				packageName: e.packageName,
+				packageNameEn: e.packageNameEn,
+				price: Number(e.amount || 0),
+				points: Number(e.points || 0),
+				recommended: e.isRecommended,
+				sortOrder: e.sortOrder
+			}));
+			t.length > 0 && ee(t);
+		}).catch((e) => {
+			console.warn("Failed to load Mantur recharge packages.", e);
+		}).finally(() => I(!1)));
+	}, [x]);
+	let ce = (e) => {
+		v.success(e);
+	}, le = (e, t) => {
+		console.error(t), v.error(e);
+	}, ue = t(async (e) => {
+		if (!W && e !== U) try {
+			P(!0), K(await qe(e)), ce(g.switchedToTeam);
+		} catch (e) {
+			le(g.error, e);
+		} finally {
+			P(!1);
+		}
+	}, [
+		K,
+		U,
+		W,
+		g.error,
+		g.switchedToTeam
+	]), de = async (e) => {
+		let t = u?.trim();
+		try {
+			R(!0);
+			let n = await Pe({
+				..."custom" in e && e.custom ? { customAmount: e.price } : { packageId: e.id },
+				...t ? { app: t } : {},
+				uiMode: "elements"
+			});
+			if (!n) {
+				v.error(g.stripePaymentClientSecretMissing);
+				return;
+			}
+			typeof window < "u" && window.dispatchEvent(new CustomEvent(be, { detail: n })), v.success(g.rechargeOrderCreated), S(!1), ne(n);
+		} catch (e) {
+			le(g.error, e);
+		} finally {
+			R(!1);
+		}
+	}, fe = t(() => {
+		he(ae);
+	}, [ae]), pe = r(() => /* @__PURE__ */ B(_, {
+		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: U ? [U] : [],
+		onClickMenuItem: ue,
+		children: [/* @__PURE__ */ z("div", {
+			className: "px-3 py-2 text-xs font-semibold tracking-[0.04em] text-arco-text-4 uppercase",
+			children: g.switchTeam
+		}), O.map((e, t) => /* @__PURE__ */ z(_.Item, {
+			className: "mb-1 h-auto! min-h-10! overflow-visible! rounded-lg! px-2! py-1! leading-normal!",
+			children: /* @__PURE__ */ B("div", {
+				className: "flex w-full items-center gap-3 leading-normal",
+				children: [/* @__PURE__ */ z("div", {
+					className: ur(t),
+					children: dr(e)
+				}), /* @__PURE__ */ B("div", {
+					className: "flex min-w-0 flex-col justify-center gap-0.75",
+					children: [/* @__PURE__ */ z("span", {
+						className: "text-sm leading-5 font-medium text-arco-text-1",
+						children: e.tenantName
+					}), /* @__PURE__ */ z("span", {
+						className: "text-xs leading-4 text-arco-text-3",
+						children: fr(e, g.owner, g.member)
+					})]
+				})]
+			})
+		}, e.tenantId))]
+	}), [
+		ue,
+		U,
+		O,
+		g
+	]), me = /* @__PURE__ */ z(sr, {
+		user: T,
+		points: G,
+		text: g,
+		onEditProfile: () => b(!0),
+		onRecharge: () => S(!0),
+		onPointsDetail: () => w(!0),
+		onLogout: Oe
+	}), ge = Math.max(0, O.findIndex((e) => e.tenantId === j?.tenantId));
+	return /* @__PURE__ */ B("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__ */ B("div", {
+				className: "flex items-center gap-6",
+				children: [/* @__PURE__ */ B("div", {
+					className: "flex w-65 items-center gap-3 px-8 max-md:w-auto max-md:px-4",
+					children: [/* @__PURE__ */ z(E, {
+						content: g.home,
+						position: "bottom",
+						children: /* @__PURE__ */ z("button", {
+							type: "button",
+							"aria-label": g.home,
+							className: "relative flex w-12 cursor-pointer items-center justify-center overflow-hidden rounded-md border-0 bg-transparent p-0 transition-opacity hover:opacity-80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-arco-primary-6",
+							onClick: fe,
+							children: /* @__PURE__ */ z("img", {
+								src: cr,
+								alt: "logo",
+								className: "w-full object-contain",
+								onError: (e) => {
+									e.currentTarget.style.display = "none";
+								}
+							})
+						})
+					}), s ?? /* @__PURE__ */ z("span", {
+						className: "text-lg font-bold tracking-normal text-arco-text-1",
+						children: g.title
+					})]
+				}), /* @__PURE__ */ z(p, {
+					droplist: pe,
+					trigger: "click",
+					position: "bl",
+					disabled: W,
+					children: /* @__PURE__ */ B("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__ */ z("div", {
+								className: ur(ge, !0),
+								children: dr(j)
+							}),
+							/* @__PURE__ */ B("div", {
+								className: "flex min-w-0 flex-col",
+								children: [/* @__PURE__ */ z("span", {
+									className: "text-xs leading-none font-bold text-arco-text-1",
+									children: N ? g.loading : j?.tenantName || g.loading
+								}), /* @__PURE__ */ z("span", {
+									className: "mt-1 text-[10px] leading-none text-arco-text-3",
+									children: fr(j, g.owner, g.member)
+								})]
+							}),
+							/* @__PURE__ */ z(A, { className: "ml-1 text-arco-text-3" })
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "flex-1",
+				children: c
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ B("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ z(ct, {}), /* @__PURE__ */ z(st, {})]
+				}), /* @__PURE__ */ z(p, {
+					droplist: me,
+					trigger: "click",
+					position: "br",
+					onVisibleChange: (e) => {
+						e && Me().catch((e) => {
+							console.warn("Failed to refresh Mantur user points.", e);
+						});
+					},
+					children: /* @__PURE__ */ B("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__ */ B("div", {
+								className: "from-arco-primary to-transparent relative rounded-full bg-linear-to-br p-0.5 shadow-sm",
+								children: [/* @__PURE__ */ z(Nt, {
+									user: T,
+									size: 36
+								}), /* @__PURE__ */ z("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__ */ z("div", {
+								className: "hidden flex-col md:flex",
+								children: /* @__PURE__ */ z("span", {
+									className: "text-arco-text-1 text-sm font-medium",
+									children: T?.nickname || T?.username
+								})
+							}),
+							/* @__PURE__ */ z(A, { className: "text-arco-text-3 ml-1" })
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ z(At, {
+				visible: y,
+				user: T,
+				labels: g,
+				onCancel: () => b(!1),
+				onSubmit: se
+			}),
+			/* @__PURE__ */ z(It, {
+				visible: x,
+				user: T,
+				points: G,
+				text: g,
+				packages: V,
+				packageLoading: F,
+				submitting: L,
+				onCancel: () => S(!1),
+				onPay: de
+			}),
+			/* @__PURE__ */ z(wt, {
+				visible: C,
+				points: G,
+				text: g,
+				onCancel: () => w(!1),
+				onRecharge: () => S(!0)
+			}),
+			/* @__PURE__ */ z(or, {
+				visible: !!te,
+				publishableKey: ie,
+				order: te,
+				text: g,
+				onCancel: () => ne(void 0),
+				onSuccess: () => {
+					v.success(g.rechargeSuccess), ne(void 0), Me().catch((e) => {
+						console.warn("Failed to refresh Mantur user points.", e);
+					});
 				}
-				return p ? m : T.a(m);
-			}, _.daysInMonth = function() {
-				return this.endOf(l).$D;
-			}, _.$locale = function() {
-				return b[this.$L];
-			}, _.locale = function(e, t) {
-				if (!e) return this.$L;
-				var n = this.clone(), r = C(e, t, !0);
-				return r && (n.$L = r), n;
-			}, _.clone = function() {
-				return T.w(this.$d, this);
-			}, _.toDate = function() {
-				return new Date(this.valueOf());
-			}, _.toJSON = function() {
-				return this.isValid() ? this.toISOString() : null;
-			}, _.toISOString = function() {
-				return this.$d.toISOString();
-			}, _.toString = function() {
-				return this.$d.toUTCString();
-			}, g;
-		}(), D = E.prototype;
-		return w.prototype = D, [
-			["$ms", r],
-			["$s", i],
-			["$m", a],
-			["$H", o],
-			["$W", s],
-			["$M", l],
-			["$y", d],
-			["$D", f]
-		].forEach((function(e) {
-			D[e[1]] = function(t) {
-				return this.$g(t, e[0], e[1]);
-			};
-		})), w.extend = function(e, t) {
-			return e.$i ||= (e(t, E, w), !0), w;
-		}, w.locale = C, w.isDayjs = S, w.unix = function(e) {
-			return w(1e3 * e);
-		}, w.en = b[y], w.Ls = b, w.p = {}, w;
-	}));
-})))(), 1);
-function mr(e, t = "datetime", n) {
-	if (!e) return "-";
-	let r = (n ? Y(n) : nt()).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, pr.default)(e).format(i);
+			})
+		]
+	});
 }
 //#endregion
 //#region src/utils/stripe-payment-window.ts
-var hr = "mantur-stripe-payment-window", gr = "/stripe-payment";
-function _r(e) {
+var mr = "mantur-stripe-payment-window", hr = "/stripe-payment";
+function gr(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 vr(e = "close", t, n = typeof window > "u" ? void 0 : window.location.origin) {
+function _r(e = "close", t, n = typeof window > "u" ? void 0 : window.location.origin) {
 	if (typeof window > "u" || !n) return;
 	let r = {
 		source: "mantur-components",
-		type: hr,
+		type: mr,
 		action: e,
 		orderNo: t
 	};
 	window.opener?.postMessage(r, n), window.parent && window.parent !== window && window.parent.postMessage(r, n);
 }
-function yr() {
+function vr() {
 	return typeof window > "u" ? void 0 : window.__MANTUR_MAIN_PREFIX__ || void 0;
 }
-function br() {
+function yr() {
 	return typeof window > "u" ? "mantur" : window.__MANTUR_APP_NAME__ || "mantur";
 }
-function xr(e, t) {
+function br(e, t) {
 	let n = e.split(".");
 	return n.length <= 1 ? t : [t, ...n.slice(1)].join(".");
 }
-function Sr(e) {
-	let t = new URL(e.toString()), n = yr()?.trim();
-	return n && br() !== "mantur" && (t.hostname = xr(e.hostname, n)), t.port = "", t.toString();
+function xr(e) {
+	let t = new URL(e.toString()), n = vr()?.trim();
+	return n && yr() !== "mantur" && (t.hostname = br(e.hostname, n)), t.port = "", t.toString();
 }
-function Cr(e, t = {}) {
+function Sr(e, t = {}) {
 	let n = e.clientSecret || e.stripeClientSecret;
 	if (typeof window > "u" || !e.orderNo || !n) return;
-	let r = new URL(gr, window.location.href), i = pe(), a = t.app || i.app, o = t.redirect || i.redirect;
-	return r.searchParams.set("orderNo", e.orderNo), r.searchParams.set("clientSecret", n), r.searchParams.set("openerOrigin", window.location.origin), r.searchParams.set("app", a), r.searchParams.set("redirect", o), e.amount !== void 0 && r.searchParams.set("amount", String(e.amount)), e.points !== void 0 && r.searchParams.set("points", String(e.points)), t.stripePublishableKey && r.searchParams.set("publishableKey", t.stripePublishableKey), Sr(r);
+	let r = new URL(hr, window.location.href), i = pe(), a = t.app || i.app, o = t.redirect || i.redirect;
+	return r.searchParams.set("orderNo", e.orderNo), r.searchParams.set("clientSecret", n), r.searchParams.set("openerOrigin", window.location.origin), r.searchParams.set("app", a), r.searchParams.set("redirect", o), e.amount !== void 0 && r.searchParams.set("amount", String(e.amount)), e.points !== void 0 && r.searchParams.set("points", String(e.points)), t.stripePublishableKey && r.searchParams.set("publishableKey", t.stripePublishableKey), xr(r);
 }
-function wr(e, t = {}) {
-	return Cr(e, t) || e.paymentUrl || e.checkoutUrl || e.url || e.returnUrl;
+function Cr(e, t = {}) {
+	return Sr(e, t) || e.paymentUrl || e.checkoutUrl || e.url || e.returnUrl;
 }
 //#endregion
-export { ye as MANTUR_POINTS_REFRESH_EVENT, be as MANTUR_RECHARGE_ORDER_CREATED_EVENT, gr as MANTUR_STRIPE_PAYMENT_ROUTE, hr as MANTUR_STRIPE_PAYMENT_WINDOW_MESSAGE_TYPE, xe as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, fr as ManturHeader, Ie as cancelManturRechargeOrder, Pe as createManturRechargeOrder, mr as formatDateByLang, ze as getManturBillingAccount, Be as getManturBillingLedger, Ne as getManturBillingPackages, Re as getManturPricingChargePoint, Le as getManturPricingChargePoints, Fe as getManturRechargeOrder, pe as getManturRechargeRedirectContext, _r as isManturStripePaymentWindowMessage, vr as postManturStripePaymentWindowMessage, ge as redirectToManturMain, he as redirectToManturMainHome, Ke as refreshManturTenantContext, Me as refreshManturUserPoints, me as resolveManturMainHomeUrl, wr as resolveManturRechargePaymentPageUrl, Cr as resolveManturStripePaymentPageUrl };
+export { ye as MANTUR_POINTS_REFRESH_EVENT, be as MANTUR_RECHARGE_ORDER_CREATED_EVENT, hr as MANTUR_STRIPE_PAYMENT_ROUTE, mr as MANTUR_STRIPE_PAYMENT_WINDOW_MESSAGE_TYPE, xe as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, pr as ManturHeader, Ie as cancelManturRechargeOrder, Pe as createManturRechargeOrder, ut as formatDateByLang, ze as getManturBillingAccount, Be as getManturBillingLedger, Ne as getManturBillingPackages, Re as getManturPricingChargePoint, Le as getManturPricingChargePoints, Fe as getManturRechargeOrder, pe as getManturRechargeRedirectContext, gr as isManturStripePaymentWindowMessage, _r as postManturStripePaymentWindowMessage, ge as redirectToManturMain, he as redirectToManturMainHome, Ke as refreshManturTenantContext, Me as refreshManturUserPoints, me as resolveManturMainHomeUrl, Cr as resolveManturRechargePaymentPageUrl, Sr as resolveManturStripePaymentPageUrl };