@sendbird/uikit-react 3.9.3-rc-0 → 3.9.3

package/cjs/chunks/{bundle-2qeSCHXk.js → bundle-P5uaoEp7.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-H1aRxaUU.js');
-require('./bundle-4FAmtuEf.js');
-require('./bundle-21PdO49k.js');
+var ui_Modal = require('./bundle-8xsZqXyY.js');
+require('./bundle-5MABXNJ2.js');
+require('./bundle-aLBNZXTm.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-zmeetFhM.js');
+var LocalizationContext = require('./bundle-4VdNtJoS.js');
 var Thread_context = require('../Thread/context.js');
-var stringFormatterUtils = require('./bundle-mDmgt9SU.js');
+var stringFormatterUtils = require('./bundle-F74wrKkr.js');
 
 var RemoveMessage = function (props) {
     var _a;
@@ -23,4 +23,4 @@ var RemoveMessage = function (props) {
 };
 
 exports.RemoveMessage = RemoveMessage;
-//# sourceMappingURL=bundle-2qeSCHXk.js.map
+//# sourceMappingURL=bundle-P5uaoEp7.js.map

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

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

package/cjs/chunks/{bundle-fiT-psl1.js → bundle-R4oiSD0L.js}

@@ -25,4 +25,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-fiT-psl1.js.map
+//# sourceMappingURL=bundle-R4oiSD0L.js.map

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

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

package/cjs/chunks/{bundle-RO-wWe36.js → bundle-T4vZ2tFS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var consts = require('./bundle-2i_5f8Bs.js');
+var consts = require('./bundle-Z0z4XcoC.js');
 var lame_all = require('../lame.all.js');
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -125,4 +125,4 @@ function bufferToWav(abuffer, len) {
 
 exports.downsampleToWav = downsampleToWav;
 exports.encodeMp3 = encodeMp3;
-//# sourceMappingURL=bundle-RO-wWe36.js.map
+//# sourceMappingURL=bundle-T4vZ2tFS.js.map

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

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

package/cjs/chunks/{bundle-83wda5U6.js → bundle-XyN4tk9V.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var DOMPurify = require('dompurify');
-var _tslib = require('./bundle-4FAmtuEf.js');
-var consts = require('./bundle-PfAFx9_e.js');
-var consts$2 = require('./bundle-sjXXbwtq.js');
-var consts$1 = require('./bundle-kt-dgPLv.js');
+var _tslib = require('./bundle-5MABXNJ2.js');
+var consts = require('./bundle-wKifHXnJ.js');
+var consts$2 = require('./bundle-xKfD9-QM.js');
+var consts$1 = require('./bundle--EcmFAgY.js');
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -214,4 +214,4 @@ exports.nodeListToArray = nodeListToArray;
 exports.renderToString = renderToString;
 exports.sanitizeString = sanitizeString;
 exports.usePaste = usePaste;
-//# sourceMappingURL=bundle-83wda5U6.js.map
+//# sourceMappingURL=bundle-XyN4tk9V.js.map

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

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

package/cjs/chunks/{bundle-2i_5f8Bs.js → bundle-Z0z4XcoC.js}

@@ -47,4 +47,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-2i_5f8Bs.js.map
+//# sourceMappingURL=bundle-Z0z4XcoC.js.map

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

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

package/cjs/chunks/{bundle-DVHlQYtd.js → bundle-Zhc5iYOj.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-4FAmtuEf.js');
+var _tslib = require('./bundle-5MABXNJ2.js');
 var React = require('react');
-var index$1 = require('./bundle-97AXZ3Aa.js');
+var index$1 = require('./bundle-Guz_a7Pd.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-21PdO49k.js');
+var ui_Label = require('./bundle-aLBNZXTm.js');
 var ui_Loader = require('../ui/Loader.js');
-var index$2 = require('./bundle-l_xY0NCi.js');
+var index$2 = require('./bundle-EE-R19J8.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-A86YKdDD.js');
-var LocalizationContext = require('./bundle-zmeetFhM.js');
+var index = require('./bundle-fYGB5Ibr.js');
+var LocalizationContext = require('./bundle-4VdNtJoS.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -136,4 +136,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
 exports.getLastMessage = getLastMessage;
 exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
 exports.getTotalMembers = getTotalMembers;
-//# sourceMappingURL=bundle-DVHlQYtd.js.map
+//# sourceMappingURL=bundle-Zhc5iYOj.js.map

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

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

package/cjs/chunks/{bundle-QdmOJFI0.js → bundle-ZodVwNmU.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index_module = require('./bundle-anz1RDDi.js');
-var tokenize = require('./bundle-2So6Wj07.js');
+var index = require('./bundle-F4Y7xmf1.js');
+var tokenize = require('./bundle-rXVQ4vD5.js');
 var Message_context = require('../Message/context.js');
 var ui_MentionLabel = require('../ui/MentionLabel.js');
 var ui_LinkLabel = require('../ui/LinkLabel.js');
-var ui_Label = require('./bundle-21PdO49k.js');
+var ui_Label = require('./bundle-aLBNZXTm.js');
 
 // this function is used to generate a unique key for token in message
 // it changes with updated time and index
@@ -23,7 +23,7 @@ function TextFragment(_a) {
     var updatedAt = message.updatedAt, createdAt = message.createdAt;
     return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
         var key = keyGenerator(createdAt, updatedAt, idx);
-        return index_module.K(token.type)
+        return index.K(token.type)
             .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
             React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
                 // @ts-ignore
@@ -35,4 +35,4 @@ function TextFragment(_a) {
 }
 
 exports.TextFragment = TextFragment;
-//# sourceMappingURL=bundle-QdmOJFI0.js.map
+//# sourceMappingURL=bundle-ZodVwNmU.js.map

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

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

package/cjs/chunks/{bundle-tbQlXoTS.js → bundle-_CS6i_H9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-4FAmtuEf.js');
-var pxToNumber = require('./bundle-t25WVQ0m.js');
+var _tslib = require('./bundle-5MABXNJ2.js');
+var pxToNumber = require('./bundle-xOGNakZW.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -14,11 +14,14 @@ var compressImage = function (_a) {
             var canvas = document.createElement('canvas');
             var originWidth = image.width;
             var originHeight = image.height;
-            var widthRatio = originWidth / (resizingWidth || originWidth);
-            var heightRatio = originHeight / (resizingHeight || originHeight);
-            var targetResizingWidth = resizingWidth || originWidth;
-            var targetResizingHeight = resizingHeight || originHeight;
-            // Use the more impactful value, so the original images' ratio won't be broken
+            var targetResizingWidth = (!resizingWidth || resizingWidth > originWidth) ? originWidth : resizingWidth;
+            var targetResizingHeight = (!resizingHeight || resizingHeight > originHeight) ? originHeight : resizingHeight;
+            var widthRatio = originWidth / targetResizingWidth;
+            var heightRatio = originHeight / targetResizingHeight;
+            /**
+             * Set the target resizing values again with the calculated ratios
+             * to use the impactful value, so the original images' ratio won't be broken.
+             */
             if (widthRatio > heightRatio) {
                 targetResizingHeight = originHeight / (resizingWidth ? widthRatio : 1);
             }
@@ -60,11 +63,11 @@ var compressImages = function (_a) {
                         compressedFiles: [],
                     };
                     if (!(Array.isArray(files) && files.length > 0)) {
-                        logger.warning('utils - compressImages: There are no files.', files);
+                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: There are no files.', files);
                         return [2 /*return*/, result];
                     }
                     if (compressionRate < 0 || 1 < compressionRate) {
-                        logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
+                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
                         return [2 /*return*/, result];
                     }
                     return [4 /*yield*/, Promise.all(files
@@ -74,7 +77,7 @@ var compressImages = function (_a) {
                                 switch (_a.label) {
                                     case 0:
                                         if (!(file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg')) {
-                                            logger.warning('utils - compressImages: The fileType is not compressible.', { file: file, index: index });
+                                            logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The fileType is not compressible.', { file: file, index: index });
                                             result.failedIndexes.push(index);
                                             result.compressedFiles.push(file);
                                             return [2 /*return*/];
@@ -95,7 +98,7 @@ var compressImages = function (_a) {
                                     case 3:
                                         err_1 = _a.sent();
                                         result.failedIndexes.push(index);
-                                        logger.warning('utils - compressImages: Failed to compress image file', { file: file, err: err_1 });
+                                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: Failed to compress image file', { file: file, err: err_1 });
                                         return [3 /*break*/, 4];
                                     case 4: return [2 /*return*/];
                                 }
@@ -103,7 +106,7 @@ var compressImages = function (_a) {
                         }); }))];
                 case 1:
                     _b.sent();
-                    logger.info('utils - compressImages: Finished compressing images', result);
+                    logger === null || logger === void 0 ? void 0 : logger.info('utils - compressImages: Finished compressing images', result);
                     return [2 /*return*/, result];
             }
         });
@@ -111,4 +114,4 @@ var compressImages = function (_a) {
 };
 
 exports.compressImages = compressImages;
-//# sourceMappingURL=bundle-tbQlXoTS.js.map
+//# sourceMappingURL=bundle-_CS6i_H9.js.map

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

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

package/cjs/chunks/{bundle-2HKOrfvp.js → bundle-_c4Xia0x.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('./bundle-4FAmtuEf.js');
-var consts = require('./bundle-2i_5f8Bs.js');
+var _tslib = require('./bundle-5MABXNJ2.js');
+var consts = require('./bundle-Z0z4XcoC.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
@@ -69,7 +69,11 @@ function voicePlayerReducer(state, action) {
             var groupKey = action.payload.groupKey;
             var _m = state.currentPlayer, currentTime = _m.currentTime, duration = _m.duration;
             var audioUnit = (((_h = state.audioStorage) === null || _h === void 0 ? void 0 : _h[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
-            if (currentTime > 0 && duration > 0) {
+            // sometimes the final time update is fired AFTER the pause event when audio is finished
+            if (audioUnit.playbackTime === audioUnit.duration && audioUnit.playingStatus === VOICE_PLAYER_STATUS.PAUSED) {
+                audioUnit.playbackTime = 0;
+            }
+            else if (currentTime > 0 && duration > 0) {
                 audioUnit.playbackTime = currentTime;
                 audioUnit.duration = duration;
             }
@@ -233,4 +237,4 @@ exports.AudioUnitDefaultValue = AudioUnitDefaultValue;
 exports.VOICE_PLAYER_STATUS = VOICE_PLAYER_STATUS;
 exports.VoicePlayerProvider = VoicePlayerProvider;
 exports.useVoicePlayerContext = useVoicePlayerContext;
-//# sourceMappingURL=bundle-2HKOrfvp.js.map
+//# sourceMappingURL=bundle-_c4Xia0x.js.map

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

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

package/cjs/chunks/{bundle-21PdO49k.js → bundle-aLBNZXTm.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-4FAmtuEf.js');
+var _tslib = require('./bundle-5MABXNJ2.js');
 var React = require('react');
-var stringSet = require('./bundle-h5T4ARM_.js');
+var stringSet = require('./bundle-5tXC271i.js');
 
 var Typography = {
     H_1: 'H_1',
@@ -81,4 +81,4 @@ exports.LabelColors = LabelColors;
 exports.LabelStringSet = LabelStringSet;
 exports.LabelTypography = LabelTypography;
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-21PdO49k.js.map
+//# sourceMappingURL=bundle-aLBNZXTm.js.map

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

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

package/cjs/chunks/{bundle-B2URBvLa.js → bundle-agHXB3n2.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var _tslib = require('./bundle-4FAmtuEf.js');
+var _tslib = require('./bundle-5MABXNJ2.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var pubSub_topics = require('./bundle-XQp_z25X.js');
-var uuid = require('./bundle-AWGM3boV.js');
-var utils = require('./bundle-AxqAqeY_.js');
-var consts = require('./bundle-2i_5f8Bs.js');
-var UserProfileContext = require('./bundle-MKIuQx71.js');
+var pubSub_topics = require('./bundle-BWHZlxBD.js');
+var uuid = require('./bundle-bXa0UWvD.js');
+var utils = require('./bundle-t3HW5lYr.js');
+var consts = require('./bundle-Z0z4XcoC.js');
+var UserProfileContext = require('./bundle-KfrHCpUu.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index_module = require('./bundle-anz1RDDi.js');
-var index = require('./bundle-l_xY0NCi.js');
+var index = require('./bundle-F4Y7xmf1.js');
+var index$1 = require('./bundle-EE-R19J8.js');
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -310,7 +310,7 @@ var initialState = {
 };
 
 function channelListReducer(state, action) {
-    return (index_module.K(action)
+    return (index.K(action)
         .with({ type: INIT_CHANNELS_START }, function (_a) {
         var payload = _a.payload;
         return (_tslib.__assign(_tslib.__assign({}, state), { loading: true, currentUserId: payload.currentUserId }));
@@ -332,9 +332,9 @@ function channelListReducer(state, action) {
         var channel = action.payload;
         var allChannels = state.allChannels, currentUserId = state.currentUserId, channelListQuery = state.channelListQuery;
         if (channelListQuery) {
-            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+            if (index$1.filterChannelListParams(channelListQuery, channel, currentUserId)) {
                 // Good to add to the ChannelList
-                return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel, allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+                return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel, allChannels: index$1.getChannelsWithUpsertedChannel(allChannels, channel) });
             }
             // Do not add to the ChannelList
             return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel });
@@ -348,9 +348,9 @@ function channelListReducer(state, action) {
         var channel = action.payload;
         var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
         if (channelListQuery) {
-            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+            if (index$1.filterChannelListParams(channelListQuery, channel, currentUserId)) {
                 // Good to [add to/keep in] the ChannelList
-                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index$1.getChannelsWithUpsertedChannel(allChannels, channel) });
             }
             // * Remove the channel from the ChannelList: because the channel is filtered
         }
@@ -368,13 +368,14 @@ function channelListReducer(state, action) {
                 return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
             }) });
     })
-        .with({ type: index_module.S.union(LEAVE_CHANNEL_SUCCESS, ON_CHANNEL_DELETED) }, function (action) {
+        .with({ type: index.S.union(LEAVE_CHANNEL_SUCCESS, ON_CHANNEL_DELETED) }, function (action) {
         var _a;
         var channelUrl = action.payload;
-        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channelUrl === ((_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url) ? state.allChannels[0] : state.currentChannel, allChannels: state.allChannels.filter(function (_a) {
-                var url = _a.url;
-                return url !== channelUrl;
-            }) });
+        var allChannels = state.allChannels.filter(function (_a) {
+            var url = _a.url;
+            return url !== channelUrl;
+        });
+        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channelUrl === ((_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url) ? allChannels[0] : state.currentChannel, allChannels: allChannels });
     })
         .with({ type: ON_USER_LEFT }, function (action) {
         var _a = action.payload, channel = _a.channel, isMe = _a.isMe;
@@ -382,9 +383,9 @@ function channelListReducer(state, action) {
         var nextChannels = allChannels.filter(function (ch) { return ch.url !== channel.url; });
         var nextChannel = null;
         if (channelListQuery) {
-            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+            if (index$1.filterChannelListParams(channelListQuery, channel, currentUserId)) {
                 // Good to [add to/keep in] the ChannelList
-                nextChannels = index.getChannelsWithUpsertedChannel(allChannels, channel);
+                nextChannels = index$1.getChannelsWithUpsertedChannel(allChannels, channel);
             }
         }
         // Replace the currentChannel if I left the currentChannel
@@ -399,16 +400,16 @@ function channelListReducer(state, action) {
         return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: nextChannel, allChannels: nextChannels });
     })
         .with({
-        type: index_module.S.union(ON_USER_JOINED, ON_CHANNEL_CHANGED, ON_READ_RECEIPT_UPDATED, ON_DELIVERY_RECEIPT_UPDATED),
+        type: index.S.union(ON_USER_JOINED, ON_CHANNEL_CHANGED, ON_READ_RECEIPT_UPDATED, ON_DELIVERY_RECEIPT_UPDATED),
     }, function (action) {
         var _a, _b;
         var channel = action.payload;
         var _c = state.allChannels, allChannels = _c === void 0 ? [] : _c, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
         var unreadMessageCount = channel.unreadMessageCount;
         if (channelListQuery) {
-            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+            if (index$1.filterChannelListParams(channelListQuery, channel, currentUserId)) {
                 // Good to [add to/keep in] the ChannelList
-                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index$1.getChannelsWithUpsertedChannel(allChannels, channel) });
             }
             // Filter the channel from the ChannelList
             // Replace the currentChannel if it's filtered channel
@@ -447,9 +448,9 @@ function channelListReducer(state, action) {
         var channel = action.payload;
         var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
         if (channelListQuery) {
-            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+            if (index$1.filterChannelListParams(channelListQuery, channel, currentUserId)) {
                 // Good to [add to/keep in] the ChannelList
-                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index$1.getChannelsWithUpsertedChannel(allChannels, channel) });
             }
             // Filter the channel from the ChannelList
             // Replace the currentChannel if it's filtered channel
@@ -477,9 +478,9 @@ function channelListReducer(state, action) {
         var channel = action.payload;
         var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
         if (channelListQuery) {
-            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+            if (index$1.filterChannelListParams(channelListQuery, channel, currentUserId)) {
                 // Good to [add to/keep in] the ChannelList
-                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index$1.getChannelsWithUpsertedChannel(allChannels, channel) });
             }
             // Filter the channel from the ChannelList
             // Replace the currentChannel if it's filtered channel
@@ -506,7 +507,7 @@ function channelListReducer(state, action) {
     })
         .with({ type: CHANNEL_REPLACED_TO_TOP }, function (action) {
         if (state.channelListQuery) {
-            if (index.filterChannelListParams(state.channelListQuery, action.payload, state.currentUserId)) {
+            if (index$1.filterChannelListParams(state.channelListQuery, action.payload, state.currentUserId)) {
                 return _tslib.__assign(_tslib.__assign({}, state), { allChannels: _tslib.__spreadArray([
                         action.payload
                     ], state.allChannels.filter(function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url; }), true) });
@@ -792,7 +793,12 @@ var ChannelListProvider = function (props) {
     }
     // Set current channel (by on_channel_selected event)
     React.useEffect(function () {
-        if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+        if (!sdk || !sdk.groupChannel) {
+            return;
+        }
+        // When leaving a channel, tell consumers that the prior channel is no longer selected
+        if (!(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+            onChannelSelect(null);
             return;
         }
         sdk.groupChannel.getChannel(currentChannel.url).then(function (groupChannel) {
@@ -836,4 +842,4 @@ exports.ChannelListProvider = ChannelListProvider;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=bundle-B2URBvLa.js.map
+//# sourceMappingURL=bundle-agHXB3n2.js.map

package/cjs/chunks/{bundle-B2URBvLa.js.map → bundle-agHXB3n2.js.map}

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

package/cjs/chunks/{bundle-wavkc3Kq.js → bundle-b7L7rtxl.js}

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

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

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

package/cjs/chunks/{bundle-AWGM3boV.js → bundle-bXa0UWvD.js}

@@ -12,4 +12,4 @@ var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace
 }); };
 
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=bundle-AWGM3boV.js.map
+//# sourceMappingURL=bundle-bXa0UWvD.js.map

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

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

package/cjs/chunks/{bundle-H4IfpZyd.js → bundle-cwoX1jzF.js}

@@ -76,4 +76,4 @@ var useMediaQueryContext = function () { return React.useContext(MediaQueryConte
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=bundle-H4IfpZyd.js.map
+//# sourceMappingURL=bundle-cwoX1jzF.js.map

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

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

package/cjs/chunks/{bundle-Z_jxs6wq.js → bundle-f9YMFNAC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-97AXZ3Aa.js');
+var index = require('./bundle-Guz_a7Pd.js');
 
 /**
  * @name startOfDay
@@ -20,7 +20,6 @@ var index = require('./bundle-97AXZ3Aa.js');
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
-
 function startOfDay(dirtyDate) {
   index.requiredArgs(1, arguments);
   var date = index.toDate(dirtyDate);
@@ -56,7 +55,6 @@ function startOfDay(dirtyDate) {
  * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
  * //=> false
  */
-
 function isSameDay(dirtyDateLeft, dirtyDateRight) {
   index.requiredArgs(2, arguments);
   var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
@@ -65,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-Z_jxs6wq.js.map
+//# sourceMappingURL=bundle-f9YMFNAC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-f9YMFNAC.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-A86YKdDD.js → bundle-fYGB5Ibr.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index$1 = require('./bundle-Z_jxs6wq.js');
-var index = require('./bundle-97AXZ3Aa.js');
+var index$1 = require('./bundle-f9YMFNAC.js');
+var index = require('./bundle-Guz_a7Pd.js');
 
 /**
  * @name isToday
@@ -24,7 +24,6 @@ var index = require('./bundle-97AXZ3Aa.js');
  * const result = isToday(new Date(2014, 9, 6, 14, 0))
  * //=> true
  */
-
 function isToday(dirtyDate) {
   index.requiredArgs(1, arguments);
   return index$1.isSameDay(dirtyDate, Date.now());
@@ -48,7 +47,6 @@ function isToday(dirtyDate) {
  * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))
  * //=> true
  */
-
 function isSameYear(dirtyDateLeft, dirtyDateRight) {
   index.requiredArgs(2, arguments);
   var dateLeft = index.toDate(dirtyDateLeft);
@@ -77,7 +75,6 @@ function isSameYear(dirtyDateLeft, dirtyDateRight) {
  * const result = isThisYear(new Date(2014, 6, 2))
  * //=> true
  */
-
 function isThisYear(dirtyDate) {
   index.requiredArgs(1, arguments);
   return isSameYear(dirtyDate, Date.now());
@@ -101,21 +98,17 @@ function isThisYear(dirtyDate) {
  * const result = addDays(new Date(2014, 8, 1), 10)
  * //=> Thu Sep 11 2014 00:00:00
  */
-
 function addDays(dirtyDate, dirtyAmount) {
   index.requiredArgs(2, arguments);
   var date = index.toDate(dirtyDate);
   var amount = index.toInteger(dirtyAmount);
-
   if (isNaN(amount)) {
     return new Date(NaN);
   }
-
   if (!amount) {
     // If 0 days, no-op to avoid changing times in the hour before end of DST
     return date;
   }
-
   date.setDate(date.getDate() + amount);
   return date;
 }
@@ -138,7 +131,6 @@ function addDays(dirtyDate, dirtyAmount) {
  * const result = subDays(new Date(2014, 8, 1), 10)
  * //=> Fri Aug 22 2014 00:00:00
  */
-
 function subDays(dirtyDate, dirtyAmount) {
   index.requiredArgs(2, arguments);
   var amount = index.toInteger(dirtyAmount);
@@ -166,7 +158,6 @@ function subDays(dirtyDate, dirtyAmount) {
  * const result = isYesterday(new Date(2014, 9, 5, 14, 0))
  * //=> true
  */
-
 function isYesterday(dirtyDate) {
   index.requiredArgs(1, arguments);
   return index$1.isSameDay(dirtyDate, subDays(Date.now(), 1));
@@ -175,4 +166,4 @@ function isYesterday(dirtyDate) {
 exports.isThisYear = isThisYear;
 exports.isToday = isToday;
 exports.isYesterday = isYesterday;
-//# sourceMappingURL=bundle-A86YKdDD.js.map
+//# sourceMappingURL=bundle-fYGB5Ibr.js.map