sceyt-chat-react-uikit 1.9.0 → 1.9.1-beta.10

package/components/Channel/index.d.ts

@@ -99,6 +99,7 @@ export declare const DraftMessageTitle: import("styled-components").StyledCompon
 }, never>;
 export declare const DraftMessageText: import("styled-components").StyledComponent<"span", any, {
     color: string;
+    flex: boolean;
 }, never>;
 export declare const LastMessageAuthor: import("styled-components").StyledComponent<"div", any, {
     color: string;

package/components/ChannelList/useChannelReorderAnimation.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * Animate only layout moves caused by a change in channel order.
+ * Rows must be direct children of the list, carry `data-channel-row-id`, and the
+ * list must be their offset parent (positioned) so offsetTop shares the list's
+ * scroll coordinates.
+ */
+export declare const useChannelReorderAnimation: (channels: {
+    id: string;
+}[]) => import("react").MutableRefObject<HTMLDivElement | null>;

package/components/ChatContainer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IAttachment, IChannel, ICustomAvatarColors, IMember, IMessage, IUser } from '../../types';
+import { IAttachment, IChannel, IContact, ICustomAvatarColors, IMember, IMessage, IUser } from '../../types';
 import { InviteLinkOptions } from '../../helpers/channelHalper';
 export interface IProgress {
     loaded: number;
@@ -84,6 +84,7 @@ export interface IChatClientProps {
         updateMembersEvent?: (channelId: string, updatedMembers: IMember[], members: IMember[]) => IMember[];
     } | null;
     showOwnMessageForward?: boolean;
+    contacts?: IContact[] | null;
 }
-declare const SceytChatContainer: ({ client, theme, themeMode, avatarColors, children, showOnlyContactUsers, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, defaultRolesByChannelTypesMap, channelTypeFilter, logoSrc, CustomUploader, showNotifications, hideUserPresence, openChatOnUserInteraction, autoSelectFirstChannel, logLevel, memberCount, disableFrowardMentionsCount, chatMinWidth, baseUrlForInviteMembers, useInviteLink, inviteLinkOptions, embeddedJoinGroupPopup, onUpdateChannel, disappearingSettings, customLoadMembersFunctions, showOwnMessageForward }: IChatClientProps) => React.JSX.Element;
+declare const SceytChatContainer: ({ client, theme, themeMode, avatarColors, children, showOnlyContactUsers, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, defaultRolesByChannelTypesMap, channelTypeFilter, logoSrc, CustomUploader, showNotifications, hideUserPresence, openChatOnUserInteraction, autoSelectFirstChannel, logLevel, memberCount, disableFrowardMentionsCount, chatMinWidth, baseUrlForInviteMembers, useInviteLink, inviteLinkOptions, embeddedJoinGroupPopup, onUpdateChannel, disappearingSettings, customLoadMembersFunctions, showOwnMessageForward, contacts }: IChatClientProps) => React.JSX.Element;
 export default SceytChatContainer;

package/components/Messages/MessageList/useChatController.d.ts

