@sendbird/uikit-react 3.14.4 → 3.14.6

package/cjs/chunks/{bundle-ByyccRIt.js → bundle-CJk1q-XX.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
-var index$1 = require('./bundle-DAj-1QVM.js');
-var LocalizationContext = require('./bundle-oeWNUdCB.js');
+var index$1 = require('./bundle-Cd-3W3UM.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const = require('./bundle-CR04Yhbr.js');
-var utils$1 = require('./bundle-DQy218lT.js');
+var _const = require('./bundle-CuOOXDK0.js');
+var utils$1 = require('./bundle-CHvJg3bD.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var index = require('./bundle-wl1uuzU7.js');
+var index = require('./bundle-DrYI_bNa.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-5_kPn4wU.js');
+var ui_Label = require('./bundle-DY5rfl6W.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var _const$1 = require('./bundle-CmpLg1_S.js');
+var _const$1 = require('./bundle-wz_O1vyk.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
-var SuggestedMentionListView = require('./bundle-BaM5Ed34.js');
-var utils = require('./bundle-BoLhr7Ko.js');
+var SuggestedMentionListView = require('./bundle-DMUz-Xui.js');
+var utils = require('./bundle-DOoshvnj.js');
 
 var useDidMountEffect = function (func, deps) {
     var _a = React.useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -75,16 +75,24 @@ var MessageView = function (props) {
             }
         }));
     }, [mentionedUserIds]);
-    /**
-     * Move the message list scroll
-     * when the message's height is changed by `showEdit` OR `message.reactions`
-     */
+    // Side effect: scroll position update when showEdit is toggled or reactions updated
     useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
     }, [showEdit, (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.length]);
+    // Side effect: scroll position update when message updated
     useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
     }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
