@chainberry/ui-components 1.0.9 → 1.0.10

package/dist/index.mjs

@@ -2845,6 +2845,11 @@ var dr = [
 				label: "Balances",
 				icon: "wallet"
 			},
+			{
+				id: "balances-v2",
+				label: "Balances V2",
+				icon: "wallet"
+			},
 			{
 				id: "balances-v4",
 				label: "Balances V4",
@@ -2869,6 +2874,11 @@ var dr = [
 				id: "conversion",
 				label: "Convert",
 				icon: "convert"
+			},
+			{
+				id: "activity",
+				label: "Activity",
+				icon: "list"
 			}
 		]
 	},
@@ -2991,6 +3001,11 @@ var dr = [
 				label: "Balances",
 				icon: "wallet"
 			},
+			{
+				id: "balances-v2",
+				label: "Balances V2",
+				icon: "wallet"
+			},
 			{
 				id: "balances-v4",
 				label: "Balances V4",
@@ -3010,6 +3025,11 @@ var dr = [
 				id: "conversion",
 				label: "Convert",
 				icon: "convert"
+			},
+			{
+				id: "activity",
+				label: "Activity",
+				icon: "list"
 			}
 		]
 	},
@@ -3869,52 +3889,52 @@ function G({ primary: e, secondary: t, align: n = "start", tabularNums: r = !1,
 //#endregion
 //#region ../../react-app/src/components/transactions/txTypes.ts
 var K = {
-	deposit: {
+	DEPOSIT: {
 		label: "Deposit",
 		direction: "in"
 	},
-	withdrawal: {
+	WITHDRAWAL: {
 		label: "Withdrawal",
 		direction: "out"
 	},
-	checkout: {
+	CHECKOUT: {
 		label: "Checkout",
 		direction: "neutral"
 	},
-	"manual-deposit": {
+	MANUAL_DEPOSIT: {
 		label: "Manual Deposit",
 		direction: "in"
 	},
-	"manual-withdrawal": {
+	MANUAL_WITHDRAWAL: {
 		label: "Manual Withdrawal",
 		direction: "out"
 	},
-	"auto-conversion-deposit": {
+	AUTO_CONVERSION_DEPOSIT: {
 		label: "Auto-Conversion Deposit",
 		direction: "in"
 	},
-	"auto-conversion-withdrawal": {
+	AUTO_CONVERSION_WITHDRAWAL: {
 		label: "Auto-Conversion Withdrawal",
 		direction: "out"
 	},
-	"automatic-withdrawal": {
+	AUTOMATIC_WITHDRAWAL: {
 		label: "Automatic Withdrawal",
 		direction: "out"
 	},
-	unknown: {
+	UNKNOWN: {
 		label: "Unknown",
 		direction: "neutral"
 	}
 }, qr = [
-	"deposit",
-	"withdrawal",
-	"checkout",
-	"manual-deposit",
-	"manual-withdrawal",
-	"auto-conversion-deposit",
-	"auto-conversion-withdrawal",
-	"automatic-withdrawal",
-	"unknown"
+	"DEPOSIT",
+	"WITHDRAWAL",
+	"CHECKOUT",
+	"MANUAL_DEPOSIT",
+	"MANUAL_WITHDRAWAL",
+	"AUTO_CONVERSION_DEPOSIT",
+	"AUTO_CONVERSION_WITHDRAWAL",
+	"AUTOMATIC_WITHDRAWAL",
+	"UNKNOWN"
 ], Jr = /* @__PURE__ */ F({
 	NETWORK_LABELS: () => ci,
 	SAVED_PRESETS: () => oi,
@@ -3932,7 +3952,7 @@ var K = {
 	"avax",
 	"bnb",
 	"ton",
-	"tron"
+	"trx"
 ];
 function q(e) {
 	let t = e.toLowerCase();
@@ -3941,8 +3961,8 @@ function q(e) {
 var Xr = [
 	{
 		id: "tx-01",
-		type: "deposit",
-		status: "processing",
+		type: "DEPOSIT",
+		status: "PROCESSING",
 		risk: "low",
 		amount: "+1,582.18",
 		currency: "USDT",
@@ -3955,8 +3975,8 @@ var Xr = [
 	},
 	{
 		id: "tx-02",
-		type: "withdrawal",
-		status: "confirmed",
+		type: "WITHDRAWAL",
+		status: "CONFIRMED",
 		risk: "medium",
 		amount: "-140.80",
 		currency: "USDT",
@@ -3971,8 +3991,8 @@ var Xr = [
 	},
 	{
 		id: "tx-03",
-		type: "withdrawal",
-		status: "confirmed",
+		type: "WITHDRAWAL",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "-1,249.10",
 		currency: "USDT",
@@ -3987,8 +4007,8 @@ var Xr = [
 	},
 	{
 		id: "tx-04",
-		type: "deposit",
-		status: "created",
+		type: "DEPOSIT",
+		status: "CREATED",
 		risk: "low",
 		amount: "+2,234.80",
 		currency: "USDC",
@@ -4001,8 +4021,8 @@ var Xr = [
 	},
 	{
 		id: "tx-05",
-		type: "withdrawal",
-		status: "confirmed",
+		type: "WITHDRAWAL",
+		status: "CONFIRMED",
 		risk: "high",
 		amount: "-1,559.93",
 		currency: "USDT",
@@ -4017,8 +4037,8 @@ var Xr = [
 	},
 	{
 		id: "tx-06",
-		type: "withdrawal",
-		status: "created",
+		type: "WITHDRAWAL",
+		status: "CREATED",
 		risk: "low",
 		amount: "-0.13836",
 		currency: "ETH",
@@ -4031,8 +4051,8 @@ var Xr = [
 	},
 	{
 		id: "tx-07",
-		type: "withdrawal",
-		status: "confirmed",
+		type: "WITHDRAWAL",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "-788.34",
 		currency: "USDC",
@@ -4047,8 +4067,8 @@ var Xr = [
 	},
 	{
 		id: "tx-08",
-		type: "deposit",
-		status: "created",
+		type: "DEPOSIT",
+		status: "CREATED",
 		risk: "low",
 		amount: "+1,205.65",
 		currency: "USDT",
@@ -4061,8 +4081,8 @@ var Xr = [
 	},
 	{
 		id: "tx-09",
-		type: "withdrawal",
-		status: "rejected",
+		type: "WITHDRAWAL",
+		status: "REJECTED",
 		risk: "high",
 		amount: "-0.04448807",
 		currency: "BTC",
@@ -4075,8 +4095,8 @@ var Xr = [
 	},
 	{
 		id: "tx-10",
-		type: "deposit",
-		status: "confirmed",
+		type: "DEPOSIT",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "+0.95688",
 		currency: "ETH",
@@ -4091,8 +4111,8 @@ var Xr = [
 	},
 	{
 		id: "tx-11",
-		type: "deposit",
-		status: "confirmed",
+		type: "DEPOSIT",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "+967.75",
 		currency: "USDT",
@@ -4107,8 +4127,8 @@ var Xr = [
 	},
 	{
 		id: "tx-12",
-		type: "withdrawal",
-		status: "processing",
+		type: "WITHDRAWAL",
+		status: "PROCESSING",
 		risk: "medium",
 		amount: "-320.00",
 		currency: "USDC",
@@ -4121,8 +4141,8 @@ var Xr = [
 	},
 	{
 		id: "tx-13",
-		type: "deposit",
-		status: "confirmed",
+		type: "DEPOSIT",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "+5,000.00",
 		currency: "USDT",
@@ -4137,8 +4157,8 @@ var Xr = [
 	},
 	{
 		id: "tx-14",
-		type: "withdrawal",
-		status: "rejected",
+		type: "WITHDRAWAL",
+		status: "REJECTED",
 		risk: "high",
 		amount: "-2.10500000",
 		currency: "ETH",
@@ -4151,8 +4171,8 @@ var Xr = [
 	},
 	{
 		id: "tx-15",
-		type: "withdrawal",
-		status: "confirmed",
+		type: "WITHDRAWAL",
+		status: "CONFIRMED",
 		risk: "high",
 		amount: "-3,400.00",
 		currency: "USDT",
@@ -4167,8 +4187,8 @@ var Xr = [
 	},
 	{
 		id: "tx-16",
-		type: "deposit",
-		status: "confirmed",
+		type: "DEPOSIT",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "+1,120.40",
 		currency: "USDT",
@@ -4183,8 +4203,8 @@ var Xr = [
 	},
 	{
 		id: "tx-17",
-		type: "deposit",
-		status: "created",
+		type: "DEPOSIT",
+		status: "CREATED",
 		risk: "medium",
 		amount: "+742.19",
 		currency: "USDC",
@@ -4197,8 +4217,8 @@ var Xr = [
 	},
 	{
 		id: "tx-18",
-		type: "withdrawal",
-		status: "confirmed",
+		type: "WITHDRAWAL",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "-0.02100000",
 		currency: "BTC",
@@ -4213,8 +4233,8 @@ var Xr = [
 	},
 	{
 		id: "tx-19",
-		type: "deposit",
-		status: "confirmed",
+		type: "DEPOSIT",
+		status: "CONFIRMED",
 		risk: "low",
 		amount: "+1,200.00",
 		currency: "TON",
@@ -4229,8 +4249,8 @@ var Xr = [
 	},
 	{
 		id: "tx-20",
-		type: "withdrawal",
-		status: "processing",
+		type: "WITHDRAWAL",
+		status: "PROCESSING",
 		risk: "medium",
 		amount: "-540.00",
 		currency: "TON",
@@ -4242,18 +4262,18 @@ var Xr = [
 		orderId: "ord-c52d90ee44ff21ab"
 	}
 ], Zr = [
-	"created",
-	"processing",
-	"kyt-in-progress",
-	"pending-approval",
-	"rejected",
-	"confirmed",
-	"failed",
-	"conversion-in-progress",
-	"refund-in-progress",
-	"pending-verification",
-	"partially-completed",
-	"currency-mismatch"
+	"CREATED",
+	"PROCESSING",
+	"KYT_IN_PROGRESS",
+	"PENDING_APPROVAL",
+	"REJECTED",
+	"CONFIRMED",
+	"FAILED",
+	"CONVERSION_IN_PROGRESS",
+	"REFUND_IN_PROGRESS",
+	"PENDING_VERIFICATION",
+	"PARTIALLY_COMPLETED",
+	"CURRENCY_MISMATCH"
 ], Qr = [
 	["USDT", "ETH"],
 	["USDT", "POL"],
@@ -4266,20 +4286,20 @@ var Xr = [
 	["BTC", "BTC"],
 	["TON", "TON"]
 ], $r = [
-	"deposit",
-	"withdrawal",
-	"checkout",
-	"manual-deposit",
-	"manual-withdrawal",
-	"auto-conversion-deposit",
-	"auto-conversion-withdrawal",
-	"automatic-withdrawal",
-	"unknown"
+	"DEPOSIT",
+	"WITHDRAWAL",
+	"CHECKOUT",
+	"MANUAL_DEPOSIT",
+	"MANUAL_WITHDRAWAL",
+	"AUTO_CONVERSION_DEPOSIT",
+	"AUTO_CONVERSION_WITHDRAWAL",
+	"AUTOMATIC_WITHDRAWAL",
+	"UNKNOWN"
 ], ei = [
 	"low",
 	"medium",
 	"high"
-], ti = ["Jun", "Jul"], ni = /* @__PURE__ */ new Set(["confirmed", "partially-completed"]);
+], ti = ["Jun", "Jul"], ni = /* @__PURE__ */ new Set(["CONFIRMED", "PARTIALLY_COMPLETED"]);
 function J(e, t) {
 	let n = e * 2654435761 >>> 0, r = "";
 	for (; r.length < t;) r += (n & 15).toString(16), n = n * 16807 >>> 0 || 1;
@@ -4322,7 +4342,7 @@ var ai = [...Xr, ...ii(243, Xr.length)], oi = [
 	{
 		id: "failed-this-month",
 		label: "Failed this month",
-		match: (e) => e.status === "failed" || e.status === "rejected",
+		match: (e) => e.status === "FAILED" || e.status === "REJECTED",
 		icon: "filter"
 	},
 	{
@@ -4333,7 +4353,7 @@ var ai = [...Xr, ...ii(243, Xr.length)], oi = [
 	}
 ];
 function si(e) {
-	return e.status === "pending-approval" || e.status === "pending-verification" || e.status === "currency-mismatch";
+	return e.status === "PENDING_APPROVAL" || e.status === "PENDING_VERIFICATION" || e.status === "CURRENCY_MISMATCH";
 }
 var ci = {
 	ETH: "Ethereum",
@@ -4348,7 +4368,7 @@ function li(e, t) {
 	return (e === "low" ? 8 : e === "medium" ? 42 : 76) + t % 12;
 }
 function ui(e) {
-	return e.status === "rejected" || e.status === "failed" ? "rejected" : e.status === "pending-approval" || e.status === "pending-verification" || e.status === "kyt-in-progress" ? "manual-review" : e.risk === "high" ? "flagged" : "auto-approved";
+	return e.status === "REJECTED" || e.status === "FAILED" ? "rejected" : e.status === "PENDING_APPROVAL" || e.status === "PENDING_VERIFICATION" || e.status === "KYT_IN_PROGRESS" ? "manual-review" : e.risk === "high" ? "flagged" : "auto-approved";
 }
 var di = {
 	"auto-approved": "Huobi/HTX sanctioned entity amount < 10 USD",
@@ -4684,67 +4704,67 @@ var wi = /* @__PURE__ */ F({
 	STATUS_ORDER: () => Ti,
 	TONE_DOT: () => Ei
 }), X = {
-	created: {
+	CREATED: {
 		label: "Created",
 		tone: "sky"
 	},
-	processing: {
+	PROCESSING: {
 		label: "Processing",
 		tone: "sky"
 	},
-	"kyt-in-progress": {
+	KYT_IN_PROGRESS: {
 		label: "KYT in Progress",
 		tone: "violet"
 	},
-	"pending-approval": {
+	PENDING_APPROVAL: {
 		label: "Pending Approval",
 		tone: "amber"
 	},
-	"pending-verification": {
+	PENDING_VERIFICATION: {
 		label: "Pending Verification",
 		tone: "amber"
 	},
-	"conversion-in-progress": {
+	CONVERSION_IN_PROGRESS: {
 		label: "Conversion in Progress",
 		tone: "orange"
 	},
-	"refund-in-progress": {
+	REFUND_IN_PROGRESS: {
 		label: "Refund in Progress",
 		tone: "violet"
 	},
-	"partially-completed": {
+	PARTIALLY_COMPLETED: {
 		label: "Partially Completed",
 		tone: "emerald"
 	},
-	confirmed: {
+	CONFIRMED: {
 		label: "Confirmed",
 		tone: "emerald"
 	},
-	"currency-mismatch": {
+	CURRENCY_MISMATCH: {
 		label: "Currency Mismatch",
 		tone: "amber"
 	},
-	rejected: {
+	REJECTED: {
 		label: "Rejected",
 		tone: "red"
 	},
-	failed: {
+	FAILED: {
 		label: "Failed",
 		tone: "red"
 	}
 }, Ti = [
-	"created",
-	"processing",
-	"kyt-in-progress",
-	"pending-approval",
-	"pending-verification",
-	"conversion-in-progress",
-	"refund-in-progress",
-	"partially-completed",
-	"confirmed",
-	"currency-mismatch",
-	"rejected",
-	"failed"
+	"CREATED",
+	"PROCESSING",
+	"KYT_IN_PROGRESS",
+	"PENDING_APPROVAL",
+	"PENDING_VERIFICATION",
+	"CONVERSION_IN_PROGRESS",
+	"REFUND_IN_PROGRESS",
+	"PARTIALLY_COMPLETED",
+	"CONFIRMED",
+	"CURRENCY_MISMATCH",
+	"REJECTED",
+	"FAILED"
 ], Ei = {
 	primary: "bg-primary",
 	sky: "bg-sky-500",
@@ -5223,13 +5243,11 @@ var qi = "flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-s
 	out: "text-rose-500",
 	neutral: "text-slate-400"
 };
-function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
-	let [a, s] = d(n);
-	o(() => {
-		e && s(n);
-	}, [e]);
-	let c = Mi(a);
-	return /* @__PURE__ */ _(un, {
+function Xi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset: a }) {
+	let [s, c] = d(n);
+	return o(() => {
+		e && c(n);
+	}, [e]), /* @__PURE__ */ _(un, {
 		open: e,
 		onOpenChange: t,
 		children: /* @__PURE__ */ v(mn, { children: [
@@ -5250,8 +5268,8 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 									className: qi,
 									children: [
 										/* @__PURE__ */ _(St, {
-											checked: a.types.includes(e.value),
-											onCheckedChange: () => s((t) => ({
+											checked: s.types.includes(e.value),
+											onCheckedChange: () => c((t) => ({
 												...t,
 												types: Gi(t.types, e.value)
 											}))
@@ -5276,8 +5294,8 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 							children: Ti.map((e) => /* @__PURE__ */ v("label", {
 								className: qi,
 								children: [/* @__PURE__ */ _(St, {
-									checked: a.statuses.includes(e),
-									onCheckedChange: () => s((t) => ({
+									checked: s.statuses.includes(e),
+									onCheckedChange: () => c((t) => ({
 										...t,
 										statuses: Gi(t.statuses, e)
 									}))
@@ -5289,16 +5307,16 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 						})
 					}),
 					/* @__PURE__ */ _(bn, {}),
-					/* @__PURE__ */ _(Ki, {
+					r.length > 0 && /* @__PURE__ */ _(Ki, {
 						title: "Currency & Network",
 						children: /* @__PURE__ */ _("div", {
 							className: "grid grid-cols-2 gap-x-4",
-							children: ji.map((e) => /* @__PURE__ */ v("label", {
+							children: r.map((e) => /* @__PURE__ */ v("label", {
 								className: qi,
 								children: [
 									/* @__PURE__ */ _(St, {
-										checked: a.assets.includes(e.key),
-										onCheckedChange: () => s((t) => ({
+										checked: s.assets.includes(e.key),
+										onCheckedChange: () => c((t) => ({
 											...t,
 											assets: Gi(t.assets, e.key)
 										}))
@@ -5332,8 +5350,8 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 								className: qi,
 								children: [
 									/* @__PURE__ */ _(St, {
-										checked: a.risks.includes(e.value),
-										onCheckedChange: () => s((t) => ({
+										checked: s.risks.includes(e.value),
+										onCheckedChange: () => c((t) => ({
 											...t,
 											risks: Gi(t.risks, e.value)
 										}))
@@ -5352,8 +5370,8 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 					/* @__PURE__ */ v(Ki, {
 						title: "Date Range",
 						children: [/* @__PURE__ */ v(an, {
-							value: a.dateField,
-							onValueChange: (e) => s((t) => ({
+							value: s.dateField,
+							onValueChange: (e) => c((t) => ({
 								...t,
 								dateField: e
 							})),
@@ -5369,10 +5387,10 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 							mode: "range",
 							className: "mt-3 rounded-xl border border-cb-line p-3",
 							selected: {
-								from: a.from ? ae(a.from) : void 0,
-								to: a.to ? ae(a.to) : void 0
+								from: s.from ? ae(s.from) : void 0,
+								to: s.to ? ae(s.to) : void 0
 							},
-							onSelect: (e) => s((t) => ({
+							onSelect: (e) => c((t) => ({
 								...t,
 								from: e?.from ? j(e.from, "yyyy-MM-dd") : void 0,
 								to: e?.to ? j(e.to, "yyyy-MM-dd") : void 0
@@ -5388,16 +5406,7 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 					variant: "ghost",
 					align: "start",
 					className: "text-muted-foreground",
-					onClick: () => s(Oi)
-				},
-				{
-					key: "save",
-					label: "Save",
-					variant: "ghost",
-					align: "start",
-					className: "text-foreground",
-					disabled: c,
-					onClick: () => i(a)
+					onClick: () => a?.()
 				},
 				{
 					key: "cancel",
@@ -5409,7 +5418,7 @@ function Xi({ open: e, onOpenChange: t, value: n, onApply: r, onSave: i }) {
 					key: "apply",
 					label: "Apply",
 					onClick: () => {
-						r(a), t(!1);
+						i(s), t(!1);
 					}
 				}
 			] })
@@ -5455,7 +5464,7 @@ var Qi = [
 	{
 		id: "risk",
 		header: "Risk",
-		cell: (e) => /* @__PURE__ */ _(Wr, { level: e.risk }),
+		cell: (e) => e.risk ? /* @__PURE__ */ _(Wr, { level: e.risk }) : null,
 		skeleton: /* @__PURE__ */ _(V, { className: "h-4 w-5" })
 	},
 	{
@@ -5571,7 +5580,7 @@ var Qi = [
 	label: e.header,
 	canHide: e.canHide
 }));
-function ta({ data: e, loading: t, onRowClick: n, columnVisibility: r, presets: i, pageSize: a = 50, totalTransactions: o, currentPage: s = 0, onPageChange: c }) {
+function ta({ data: e, loading: t, onRowClick: n, columnVisibility: r, presets: i, pageSize: a = 50, totalTransactions: o, currentPage: s = 0, onPageChange: c, activeSort: l, onSortChange: u }) {
 	return /* @__PURE__ */ _(zr, {
 		columns: Qi,
 		data: e,
@@ -5585,6 +5594,8 @@ function ta({ data: e, loading: t, onRowClick: n, columnVisibility: r, presets:
 		skeletonRows: 12,
 		columnVisibility: r,
 		onRowClick: n,
+		sort: l,
+		onSortChange: u,
 		emptyMessage: "No transactions match your filters.",
 		rowLeading: (e) => si(e) ? /* @__PURE__ */ v(Fn, { children: [/* @__PURE__ */ _(In, {
 			asChild: !0,
@@ -5657,7 +5668,7 @@ function ra({ search: e, onSearchChange: t, searchScopes: n, searchScope: r, onS
 					})
 				]
 			}),
-			C("tabs") && /* @__PURE__ */ _(kn, {
+			C("tabs") && o !== void 0 && s && /* @__PURE__ */ _(kn, {
 				value: o,
 				onValueChange: s,
 				children: /* @__PURE__ */ _(jn, { children: c.map((e) => {
@@ -5689,7 +5700,7 @@ function ra({ search: e, onSearchChange: t, searchScopes: n, searchScope: r, onS
 					})
 				]
 			}),
-			C("columns") && /* @__PURE__ */ _(Mr, {
+			C("columns") && f && p && m && /* @__PURE__ */ _(Mr, {
 				columns: f,
 				visible: p,
 				onChange: m
@@ -5729,7 +5740,7 @@ var sa = [
 		header: "Date",
 		cell: (e) => /* @__PURE__ */ _("span", {
 			className: "font-medium text-foreground",
-			children: e.date
+			children: j(ae(e.date), "MMM dd, yyyy")
 		})
 	},
 	{
@@ -5873,22 +5884,32 @@ function da({ segments: e, size: t = 148, thickness: n = 20, gap: r = 2, animate
 }
 //#endregion
 //#region ../../react-app/src/components/reports/ExportHistoryList.tsx
-var fa = "grid grid-cols-[minmax(0,1fr)_140px_180px_auto] items-center gap-4";
-function pa({ entries: e, onDownload: t, className: n }) {
-	return /* @__PURE__ */ v("div", {
-		className: I("flex flex-col", n),
-		children: [/* @__PURE__ */ v("div", {
-			className: I(fa, "px-1 pb-3 text-sm font-medium text-muted-foreground"),
-			children: [
-				/* @__PURE__ */ _("span", { children: "File" }),
-				/* @__PURE__ */ _("span", { children: "Period" }),
-				/* @__PURE__ */ _("span", { children: "Generated by" }),
-				/* @__PURE__ */ _("span", { "aria-hidden": !0 })
-			]
-		}), e.map((e) => /* @__PURE__ */ v("div", {
-			className: I(fa, "border-t border-cb-line px-1 py-3.5 text-sm"),
-			children: [
-				/* @__PURE__ */ v("span", {
+function fa({ label: e, onClick: t }) {
+	return /* @__PURE__ */ v(Fn, { children: [/* @__PURE__ */ _(In, {
+		asChild: !0,
+		children: /* @__PURE__ */ _(z, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			"aria-label": `Download ${e}`,
+			onClick: t,
+			className: "cursor-pointer text-muted-foreground hover:bg-slate-200/70 hover:text-primary",
+			children: /* @__PURE__ */ _(x, {
+				icon: He,
+				size: 14,
+				strokeWidth: 2,
+				className: "size-3.5"
+			})
+		})
+	}), /* @__PURE__ */ _(Ln, { children: "Download" })] });
+}
+function pa({ entries: e, onDownload: t }) {
+	return /* @__PURE__ */ _(zr, {
+		columns: [
+			{
+				id: "file",
+				header: "File",
+				cell: (e) => /* @__PURE__ */ v("span", {
 					className: "flex min-w-0 items-center gap-2.5",
 					children: [/* @__PURE__ */ _(x, {
 						icon: ze,
@@ -5900,29 +5921,31 @@ function pa({ entries: e, onDownload: t, className: n }) {
 						className: "truncate font-medium text-foreground",
 						children: e.file
 					})]
-				}),
-				/* @__PURE__ */ _("span", {
-					className: "text-foreground",
-					children: e.period
-				}),
-				/* @__PURE__ */ _("span", {
-					className: "text-foreground",
-					children: e.generatedBy
-				}),
-				/* @__PURE__ */ v(z, {
-					variant: "outline",
-					size: "sm",
-					className: "cursor-pointer shadow-xs",
-					onClick: () => t?.(e),
-					children: [/* @__PURE__ */ _(x, {
-						icon: He,
-						size: 14,
-						color: "currentColor",
-						strokeWidth: 2
-					}), "Download"]
 				})
-			]
-		}, e.id))]
+			},
+			{
+				id: "period",
+				header: "Period",
+				cell: (e) => e.period
+			},
+			{
+				id: "generatedBy",
+				header: "Generated by",
+				cell: (e) => e.generatedBy
+			},
+			{
+				id: "actions",
+				header: "",
+				align: "end",
+				headClassName: "w-12",
+				cell: (e) => /* @__PURE__ */ _(fa, {
+					label: e.file,
+					onClick: () => t?.(e)
+				})
+			}
+		],
+		data: e,
+		getRowId: (e) => e.id
 	});
 }
 //#endregion
@@ -6988,7 +7011,7 @@ function mo({ balances: e, actionsVariant: t = "menu", className: r }) {
 								}),
 								/* @__PURE__ */ _("span", {
 									className: "font-medium",
-									children: n.networkName
+									children: n.network
 								}),
 								n.belowMin && /* @__PURE__ */ _("span", {
 									className: "text-xs font-medium text-amber-600",
@@ -7334,7 +7357,7 @@ var bo = /* @__PURE__ */ F({}), xo = /* @__PURE__ */ F({
 		id: "rtx-1",
 		label: "Manual Deposit",
 		direction: "in",
-		status: "confirmed",
+		status: "CONFIRMED",
 		currency: "USDT",
 		network: "TRX",
 		amount: "+20.00",
@@ -7357,7 +7380,7 @@ var bo = /* @__PURE__ */ F({}), xo = /* @__PURE__ */ F({
 		id: "rtx-2",
 		label: "Manual Deposit",
 		direction: "in",
-		status: "confirmed",
+		status: "CONFIRMED",
 		currency: "USDT",
 		network: "TRX",
 		amount: "+50.00",
@@ -7379,7 +7402,7 @@ var bo = /* @__PURE__ */ F({}), xo = /* @__PURE__ */ F({
 		id: "rtx-3",
 		label: "Auto Transfer",
 		direction: "transfer",
-		status: "confirmed",
+		status: "CONFIRMED",
 		currency: "USDT",
 		network: "TRX",
 		amount: "100.00",
@@ -7400,7 +7423,7 @@ var bo = /* @__PURE__ */ F({}), xo = /* @__PURE__ */ F({
 		id: "rtx-4",
 		label: "Manual Withdraw",
 		direction: "out",
-		status: "confirmed",
+		status: "CONFIRMED",
 		currency: "USDT",
 		network: "TRX",
 		amount: "-75.50",
@@ -7423,7 +7446,7 @@ var bo = /* @__PURE__ */ F({}), xo = /* @__PURE__ */ F({
 		id: "rtx-5",
 		label: "Auto Transfer",
 		direction: "transfer",
-		status: "processing",
+		status: "PROCESSING",
 		currency: "USDT",
 		network: "TRX",
 		amount: "250.00",
@@ -8164,7 +8187,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+6,229.32",
 		rate: "1 ETH = 3,121.00 USDT",
 		fiatValue: "$6,242.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "cv-02",
@@ -8178,7 +8201,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+0.19371300",
 		rate: "1 BTC = 61,842.00 USDT",
 		fiatValue: "$12,000.00",
-		status: "processing"
+		status: "PROCESSING"
 	},
 	{
 		id: "cv-03",
@@ -8192,7 +8215,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+20.23783700",
 		rate: "1 SOL = 148.00 USDC",
 		fiatValue: "$3,000.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "cv-04",
@@ -8206,7 +8229,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+3,085.92",
 		rate: "1 BTC = 61,842.00 USDT",
 		fiatValue: "$3,092.10",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "cv-05",
@@ -8220,7 +8243,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+7,385.20",
 		rate: "1 SOL = 148.00 USDC",
 		fiatValue: "$7,400.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "cv-06",
@@ -8234,7 +8257,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+1.91797500",
 		rate: "1 ETH = 5.20 BNB",
 		fiatValue: "$6,000.00",
-		status: "failed"
+		status: "FAILED"
 	},
 	{
 		id: "cv-07",
@@ -8248,7 +8271,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+4,491.00",
 		rate: "1 POL = 0.45 USDT",
 		fiatValue: "$4,500.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "cv-08",
@@ -8262,7 +8285,7 @@ var Po = /* @__PURE__ */ F({
 		toAmount: "+2.88240900",
 		rate: "1 ETH = 3,121.00 USDT",
 		fiatValue: "$9,000.00",
-		status: "pending-approval"
+		status: "PENDING_APPROVAL"
 	}
 ];
 function Vo(e) {
@@ -8341,7 +8364,7 @@ function Go({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 			toAmount: `+${Uo(F)}`,
 			rate: `1 ${a} = ${Uo(ce)} ${u}`,
 			fiatValue: Ho(le),
-			status: "processing"
+			status: "PROCESSING"
 		};
 		t?.(r), E(!0);
 	}, we = (e) => {
@@ -8870,7 +8893,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+18,500.00",
 		amountFiat: "+$18,500.00",
 		confirmations: "24/24",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "dp-02",
@@ -8884,7 +8907,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+4,200.00",
 		amountFiat: "+$4,200.00",
 		confirmations: "9/19",
-		status: "partially-completed"
+		status: "PARTIALLY_COMPLETED"
 	},
 	{
 		id: "dp-03",
@@ -8898,7 +8921,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+9,000.00",
 		amountFiat: "+$9,000.00",
 		confirmations: "24/24",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "dp-04",
@@ -8912,7 +8935,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+0.15000000",
 		amountFiat: "+$9,276.30",
 		confirmations: "2/3",
-		status: "processing"
+		status: "PROCESSING"
 	},
 	{
 		id: "dp-05",
@@ -8926,7 +8949,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+2,500.00",
 		amountFiat: "+$2,500.00",
 		confirmations: "31/31",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "dp-06",
@@ -8939,7 +8962,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		network: "ETH",
 		amount: "+3.20000000",
 		amountFiat: "+$9,987.20",
-		status: "pending-approval"
+		status: "PENDING_APPROVAL"
 	},
 	{
 		id: "dp-07",
@@ -8953,7 +8976,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+11,300.00",
 		amountFiat: "+$11,300.00",
 		confirmations: "19/19",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "dp-08",
@@ -8967,7 +8990,7 @@ var qo = /* @__PURE__ */ F({}), Jo = /* @__PURE__ */ F({
 		amount: "+60.00000000",
 		amountFiat: "+$8,880.00",
 		confirmations: "31/31",
-		status: "confirmed"
+		status: "CONFIRMED"
 	}
 ];
 function $o(e) {
@@ -9640,7 +9663,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "ETH",
 		amount: "-12,000.00",
 		amountFiat: "-$12,000.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "wd-02",
@@ -9655,7 +9678,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "TRON",
 		amount: "-3,500.00",
 		amountFiat: "-$3,500.00",
-		status: "processing"
+		status: "PROCESSING"
 	},
 	{
 		id: "wd-03",
@@ -9670,7 +9693,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "ETH",
 		amount: "-1,480.00",
 		amountFiat: "-$1,480.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "wd-04",
@@ -9685,7 +9708,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "BTC",
 		amount: "-0.04500000",
 		amountFiat: "-$2,782.89",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "wd-05",
@@ -9700,7 +9723,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "SOL",
 		amount: "-2,000.00",
 		amountFiat: "-$2,000.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "wd-06",
@@ -9715,7 +9738,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "ETH",
 		amount: "-1.20000000",
 		amountFiat: "-$3,745.20",
-		status: "failed"
+		status: "FAILED"
 	},
 	{
 		id: "wd-07",
@@ -9730,7 +9753,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "TRON",
 		amount: "-9,750.00",
 		amountFiat: "-$9,750.00",
-		status: "confirmed"
+		status: "CONFIRMED"
 	},
 	{
 		id: "wd-08",
@@ -9745,7 +9768,7 @@ var ss = /* @__PURE__ */ F({}), cs = /* @__PURE__ */ F({
 		network: "SOL",
 		amount: "-45.00000000",
 		amountFiat: "-$6,660.00",
-		status: "pending-approval"
+		status: "PENDING_APPROVAL"
 	}
 ];
 function ms(e) {
@@ -10019,7 +10042,7 @@ function Ss({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 			network: a,
 			amount: `-${h}`,
 			amountFiat: `-${hs(k * O.fiatRate)}`,
-			status: "processing"
+			status: "PROCESSING"
 		};
 		t?.(i), E(!0);
 	}, ue = (e) => {