@chainberry/ui-components 1.0.39 → 1.0.41

package/dist/index.d.ts

@@ -414,6 +414,10 @@ declare const COINS_2: Coin_2[];
 /** Withdrawable assets and the networks each can move over. */
 declare const COINS_3: Coin_3[];
 
+export declare function CoinsNetworksTable({ networks }: {
+    networks: OrgNetwork[];
+}): JSX.Element;
+
 /** The asset logo for a code, or undefined when we have no artwork for it. */
 export declare function coinSrc(code: string): string | undefined;
 
@@ -455,6 +459,14 @@ declare interface Commission {
     network: string;
 }
 
+export declare function CommissionsSummary({ commissions, note, columns, className, }: {
+    commissions: SummaryFigure[];
+    note?: ReactNode;
+    /** cells across from `sm` up — figures plus the note, if there is one */
+    columns?: 2 | 3 | 4 | 5;
+    className?: string;
+}): JSX.Element;
+
 export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, onConfirm, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -903,6 +915,45 @@ export declare function DropdownMenuSubTrigger({ className, children, ...props }
 
 export declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
 
+export declare function EditableInfoRow({ label, value, 
+    /** show a copy button that copies `copyValue` (falls back to the string value) */
+    copyable, copyValue, 
+    /** when set, renders the action button that calls this; omit for read-only rows */
+    onEdit, 
+    /** action button text — override for rows that aren't a plain edit */
+    actionLabel, 
+    /** action button icon; pass null for a text-only button */
+    actionIcon, 
+    /** action button variant — "ghost" reads as a quiet Edit, "default" as a primary action */
+    actionVariant, className, }: {
+    label: ReactNode;
+    value: ReactNode;
+    copyable?: boolean;
+    copyValue?: string;
+    onEdit?: () => void;
+    actionLabel?: string;
+    actionIcon?: IconSvgElement | null;
+    actionVariant?: React.ComponentProps<typeof Button>["variant"];
+    className?: string;
+}): JSX.Element;
+
+export declare function EditFieldDialog({ open, onOpenChange, title, description, label, value, placeholder, inputMode, options, successMessage, onSave, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    label: string;
+    /** current committed value — seeds the draft each time the dialog opens */
+    value: string;
+    placeholder?: string;
+    inputMode?: React.ComponentProps<"input">["inputMode"];
+    /** when given, the modal edits via a PickerField instead of a text input */
+    options?: PickerOption[];
+    /** toast text after a successful save; defaults to "<label> updated" */
+    successMessage?: string;
+    onSave: (value: string) => void;
+}): JSX.Element;
+
 declare const EMPTY_FILTER: TxFilter;
 
 declare const EMPTY_FILTER_2: ActivityFilter;
@@ -1339,8 +1390,44 @@ declare const icons: {
     }])[];
 };
 
+export declare function Initiator({ name, avatar, strong, }: {
+    name: string;
+    /** the chip before the name — two letters or a neutral user glyph */
+    avatar?: "initials" | "icon";
+    /** render the name semibold (Name column of a table) */
+    strong?: boolean;
+}): JSX.Element;
+
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): React_2.JSX.Element;
 
+export declare function InviteUserDialog({ open, onOpenChange, onInvite, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onInvite?: (name: string, email: string, roleId: string) => void;
+}): JSX.Element;
+
+declare type Invoice = {
+    id: string;
+    date: string;
+    status: InvoiceStatus;
+    /** transaction count for the invoice period */
+    txNo: number;
+    /** dollar-formatted amounts, e.g. "$37.00", "$-0.08" */
+    volume: string;
+    commissions: string;
+    other: string;
+    total: string;
+};
+
+declare type InvoiceActionId = "invoice" | "details-csv" | "details-xlsx";
+
+export declare function InvoicesTable({ invoices, onAction, }: {
+    invoices: Invoice[];
+    onAction?: (id: InvoiceActionId, inv: Invoice) => void;
+}): JSX.Element;
+
+declare type InvoiceStatus = "pending" | "paid";
+
 declare function isFilterEmpty(f: TxFilter): boolean;
 
 declare function isFilterEmpty_2(f: ActivityFilter): boolean;
@@ -1365,6 +1452,10 @@ export declare function Logo({ src, alt, href, collapsed, }: {
     collapsed?: boolean;
 }): JSX.Element;
 
+export declare function MonthlyUsageTable({ rows }: {
+    rows: UsageRow[];
+}): JSX.Element;
+
 /** Flat id → item lookup across both presets (for route → page wiring). PRIMARY
  listed first so FULL wins for shared ids, while PRIMARY-only ids (e.g. the
  Treasury "All Transactions") still resolve. */
@@ -1533,6 +1624,23 @@ export declare type NotificationTone = "blue" | "red" | "green";
 
 declare type OptionKey = "search" | "tabs" | "filters" | "columns" | "refresh" | "download";
 
