@chainberry/ui-components 1.0.12 → 1.0.13

package/dist/index.d.ts

@@ -1896,12 +1896,18 @@ export declare namespace transactionsData {
     }
 }
 
-export declare function TransactionsFilterPanel({ open, onOpenChange, value, assets, onApply, onReset, }: {
+export declare function TransactionsFilterPanel({ open, onOpenChange, value, assets, onApply, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     value: TxFilter;
     assets: AssetOption[];
     onApply: (filter: TxFilter) => void;
+    /**
+     * @deprecated No longer invoked. Reset now clears the in-drawer draft only and
+     * never mutates applied filters or the table — commit changes via Apply
+     * (applying a cleared draft is what clears the table). Kept optional so callers
+     * that still pass it don't break at the type level.
+     */
     onReset?: () => void;
 }): JSX.Element;
 

package/dist/index.mjs

@@ -2879,6 +2879,11 @@ var dr = [
 				id: "activity",
 				label: "Activity",
 				icon: "list"
+			},
+			{
+				id: "activity-v2",
+				label: "Activity V2",
+				icon: "list"
 			}
 		]
 	},
@@ -3030,6 +3035,11 @@ var dr = [
 				id: "activity",
 				label: "Activity",
 				icon: "list"
+			},
+			{
+				id: "activity-v2",
+				label: "Activity V2",
+				icon: "list"
 			}
 		]
 	},
