@sendbird/uikit-react 3.15.13 → 3.15.14

package/cjs/chunks/{bundle-BBgc3koD.js → bundle-G4J-OWth.js}

@@ -1,29 +1,30 @@
 'use strict';
 
 var React = require('react');
-var index = require('./bundle-DTD48j2K.js');
-var ui_ContextMenu = require('./bundle-QF_AmnwV.js');
-var ui_Avatar = require('./bundle-DHPSwRDh.js');
+var index = require('./bundle-D7YiKR6i.js');
+var ui_ContextMenu = require('./bundle-Bqahh-7Q.js');
+var ui_Avatar = require('./bundle-CLL-nCFU.js');
 var ui_UserProfile = require('../ui/UserProfile.js');
-var UserProfileContext = require('./bundle-B0uIbH1T.js');
-var utils = require('./bundle-Cq5LKFhE.js');
-var _tslib = require('./bundle-D1slQ3hS.js');
+var UserProfileContext = require('./bundle-DeyX1dvY.js');
+var utils = require('./bundle-DQNu-S6D.js');
+var _tslib = require('./bundle-CxoFSSXv.js');
 var ui_OGMessageItemBody = require('../ui/OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('../ui/TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('../ui/FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('./bundle-Khwf-z37.js');
+var useFileInfoListWithUploaded = require('./bundle-Cq2Y8hPN.js');
 var ui_VoiceMessageItemBody = require('../ui/VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../ui/UnknownMessageItemBody.js');
+var index$1 = require('./bundle-Dn0hi6OJ.js');
 var ui_TemplateMessageItemBody = require('../ui/TemplateMessageItemBody.js');
 var ui_Button = require('../ui/Button.js');
-var ui_Label = require('./bundle-BA6Cum_9.js');
+var ui_Label = require('./bundle-B0UICprZ.js');
 var ui_MessageFeedbackFailedModal = require('../ui/MessageFeedbackFailedModal.js');
-var LocalizationContext = require('./bundle-DE5YH8Q-.js');
+var LocalizationContext = require('./bundle-DDNdw3A9.js');
 var ui_Icon = require('../ui/Icon.js');
-var consts = require('./bundle-Aw-PHA-I.js');
-var utils$1 = require('./bundle-S-XkXH4q.js');
-var consts$1 = require('./bundle-BloKh_k7.js');
+var consts = require('./bundle-CgCnWqE5.js');
+var utils$1 = require('./bundle-CzJX13Yl.js');
+var consts$1 = require('./bundle-yU9Mr2pS.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -327,7 +328,7 @@ var MessageBody = function (props) {
     var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     var isFormMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableFormTypeMessage;
     var renderUnknownMessageItemBody = function () { return React__default.default.createElement(ui_UnknownMessageItemBody, { className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel }); };
-    return index.K(message)
+    return index$1.K(message)
         .when(function (message) { return isFormMessageEnabledInGroupChannel && index.isFormMessage(message); }, function () { return (React__default.default.createElement(FormMessageItemBody, { isByMe: isByMe, message: message, form: message.messageForm, logger: config.logger })); })
         .when(index.isTemplateMessage, function () {
         var _a, _b;
@@ -385,4 +386,4 @@ var MessageHeader = function (props) {
 exports.MessageBody = MessageBody;
 exports.MessageHeader = MessageHeader;
 exports.MessageProfile = MessageProfile;
-//# sourceMappingURL=bundle-BBgc3koD.js.map
+//# sourceMappingURL=bundle-G4J-OWth.js.map

package/cjs/chunks/{bundle-BBgc3koD.js.map → bundle-G4J-OWth.js.map}

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

package/cjs/chunks/{bundle-qMxPIH0k.js → bundle-L8U6SolV.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-Ol1CxgYk.js');
-require('./bundle-D1slQ3hS.js');
-require('./bundle-BA6Cum_9.js');
+var ui_Modal = require('./bundle-YeW89zsR.js');
+require('./bundle-CxoFSSXv.js');
+require('./bundle-B0UICprZ.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-DE5YH8Q-.js');
-var stringFormatterUtils = require('./bundle-B3LOu7kN.js');
+var LocalizationContext = require('./bundle-DDNdw3A9.js');
+var stringFormatterUtils = require('./bundle-C4t_1F0C.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -31,4 +31,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 exports.RemoveMessageModalView = RemoveMessageModalView;
-//# sourceMappingURL=bundle-qMxPIH0k.js.map
+//# sourceMappingURL=bundle-L8U6SolV.js.map

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

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

package/cjs/chunks/bundle-LI9JjqG2.js

@@ -0,0 +1,263 @@
+'use strict';
+
+var _tslib = require('./bundle-CxoFSSXv.js');
+var SendbirdContext = require('./bundle-AAO7jUU2.js');
+var React = require('react');
+var SendbirdChat = require('@sendbird/chat');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var openChannel = require('@sendbird/chat/openChannel');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var SendbirdChat__default = /*#__PURE__*/_interopDefaultCompat(SendbirdChat);
+
+var updateAppInfoStore = function (state, payload) {
+    return _tslib.__assign(_tslib.__assign({}, state), { stores: _tslib.__assign(_tslib.__assign({}, state.stores), { appInfoStore: _tslib.__assign(_tslib.__assign({}, state.stores.appInfoStore), payload) }) });
+};
+var updateSdkStore = function (state, payload) {
+    return _tslib.__assign(_tslib.__assign({}, state), { stores: _tslib.__assign(_tslib.__assign({}, state.stores), { sdkStore: _tslib.__assign(_tslib.__assign({}, state.stores.sdkStore), payload) }) });
+};
+var updateUserStore = function (state, payload) {
+    return _tslib.__assign(_tslib.__assign({}, state), { stores: _tslib.__assign(_tslib.__assign({}, state.stores), { userStore: _tslib.__assign(_tslib.__assign({}, state.stores.userStore), payload) }) });
+};
+function initSDK(_a) {
+    var appId = _a.appId, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, _b = _a.sdkInitParams, sdkInitParams = _b === void 0 ? {} : _b;
+    var params = Object.assign(sdkInitParams, {
+        appId: appId,
+        modules: [new groupChannel.GroupChannelModule(), new openChannel.OpenChannelModule()],
+        // newInstance: isNewApp,
+        localCacheEnabled: true,
+    });
+    if (customApiHost)
+        params.customApiHost = customApiHost;
+    if (customWebSocketHost)
+        params.customWebSocketHost = customWebSocketHost;
+    return SendbirdChat__default.default.init(params);
+}
+var APP_VERSION_STRING = '3.15.14';
+/**
+ * Sets up the Sendbird SDK after initialization.
+ * Configures necessary settings, adds extensions, sets the platform, and configures the session handler if provided.
+ */
+function setupSDK(sdk, params) {
+    var _a, _b;
+    var logger = params.logger, sessionHandler = params.sessionHandler, isMobile = params.isMobile, customExtensionParams = params.customExtensionParams;
+    (_a = logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useConnect/setupConnection/setVersion', { version: APP_VERSION_STRING });
+    sdk.addExtension('sb_uikit', APP_VERSION_STRING);
+    sdk.addSendbirdExtensions([{ product: SendbirdChat.SendbirdProduct.UIKIT_CHAT, version: APP_VERSION_STRING, platform: SendbirdChat.SendbirdPlatform === null || SendbirdChat.SendbirdPlatform === void 0 ? void 0 : SendbirdChat.SendbirdPlatform.JS }], { platform: isMobile ? SendbirdChat.DeviceOsPlatform.MOBILE_WEB : SendbirdChat.DeviceOsPlatform.WEB }, customExtensionParams);
+    if (sessionHandler) {
+        (_b = logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, 'SendbirdProvider | useConnect/setupConnection/configureSession', sessionHandler);
+        sdk.setSessionHandler(sessionHandler);
+    }
+}
+
+var NO_CONTEXT_ERROR = 'No sendbird state value available. Make sure you are rendering `<SendbirdProvider>` at the top of your app.';
+var useSendbird = function () {
+    var store = React.useContext(SendbirdContext.SendbirdContext);
+    if (!store)
+        throw new Error(NO_CONTEXT_ERROR);
+    var state = SendbirdContext.shimExports.useSyncExternalStore(store.subscribe, store.getState);
+    var actions = React.useMemo(function () { return ({
+        /* Example: How to set the state basically */
+        // exampleAction: () => {
+        //   store.setState((state): SendbirdState => ({
+        //     ...state,
+        //     example: true,
+        //   })),
+        // },
+        /* AppInfo */
+        initMessageTemplateInfo: function (_a) {
+            var payload = _a.payload;
+            store.setState(function (state) { return (updateAppInfoStore(state, {
+                messageTemplatesInfo: payload,
+                waitingTemplateKeysMap: {},
+            })); });
+        },
+        upsertMessageTemplates: function (_a) {
+            var payload = _a.payload;
+            var appInfoStore = state.stores.appInfoStore;
+            var templatesInfo = appInfoStore.messageTemplatesInfo;
+            if (!templatesInfo)
+                return state; // Not initialized. Ignore.
+            var waitingTemplateKeysMap = _tslib.__assign({}, appInfoStore.waitingTemplateKeysMap);
+            payload.forEach(function (templatesMapData) {
+                var key = templatesMapData.key, template = templatesMapData.template;
+                templatesInfo.templatesMap[key] = template;
+                delete waitingTemplateKeysMap[key];
+            });
+            store.setState(function (state) { return (updateAppInfoStore(state, {
+                waitingTemplateKeysMap: waitingTemplateKeysMap,
+                messageTemplatesInfo: templatesInfo,
+            })); });
+        },
+        upsertWaitingTemplateKeys: function (_a) {
+            var payload = _a.payload;
+            var appInfoStore = state.stores.appInfoStore;
+            var keys = payload.keys, requestedAt = payload.requestedAt;
+            var waitingTemplateKeysMap = _tslib.__assign({}, appInfoStore.waitingTemplateKeysMap);
+            keys.forEach(function (key) {
+                var _a, _b;
+                waitingTemplateKeysMap[key] = {
+                    erroredMessageIds: (_b = (_a = waitingTemplateKeysMap[key]) === null || _a === void 0 ? void 0 : _a.erroredMessageIds) !== null && _b !== void 0 ? _b : [],
+                    requestedAt: requestedAt,
+                };
+            });
+            store.setState(function (state) { return (updateAppInfoStore(state, {
+                waitingTemplateKeysMap: waitingTemplateKeysMap,
+            })); });
+        },
+        markErrorWaitingTemplateKeys: function (_a) {
+            var payload = _a.payload;
+            var appInfoStore = state.stores.appInfoStore;
+            var keys = payload.keys, messageId = payload.messageId;
+            var waitingTemplateKeysMap = _tslib.__assign({}, appInfoStore.waitingTemplateKeysMap);
+            keys.forEach(function (key) {
+                var waitingTemplateKeyData = waitingTemplateKeysMap[key];
+                if (waitingTemplateKeyData && waitingTemplateKeyData.erroredMessageIds.indexOf(messageId) === -1) {
+                    waitingTemplateKeyData.erroredMessageIds.push(messageId);
+                }
+            });
+            store.setState(function (state) { return (updateAppInfoStore(state, {
+                waitingTemplateKeysMap: waitingTemplateKeysMap,
+            })); });
+        },
+        /* SDK */
+        setSdkLoading: function (payload) {
+            store.setState(function (state) { return (updateSdkStore(state, {
+                initialized: false,
+                loading: payload,
+            })); });
+        },
+        sdkError: function () {
+            store.setState(function (state) { return (updateSdkStore(state, {
+                initialized: false,
+                loading: false,
+                error: true,
+            })); });
+        },
+        initSdk: function (payload) {
+            store.setState(function (state) { return (updateSdkStore(state, {
+                sdk: payload,
+                initialized: true,
+                loading: false,
+                error: false,
+            })); });
+        },
+        resetSdk: function () {
+            store.setState(function (state) { return (updateSdkStore(state, {
+                sdk: null,
+                initialized: false,
+                loading: false,
+                error: false,
+            })); });
+        },
+        /* User */
+        initUser: function (payload) {
+            store.setState(function (state) { return (updateUserStore(state, {
+                initialized: true,
+                loading: false,
+                user: payload,
+            })); });
+        },
+        resetUser: function () {
+            store.setState(function (state) { return (updateUserStore(state, {
+                initialized: false,
+                loading: false,
+                user: null,
+            })); });
+        },
+        updateUserInfo: function (payload) {
+            store.setState(function (state) { return (updateUserStore(state, {
+                user: payload,
+            })); });
+        },
+        /* Connection */
+        connect: function (params) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+            var logger, userId, appId, accessToken, nickname, profileUrl, isMobile, sdkInitParams, customApiHost, customWebSocketHost, customExtensionParams, eventHandlers, initializeMessageTemplatesInfo, configureSession, initDashboardConfigs, sdk, user, error_1, sendbirdError;
+            var _a, _b, _c, _d, _e;
+            return _tslib.__generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        logger = params.logger, userId = params.userId, appId = params.appId, accessToken = params.accessToken, nickname = params.nickname, profileUrl = params.profileUrl, isMobile = params.isMobile, sdkInitParams = params.sdkInitParams, customApiHost = params.customApiHost, customWebSocketHost = params.customWebSocketHost, customExtensionParams = params.customExtensionParams, eventHandlers = params.eventHandlers, initializeMessageTemplatesInfo = params.initializeMessageTemplatesInfo, configureSession = params.configureSession, initDashboardConfigs = params.initDashboardConfigs;
+                        // clean up previous ws connection
+                        return [4 /*yield*/, actions.disconnect({ logger: logger })];
+                    case 1:
+                        // clean up previous ws connection
+                        _f.sent();
+                        sdk = initSDK({
+                            appId: appId,
+                            customApiHost: customApiHost,
+                            customWebSocketHost: customWebSocketHost,
+                            sdkInitParams: sdkInitParams,
+                        });
+                        setupSDK(sdk, {
+                            logger: logger,
+                            isMobile: isMobile,
+                            customExtensionParams: customExtensionParams,
+                            sessionHandler: configureSession ? configureSession(sdk) : undefined,
+                        });
+                        actions.setSdkLoading(true);
+                        _f.label = 2;
+                    case 2:
+                        _f.trys.push([2, 8, , 9]);
+                        return [4 /*yield*/, sdk.connect(userId, accessToken)];
+                    case 3:
+                        user = _f.sent();
+                        actions.initUser(user);
+                        if (!(nickname || profileUrl)) return [3 /*break*/, 5];
+                        return [4 /*yield*/, sdk.updateCurrentUserInfo({
+                                nickname: nickname || user.nickname || '',
+                                profileUrl: profileUrl || user.profileUrl,
+                            })];
+                    case 4:
+                        _f.sent();
+                        _f.label = 5;
+                    case 5: return [4 /*yield*/, (initializeMessageTemplatesInfo === null || initializeMessageTemplatesInfo === void 0 ? void 0 : initializeMessageTemplatesInfo(sdk))];
+                    case 6:
+                        _f.sent();
+                        return [4 /*yield*/, (initDashboardConfigs === null || initDashboardConfigs === void 0 ? void 0 : initDashboardConfigs(sdk))];
+                    case 7:
+                        _f.sent();
+                        actions.initSdk(sdk);
+                        (_b = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _a === void 0 ? void 0 : _a.onConnected) === null || _b === void 0 ? void 0 : _b.call(_a, user);
+                        return [3 /*break*/, 9];
+                    case 8:
+                        error_1 = _f.sent();
+                        sendbirdError = error_1;
+                        actions.resetSdk();
+                        actions.resetUser();
+                        (_c = logger.error) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useSendbird/connect failed', sendbirdError);
+                        (_e = (_d = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _d === void 0 ? void 0 : _d.onFailed) === null || _e === void 0 ? void 0 : _e.call(_d, sendbirdError);
+                        return [3 /*break*/, 9];
+                    case 9: return [2 /*return*/];
+                }
+            });
+        }); },
+        disconnect: function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
+            var sdk;
+            var _c;
+            var logger = _b.logger;
+            return _tslib.__generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        actions.setSdkLoading(true);
+                        sdk = state.stores.sdkStore.sdk;
+                        if (!(sdk === null || sdk === void 0 ? void 0 : sdk.disconnectWebSocket)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, sdk.disconnectWebSocket()];
+                    case 1:
+                        _d.sent();
+                        _d.label = 2;
+                    case 2:
+                        actions.resetSdk();
+                        actions.resetUser();
+                        (_c = logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useSendbird/disconnect completed');
+                        return [2 /*return*/];
+                }
+            });
+        }); },
+    }); }, [store, state.stores.appInfoStore]);
+    return { state: state, actions: actions };
+};
+
+exports.useSendbird = useSendbird;
+//# sourceMappingURL=bundle-LI9JjqG2.js.map

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

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

