sceyt-chat-react-uikit 1.8.4-beta.6 → 1.8.4-beta.7

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,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 56 56" version="1.1">
+<defs>
+<filter id="alpha" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+  <feColorMatrix type="matrix" in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+</filter>
+<mask id="mask0">
+  <g filter="url(#alpha)">
+<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.6;stroke:none;"/>
+  </g>
+</mask>
+<clipPath id="clip1">
+  <rect x="0" y="0" width="56" height="56"/>
+</clipPath>
+<g id="surface5" clip-path="url(#clip1)">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(50.588238%,83.137256%,98.039216%);fill-opacity:1;" d="M 21.632812 8.039062 C 29.355469 8.039062 35.167969 13.855469 35.167969 21.574219 C 35.167969 29.292969 28.886719 35.578125 21.167969 35.578125 C 13.445312 35.578125 7.632812 29.765625 7.632812 22.042969 C 7.632812 14.324219 13.914062 8.039062 21.632812 8.039062 Z M 21.632812 8.039062 "/>
+</g>
+<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="3.54759" y1="3.25339" x2="5.59696" y2="6.57714" gradientTransform="matrix(3.111111,0,0,3.111111,0,0)">
+<stop offset="0.2853" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(100%,100%,100%);stop-opacity:0;"/>
+</linearGradient>
+<mask id="mask1">
+  <g filter="url(#alpha)">
+<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
+  </g>
+</mask>
+<mask id="mask2">
+  <g filter="url(#alpha)">
+<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
+  </g>
+</mask>
+<clipPath id="clip3">
+  <rect x="0" y="0" width="56" height="56"/>
+</clipPath>
+<g id="surface9" clip-path="url(#clip3)">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 28.019531 32.582031 C 28.019531 32.402344 28.105469 32.242188 28.25 32.136719 C 29.007812 31.59375 31.050781 30.332031 32.8125 26.972656 C 33.832031 25.011719 34.222656 23.378906 34.332031 22.796875 C 34.636719 21.144531 35.5 21.699219 35.382812 22.765625 C 35.242188 23.976562 34.1875 29.316406 28.894531 33.023438 C 28.523438 33.28125 28.019531 33.035156 28.019531 32.582031 Z M 28.019531 32.582031 "/>
+</g>
+<clipPath id="clip2">
+  <rect x="0" y="0" width="56" height="56"/>
+</clipPath>
+<g id="surface11" clip-path="url(#clip2)">
+<use xlink:href="#surface9" mask="url(#mask2)"/>
+</g>
+<mask id="mask3">
+  <g filter="url(#alpha)">
+<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
+  </g>
+</mask>
+<mask id="mask4">
+  <g filter="url(#alpha)">
+<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
+  </g>
+</mask>
+<clipPath id="clip5">
+  <rect x="0" y="0" width="56" height="56"/>
+</clipPath>
+<g id="surface15" clip-path="url(#clip5)">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 13.371094 7.542969 C 13.320312 8.046875 12.460938 8.523438 12.308594 8.621094 C 11.523438 9.128906 9.578125 10.121094 7.800781 13.472656 C 6.972656 15.03125 6.378906 16.636719 6.175781 17.433594 C 5.847656 18.738281 4.957031 18.476562 5.128906 17.414062 C 5.320312 16.210938 6.625 10.925781 12.082031 7.46875 C 12.464844 7.226562 13.4375 6.871094 13.371094 7.542969 Z M 13.371094 7.542969 "/>
+</g>
+<clipPath id="clip4">
+  <rect x="0" y="0" width="56" height="56"/>
+</clipPath>
+<g id="surface17" clip-path="url(#clip4)">
+<use xlink:href="#surface15" mask="url(#mask4)"/>
+</g>
+<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="8.36901" y1="12.9392" x2="8.88572" y2="7.59985" gradientTransform="matrix(3.111111,0,0,3.111111,0,0)">
+<stop offset="0.2853" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(100%,100%,100%);stop-opacity:0;"/>
+</linearGradient>
+</defs>
+<g id="surface1">
+<use xlink:href="#surface5" mask="url(#mask0)"/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(38.039216%,38.039216%,38.039216%);fill-opacity:1;" d="M 21.632812 8.039062 C 29.355469 8.039062 35.167969 13.851562 35.167969 21.574219 C 35.167969 29.292969 28.886719 35.578125 21.167969 35.578125 C 13.445312 35.578125 7.632812 29.765625 7.632812 22.042969 C 7.632812 14.324219 13.914062 8.039062 21.632812 8.039062 Z M 10.117188 9.632812 C 2.464844 17.289062 6.21875 28.46875 9.210938 31.523438 C 14.746094 37.171875 25.089844 40.386719 32.832031 32.644531 C 40 25.472656 37.425781 16.386719 32.375 10.828125 C 29.023438 7.140625 17.769531 1.984375 10.117188 9.632812 Z M 10.117188 9.632812 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(74.117649%,74.117649%,74.117649%);fill-opacity:1;" d="M 41.914062 38.449219 L 38.675781 41.707031 L 31.046875 34.007812 C 31.046875 34.007812 30.402344 32.765625 31.675781 31.492188 C 32.953125 30.214844 34.285156 30.75 34.285156 30.75 Z M 41.914062 38.449219 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(38.039216%,38.039216%,38.039216%);fill-opacity:1;" d="M 37.53125 33.042969 C 37.089844 32.695312 35.566406 31.878906 33.890625 33.542969 C 32.21875 35.207031 32.898438 36.519531 33.230469 37.007812 C 33.230469 37.007812 45.101562 50.179688 45.644531 50.726562 C 46.441406 51.523438 48.078125 50.839844 49.59375 49.324219 C 51.113281 47.808594 51.84375 46.339844 50.988281 45.484375 C 50.292969 44.789062 37.96875 33.394531 37.53125 33.042969 Z M 37.53125 33.042969 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(74.117649%,74.117649%,74.117649%);fill-opacity:1;" d="M 20.191406 6.472656 C 27.910156 6.472656 34.191406 12.753906 34.191406 20.472656 C 34.191406 28.191406 27.910156 34.476562 20.191406 34.476562 C 12.46875 34.476562 6.1875 28.191406 6.1875 20.472656 C 6.1875 12.753906 12.46875 6.472656 20.191406 6.472656 Z M 20.191406 4.929688 C 11.609375 4.929688 4.652344 11.890625 4.652344 20.46875 C 4.652344 29.050781 11.609375 36.007812 20.191406 36.007812 C 28.769531 36.007812 35.730469 29.054688 35.730469 20.46875 C 35.730469 11.886719 28.769531 4.929688 20.191406 4.929688 Z M 20.191406 4.929688 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(25.882354%,25.882354%,25.882354%);fill-opacity:1;" d="M 49.597656 49.324219 C 51 47.921875 51.699219 46.34375 51.160156 45.804688 C 50.621094 45.261719 49.042969 45.964844 47.636719 47.367188 C 46.234375 48.773438 45.53125 50.351562 46.074219 50.890625 C 46.613281 51.429688 48.191406 50.730469 49.597656 49.324219 Z M 49.597656 49.324219 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 13.421875 12.289062 C 10.886719 14.945312 9.890625 17.886719 9.867188 21.152344 C 9.859375 22.355469 10.027344 23.625 10.769531 24.566406 C 11.511719 25.507812 12.988281 25.953125 13.960938 25.25 C 14.605469 24.785156 14.871094 23.972656 15.1875 23.246094 C 15.671875 22.128906 16.34375 21.089844 17.171875 20.195312 C 18.207031 19.074219 19.472656 18.179688 20.460938 17.023438 C 21.449219 15.863281 22.152344 14.296875 21.757812 12.824219 C 21.363281 11.378906 19.941406 10.359375 18.457031 10.195312 C 16.976562 10.027344 14.882812 10.757812 13.421875 12.289062 Z M 13.421875 12.289062 "/>
+<use xlink:href="#surface11" mask="url(#mask1)"/>
+<use xlink:href="#surface17" mask="url(#mask3)"/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 24.859375 31.863281 C 23.128906 32.179688 22.613281 31.457031 22.832031 30.734375 C 23.003906 30.164062 23.640625 29.917969 24.210938 29.75 C 27.261719 28.835938 29.835938 26.3125 31.707031 23.804688 C 31.75 25.980469 31.175781 27.242188 30.132812 28.53125 C 29.109375 29.789062 27.519531 31.378906 24.859375 31.863281 Z M 24.859375 31.863281 "/>
+</g>
+</svg>

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/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/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';
@@ -21,7 +22,7 @@ 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, ForwardMessagePopup };
+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;