Introduction
Guides
Components
- Appchain
- Buy
- Checkout
- Earn
- Fund
- Identity
- Mint
- <Signature />
- Swap
- Token
- <Transaction />
- Wallet
API
- Mint
- Swap
- Token
- Wallet
Utilities
- Config
- Earn
- Fund
- Identity
- Mint
- Token
- Wallet
Contribution
Types
Signature components & utilities Types
Glossary of Types in Signature components & utilities.
LifecycleStatus
Copy
Ask AI
type LifecycleStatus =
| {
statusName: 'init';
statusData: null;
}
| {
statusName: 'error';
statusData: APIError;
}
| {
statusName: 'pending';
statusData: {
type: MessageType;
};
}
| {
statusName: 'success';
statusData: {
signature: `0x${string}`;
type: MessageType;
};
}
| {
statusName: 'reset';
statusData: null;
};
SignatureReact
Copy
Ask AI
type SignatureReact = {
chainId?: number;
className?: string;
onSuccess?: (signature: string) => void;
onStatus?: (status: LifecycleStatus) => void;
onError?: (error: APIError) => void;
resetAfter?: number;
} & (
| {
domain?: SignTypedDataParameters['domain'];
types: SignTypedDataParameters['types'];
message: SignTypedDataParameters['message'];
primaryType: SignTypedDataParameters['primaryType'];
}
| {
message: SignMessageParameters['message'];
domain?: never;
types?: never;
primaryType?: never;
}
) &
(
| {
children: React.ReactNode;
label?: never;
disabled?: never;
}
| {
children?: never;
label?: React.ReactNode;
disabled?: boolean;
}
);
SignatureButtonProps
Copy
Ask AI
type SignatureButtonProps = {
className?: string;
disabled?: boolean;
label?: ReactNode;
connectLabel?: ReactNode;
errorLabel?: ReactNode;
successLabel?: ReactNode;
pendingLabel?: ReactNode;
};
SignatureStatusProps
Copy
Ask AI
type SignatureStatusProps = {
children?: React.ReactNode;
className?: string;
};
SignatureToastProps
Copy
Ask AI
type SignatureToastProps = {
children?: React.ReactNode;
className?: string;
durationMs?: number;
position?: 'bottom-center' | 'top-center' | 'top-right' | 'bottom-right';
};
SignatureIconProps
Copy
Ask AI
type SignatureIconProps = {
className?: string;
};
SignatureLabelProps
Copy
Ask AI
type SignatureLabelProps = {
className?: string;
};
MessageType
Copy
Ask AI
enum MessageType {
SIGNABLE_MESSAGE = 'signable_message',
TYPED_DATA = 'typed_data',
INVALID = 'invalid'
}
ValidateMessageResult
Copy
Ask AI
type ValidateMessageResult =
| { type: MessageType.TYPED_DATA; data: SignTypedDataParameters }
| { type: MessageType.SIGNABLE_MESSAGE; data: SignMessageParameters }
| { type: MessageType.INVALID; data: null };
MessageData
Copy
Ask AI
type MessageData = {
domain?: SignTypedDataParameters['domain'];
types?: SignTypedDataParameters['types'];
message: SignTypedDataParameters['message'] | SignMessageParameters['message'];
primaryType?: SignTypedDataParameters['primaryType'];
};
SignatureProviderProps
Copy
Ask AI
type SignatureProviderProps = {
children: React.ReactNode;
onSuccess?: (signature: string) => void;
onError?: (error: APIError) => void;
onStatus?: (status: LifecycleStatus) => void;
resetAfter?: number;
} & MessageData;
Assistant
Responses are generated using AI and may contain mistakes.