@chainberry/ui-components 1.0.49 → 1.0.50

package/dist/index.d.ts

@@ -221,6 +221,42 @@ export declare function AssetValue({ value, code, icon, className, }: {
     className?: string;
 }): JSX.Element;
 
+/** The languages the interface ships in — feeds the language picker. The flag is
+ *  a plain emoji so it needs no icon set and renders in the picker's `leading`
+ *  slot (shown both in the closed trigger and in the open list). */
+export declare const AUTH_LANGUAGES: {
+    value: AuthLanguage;
+    label: string;
+    flag: string;
+}[];
+
+export declare function AuthFormShell({ title, description, 
+    /** badge above the title — result screens put an `AuthStatusIcon` here */
+    icon, children, 
+    /** closing line under the form — links back into the flow */
+    footer, 
+    /** hides the logo for screens that lead with their own icon */
+    brand, className, }: {
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    brand?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare type AuthLanguage = "en" | "ru";
+
+export declare function authLanguageLabel(value: AuthLanguage): string;
+
+export declare function AuthUtilityBar({ language, onLanguageChange, supportEmail, className, }: {
+    language?: AuthLanguage;
+    onLanguageChange?: (language: AuthLanguage) => void;
+    supportEmail?: string;
+    className?: string;
+}): JSX.Element;
+
 /** One run of a scheduled automation rule — bundles many on-chain transactions
  into a single activity row (Amount shows the batch total + a tx count). */
 declare type AutomationActivity = ActivityBase & {
@@ -599,6 +635,17 @@ export declare namespace convertTypes {
     }
 }
 
+declare const COPY: {
+    readonly reset: {
+        readonly label: "New password";
+        readonly submit: "Reset password";
+    };
+    readonly invite: {
+        readonly label: "Choose a password";
+        readonly submit: "Set password";
+    };
+};
+
 export declare function CopyableId({ value, head, tail, revealOnHover, asLink, mask, href, className, }: {
     value: string;
     head?: number;
@@ -1024,6 +1071,14 @@ export declare type FooterAction = {
     className?: string;
 };
 
+export declare function ForgotPasswordForm({ onSubmit, onBack, defaultEmail, className, }: {
+    /** runs after the spinner with the address the link went to */
+    onSubmit?: (email: string) => void;
+    onBack?: () => void;
+    defaultEmail?: string;
+    className?: string;
+}): JSX.Element;
+
 /** Grouped crypto figure, 2–8 decimals, e.g. 6229.32 → "6,229.32". */
 declare function formatCrypto(value: number): string;
 
@@ -1452,6 +1507,23 @@ declare const KIND_OPTIONS: {
 
 export declare function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
+export declare function LoginForm({ onSubmit, onForgotPassword, defaultEmail, 
+    /** message shown in the banner regardless of validation (for stories/errors) */
+    error, submitLabel, className, }: {
+    /** runs after the spinner, once the form is considered valid */
+    onSubmit?: (result: LoginSubmit) => void;
+    onForgotPassword?: () => void;
+    defaultEmail?: string;
+    error?: ReactNode;
+    submitLabel?: string;
+    className?: string;
+}): JSX.Element;
+
+declare type LoginSubmit = {
+    email: string;
+    password: string;
+};
+
 export declare function Logo({ src, alt, href, collapsed, className: imgClassName, }: {
     src?: string;
     alt?: string;
@@ -1927,6 +1999,16 @@ export declare function ReportSummaryGroup({ summaries, className, }: {
 
 declare type ReportView = 'volume' | 'transactions';
 
+export declare function ResetPasswordForm({ mode, onSubmit, onBack, className, }: {
+    mode?: ResetPasswordMode;
+    /** runs after the spinner, once the rules pass and both fields match */
+    onSubmit?: (password: string) => void;
+    onBack?: () => void;
+    className?: string;
+}): JSX.Element;
+
+declare type ResetPasswordMode = keyof typeof COPY;
+
 export declare const RISK_ICONS: Record<RiskLevel, string>;
 
 declare const RISK_OPTIONS: {
@@ -2150,6 +2232,9 @@ declare type SummaryFigure = {
     strong?: boolean;
 };
 
+/** Where "Contact support" points. */
+export declare const SUPPORT_EMAIL = "support@chainberry.io";
+
 export declare function Table({ className, containerClassName, ...props }: React_2.ComponentProps<"table"> & {
     containerClassName?: string;
 }): React_2.JSX.Element;
@@ -2501,6 +2586,30 @@ declare const TREASURY_ACTIVITY: TreasuryActivityRecord[];
 /** One row in the Treasury Activity feed — a discriminated union over `kind`. */
 declare type TreasuryActivityRecord = DepositActivity | WithdrawalActivity | TransferActivity | ConversionActivity | AutomationActivity;
 
+export declare function TwoFactorForm({ onVerify, onResend, onUseRecoveryCode, onBack, length, className, }: {
+    /** runs after the spinner, with the code that was entered */
+    onVerify?: (code: string) => void;
+    onResend?: () => void;
+    onUseRecoveryCode?: () => void;
+    /** back to the credentials step */
+    onBack?: () => void;
+    length?: number;
+    className?: string;
+}): JSX.Element;
+
+export declare function TwoFactorSetupForm({ 
+    /** otpauth:// URI the QR encodes */
+    secret, 
+    /** base64-encoded PNG data URL for the QR code */
+    qrDataUrl, onSubmit, submitLabel, className, }: {
+    secret?: string;
+    qrDataUrl?: string;
+    /** runs after the spinner, with the code that was entered */
+    onSubmit?: (code: string) => void;
+    submitLabel?: string;
+    className?: string;
+}): JSX.Element;
+
 declare type TxFilter = {
     types: TxType[];
     statuses: TxStatus[];