sceyt-chat-react-uikit 1.7.5-beta.8 → 1.7.5

package/assets/svg/dots_vertica.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 3C6.5 3.82843 5.82843 4.5 5 4.5C4.17157 4.5 3.5 3.82843 3.5 3C3.5 2.17157 4.17157 1.5 5 1.5C5.82843 1.5 6.5 2.17157 6.5 3Z" fill="#757D8B"/>
+<path d="M6.5 8C6.5 8.82843 5.82843 9.5 5 9.5C4.17157 9.5 3.5 8.82843 3.5 8C3.5 7.17157 4.17157 6.5 5 6.5C5.82843 6.5 6.5 7.17157 6.5 8Z" fill="#757D8B"/>
+<path d="M6.5 13C6.5 13.8284 5.82843 14.5 5 14.5C4.17157 14.5 3.5 13.8284 3.5 13C3.5 12.1716 4.17157 11.5 5 11.5C5.82843 11.5 6.5 12.1716 6.5 13Z" fill="#757D8B"/>
+<path d="M12.5 3C12.5 3.82843 11.8284 4.5 11 4.5C10.1716 4.5 9.5 3.82843 9.5 3C9.5 2.17157 10.1716 1.5 11 1.5C11.8284 1.5 12.5 2.17157 12.5 3Z" fill="#757D8B"/>
+<path d="M12.5 8C12.5 8.82843 11.8284 9.5 11 9.5C10.1716 9.5 9.5 8.82843 9.5 8C9.5 7.17157 10.1716 6.5 11 6.5C11.8284 6.5 12.5 7.17157 12.5 8Z" fill="#757D8B"/>
+<path d="M12.5 13C12.5 13.8284 11.8284 14.5 11 14.5C10.1716 14.5 9.5 13.8284 9.5 13C9.5 12.1716 10.1716 11.5 11 11.5C11.8284 11.5 12.5 12.1716 12.5 13Z" fill="#757D8B"/>
+</svg>

package/assets/svg/endVote.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2649 6.8024C11.5707 6.49662 12.0663 6.49662 12.3721 6.8024C12.6779 7.10818 12.6779 7.60383 12.3721 7.90961L8.77061 11.5111C8.46483 11.8169 7.96918 11.8169 7.66339 11.5111L5.62713 9.47561C5.32154 9.16995 5.32174 8.67419 5.62713 8.3684C5.93291 8.06262 6.42933 8.06262 6.73511 8.3684L8.217 9.85029L11.2649 6.8024Z" fill="#818C99"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9873 1.875C11.7279 1.87499 12.3313 1.87477 12.821 1.91476C13.3263 1.95605 13.7793 2.04396 14.2011 2.25885C14.8641 2.59666 15.4033 3.13587 15.7411 3.79886C15.956 4.22069 16.0439 4.6737 16.0852 5.17905C16.1252 5.6687 16.125 6.2721 16.125 7.01268V10.9873C16.125 11.7279 16.1252 12.3313 16.0852 12.821C16.0439 13.3263 15.956 13.7793 15.7411 14.2011C15.4033 14.8641 14.8641 15.4033 14.2011 15.7411C13.7793 15.956 13.3263 16.0439 12.821 16.0852C12.3313 16.1252 11.7279 16.125 10.9873 16.125H7.01268C6.2721 16.125 5.6687 16.1252 5.17905 16.0852C4.6737 16.0439 4.22069 15.956 3.79886 15.7411C3.13587 15.4033 2.59666 14.8641 2.25885 14.2011C2.04396 13.7793 1.95605 13.3263 1.91476 12.821C1.87477 12.3313 1.87499 11.7279 1.875 10.9873V7.01268C1.87499 6.2721 1.87477 5.6687 1.91476 5.17905C1.95605 4.6737 2.04396 4.22069 2.25885 3.79886C2.59666 3.13587 3.13587 2.59666 3.79886 2.25885C4.22069 2.04396 4.6737 1.95605 5.17905 1.91476C5.6687 1.87477 6.2721 1.87499 7.01268 1.875H10.9873ZM7.0425 3.441C6.26214 3.441 5.72368 3.44128 5.30598 3.47541C4.8976 3.5088 4.67349 3.57064 4.50922 3.65434C4.14117 3.84196 3.84196 4.14117 3.65434 4.50922C3.57064 4.67349 3.5088 4.8976 3.47541 5.30598C3.44128 5.72368 3.441 6.26214 3.441 7.0425V10.9575C3.441 11.7379 3.44128 12.2763 3.47541 12.694C3.5088 13.1024 3.57064 13.3265 3.65434 13.4908C3.84196 13.8588 4.14117 14.158 4.50922 14.3457C4.67349 14.4294 4.8976 14.4912 5.30598 14.5246C5.72368 14.5587 6.26214 14.559 7.0425 14.559H10.9575C11.7379 14.559 12.2763 14.5587 12.694 14.5246C13.1024 14.4912 13.3265 14.4294 13.4908 14.3457C13.8588 14.158 14.158 13.8588 14.3457 13.4908C14.4294 13.3265 14.4912 13.1024 14.5246 12.694C14.5587 12.2763 14.559 11.7379 14.559 10.9575V7.0425C14.559 6.26214 14.5587 5.72368 14.5246 5.30598C14.4912 4.8976 14.4294 4.67349 14.3457 4.50922C14.158 4.14117 13.8588 3.84196 13.4908 3.65434C13.3265 3.57064 13.1024 3.5088 12.694 3.47541C12.2763 3.44128 11.7379 3.441 10.9575 3.441H7.0425Z" fill="#818C99"/>
+</svg>

