@ermis-network/ermis-chat-react 2.0.0 → 2.0.1

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default from 'react';
 import * as _ermis_network_ermis_chat_sdk from '@ermis-network/ermis-chat-sdk';
-import { Channel as Channel$1, Attachment, FormatMessageResponse, ChannelFilters, ChannelSort, ChannelQueryOptions, SystemMessageTranslations, SignalMessageTranslations, ErmisChat, UserCallInfo, MessageLabel, ExtendableGenerics, DefaultGenerics, UserResponse, ErmisCallNode, CallStatus } from '@ermis-network/ermis-chat-sdk';
+import { Channel as Channel$1, E2eeAttachmentManifest, Attachment, FormatMessageResponse, ChannelFilters, ChannelSort, ChannelQueryOptions, SystemMessageTranslations, SignalMessageTranslations, ErmisChat, UserCallInfo, E2eeRecoveryPolicy, MessageLabel, ExtendableGenerics, DefaultGenerics, UserResponse, E2eeAttachmentTransferProgress, PendingE2eeSendRecord, RestoreProgressRecord, RepairMode, RepairResult, EncryptedChannelRepairMode, EncryptedChannelRepairResult, ErmisCallNode, CallStatus } from '@ermis-network/ermis-chat-sdk';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VListHandle } from 'virtua';
 
