@sendbird/uikit-react 3.14.12 → 3.14.13-rc.0

package/cjs/VoicePlayer/useVoicePlayer.js

@@ -1,33 +1,33 @@
 'use strict';
 
 var React = require('react');
-var VoicePlayer_context = require('../chunks/bundle-D60dip73.js');
-var consts = require('../chunks/bundle-DsscLs3k.js');
-var ui_Modal = require('../chunks/bundle-1dGjBLMq.js');
-require('../chunks/bundle-Cu2j1EmN.js');
+var VoicePlayer_context = require('../chunks/bundle-Bfd7tojj.js');
+var consts = require('../chunks/bundle-BdulnACZ.js');
+var ui_Modal = require('../chunks/bundle-B2dRfy75.js');
+require('../chunks/bundle-DmCOU0rJ.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-VyDwmxN4.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-CO52Wsr3.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-CfMyWzdL.js');
 require('react-dom');
-require('../chunks/bundle-Bq4FcvTF.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
-require('../chunks/bundle-D0U-xAFE.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-BFb_s1Sk.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-BM95N32D.js');
+require('../chunks/bundle-Cmim7RkF.js');
 require('../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-B_eF_lLw.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('../ui/SortByRow.js');
 
 var useVoicePlayer = function (_a) {

package/cjs/VoiceRecorder/context.js

@@ -3,33 +3,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../chunks/bundle-Bq4FcvTF.js');
-var ui_Modal = require('../chunks/bundle-1dGjBLMq.js');
-require('../chunks/bundle-DsscLs3k.js');
+require('../chunks/bundle-CiMvvzt_.js');
+var ui_Modal = require('../chunks/bundle-B2dRfy75.js');
+require('../chunks/bundle-BdulnACZ.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-Cu2j1EmN.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
-require('../chunks/bundle-VyDwmxN4.js');
+require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
 require('react-dom');
-require('../chunks/bundle-D0U-xAFE.js');
+require('../chunks/bundle-BFb_s1Sk.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-BM95N32D.js');
+require('../chunks/bundle-Cmim7RkF.js');
 require('../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-D60dip73.js');
-require('../chunks/bundle-B_eF_lLw.js');
+require('../chunks/bundle-Bfd7tojj.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('../ui/SortByRow.js');
 
 

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -1,33 +1,33 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('../chunks/bundle-1dGjBLMq.js');
+var ui_Modal = require('../chunks/bundle-B2dRfy75.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-Cu2j1EmN.js');
-require('../chunks/bundle-VyDwmxN4.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
 require('react-dom');
-require('../chunks/bundle-Bq4FcvTF.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
-require('../chunks/bundle-D0U-xAFE.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-BFb_s1Sk.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-BM95N32D.js');
+require('../chunks/bundle-Cmim7RkF.js');
 require('../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-D60dip73.js');
-require('../chunks/bundle-DsscLs3k.js');
-require('../chunks/bundle-B_eF_lLw.js');
+require('../chunks/bundle-Bfd7tojj.js');
+require('../chunks/bundle-BdulnACZ.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('../ui/SortByRow.js');
 
 // export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {

package/cjs/chunks/{bundle-CCm3PIiM.js → bundle--vGr2hVA.js}

@@ -81,4 +81,4 @@ exports.SET_CHANNEL_INVALID = SET_CHANNEL_INVALID;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
-//# sourceMappingURL=bundle-CCm3PIiM.js.map
+//# sourceMappingURL=bundle--vGr2hVA.js.map

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

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

package/cjs/chunks/bundle-1Mqtle8c.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
+var index = require('./bundle-CRHrNWJp.js');
+var ui_ConnectionStatus = require('../ui/ConnectionStatus.js');
+var ui_PlaceHolder = require('../ui/PlaceHolder.js');
+var utils = require('./bundle-CfMyWzdL.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var GroupChannelUIView = function (props) {
+    var _a, _b, _c, _d;
+    var isLoading = props.isLoading, isInvalid = props.isInvalid, channelUrl = props.channelUrl;
+    var _e = utils.deleteNullish(props), renderChannelHeader = _e.renderChannelHeader, renderMessageList = _e.renderMessageList, renderMessageInput = _e.renderMessageInput, renderTypingIndicator = _e.renderTypingIndicator, renderPlaceholderLoader = _e.renderPlaceholderLoader, renderPlaceholderInvalid = _e.renderPlaceholderInvalid;
+    var _f = useSendbirdStateContext.useSendbirdStateContext(), stores = _f.stores, config = _f.config;
+    var sdkError = (_a = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _a === void 0 ? void 0 : _a.error;
+    var logger = config.logger, isOnline = config.isOnline;
+    // Note: This is not a loading status of the message list.
+    //  It is just for custom props from the Channel module and is not used in the GroupChannel module. (We should remove this in v4)
+    if (isLoading) {
+        return React__default.default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }));
+    }
+    if (!channelUrl) {
+        return (React__default.default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS })));
+    }
+    if (isInvalid) {
+        return React__default.default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }));
+    }
+    if (sdkError) {
+        return (React__default.default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: function () {
+                logger.info('Channel: reconnecting');
+                // reconnect();
+            } }))));
+    }
+    return (React__default.default.createElement("div", { className: "sendbird-conversation" }, renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 :
+        renderChannelHeader({ className: 'sendbird-conversation__channel-header' }), renderMessageList === null || renderMessageList === void 0 ? void 0 :
+        renderMessageList(props),
+        React__default.default.createElement("div", { className: "sendbird-conversation__footer" }, renderMessageInput === null || renderMessageInput === void 0 ? void 0 :
+            renderMessageInput(),
+            React__default.default.createElement("div", { className: "sendbird-conversation__footer__typing-indicator" },
+                (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator())
+                    || (((_b = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _b === void 0 ? void 0 : _b.enableTypingIndicator) && ((_d = (_c = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _c === void 0 ? void 0 : _c.typingIndicatorTypes) === null || _d === void 0 ? void 0 : _d.has(index.TypingIndicatorType.Text)) && (React__default.default.createElement(GroupChannel_components_TypingIndicator.TypingIndicator, { channelUrl: channelUrl }))),
+                !isOnline && React__default.default.createElement(ui_ConnectionStatus, null)))));
+};
+
+exports.GroupChannelUIView = GroupChannelUIView;
+//# sourceMappingURL=bundle-1Mqtle8c.js.map

package/cjs/chunks/bundle-1Mqtle8c.js.map

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

package/cjs/chunks/{bundle-DoSN8wR4.js → bundle-1YpbHa8U.js}

@@ -1,19 +1,23 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('./bundle-Cu2j1EmN.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
 var message = require('@sendbird/chat/message');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var index = require('./bundle-VyDwmxN4.js');
+var index = require('./bundle-CRHrNWJp.js');
 var ui_FileViewer = require('../ui/FileViewer.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function ImageGrid(_a) {
     var _b;
     var children = _a.children, className = _a.className, message = _a.message, isReactionEnabled = _a.isReactionEnabled;
-    return (React.createElement("div", { className: 'sendbird-image-grid-wrap' },
-        React.createElement("div", { className: index.getClassName([
+    return (React__default.default.createElement("div", { className: 'sendbird-image-grid-wrap' },
+        React__default.default.createElement("div", { className: index.getClassName([
                 className !== null && className !== void 0 ? className : '',
                 'sendbird-image-grid',
                 (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
@@ -70,8 +74,8 @@ function MultipleFilesMessageItemBody(_a) {
     function onClickRight() {
         setCurrentFileViewerIndex(currentFileViewerIndex === statefulFileInfoList.length - 1 ? 0 : currentFileViewerIndex + 1);
     }
-    return (threadMessageKindKey ? (React.createElement(React.Fragment, null,
-        currentFileViewerIndex > -1 && (React.createElement(ui_FileViewer.default, { message: message$1, statefulFileInfoList: statefulFileInfoList, currentIndex: currentFileViewerIndex, onClickLeft: onClickLeft, onClickRight: onClickRight, onClose: onClose, onDownloadClick: function (e) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+    return (threadMessageKindKey ? (React__default.default.createElement(React__default.default.Fragment, null,
+        currentFileViewerIndex > -1 && (React__default.default.createElement(ui_FileViewer.default, { message: message$1, statefulFileInfoList: statefulFileInfoList, currentIndex: currentFileViewerIndex, onClickLeft: onClickLeft, onClickRight: onClickRight, onClose: onClose, onDownloadClick: function (e) { return _tslib.__awaiter(_this, void 0, void 0, function () {
                 var allowDownload, err_1;
                 var _a, _b;
                 return _tslib.__generator(this, function (_c) {
@@ -98,31 +102,31 @@ function MultipleFilesMessageItemBody(_a) {
                     }
                 });
             }); } })),
-        React.createElement(ImageGrid, { className: className, message: message$1, isReactionEnabled: isReactionEnabled }, statefulFileInfoList.map(function (fileInfo, index$1) {
+        React__default.default.createElement(ImageGrid, { className: className, message: message$1, isReactionEnabled: isReactionEnabled }, statefulFileInfoList.map(function (fileInfo, index$1) {
             var _a, _b, _c, _d;
-            return (React.createElement("div", { className: "sendbird-multiple-files-image-renderer-wrapper", onClick: message$1.sendingStatus === message.SendingStatus.SUCCEEDED ? function () { return setCurrentFileViewerIndex(index$1); } : undefined, key: "sendbird-multiple-files-image-renderer-".concat(index$1, "-").concat(fileInfo.url) },
-                React.createElement(ui_ImageRenderer.default, { url: (_d = (_c = (_b = (_a = fileInfo.thumbnails) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : fileInfo.url) !== null && _d !== void 0 ? _d : '', fixedSize: false, width: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], maxSideLength: MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB, height: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], borderRadius: ui_ImageRenderer.getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index$1, statefulFileInfoList.length), shadeOnHover: true, isUploaded: !!fileInfo.isUploaded, placeHolder: function (_a) {
+            return (React__default.default.createElement("div", { className: "sendbird-multiple-files-image-renderer-wrapper", onClick: message$1.sendingStatus === message.SendingStatus.SUCCEEDED ? function () { return setCurrentFileViewerIndex(index$1); } : undefined, key: "sendbird-multiple-files-image-renderer-".concat(index$1, "-").concat(fileInfo.url) },
+                React__default.default.createElement(ui_ImageRenderer.default, { url: (_d = (_c = (_b = (_a = fileInfo.thumbnails) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : fileInfo.url) !== null && _d !== void 0 ? _d : '', fixedSize: false, width: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], maxSideLength: MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB, height: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], borderRadius: ui_ImageRenderer.getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index$1, statefulFileInfoList.length), shadeOnHover: true, isUploaded: !!fileInfo.isUploaded, placeHolder: function (_a) {
                         var style = _a.style;
                         if (fileInfo.mimeType && index.isGif(fileInfo.mimeType))
-                            return React.createElement(ImagePlaceholder.GIF, { style: style });
-                        return React.createElement(ImagePlaceholder.Default, { style: style });
-                    }, defaultComponent: React.createElement(ImagePlaceholder.LoadError, null) })));
-        })))) : React.createElement(React.Fragment, null));
+                            return React__default.default.createElement(ImagePlaceholder.GIF, { style: style });
+                        return React__default.default.createElement(ImagePlaceholder.Default, { style: style });
+                    }, defaultComponent: React__default.default.createElement(ImagePlaceholder.LoadError, null) })));
+        })))) : React__default.default.createElement(React__default.default.Fragment, null));
 }
 var ImagePlaceholder = {
     Default: function (_a) {
         var style = _a.style;
-        return (React.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder", style: style },
-            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH })));
+        return (React__default.default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder", style: style },
+            React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH })));
     },
     GIF: function (_a) {
         var style = _a.style;
-        return (React.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder", style: style },
-            React.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon" },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.THUMBNAIL_ICON, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH }))));
+        return (React__default.default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder", style: style },
+            React__default.default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon" },
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.THUMBNAIL_ICON, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH }))));
     },
-    LoadError: function () { return (React.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder" },
-        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.THUMBNAIL_NONE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH }))); },
+    LoadError: function () { return (React__default.default.createElement("div", { className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder" },
+        React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.THUMBNAIL_NONE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH, height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH }))); },
 };
 
 function useThreadMessageKindKeySelector(_a) {
@@ -183,4 +187,4 @@ exports.MultipleFilesMessageItemBody = MultipleFilesMessageItemBody;
 exports.ThreadMessageKind = ThreadMessageKind;
 exports.useFileInfoListWithUploaded = useFileInfoListWithUploaded;
 exports.useThreadMessageKindKeySelector = useThreadMessageKindKeySelector;
-//# sourceMappingURL=bundle-DoSN8wR4.js.map
+//# sourceMappingURL=bundle-1YpbHa8U.js.map

package/cjs/chunks/bundle-1YpbHa8U.js.map

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

package/cjs/chunks/{bundle-BqL8lmhl.js → bundle-52q2knIq.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-BqL8lmhl.js.map
+//# sourceMappingURL=bundle-52q2knIq.js.map

package/cjs/chunks/bundle-52q2knIq.js.map

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

package/cjs/chunks/{bundle-DhEBuVa_.js → bundle-AL8naZos.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('./bundle-DFqn4B6U.js');
-var actionTypes = require('./bundle-CCm3PIiM.js');
-require('./bundle-BIlOa8cH.js');
-var consts = require('./bundle-DsscLs3k.js');
+var utils = require('./bundle-B4zRox4H.js');
+var actionTypes = require('./bundle--vGr2hVA.js');
+require('./bundle-CbHU1T-B.js');
+var consts = require('./bundle-BdulnACZ.js');
 
 // For legacy
 // These are not used for collections(GroupChannel)
@@ -104,4 +104,4 @@ function useInitialMessagesFetch(_a, _b) {
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.useInitialMessagesFetch = useInitialMessagesFetch;
-//# sourceMappingURL=bundle-DhEBuVa_.js.map
+//# sourceMappingURL=bundle-AL8naZos.js.map

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

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

package/cjs/chunks/{bundle-CI9mjpa7.js → bundle-B1gFRcVr.js}

@@ -43,4 +43,4 @@ var pubSubTopics = exports.PUBSUB_TOPICS;
 exports.pubSubTopics = pubSubTopics;
 exports.shouldPubSubPublishToChannel = shouldPubSubPublishToChannel;
 exports.shouldPubSubPublishToThread = shouldPubSubPublishToThread;
-//# sourceMappingURL=bundle-CI9mjpa7.js.map
+//# sourceMappingURL=bundle-B1gFRcVr.js.map

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

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

package/cjs/chunks/{bundle-CqDaqTbt.js → bundle-B2GGDqtV.js}

@@ -8,4 +8,4 @@ var Role = {
 };
 
 exports.Role = Role;
-//# sourceMappingURL=bundle-CqDaqTbt.js.map
+//# sourceMappingURL=bundle-B2GGDqtV.js.map

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

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

package/cjs/chunks/{bundle-1dGjBLMq.js → bundle-B2dRfy75.js}

@@ -1,27 +1,31 @@
 'use strict';
 
-var _tslib = require('./bundle-Cu2j1EmN.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
 var React = require('react');
-var index$1 = require('./bundle-VyDwmxN4.js');
-var utils = require('./bundle-CO52Wsr3.js');
+var index$1 = require('./bundle-CRHrNWJp.js');
+var utils = require('./bundle-CfMyWzdL.js');
 var reactDom = require('react-dom');
-var LocalizationContext = require('./bundle-Bq4FcvTF.js');
-var MediaQueryContext = require('./bundle-D0U-xAFE.js');
+var LocalizationContext = require('./bundle-CiMvvzt_.js');
+var MediaQueryContext = require('./bundle-BFb_s1Sk.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-BM95N32D.js');
+var ui_Label = require('./bundle-Cmim7RkF.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-var uuid = require('./bundle-BkKs2HEQ.js');
+var uuid = require('./bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('./bundle-D60dip73.js');
-var consts = require('./bundle-DsscLs3k.js');
+require('./bundle-Bfd7tojj.js');
+var consts = require('./bundle-BdulnACZ.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('./bundle-B_eF_lLw.js');
+require('./bundle-BeTneyYL.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /**
  * Mapping object to convert numeric keys to descriptive text
@@ -118,28 +122,28 @@ var mapColorKeys = function (colorSet) {
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
-var ModalRoot = function () { return (React.createElement("div", { id: MODAL_ROOT, className: MODAL_ROOT })); };
+var ModalRoot = function () { return (React__default.default.createElement("div", { id: MODAL_ROOT, className: MODAL_ROOT })); };
 
 var ModalHeader = function (_a) {
     var titleText = _a.titleText, onCloseClick = _a.onCloseClick;
-    return (React.createElement("div", { className: "sendbird-modal__header" },
-        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, titleText),
-        React.createElement("div", { className: "sendbird-modal__close" },
-            React.createElement(ui_IconButton, { width: "32px", height: "32px", onClick: onCloseClick },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.DEFAULT, width: "24px", height: "24px" })))));
+    return (React__default.default.createElement("div", { className: "sendbird-modal__header" },
+        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, titleText),
+        React__default.default.createElement("div", { className: "sendbird-modal__close" },
+            React__default.default.createElement(ui_IconButton, { width: "32px", height: "32px", onClick: onCloseClick },
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.DEFAULT, width: "24px", height: "24px" })))));
 };
 var ModalBody = function (_a) {
     var children = _a.children;
-    return (React.createElement("div", { className: "sendbird-modal__body" },
-        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, children)));
+    return (React__default.default.createElement("div", { className: "sendbird-modal__body" },
+        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, children)));
 };
 var ModalFooter = function (_a) {
     var submitText = _a.submitText, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.hideCancelButton, hideCancelButton = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? ui_Button.ButtonTypes.DANGER : _d, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: "sendbird-modal__footer" },
-        !hideCancelButton && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: onCancel },
-            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL))),
-        React.createElement(ui_Button.default, { type: type, disabled: disabled, onClick: onSubmit }, submitText)));
+    return (React__default.default.createElement("div", { className: "sendbird-modal__footer" },
+        !hideCancelButton && (React__default.default.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: onCancel },
+            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL))),
+        React__default.default.createElement(ui_Button.default, { type: type, disabled: disabled, onClick: onSubmit }, submitText)));
 };
 function Modal(props) {
     var _a;
@@ -152,13 +156,13 @@ function Modal(props) {
         return (_b = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.modal) === null || _a === void 0 ? void 0 : _a.onMounted) === null || _b === void 0 ? void 0 : _b.call(_a, { close: handleClose, id: id });
     }, []);
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    return reactDom.createPortal(React.createElement("div", { className: utils.classnames('sendbird-modal', className, isFullScreenOnMobile && isMobile && 'sendbird-modal--full-mobile') },
-        React.createElement("div", { className: utils.classnames.apply(void 0, _tslib.__spreadArray(['sendbird-modal__content'], (Array.isArray(contentClassName) ? contentClassName : [contentClassName]), false)) },
-            (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || React.createElement(ModalHeader, { titleText: titleText !== null && titleText !== void 0 ? titleText : '', onCloseClick: handleClose }),
-            React.createElement(ModalBody, null, children),
+    return reactDom.createPortal(React__default.default.createElement("div", { className: utils.classnames('sendbird-modal', className, isFullScreenOnMobile && isMobile && 'sendbird-modal--full-mobile') },
+        React__default.default.createElement("div", { className: utils.classnames.apply(void 0, _tslib.__spreadArray(['sendbird-modal__content'], (Array.isArray(contentClassName) ? contentClassName : [contentClassName]), false)) },
+            (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || React__default.default.createElement(ModalHeader, { titleText: titleText !== null && titleText !== void 0 ? titleText : '', onCloseClick: handleClose }),
+            React__default.default.createElement(ModalBody, null, children),
             !hideFooter
-                && (customFooter !== null && customFooter !== void 0 ? customFooter : (React.createElement(ModalFooter, { disabled: disabled, onCancel: handleClose, onSubmit: onSubmit, submitText: submitText !== null && submitText !== void 0 ? submitText : '', type: type })))),
-        React.createElement("div", { className: utils.classnames('sendbird-modal__backdrop', isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside'), onClick: function (e) {
+                && (customFooter !== null && customFooter !== void 0 ? customFooter : (React__default.default.createElement(ModalFooter, { disabled: disabled, onCancel: handleClose, onSubmit: onSubmit, submitText: submitText !== null && submitText !== void 0 ? submitText : '', type: type })))),
+        React__default.default.createElement("div", { className: utils.classnames('sendbird-modal__backdrop', isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside'), onClick: function (e) {
                 e === null || e === void 0 ? void 0 : e.stopPropagation();
                 if (isCloseOnClickOutside) {
                     handleClose();
@@ -188,7 +192,7 @@ var VoiceRecorderProvider = function (props) {
     }
     React.useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            Promise.resolve().then(function () { return require('./bundle-BJBhQrsD.js'); }).then(function (module) { return setWebAudioUtils(module); });
+            Promise.resolve().then(function () { return require('./bundle-DdS_e3Yg.js'); }).then(function (module) { return setWebAudioUtils(module); });
         }
     }, [isVoiceMessageEnabled, webAudioUtils]);
     var start = React.useCallback(function (eventHandler) {
@@ -265,10 +269,10 @@ var VoiceRecorderProvider = function (props) {
         setIsRecordable(false);
         logger.info('VoiceRecorder: Stop recording.');
     }, [mediaRecorder]);
-    return (React.createElement(Context.Provider, { value: { start: start, stop: stop, isRecordable: isRecordable } },
+    return (React__default.default.createElement(Context.Provider, { value: { start: start, stop: stop, isRecordable: isRecordable } },
         children,
-        permissionWarning && (React.createElement(Modal, { hideFooter: true, onClose: function () { return setPermissionWarning(false); } },
-            React.createElement(React.Fragment, null, stringSet.VOICE_RECORDING_PERMISSION_DENIED)))));
+        permissionWarning && (React__default.default.createElement(Modal, { hideFooter: true, onClose: function () { return setPermissionWarning(false); } },
+            React__default.default.createElement(React__default.default.Fragment, null, stringSet.VOICE_RECORDING_PERMISSION_DENIED)))));
 };
 var useVoiceRecorderContext = function () { return React.useContext(Context); };
 var index = {
@@ -292,11 +296,11 @@ var GlobalModalProvider = function (_a) {
     var ModalComponent = React.useMemo(function () { return function () {
         return index$1.K(globalModalQueue)
             .when(function (q) { return q.length === 0; }, function () {
-            return React.createElement(React.Fragment, null);
+            return React__default.default.createElement(React__default.default.Fragment, null);
         })
             .otherwise(function () {
             var _a = globalModalQueue[0], modalProps = _a.modalProps, childElement = _a.childElement;
-            return (React.createElement(Modal, _tslib.__assign({}, modalProps, { className: utils.classnames('sendbird-global-modal', modalProps === null || modalProps === void 0 ? void 0 : modalProps.className), onClose: function () {
+            return (React__default.default.createElement(Modal, _tslib.__assign({}, modalProps, { className: utils.classnames('sendbird-global-modal', modalProps === null || modalProps === void 0 ? void 0 : modalProps.className), onClose: function () {
                     var _a;
                     (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call(modalProps);
                     closeModal();
@@ -305,10 +309,10 @@ var GlobalModalProvider = function (_a) {
             })));
         });
     }; }, [globalModalQueue]);
-    return (React.createElement(GlobalModalContext.Provider, { value: {
+    return (React__default.default.createElement(GlobalModalContext.Provider, { value: {
             openModal: openModal,
         } },
-        React.createElement(ModalComponent, null),
+        React__default.default.createElement(ModalComponent, null),
         children));
 };
 var useGlobalModalContext = function () { return React.useContext(GlobalModalContext); };
@@ -378,4 +382,4 @@ exports.index = index;
 exports.mapColorKeys = mapColorKeys;
 exports.useGlobalModalContext = useGlobalModalContext;
 exports.useVoiceRecorderContext = useVoiceRecorderContext;
-//# sourceMappingURL=bundle-1dGjBLMq.js.map
+//# sourceMappingURL=bundle-B2dRfy75.js.map

package/cjs/chunks/{bundle-jJ99fIw5.js.map → bundle-B2dRfy75.js.map}

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

package/cjs/chunks/{bundle-DUgeMK1K.js → bundle-B4h5vnc4.js}

@@ -33,4 +33,4 @@ function useToggleReactionCallback(currentChannel, logger) {
 }
 
 exports.useToggleReactionCallback = useToggleReactionCallback;
-//# sourceMappingURL=bundle-DUgeMK1K.js.map
+//# sourceMappingURL=bundle-B4h5vnc4.js.map

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

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

package/cjs/chunks/{bundle-DFqn4B6U.js → bundle-B4zRox4H.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('./bundle-Cu2j1EmN.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
 var message = require('@sendbird/chat/message');
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -132,4 +132,4 @@ exports.mergeAndSortMessages = mergeAndSortMessages;
 exports.passUnsuccessfullMessages = passUnsuccessfullMessages;
 exports.scrollIntoLast = scrollIntoLast;
 exports.scrollToRenderedMessage = scrollToRenderedMessage;
-//# sourceMappingURL=bundle-DFqn4B6U.js.map
+//# sourceMappingURL=bundle-B4zRox4H.js.map

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

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

package/cjs/chunks/{bundle-D0U-xAFE.js → bundle-BFb_s1Sk.js}

@@ -2,10 +2,14 @@
 
 var React = require('react');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var DEFAULT_MOBILE = false;
 // const DEFAULT_MOBILE = '768px';
 var MOBILE_CLASSNAME = 'sendbird--mobile-mode';
-var MediaQueryContext = React.createContext({
+var MediaQueryContext = React__default.default.createContext({
     breakpoint: DEFAULT_MOBILE,
     isMobile: false,
 });
@@ -66,10 +70,10 @@ var MediaQueryProvider = function (props) {
             (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: removeEventListener', { updateSize: updateSize });
         };
     }, [breakpoint]);
-    return (React.createElement(MediaQueryContext.Provider, { value: { breakpoint: breakpoint, isMobile: isMobile } }, children));
+    return (React__default.default.createElement(MediaQueryContext.Provider, { value: { breakpoint: breakpoint, isMobile: isMobile } }, children));
 };
-var useMediaQueryContext = function () { return React.useContext(MediaQueryContext); };
+var useMediaQueryContext = function () { return React__default.default.useContext(MediaQueryContext); };
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=bundle-D0U-xAFE.js.map
+//# sourceMappingURL=bundle-BFb_s1Sk.js.map

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

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