sceyt-chat-react-uikit 1.7.4-beta.1 → 1.7.4-beta.10

package/assets/svg/info-action.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 1.37615C4.49098 1.37615 1.37615 4.49098 1.37615 8.33333C1.37615 12.1757 4.49098 15.2905 8.33333 15.2905C12.1757 15.2905 15.2905 12.1757 15.2905 8.33333C15.2905 4.49098 12.1757 1.37615 8.33333 1.37615ZM0 8.33333C0 3.73096 3.73096 0 8.33333 0C12.9357 0 16.6667 3.73096 16.6667 8.33333C16.6667 12.9357 12.9357 16.6667 8.33333 16.6667C3.73096 16.6667 0 12.9357 0 8.33333Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00816 7.69623C7.00816 7.31622 7.31622 7.00816 7.69623 7.00816H8.33333C8.71335 7.00816 9.02141 7.31622 9.02141 7.69623V11.4698C9.37762 11.4958 9.65851 11.7931 9.65851 12.156C9.65851 12.536 9.35045 12.844 8.97044 12.844H8.33333C7.95332 12.844 7.64526 12.536 7.64526 12.156V8.38244C7.28905 8.35636 7.00816 8.0591 7.00816 7.69623Z" fill="currentColor"/>
+<path d="M8.17406 5.78491C8.70185 5.78491 9.12971 5.35705 9.12971 4.82926C9.12971 4.30146 8.70185 3.8736 8.17406 3.8736C7.64626 3.8736 7.2184 4.30146 7.2184 4.82926C7.2184 5.35705 7.64626 5.78491 8.17406 5.78491Z" fill="currentColor"/>
+</svg>

package/assets/svg/linkIconWB.svg

@@ -0,0 +1,3 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.8325 10.6525C8.2425 11.0425 8.2425 11.6825 7.8325 12.0725C7.4425 12.4625 6.8025 12.4625 6.4125 12.0725C4.4625 10.1225 4.4625 6.9525 6.4125 5.0025L9.9525 1.4625C11.9025 -0.4875 15.0725 -0.4875 17.0225 1.4625C18.9725 3.4125 18.9725 6.5825 17.0225 8.5325L15.5325 10.0225C15.5425 9.2025 15.4125 8.3825 15.1325 7.6025L15.6025 7.1225C16.7825 5.9525 16.7825 4.0525 15.6025 2.8825C14.4325 1.7025 12.5325 1.7025 11.3625 2.8825L7.8325 6.4125C6.6525 7.5825 6.6525 9.4825 7.8325 10.6525ZM10.6525 6.4125C11.0425 6.0225 11.6825 6.0225 12.0725 6.4125C14.0225 8.3625 14.0225 11.5325 12.0725 13.4825L8.5325 17.0225C6.5825 18.9725 3.4125 18.9725 1.4625 17.0225C-0.4875 15.0725 -0.4875 11.9025 1.4625 9.9525L2.9525 8.4625C2.9425 9.2825 3.0725 10.1025 3.3525 10.8925L2.8825 11.3625C1.7025 12.5325 1.7025 14.4325 2.8825 15.6025C4.0525 16.7825 5.9525 16.7825 7.1225 15.6025L10.6525 12.0725C11.8325 10.9025 11.8325 9.0025 10.6525 7.8325C10.2425 7.4425 10.2425 6.8025 10.6525 6.4125Z" fill="#0DBD8B"/>
+</svg>

package/components/Channel/index.d.ts

@@ -45,6 +45,7 @@ interface IChannelProps {
         warningColor: string;
         user: IUser;
         MessageText: any;
+        unsupportedMessage?: boolean;
     }) => any;
     doNotShowMessageDeliveryTypes: string[];
     showPhoneNumber?: boolean;

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

@@ -14,6 +14,7 @@ interface IProps {
     memberNameFontSize?: string;
     memberAvatarSize?: number;
     memberPresenceFontSize?: string;
+    QRCodeIcon?: JSX.Element;
 }
-declare const Members: ({ channel, theme, checkActionPermission, showChangeMemberRole, showMakeMemberAdmin, showKickMember, showKickAndBlockMember, hoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize }: IProps) => React.JSX.Element;
+declare const Members: ({ channel, theme, checkActionPermission, showChangeMemberRole, showMakeMemberAdmin, showKickMember, showKickAndBlockMember, hoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, QRCodeIcon }: IProps) => React.JSX.Element;
 export default Members;

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

@@ -43,6 +43,7 @@ interface IProps {
     tabItemsLineHeight?: string;
     tabItemsMinWidth?: string;
     onTabChange?: () => void;
+    QRCodeIcon?: JSX.Element;
 }
