sceyt-chat-react-uikit 1.7.3-beta.2 → 1.7.3-beta.4

package/components/Channel/index.d.ts

@@ -47,6 +47,7 @@ interface IChannelProps {
         MessageText: any;
     }) => any;
     doNotShowMessageDeliveryTypes: string[];
+    showPhoneNumber?: boolean;
 }
 declare const Channel: React.FC<IChannelProps>;
 export default Channel;

package/components/ChannelList/index.d.ts

@@ -79,6 +79,7 @@ interface IChannelListProps {
         [key: string]: IContact;
     }, getFromContacts: boolean, warningColor: string, user: IUser, MessageText: any) => any;
     doNotShowMessageDeliveryTypes?: string[];
+    showPhoneNumber?: boolean;
 }
 declare const ChannelList: React.FC<IChannelListProps>;
 export default ChannelList;

package/index.js

@@ -21484,6 +21484,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
   }), channel.lastReactedMessage && '"')))));
 };
 var Channel = function Channel(_ref3) {
+  var _channel$members, _channel$members$, _channel$members$2;
   var channel = _ref3.channel,
     theme = _ref3.theme,
     _ref3$showAvatar = _ref3.showAvatar,
@@ -21510,7 +21511,8 @@ var Channel = function Channel(_ref3) {
     channelAvatarTextSize = _ref3.channelAvatarTextSize,
     setSelectedChannel = _ref3.setSelectedChannel,
     getCustomLatestMessage = _ref3.getCustomLatestMessage,
-    doNotShowMessageDeliveryTypes = _ref3.doNotShowMessageDeliveryTypes;
+    doNotShowMessageDeliveryTypes = _ref3.doNotShowMessageDeliveryTypes,
+    showPhoneNumber = _ref3.showPhoneNumber;
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -21703,7 +21705,7 @@ var Channel = function Channel(_ref3) {
     subjectLineHeight: channelSubjectLineHeight,
     subjectColor: channelSubjectColor || textPrimary,
     avatarSize: channelAvatarSize
-  }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
+  }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? showPhoneNumber && (_channel$members = channel.members) !== null && _channel$members !== void 0 && _channel$members.length && (_channel$members$ = channel.members[0]) !== null && _channel$members$ !== void 0 && _channel$members$.id ? "+" + ((_channel$members$2 = channel.members[0]) === null || _channel$members$2 === void 0 ? void 0 : _channel$members$2.id) + " (You)" : 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
     color: notificationsIsMutedIconColor || iconInactive
   }, notificationsIsMutedIcon || /*#__PURE__*/React__default.createElement(SvgUnmuteNotifications, null))), getCustomLatestMessage ? getCustomLatestMessageComponent({
     lastMessage: lastMessage,
@@ -23767,7 +23769,9 @@ var ChannelList = function ChannelList(_ref) {
     searchChannelsPadding = _ref.searchChannelsPadding,
     getCustomLatestMessage = _ref.getCustomLatestMessage,
     _ref$doNotShowMessage = _ref.doNotShowMessageDeliveryTypes,
-    doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage;
+    doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage,
+    _ref$showPhoneNumber = _ref.showPhoneNumber,
+    showPhoneNumber = _ref$showPhoneNumber === void 0 ? false : _ref$showPhoneNumber;
   var _useColor = useColors(),
     background = _useColor[THEME_COLORS.BACKGROUND],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -24078,7 +24082,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
@@ -24115,7 +24120,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))), !!(searchedChannels.contacts && searchedChannels.contacts.length) && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
@@ -24184,7 +24190,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))))) : (/*#__PURE__*/React__default.createElement(NoData, {
     color: textSecondary,
@@ -24234,7 +24241,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))), !!searchValue && (channelsLoading === LOADING_STATE.LOADED ? !((_searchedChannels$cha4 = searchedChannels.chats_groups) !== null && _searchedChannels$cha4 !== void 0 && _searchedChannels$cha4.length) && !((_searchedChannels$cha5 = searchedChannels.chats_groups) !== null && _searchedChannels$cha5 !== void 0 && _searchedChannels$cha5.length) && !((_searchedChannels$cha6 = searchedChannels.channels) !== null && _searchedChannels$cha6 !== void 0 && _searchedChannels$cha6.length) ? (/*#__PURE__*/React__default.createElement(NoData, {
     color: textSecondary,
@@ -24274,7 +24282,8 @@ var ChannelList = function ChannelList(_ref) {
       key: channel.id,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))), !!searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
@@ -24311,7 +24320,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))))) : (/*#__PURE__*/React__default.createElement(LoadingWrapper, null, /*#__PURE__*/React__default.createElement(UploadingIcon, {
     color: textFootnote
@@ -25374,6 +25384,7 @@ function ForwardMessagePopup(_ref) {
   var _useState4 = React.useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
+  var loadingRef = React.useRef(false);
   var handleForwardMessage = function handleForwardMessage() {
     handleForward(selectedChannels.map(function (channel) {
       return channel.id;
@@ -25382,11 +25393,21 @@ function ForwardMessagePopup(_ref) {
   };
   var handleChannelListScroll = function handleChannelListScroll(event) {
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
-      if (channelsLoading === LOADING_STATE.LOADED && channelsHasNext) {
+      if (channelsLoading === LOADING_STATE.LOADED && channelsHasNext && !loadingRef.current) {
+        loadingRef.current = true;
         dispatch(loadMoreChannelsForForward(15));
+        var timeout = setTimeout(function () {
+          loadingRef.current = false;
+          clearTimeout(timeout);
+        }, 100);
       }
     }
   };
+  React.useEffect(function () {
+    if (channelsLoading === LOADING_STATE.LOADED) {
+      loadingRef.current = false;
+    }
+  }, [channelsLoading]);
   var handleSearchValueChange = function handleSearchValueChange(e) {
     var value = e.target.value;
     setSearchValue(value);
@@ -26571,7 +26592,8 @@ function ReactionsPopup(_ref) {
     reactionTotals = _ref.reactionTotals,
     reactionsDetailsPopupBorderRadius = _ref.reactionsDetailsPopupBorderRadius,
     reactionsDetailsPopupHeaderItemsStyle = _ref.reactionsDetailsPopupHeaderItemsStyle,
-    rtlDirection = _ref.rtlDirection;
+    rtlDirection = _ref.rtlDirection,
+    openUserProfile = _ref.openUserProfile;
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -26645,7 +26667,7 @@ function ReactionsPopup(_ref) {
       return scoresElem.offsetHeight;
     }
     return 0;
-  }, [scoresRef]);
+  }, [scoresRef, reactionTotals === null || reactionTotals === void 0 ? void 0 : reactionTotals.length]);
   React.useEffect(function () {
     if (!reactionTotals || !reactionTotals.length) {
       handleReactionsPopupClose();
@@ -26655,19 +26677,18 @@ function ReactionsPopup(_ref) {
     return reactions.length * 50 + 45;
   }, [reactions]);
   React.useEffect(function () {
-    if (reactions && reactionsPrevLength < reactions.length) {
-      if (reactionsHeight > popupHeight) {
+    if (reactions) {
+      if (reactionsPrevLength !== reactions.length) {
         setPopupHeight(reactionsHeight);
+        reactionsPrevLength = reactions.length;
       }
-      reactionsPrevLength = reactions.length;
     } else {
-      reactionsPrevLength = !reactions ? 0 : reactions.length;
+      reactionsPrevLength = 0;
+      setPopupHeight(0);
     }
-    if (reactions && reactions.length) {
-      if (calculateSizes) {
-        setPopupHeight(reactionsHeight);
-        setCalculateSizes(false);
-      }
+    if (reactions && reactions.length && calculateSizes) {
+      setPopupHeight(reactionsHeight);
+      setCalculateSizes(false);
     }
   }, [reactions, reactionsHeight]);
   var popupVerticalPosition = React.useMemo(function () {
@@ -26733,7 +26754,12 @@ function ReactionsPopup(_ref) {
       key: reaction.id,
       hoverBackgroundColor: backgroundHovered,
       onClick: function onClick() {
-        return handleAddDeleteEmoji(reaction.key);
+        if (reaction.user.id === user.id) {
+          handleAddDeleteEmoji(reaction.key);
+        } else {
+          openUserProfile(reaction.user);
+          handleReactionsPopupClose();
+        }
       }
     }, /*#__PURE__*/React__default.createElement(AvatarWrapper, null, /*#__PURE__*/React__default.createElement(Avatar, {
       name: reaction.user.firstName || reaction.user.id,
@@ -29677,7 +29703,9 @@ var AudioPlayer = function AudioPlayer(_ref) {
                 setCurrentTime(formatAudioVideoTime(file.metadata.dur));
               }
               if (file.metadata.tmb) {
-                var maxVal = Math.max.apply(Math, file.metadata.tmb);
+                var maxVal = Array.isArray(file.metadata.tmb) && file.metadata.tmb.length > 0 ? file.metadata.tmb.reduce(function (acc, n) {
+                  return n > acc ? n : acc;
+                }, -Infinity) : 0;
                 var dec = maxVal / 100;
                 peaks = file.metadata.tmb.map(function (peak) {
                   return peak / dec / 100;
@@ -32400,11 +32428,7 @@ var MessageInfo = function MessageInfo(_ref) {
     togglePopup = _ref.togglePopup,
     labels = _ref.labels,
     _ref$tabsOrder = _ref.tabsOrder,
-    tabsOrder = _ref$tabsOrder === void 0 ? [].concat(message.attachments && message.attachments.length > 0 && message.attachments[0].type === 'voice' ? [{
-      key: 'played',
-      label: 'Played by',
-      data: []
-    }] : [], [{
+    tabsOrder = _ref$tabsOrder === void 0 ? [{
       key: 'received',
       label: 'Delivered to',
       data: []
@@ -32412,7 +32436,11 @@ var MessageInfo = function MessageInfo(_ref) {
       key: 'displayed',
       label: 'Seen by',
       data: []
-    }]) : _ref$tabsOrder,
+    }].concat(message.attachments && message.attachments.length > 0 && message.attachments[0].type === 'voice' ? [{
+      key: 'played',
+      label: 'Played by',
+      data: []
+    }] : []) : _ref$tabsOrder,
     _ref$showCounts = _ref.showCounts,
     showCounts = _ref$showCounts === void 0 ? false : _ref$showCounts,
     _ref$avatarSize = _ref.avatarSize,
@@ -33469,6 +33497,7 @@ var Message$1 = function Message(_ref) {
       return handleReplyMessage(true);
     }
   }, message.replyCount + " replies")), reactionsPopupOpen && (/*#__PURE__*/React__default.createElement(ReactionsPopup, {
+    openUserProfile: handleOpenUserProfile,
     bottomPosition: reactionsPopupPosition,
     horizontalPositions: reactionsPopupHorizontalPosition,
     reactionTotals: message.reactionTotals || [],
@@ -37009,7 +37038,9 @@ var AudioRecord = function AudioRecord(_ref) {
               var _ref3;
               var thumbData = (_ref3 = audioRecording || currentRecordedFile) === null || _ref3 === void 0 ? void 0 : _ref3.thumb;
               if (Array.isArray(thumbData) && thumbData.length > 0) {
-                var maxVal = Math.max.apply(Math, thumbData);
+                var maxVal = thumbData.reduce(function (acc, n) {
+                  return n > acc ? n : acc;
+                }, -Infinity);
                 if (maxVal > 0 && isFinite(maxVal)) {
                   var dec = maxVal / 100;
                   peaks = thumbData.map(function (peak) {
@@ -37068,7 +37099,14 @@ var AudioRecord = function AudioRecord(_ref) {
             var start = i * segmentSize;
             var end = start + segmentSize;
             var segment = audioBuffer.getChannelData(0).slice(start, end);
-            var maxAmplitude = Math.max.apply(Math, segment.map(Math.abs));
+            var maxAmplitude = 0;
+            for (var j = 0; j < segment.length; j++) {
+              var val = segment[j];
+              var absVal = val < 0 ? -val : val;
+              if (absVal > maxAmplitude) {
+                maxAmplitude = absVal;
+              }
+            }
             waveform.push(Math.floor(maxAmplitude * 1000));
           }
           setStartRecording(false);
@@ -37129,7 +37167,7 @@ var AudioRecord = function AudioRecord(_ref) {
     }
   };
   React.useEffect(function () {
-    var MAX_RECORDER_TIME = 250;
+    var MAX_RECORDER_TIME = 1800;
     var recordingInterval = null;
     if (recording) {
       setTimeout(function () {

package/index.modern.js

@@ -21482,6 +21482,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
   }), channel.lastReactedMessage && '"')))));
 };
 var Channel = function Channel(_ref3) {
+  var _channel$members, _channel$members$, _channel$members$2;
   var channel = _ref3.channel,
     theme = _ref3.theme,
     _ref3$showAvatar = _ref3.showAvatar,
@@ -21508,7 +21509,8 @@ var Channel = function Channel(_ref3) {
     channelAvatarTextSize = _ref3.channelAvatarTextSize,
     setSelectedChannel = _ref3.setSelectedChannel,
     getCustomLatestMessage = _ref3.getCustomLatestMessage,
-    doNotShowMessageDeliveryTypes = _ref3.doNotShowMessageDeliveryTypes;
+    doNotShowMessageDeliveryTypes = _ref3.doNotShowMessageDeliveryTypes,
+    showPhoneNumber = _ref3.showPhoneNumber;
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -21701,7 +21703,7 @@ var Channel = function Channel(_ref3) {
     subjectLineHeight: channelSubjectLineHeight,
     subjectColor: channelSubjectColor || textPrimary,
     avatarSize: channelAvatarSize
-  }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
+  }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? showPhoneNumber && (_channel$members = channel.members) !== null && _channel$members !== void 0 && _channel$members.length && (_channel$members$ = channel.members[0]) !== null && _channel$members$ !== void 0 && _channel$members$.id ? "+" + ((_channel$members$2 = channel.members[0]) === null || _channel$members$2 === void 0 ? void 0 : _channel$members$2.id) + " (You)" : 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
     color: notificationsIsMutedIconColor || iconInactive
   }, notificationsIsMutedIcon || /*#__PURE__*/React__default.createElement(SvgUnmuteNotifications, null))), getCustomLatestMessage ? getCustomLatestMessageComponent({
     lastMessage: lastMessage,
@@ -23765,7 +23767,9 @@ var ChannelList = function ChannelList(_ref) {
     searchChannelsPadding = _ref.searchChannelsPadding,
     getCustomLatestMessage = _ref.getCustomLatestMessage,
     _ref$doNotShowMessage = _ref.doNotShowMessageDeliveryTypes,
-    doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage;
+    doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage,
+    _ref$showPhoneNumber = _ref.showPhoneNumber,
+    showPhoneNumber = _ref$showPhoneNumber === void 0 ? false : _ref$showPhoneNumber;
   var _useColor = useColors(),
     background = _useColor[THEME_COLORS.BACKGROUND],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -24076,7 +24080,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
@@ -24113,7 +24118,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))), !!(searchedChannels.contacts && searchedChannels.contacts.length) && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
@@ -24182,7 +24188,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))))) : (/*#__PURE__*/React__default.createElement(NoData, {
     color: textSecondary,
@@ -24232,7 +24239,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))), !!searchValue && (channelsLoading === LOADING_STATE.LOADED ? !((_searchedChannels$cha4 = searchedChannels.chats_groups) !== null && _searchedChannels$cha4 !== void 0 && _searchedChannels$cha4.length) && !((_searchedChannels$cha5 = searchedChannels.chats_groups) !== null && _searchedChannels$cha5 !== void 0 && _searchedChannels$cha5.length) && !((_searchedChannels$cha6 = searchedChannels.channels) !== null && _searchedChannels$cha6 !== void 0 && _searchedChannels$cha6.length) ? (/*#__PURE__*/React__default.createElement(NoData, {
     color: textSecondary,
@@ -24272,7 +24280,8 @@ var ChannelList = function ChannelList(_ref) {
       key: channel.id,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))), !!searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
@@ -24309,7 +24318,8 @@ var ChannelList = function ChannelList(_ref) {
       contactsMap: contactsMap,
       setSelectedChannel: setSelectedChannel,
       getCustomLatestMessage: getCustomLatestMessage,
-      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
+      doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
+      showPhoneNumber: showPhoneNumber
     }));
   }))))) : (/*#__PURE__*/React__default.createElement(LoadingWrapper, null, /*#__PURE__*/React__default.createElement(UploadingIcon, {
     color: textFootnote
@@ -25372,6 +25382,7 @@ function ForwardMessagePopup(_ref) {
   var _useState4 = useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
+  var loadingRef = useRef(false);
   var handleForwardMessage = function handleForwardMessage() {
     handleForward(selectedChannels.map(function (channel) {
       return channel.id;
@@ -25380,11 +25391,21 @@ function ForwardMessagePopup(_ref) {
   };
   var handleChannelListScroll = function handleChannelListScroll(event) {
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
-      if (channelsLoading === LOADING_STATE.LOADED && channelsHasNext) {
+      if (channelsLoading === LOADING_STATE.LOADED && channelsHasNext && !loadingRef.current) {
+        loadingRef.current = true;
         dispatch(loadMoreChannelsForForward(15));
+        var timeout = setTimeout(function () {
+          loadingRef.current = false;
+          clearTimeout(timeout);
+        }, 100);
       }
     }
   };
+  useEffect(function () {
+    if (channelsLoading === LOADING_STATE.LOADED) {
+      loadingRef.current = false;
+    }
+  }, [channelsLoading]);
   var handleSearchValueChange = function handleSearchValueChange(e) {
     var value = e.target.value;
     setSearchValue(value);
@@ -26569,7 +26590,8 @@ function ReactionsPopup(_ref) {
     reactionTotals = _ref.reactionTotals,
     reactionsDetailsPopupBorderRadius = _ref.reactionsDetailsPopupBorderRadius,
     reactionsDetailsPopupHeaderItemsStyle = _ref.reactionsDetailsPopupHeaderItemsStyle,
-    rtlDirection = _ref.rtlDirection;
+    rtlDirection = _ref.rtlDirection,
+    openUserProfile = _ref.openUserProfile;
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -26643,7 +26665,7 @@ function ReactionsPopup(_ref) {
       return scoresElem.offsetHeight;
     }
     return 0;
-  }, [scoresRef]);
+  }, [scoresRef, reactionTotals === null || reactionTotals === void 0 ? void 0 : reactionTotals.length]);
   useEffect(function () {
     if (!reactionTotals || !reactionTotals.length) {
       handleReactionsPopupClose();
@@ -26653,19 +26675,18 @@ function ReactionsPopup(_ref) {
     return reactions.length * 50 + 45;
   }, [reactions]);
   useEffect(function () {
-    if (reactions && reactionsPrevLength < reactions.length) {
-      if (reactionsHeight > popupHeight) {
+    if (reactions) {
+      if (reactionsPrevLength !== reactions.length) {
         setPopupHeight(reactionsHeight);
+        reactionsPrevLength = reactions.length;
       }
-      reactionsPrevLength = reactions.length;
     } else {
-      reactionsPrevLength = !reactions ? 0 : reactions.length;
+      reactionsPrevLength = 0;
+      setPopupHeight(0);
     }
-    if (reactions && reactions.length) {
-      if (calculateSizes) {
-        setPopupHeight(reactionsHeight);
-        setCalculateSizes(false);
-      }
+    if (reactions && reactions.length && calculateSizes) {
+      setPopupHeight(reactionsHeight);
+      setCalculateSizes(false);
     }
   }, [reactions, reactionsHeight]);
   var popupVerticalPosition = useMemo(function () {
@@ -26731,7 +26752,12 @@ function ReactionsPopup(_ref) {
       key: reaction.id,
       hoverBackgroundColor: backgroundHovered,
       onClick: function onClick() {
-        return handleAddDeleteEmoji(reaction.key);
+        if (reaction.user.id === user.id) {
+          handleAddDeleteEmoji(reaction.key);
+        } else {
+          openUserProfile(reaction.user);
+          handleReactionsPopupClose();
+        }
       }
     }, /*#__PURE__*/React__default.createElement(AvatarWrapper, null, /*#__PURE__*/React__default.createElement(Avatar, {
       name: reaction.user.firstName || reaction.user.id,
@@ -29675,7 +29701,9 @@ var AudioPlayer = function AudioPlayer(_ref) {
                 setCurrentTime(formatAudioVideoTime(file.metadata.dur));
               }
               if (file.metadata.tmb) {
-                var maxVal = Math.max.apply(Math, file.metadata.tmb);
+                var maxVal = Array.isArray(file.metadata.tmb) && file.metadata.tmb.length > 0 ? file.metadata.tmb.reduce(function (acc, n) {
+                  return n > acc ? n : acc;
+                }, -Infinity) : 0;
                 var dec = maxVal / 100;
                 peaks = file.metadata.tmb.map(function (peak) {
                   return peak / dec / 100;
@@ -32398,11 +32426,7 @@ var MessageInfo = function MessageInfo(_ref) {
     togglePopup = _ref.togglePopup,
     labels = _ref.labels,
     _ref$tabsOrder = _ref.tabsOrder,
-    tabsOrder = _ref$tabsOrder === void 0 ? [].concat(message.attachments && message.attachments.length > 0 && message.attachments[0].type === 'voice' ? [{
-      key: 'played',
-      label: 'Played by',
-      data: []
-    }] : [], [{
+    tabsOrder = _ref$tabsOrder === void 0 ? [{
       key: 'received',
       label: 'Delivered to',
       data: []
@@ -32410,7 +32434,11 @@ var MessageInfo = function MessageInfo(_ref) {
       key: 'displayed',
       label: 'Seen by',
       data: []
-    }]) : _ref$tabsOrder,
+    }].concat(message.attachments && message.attachments.length > 0 && message.attachments[0].type === 'voice' ? [{
+      key: 'played',
+      label: 'Played by',
+      data: []
+    }] : []) : _ref$tabsOrder,
     _ref$showCounts = _ref.showCounts,
     showCounts = _ref$showCounts === void 0 ? false : _ref$showCounts,
     _ref$avatarSize = _ref.avatarSize,
@@ -33467,6 +33495,7 @@ var Message$1 = function Message(_ref) {
       return handleReplyMessage(true);
     }
   }, message.replyCount + " replies")), reactionsPopupOpen && (/*#__PURE__*/React__default.createElement(ReactionsPopup, {
+    openUserProfile: handleOpenUserProfile,
     bottomPosition: reactionsPopupPosition,
     horizontalPositions: reactionsPopupHorizontalPosition,
     reactionTotals: message.reactionTotals || [],
@@ -37007,7 +37036,9 @@ var AudioRecord = function AudioRecord(_ref) {
               var _ref3;
               var thumbData = (_ref3 = audioRecording || currentRecordedFile) === null || _ref3 === void 0 ? void 0 : _ref3.thumb;
               if (Array.isArray(thumbData) && thumbData.length > 0) {
-                var maxVal = Math.max.apply(Math, thumbData);
+                var maxVal = thumbData.reduce(function (acc, n) {
+                  return n > acc ? n : acc;
+                }, -Infinity);
                 if (maxVal > 0 && isFinite(maxVal)) {
                   var dec = maxVal / 100;
                   peaks = thumbData.map(function (peak) {
@@ -37066,7 +37097,14 @@ var AudioRecord = function AudioRecord(_ref) {
             var start = i * segmentSize;
             var end = start + segmentSize;
             var segment = audioBuffer.getChannelData(0).slice(start, end);
-            var maxAmplitude = Math.max.apply(Math, segment.map(Math.abs));
+            var maxAmplitude = 0;
+            for (var j = 0; j < segment.length; j++) {
+              var val = segment[j];
+              var absVal = val < 0 ? -val : val;
+              if (absVal > maxAmplitude) {
+                maxAmplitude = absVal;
+              }
+            }
             waveform.push(Math.floor(maxAmplitude * 1000));
           }
           setStartRecording(false);
@@ -37127,7 +37165,7 @@ var AudioRecord = function AudioRecord(_ref) {
     }
   };
   useEffect(function () {
-    var MAX_RECORDER_TIME = 250;
+    var MAX_RECORDER_TIME = 1800;
     var recordingInterval = null;
     if (recording) {
       setTimeout(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.7.3-beta.2",
+  "version": "1.7.3-beta.4",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",