package/assets/svg/filled-checkbox.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="M9.16699 0C14.2295 0.000176264 18.333 4.10449 18.333 9.16699C18.3328 14.2293 14.2293 18.3328 9.16699 18.333C4.10449 18.333 0.000176268 14.2295 0 9.16699C0 4.10438 4.10438 0 9.16699 0ZM13.957 5.9043C13.6316 5.57903 13.1037 5.57892 12.7783 5.9043L7.6377 11.043L5.55371 8.95898C5.22837 8.63429 4.70125 8.63418 4.37598 8.95898C4.05083 9.28438 4.05079 9.81232 4.37598 10.1377L7.04883 12.8115C7.37417 13.1369 7.90208 13.1367 8.22754 12.8115L13.957 7.08203C14.2821 6.75666 14.2821 6.22967 13.957 5.9043Z" fill="currentColor"/>
+</svg>

package/assets/svg/poll.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 6.00037C5.32843 6.00037 6 6.67194 6 7.50037V13.5004C6 14.3288 5.32843 15.0004 4.5 15.0004C3.67157 15.0004 3 14.3288 3 13.5004V7.50037C3 6.67194 3.67157 6.00037 4.5 6.00037ZM13.5 8.25037C14.3284 8.25037 15 8.92194 15 9.75037V13.5004C15 14.3288 14.3284 15.0004 13.5 15.0004C12.6716 15.0004 12 14.3288 12 13.5004V9.75037C12 8.92194 12.6716 8.25037 13.5 8.25037ZM9 1.50037C9.82843 1.50037 10.5 2.17194 10.5 3.00037V13.5004C10.5 14.3288 9.82843 15.0004 9 15.0004C8.17157 15.0004 7.5 14.3288 7.5 13.5004V3.00037C7.5 2.17194 8.17157 1.50037 9 1.50037Z" fill="#818C99"/>
+</svg>

