sceyt-chat-react-uikit 1.9.1-beta.12 → 1.9.1-beta.13

package/components/ChannelDetails/DetailsTab/Files/index.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
+import { CustomLoadErrorStateComponent } from '../../../../common/LoadErrorState';
 interface IProps {
+    /** Replaces the default "Unable to load files" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     channelId: string;
     filePreviewIcon?: JSX.Element;
     filePreviewHoverIcon?: JSX.Element;
@@ -12,5 +15,5 @@ interface IProps {
     fileSizeFontSize?: string;
     fileSizeLineHeight?: string;
 }
-declare const Files: ({ channelId, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight }: IProps) => React.JSX.Element;
+declare const Files: ({ channelId, CustomLoadErrorState, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight }: IProps) => React.JSX.Element;
 export default Files;

package/components/ChannelDetails/DetailsTab/Links/index.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
+import { CustomLoadErrorStateComponent } from '../../../../common/LoadErrorState';
 interface IProps {
+    /** Replaces the default "Unable to load links" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     channelId: string;
     linkPreviewIcon?: JSX.Element;
     linkPreviewHoverIcon?: JSX.Element;
@@ -7,5 +10,5 @@ interface IProps {
     linkPreviewColor?: string;
     linkPreviewHoverBackgroundColor?: string;
 }
-declare const Links: ({ channelId, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor }: IProps) => React.JSX.Element;
+declare const Links: ({ channelId, CustomLoadErrorState, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor }: IProps) => React.JSX.Element;
 export default Links;

package/components/ChannelDetails/DetailsTab/Media/index.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { CustomLoadErrorStateComponent } from '../../../../common/LoadErrorState';
 import { IChannel } from '../../../../types';
 interface IProps {
+    /** Replaces the default "Unable to load media" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     channel: IChannel;
 }
-declare const Media: ({ channel }: IProps) => React.JSX.Element;
+declare const Media: ({ channel, CustomLoadErrorState }: IProps) => React.JSX.Element;
 export default Media;

package/components/ChannelDetails/DetailsTab/Members/index.d.ts

@@ -1,9 +1,12 @@
+import { CustomLoadErrorStateComponent } from '../../../../common/LoadErrorState';
 import React from 'react';
 import { IChannel, IMember } from '../../../../types';
 interface IProps {
     channel: IChannel;
     members: IMember[];
     checkActionPermission: (permission: string) => boolean;
+    /** Replaces the default "Unable to load members" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     showChangeMemberRole?: boolean;
     showMakeMemberAdmin?: boolean;
     showKickMember?: boolean;
@@ -16,5 +19,5 @@ interface IProps {
     memberPresenceFontSize?: string;
     QRCodeIcon?: JSX.Element;
 }
-declare const Members: ({ channel, members, checkActionPermission, showChangeMemberRole, showMakeMemberAdmin, showKickMember, showKickAndBlockMember, hoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, QRCodeIcon }: IProps) => React.JSX.Element;
+declare const Members: ({ channel, members, checkActionPermission, CustomLoadErrorState, showChangeMemberRole, showMakeMemberAdmin, showKickMember, showKickAndBlockMember, hoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, QRCodeIcon }: IProps) => React.JSX.Element;
 export default Members;

package/components/ChannelDetails/DetailsTab/Voices/index.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
+import { CustomLoadErrorStateComponent } from '../../../../common/LoadErrorState';
 interface IProps {
+    /** Replaces the default "Unable to load voice messages" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     channelId: string;
     voicePreviewPlayIcon?: JSX.Element;
     voicePreviewPlayHoverIcon?: JSX.Element;
@@ -9,5 +12,5 @@ interface IProps {
     voicePreviewDateAndTimeColor?: string;
     voicePreviewHoverBackgroundColor?: string;
 }
-declare const Voices: ({ channelId, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor }: IProps) => React.JSX.Element;
+declare const Voices: ({ channelId, CustomLoadErrorState, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor }: IProps) => React.JSX.Element;
 export default Voices;

package/components/ChannelDetails/DetailsTab/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
+import { CustomLoadErrorStateComponent } from '../../../common/LoadErrorState';
 import { IChannel } from '../../../types';
 interface IProps {
     channel: IChannel;
     activeTab: string;
     setActiveTab: (activeTab: string) => void;
     checkActionPermission: (permission: string) => boolean;
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     linkPreviewIcon?: JSX.Element;
     linkPreviewHoverIcon?: JSX.Element;
     linkPreviewTitleColor?: string;
@@ -44,5 +46,5 @@ interface IProps {
     onTabChange?: () => void;
     QRCodeIcon?: JSX.Element;
 }
-declare const DetailsTab: ({ channel, activeTab, checkActionPermission, setActiveTab, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin, memberHoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, borderColor, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, onTabChange, QRCodeIcon }: IProps) => React.JSX.Element;
+declare const DetailsTab: ({ channel, activeTab, checkActionPermission, CustomLoadErrorState, setActiveTab, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin, memberHoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, borderColor, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, onTabChange, QRCodeIcon }: IProps) => React.JSX.Element;
 export default DetailsTab;

package/components/ChannelDetails/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IDetailsProps } from '../ChannelDetailsContainer';
-declare const Details: ({ detailsTitleText, editDetailsTitleText, detailsTitleFontSize, size, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin, memberHoverBackgroundColor, addMemberFontSize, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, actionItemsFontSize, addMemberIcon, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, backgroundColor, bordersColor, showPhoneNumber, QRCodeIcon, commonGroupsOrder, commonGroupsIcon, commonGroupsIconColor, commonGroupsTextColor, showGroupsInCommon }: IDetailsProps) => React.JSX.Element;
+declare const Details: ({ detailsTitleText, editDetailsTitleText, detailsTitleFontSize, size, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, CustomLoadErrorState, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin, memberHoverBackgroundColor, addMemberFontSize, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, actionItemsFontSize, addMemberIcon, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, backgroundColor, bordersColor, showPhoneNumber, QRCodeIcon, commonGroupsOrder, commonGroupsIcon, commonGroupsIconColor, commonGroupsTextColor, showGroupsInCommon }: IDetailsProps) => React.JSX.Element;
 export default Details;

package/components/ChannelDetailsContainer/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { CustomLoadErrorStateComponent } from '../../common/LoadErrorState';
 import { MuteTime } from '../../types';
 export interface IDetailsProps {
     size?: 'small' | 'medium' | 'large';
@@ -90,6 +91,8 @@ export interface IDetailsProps {
     voicePreviewTitleColor?: string;
     voicePreviewDateAndTimeColor?: string;
     voicePreviewHoverBackgroundColor?: string;
+    /** Replaces the default "Unable to load ..." view shown when a details tab's first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     filePreviewIcon?: JSX.Element;
     filePreviewHoverIcon?: JSX.Element;
     filePreviewTitleColor?: string;
@@ -124,5 +127,5 @@ export interface IDetailsProps {
     commonGroupsTextColor?: string;
     showGroupsInCommon?: boolean;
 }
-declare const ChannelDetailsContainer: ({ size, detailsTitleText, editDetailsTitleText, detailsTitleFontSize, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, memberHoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, showKickMember, showKickAndBlockMember, backgroundColor, actionItemsFontSize, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, bordersColor, showPhoneNumber, QRCodeIcon, commonGroupsOrder, commonGroupsIcon, commonGroupsIconColor, commonGroupsTextColor, showGroupsInCommon }: IDetailsProps) => React.JSX.Element;
+declare const ChannelDetailsContainer: ({ size, detailsTitleText, editDetailsTitleText, detailsTitleFontSize, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, CustomLoadErrorState, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, memberHoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, showKickMember, showKickAndBlockMember, backgroundColor, actionItemsFontSize, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, bordersColor, showPhoneNumber, QRCodeIcon, commonGroupsOrder, commonGroupsIcon, commonGroupsIconColor, commonGroupsTextColor, showGroupsInCommon }: IDetailsProps) => React.JSX.Element;
 export default ChannelDetailsContainer;

package/components/ChannelList/index.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { IChannel, IContact, IMessage, IUser } from '../../types';
+import { CustomLoadErrorStateComponent } from '../../common/LoadErrorState';
 interface IChannelListProps {
     List?: FC<{
         channels: IChannel[];
@@ -20,6 +21,8 @@ interface IChannelListProps {
         setSelectedChannel?: (channel: IChannel) => void;
         createChatWithContact?: (contact: IContact) => void;
     }>;
+    /** Replaces the default "Unable to load channels" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     className?: string;
     Profile?: JSX.Element;
     CreateChannel?: JSX.Element;

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

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import { CustomLoadErrorStateComponent } from '../../../common/LoadErrorState';
 import { IAttachment, IChannel, IMarker, IMessage, IUser, ILabels, MessageInfoTab, ITabsStyles, IListItemStyles, OGMetadataProps } from '../../../types';
 import { IAttachmentProperties, IMessageStyles } from '../../Message/Message.types';
 import { HiddenMessageProperty } from 'types/enum';
@@ -113,6 +114,8 @@ interface MessagesProps {
     renderPinnedMessagePreview?: (message: IMessage, context: {
         placement: 'banner' | 'system';
     }) => React.ReactNode | null | undefined;
+    /** Replaces the default "Unable to load messages" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     messageStatusSize?: string;
     messageStatusColor?: string;
     messageReadStatusColor?: string;

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

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

package/components/Messages/index.d.ts

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import { CustomLoadErrorStateComponent } from '../../common/LoadErrorState';
 import { IAttachment, IChannel, IMarker, IMessage, IUser, MessageInfoTab, ILabels, ITabsStyles, IListItemStyles, OGMetadataProps } from '../../types';
 import { IAttachmentProperties, IMessageStyles } from '../Message/Message.types';
 import { HiddenMessageProperty } from 'types/enum';
@@ -106,6 +107,8 @@ interface MessagesProps {
     renderPinnedMessagePreview?: (message: IMessage, context: {
         placement: 'banner' | 'system';
     }) => React.ReactNode | null | undefined;
+    /** Replaces the default "Unable to load messages" view shown when the first load fails with a retryable error. */
+    CustomLoadErrorState?: CustomLoadErrorStateComponent;
     openFrequentlyUsedReactions?: boolean;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
 import { IContactsMap, IMember } from '../../../types';
 export declare class MentionTypeaheadOption extends MenuOption {
@@ -8,6 +8,7 @@ export declare class MentionTypeaheadOption extends MenuOption {
     avatarUrl?: string;
     constructor(name: string, id: string, presence?: any, avatarUrl?: string);
 }
+export declare function MentionsContainer({ queryString, options, selectedIndex, selectOptionAndCleanUp, setHighlightedIndex, channelId, alignLeft, handleLeftOffset }: any): React.JSX.Element;
 export default function MentionsPlugin({ contactsMap, userId, getFromContacts, setMentionMember, members, channelId }: {
     contactsMap: IContactsMap;
     userId: string;

package/components/index.d.ts

@@ -20,9 +20,10 @@ import { THEME_COLORS } from '../UIHelper/constants';
 import { OGMetadata } from './Message/OGMetadata';
 import PollMessage from './Message/PollMessage';
 import ForwardMessagePopup, { IForwardMessageNote, IForwardPreviewMessage } from 'common/popups/forwardMessage';
+import { CustomLoadErrorStateComponent, ILoadErrorStateProps } from 'common/LoadErrorState';
 import { createOrGetDirectChannel, switchChannelActiveChannel, handleSendMessage, handleGetMessage, blockUsers, unBlockUsers } from 'helpers/methods';
 import { MESSAGE_TYPE } from 'types/enum';
-export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, MessagesSearch, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel, blockUsers, unBlockUsers, ForwardMessagePopup, IForwardMessageNote, IForwardPreviewMessage };
+export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, MessagesSearch, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel, blockUsers, unBlockUsers, ForwardMessagePopup, IForwardMessageNote, IForwardPreviewMessage, CustomLoadErrorStateComponent, ILoadErrorStateProps };
 declare global {
     interface Window {
         sceytTabNotifications: any;