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

package/assets/svg/chevron_down_search.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.16303 5.89779C2.84355 5.62395 2.36256 5.66095 2.08871 5.98043C1.81487 6.29992 1.85186 6.78091 2.17135 7.05475L7.50468 11.6262C7.79001 11.8707 8.21104 11.8707 8.49637 11.6262L13.8297 7.05475C14.1492 6.78091 14.1862 6.29992 13.9123 5.98043C13.6385 5.66095 13.1575 5.62395 12.838 5.89779L8.00053 10.0442L3.16303 5.89779Z" fill="#818C99"/>
+</svg>

package/assets/svg/search-messages.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.25 0C11.2541 0 14.5 3.24594 14.5 7.25C14.5 8.89122 13.9547 10.4051 13.0353 11.6202L17.2071 15.7929C17.5976 16.1834 17.5976 16.8166 17.2071 17.2071C16.8166 17.5976 16.1834 17.5976 15.7929 17.2071L11.6202 13.0353C10.4051 13.9547 8.89122 14.5 7.25 14.5C3.24594 14.5 0 11.2541 0 7.25C0 3.24594 3.24594 0 7.25 0ZM7.25 2C4.3505 2 2 4.3505 2 7.25C2 10.1495 4.3505 12.5 7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.3505 10.1495 2 7.25 2Z" fill="#818C99"/>
+</svg>

package/assets/svg/search-view.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1442 2.6665C18.9307 2.6665 23.6217 7.35598 23.6217 13.1407C23.6217 15.518 22.8294 17.7104 21.4945 19.4683L28.9155 26.8956C29.4732 27.4537 29.4726 28.358 28.9144 28.9154C28.3561 29.4729 27.4515 29.4723 26.8938 28.9143L19.4737 21.4884C17.7153 22.823 15.5222 23.615 13.1442 23.615C7.35767 23.615 2.66675 18.9255 2.66675 13.1407C2.66675 7.35598 7.35767 2.6665 13.1442 2.6665ZM13.1442 5.52296C8.93582 5.52296 5.52421 8.93353 5.52421 13.1407C5.52421 17.3479 8.93582 20.7585 13.1442 20.7585C17.3526 20.7585 20.7642 17.3479 20.7642 13.1407C20.7642 8.93353 17.3526 5.52296 13.1442 5.52296Z" fill="#0DBD8B"/>
+</svg>

package/components/Attachment/index.d.ts

@@ -26,8 +26,9 @@ interface AttachmentPops {
     channelId?: string;
     incoming?: boolean;
     viewOnce?: boolean;
+    onlyVideoImage?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ attachment, isPreview, removeSelected, isRepliedMessage, borderRadius, handleMediaItemClick, setVideoIsReadyToSend, selectedFileAttachmentsIcon, backgroundColor, selectedFileAttachmentsBoxBorder, selectedFileAttachmentsTitleColor, selectedFileAttachmentsSizeColor, isDetailsView, imageMinWidth, closeMessageActions, fileAttachmentWidth, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, messageType, messagePlayed, channelId, incoming, viewOnce }: AttachmentPops) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ attachment, isPreview, removeSelected, isRepliedMessage, borderRadius, handleMediaItemClick, setVideoIsReadyToSend, selectedFileAttachmentsIcon, backgroundColor, selectedFileAttachmentsBoxBorder, selectedFileAttachmentsTitleColor, selectedFileAttachmentsSizeColor, isDetailsView, imageMinWidth, closeMessageActions, fileAttachmentWidth, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, messageType, messagePlayed, channelId, incoming, viewOnce, onlyVideoImage }: AttachmentPops) => React.JSX.Element>;
 export default _default;
 export declare const SizeProgress: import("styled-components").StyledComponent<"span", any, {
     color: string;

package/components/ChatHeader/index.d.ts

@@ -21,6 +21,9 @@ interface IProps {
     infoIconOrder?: number;
     customActionsOrder?: number;
     showPhoneNumber?: boolean;
+    showSearchMessages?: boolean;
+    searchMessagesIcon?: JSX.Element;
+    searchMessagesIconOrder?: number;
 }
-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 default function ChatHeader({ infoIcon, backgroundColor, titleColor, avatarBorderRadius, memberInfoTextColor, memberInfoFontSize, memberInfoLineHeight, mobileBackButtonClicked, MobileBackButton, showMemberInfo, avatarSize, avatarTextSize, borderBottom, titleFontSize, titleLineHeight, CustomActions, backButtonOrder, channelInfoOrder, infoIconOrder, customActionsOrder, showPhoneNumber, showSearchMessages, searchMessagesIcon, searchMessagesIconOrder }: IProps): React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IAttachment, IOGMetadata } from '../../../types';
 export declare const isDescriptionOnlySymbol: (description: string | undefined) => boolean;
-declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitle, ogShowDescription, ogShowFavicon, order, maxWidth, maxHeight, ogContainerBorderRadius, ogContainerPadding, ogContainerClassName, ogContainerShowBackground, ogContainerBackground, infoPadding, ogContainerMargin, target, isInviteLink, metadataGetSuccessCallback }: {
+declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitle, ogShowDescription, ogShowFavicon, order, maxWidth, maxHeight, ogContainerBorderRadius, ogContainerPadding, ogContainerClassName, ogContainerShowBackground, ogContainerBackground, infoPadding, ogContainerMargin, target, isInviteLink, onClick }: {
     attachments: IAttachment[];
     state: string;
     incoming: boolean;
@@ -26,6 +26,7 @@ declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitl
     ogContainerMargin?: string | undefined;
     target?: string | undefined;
     isInviteLink?: boolean | undefined;
+    onClick?: (() => void) | undefined;
     metadataGetSuccessCallback?: ((url: string, success: boolean, hasImage: boolean, metadata: IOGMetadata | null) => void) | undefined;
 }) => React.JSX.Element | null;
 export { OGMetadata };

package/components/MessagesSearch/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    size?: 'small' | 'medium' | 'large';
+}
+export default function MessagesSearch({ size }: IProps): React.JSX.Element;
+export {};

package/components/VideoPlayer/index.d.ts

@@ -4,6 +4,7 @@ interface IVideoPlayerProps {
     videoFileId?: string;
     activeFileId?: string;
     onMouseDown?: (e: React.MouseEvent) => void;
+    readyToPlay: boolean;
 }
-declare const VideoPlayer: ({ src, videoFileId, activeFileId, onMouseDown }: IVideoPlayerProps) => React.JSX.Element;
+declare const VideoPlayer: ({ src, videoFileId, activeFileId, onMouseDown, readyToPlay }: IVideoPlayerProps) => React.JSX.Element;
 export default VideoPlayer;

package/components/VideoPreview/index.d.ts

@@ -14,6 +14,7 @@ interface IVideoPreviewProps {
     isDetailsView?: boolean;
     setVideoIsReadyToSend?: (attachmentId: string) => void;
     downloading: boolean;
+    onlyVideoImage?: boolean;
 }
 declare const VideoPreview: React.NamedExoticComponent<IVideoPreviewProps>;
 export default VideoPreview;

package/components/index.d.ts

@@ -7,6 +7,7 @@ import MessageList from './Messages';
 import SendMessage from './SendMessageInput';
 import ChannelDetails from './ChannelDetailsContainer';
 import MessagesScrollToBottomButton from './MessagesScrollToBottomButton';
+import MessagesSearch from './MessagesSearch';
 import MessagesScrollToUnreadMentionsButton from './MessagesScrollToUnreadMentionsButton';
 import CreateChannel from './../common/popups/createChannel';
 import ChannelSearch from './ChannelList/ChannelSearch';
@@ -18,9 +19,10 @@ import DropDown from '../common/dropdown';
 import { THEME_COLORS } from '../UIHelper/constants';
 import { OGMetadata } from './Message/OGMetadata';
 import PollMessage from './Message/PollMessage';
+import ForwardMessagePopup from 'common/popups/forwardMessage';
 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, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel, blockUsers, unBlockUsers };
+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 };
 declare global {
     interface Window {
         sceytTabNotifications: any;