package/assets/svg/retractVote.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9983 1.875C11.7436 1.87499 12.3485 1.87492 12.8389 1.91498C13.3446 1.9563 13.7944 2.04359 14.2121 2.25635C14.6161 2.46222 14.974 2.74364 15.2677 3.08211C15.5384 3.39403 15.505 3.86622 15.1931 4.13698C14.8812 4.40769 14.409 4.37428 14.1383 4.0624C13.97 3.86844 13.7647 3.70751 13.5332 3.58955C13.3615 3.50208 13.1306 3.43956 12.7174 3.40579C12.2955 3.37132 11.7523 3.37043 10.9683 3.37043H7.03173C6.24774 3.37043 5.70455 3.37132 5.28258 3.40579C4.86944 3.43956 4.6385 3.50208 4.46682 3.58955C4.08912 3.78202 3.78202 4.08912 3.58955 4.46682C3.50208 4.6385 3.43956 4.86944 3.40579 5.28258C3.37132 5.70455 3.37043 6.24774 3.37043 7.03173V10.9683C3.37043 11.7523 3.37132 12.2955 3.40579 12.7174C3.43956 13.1306 3.50208 13.3615 3.58955 13.5332C3.78202 13.9109 4.08912 14.218 4.46682 14.4104C4.6385 14.4979 4.86944 14.5604 5.28258 14.5942C5.70455 14.6287 6.24774 14.6296 7.03173 14.6296H10.9683C11.7523 14.6296 12.2955 14.6287 12.7174 14.5942C13.1306 14.5604 13.3615 14.4979 13.5332 14.4104C13.9109 14.218 14.218 13.9109 14.4104 13.5332C14.493 13.3712 14.5532 13.1557 14.5881 12.7835C14.6266 12.3723 14.9918 12.07 15.403 12.1085C15.8141 12.1471 16.1164 12.5116 16.0781 12.9227C16.034 13.3941 15.9448 13.8173 15.7436 14.2121C15.4078 14.8713 14.8713 15.4078 14.2121 15.7436C13.7944 15.9564 13.3446 16.0437 12.8389 16.085C12.3485 16.1251 11.7436 16.125 10.9983 16.125H7.00174C6.25643 16.125 5.6515 16.1251 5.1611 16.085C4.65543 16.0437 4.20559 15.9564 3.78792 15.7436C3.12869 15.4078 2.59225 14.8713 2.25635 14.2121C2.04359 13.7944 1.9563 13.3446 1.91498 12.8389C1.87492 12.3485 1.87499 11.7436 1.875 10.9983V7.00174C1.87499 6.25643 1.87492 5.6515 1.91498 5.1611C1.9563 4.65543 2.04359 4.20559 2.25635 3.78792C2.59225 3.12869 3.12869 2.59225 3.78792 2.25635C4.20559 2.04359 4.65543 1.9563 5.1611 1.91498C5.6515 1.87492 6.25643 1.87499 7.00174 1.875H10.9983Z" fill="#818C99"/>
+<path d="M15.3777 5.81155C15.7906 5.81176 16.125 6.1467 16.125 6.55965V8.21269C16.125 9.49525 15.0856 10.5352 13.8031 10.5354H8.40644L9.59894 11.691C9.89562 11.9784 9.90326 12.4515 9.61585 12.7482C9.32848 13.0448 8.85537 13.0524 8.55868 12.7651L6.03913 10.3247C5.89371 10.1839 5.81157 9.98977 5.81155 9.78731C5.81154 9.58483 5.89371 9.39077 6.03913 9.24988L8.55868 6.80953C8.85529 6.52216 9.32841 6.52918 9.61585 6.82567C9.90328 7.12235 9.89562 7.59619 9.59894 7.88362L8.40644 9.03921H13.8031C14.2594 9.039 14.6295 8.66909 14.6296 8.21269V6.55965C14.6296 6.14657 14.9646 5.81155 15.3777 5.81155Z" fill="#818C99"/>
+</svg>

package/components/Avatar/index.d.ts