@@ -5234,10 +5244,10 @@ var Ki = "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 Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset: a }) {
-	let [s, c] = d(n);
+function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i }) {
+	let [a, s] = d(n);
 	return o(() => {
-		e && c(n);
+		e && s(n);
 	}, [e]), /* @__PURE__ */ _(un, {
 		open: e,
 		onOpenChange: t,
@@ -5259,8 +5269,8 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 									className: Ki,
 									children: [
 										/* @__PURE__ */ _(St, {
-											checked: s.types.includes(e.value),
-											onCheckedChange: () => c((t) => ({
+											checked: a.types.includes(e.value),
+											onCheckedChange: () => s((t) => ({
 												...t,
 												types: Wi(t.types, e.value)
 											}))
@@ -5285,8 +5295,8 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 							children: wi.map((e) => /* @__PURE__ */ v("label", {
 								className: Ki,
 								children: [/* @__PURE__ */ _(St, {
-									checked: s.statuses.includes(e),
-									onCheckedChange: () => c((t) => ({
+									checked: a.statuses.includes(e),
+									onCheckedChange: () => s((t) => ({
 										...t,
 										statuses: Wi(t.statuses, e)
 									}))
@@ -5306,8 +5316,8 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 								className: Ki,
 								children: [
 									/* @__PURE__ */ _(St, {
-										checked: s.assets.includes(e.key),
-										onCheckedChange: () => c((t) => ({
+										checked: a.assets.includes(e.key),
+										onCheckedChange: () => s((t) => ({
 											...t,
 											assets: Wi(t.assets, e.key)
 										}))
@@ -5341,8 +5351,8 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 								className: Ki,
 								children: [
 									/* @__PURE__ */ _(St, {
-										checked: s.risks.includes(e.value),
-										onCheckedChange: () => c((t) => ({
+										checked: a.risks.includes(e.value),
+										onCheckedChange: () => s((t) => ({
 											...t,
 											risks: Wi(t.risks, e.value)
 										}))
@@ -5361,8 +5371,8 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 					/* @__PURE__ */ v(Gi, {
 						title: "Date Range",
 						children: [/* @__PURE__ */ v(an, {
-							value: s.dateField,
-							onValueChange: (e) => c((t) => ({
+							value: a.dateField,
+							onValueChange: (e) => s((t) => ({
 								...t,
 								dateField: e
 							})),
@@ -5378,10 +5388,10 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 							mode: "range",
 							className: "mt-3 rounded-xl border border-cb-line p-3",
 							selected: {
-								from: s.from ? ae(s.from) : void 0,
-								to: s.to ? ae(s.to) : void 0
+								from: a.from ? ae(a.from) : void 0,
+								to: a.to ? ae(a.to) : void 0
 							},
-							onSelect: (e) => c((t) => ({
+							onSelect: (e) => s((t) => ({
 								...t,
 								from: e?.from ? j(e.from, "yyyy-MM-dd") : void 0,
 								to: e?.to ? j(e.to, "yyyy-MM-dd") : void 0
@@ -5397,7 +5407,7 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 					variant: "ghost",
 					align: "start",
 					className: "text-muted-foreground",
-					onClick: () => a?.()
+					onClick: () => s(Di)
 				},
 				{
 					key: "cancel",
@@ -5409,7 +5419,7 @@ function Yi({ open: e, onOpenChange: t, value: n, assets: r, onApply: i, onReset
 					key: "apply",
 					label: "Apply",
 					onClick: () => {
-						i(s), t(!1);
+						i(a), t(!1);
 					}
 				}
 			] })
@@ -7678,12 +7688,8 @@ function To({ id: e, label: t = "Wallet", placeholder: n = "Select a wallet", va
 	});
 }
 //#endregion
-//#region ../../react-app/src/components/convert/ConvertHistoryTable.tsx
-function Eo(e) {
-	let t = Date.parse(`${e.date} ${e.time}`);
-	return Number.isNaN(t) ? 0 : t;
-}
-function Do({ name: e }) {
+//#region ../../react-app/src/components/table/Initiator.tsx
+function Eo({ name: e }) {
 	return /* @__PURE__ */ v("span", {
 		className: "flex items-center gap-2",
 		children: [/* @__PURE__ */ _("span", {
@@ -7695,6 +7701,12 @@ function Do({ name: e }) {
 		})]
 	});
 }
+//#endregion
+//#region ../../react-app/src/components/convert/ConvertHistoryTable.tsx
+function Do(e) {
+	let t = Date.parse(`${e.date} ${e.time}`);
+	return Number.isNaN(t) ? 0 : t;
+}
 function Oo({ amount: e, coin: t, tone: n }) {
 	return /* @__PURE__ */ v("span", {
 		className: "flex items-center gap-2.5",
@@ -7721,7 +7733,7 @@ function ko({ data: e, className: t }) {
 			id: "date",
 			header: "Date",
 			sortable: !0,
-			sortValue: Eo,
+			sortValue: Do,
 			cell: (e) => /* @__PURE__ */ _(G, {
 				primary: e.date,
 				secondary: e.time
@@ -7732,7 +7744,7 @@ function ko({ data: e, className: t }) {
 			header: "Initiated by",
 			sortable: !0,
 			sortValue: (e) => e.initiator,
-			cell: (e) => /* @__PURE__ */ _(Do, { name: e.initiator })
+			cell: (e) => /* @__PURE__ */ _(Eo, { name: e.initiator })
 		},
 		{
 			id: "from",
@@ -9779,19 +9791,7 @@ function hs(e) {
 	let t = Date.parse(`${e.date} ${e.time}`);
 	return Number.isNaN(t) ? 0 : t;
 }
-function gs({ name: e }) {
-	return /* @__PURE__ */ v("span", {
-		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ _("span", {
-			className: "flex size-6 shrink-0 items-center justify-center rounded-full bg-cb-seg text-[10px] font-semibold text-muted-foreground",
-			children: e.split(" ").map((e) => e[0]).slice(0, 2).join("").toUpperCase()
-		}), /* @__PURE__ */ _("span", {
-			className: "truncate text-sm text-foreground",
-			children: e
-		})]
-	});
-}
-function _s({ data: e, className: t }) {
+function gs({ data: e, className: t }) {
 	let n = l(() => [
 		{
 			id: "date",
@@ -9808,7 +9808,7 @@ function _s({ data: e, className: t }) {
 			header: "Initiated by",
 			sortable: !0,
 			sortValue: (e) => e.initiator,
-			cell: (e) => /* @__PURE__ */ _(gs, { name: e.initiator })
+			cell: (e) => /* @__PURE__ */ _(Eo, { name: e.initiator })
 		},
 		{
 			id: "from",
@@ -9895,7 +9895,7 @@ function _s({ data: e, className: t }) {
 }
 //#endregion
 //#region ../../react-app/src/components/withdraw/WithdrawSummary.tsx
-function vs({ coin: e, network: t, networkName: n, amount: r, amountFiat: i, from: a, to: o, footer: s, className: c }) {
+function _s({ coin: e, network: t, networkName: n, amount: r, amountFiat: i, from: a, to: o, footer: s, className: c }) {
 	let l = r != null && r !== "" && r !== "0";
 	return /* @__PURE__ */ v("div", {
 		className: I("flex flex-col rounded-2xl border border-cb-line bg-slate-50 dark:bg-slate-900/40", c),
@@ -9949,11 +9949,11 @@ function vs({ coin: e, network: t, networkName: n, amount: r, amountFiat: i, fro
 							children: "—"
 						})
 					}),
-					/* @__PURE__ */ _(ys, {
+					/* @__PURE__ */ _(vs, {
 						caption: "From",
 						endpoint: a
 					}),
-					/* @__PURE__ */ _(ys, {
+					/* @__PURE__ */ _(vs, {
 						caption: "To",
 						endpoint: o
 					})
@@ -9966,7 +9966,7 @@ function vs({ coin: e, network: t, networkName: n, amount: r, amountFiat: i, fro
 		]
 	});
 }
-function ys({ caption: e, endpoint: t }) {
+function vs({ caption: e, endpoint: t }) {
 	return /* @__PURE__ */ _(Y, {
 		label: e,
 		children: t ? t.label ? /* @__PURE__ */ v("div", {
@@ -9993,10 +9993,10 @@ function ys({ caption: e, endpoint: t }) {
 }
 //#endregion
 //#region ../../react-app/src/components/withdraw/WithdrawPanel.tsx
-function bs(e) {
+function ys(e) {
 	return e.length > 18 ? `${e.slice(0, 10)}…${e.slice(-6)}` : e;
 }
-function xs({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
+function bs({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 	let [r, i] = d("USDT"), [a, o] = d("ETH"), [s, c] = d(null), [u, f] = d(""), [p, m] = d(""), [h, y] = d(""), [b, S] = d(!1), [C, w] = d(""), [T, E] = d(!1), ee = (ls.find((e) => e.code === r) ?? ls[0]).networks, D = l(() => us.filter((e) => e.coin === r && e.network === a), [r, a]), O = D.find((e) => e.id === s) ?? null, te = p.trim() !== "", ne = r === "TON", re = !ne || u.trim() !== "", k = ps(h), A = O ? ps(O.amount) : 0, j = O != null && k > A, ie = h.trim() !== "" && k > 0, M = O && ie ? ms(k * O.fiatRate) : null, ae = ie ? k.toLocaleString("en-US", {
 		minimumFractionDigits: 2,
 		maximumFractionDigits: 8
@@ -10167,7 +10167,7 @@ function xs({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 					]
 				})
 			}),
-			/* @__PURE__ */ _(vs, {
+			/* @__PURE__ */ _(_s, {
 				className: "h-full",
 				coin: r,
 				network: a,
@@ -10242,7 +10242,7 @@ function xs({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 									" ",
 									/* @__PURE__ */ _("span", {
 										className: "font-mono text-foreground",
-										children: te ? bs(p.trim()) : ""
+										children: te ? ys(p.trim()) : ""
 									})
 								]
 							}), /* @__PURE__ */ v("div", {
@@ -10251,7 +10251,7 @@ function xs({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 									htmlFor: "wd-code",
 									className: "text-[13px] font-medium text-muted-foreground",
 									children: "Authentication code"
-								}), /* @__PURE__ */ _(Ss, {
+								}), /* @__PURE__ */ _(xs, {
 									id: "wd-code",
 									value: C,
 									onChange: w
@@ -10278,7 +10278,7 @@ function xs({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 		]
 	});
 }
-function Ss({ id: e, value: t, onChange: n, length: r = 6 }) {
+function xs({ id: e, value: t, onChange: n, length: r = 6 }) {
 	let [i, a] = d(!1), o = Array.from({ length: r }, (e, n) => t[n] ?? ""), s = Math.min(t.length, r - 1);
 	return /* @__PURE__ */ v("div", {
 		className: "relative",
@@ -10308,14 +10308,14 @@ function Ss({ id: e, value: t, onChange: n, length: r = 6 }) {
 }
 //#endregion
 //#region ../../react-app/src/components/withdraw/types.ts
-var Cs = /* @__PURE__ */ F({}), ws = "Ipche", Ts = "gateUnlocked";
-function Es({ children: e }) {
-	let [t, n] = d(() => localStorage.getItem(Ts) === "true"), [r, i] = d(""), [a, o] = d(!1);
+var Ss = /* @__PURE__ */ F({}), Cs = "Ipche", ws = "gateUnlocked";
+function Ts({ children: e }) {
+	let [t, n] = d(() => localStorage.getItem(ws) === "true"), [r, i] = d(""), [a, o] = d(!1);
 	return t ? /* @__PURE__ */ _(g, { children: e }) : /* @__PURE__ */ _("div", {
 		className: "flex h-svh items-center justify-center bg-background p-4",
 		children: /* @__PURE__ */ v("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), r === ws ? (localStorage.setItem(Ts, "true"), n(!0)) : o(!0);
+				e.preventDefault(), r === Cs ? (localStorage.setItem(ws, "true"), n(!0)) : o(!0);
 			},
 			className: "w-full max-w-xs space-y-4 rounded-xl border border-border bg-card p-6 shadow-sm",
 			children: [/* @__PURE__ */ v("div", {
@@ -10349,4 +10349,4 @@ function Es({ children: e }) {
 	});
 }
 //#endregion
-export { de as ActionFooter, So as AmountField, yr as AppHeaderV1, wr as AppHeaderV2, gi as AssetValue, zn as Avatar, Vn as Badge, Vn as NavBadge, ho as BalancesSummary, vi as BlockchainDetails, z as Button, xt as Calendar, St as Checkbox, U as CoinLogo, Mr as ColumnsMenu, Mt as ConfirmDialog, ko as ConvertHistoryTable, Wo as ConvertPanel, $ as ConvertPickerField, $ as DepositPickerField, $ as PickerField, $ as WithdrawPickerField, jo as ConvertSummary, Nr as CopyButton, W as CopyableId, Ir as CurrencyNetwork, sa as DailyBalancesTable, zr as DataTable, ts as DepositHistoryTable, as as DepositPanel, is as DepositReceiveCard, Y as DetailField, Ct as Dialog, Tt as DialogClose, Dt as DialogContent, jt as DialogDescription, kt as DialogFooter, Ot as DialogHeader, At as DialogTitle, wt as DialogTrigger, ua as DonutChart, Vr as DownloadMenu, Nt as DropdownMenu, Rt as DropdownMenuCheckboxItem, It as DropdownMenuContent, Ft as DropdownMenuGroup, Lt as DropdownMenuItem, Bt as DropdownMenuLabel, Wt as DropdownMenuRadioGroup, B as DropdownMenuRadioItem, zt as DropdownMenuSeparator, Vt as DropdownMenuSub, Ut as DropdownMenuSubContent, Ht as DropdownMenuSubTrigger, Pt as DropdownMenuTrigger, fa as ExportHistoryList, dr as FULL_NAV, Cr as HeaderSearch, Tr as HeaderStickyContext, Wn as ICONS, Gn as ICON_NAMES, Gt as Input, Kt as Label, Jn as Logo, mr as NAV_ITEMS, pr as NAV_PRESETS, _r as NavDrawer, er as NavGroup, Kn as NavIcon, Zn as NavItem, Hn as NavLabel, $n as NavRailSection, Qn as NavSection, nr as NotificationItem, ar as NotificationsMenu, ir as NotificationsPanel, fr as PRIMARY_NAV, vr as PageContainer, kr as PageTitle, Ar as PageTitleChip, jr as PageTitlePanel, qt as Pagination, Jt as PaginationContent, $t as PaginationEllipsis, Yt as PaginationItem, Xt as PaginationLink, Qt as PaginationNext, Zt as PaginationPrevious, Es as PasswordGate, Ur as PaymentType, Ea as PeriodPicker, en as Popover, nn as PopoverAnchor, rn as PopoverContent, tn as PopoverTrigger, rs as QrCode, an as RadioGroup, on as RadioGroupItem, Fa as ReportSummaryCard, Ia as ReportSummaryGroup, La as ReportsSummaryEmpty, Si as RiskAssessment, Wr as RiskSignal, rr as SAMPLE_NOTIFICATIONS, Ii as SavePresetDialog, Ri as SavedPresetsBar, cn as ScrollArea, Xn as SectionHeading, ln as Separator, un as SidePanel, gn as SidePanelBody, fn as SidePanelClose, mn as SidePanelContent, yn as SidePanelDescription, _n as SidePanelFooter, hn as SidePanelHeader, xn as SidePanelSectionTitle, bn as SidePanelSeparator, vn as SidePanelTitle, dn as SidePanelTrigger, V as Skeleton, Lr as SortHeader, Kr as StatusBadge, Qi as TRANSACTION_SEARCH_SCOPES, Sn as Table, wn as TableBody, On as TableCaption, H as TableCell, Tn as TableFooter, Dn as TableHead, Cn as TableHeader, En as TableRow, kn as Tabs, Nn as TabsContent, jn as TabsList, Mn as TabsTrigger, Co as TextField, Pr as TextLink, G as TextStack, Fn as Tooltip, Ln as TooltipContent, Pn as TooltipProvider, In as TooltipTrigger, Hi as TransactionDetailPanel, Bi as TransactionInfo, Vi as TransactionReference, zi as TransactionSummary, Yi as TransactionsFilterPanel, ea as TransactionsTable, na as TransactionsTableOptions, pe as UiBadge, ur as UserMenu, po as WalletBalancesTable, To as WalletField, no as WalletRowActions, _s as WithdrawHistoryTable, xs as WithdrawPanel, vs as WithdrawSummary, fe as badgeVariants, go as balancesData, bo as balancesRecentTransactions, yo as balancesTypes, R as buttonVariants, No as convertData, Ko as convertTypes, qo as depositData, os as depositTypes, hr as findNavItem, Da as reportsData, pa as reportsPresets, za as reportsReportData, Ra as reportsTypes, An as tabsListVariants, $i as transactionColumnOptions, qr as transactionsData, Ei as transactionsFilters, Ci as transactionsStatuses, ra as transactionsTypes, Er as useHeaderExtension, ss as withdrawData, Cs as withdrawTypes };
+export { de as ActionFooter, So as AmountField, yr as AppHeaderV1, wr as AppHeaderV2, gi as AssetValue, zn as Avatar, Vn as Badge, Vn as NavBadge, ho as BalancesSummary, vi as BlockchainDetails, z as Button, xt as Calendar, St as Checkbox, U as CoinLogo, Mr as ColumnsMenu, Mt as ConfirmDialog, ko as ConvertHistoryTable, Wo as ConvertPanel, $ as ConvertPickerField, $ as DepositPickerField, $ as PickerField, $ as WithdrawPickerField, jo as ConvertSummary, Nr as CopyButton, W as CopyableId, Ir as CurrencyNetwork, sa as DailyBalancesTable, zr as DataTable, ts as DepositHistoryTable, as as DepositPanel, is as DepositReceiveCard, Y as DetailField, Ct as Dialog, Tt as DialogClose, Dt as DialogContent, jt as DialogDescription, kt as DialogFooter, Ot as DialogHeader, At as DialogTitle, wt as DialogTrigger, ua as DonutChart, Vr as DownloadMenu, Nt as DropdownMenu, Rt as DropdownMenuCheckboxItem, It as DropdownMenuContent, Ft as DropdownMenuGroup, Lt as DropdownMenuItem, Bt as DropdownMenuLabel, Wt as DropdownMenuRadioGroup, B as DropdownMenuRadioItem, zt as DropdownMenuSeparator, Vt as DropdownMenuSub, Ut as DropdownMenuSubContent, Ht as DropdownMenuSubTrigger, Pt as DropdownMenuTrigger, fa as ExportHistoryList, dr as FULL_NAV, Cr as HeaderSearch, Tr as HeaderStickyContext, Wn as ICONS, Gn as ICON_NAMES, Gt as Input, Kt as Label, Jn as Logo, mr as NAV_ITEMS, pr as NAV_PRESETS, _r as NavDrawer, er as NavGroup, Kn as NavIcon, Zn as NavItem, Hn as NavLabel, $n as NavRailSection, Qn as NavSection, nr as NotificationItem, ar as NotificationsMenu, ir as NotificationsPanel, fr as PRIMARY_NAV, vr as PageContainer, kr as PageTitle, Ar as PageTitleChip, jr as PageTitlePanel, qt as Pagination, Jt as PaginationContent, $t as PaginationEllipsis, Yt as PaginationItem, Xt as PaginationLink, Qt as PaginationNext, Zt as PaginationPrevious, Ts as PasswordGate, Ur as PaymentType, Ea as PeriodPicker, en as Popover, nn as PopoverAnchor, rn as PopoverContent, tn as PopoverTrigger, rs as QrCode, an as RadioGroup, on as RadioGroupItem, Fa as ReportSummaryCard, Ia as ReportSummaryGroup, La as ReportsSummaryEmpty, Si as RiskAssessment, Wr as RiskSignal, rr as SAMPLE_NOTIFICATIONS, Ii as SavePresetDialog, Ri as SavedPresetsBar, cn as ScrollArea, Xn as SectionHeading, ln as Separator, un as SidePanel, gn as SidePanelBody, fn as SidePanelClose, mn as SidePanelContent, yn as SidePanelDescription, _n as SidePanelFooter, hn as SidePanelHeader, xn as SidePanelSectionTitle, bn as SidePanelSeparator, vn as SidePanelTitle, dn as SidePanelTrigger, V as Skeleton, Lr as SortHeader, Kr as StatusBadge, Qi as TRANSACTION_SEARCH_SCOPES, Sn as Table, wn as TableBody, On as TableCaption, H as TableCell, Tn as TableFooter, Dn as TableHead, Cn as TableHeader, En as TableRow, kn as Tabs, Nn as TabsContent, jn as TabsList, Mn as TabsTrigger, Co as TextField, Pr as TextLink, G as TextStack, Fn as Tooltip, Ln as TooltipContent, Pn as TooltipProvider, In as TooltipTrigger, Hi as TransactionDetailPanel, Bi as TransactionInfo, Vi as TransactionReference, zi as TransactionSummary, Yi as TransactionsFilterPanel, ea as TransactionsTable, na as TransactionsTableOptions, pe as UiBadge, ur as UserMenu, po as WalletBalancesTable, To as WalletField, no as WalletRowActions, gs as WithdrawHistoryTable, bs as WithdrawPanel, _s as WithdrawSummary, fe as badgeVariants, go as balancesData, bo as balancesRecentTransactions, yo as balancesTypes, R as buttonVariants, No as convertData, Ko as convertTypes, qo as depositData, os as depositTypes, hr as findNavItem, Da as reportsData, pa as reportsPresets, za as reportsReportData, Ra as reportsTypes, An as tabsListVariants, $i as transactionColumnOptions, qr as transactionsData, Ei as transactionsFilters, Ci as transactionsStatuses, ra as transactionsTypes, Er as useHeaderExtension, ss as withdrawData, Ss as withdrawTypes };