@@ -55,6 +55,18 @@ type ChatContextValue = {
     setJumpToMessageId: (id: string | null) => void;
     /** Indicates whether the direct call feature is enabled */
     enableCall?: boolean;
+    /** Save a draft message (innerHTML and files) for a specific channel */
+    setDraft: (cid: string, draft: {
+        html: string;
+        files: any[];
+    }) => void;
+    /** Retrieve the saved draft for a specific channel */
+    getDraft: (cid: string) => {
+        html: string;
+        files: any[];
+    } | undefined;
+    /** Clear all saved drafts (e.g. on logout) */
+    clearAllDrafts: () => void;
 };
 
 type ChatProviderProps = {
@@ -432,6 +444,8 @@ type TopicListProps = {
     videoMessageLabel?: React.ReactNode;
     voiceRecordingMessageLabel?: React.ReactNode;
     fileMessageLabel?: React.ReactNode;
+    encryptedMessageLabel?: React.ReactNode;
+    encryptedMessageUnavailableLabel?: React.ReactNode;
     systemMessageTranslations?: SystemMessageTranslations;
     signalMessageTranslations?: SignalMessageTranslations;
 };
@@ -486,6 +500,10 @@ type ChannelListProps = {
     voiceRecordingMessageLabel?: React.ReactNode;
     /** Label for file messages in the preview strip (default: '📎 File') */
     fileMessageLabel?: React.ReactNode;
+    /** Label for encrypted messages in the preview strip (default: 'Encrypted message') */
+    encryptedMessageLabel?: React.ReactNode;
+    /** Label for encrypted messages that failed in the preview strip (default: 'Encrypted message unavailable') */
+    encryptedMessageUnavailableLabel?: React.ReactNode;
     /** Custom translation templates for system messages in the preview strip */
     systemMessageTranslations?: SystemMessageTranslations;
     /** Custom translation templates for signal (call) messages in the preview strip */
@@ -526,6 +544,8 @@ type ChannelListProps = {
     FlatTopicGroupItemComponent?: React.ComponentType<any>;
     /** Auto-scroll the channel list to the top when the current user sends a message (default: true) */
     scrollToTopOnOwnMessage?: boolean;
+    /** Whether to show topic pills on team channels (default: false) */
+    showTopicPills?: boolean;
 };
 type AttachmentProps = {
     attachment: Attachment;
@@ -538,6 +558,12 @@ type MessageRendererProps = {
     systemMessageTranslations?: SystemMessageTranslations;
     signalMessageTranslations?: SignalMessageTranslations;
     onMentionClick?: (userId: string) => void;
+    /** I18n Label for encrypted messages (default: 'Encrypted message') */
+    encryptedMessageLabel?: string;
+    /** I18n Label for encrypted messages that failed to decrypt (default: 'Encrypted message could not be decrypted') */
+    encryptedMessageFailedLabel?: string;
+    /** I18n Label for encrypted messages being decrypted (default: 'Decrypting encrypted message...') */
+    encryptedMessageDecryptingLabel?: string;
 };
 type MessageBubbleProps = {
     message: FormatMessageResponse;
@@ -552,9 +578,16 @@ type JumpToLatestProps = {
 };
 type MediaLightboxItem = {
     type: 'image' | 'video';
-    src: string;
+    src?: string;
     alt?: string;
     posterSrc?: string;
+    loading?: boolean;
+    progressLabel?: string;
+    download?: () => Promise<void> | void;
+    onPlaybackError?: (context?: {
+        currentTime?: number;
+    }) => Promise<void> | void;
+    onDispose?: () => Promise<void> | void;
 };
 type MediaLightboxProps = {
     items: MediaLightboxItem[];
@@ -663,6 +696,18 @@ type MessageListProps = {
     }>) => string;
     /** I18n Label for deleted display messages (display_type === 'deleted') */
     deletedMessageLabel?: string;
+    /** I18n Label for attachment-only previews */
+    attachmentLabel?: string;
+    /** I18n Label for messages whose contents are unavailable */
+    unavailableMessageLabel?: string;
+    /** I18n Label for encrypted messages (default: 'Encrypted message') */
+    encryptedMessageLabel?: string;
+    /** I18n Label for encrypted messages that failed to decrypt (default: 'Encrypted message could not be decrypted') */
+    encryptedMessageFailedLabel?: string;
+    /** I18n Label for encrypted messages being decrypted (default: 'Decrypting encrypted message...') */
+    encryptedMessageDecryptingLabel?: string;
+    /** I18n Label for encrypted messages unavailable in sidebar preview (default: 'Encrypted message unavailable') */
+    encryptedMessageUnavailableLabel?: string;
     /** Custom translation templates for system messages */
     systemMessageTranslations?: SystemMessageTranslations;
     /** Custom translation templates for signal (call) messages */
@@ -753,6 +798,18 @@ type MessageItemProps = {
     editedLabel?: string;
     /** I18n Label for deleted display messages (display_type === 'deleted') */
     deletedMessageLabel?: React.ReactNode;
+    /** I18n Label for attachment-only previews */
+    attachmentLabel?: string;
+    /** I18n Label for messages whose contents are unavailable */
+    unavailableMessageLabel?: string;
+    /** I18n Label for sticker message previews */
+    stickerLabel?: string;
+    /** I18n Label for encrypted messages (default: 'Encrypted message') */
+    encryptedMessageLabel?: string;
+    /** I18n Label for encrypted messages that failed to decrypt (default: 'Encrypted message could not be decrypted') */
+    encryptedMessageFailedLabel?: string;
+    /** I18n Label for encrypted messages being decrypted (default: 'Decrypting encrypted message...') */
+    encryptedMessageDecryptingLabel?: string;
     /** Custom translation templates for system messages */
     systemMessageTranslations?: SystemMessageTranslations;
     /** Custom translation templates for signal (call) messages */
@@ -763,6 +820,8 @@ type MessageItemProps = {
     onUserNameClick?: (userId: string) => void;
     /** Handler when clicking to add a custom reaction */
     onAddReactionClick?: (e: React.MouseEvent, messageId: string) => void;
+    /** When true, the avatar column is not rendered (handled by group wrapper) */
+    hideAvatar?: boolean;
 };
 type SystemMessageItemProps = {
     message: FormatMessageResponse;
@@ -939,6 +998,8 @@ type PinnedMessageItemProps = {
     AvatarComponent: React.ComponentType<AvatarProps>;
     unpinLabel?: string;
     stickerLabel?: string;
+    attachmentLabel?: string;
+    unavailableMessageLabel?: string;
 };
 type PinnedMessagesProps = {
     /** Additional CSS class name */
@@ -957,6 +1018,8 @@ type PinnedMessagesProps = {
     collapseLabel?: string;
     unpinLabel?: string;
     stickerLabel?: string;
+    attachmentLabel?: string;
+    unavailableMessageLabel?: string;
 };
 type QuotedMessagePreviewProps = {
     /** The quoted (replied-to) message object */
@@ -967,11 +1030,28 @@ type QuotedMessagePreviewProps = {
             id?: string;
             name?: string;
         };
+        attachments?: Attachment[];
+        content_type?: string;
+        mls_ciphertext?: unknown;
+        e2ee_status?: string;
+        sticker_url?: string;
+        type?: string;
+        display_type?: string;
+        mentioned_users?: string[];
+        mentioned_all?: boolean;
     };
     /** Whether the parent message is from the current user */
     isOwnMessage: boolean;
     /** Callback when the quote box is clicked */
     onClick: (messageId: string) => void;
+    /** I18n Label for attachment-only quoted messages */
+    attachmentLabel?: string;
+    /** I18n Label for quoted messages whose contents are unavailable */
+    unavailableMessageLabel?: string;
+    /** I18n Label for sticker quoted messages */
+    stickerLabel?: string;
+    /** I18n Label for deleted messages */
+    deletedMessageLabel?: string;
 };
 type MentionSuggestionsProps = {
     members: MentionMember[];
@@ -1022,6 +1102,10 @@ type FilePreviewItem = {
     previewUrl?: string;
     /** Upload status */
     status: 'pending' | 'uploading' | 'done' | 'error';
+    /** E2EE upload phase when the file is handled by MLS attachment flow */
+    e2eePhase?: 'generating_preview' | 'encrypting' | 'uploading' | 'completing' | 'sending' | 'retrying' | 'failed';
+    /** Upload progress percentage (0-100) */
+    progress?: number;
     /** Error message if upload failed */
     error?: string;
     /** URL returned after successful upload */
@@ -1097,6 +1181,8 @@ type AttachmentItem = {
     og_scrape_url?: string;
     image_url?: string;
     text?: string;
+    e2ee_manifest?: E2eeAttachmentManifest;
+    e2ee_manifest_missing?: boolean;
 };
 type MediaTab = 'members' | 'media' | 'links' | 'files';
 type ChannelInfoTabHeaderProps = {
@@ -1156,8 +1242,13 @@ type ChannelInfoCoverProps = {
     isTopic?: boolean;
     /** Whether the channel is a team channel */
     isTeamChannel?: boolean;
+    /** Whether this channel or inherited parent topic is E2EE enabled */
+    isE2ee?: boolean;
+    /** Current encryption epoch, if available */
+    encryptionEpoch?: number;
 };
 type ChannelInfoActionsProps = {
+    channel?: Channel$1;
     onSearchClick?: () => void;
     onSettingsClick?: () => void;
     onLeaveChannel?: () => void;
@@ -1191,6 +1282,15 @@ type ChannelInfoActionsProps = {
     onCreateTopic?: () => void;
     createTopicLabel?: string;
     topicsEnabled?: boolean;
+    isE2ee?: boolean;
+    encryptionInitialized?: boolean;
+    encryptionEpoch?: number;
+    onRotateKey?: () => void;
+    rotateKeyLabel?: string;
+    rotateKeyDisabled?: boolean;
+    onEnableE2ee?: () => void;
+    enableE2eeLabel?: string;
+    enableE2eeDisabled?: boolean;
 };
 type ChannelInfoMember = {
     id: string;
@@ -1564,6 +1664,7 @@ type CreateChannelFooterProps = {
     messageButtonLabel?: string;
     nextButtonLabel?: string;
     backButtonLabel?: string;
+    e2eeEnabled?: boolean;
 };
 type CreateChannelGroupFieldsProps = {
     name: string;
@@ -1578,11 +1679,25 @@ type CreateChannelGroupFieldsProps = {
     groupDescriptionLabel?: string;
     groupDescriptionPlaceholder?: string;
     groupPublicLabel?: string;
+    e2eeEnabled?: boolean;
+    onE2eeChange?: (enabled: boolean) => void;
+    e2eeLabel?: string;
+    e2eeDescription?: string;
+    e2eeDisabled?: boolean;
+};
+type CreateChannelE2eeToggleProps = {
+    enabled: boolean;
+    onChange: (enabled: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    description?: string;
 };
 type CreateChannelModalProps = {
     isOpen: boolean;
     onClose: () => void;
     onSuccess?: (channel: any) => void;
+    /** Recovery coverage policy for newly created E2EE channels. Defaults to member_assisted. */
+    e2eeRecoveryPolicy?: E2eeRecoveryPolicy;
     /** Override visual components */
     AvatarComponent?: React.ComponentType<AvatarProps>;
     UserItemComponent?: React.ComponentType<UserPickerItemProps>;
@@ -1595,6 +1710,7 @@ type CreateChannelModalProps = {
         placeholder: string;
     }>;
     SelectedBoxComponent?: React.ComponentType<UserPickerSelectedBoxProps>;
+    E2eeToggleComponent?: React.ComponentType<CreateChannelE2eeToggleProps>;
     /** i18n labels */
     title?: string;
     directTabLabel?: string;
@@ -1613,6 +1729,9 @@ type CreateChannelModalProps = {
     nextButtonLabel?: string;
     backButtonLabel?: string;
     emptyStateLabel?: string;
+    e2eeLabel?: string;
+    e2eeDescription?: string;
+    e2eeUnavailableLabel?: string;
     /** File upload configuration for group channel images */
     imageAccept?: string;
     maxImageSize?: number;
@@ -1797,6 +1916,8 @@ type TopicGroupUpdatesOptions = {
     videoMessageLabel?: React__default.ReactNode;
     voiceRecordingMessageLabel?: React__default.ReactNode;
     fileMessageLabel?: React__default.ReactNode;
+    encryptedMessageLabel?: React__default.ReactNode;
+    encryptedMessageUnavailableLabel?: React__default.ReactNode;
     systemMessageTranslations?: SystemMessageTranslations;
     signalMessageTranslations?: SignalMessageTranslations;
 };
@@ -1868,6 +1989,45 @@ declare function useFileUpload({ activeChannel, editableRef, setHasContent }: Us
     cleanupFiles: () => void;
 };
 
+type E2eeFileUploadProgress = {
+    fileIndex: number;
+    phase: 'generating_preview' | 'encrypting' | 'uploading' | 'completing';
+    loaded: number;
+    total: number;
+    percentage: number;
+};
+declare function useE2eeFileUpload(channel: Channel$1 | null): {
+    upload: (files: Blob[]) => Promise<{
+        attachments: E2eeAttachmentManifest[];
+        e2ee_attachment_ids: string[];
+    }>;
+    progress: E2eeFileUploadProgress | null;
+    uploading: boolean;
+    error: string | undefined;
+};
+
+type E2eeAttachmentRenderState = {
+    url?: string;
+    blob?: Blob;
+    loading: boolean;
+    error?: string;
+    progress?: E2eeAttachmentTransferProgress;
+    load: () => Promise<string | undefined>;
+    download: (filename?: string) => Promise<void>;
+    streamUrl?: string;
+    streamLoading: boolean;
+    loadStream: () => Promise<string | undefined>;
+    disposeStream: () => Promise<void>;
+    revoke: () => void;
+};
+declare function useE2eeAttachmentRenderer(channel: Channel$1 | null, manifest?: E2eeAttachmentManifest, kind?: 'original' | 'preview'): E2eeAttachmentRenderState;
+
+declare function usePendingE2eeSends(statuses?: string[]): {
+    records: PendingE2eeSendRecord[];
+    loading: boolean;
+    refresh: () => Promise<void>;
+};
+
 type UseEmojiPickerOptions = {
     editableRef: React.RefObject<HTMLDivElement | null>;
     setHasContent: (value: boolean) => void;
@@ -1958,6 +2118,8 @@ type ChannelRowProps = {
     videoMessageLabel?: React__default.ReactNode;
     voiceRecordingMessageLabel?: React__default.ReactNode;
     fileMessageLabel?: React__default.ReactNode;
+    encryptedMessageLabel?: React__default.ReactNode;
+    encryptedMessageUnavailableLabel?: React__default.ReactNode;
     systemMessageTranslations?: SystemMessageTranslations;
     signalMessageTranslations?: SignalMessageTranslations;
 };
@@ -1989,6 +2151,7 @@ type FlatTopicGroupItemProps = {
     fileMessageLabel?: React__default.ReactNode;
     systemMessageTranslations?: SystemMessageTranslations;
     signalMessageTranslations?: SignalMessageTranslations;
+    showTopicPills?: boolean;
 };
 declare const FlatTopicGroupItem: React__default.FC<FlatTopicGroupItemProps>;
 
@@ -2040,7 +2203,6 @@ declare const MessageQuickReactions: React__default.FC<{
     message: FormatMessageResponse;
     isOwnMessage: boolean;
     disabled?: boolean;
-    onAddReactionClick?: (e: React__default.MouseEvent, messageId: string) => void;
 }>;
 
 type MessageActionList = {
@@ -2059,6 +2221,7 @@ type MessageActionList = {
     hasCapPin: boolean;
     hasCapReply: boolean;
     hasCapQuote: boolean;
+    hasCapReact: boolean;
 };
 declare const useMessageActions: (message: FormatMessageResponse, isOwnMessage: boolean) => MessageActionList;
 
@@ -2067,7 +2230,8 @@ declare const useMessageActions: (message: FormatMessageResponse, isOwnMessage:
  */
 declare function removeAccents(str: string): string;
 /**
- * Format a Date or date-string to a short time string (HH:MM).
+ * Format a Date or date-string to a short time string (HH:MM, 24-hour).
+ * Matches Telegram's compact time display.
  */
 declare function formatTime(date: Date | string | undefined): string;
 /**
@@ -2089,7 +2253,7 @@ declare function getMessageUserId(message: FormatMessageResponse): string;
  * Returns the formatted string.
  */
 declare function replaceMentionsForPreview(text: string, message: FormatMessageResponse | {
-    mentioned_users?: string[];
+    mentioned_users?: any[];
     mentioned_all?: boolean;
 }, userMap: Record<string, string>, renderWrapper?: (userId: string, name: string) => string): string;
 /**
@@ -2113,6 +2277,8 @@ declare function getLastMessagePreview(channel: Channel$1, myUserId?: string, op
     videoMessageLabel?: React__default.ReactNode;
     voiceRecordingMessageLabel?: React__default.ReactNode;
     fileMessageLabel?: React__default.ReactNode;
+    encryptedMessageLabel?: React__default.ReactNode;
+    encryptedMessageUnavailableLabel?: React__default.ReactNode;
     systemMessageTranslations?: SystemMessageTranslations;
     signalMessageTranslations?: SignalMessageTranslations;
 }): {
@@ -2222,7 +2388,8 @@ declare function isDeletedDisplayMessage(message: any): boolean;
 
 declare const MessageAttachment: React__default.FC<AttachmentProps>;
 declare const AttachmentList: React__default.FC<{
-    attachments?: Attachment[];
+    attachments?: Array<Attachment | E2eeAttachmentManifest>;
+    e2eeGrantReady?: boolean;
 }>;
 /** Regular message: text with @mentions + attachments */
 declare const RegularMessage: React__default.FC<MessageRendererProps>;
@@ -2298,6 +2465,8 @@ type UseLoadMessagesOptions = {
     messagesRef: React.MutableRefObject<FormatMessageResponse[]>;
     /** Shared guard ref — skip scroll-triggered loads during jump transitions */
     jumpingRef: React.MutableRefObject<boolean>;
+    /** Blocks scroll-triggered pagination while auto-following appended messages. */
+    scrollLoadLockRef?: React.MutableRefObject<boolean>;
     loadMoreLimit?: number;
 };
 type UseLoadMessagesReturn = {
@@ -2316,10 +2485,14 @@ type UseLoadMessagesReturn = {
     handleScroll: (offset: number) => void;
     isAtBottomRef: React.MutableRefObject<boolean>;
 };
-declare function useLoadMessages({ vlistRef, messagesRef, jumpingRef, loadMoreLimit, }: UseLoadMessagesOptions): UseLoadMessagesReturn;
+declare function useLoadMessages({ vlistRef, messagesRef, jumpingRef, scrollLoadLockRef, loadMoreLimit, }: UseLoadMessagesOptions): UseLoadMessagesReturn;
 
 type UseChannelMessagesOptions = {
     scrollToBottom: (smooth: boolean) => void;
+    /** Reads the live virtual-list metrics to decide whether the viewport is near the bottom. */
+    isNearBottom?: () => boolean;
+    /** Temporarily blocks scroll-triggered pagination while auto-following new messages. */
+    holdScrollLoadLock?: (duration?: number) => void;
     /** Shared guard ref — blocks scroll-triggered loads during channel switch */
     jumpingRef: React.MutableRefObject<boolean>;
     isAtBottomRef: React.MutableRefObject<boolean>;
@@ -2337,7 +2510,7 @@ declare const markChannelAsFullyQueried: (cid: string) => Set<string>;
  * - message.updated / message.deleted → sync only
  * - Channel switch → reset state + scroll to bottom
  */
-declare function useChannelMessages({ scrollToBottom, jumpingRef, isAtBottomRef, onChannelSwitch, includeHiddenMessages, containerRef, }: UseChannelMessagesOptions): void;
+declare function useChannelMessages({ scrollToBottom, isNearBottom, holdScrollLoadLock, jumpingRef, isAtBottomRef, onChannelSwitch, includeHiddenMessages, containerRef, }: UseChannelMessagesOptions): void;
 
 declare function useForwardMessage(message: FormatMessageResponse, onDismiss: () => void): {
     search: string;
@@ -2357,6 +2530,55 @@ declare function useForwardMessage(message: FormatMessageResponse, onDismiss: ()
     handleSend: () => Promise<void>;
 };
 
+type RecoveryPinStatus = 'idle' | 'working' | 'ready' | 'locked' | 'error';
+type RecoveryStatusInfo = {
+    hasVault: boolean;
+    unlocked: boolean;
+    hasIncompleteRestore: boolean;
+    incompleteChannels: string[];
+    channelsWithPermanentGaps: string[];
+    restoreProgressWithIssues: RestoreProgressRecord[];
+    e2eeBootstrapRunning?: boolean;
+    e2eeBootstrapCompleted?: number;
+    e2eeBootstrapTotal?: number;
+};
+type RecoveryRestoredMessage = {
+    epoch: number;
+    messageId?: string;
+    plaintext?: unknown;
+    source?: 'archive';
+    createdAt?: string;
+    gap?: boolean;
+    reason?: string;
+};
+type UseRecoveryPinReturn = {
+    status: RecoveryPinStatus;
+    error: Error | null;
+    hasRecoveryKey: boolean;
+    recoveryStatus: RecoveryStatusInfo | null;
+    setupRecoveryPin: (pin: string) => Promise<void>;
+    unlockRecoveryVault: (pin: string) => Promise<void>;
+    changeRecoveryPin: (oldPin: string, newPin: string) => Promise<void>;
+    changeUnlockedRecoveryPin: (newPin: string) => Promise<void>;
+    repairRecoveryChannel: (channelType: string, channelId: string, options?: {
+        mode?: RepairMode;
+    }) => Promise<RepairResult>;
+    repairEncryptedChannel: (channelType: string, channelId: string, options?: {
+        mode?: EncryptedChannelRepairMode;
+    }) => Promise<EncryptedChannelRepairResult>;
+    enqueueRestore: (channelType: string, channelId: string, priority?: 'active' | 'background', options?: {
+        fromEpoch?: number;
+        toEpoch?: number;
+    }) => void;
+    loadRestoreProgress: (channelType: string, channelId: string) => Promise<RestoreProgressRecord | null>;
+    restoreHistoricalMessages: (channelType: string, channelId: string, options?: {
+        fromEpoch?: number;
+        toEpoch?: number;
+    }) => Promise<RecoveryRestoredMessage[]>;
+    refresh: () => void;
+};
+declare const useRecoveryPin: () => UseRecoveryPinReturn;
+
 declare const QuotedMessagePreview: React__default.FC<QuotedMessagePreviewProps>;
 
 declare const ReplyPreview: React__default.FC<ReplyPreviewProps>;
@@ -2466,6 +2688,48 @@ declare const UserPicker: React__default.FC<UserPickerProps>;
 
 declare const CreateChannelModal: React__default.FC<CreateChannelModalProps>;
 
+type RecoveryPinSetupProps = {
+    onComplete?: () => void;
+    minDigits?: number;
+};
+type RecoveryPinRestoreProps = {
+    onComplete?: () => void;
+};
+type RecoveryPinChangeProps = {
+    onComplete?: () => void;
+    minDigits?: number;
+};
+type RecoveryStatusProps = {
+    status?: RecoveryPinStatus;
+    hasRecoveryKey?: boolean;
+    className?: string;
+};
+type RecoveryGapProps = {
+    epoch?: number;
+    reason: string;
+    className?: string;
+};
+type RecoveryGateProps = {
+    onSkip?: () => void;
+    className?: string;
+};
+type RecoveryRestoreProgressProps = {
+    restoredEpochs: number;
+    totalEpochs: number;
+    gaps?: Array<{
+        epoch?: number;
+        reason: string;
+    }>;
+    className?: string;
+};
+declare const RecoveryPinSetup: React__default.FC<RecoveryPinSetupProps>;
+declare const RecoveryPinRestore: React__default.FC<RecoveryPinRestoreProps>;
+declare const RecoveryPinChange: React__default.FC<RecoveryPinChangeProps>;
+declare const RecoveryStatus: React__default.FC<RecoveryStatusProps>;
+declare const RecoveryGap: React__default.FC<RecoveryGapProps>;
+declare const RecoveryGate: React__default.FC<RecoveryGateProps>;
+declare const RecoveryRestoreProgress: React__default.FC<RecoveryRestoreProgressProps>;
+
 type CallContextValue = {
     callNode: ErmisCallNode | null;
     callStatus: CallStatus | '';
@@ -2510,4 +2774,4 @@ declare const ErmisCallProvider: React__default.FC<ErmisCallProviderProps>;
 
 declare const ErmisCallUI: React__default.FC<ErmisCallUIProps>;
 
-export { ATTACHMENT_TYPES, type AddMemberButtonProps, type AddMemberModalProps, type AddMemberUserItemProps, type AttachButtonProps, type AttachmentItem, AttachmentList, type AttachmentProps, type AttachmentType, Avatar, type AvatarProps, CHANNEL_ROLES, type CallContextValue, Channel, type ChannelAction, type ChannelActionsProps, ChannelHeader, type ChannelHeaderData, type ChannelHeaderProps, ChannelInfo, type ChannelInfoActionsProps, type ChannelInfoCoverProps, type ChannelInfoEmptyStateProps, type ChannelInfoFileItemProps, type ChannelInfoHeaderProps, type ChannelInfoLinkItemProps, type ChannelInfoMediaItemProps, type ChannelInfoMemberItemProps, type ChannelInfoProps, type ChannelInfoTabHeaderProps, type ChannelInfoTabsProps, ChannelItem, type ChannelItemProps, ChannelList, type ChannelListProps, type ChannelProps, type ChannelRole, ChannelRow, ChannelSettingsPanel, type ChannelSettingsPanelProps, type ChatContextValue, ChatProvider, type ChatProviderProps, CreateChannelModal, type CreateChannelModalProps, type DateSeparatorProps, DefaultChannelActions, DefaultChannelInfoActions, DefaultChannelInfoCover, DefaultChannelInfoHeader, DefaultChannelInfoTabs, DefaultPinnedIcon, Dropdown, type DropdownProps, type EditChannelData, type EditChannelModalProps, EditPreview, type EmojiButtonProps, type EmojiPickerProps, type ErmisCallConnectedAudioProps, type ErmisCallConnectedVideoProps, ErmisCallContext, type ErmisCallControlsBarProps, type ErmisCallErrorProps, ErmisCallProvider, type ErmisCallProviderProps, type ErmisCallRingingProps, ErmisCallUI, type ErmisCallUIProps, ErrorMessage, type FilePreviewItem, FilesPreview, type FilesPreviewProps, FlatTopicGroupItem, type ForwardChannelItemProps, ForwardMessageModal, type ForwardMessageModalProps, HighlightedText, type JumpToLatestProps, type LatestReaction, MESSAGE_DISPLAY_TYPES, MESSAGE_TYPES, MediaLightbox, type MediaLightboxItem, type MediaLightboxProps, type MediaTab, type MentionMember, type MentionPayload, MentionSuggestions, type MentionSuggestionsProps, MessageActionsBox, type MessageActionsBoxProps, MessageAttachment, type MessageBubbleProps, type MessageDisplayType, MessageInput, type MessageInputProps, MessageItem, type MessageItemProps, type MessageListProps, MessageQuickReactions, MessageReactions, type MessageReactionsProps, type MessageRendererProps, MessageSearchPanel, type MessageSearchPanelProps, type MessageType, Modal, type ModalProps, type OnlineStatus, Panel, type PinnedMessageItemProps, PinnedMessages, type PinnedMessagesProps, PollMessage, PreviewOverlay, QuotedMessagePreview, type QuotedMessagePreviewProps, type ReactionUser, RegularMessage, ReplyPreview, type ReplyPreviewProps, type SendButtonProps, SignalMessage, StickerMessage, SystemMessage, SystemMessageItem, type SystemMessageItemProps, type Theme, TopicList, type TopicListProps, TopicModal, type TopicModalProps, type TopicPillProps, TypingIndicator, type TypingIndicatorProps, type TypingUser, type UseChannelMessagesOptions, type UseChannelReturn, type UseLoadMessagesOptions, type UseLoadMessagesReturn, type UseMentionsOptions, type UseMentionsReturn, type UseScrollToMessageOptions, type UseScrollToMessageReturn, type UseStickerPickerOptions, UserPicker, type UserPickerItemProps, type UserPickerProps, type UserPickerSelectedBoxProps, type UserPickerUser, VirtualMessageList, buildUserMap, canBanTargetMember, canDemoteTargetMember, canManageChannel, canPromoteTargetMember, canRemoveTargetMember, closeAllDropdowns, computeDefaultActions, countWords, dedupMessages, defaultMessageRenderers, formatDateLabel, formatRelativeDate, formatTime, getAvatarGradient, getDateKey, getLastMessagePreview, getMentionHtml, getMessageUserId, hasTopicsEnabled, isDeletedDisplayMessage, isDirectChannel, isFriendChannel, isGeneralProxy, isGroupChannel, isImage, isImageAttachment, isLinkPreviewAttachment, isOwnerMember, isPendingMember, isPublicGroupChannel, isRegularMessage, isSignalMessage, isSkippedMember, isStickerMessage, isSystemMessage, isTopicChannel, isVideo, isVideoAttachment, isVoiceRecordingAttachment, markChannelAsFullyQueried, removeAccents, replaceMentionsForPreview, supportsBlocking, useBannedState, useBlockedState, useCallContext, useChannel, useChannelCapabilities, useChannelListUpdates, useChannelMembers, useChannelMessages, useChannelProfile, useChannelRowUpdates, useChannelSettings, useChatClient, useChatUser, useContactChannels, useContactCount, useDragAndDrop, useEmojiPicker, useFileUpload, useForwardMessage, useInviteChannels, useInviteCount, useLoadMessages, useMentions, useMessageActions, useMessageSearch, useMessageSend, useOnlineStatus, useOnlineUsers, usePendingState, usePreviewState, useScrollToMessage, useStickerPicker, useTopicGroupUpdates, useTypingIndicator };
+export { ATTACHMENT_TYPES, type AddMemberButtonProps, type AddMemberModalProps, type AddMemberUserItemProps, type AttachButtonProps, type AttachmentItem, AttachmentList, type AttachmentProps, type AttachmentType, Avatar, type AvatarProps, CHANNEL_ROLES, type CallContextValue, Channel, type ChannelAction, type ChannelActionsProps, ChannelHeader, type ChannelHeaderData, type ChannelHeaderProps, ChannelInfo, type ChannelInfoActionsProps, type ChannelInfoCoverProps, type ChannelInfoEmptyStateProps, type ChannelInfoFileItemProps, type ChannelInfoHeaderProps, type ChannelInfoLinkItemProps, type ChannelInfoMediaItemProps, type ChannelInfoMemberItemProps, type ChannelInfoProps, type ChannelInfoTabHeaderProps, type ChannelInfoTabsProps, ChannelItem, type ChannelItemProps, ChannelList, type ChannelListProps, type ChannelProps, type ChannelRole, ChannelRow, ChannelSettingsPanel, type ChannelSettingsPanelProps, type ChatContextValue, ChatProvider, type ChatProviderProps, CreateChannelModal, type CreateChannelModalProps, type DateSeparatorProps, DefaultChannelActions, DefaultChannelInfoActions, DefaultChannelInfoCover, DefaultChannelInfoHeader, DefaultChannelInfoTabs, DefaultPinnedIcon, Dropdown, type DropdownProps, type EditChannelData, type EditChannelModalProps, EditPreview, type EmojiButtonProps, type EmojiPickerProps, type ErmisCallConnectedAudioProps, type ErmisCallConnectedVideoProps, ErmisCallContext, type ErmisCallControlsBarProps, type ErmisCallErrorProps, ErmisCallProvider, type ErmisCallProviderProps, type ErmisCallRingingProps, ErmisCallUI, type ErmisCallUIProps, ErrorMessage, type FilePreviewItem, FilesPreview, type FilesPreviewProps, FlatTopicGroupItem, type ForwardChannelItemProps, ForwardMessageModal, type ForwardMessageModalProps, HighlightedText, type JumpToLatestProps, type LatestReaction, MESSAGE_DISPLAY_TYPES, MESSAGE_TYPES, MediaLightbox, type MediaLightboxItem, type MediaLightboxProps, type MediaTab, type MentionMember, type MentionPayload, MentionSuggestions, type MentionSuggestionsProps, MessageActionsBox, type MessageActionsBoxProps, MessageAttachment, type MessageBubbleProps, type MessageDisplayType, MessageInput, type MessageInputProps, MessageItem, type MessageItemProps, type MessageListProps, MessageQuickReactions, MessageReactions, type MessageReactionsProps, type MessageRendererProps, MessageSearchPanel, type MessageSearchPanelProps, type MessageType, Modal, type ModalProps, type OnlineStatus, Panel, type PinnedMessageItemProps, PinnedMessages, type PinnedMessagesProps, PollMessage, PreviewOverlay, QuotedMessagePreview, type QuotedMessagePreviewProps, type ReactionUser, RecoveryGap, type RecoveryGapProps, RecoveryGate, type RecoveryGateProps, RecoveryPinChange, type RecoveryPinChangeProps, RecoveryPinRestore, type RecoveryPinRestoreProps, RecoveryPinSetup, type RecoveryPinSetupProps, type RecoveryPinStatus, RecoveryRestoreProgress, type RecoveryRestoreProgressProps, type RecoveryRestoredMessage, RecoveryStatus, type RecoveryStatusInfo, type RecoveryStatusProps, RegularMessage, ReplyPreview, type ReplyPreviewProps, type SendButtonProps, SignalMessage, StickerMessage, SystemMessage, SystemMessageItem, type SystemMessageItemProps, type Theme, TopicList, type TopicListProps, TopicModal, type TopicModalProps, type TopicPillProps, TypingIndicator, type TypingIndicatorProps, type TypingUser, type UseChannelMessagesOptions, type UseChannelReturn, type UseLoadMessagesOptions, type UseLoadMessagesReturn, type UseMentionsOptions, type UseMentionsReturn, type UseRecoveryPinReturn, type UseScrollToMessageOptions, type UseScrollToMessageReturn, type UseStickerPickerOptions, UserPicker, type UserPickerItemProps, type UserPickerProps, type UserPickerSelectedBoxProps, type UserPickerUser, VirtualMessageList, buildUserMap, canBanTargetMember, canDemoteTargetMember, canManageChannel, canPromoteTargetMember, canRemoveTargetMember, closeAllDropdowns, computeDefaultActions, countWords, dedupMessages, defaultMessageRenderers, formatDateLabel, formatRelativeDate, formatTime, getAvatarGradient, getDateKey, getLastMessagePreview, getMentionHtml, getMessageUserId, hasTopicsEnabled, isDeletedDisplayMessage, isDirectChannel, isFriendChannel, isGeneralProxy, isGroupChannel, isImage, isImageAttachment, isLinkPreviewAttachment, isOwnerMember, isPendingMember, isPublicGroupChannel, isRegularMessage, isSignalMessage, isSkippedMember, isStickerMessage, isSystemMessage, isTopicChannel, isVideo, isVideoAttachment, isVoiceRecordingAttachment, markChannelAsFullyQueried, removeAccents, replaceMentionsForPreview, supportsBlocking, useBannedState, useBlockedState, useCallContext, useChannel, useChannelCapabilities, useChannelListUpdates, useChannelMembers, useChannelMessages, useChannelProfile, useChannelRowUpdates, useChannelSettings, useChatClient, useChatUser, useContactChannels, useContactCount, useDragAndDrop, useE2eeAttachmentRenderer, useE2eeFileUpload, useEmojiPicker, useFileUpload, useForwardMessage, useInviteChannels, useInviteCount, useLoadMessages, useMentions, useMessageActions, useMessageSearch, useMessageSend, useOnlineStatus, useOnlineUsers, usePendingE2eeSends, usePendingState, usePreviewState, useRecoveryPin, useScrollToMessage, useStickerPicker, useTopicGroupUpdates, useTypingIndicator };