@@ -4,7 +4,7 @@ interface IProps {
     name: string;
     size?: number;
     textSize?: number;
-    marginAuto?: boolean;
+    marginAuto?: string;
     setDefaultAvatar?: boolean;
     DefaultAvatar?: JSX.Element;
     DeletedIcon?: JSX.Element;
@@ -19,7 +19,7 @@ interface ContainerProps {
     avatarName: string;
     textSize?: number;
     isImage?: boolean;
-    marginAuto?: boolean;
+    marginAuto?: string;
     border?: string;
     borderRadius?: string;
     cursorPointer?: boolean;

package/components/Channel/index.d.ts

@@ -108,7 +108,9 @@ export declare const LastMessageText: import("styled-components").StyledComponen
     noBody?: boolean | undefined;
     deletedMessage?: boolean | undefined;
 }, never>;
-export declare const LastMessageDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LastMessageDescription: import("styled-components").StyledComponent<"div", any, {
+    poll?: boolean | undefined;
+}, never>;
 export declare const ChannelStatus: import("styled-components").StyledComponent<"div", any, {
     color: string;
 }, never>;

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

@@ -1,9 +1,11 @@
-import { IAttachment, IChannel, IMarker, IMessage, IUser, ITabsStyles, IListItemStyles, ILabels, MessageInfoTab } from '../../types';
+import { IAttachment, IChannel, IMarker, IMessage, IUser, ITabsStyles, IListItemStyles, ILabels, MessageInfoTab, OGMetadataProps } from '../../types';
 import { FC } from 'react';
 export interface IMessageActions {
     message: IMessage;
     channel: IChannel;
     handleSetMessageForEdit?: () => void;
+    handleRetractVote?: () => void;
+    handleEndVote?: () => void;
     handleResendMessage?: () => void;
     handleOpenDeleteMessage?: () => void;
     handleOpenForwardMessage?: () => void;
@@ -40,6 +42,8 @@ interface ICustomMessageItem {
     messageTextRef: any;
     emojisPopupPosition: string;
     handleSetMessageForEdit?: () => void;
+    handleRetractVote?: () => void;
+    handleEndVote?: () => void;
     handleResendMessage?: () => void;
     handleOpenDeleteMessage?: () => void;
     handleOpenForwardMessage?: () => void;
@@ -60,6 +64,7 @@ interface ICustomMessageItem {
     isThreadMessage?: boolean;
     handleOpenUserProfile: (user: IUser) => void;
     unsupportedMessage: boolean;
+    onInviteLinkClick?: (key: string) => void;
 }
 export interface IMessageProps {
     message: IMessage;
@@ -118,6 +123,8 @@ export interface IMessageProps {
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
     reportIcon?: JSX.Element;
+    retractVoteIcon?: JSX.Element;
+    endVoteIcon?: JSX.Element;
     openFrequentlyUsedReactions?: boolean;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';
@@ -195,27 +202,7 @@ 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;
-    };
+    ogMetadataProps?: OGMetadataProps;
     showInfoMessageProps?: {
         togglePopup?: () => void;
         labels?: ILabels;

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function MessageActions({ editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, deleteIcon, selectIcon, infoIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, selectIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, infoIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): React.JSX.Element;
+export default function MessageActions({ isPollMessage, editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleRetractVote, handleEndVote, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, retractVoteIcon, endVoteIcon, deleteIcon, selectIcon, infoIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, selectIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, infoIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAttachment, IChannel, IMessage, IUser } from 'types';
+import { IAttachment, IChannel, IMessage, IUser, OGMetadataProps } from 'types';
 import { IMessageActions, IMessageStyles } from '../Message.types';
 interface IMessageBodyProps {
     message: IMessage;
@@ -52,6 +52,8 @@ interface IMessageBodyProps {
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
     reportIcon?: JSX.Element;
+    retractVoteIcon?: JSX.Element;
+    endVoteIcon?: JSX.Element;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';
     emojisContainerBorderRadius?: string;
@@ -109,6 +111,8 @@ interface IMessageBodyProps {
     messageTextLineHeight?: string;
     messageActionsShow?: boolean;
     setMessageActionsShow: (state: boolean) => void;
+    handleRetractVote: () => void;
+    handleEndVote: () => void;
     closeMessageActions: () => void;
     handleToggleForwardMessagePopup: () => void;
     handleToggleInfoMessagePopupOpen: () => void;
@@ -132,28 +136,9 @@ 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;
-    };
+    ogMetadataProps?: OGMetadataProps;
     unsupportedMessage: boolean;
+    onInviteLinkClick?: (key: string) => void;
 }
-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>;
+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, retractVoteIcon, endVoteIcon, 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, handleRetractVote, handleEndVote, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention, ogMetadataProps, unsupportedMessage, onInviteLinkClick }: IMessageBodyProps) => React.JSX.Element>;
 export default _default;

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IMessage } from 'types';
+interface PollMessageProps {
+    message: IMessage;
+}
+declare const PollMessage: ({ message }: PollMessageProps) => React.JSX.Element | null;
+export default PollMessage;

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, ogMetadataProps, 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, retractVoteIcon, endVoteIcon, 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

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAttachment, IChannel, IMarker, IMessage, IUser, ILabels, MessageInfoTab, ITabsStyles, IListItemStyles } from '../../../types';
+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';
 interface MessagesProps {
@@ -33,6 +33,8 @@ interface MessagesProps {
         handleReportMessage?: () => void;
         handleOpenEmojis?: () => void;
         handleReplyMessage?: () => void;
+        handleRetractVote?: () => void;
+        handleEndVote?: () => void;
         isThreadMessage?: boolean;
         rtlDirection?: boolean;
     }>;
@@ -50,6 +52,8 @@ interface MessagesProps {
         messageTextRef: any;
         emojisPopupPosition: string;
         handleSetMessageForEdit?: () => void;
+        handleRetractVote?: () => void;
+        handleEndVote?: () => void;
         handleResendMessage?: () => void;
         handleOpenDeleteMessage?: () => void;
         handleOpenForwardMessage?: () => void;
@@ -69,6 +73,7 @@ interface MessagesProps {
         handleOpenUserProfile: (user: IUser) => void;
         isThreadMessage?: boolean;
         unsupportedMessage: boolean;
+        onInviteLinkClick?: (key: string) => void;
     }>;
     messageReaction?: boolean;
     editMessage?: boolean;
@@ -90,6 +95,8 @@ interface MessagesProps {
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
     reportIcon?: JSX.Element;
+    retractVoteIcon?: JSX.Element;
+    endVoteIcon?: JSX.Element;
     messageStatusSize?: string;
     messageStatusColor?: string;
     messageReadStatusColor?: string;
@@ -196,22 +203,7 @@ 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;
-    };
+    ogMetadataProps?: OGMetadataProps;
 }
 declare const MessageList: React.FC<MessagesProps>;
 export default MessageList;

package/components/Messages/index.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAttachment, IChannel, IMarker, IMessage, IUser, MessageInfoTab, ILabels, ITabsStyles, IListItemStyles } from '../../types';
+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';
 interface MessagesProps {
@@ -33,6 +33,8 @@ interface MessagesProps {
         handleOpenEmojis?: () => void;
         handleSelectMessage?: () => void;
         handleReplyMessage?: () => void;
+        handleRetractVote?: () => void;
+        handleEndVote?: () => void;
         isThreadMessage?: boolean;
         rtlDirection?: boolean;
     }>;
@@ -67,6 +69,8 @@ interface MessagesProps {
         handleScrollToRepliedMessage: (messageId: string) => void;
         handleMediaItemClick?: (attachment: IAttachment) => void;
         isThreadMessage?: boolean;
+        handleRetractVote?: () => void;
+        handleEndVote?: () => void;
     }>;
     showOwnAvatar?: boolean;
     messageReaction?: boolean;
@@ -90,6 +94,8 @@ interface MessagesProps {
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
     reportIcon?: JSX.Element;
+    retractVoteIcon?: JSX.Element;
+    endVoteIcon?: JSX.Element;
     openFrequentlyUsedReactions?: boolean;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';
@@ -195,22 +201,7 @@ 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;
-    };
+    ogMetadataProps?: OGMetadataProps;
 }
 declare const MessagesContainer: React.FC<MessagesProps>;
 export default MessagesContainer;

package/components/SendMessageInput/Poll/CreatePollPopup.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface IPollOption {
+    id: string;
+    name: string;
+}
+interface IProps {
+    togglePopup: () => void;
+    onCreate?: (event: React.MouseEvent<HTMLButtonElement>, payload: {
+        name: string;
+        options: IPollOption[];
+        anonymous: boolean;
+        allowMultipleVotes: boolean;
+        allowVoteRetract: boolean;
+        id: string;
+    }) => void;
+}
+declare const CreatePollPopup: ({ togglePopup, onCreate }: IProps) => React.JSX.Element;
+export default CreatePollPopup;

package/components/SendMessageInput/index.d.ts

@@ -68,6 +68,15 @@ interface SendMessageProps {
     placeholderText?: string;
     placeholderTextColor?: string;
     audioRecordingMaxDuration?: number;
+    pollOptions?: {
+        showAddPoll?: boolean;
+        choosePollText?: string;
+        pollOptions?: {
+            id: string;
+            text: string;
+            votes: number;
+        }[];
+    };
 }
 declare const SendMessageInput: React.FC<SendMessageProps>;
 export default SendMessageInput;

package/components/index.d.ts

@@ -17,9 +17,10 @@ import FrequentlyEmojis from './Emojis/frequentlyEmojis';
 import DropDown from '../common/dropdown';
 import { THEME_COLORS } from '../UIHelper/constants';
 import { OGMetadata } from './Message/OGMetadata';
+import PollMessage from './Message/PollMessage';
 import { createOrGetDirectChannel, switchChannelActiveChannel, handleSendMessage, handleGetMessage } 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, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel };
+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 };
 declare global {
     interface Window {
         sceytTabNotifications: any;