+    // Side effect: scroll position update when suggested replies are rendered or hidden
+    var prevShouldRenderSuggestedReplies = React.useRef(shouldRenderSuggestedReplies);
+    React.useEffect(function () {
+        if (prevShouldRenderSuggestedReplies.current !== shouldRenderSuggestedReplies) {
+            handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
+        }
+        else {
+            prevShouldRenderSuggestedReplies.current = shouldRenderSuggestedReplies;
+        }
+    }, [shouldRenderSuggestedReplies]);
     React.useLayoutEffect(function () {
         // Keep the scrollBottom value after fetching new message list (but GroupChannel module is not needed.)
         if (usedInLegacy)
@@ -150,12 +158,12 @@ var MessageView = function (props) {
                 message: message,
                 type: groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.suggestedRepliesDirection,
             }),
-            showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
+            showRemove && (renderRemoveMessageModal === null || renderRemoveMessageModal === void 0 ? void 0 : renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } })),
             showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
     };
     if (showEdit && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message))) {
         return ((renderEditInput === null || renderEditInput === void 0 ? void 0 : renderEditInput()) || (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(SuggestedMentionListView.SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
+            displaySuggestedMentionList && (React.createElement(SuggestedMentionListView.SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                     if (user) {
                         setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
                     }
@@ -222,4 +230,4 @@ var MessageView = function (props) {
 };
 
 exports.MessageView = MessageView;
-//# sourceMappingURL=bundle-ByyccRIt.js.map
+//# sourceMappingURL=bundle-CJk1q-XX.js.map

package/cjs/chunks/{bundle-ByyccRIt.js.map → bundle-CJk1q-XX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-ByyccRIt.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-CJk1q-XX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-C51HeaX4.js → bundle-CL4Kklzg.js}

@@ -27,4 +27,4 @@ var copyToClipboard = function (text) {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=bundle-C51HeaX4.js.map
+//# sourceMappingURL=bundle-CL4Kklzg.js.map

package/cjs/chunks/bundle-CL4Kklzg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CL4Kklzg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-C6a-umLQ.js → bundle-CTraI7aM.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('./bundle-oeWNUdCB.js');
-var ui_Modal = require('./bundle-CZfcXYaX.js');
-var index = require('./bundle-wl1uuzU7.js');
-var utils = require('./bundle-BoLhr7Ko.js');
-var ui_Avatar = require('./bundle-DxSB9NRz.js');
-var ui_Label = require('./bundle-5_kPn4wU.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
+var ui_Modal = require('./bundle-DW8u-n3u.js');
+var index = require('./bundle-DrYI_bNa.js');
+var utils = require('./bundle-DOoshvnj.js');
+var ui_Avatar = require('./bundle-C_8UQBXr.js');
+var ui_Label = require('./bundle-DY5rfl6W.js');
 var ui_Icon = require('../ui/Icon.js');
-var consts = require('./bundle-DfcEln0Z.js');
-var useKeyDown = require('./bundle-bqRlVm3u.js');
+var consts = require('./bundle-BNzVVkzd.js');
+var useKeyDown = require('./bundle-jHjvHr01.js');
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -133,7 +133,7 @@ function FileViewer(_a) {
                 return {
                     name: fileInfo.fileName || '',
                     type: fileInfo.mimeType || '',
-                    url: fileInfo.url,
+                    url: fileInfo.url || '',
                 };
             }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || utils.noop, onClickRight: onClickRight || utils.noop, onClose: onClose, onDownloadClick: onDownloadClick }));
     }
@@ -148,4 +148,4 @@ exports.FileViewer = FileViewer;
 exports.FileViewerComponent = FileViewerComponent;
 exports.isImage = isImage;
 exports.isVideo = isVideo;
-//# sourceMappingURL=bundle-C6a-umLQ.js.map
+//# sourceMappingURL=bundle-CTraI7aM.js.map

package/cjs/chunks/bundle-CTraI7aM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CTraI7aM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-L3FEqZsK.js → bundle-CW2oMonb.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('./bundle-HGbi-rCv.js');
-var consts = require('./bundle-DfcEln0Z.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
+var consts = require('./bundle-BNzVVkzd.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
@@ -111,24 +111,29 @@ var VoicePlayerProvider = function (_a) {
         }
     };
     var pause = function (groupKey) {
-        if (currentGroupKey === groupKey && currentPlayer !== null) {
-            logger.info('VoicePlayer: Pause playing(by group key).');
-            currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+        if (currentPlayer) {
+            if (groupKey === currentGroupKey) {
+                logger.info('VoicePlayer: Pause playing(by group key).');
+                currentPlayer.pause();
+            }
+            else if (groupKey === ALL) {
+                logger.info('VoicePlayer: Pause playing(all).');
+                currentPlayer.pause();
+            }
         }
-        if (groupKey === ALL) {
-            logger.info('VoicePlayer: Pause playing(all).');
-            currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+        else {
+            logger.warning('VoicePlayer: No currentPlayer to pause.');
         }
     };
     var play = function (_a) {
-        var groupKey = _a.groupKey, _b = _a.audioFile, audioFile = _b === void 0 ? null : _b, _c = _a.audioFileUrl, audioFileUrl = _c === void 0 ? '' : _c;
+        var groupKey = _a.groupKey, audioFile = _a.audioFile, _b = _a.audioFileUrl, audioFileUrl = _b === void 0 ? '' : _b;
         if (groupKey !== currentGroupKey) {
             pause(currentGroupKey);
         }
         // Clear the previous AudioPlayer element
         var voicePlayerRoot = document.getElementById(consts.VOICE_PLAYER_ROOT_ID);
         var voicePlayerAudioElement = document.getElementById(consts.VOICE_PLAYER_AUDIO_ID);
-        if (voicePlayerAudioElement) {
+        if (voicePlayerRoot && voicePlayerAudioElement) {
             voicePlayerRoot.removeChild(voicePlayerAudioElement);
         }
         logger.info('VoicePlayer: Start getting audio file.');
@@ -249,4 +254,4 @@ exports.AudioUnitDefaultValue = AudioUnitDefaultValue;
 exports.VOICE_PLAYER_STATUS = VOICE_PLAYER_STATUS;
 exports.VoicePlayerProvider = VoicePlayerProvider;
 exports.useVoicePlayerContext = useVoicePlayerContext;
-//# sourceMappingURL=bundle-L3FEqZsK.js.map
+//# sourceMappingURL=bundle-CW2oMonb.js.map

package/cjs/chunks/bundle-CW2oMonb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CW2oMonb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DxSB9NRz.js → bundle-C_8UQBXr.js}

@@ -1,10 +1,11 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-C93-onMF.js');
+var pxToNumber = require('./bundle-DcQeRT4T.js');
 var ui_Icon = require('../ui/Icon.js');
+var utils = require('./bundle-DOoshvnj.js');
 
 var AvatarDefault = function (props) {
     var width = props.width, height = props.height, text = props.text;
@@ -16,7 +17,7 @@ var AvatarDefault = function (props) {
     if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
         iconHeight *= 0.575;
     }
-    return (React.createElement("div", { className: "sendbird-avatar-img--default ".concat(text ? 'text' : ''), style: { width: width, height: height } }, text
+    return (React.createElement("div", { className: utils.classnames('sendbird-avatar-img--default', text && 'text'), style: { width: width, height: height } }, text
         ? React.createElement("div", { className: 'sendbird-avatar-text' }, text)
         : React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
 };
@@ -71,4 +72,4 @@ var Avatar$1 = React.forwardRef(Avatar);
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-DxSB9NRz.js.map
+//# sourceMappingURL=bundle-C_8UQBXr.js.map

package/cjs/chunks/bundle-C_8UQBXr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-C_8UQBXr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DAj-1QVM.js → bundle-Cd-3W3UM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-BWGOXLHb.js');
+var index = require('./bundle-1A4pOyri.js');
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -1716,4 +1716,4 @@ exports.format = format;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
 exports.toInteger = toInteger;
-//# sourceMappingURL=bundle-DAj-1QVM.js.map
+//# sourceMappingURL=bundle-Cd-3W3UM.js.map