-declare const DetailsTab: ({ channel, theme, 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 }: IProps) => React.JSX.Element;
+declare const DetailsTab: ({ channel, theme, 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;
 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 }: 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, 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 }: IDetailsProps) => React.JSX.Element;
 export default Details;

package/components/ChannelDetailsContainer/index.d.ts

@@ -117,6 +117,7 @@ export interface IDetailsProps {
     backgroundColor?: string;
     bordersColor?: string;
     showPhoneNumber?: boolean;
+    QRCodeIcon?: 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, 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 }: 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, 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 }: IDetailsProps) => React.JSX.Element;
 export default ChannelDetailsContainer;

package/components/ChatContainer/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IAttachment, IChannel, ICustomAvatarColors, IMessage, IUser } from '../../types';
+import { InviteLinkOptions } from '../../helpers/channelHalper';
 export interface IProgress {
     loaded: number;
     total: number;
@@ -54,6 +55,9 @@ export interface IChatClientProps {
     memberCount?: number;
     disableFrowardMentionsCount?: boolean;
     chatMinWidth?: string;
+    baseUrlForInviteMembers?: string;
+    useInviteLink?: boolean;
+    inviteLinkOptions?: InviteLinkOptions | 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 }: 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 }: IChatClientProps) => React.JSX.Element;
 export default SceytChatContainer;

package/components/ChatHeader/index.d.ts

@@ -20,6 +20,7 @@ interface IProps {
     channelInfoOrder?: number;
     infoIconOrder?: number;
     customActionsOrder?: number;
+    showPhoneNumber?: boolean;
 }
-export default function ChatHeader({ infoIcon, backgroundColor, titleColor, avatarBorderRadius, memberInfoTextColor, memberInfoFontSize, memberInfoLineHeight, mobileBackButtonClicked, MobileBackButton, showMemberInfo, avatarSize, avatarTextSize, borderBottom, titleFontSize, titleLineHeight, CustomActions, backButtonOrder, channelInfoOrder, infoIconOrder, customActionsOrder }: IProps): React.JSX.Element;
+export default function ChatHeader({ infoIcon, backgroundColor, titleColor, avatarBorderRadius, memberInfoTextColor, memberInfoFontSize, memberInfoLineHeight, mobileBackButtonClicked, MobileBackButton, showMemberInfo, avatarSize, avatarTextSize, borderBottom, titleFontSize, titleLineHeight, CustomActions, backButtonOrder, channelInfoOrder, infoIconOrder, customActionsOrder, showPhoneNumber }: IProps): React.JSX.Element;
 export {};

package/components/Message/Message.types.d.ts