+/** A blockchain network row: whether (and which) assets are live for this org. */
+declare type OrgNetwork = {
+    id: string;
+    /** network display name — e.g. "Bitcoin", "BNB Chain" */
+    network: string;
+    /** asset code used for the network's overlaid logo — e.g. "ETH", "TRX" */
+    networkCode: string;
+    /** free-text example of the assets the network carries */
+    exampleAssets: string;
+    /** enabled asset codes for this org; empty ⇒ network not enabled */
+    assets: string[];
+    /** minimum deposit commission for the network — only set when enabled */
+    minDepositCommission?: string;
+    /** flat withdrawal cost for the network — only set when enabled */
+    fixedWithdrawalCost?: string;
+};
+
 export declare function PageContainer({ className, children, }: {
     className?: string;
     children: ReactNode;
@@ -1841,9 +1949,12 @@ export declare type RiskLevel = "low" | "medium" | "high";
 
 declare type RiskLevel_2 = 'low' | 'medium' | 'high';
 
-export declare function RiskSignal({ level, score }: {
+export declare function RiskSignal({ level, score, colored, className, }: {
     level: RiskLevel;
     score?: number;
+    /** Paint the lit bars in the level's tone instead of slate. */
+    colored?: boolean;
+    className?: string;
 }): JSX.Element;
 
 export declare const SAMPLE_NOTIFICATIONS: NotificationItemData[];
@@ -2008,6 +2119,14 @@ export declare function StatusBadge({ children, tone, className, }: {
     className?: string;
 }): JSX.Element;
 
+declare type SummaryFigure = {
+    label: string;
+    value: string;
+    /** bold value. Defaults to true — set false for figures that support the
+     *  headline rather than being it (e.g. Billing's total leads on "To Pay"). */
+    strong?: boolean;
+};
+
 export declare function Table({ className, containerClassName, ...props }: React_2.ComponentProps<"table"> & {
     containerClassName?: string;
 }): React_2.JSX.Element;
@@ -2374,11 +2493,27 @@ export declare function UiBadge({ className, variant, asChild, ...props }: React
     asChild?: boolean;
 }): React_2.JSX.Element;
 
+/** One currency+network row of the monthly usage breakdown. All amounts are
+ *  strings in the settlement currency (USDT). */
+declare type UsageRow = {
+    id: string;
+    /** asset code, e.g. "USDT", "ETH" */
+    code: string;
+    /** network code used for the overlaid badge, e.g. "TRX", "ETH", "POL" */
+    networkCode: string;
+    txns: number;
+    grossCommissions: string;
+    refundable: string;
+    toPay: string;
+};
+
 export declare function useHeaderExtension(): HeaderStickyValue;
 
 /** Deposit addresses grouped by end user. */
 declare const USER_WALLET_GROUPS: UserWalletGroup[];
 
+declare type UserActionId = 'edit' | 'delete';
+
 export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, headerMode, onHeaderModeChange, onAccount, onLogout, onTakeTour, onResetDemo, collapsed, side, align, fullWidth, }: {
     name?: string;
     avatarSrc?: string;
@@ -2402,6 +2537,14 @@ export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, he
     fullWidth?: boolean;
 }): JSX.Element;
 
+export declare function UserRowActions({ label, onAction, hideEdit, hideDelete, }: {
+    /** context for the accessible label, e.g. the user's name */
+    label?: string;
+    onAction?: (id: UserActionId) => void;
+    hideEdit?: boolean;
+    hideDelete?: boolean;
+}): JSX.Element;
+
 /** An end user and the deposit addresses they hold across networks. */
 export declare type UserWalletGroup = {
     /** userId — group key + React key. */
@@ -2713,11 +2856,14 @@ export declare namespace withdrawData {
     }
 }
 
-export declare function WithdrawHistoryTable({ data, className, onRowClick, }: {
+export declare function WithdrawHistoryTable({ data, className, onRowClick, amountTone, emptyMessage, }: {
     data: WithdrawalRecord[];
     className?: string;
     /** click a row to open its Activity details panel */
     onRowClick?: (row: WithdrawalRecord) => void;
+    /** "outflow" paints the figure red; "neutral" leaves it in the body colour */
+    amountTone?: "outflow" | "neutral";
+    emptyMessage?: string;
 }): JSX.Element;
 
 export declare function WithdrawPanel({ currentUser, onSubmit, className, }: {
@@ -2728,7 +2874,9 @@ export declare function WithdrawPanel({ currentUser, onSubmit, className, }: {
     className?: string;
 }): JSX.Element;
 
-export declare function WithdrawSummary({ coin, network, networkName, amount, amountFiat, from, to, footer, className, }: {
+export declare function WithdrawSummary({ title, description, coin, network, networkName, amount, amountFiat, from, to, footer, className, }: {
+    title?: string;
+    description?: string;
     coin: string | null;
     network: string | null;
     networkName?: string;