@@ -28,6 +28,7 @@ declare type TimelineItem = {
 export interface UseChatControllerParams {
     messages: IMessage[];
     channel: IChannel;
+    openAtLatest?: boolean;
     hasPrevMessages: boolean;
     hasNextMessages: boolean;
     loadingPrevMessages: number | null;
@@ -49,7 +50,7 @@ export interface UseChatControllerParams {
     tabIsActive?: boolean;
 }
 export declare const formatMessageDateLabel: (message: IMessage) => string;
-export declare function useChatController({ messages, channel, hasPrevMessages, hasNextMessages, loadingPrevMessages, loadingNextMessages, connectionStatus, scrollToNewMessage, scrollToMentionedMessage, showScrollToNewMessageButton, unreadScrollTo, unreadMessageId, visibleMessagesMap, selectedMessagesMap, allowEditDeleteIncomingMessage, tabIsActive, dispatch }: UseChatControllerParams): {
+export declare function useChatController({ messages, channel, openAtLatest, hasPrevMessages, hasNextMessages, loadingPrevMessages, loadingNextMessages, connectionStatus, scrollToNewMessage, scrollToMentionedMessage, showScrollToNewMessageButton, unreadScrollTo, unreadMessageId, visibleMessagesMap, selectedMessagesMap, allowEditDeleteIncomingMessage, tabIsActive, dispatch }: UseChatControllerParams): {
     scrollRef: import("react").MutableRefObject<HTMLDivElement | null>;
     setLastVisibleMessageId: (message: IMessage) => void;
     handleScrollToRepliedMessage: (itemId: string, smooth?: boolean) => Promise<void>;

package/components/Messages/PinnedMessagesList.d.ts

@@ -10,10 +10,11 @@ declare type ScrollContainerComponent = React.ComponentType<any>;
 declare type MessagesContainerComponent = React.ComponentType<{
     children?: React.ReactNode;
 }>;
-declare const PinnedMessagesList: ({ channelId, onClose, closeRequested, renderMessage, ScrollContainer, MessagesContainer }: {
+declare const PinnedMessagesList: ({ channelId, onClose, closeRequested, selectionIsActive, renderMessage, ScrollContainer, MessagesContainer }: {
     channelId: string;
     onClose: () => void;
     closeRequested?: boolean | undefined;
+    selectionIsActive?: boolean | undefined;
     renderMessage: RenderPinnedMessage;
     ScrollContainer: ScrollContainerComponent;
     MessagesContainer: MessagesContainerComponent;

package/components/SceytChat/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IChatClientProps } from '../ChatContainer';
-declare const SceytChat: ({ client, theme, themeMode, avatarColors, children, showOnlyContactUsers, logoSrc, CustomUploader, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, channelTypeFilter, defaultRolesByChannelTypesMap, hideUserPresence, showNotifications, openChatOnUserInteraction, autoSelectFirstChannel, memberCount, disableFrowardMentionsCount, chatMinWidth, embeddedJoinGroupPopup, onUpdateChannel }: IChatClientProps) => React.JSX.Element;
+declare const SceytChat: ({ client, theme, themeMode, avatarColors, children, showOnlyContactUsers, logoSrc, CustomUploader, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, channelTypeFilter, defaultRolesByChannelTypesMap, hideUserPresence, showNotifications, openChatOnUserInteraction, autoSelectFirstChannel, memberCount, disableFrowardMentionsCount, chatMinWidth, embeddedJoinGroupPopup, onUpdateChannel, contacts }: IChatClientProps) => React.JSX.Element;
 export default SceytChat;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/components/SendMessageInput/FormatMessagePlugin/index.d.ts

@@ -1,5 +1,26 @@
 /// <reference types="react" />
 import { IMessage, IMember } from '../../../types';
+interface SerializedEditorChild {
+    type: string;
+    text: string;
+    format: number;
+    mentionName?: string;
+    mentionText?: string;
+    metadata?: string;
+}
+interface OffsetRange {
+    start: number;
+    end: number;
+}
+/**
+ * Converts Lexical's display text into the wire format used by message
+ * attributes. A mention is only converted to its ID token while its text has
+ * not been changed by the user. Once edited, it becomes ordinary text.
+ */
+export declare function serializeFormattedMessage(messageText: string, children: SerializedEditorChild[], offsetList: OffsetRange[]): {
+    messageText: string;
+    bodyAttributes: any[];
+};
 export default function FormatMessagePlugin({ editorState, setMessageBodyAttributes, setMessageText, setMentionedMember, messageToEdit, activeChannelMembers, contactsMap, getFromContacts }: {
     editorState: any;
     setMessageBodyAttributes: (data: any) => void;
@@ -10,3 +31,4 @@ export default function FormatMessagePlugin({ editorState, setMessageBodyAttribu
     contactsMap: any;
     getFromContacts: boolean;
 }): JSX.Element | null;
+export {};

package/components/SendMessageInput/MentionNode/index.d.ts

@@ -2,7 +2,10 @@ import type { Spread, DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNo
 import { TextNode } from 'lexical';
 export declare type SerializedMentionNode = Spread<{
     mentionName: string;
+    /** The label inserted into the editor, used to detect later text edits. */
+    mentionText?: string;
 }, SerializedTextNode>;
+export declare function isMentionTextUnchanged(originalText: string | null | undefined, currentText: string): boolean;
 export declare class MentionNode extends TextNode {
     __mention: any;
     mentionId: string;
@@ -12,6 +15,8 @@ export declare class MentionNode extends TextNode {
     constructor(mention: any, text?: string, key?: NodeKey);
     exportJSON(): SerializedMentionNode;
     createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: MentionNode, dom: HTMLElement, config: EditorConfig): boolean;
+    private isUnchangedMention;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap | null;
     isTextEntity(): true;

package/components/SendMessageInput/MentionsPlugin/index.d.ts

@@ -8,19 +8,15 @@ export declare class MentionTypeaheadOption extends MenuOption {
     avatarUrl?: string;
     constructor(name: string, id: string, presence?: any, avatarUrl?: string);
 }
-export default function MentionsPlugin({ contactsMap, userId, getFromContacts, setMentionMember, setMentionsIsOpen, members, channelId }: {
+export default function MentionsPlugin({ contactsMap, userId, getFromContacts, setMentionMember, members, channelId }: {
     contactsMap: IContactsMap;
     userId: string;
     getFromContacts?: boolean;
     setMentionMember: (member: any) => void;
-    setMentionsIsOpen: (state: boolean) => void;
     members: IMember[];
     channelId?: string;
 }): JSX.Element | null;
-export declare const MentionsContainerWrapper: import("styled-components").StyledComponent<"div", any, {
-    mentionsIsOpen?: boolean | undefined;
-    ref?: any;
-}, never>;
+export declare const MentionsContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MemberItem: import("styled-components").StyledComponent<"li", any, {
     isActiveItem?: boolean | undefined;
     activeBackgroundColor: string;

package/components/SendMessageInput/draftMentions.d.ts

@@ -0,0 +1,8 @@
+declare type DraftMentionSegment = {
+    text: string;
+    mentionId?: string;
+    mentionedUser?: any;
+};
+/** Splits a serialized draft into plain text and mention ranges for editor restoration. */
+export declare const getDraftMentionSegments: (text: string, bodyAttributes?: any[], mentionedUsers?: any[]) => DraftMentionSegment[];
+export {};