@ermis-network/ermis-chat-react 1.0.6 → 1.0.7

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React$1 from 'react';
 import { Channel as Channel$1, Attachment, FormatMessageResponse, ChannelFilters, ChannelSort, ChannelQueryOptions, ErmisChat, UserCallInfo, MessageLabel, ErmisCallNode, CallStatus } from '@ermis-network/ermis-chat-sdk';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VListHandle } from 'virtua';
 
 type Theme = 'dark' | 'light';
@@ -265,6 +266,44 @@ type ChannelHeaderData = {
     name: string;
     image?: string;
 };
+type ChannelAction = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (channel: Channel$1, e: React.MouseEvent) => void;
+    isDanger?: boolean;
+};
+type ChannelActionLabels = {
+    pinChannel?: string;
+    unpinChannel?: string;
+    pinTopic?: string;
+    unpinTopic?: string;
+    blockUser?: string;
+    unblockUser?: string;
+    editTopic?: string;
+    closeTopic?: string;
+    reopenTopic?: string;
+    createTopic?: string;
+    deleteChannel?: string;
+    leaveChannel?: string;
+};
+type ChannelActionIcons = {
+    PinIcon?: React.ReactNode;
+    UnpinIcon?: React.ReactNode;
+    BlockIcon?: React.ReactNode;
+    UnblockIcon?: React.ReactNode;
+    EditTopicIcon?: React.ReactNode;
+    CloseTopicIcon?: React.ReactNode;
+    ReopenTopicIcon?: React.ReactNode;
+    CreateTopicIcon?: React.ReactNode;
+    DeleteChannelIcon?: React.ReactNode;
+    LeaveChannelIcon?: React.ReactNode;
+};
+type ChannelActionsProps = {
+    channel: Channel$1;
+    actions: ChannelAction[];
+    onClose: () => void;
+};
 type ChannelItemProps = {
     channel: Channel$1;
     isActive: boolean;
@@ -272,6 +311,7 @@ type ChannelItemProps = {
     unreadCount: number;
     lastMessageText: string;
     lastMessageUser: string;
+    lastMessageTimestamp?: Date | string | null;
     onSelect: (channel: Channel$1) => void;
     AvatarComponent: React.ComponentType<AvatarProps>;
     /** Whether the current user has blocked this channel (messaging only) */
@@ -282,6 +322,22 @@ type ChannelItemProps = {
     pendingBadgeLabel?: string;
     /** Label for the blocked channel badge indicator */
     blockedBadgeLabel?: string;
+    isClosedTopic?: boolean;
+    closedTopicIcon?: React.ReactNode;
+    PinnedIconComponent?: React.ComponentType;
+    ChannelActionsComponent?: React.ComponentType<ChannelActionsProps>;
+    /** Handler when Create Topic action is triggered */
+    onAddTopic?: (channel: Channel$1) => void;
+    /** Handler when Edit Topic action is triggered */
+    onEditTopic?: (channel: Channel$1) => void;
+    /** Handler when Close/Reopen Topic action is triggered */
+    onToggleCloseTopic?: (channel: Channel$1, isClosed: boolean) => void;
+    /** Array of action IDs to hide from the actions dropdown */
+    hiddenActions?: string[];
+    /** Custom labels for default channel actions */
+    actionLabels?: ChannelActionLabels;
+    /** Custom icons for default channel actions */
+    actionIcons?: ChannelActionIcons;
 };
 type ChannelListProps = {
     filters?: ChannelFilters;
@@ -290,6 +346,8 @@ type ChannelListProps = {
     renderChannel?: (channel: Channel$1, isActive: boolean) => React.ReactNode;
     onChannelSelect?: (channel: Channel$1) => void;
     className?: string;
+    /** Array of action IDs to hide from the actions dropdown */
+    hiddenActions?: string[];
     LoadingIndicator?: React.ComponentType<{
         text?: string;
     }>;
@@ -311,6 +369,30 @@ type ChannelListProps = {
     emptyStateLabel?: string;
     /** Label for the blocked channel badge hover */
     blockedBadgeLabel?: string;
+    /** Custom component for rendering topic group */
+    ChannelTopicGroupComponent?: React.ComponentType<any>;
+    /** Custom avatar component for general topic */
+    GeneralTopicAvatarComponent?: React.ComponentType<any>;
+    /** Custom avatar component for other topics */
+    TopicAvatarComponent?: React.ComponentType<any>;
+    /** Name for the general topic (default: "general") */
+    generalTopicLabel?: string;
+    /** Handler when Add Topic button is clicked on a team channel */
+    onAddTopic?: (channel: Channel$1) => void;
+    /** Optional custom emoji picker for TopicModal */
+    TopicEmojiPickerComponent?: React.ComponentType<any>;
+    closedTopicIcon?: React.ReactNode;
+    PinnedIconComponent?: React.ComponentType;
+    /** Custom component for channel actions dropdown */
+    ChannelActionsComponent?: React.ComponentType<ChannelActionsProps>;
+    /** Handler when Edit Topic action is triggered */
+    onEditTopic?: (channel: Channel$1) => void;
+    /** Handler when Close/Reopen Topic action is triggered */
+    onToggleCloseTopic?: (channel: Channel$1, isClosed: boolean) => void;
+    /** Custom labels for default channel actions */
+    actionLabels?: ChannelActionLabels;
+    /** Custom icons for default channel actions */
+    actionIcons?: ChannelActionIcons;
 };
 type AttachmentProps = {
     attachment: Attachment;
@@ -389,6 +471,9 @@ type MessageListProps = {
     pendingOverlaySubtitle?: string;
     pendingAcceptLabel?: string;
     pendingRejectLabel?: string;
+    closedTopicOverlayTitle?: string;
+    closedTopicOverlaySubtitle?: string;
+    closedTopicReopenLabel?: string;
 };
 type ReactionUser = {
     id: string;
@@ -410,6 +495,8 @@ type MessageReactionsProps = {
     AvatarComponent?: React.ComponentType<AvatarProps>;
     /** Callback when clicking a reaction */
     onClickReaction?: (type: string) => void;
+    /** Whether interactions are disabled */
+    disabled?: boolean;
 };
 type ReadReceiptUser = {
     id: string;
@@ -542,6 +629,8 @@ type MessageInputProps = {
     sendDisabledLabel?: string;
     /** I18n Label for slow mode active */
     slowModeLabel?: (cooldown: number) => React.ReactNode;
+    /** I18n Label for closed topic */
+    closedTopicLabel?: string;
 };
 type ReplyPreviewProps = {
     message: FormatMessageResponse;
@@ -756,6 +845,10 @@ type ChannelInfoCoverProps = {
     onEditClick?: () => void;
     /** Whether the channel is public */
     isPublic?: boolean;
+    /** Name of the parent channel (if this is a topic) */
+    parentChannelName?: string;
+    /** Whether the channel is a topic */
+    isTopic?: boolean;
     /** Whether the channel is a team channel */
     isTeamChannel?: boolean;
 };
@@ -767,6 +860,8 @@ type ChannelInfoActionsProps = {
     onBlockUser?: () => void;
     onUnblockUser?: () => void;
     isTeamChannel?: boolean;
+    isTopic?: boolean;
+    isClosedTopic?: boolean;
     isBlocked?: boolean;
     currentUserRole?: string;
     searchLabel?: string;
@@ -775,6 +870,10 @@ type ChannelInfoActionsProps = {
     leaveLabel?: string;
     blockLabel?: string;
     unblockLabel?: string;
+    onCloseTopic?: () => void;
+    onReopenTopic?: () => void;
+    closeTopicLabel?: string;
+    reopenTopicLabel?: string;
 };
 type ChannelInfoMember = {
     id: string;
@@ -976,6 +1075,12 @@ type ChannelInfoProps = {
     /** I18n labels for block/unblock actions */
     actionsBlockLabel?: string;
     actionsUnblockLabel?: string;
+    actionsCloseTopicLabel?: string;
+    actionsReopenTopicLabel?: string;
+    /** Settings Panel Topics Labels */
+    settingsWorkspaceTopicsTitle?: string;
+    settingsTopicsFeatureName?: string;
+    settingsTopicsFeatureDescription?: string;
 };
 /** Individual user item in UserPicker */
 type UserPickerUser = {
@@ -1060,6 +1165,30 @@ type CreateChannelModalProps = {
     maxImageSize?: number;
     maxImageSizeError?: string;
 };
+type TopicModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onSuccess?: (channel: Channel$1) => void;
+    /** Inject external emoji picker component */
+    EmojiPickerComponent?: React.ComponentType<{
+        onSelect: (emoji: any) => void;
+        [key: string]: any;
+    }>;
+    /** Parent team channel to create topic under, will use activeChannel if not provided */
+    parentChannel?: Channel$1;
+    /** If provided, operates in edit mode for this topic */
+    topic?: Channel$1;
+    /** i18n labels */
+    title?: string;
+    nameLabel?: string;
+    namePlaceholder?: string;
+    emojiLabel?: string;
+    descriptionLabel?: string;
+    descriptionPlaceholder?: string;
+    cancelButtonLabel?: string;
+    saveButtonLabel?: string;
+    savingButtonLabel?: string;
+};
 
 declare const ChatProvider: React$1.FC<ChatProviderProps>;
 
@@ -1095,6 +1224,7 @@ declare function useChannelRowUpdates(channel: Channel$1, currentUserId?: string
  *
  * Reads the initial value from `channel.state.membership.banned` and subscribes
  * to `member.banned` / `member.unbanned` WebSocket events for real-time updates.
+ * If the channel is a topic, it also synchronizes with the parent channel's ban state.
  *
  * Only triggers a re-render when the *current user* is the target of the event.
  */
@@ -1132,7 +1262,18 @@ declare function usePendingState(channel: Channel$1 | null | undefined, currentU
  */
 declare const Avatar: React$1.FC<AvatarProps>;
 
+declare function computeDefaultActions(channel: Channel$1, currentUserId?: string, options?: {
+    onAddTopic?: (channel: Channel$1) => void;
+    onEditTopic?: (channel: Channel$1) => void;
+    onToggleCloseTopic?: (channel: Channel$1, isClosed: boolean) => void;
+    isBlocked?: boolean;
+    actionLabels?: ChannelActionLabels;
+    actionIcons?: ChannelActionIcons;
+}): ChannelAction[];
+declare const DefaultChannelActions: React$1.FC<ChannelActionsProps>;
+
 declare const ChannelItem: React$1.FC<ChannelItemProps>;
+declare const ChannelTopicGroup: React$1.MemoExoticComponent<({ channel, activeChannel, handleSelect, renderChannel, ChannelItemComponent, AvatarComponent, GeneralTopicAvatarComponent, TopicAvatarComponent, currentUserId, pendingBadgeLabel, blockedBadgeLabel, generalTopicLabel, closedTopicIcon, PinnedIconComponent, ChannelActionsComponent, onAddTopic, onEditTopic, onToggleCloseTopic, hiddenActions, actionLabels, actionIcons, }: any) => react_jsx_runtime.JSX.Element>;
 declare const ChannelList: React$1.FC<ChannelListProps>;
 
 /**
@@ -1193,6 +1334,7 @@ declare const MessageReactions: React$1.FC<MessageReactionsProps>;
 declare const MessageQuickReactions: React$1.FC<{
     message: FormatMessageResponse;
     isOwnMessage: boolean;
+    disabled?: boolean;
 }>;
 
 type MessageActionList = {
@@ -1340,6 +1482,8 @@ declare const ReplyPreview: React$1.FC<ReplyPreviewProps>;
 
 declare const ForwardMessageModal: React$1.FC<ForwardMessageModalProps>;
 
+declare const TopicModal: React$1.FC<TopicModalProps>;
+
 type TypingUser = {
     id: string;
     name?: string;
@@ -1439,4 +1583,4 @@ declare const ErmisCallProvider: React$1.FC<ErmisCallProviderProps>;
 
 declare const ErmisCallUI: React$1.FC<ErmisCallUIProps>;
 
-export { type AddMemberButtonProps, type AddMemberModalProps, type AddMemberUserItemProps, type AttachButtonProps, type AttachmentItem, AttachmentList, type AttachmentProps, Avatar, type AvatarProps, type CallContextValue, Channel, 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 ChannelInfoTabsProps, ChannelItem, type ChannelItemProps, ChannelList, type ChannelListProps, type ChannelProps, type ChatContextValue, ChatProvider, type ChatProviderProps, CreateChannelModal, type CreateChannelModalProps, type DateSeparatorProps, DefaultChannelInfoActions, DefaultChannelInfoCover, DefaultChannelInfoHeader, DefaultChannelInfoTabs, Dropdown, type DropdownProps, 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, type ForwardChannelItemProps, ForwardMessageModal, type ForwardMessageModalProps, type JumpToLatestProps, type LatestReaction, type MediaTab, type MentionMember, type MentionPayload, MentionSuggestions, type MentionSuggestionsProps, MessageActionsBox, type MessageActionsBoxProps, MessageAttachment, type MessageBubbleProps, MessageInput, type MessageInputProps, MessageItem, type MessageItemProps, type MessageListProps, MessageQuickReactions, MessageReactions, type MessageReactionsProps, type MessageRendererProps, Modal, type ModalProps, Panel, type PinnedMessageItemProps, PinnedMessages, type PinnedMessagesProps, PollMessage, QuotedMessagePreview, type QuotedMessagePreviewProps, type ReactionUser, RegularMessage, ReplyPreview, type ReplyPreviewProps, type SendButtonProps, SignalMessage, StickerMessage, SystemMessage, SystemMessageItem, type SystemMessageItemProps, type Theme, TypingIndicator, type TypingIndicatorProps, type TypingUser, type UseChannelMessagesOptions, type UseChannelReturn, type UseLoadMessagesOptions, type UseLoadMessagesReturn, type UseMentionsOptions, type UseMentionsReturn, type UseScrollToMessageOptions, type UseScrollToMessageReturn, UserPicker, type UserPickerItemProps, type UserPickerProps, type UserPickerSelectedBoxProps, type UserPickerUser, VirtualMessageList, closeAllDropdowns, dedupMessages, defaultMessageRenderers, formatDateLabel, formatTime, getDateKey, getMessageUserId, replaceMentionsForPreview, useBannedState, useBlockedState, useCallContext, useChannel, useChannelListUpdates, useChannelMessages, useChannelRowUpdates, useChatClient, useLoadMessages, useMentions, useMessageActions, usePendingState, useScrollToMessage, useTypingIndicator };
+export { type AddMemberButtonProps, type AddMemberModalProps, type AddMemberUserItemProps, type AttachButtonProps, type AttachmentItem, AttachmentList, type AttachmentProps, Avatar, type AvatarProps, 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 ChannelInfoTabsProps, ChannelItem, type ChannelItemProps, ChannelList, type ChannelListProps, type ChannelProps, ChannelTopicGroup, type ChatContextValue, ChatProvider, type ChatProviderProps, CreateChannelModal, type CreateChannelModalProps, type DateSeparatorProps, DefaultChannelActions, DefaultChannelInfoActions, DefaultChannelInfoCover, DefaultChannelInfoHeader, DefaultChannelInfoTabs, Dropdown, type DropdownProps, 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, type ForwardChannelItemProps, ForwardMessageModal, type ForwardMessageModalProps, type JumpToLatestProps, type LatestReaction, type MediaTab, type MentionMember, type MentionPayload, MentionSuggestions, type MentionSuggestionsProps, MessageActionsBox, type MessageActionsBoxProps, MessageAttachment, type MessageBubbleProps, MessageInput, type MessageInputProps, MessageItem, type MessageItemProps, type MessageListProps, MessageQuickReactions, MessageReactions, type MessageReactionsProps, type MessageRendererProps, Modal, type ModalProps, Panel, type PinnedMessageItemProps, PinnedMessages, type PinnedMessagesProps, PollMessage, QuotedMessagePreview, type QuotedMessagePreviewProps, type ReactionUser, RegularMessage, ReplyPreview, type ReplyPreviewProps, type SendButtonProps, SignalMessage, StickerMessage, SystemMessage, SystemMessageItem, type SystemMessageItemProps, type Theme, TopicModal, TypingIndicator, type TypingIndicatorProps, type TypingUser, type UseChannelMessagesOptions, type UseChannelReturn, type UseLoadMessagesOptions, type UseLoadMessagesReturn, type UseMentionsOptions, type UseMentionsReturn, type UseScrollToMessageOptions, type UseScrollToMessageReturn, UserPicker, type UserPickerItemProps, type UserPickerProps, type UserPickerSelectedBoxProps, type UserPickerUser, VirtualMessageList, closeAllDropdowns, computeDefaultActions, dedupMessages, defaultMessageRenderers, formatDateLabel, formatTime, getDateKey, getMessageUserId, replaceMentionsForPreview, useBannedState, useBlockedState, useCallContext, useChannel, useChannelListUpdates, useChannelMessages, useChannelRowUpdates, useChatClient, useLoadMessages, useMentions, useMessageActions, usePendingState, useScrollToMessage, useTypingIndicator };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React$1 from 'react';
 import { Channel as Channel$1, Attachment, FormatMessageResponse, ChannelFilters, ChannelSort, ChannelQueryOptions, ErmisChat, UserCallInfo, MessageLabel, ErmisCallNode, CallStatus } from '@ermis-network/ermis-chat-sdk';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VListHandle } from 'virtua';
 
 type Theme = 'dark' | 'light';
@@ -265,6 +266,44 @@ type ChannelHeaderData = {
     name: string;
     image?: string;
 };
+type ChannelAction = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (channel: Channel$1, e: React.MouseEvent) => void;
+    isDanger?: boolean;
+};
+type ChannelActionLabels = {
+    pinChannel?: string;
+    unpinChannel?: string;
+    pinTopic?: string;
+    unpinTopic?: string;
+    blockUser?: string;
+    unblockUser?: string;
+    editTopic?: string;
+    closeTopic?: string;
+    reopenTopic?: string;
+    createTopic?: string;
+    deleteChannel?: string;
+    leaveChannel?: string;
+};
+type ChannelActionIcons = {
+    PinIcon?: React.ReactNode;
+    UnpinIcon?: React.ReactNode;
+    BlockIcon?: React.ReactNode;
+    UnblockIcon?: React.ReactNode;
+    EditTopicIcon?: React.ReactNode;
+    CloseTopicIcon?: React.ReactNode;
+    ReopenTopicIcon?: React.ReactNode;
+    CreateTopicIcon?: React.ReactNode;
+    DeleteChannelIcon?: React.ReactNode;
+    LeaveChannelIcon?: React.ReactNode;
+};
+type ChannelActionsProps = {
+    channel: Channel$1;
+    actions: ChannelAction[];
+    onClose: () => void;
+};
 type ChannelItemProps = {
     channel: Channel$1;
     isActive: boolean;
@@ -272,6 +311,7 @@ type ChannelItemProps = {
     unreadCount: number;
     lastMessageText: string;
     lastMessageUser: string;
+    lastMessageTimestamp?: Date | string | null;
     onSelect: (channel: Channel$1) => void;
     AvatarComponent: React.ComponentType<AvatarProps>;
     /** Whether the current user has blocked this channel (messaging only) */
@@ -282,6 +322,22 @@ type ChannelItemProps = {
     pendingBadgeLabel?: string;
     /** Label for the blocked channel badge indicator */
     blockedBadgeLabel?: string;
+    isClosedTopic?: boolean;
+    closedTopicIcon?: React.ReactNode;
+    PinnedIconComponent?: React.ComponentType;
+    ChannelActionsComponent?: React.ComponentType<ChannelActionsProps>;
+    /** Handler when Create Topic action is triggered */
+    onAddTopic?: (channel: Channel$1) => void;
+    /** Handler when Edit Topic action is triggered */
+    onEditTopic?: (channel: Channel$1) => void;
+    /** Handler when Close/Reopen Topic action is triggered */
+    onToggleCloseTopic?: (channel: Channel$1, isClosed: boolean) => void;
+    /** Array of action IDs to hide from the actions dropdown */
+    hiddenActions?: string[];
+    /** Custom labels for default channel actions */
+    actionLabels?: ChannelActionLabels;
+    /** Custom icons for default channel actions */
+    actionIcons?: ChannelActionIcons;
 };
 type ChannelListProps = {
     filters?: ChannelFilters;
@@ -290,6 +346,8 @@ type ChannelListProps = {
     renderChannel?: (channel: Channel$1, isActive: boolean) => React.ReactNode;
     onChannelSelect?: (channel: Channel$1) => void;
     className?: string;
+    /** Array of action IDs to hide from the actions dropdown */
+    hiddenActions?: string[];
     LoadingIndicator?: React.ComponentType<{
         text?: string;
     }>;
@@ -311,6 +369,30 @@ type ChannelListProps = {
     emptyStateLabel?: string;
     /** Label for the blocked channel badge hover */
     blockedBadgeLabel?: string;
+    /** Custom component for rendering topic group */
+    ChannelTopicGroupComponent?: React.ComponentType<any>;
+    /** Custom avatar component for general topic */
+    GeneralTopicAvatarComponent?: React.ComponentType<any>;
+    /** Custom avatar component for other topics */
+    TopicAvatarComponent?: React.ComponentType<any>;
+    /** Name for the general topic (default: "general") */
+    generalTopicLabel?: string;
+    /** Handler when Add Topic button is clicked on a team channel */
+    onAddTopic?: (channel: Channel$1) => void;
+    /** Optional custom emoji picker for TopicModal */
+    TopicEmojiPickerComponent?: React.ComponentType<any>;
+    closedTopicIcon?: React.ReactNode;
+    PinnedIconComponent?: React.ComponentType;
+    /** Custom component for channel actions dropdown */
+    ChannelActionsComponent?: React.ComponentType<ChannelActionsProps>;
+    /** Handler when Edit Topic action is triggered */
+    onEditTopic?: (channel: Channel$1) => void;
+    /** Handler when Close/Reopen Topic action is triggered */
+    onToggleCloseTopic?: (channel: Channel$1, isClosed: boolean) => void;
+    /** Custom labels for default channel actions */
+    actionLabels?: ChannelActionLabels;
+    /** Custom icons for default channel actions */
+    actionIcons?: ChannelActionIcons;
 };
 type AttachmentProps = {
     attachment: Attachment;
@@ -389,6 +471,9 @@ type MessageListProps = {
     pendingOverlaySubtitle?: string;
     pendingAcceptLabel?: string;
     pendingRejectLabel?: string;
+    closedTopicOverlayTitle?: string;
+    closedTopicOverlaySubtitle?: string;
+    closedTopicReopenLabel?: string;
 };
 type ReactionUser = {
     id: string;
@@ -410,6 +495,8 @@ type MessageReactionsProps = {
     AvatarComponent?: React.ComponentType<AvatarProps>;
     /** Callback when clicking a reaction */
     onClickReaction?: (type: string) => void;
+    /** Whether interactions are disabled */
+    disabled?: boolean;
 };
 type ReadReceiptUser = {
     id: string;
@@ -542,6 +629,8 @@ type MessageInputProps = {
     sendDisabledLabel?: string;
     /** I18n Label for slow mode active */
     slowModeLabel?: (cooldown: number) => React.ReactNode;
+    /** I18n Label for closed topic */
+    closedTopicLabel?: string;
 };
 type ReplyPreviewProps = {
     message: FormatMessageResponse;
@@ -756,6 +845,10 @@ type ChannelInfoCoverProps = {
     onEditClick?: () => void;
     /** Whether the channel is public */
     isPublic?: boolean;
+    /** Name of the parent channel (if this is a topic) */
+    parentChannelName?: string;
+    /** Whether the channel is a topic */
+    isTopic?: boolean;
     /** Whether the channel is a team channel */
     isTeamChannel?: boolean;
 };
@@ -767,6 +860,8 @@ type ChannelInfoActionsProps = {
     onBlockUser?: () => void;
     onUnblockUser?: () => void;
     isTeamChannel?: boolean;
+    isTopic?: boolean;
+    isClosedTopic?: boolean;
     isBlocked?: boolean;
     currentUserRole?: string;
     searchLabel?: string;
@@ -775,6 +870,10 @@ type ChannelInfoActionsProps = {
     leaveLabel?: string;
     blockLabel?: string;
     unblockLabel?: string;
+    onCloseTopic?: () => void;
+    onReopenTopic?: () => void;
+    closeTopicLabel?: string;
+    reopenTopicLabel?: string;
 };
 type ChannelInfoMember = {
     id: string;
@@ -976,6 +1075,12 @@ type ChannelInfoProps = {
     /** I18n labels for block/unblock actions */
     actionsBlockLabel?: string;
     actionsUnblockLabel?: string;
+    actionsCloseTopicLabel?: string;
+    actionsReopenTopicLabel?: string;
+    /** Settings Panel Topics Labels */
+    settingsWorkspaceTopicsTitle?: string;
+    settingsTopicsFeatureName?: string;
+    settingsTopicsFeatureDescription?: string;
 };
 /** Individual user item in UserPicker */
 type UserPickerUser = {
@@ -1060,6 +1165,30 @@ type CreateChannelModalProps = {
     maxImageSize?: number;
     maxImageSizeError?: string;
 };
+type TopicModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onSuccess?: (channel: Channel$1) => void;
+    /** Inject external emoji picker component */
+    EmojiPickerComponent?: React.ComponentType<{
+        onSelect: (emoji: any) => void;
+        [key: string]: any;
+    }>;
+    /** Parent team channel to create topic under, will use activeChannel if not provided */
+    parentChannel?: Channel$1;
+    /** If provided, operates in edit mode for this topic */
+    topic?: Channel$1;
+    /** i18n labels */
+    title?: string;
+    nameLabel?: string;
+    namePlaceholder?: string;
+    emojiLabel?: string;
+    descriptionLabel?: string;
+    descriptionPlaceholder?: string;
+    cancelButtonLabel?: string;
+    saveButtonLabel?: string;
+    savingButtonLabel?: string;
+};
 
 declare const ChatProvider: React$1.FC<ChatProviderProps>;
 
@@ -1095,6 +1224,7 @@ declare function useChannelRowUpdates(channel: Channel$1, currentUserId?: string
  *
  * Reads the initial value from `channel.state.membership.banned` and subscribes
  * to `member.banned` / `member.unbanned` WebSocket events for real-time updates.
+ * If the channel is a topic, it also synchronizes with the parent channel's ban state.
  *
  * Only triggers a re-render when the *current user* is the target of the event.
  */
@@ -1132,7 +1262,18 @@ declare function usePendingState(channel: Channel$1 | null | undefined, currentU
  */
 declare const Avatar: React$1.FC<AvatarProps>;
 
+declare function computeDefaultActions(channel: Channel$1, currentUserId?: string, options?: {
+    onAddTopic?: (channel: Channel$1) => void;
+    onEditTopic?: (channel: Channel$1) => void;
+    onToggleCloseTopic?: (channel: Channel$1, isClosed: boolean) => void;
+    isBlocked?: boolean;
+    actionLabels?: ChannelActionLabels;
+    actionIcons?: ChannelActionIcons;
+}): ChannelAction[];
+declare const DefaultChannelActions: React$1.FC<ChannelActionsProps>;
+
 declare const ChannelItem: React$1.FC<ChannelItemProps>;
+declare const ChannelTopicGroup: React$1.MemoExoticComponent<({ channel, activeChannel, handleSelect, renderChannel, ChannelItemComponent, AvatarComponent, GeneralTopicAvatarComponent, TopicAvatarComponent, currentUserId, pendingBadgeLabel, blockedBadgeLabel, generalTopicLabel, closedTopicIcon, PinnedIconComponent, ChannelActionsComponent, onAddTopic, onEditTopic, onToggleCloseTopic, hiddenActions, actionLabels, actionIcons, }: any) => react_jsx_runtime.JSX.Element>;
 declare const ChannelList: React$1.FC<ChannelListProps>;
 
 /**
@@ -1193,6 +1334,7 @@ declare const MessageReactions: React$1.FC<MessageReactionsProps>;
 declare const MessageQuickReactions: React$1.FC<{
     message: FormatMessageResponse;
     isOwnMessage: boolean;
+    disabled?: boolean;
 }>;
 
 type MessageActionList = {
@@ -1340,6 +1482,8 @@ declare const ReplyPreview: React$1.FC<ReplyPreviewProps>;
 
 declare const ForwardMessageModal: React$1.FC<ForwardMessageModalProps>;
 
+declare const TopicModal: React$1.FC<TopicModalProps>;
+
 type TypingUser = {
     id: string;
     name?: string;
@@ -1439,4 +1583,4 @@ declare const ErmisCallProvider: React$1.FC<ErmisCallProviderProps>;
 
 declare const ErmisCallUI: React$1.FC<ErmisCallUIProps>;
 
-export { type AddMemberButtonProps, type AddMemberModalProps, type AddMemberUserItemProps, type AttachButtonProps, type AttachmentItem, AttachmentList, type AttachmentProps, Avatar, type AvatarProps, type CallContextValue, Channel, 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 ChannelInfoTabsProps, ChannelItem, type ChannelItemProps, ChannelList, type ChannelListProps, type ChannelProps, type ChatContextValue, ChatProvider, type ChatProviderProps, CreateChannelModal, type CreateChannelModalProps, type DateSeparatorProps, DefaultChannelInfoActions, DefaultChannelInfoCover, DefaultChannelInfoHeader, DefaultChannelInfoTabs, Dropdown, type DropdownProps, 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, type ForwardChannelItemProps, ForwardMessageModal, type ForwardMessageModalProps, type JumpToLatestProps, type LatestReaction, type MediaTab, type MentionMember, type MentionPayload, MentionSuggestions, type MentionSuggestionsProps, MessageActionsBox, type MessageActionsBoxProps, MessageAttachment, type MessageBubbleProps, MessageInput, type MessageInputProps, MessageItem, type MessageItemProps, type MessageListProps, MessageQuickReactions, MessageReactions, type MessageReactionsProps, type MessageRendererProps, Modal, type ModalProps, Panel, type PinnedMessageItemProps, PinnedMessages, type PinnedMessagesProps, PollMessage, QuotedMessagePreview, type QuotedMessagePreviewProps, type ReactionUser, RegularMessage, ReplyPreview, type ReplyPreviewProps, type SendButtonProps, SignalMessage, StickerMessage, SystemMessage, SystemMessageItem, type SystemMessageItemProps, type Theme, TypingIndicator, type TypingIndicatorProps, type TypingUser, type UseChannelMessagesOptions, type UseChannelReturn, type UseLoadMessagesOptions, type UseLoadMessagesReturn, type UseMentionsOptions, type UseMentionsReturn, type UseScrollToMessageOptions, type UseScrollToMessageReturn, UserPicker, type UserPickerItemProps, type UserPickerProps, type UserPickerSelectedBoxProps, type UserPickerUser, VirtualMessageList, closeAllDropdowns, dedupMessages, defaultMessageRenderers, formatDateLabel, formatTime, getDateKey, getMessageUserId, replaceMentionsForPreview, useBannedState, useBlockedState, useCallContext, useChannel, useChannelListUpdates, useChannelMessages, useChannelRowUpdates, useChatClient, useLoadMessages, useMentions, useMessageActions, usePendingState, useScrollToMessage, useTypingIndicator };
+export { type AddMemberButtonProps, type AddMemberModalProps, type AddMemberUserItemProps, type AttachButtonProps, type AttachmentItem, AttachmentList, type AttachmentProps, Avatar, type AvatarProps, 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 ChannelInfoTabsProps, ChannelItem, type ChannelItemProps, ChannelList, type ChannelListProps, type ChannelProps, ChannelTopicGroup, type ChatContextValue, ChatProvider, type ChatProviderProps, CreateChannelModal, type CreateChannelModalProps, type DateSeparatorProps, DefaultChannelActions, DefaultChannelInfoActions, DefaultChannelInfoCover, DefaultChannelInfoHeader, DefaultChannelInfoTabs, Dropdown, type DropdownProps, 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, type ForwardChannelItemProps, ForwardMessageModal, type ForwardMessageModalProps, type JumpToLatestProps, type LatestReaction, type MediaTab, type MentionMember, type MentionPayload, MentionSuggestions, type MentionSuggestionsProps, MessageActionsBox, type MessageActionsBoxProps, MessageAttachment, type MessageBubbleProps, MessageInput, type MessageInputProps, MessageItem, type MessageItemProps, type MessageListProps, MessageQuickReactions, MessageReactions, type MessageReactionsProps, type MessageRendererProps, Modal, type ModalProps, Panel, type PinnedMessageItemProps, PinnedMessages, type PinnedMessagesProps, PollMessage, QuotedMessagePreview, type QuotedMessagePreviewProps, type ReactionUser, RegularMessage, ReplyPreview, type ReplyPreviewProps, type SendButtonProps, SignalMessage, StickerMessage, SystemMessage, SystemMessageItem, type SystemMessageItemProps, type Theme, TopicModal, TypingIndicator, type TypingIndicatorProps, type TypingUser, type UseChannelMessagesOptions, type UseChannelReturn, type UseLoadMessagesOptions, type UseLoadMessagesReturn, type UseMentionsOptions, type UseMentionsReturn, type UseScrollToMessageOptions, type UseScrollToMessageReturn, UserPicker, type UserPickerItemProps, type UserPickerProps, type UserPickerSelectedBoxProps, type UserPickerUser, VirtualMessageList, closeAllDropdowns, computeDefaultActions, dedupMessages, defaultMessageRenderers, formatDateLabel, formatTime, getDateKey, getMessageUserId, replaceMentionsForPreview, useBannedState, useBlockedState, useCallContext, useChannel, useChannelListUpdates, useChannelMessages, useChannelRowUpdates, useChatClient, useLoadMessages, useMentions, useMessageActions, usePendingState, useScrollToMessage, useTypingIndicator };