package/cjs/chunks/{bundle-DeLEOQNO.js → bundle-THfLGJxy.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-DWfeFlxG.js');
-var utils = require('./bundle-nWxq3V_Q.js');
+var pubSub_topics = require('./bundle-BPWJgESF.js');
+var utils = require('./bundle-CqFqMb6S.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('./bundle-DE5YH8Q-.js');
-var consts = require('./bundle-BloKh_k7.js');
+require('./bundle-DDNdw3A9.js');
+var consts = require('./bundle-yU9Mr2pS.js');
 
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
@@ -175,4 +175,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-DeLEOQNO.js.map
+//# sourceMappingURL=bundle-THfLGJxy.js.map

package/cjs/chunks/{bundle-B5-vaN7x.js.map → bundle-THfLGJxy.js.map}

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

package/cjs/chunks/{bundle-Bhf_RRfA.js → bundle-UKqK7ytZ.js}

@@ -22,4 +22,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 exports.useReconnectOnIdle = useReconnectOnIdle;
-//# sourceMappingURL=bundle-Bhf_RRfA.js.map
+//# sourceMappingURL=bundle-UKqK7ytZ.js.map

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

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

package/cjs/chunks/{bundle-ChVeqDIG.js → bundle-Y1fPW7ES.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var _tslib = require('./bundle-D1slQ3hS.js');
+var _tslib = require('./bundle-CxoFSSXv.js');
 var React = require('react');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('./bundle-BSfpBazH.js');
-var LocalizationContext = require('./bundle-DE5YH8Q-.js');
-var MediaQueryContext = require('./bundle-B5aEwfu1.js');
-var utils = require('./bundle-Cq5LKFhE.js');
-var index = require('./bundle-DTD48j2K.js');
-var ui_MessageStatus = require('./bundle-D6fimwV5.js');
+var useLongPress = require('./bundle-Bd-cNaJc.js');
+var LocalizationContext = require('./bundle-DDNdw3A9.js');
+var MediaQueryContext = require('./bundle-CyQD5TkW.js');
+var utils = require('./bundle-DQNu-S6D.js');
+var index = require('./bundle-D7YiKR6i.js');
+var ui_MessageStatus = require('./bundle-BFKxvlzn.js');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
 var ui_Badge = require('../ui/Badge.js');
 var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-BA6Cum_9.js');
+var ui_Label = require('./bundle-B0UICprZ.js');
 var ui_MentionUserLabel = require('../ui/MentionUserLabel.js');
-var ui_Modal = require('./bundle-Ol1CxgYk.js');
+var ui_Modal = require('./bundle-YeW89zsR.js');
 var ui_TextButton = require('../ui/TextButton.js');
-var tokenize = require('./bundle-BbpZ1Xe-.js');
+var tokenize = require('./bundle-CXHWkhsI.js');
+var useSendbird = require('./bundle-LI9JjqG2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -25,7 +25,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var GroupChannelListItemView = function (_a) {
     var channel = _a.channel, tabIndex = _a.tabIndex, isTyping = _a.isTyping, isSelected = _a.isSelected, channelName = _a.channelName, _b = _a.isMessageStatusEnabled, isMessageStatusEnabled = _b === void 0 ? true : _b, _c = _a.onClick, onClick = _c === void 0 ? utils.noop : _c, _d = _a.onLeaveChannel, onLeaveChannel = _d === void 0 ? function () { return Promise.resolve(); } : _d, renderChannelAction = _a.renderChannelAction;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var config = useSendbird.useSendbird().state.config;
     var theme = config.theme, userId = config.userId;
     var _e = LocalizationContext.useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
@@ -95,4 +95,4 @@ var GroupChannelListItemView = function (_a) {
 };
 
 exports.GroupChannelListItemView = GroupChannelListItemView;
-//# sourceMappingURL=bundle-ChVeqDIG.js.map
+//# sourceMappingURL=bundle-Y1fPW7ES.js.map

package/{chunks/bundle-_sFl37fA.js.map → cjs/chunks/bundle-Y1fPW7ES.js.map}

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

package/cjs/chunks/bundle-YeW89zsR.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var _tslib = require('./bundle-CxoFSSXv.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var utils = require('./bundle-DQNu-S6D.js');
+var LocalizationContext = require('./bundle-DDNdw3A9.js');
+var MediaQueryContext = require('./bundle-CyQD5TkW.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-B0UICprZ.js');
+var uuid = require('./bundle-BUGwK1WK.js');
+var useSendbird = require('./bundle-LI9JjqG2.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+// simple component to be used as modal root
+var MODAL_ROOT = 'sendbird-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__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__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__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;
+    var _b = props.children, children = _b === void 0 ? null : _b, _c = props.className, className = _c === void 0 ? '' : _c, _d = props.contentClassName, contentClassName = _d === void 0 ? '' : _d, _e = props.isCloseOnClickOutside, isCloseOnClickOutside = _e === void 0 ? false : _e, _f = props.isFullScreenOnMobile, isFullScreenOnMobile = _f === void 0 ? false : _f, titleText = props.titleText, submitText = props.submitText, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.hideFooter, hideFooter = _h === void 0 ? false : _h, _j = props.type, type = _j === void 0 ? ui_Button.ButtonTypes.DANGER : _j, renderHeader = props.renderHeader, _k = props.onSubmit, onSubmit = _k === void 0 ? utils.noop : _k, onClose = props.onClose, onCancel = props.onCancel, customFooter = props.customFooter;
+    var handleClose = (_a = onClose !== null && onClose !== void 0 ? onClose : onCancel) !== null && _a !== void 0 ? _a : utils.noop;
+    var eventHandlers = useSendbird.useSendbird().state.eventHandlers;
+    var id = React.useState(function () { return "sbu-modal-".concat(uuid.uuidv4()); })[0];
+    React.useEffect(function () {
+        var _a, _b;
+        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__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__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();
+                }
+            } })), document.getElementById(MODAL_ROOT));
+}
+
+exports.MODAL_ROOT = MODAL_ROOT;
+exports.Modal = Modal;
+exports.ModalBody = ModalBody;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.ModalRoot = ModalRoot;
+//# sourceMappingURL=bundle-YeW89zsR.js.map

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

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

package/cjs/chunks/{bundle-DmO3Qtot.js → bundle-aMt_60_o.js}

@@ -2224,4 +2224,4 @@ function MessageTemplate(_a) {
 
 exports.MessageProvider = MessageProvider;
 exports.MessageTemplate = MessageTemplate;
-//# sourceMappingURL=bundle-DmO3Qtot.js.map
+//# sourceMappingURL=bundle-aMt_60_o.js.map