mantur-components 0.1.13-beta.2 → 0.1.13-beta.3

package/dist/mantur-components.js

@@ -470,55 +470,357 @@ function ct() {
 	});
 }
 //#endregion
+//#region src/utils/date.ts
+var lt = /* @__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]) + "]";
+			}
+		}, _ = 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 ? 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, 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 }) {
+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), P = 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,8 +830,8 @@ 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;
@@ -586,7 +888,7 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 			width: 110,
 			align: "right",
 			render: (e, t) => /* @__PURE__ */ B(T, {
-				color: ht(t.badgeKind),
+				color: _t(t.badgeKind),
 				children: t.badgeText
 			})
 		}
@@ -723,7 +1025,7 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 										})
 									]
 								}),
-								/* @__PURE__ */ B(lt, {
+								/* @__PURE__ */ B(dt, {
 									value: g,
 									onChange: (e) => {
 										_(e || []), E(1);
@@ -748,7 +1050,7 @@ function St({ visible: e, points: r, text: o, onCancel: s, onRecharge: u }) {
 						/* @__PURE__ */ B(b, {
 							className: "mt-3 flex justify-center!",
 							current: S,
-							pageSize: ut,
+							pageSize: ft,
 							total: A,
 							onChange: E
 						})
@@ -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(() => {
@@ -860,10 +1162,10 @@ function Ot({ visible: e, user: t, labels: r, onCancel: o, onSubmit: l }) {
 							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;
 								}
@@ -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,10 +1213,10 @@ 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 = "" }) {
+function Nt({ user: e, size: t, className: n = "" }) {
 	return /* @__PURE__ */ B(s, {
 		size: t,
 		className: `bg-arco-primary/20! text-arco-primary-6 border-2 font-bold ${n}`,
@@ -922,20 +1224,20 @@ function jt({ user: e, size: t, className: n = "" }) {
 			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,
@@ -993,7 +1295,7 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 			className: "mx-auto flex h-full w-full max-w-7xl flex-col items-center ",
 			children: [/* @__PURE__ */ V("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__ */ B(Nt, {
 					user: t,
 					size: 32,
 					className: "shrink-0"
@@ -1028,8 +1330,8 @@ 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, {
@@ -1072,8 +1374,8 @@ function Pt({ visible: e, user: t, points: r, text: o, packages: s, packageLoadi
 							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", {
@@ -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__ */ U(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -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__ */ U(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -1292,9 +1594,9 @@ var Ft = /* @__PURE__ */ U(((e) => {
 		}
 		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;
 	})();
-})), Lt = /* @__PURE__ */ U(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = Ft() : t.exports = It();
-})), Rt = /* @__PURE__ */ U(((e, t) => {
+})), zt = /* @__PURE__ */ U(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Lt() : t.exports = Rt();
+})), Bt = /* @__PURE__ */ U(((e, t) => {
 	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
 	function a(e) {
 		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
@@ -1327,14 +1629,14 @@ var Ft = /* @__PURE__ */ U(((e) => {
 		}
 		return s;
 	};
-})), zt = /* @__PURE__ */ U(((e, t) => {
+})), Vt = /* @__PURE__ */ U(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), Bt = /* @__PURE__ */ U(((e, t) => {
+})), Ht = /* @__PURE__ */ U(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), Vt = /* @__PURE__ */ U(((e, t) => {
+})), Ut = /* @__PURE__ */ U(((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__ */ U(((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);
@@ -1626,8 +1928,8 @@ var Ft = /* @__PURE__ */ U(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), Ut = /* @__PURE__ */ U(((e, t) => {
-	var n = zt();
+})), Gt = /* @__PURE__ */ U(((e, t) => {
+	var n = Vt();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -1668,11 +1970,11 @@ var Ft = /* @__PURE__ */ U(((e) => {
 	};
 })), 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()();
+		var n = zt();
+		t.exports = Wt()(n.isElement, !0);
+	} else t.exports = Gt()();
 })))(), 1);
-function Wt(e, t) {
+function Kt(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -1682,26 +1984,26 @@ function Wt(e, t) {
 	}
 	return n;
 }
-function Gt(e) {
+function qt(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) {
+		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 Kt(e) {
+function Jt(e) {
 	"@babel/helpers - typeof";
-	return Kt = 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;
-	}, Kt(e);
+	}, Jt(e);
 }
-function qt(e, t, n) {
+function Yt(e, t, n) {
 	return t in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
@@ -1709,28 +2011,28 @@ function qt(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function Jt(e, t) {
+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 Yt(e, t) {
+function Zt(e, t) {
 	if (e == null) return {};
-	var n = Jt(e, t), r, i;
+	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;
 }
-function Xt(e, t) {
-	return Zt(e) || Qt(e, t) || $t(e, t) || tn();
+function Qt(e, t) {
+	return $t(e) || en(e, t) || tn(e, t) || rn();
 }
-function Zt(e) {
+function $t(e) {
 	if (Array.isArray(e)) return e;
 }
-function Qt(e, 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;
@@ -1748,56 +2050,56 @@ function Qt(e, t) {
 		return r;
 	}
 }
-function $t(e, t) {
+function tn(e, t) {
 	if (e) {
-		if (typeof e == "string") return en(e, t);
+		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 en(e, t);
+		if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return nn(e, t);
 	}
 }
-function en(e, 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 tn() {
+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 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;
+var an = function(e) {
+	return e !== null && Jt(e) === "object";
+}, on = function(e) {
+	return an(e) && typeof e.then == "function";
+}, sn = function(e) {
+	return an(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
+}, cn = "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.", ln = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : cn;
+	if (e === null || sn(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 {
+}, un = function(e) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : cn;
+	if (on(e)) return {
 		tag: "async",
 		stripePromise: Promise.resolve(e).then(function(e) {
-			return sn(e, t);
+			return ln(e, t);
 		})
 	};
-	var n = sn(e, t);
+	var n = ln(e, t);
 	return n === null ? { tag: "empty" } : {
 		tag: "sync",
 		stripe: n
 	};
-}, ln = function(t) {
+}, dn = 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;
+}, fn = "[object Object]", pn = function e(t, n) {
+	if (!an(t) || !an(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;
+	var i = Object.prototype.toString.call(t) === fn;
+	if (i !== (Object.prototype.toString.call(n) === fn)) return !1;
 	if (!i && !r) return t === n;
 	var a = Object.keys(t), o = Object.keys(n);
 	if (a.length !== o.length) return !1;
@@ -1809,7 +2111,7 @@ var nn = function(e) {
 	return u.every(function(t) {
 		return e(d[t], f[t]);
 	});
-}, fn = function(e) {
+}, mn = function(e) {
 	!e || !e._registerWrapper || !e.registerAppInfo || (e._registerWrapper({
 		name: "react-stripe-js",
 		version: "6.4.0"
@@ -1818,58 +2120,58 @@ var nn = function(e) {
 		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;
+}, hn = function(e, t, n) {
+	return an(e) ? Object.keys(e).reduce(function(r, i) {
+		var a = !an(t) || !pn(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;
-}, mn = /* @__PURE__ */ e.createContext(null);
-mn.displayName = "ElementsContext";
-var hn = function(e, t) {
+}, gn = /* @__PURE__ */ e.createContext(null);
+gn.displayName = "ElementsContext";
+var _n = 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) {
+var vn = ["on", "loadActions"], yn = ["getSession"], bn = /* @__PURE__ */ e.createContext(null);
+bn.displayName = "CheckoutContext";
+var xn = 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);
+}, Sn = function(t) {
+	var n = e.useContext(bn), r = e.useContext(gn);
 	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) {
+	} else return _n(r, t);
+}, Cn = 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);
+		var i = Zt(t, vn);
 		r.getSession;
-		var a = Yt(r, _n);
+		var a = Zt(r, yn);
 		return {
 			type: "success",
-			checkout: Gt(Gt(Gt({}, n), i), a)
+			checkout: qt(qt(qt({}, 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;
+}, wn = function() {
+	var t = xn(e.useContext(bn), "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 Cn(t);
+}, Tn = "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.", En = function(e) {
 	return e.type === "success" || e.type === "loading" ? e.sdk : null;
-}, Tn = function(t) {
+}, Dn = 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({
+		return un(n, Tn);
+	}, [n]), o = Qt(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);
+	}), 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;
@@ -1921,16 +2223,16 @@ var yn = function(e, t) {
 		r,
 		c
 	]);
-	var p = ln(n);
+	var p = dn(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);
+	var m = En(s), h = dn(r);
 	e.useEffect(function() {
 		if (m) {
-			var e = h?.elementsOptions?.appearance, t = r?.elementsOptions?.appearance, n = !dn(t, e);
+			var e = h?.elementsOptions?.appearance, t = r?.elementsOptions?.appearance, n = !pn(t, e);
 			t && n && m.changeAppearance(t);
-			var i = h?.elementsOptions?.fonts, a = r?.elementsOptions?.fonts, o = !dn(i, a);
+			var i = h?.elementsOptions?.fonts, a = r?.elementsOptions?.fonts, o = !pn(i, a);
 			a && o && m.loadFonts(a);
 		}
 	}, [
@@ -1938,7 +2240,7 @@ var yn = function(e, t) {
 		h,
 		m
 	]), e.useEffect(function() {
-		fn(u);
+		mn(u);
 	}, [u]);
 	var g = e.useMemo(function() {
 		return {
@@ -1946,22 +2248,22 @@ var yn = function(e, t) {
 			checkoutState: s
 		};
 	}, [u, s]);
-	return /* @__PURE__ */ e.createElement(vn.Provider, { value: g }, i);
+	return /* @__PURE__ */ e.createElement(bn.Provider, { value: g }, i);
 };
-Tn.propTypes = {
+Dn.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 On = "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.", kn = 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({
+		return un(n, On);
+	}, [n]), o = Qt(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);
+	}), 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;
@@ -2013,16 +2315,16 @@ var En = "Invalid prop `stripe` supplied to `CheckoutFormProvider`. We recommend
 		r,
 		c
 	]);
-	var p = ln(n);
+	var p = dn(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);
+	var m = s.type === "success" || s.type === "loading" ? s.sdk : null, h = dn(r);
 	e.useEffect(function() {
 		if (m) {
-			var e = h?.appearance, t = r?.appearance, n = !dn(t, e);
+			var e = h?.appearance, t = r?.appearance, n = !pn(t, e);
 			t && n && m.changeAppearance(t);
-			var i = h?.fonts, a = r?.fonts, o = !dn(i, a);
+			var i = h?.fonts, a = r?.fonts, o = !pn(i, a);
 			a && o && m.loadFonts(a);
 		}
 	}, [
@@ -2030,7 +2332,7 @@ var En = "Invalid prop `stripe` supplied to `CheckoutFormProvider`. We recommend
 		h,
 		m
 	]), e.useEffect(function() {
-		fn(u);
+		mn(u);
 	}, [u]);
 	var g = e.useMemo(function() {
 		return {
@@ -2038,9 +2340,9 @@ var En = "Invalid prop `stripe` supplied to `CheckoutFormProvider`. We recommend
 			checkoutState: s
 		};
 	}, [u, s]);
-	return /* @__PURE__ */ e.createElement(vn.Provider, { value: g }, i);
+	return /* @__PURE__ */ e.createElement(bn.Provider, { value: g }, i);
 };
-Dn.propTypes = {
+kn.propTypes = {
 	stripe: X.default.any,
 	options: X.default.shape({
 		clientSecret: X.default.oneOfType([X.default.string, X.default.instanceOf(Promise)]).isRequired,
@@ -2069,18 +2371,18 @@ var Z = function(t, n, r) {
 		t,
 		a
 	]);
-}, On = ["mode"], kn = function(e) {
+}, An = ["mode"], jn = 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 i = r || `${jn(t)}Element`, a = n ? function(t) {
+		Sn(`mounts <${i}>`);
 		var n = t.id, r = t.className;
 		return /* @__PURE__ */ e.createElement("div", {
 			id: n,
 			className: r
 		});
 	} : function(n) {
-		var r = n.id, a = n.className, o = n.options, s = o === void 0 ? {} : o, c = n.onBlur, l = n.onFocus, u = n.onReady, d = n.onChange, f = n.onEscape, p = n.onClick, m = n.onLoadError, h = n.onLoaderStart, g = n.onNetworksChange, _ = n.onConfirm, v = n.onCancel, y = n.onShippingAddressChange, b = n.onShippingRateChange, x = n.onSavedPaymentMethodRemove, S = n.onSavedPaymentMethodUpdate, C = n.onAvailablePaymentMethodsChange, w = 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);
+		var r = n.id, a = n.className, o = n.options, s = o === void 0 ? {} : o, c = n.onBlur, l = n.onFocus, u = n.onReady, d = n.onChange, f = n.onEscape, p = n.onClick, m = n.onLoadError, h = n.onLoaderStart, g = n.onNetworksChange, _ = n.onConfirm, v = n.onCancel, y = n.onShippingAddressChange, b = n.onShippingRateChange, x = n.onSavedPaymentMethodRemove, S = n.onSavedPaymentMethodUpdate, C = n.onAvailablePaymentMethodsChange, w = Sn(`mounts <${i}>`), T = "elements" in w ? w.elements : null, E = "checkoutState" in w ? w.checkoutState : null, D = E?.type === "success" || E?.type === "loading" ? E.sdk : null, O = 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() {
@@ -2099,7 +2401,7 @@ var Z = function(t, n, r) {
 							break;
 						case "address":
 							if ("mode" in s) {
-								var a = s.mode, o = Yt(s, On);
+								var a = s.mode, o = Zt(s, An);
 								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'.");
@@ -2127,10 +2429,10 @@ var Z = function(t, n, r) {
 			D,
 			s
 		]);
-		var P = ln(s);
+		var P = dn(s);
 		return e.useEffect(function() {
 			if (j.current) {
-				var e = pn(s, P, ["paymentRequest"]);
+				var e = hn(s, P, ["paymentRequest"]);
 				e && "update" in j.current && j.current.update(e);
 			}
 		}, [s, P]), e.useLayoutEffect(function() {
@@ -2168,113 +2470,113 @@ var Z = function(t, n, r) {
 	}, a.displayName = i, a.__elementType = t, a;
 }, $ = typeof window > "u";
 Q("currencySelector", $);
-var An = Q("payment", $);
+var Mn = Q("payment", $);
 Q("paymentForm", $, "CheckoutForm"), Q("expressCheckout", $), Q("taxId", $);
-var jn = Q("contactDetails", $);
+var Nn = Q("contactDetails", $);
 Q("address", $);
 //#endregion
 //#region node_modules/@stripe/stripe-js/dist/index.mjs
-function Mn(e) {
+function Pn(e) {
 	"@babel/helpers - typeof";
-	return Mn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return Pn = 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);
+	}, Pn(e);
 }
-var Nn = "dahlia", Pn = function(e) {
+var Fn = "dahlia", In = 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++) {
+}, Ln = "https://js.stripe.com", Rn = `${Ln}/${Fn}/stripe.js`, zn = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, Bn = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/, Vn = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Hn = function(e) {
+	return zn.test(e) || Bn.test(e);
+}, Un = function() {
+	for (var e = document.querySelectorAll(`script[src^="${Ln}"]`), t = 0; t < e.length; t++) {
 		var n = e[t];
-		if (Bn(n.src)) return n;
+		if (Hn(n.src)) return n;
 	}
 	return null;
-}, Hn = function(e) {
+}, Wn = function(e) {
 	var t = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", n = document.createElement("script");
-	n.src = `${In}${t}`;
+	n.src = `${Rn}${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) {
+}, Gn = 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) {
+}, Kn = null, qn = null, Jn = null, Yn = function(e) {
 	return function(t) {
 		e(Error("Failed to load Stripe.js", { cause: t }));
 	};
-}, Jn = function(e, t) {
+}, Xn = 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) {
+}, Zn = function(e) {
+	return Kn === null ? (Kn = new Promise(function(t, n) {
 		if (typeof window > "u" || typeof document > "u") {
 			t(null);
 			return;
 		}
-		if (window.Stripe && e && console.warn(zn), window.Stripe) {
+		if (window.Stripe && e && console.warn(Vn), 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 r = Un();
+			if (r && e) console.warn(Vn);
+			else if (!r) r = Wn(e);
+			else if (r && Jn !== null && qn !== null) {
 				var i;
-				r.removeEventListener("load", Kn), r.removeEventListener("error", Gn), (i = r.parentNode) == null || i.removeChild(r), r = Hn(e);
+				r.removeEventListener("load", Jn), r.removeEventListener("error", qn), (i = r.parentNode) == null || i.removeChild(r), r = Wn(e);
 			}
-			Kn = Jn(t, n), Gn = qn(n), r.addEventListener("load", Kn), r.addEventListener("error", Gn);
+			Jn = Xn(t, n), qn = Yn(n), r.addEventListener("load", Jn), r.addEventListener("error", qn);
 		} catch (e) {
 			n(e);
 			return;
 		}
-	}), Wn.catch(function(e) {
-		return Wn = null, Promise.reject(e);
-	})) : Wn;
-}, Xn = function(e, t, n) {
+	}), Kn.catch(function(e) {
+		return Kn = null, Promise.reject(e);
+	})) : Kn;
+}, Qn = 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;
+	if (typeof r != "string") throw Error(`Expected publishable key to be of type string, got type ${Pn(r)} instead.`);
+	var i = r.match(/^pk_test/), a = In(e.version), o = Fn;
 	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);
+	return Gn(s, n), s;
+}, $n, er = !1, tr = function() {
+	return $n || ($n = Zn(null).catch(function(e) {
+		return $n = null, Promise.reject(e);
+	}), $n);
 };
 Promise.resolve().then(function() {
-	return $n();
+	return tr();
 }).catch(function(e) {
-	Qn || console.warn(e);
+	er || console.warn(e);
 });
-var er = function() {
+var nr = function() {
 	var e = [...arguments];
-	Qn = !0;
+	er = !0;
 	var t = Date.now();
-	return $n().then(function(n) {
-		return Xn(n, e, t);
+	return tr().then(function(n) {
+		return Qn(n, e, t);
 	});
-}, tr = "-";
-function nr(e) {
-	return e === void 0 ? tr : `$${new Intl.NumberFormat("en-US").format(Number(e || 0))}`;
+}, rr = "-";
+function ir(e) {
+	return e === void 0 ? rr : `$${new Intl.NumberFormat("en-US").format(Number(e || 0))}`;
 }
-function rr(e) {
+function ar(e) {
 	return /* @__PURE__ */ B(D.Text, {
 		className: "text-arco-text-1! text-3xl! leading-tight! font-bold!",
-		children: nr(e)
+		children: ir(e)
 	});
 }
-function ir({ text: e, onSuccess: t }) {
-	let n = Sn(), [r, i] = a(""), [s, l] = a(!1);
+function or({ text: e, onSuccess: t }) {
+	let n = wn(), [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 })
@@ -2310,7 +2612,7 @@ function ir({ text: e, onSuccess: t }) {
 					heading: 6,
 					className: "text-arco-text-1! mb-0!",
 					children: e.stripeContactDetails
-				}), /* @__PURE__ */ B(jn, {})]
+				}), /* @__PURE__ */ B(Nn, {})]
 			}),
 			/* @__PURE__ */ V("div", {
 				className: "flex flex-col gap-3",
@@ -2318,7 +2620,7 @@ function ir({ text: e, onSuccess: t }) {
 					heading: 6,
 					className: "text-arco-text-1! mb-0!",
 					children: e.stripePaymentSection
-				}), /* @__PURE__ */ B(An, { id: "mantur-stripe-payment-element" })]
+				}), /* @__PURE__ */ B(Mn, { id: "mantur-stripe-payment-element" })]
 			}),
 			/* @__PURE__ */ V(c, {
 				htmlType: "submit",
@@ -2340,8 +2642,8 @@ function ir({ text: e, onSuccess: t }) {
 		]
 	});
 }
-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(() => _ ? {
+function sr({ 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 ? nr(n) : null, [n]), b = p === "dark" ? "night" : "flat", x = r(() => _ ? {
 		clientSecret: _,
 		elementsOptions: { appearance: {
 			theme: b,
@@ -2349,10 +2651,10 @@ function ar({ visible: e, publishableKey: n, order: s, text: l, onCancel: u, onS
 		} }
 	} : void 0, [_, b]), S = r(() => [{
 		label: l.stripePaymentTotalAmount,
-		value: rr(s?.amount)
+		value: ar(s?.amount)
 	}, {
 		label: l.stripePaymentOrderNo,
-		value: s?.orderNo || tr
+		value: s?.orderNo || rr
 	}], [
 		s?.amount,
 		s?.orderNo,
@@ -2376,10 +2678,10 @@ function ar({ visible: e, publishableKey: n, order: s, text: l, onCancel: u, onS
 	}, [u, s?.orderNo]), w = !n || !v ? /* @__PURE__ */ B(o, {
 		type: "error",
 		content: l.stripePaymentConfigMissing
-	}) : _ ? _.startsWith("cs_") ? x ? /* @__PURE__ */ B(Tn, {
+	}) : _ ? _.startsWith("cs_") ? x ? /* @__PURE__ */ B(Dn, {
 		stripe: v,
 		options: x,
-		children: /* @__PURE__ */ B(ir, {
+		children: /* @__PURE__ */ B(or, {
 			text: l,
 			onSuccess: f
 		})
@@ -2447,692 +2749,390 @@ function ar({ visible: e, publishableKey: n, order: s, text: l, onCancel: u, onS
 }
 //#endregion
 //#region src/header/components/UserMenu.tsx
-function or({ user: e, points: t, text: n, onEditProfile: r, onRecharge: i, onPointsDetail: a, onLogout: o }) {
+function cr({ 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
-				})
-			})
-		]
-	});
-}
-//#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 ur(e) {
-	return e?.tenantName?.[0]?.toUpperCase() || "T";
-}
-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 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;
-	};
-	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);
-		};
-	}, []), n(() => {
-		let e = (e) => {
-			h(e instanceof CustomEvent ? Y(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 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);
-		}
-	}, 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",
+		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-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" })
-						]
-					})
+				className: "flex items-center gap-3 px-6 pt-5 pb-4",
+				children: [/* @__PURE__ */ B(Nt, {
+					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("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);
-						});
-					},
-					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(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(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);
-					});
-				}
-			})
-		]
-	});
-}
-//#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]) + "]";
-			}
-		}, _ = 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
-			});
+			/* @__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
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/header/ManturHeader.tsx
+var lr = "https://mantur.ai/images/logo.png", ur = [
+	"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 dr(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 ${ur[e % ur.length]} ${t ? "shadow-[inset_0_1px_3px_rgb(0_0_0/8%)]" : ""}`;
+}
+function fr(e) {
+	return e?.tenantName?.[0]?.toUpperCase() || "T";
+}
+function pr(e, t, n) {
+	let r = e?.roles?.map((e) => e.roleName).filter(Boolean);
+	return r?.length ? r.join(", ") : e?.isOwner ? t : n;
+}
+function mr({ 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;
+	};
+	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);
 		};
-		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 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 ? Y(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 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);
+		}
+	}, 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: dr(t),
+					children: fr(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: pr(e, g.owner, g.member)
+					})]
+				})]
+			})
+		}, e.tenantId))]
+	}), [
+		le,
+		W,
+		O,
+		g
+	]), pe = /* @__PURE__ */ B(cr, {
+		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: lr,
+								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: dr(me, !0),
+								children: fr(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: pr(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);
+						});
+					},
+					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(Nt, {
+									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(At, {
+				visible: y,
+				user: T,
+				labels: g,
+				onCancel: () => b(!1),
+				onSubmit: oe
+			}),
+			/* @__PURE__ */ B(It, {
+				visible: x,
+				user: T,
+				points: K,
+				text: g,
+				packages: z,
+				packageLoading: F,
+				submitting: L,
+				onCancel: () => S(!1),
+				onPay: ue
+			}),
+			/* @__PURE__ */ B(wt, {
+				visible: C,
+				points: K,
+				text: g,
+				onCancel: () => w(!1),
+				onRecharge: () => S(!0)
+			}),
+			/* @__PURE__ */ B(sr, {
+				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);
+					});
 				}
-				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
@@ -3176,4 +3176,4 @@ function wr(e, t = {}) {
 	return Cr(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, gr as MANTUR_STRIPE_PAYMENT_ROUTE, hr as MANTUR_STRIPE_PAYMENT_WINDOW_MESSAGE_TYPE, xe as MANTUR_TENANT_CONTEXT_CHANGE_EVENT, mr 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, _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 };