@@ -59,6 +59,7 @@ interface ICustomMessageItem {
     handleMediaItemClick?: (attachment: IAttachment) => void;
     isThreadMessage?: boolean;
     handleOpenUserProfile: (user: IUser) => void;
+    unsupportedMessage: boolean;
 }
 export interface IMessageProps {
     message: IMessage;
@@ -194,6 +195,27 @@ export interface IMessageProps {
     messageTextLineHeight?: string;
     messageTimeColorOnAttachment?: string;
     shouldOpenUserProfileForMention?: boolean;
+    ogMetadataProps?: {
+        maxWidth?: number;
+        maxHeight?: number;
+        ogLayoutOrder?: 'link-first' | 'og-first';
+        ogShowUrl?: boolean;
+        ogShowTitle?: boolean;
+        ogShowDescription?: boolean;
+        ogShowFavicon?: boolean;
+        order?: {
+            image?: number;
+            title?: number;
+            description?: number;
+            link?: number;
+        };
+        ogContainerBorderRadius?: string | number;
+        ogContainerPadding?: string;
+        ogContainerClassName?: string;
+        ogContainerShowBackground?: boolean;
+        ogContainerBackground?: string;
+        infoPadding?: string;
+    };
     showInfoMessageProps?: {
         togglePopup?: () => void;
         labels?: ILabels;

package/components/Message/MessageBody/index.d.ts

@@ -132,6 +132,28 @@ interface IMessageBodyProps {
     messageTextRef: React.RefObject<HTMLSpanElement>;
     handleOpenUserProfile: (user: IUser) => void;
     shouldOpenUserProfileForMention?: boolean;
+    ogMetadataProps?: {
+        maxWidth?: number;
+        maxHeight?: number;
+        ogLayoutOrder?: 'link-first' | 'og-first';
+        ogShowUrl?: boolean;
+        ogShowTitle?: boolean;
+        ogShowDescription?: boolean;
+        ogShowFavicon?: boolean;
+        order?: {
+            image?: number;
+            title?: number;
+            description?: number;
+            link?: number;
+        };
+        ogContainerBorderRadius?: string | number;
+        ogContainerPadding?: string;
+        ogContainerClassName?: string;
+        ogContainerShowBackground?: boolean;
+        ogContainerBackground?: string;
+        infoPadding?: string;
+    };
+    unsupportedMessage: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, infoIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, infoIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, messageTimeColorOnAttachment, fileAttachmentsIcon, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, selectedMessagesMap, contactsMap, theme, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, handleToggleInfoMessagePopupOpen, messageActionsShow, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention }: IMessageBodyProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, infoIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, infoIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, messageTimeColorOnAttachment, fileAttachmentsIcon, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, selectedMessagesMap, contactsMap, theme, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, handleToggleInfoMessagePopupOpen, messageActionsShow, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention, ogMetadataProps, unsupportedMessage }: IMessageBodyProps) => React.JSX.Element>;
 export default _default;

package/components/Message/OGMetadata/index.d.ts

@@ -1,8 +1,28 @@
 import React from 'react';
 import { IAttachment } from '../../../types';
-declare const OGMetadata: ({ attachments, state, incoming }: {
+declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitle, ogShowDescription, ogShowFavicon, order, maxWidth, maxHeight, ogContainerBorderRadius, ogContainerPadding, ogContainerClassName, ogContainerShowBackground, ogContainerBackground, infoPadding, ogContainerMargin, target }: {
     attachments: IAttachment[];
     state: string;
     incoming: boolean;
+    ogShowUrl?: boolean | undefined;
+    ogShowTitle?: boolean | undefined;
+    ogShowDescription?: boolean | undefined;
+    ogShowFavicon?: boolean | undefined;
+    order?: {
+        image?: number | undefined;
+        title?: number | undefined;
+        description?: number | undefined;
+        link?: number | undefined;
+    } | undefined;
+    maxWidth?: number | undefined;
+    maxHeight?: number | undefined;
+    ogContainerBorderRadius?: string | number | undefined;
+    ogContainerPadding?: string | undefined;
+    ogContainerClassName?: string | undefined;
+    ogContainerShowBackground?: boolean | undefined;
+    ogContainerBackground?: string | undefined;
+    infoPadding?: string | undefined;
+    ogContainerMargin?: string | undefined;
+    target?: string | undefined;
 }) => React.JSX.Element;
 export { OGMetadata };

package/components/Message/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IMessageProps } from './Message.types';
-declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, infoIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, showInfoMessageProps }: IMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, infoIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps }: IMessageProps) => React.JSX.Element>;
 export default _default;

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

@@ -68,6 +68,7 @@ interface MessagesProps {
         handleMediaItemClick?: (attachment: IAttachment) => void;
         handleOpenUserProfile: (user: IUser) => void;
         isThreadMessage?: boolean;
+        unsupportedMessage: boolean;
     }>;
     messageReaction?: boolean;
     editMessage?: boolean;
@@ -195,6 +196,22 @@ interface MessagesProps {
         tabsStyles?: ITabsStyles;
         listItemStyles?: IListItemStyles;
     };
+    ogMetadataProps?: {
+        maxWidth?: number;
+        maxHeight?: number;
+        ogLayoutOrder?: 'link-first' | 'og-first';
+        ogShowUrl?: boolean;
+        ogShowTitle?: boolean;
+        ogShowDescription?: boolean;
+        ogShowFavicon?: boolean;
+        order?: {
+            image?: number;
+            title?: number;
+            description?: number;
+            link?: number;
+        };
+        infoPadding?: string;
+    };
 }
 declare const MessageList: React.FC<MessagesProps>;
 export default MessageList;

package/components/Messages/index.d.ts

@@ -195,6 +195,22 @@ interface MessagesProps {
         tabsStyles?: ITabsStyles;
         listItemStyles?: IListItemStyles;
     };
+    ogMetadataProps?: {
+        maxWidth?: number;
+        maxHeight?: number;
+        ogLayoutOrder?: 'link-first' | 'og-first';
+        ogShowUrl?: boolean;
+        ogShowTitle?: boolean;
+        ogShowDescription?: boolean;
+        ogShowFavicon?: boolean;
+        order?: {
+            image?: number;
+            title?: number;
+            description?: number;
+            link?: number;
+        };
+        infoPadding?: string;
+    };
 }
 declare const MessagesContainer: React.FC<MessagesProps>;
 export default MessagesContainer;

package/components/index.d.ts

@@ -18,7 +18,8 @@ import DropDown from '../common/dropdown';
 import { THEME_COLORS } from '../UIHelper/constants';
 import { OGMetadata } from './Message/OGMetadata';
 import { createOrGetDirectChannel, switchChannelActiveChannel, handleSendMessage, handleGetMessage } from 'helpers/methods';
-export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel };
+import { MESSAGE_TYPE } from 'types/enum';
+export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel };
 declare global {
     interface Window {
         sceytTabNotifications: any;