@sendbird/uikit-react 3.13.3 → 3.14.0-beta.2

package/cjs/OpenChannelSettings/components/OperatorUI.js

@@ -3,50 +3,50 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-DvduWWQk.js');
-var ui_Label = require('../../chunks/bundle-B-njjZtk.js');
+var LocalizationContext = require('../../chunks/bundle-CmFB08Wf.js');
+var ui_Label = require('../../chunks/bundle-C88DsCNB.js');
 var ui_Icon = require('../../ui/Icon.js');
 var OpenChannelSettings_context = require('../context.js');
 var OpenChannelSettings_components_OpenChannelProfile = require('./OpenChannelProfile.js');
-var ui_Modal = require('../../chunks/bundle-BJD09510.js');
+var ui_Modal = require('../../chunks/bundle-dNtU9_eg.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-r8oxykjl.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-DAVdWPDx.js');
 var ui_Accordion = require('../../ui/Accordion.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var _tslib = require('../../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../../chunks/bundle-Q5_I3n-8.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-var utils = require('../../chunks/bundle-Bc6y_vRE.js');
-require('../../chunks/bundle-prE7SKQr.js');
-require('../../chunks/bundle-D_qbYkHk.js');
+var utils = require('../../chunks/bundle-CDBTt08y.js');
+require('../../chunks/bundle-CqF06THu.js');
+require('../../chunks/bundle-1hCsXfVb.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-tbYf0yOX.js');
-require('../../chunks/bundle-S09sS9Ub.js');
+require('../../chunks/bundle-BF04PgMH.js');
+require('../../chunks/bundle-DfYperTC.js');
 require('../../withSendbird.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-BpwSTA3F.js');
+require('../../chunks/bundle-SIHqK2VF.js');
 require('../../ui/OpenChannelAvatar.js');
-require('../../chunks/bundle-DkGYX29W.js');
+require('../../chunks/bundle-BsGXZt6G.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-HXyGAP9T.js');
-require('../../chunks/bundle-d3t3a2vc.js');
+require('../../chunks/bundle--ToWZ9cj.js');
+require('../../chunks/bundle-BH87xcnc.js');
 require('./EditDetailsModal.js');
-require('../../chunks/bundle-DcVYwXP-.js');
+require('../../chunks/bundle-BMsGwLym.js');
 require('../../ui/Input.js');
 require('react-dom');
-require('../../chunks/bundle-1FXPxsfD.js');
-require('../../chunks/bundle-B6FFmfTl.js');
+require('../../chunks/bundle-CsvKRjaK.js');
+require('../../chunks/bundle-BLh1DOSs.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/AccordionGroup.js');
 require('@sendbird/chat');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-Tx6vw4BY.js');
+require('../../chunks/bundle-B1Nml3ap.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-HOuE7syZ.js');
+require('../../chunks/bundle-Cmmi9pdk.js');
 require('../../ui/Checkbox.js');
 
 function DeleteChannel() {

package/cjs/OpenChannelSettings/components/ParticipantUI.js

@@ -1,40 +1,40 @@
 'use strict';
 
-require('../../chunks/bundle-B3Lu20wG.js');
+require('../../chunks/bundle-Q5_I3n-8.js');
 require('react');
 require('../../ui/Button.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-B-njjZtk.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-r8oxykjl.js');
-require('../../chunks/bundle-DvduWWQk.js');
+require('../../chunks/bundle-C88DsCNB.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-DAVdWPDx.js');
+require('../../chunks/bundle-CmFB08Wf.js');
 require('../context.js');
 require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-prE7SKQr.js');
+require('../../chunks/bundle-CqF06THu.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-S09sS9Ub.js');
-require('../../chunks/bundle-Tx6vw4BY.js');
+require('../../chunks/bundle-DfYperTC.js');
+require('../../chunks/bundle-B1Nml3ap.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-HOuE7syZ.js');
-require('../../chunks/bundle-Bc6y_vRE.js');
-require('../../chunks/bundle-tbYf0yOX.js');
-require('../../chunks/bundle-B6FFmfTl.js');
-require('../../chunks/bundle-DkGYX29W.js');
+require('../../chunks/bundle-Cmmi9pdk.js');
+require('../../chunks/bundle-CDBTt08y.js');
+require('../../chunks/bundle-BF04PgMH.js');
+require('../../chunks/bundle-BLh1DOSs.js');
+require('../../chunks/bundle-BsGXZt6G.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-HXyGAP9T.js');
-require('../../chunks/bundle-1FXPxsfD.js');
+require('../../chunks/bundle--ToWZ9cj.js');
+require('../../chunks/bundle-CsvKRjaK.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DcVYwXP-.js');
-require('../../chunks/bundle-D_qbYkHk.js');
+require('../../chunks/bundle-BMsGwLym.js');
+require('../../chunks/bundle-1hCsXfVb.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-BJD09510.js');
+require('../../chunks/bundle-dNtU9_eg.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
 

package/cjs/OpenChannelSettings/context.js

@@ -3,10 +3,10 @@
 var React = require('react');
 var openChannel = require('@sendbird/chat/openChannel');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
-var uuid = require('../chunks/bundle-S09sS9Ub.js');
+var UserProfileContext = require('../chunks/bundle-BF04PgMH.js');
+var uuid = require('../chunks/bundle-DfYperTC.js');
 require('../withSendbird.js');
-require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-Q5_I3n-8.js');
 
 var OpenChannelSettingsContext = React.createContext(undefined);
 var OpenChannelSettingsProvider = function (props) {

package/cjs/OpenChannelSettings.js

@@ -5,44 +5,44 @@ var OpenChannelSettings_components_OpenChannelSettingsUI = require('./OpenChanne
 var OpenChannelSettings_context = require('./OpenChannelSettings/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-B3Lu20wG.js');
-require('./chunks/bundle-DvduWWQk.js');
-require('./chunks/bundle-prE7SKQr.js');
-require('./chunks/bundle-D_qbYkHk.js');
-require('./chunks/bundle-B-njjZtk.js');
+require('./chunks/bundle-Q5_I3n-8.js');
+require('./chunks/bundle-CmFB08Wf.js');
+require('./chunks/bundle-CqF06THu.js');
+require('./chunks/bundle-1hCsXfVb.js');
+require('./chunks/bundle-C88DsCNB.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-Bc6y_vRE.js');
+require('./chunks/bundle-CDBTt08y.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-BpwSTA3F.js');
+require('./chunks/bundle-SIHqK2VF.js');
 require('./ui/OpenChannelAvatar.js');
-require('./chunks/bundle-DkGYX29W.js');
+require('./chunks/bundle-BsGXZt6G.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-HXyGAP9T.js');
-require('./chunks/bundle-d3t3a2vc.js');
+require('./chunks/bundle--ToWZ9cj.js');
+require('./chunks/bundle-BH87xcnc.js');
 require('./OpenChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-DcVYwXP-.js');
-require('./chunks/bundle-BJD09510.js');
+require('./chunks/bundle-BMsGwLym.js');
+require('./chunks/bundle-dNtU9_eg.js');
 require('react-dom');
-require('./chunks/bundle-1FXPxsfD.js');
+require('./chunks/bundle-CsvKRjaK.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Input.js');
-require('./chunks/bundle-r8oxykjl.js');
+require('./chunks/bundle-DAVdWPDx.js');
 require('./ui/ContextMenu.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-S09sS9Ub.js');
-require('./chunks/bundle-Tx6vw4BY.js');
+require('./chunks/bundle-DfYperTC.js');
+require('./chunks/bundle-B1Nml3ap.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-HOuE7syZ.js');
-require('./chunks/bundle-tbYf0yOX.js');
-require('./chunks/bundle-B6FFmfTl.js');
+require('./chunks/bundle-Cmmi9pdk.js');
+require('./chunks/bundle-BF04PgMH.js');
+require('./chunks/bundle-BLh1DOSs.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');

package/cjs/SendbirdProvider.js

@@ -2,40 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-B3Lu20wG.js');
+var _tslib = require('./chunks/bundle-Q5_I3n-8.js');
 var React = require('react');
 var uikitTools = require('@sendbird/uikit-tools');
 var withSendbird = require('./withSendbird.js');
 var cssVars = require('css-vars-ponyfill');
-var index = require('./chunks/bundle-HOuE7syZ.js');
-var actionTypes = require('./chunks/bundle-BXQqL0gU.js');
-var useMarkAsDeliveredScheduler = require('./chunks/bundle-DdS-jEnE.js');
+var index = require('./chunks/bundle-Cmmi9pdk.js');
+var actionTypes = require('./chunks/bundle-CW9QUnWM.js');
+var useMarkAsDeliveredScheduler = require('./chunks/bundle-C2v2lxLx.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var index$1 = require('./chunks/bundle-Tx6vw4BY.js');
-var utils = require('./chunks/bundle-Bc6y_vRE.js');
-var index$2 = require('./chunks/bundle-YUHup5bR.js');
-var VoicePlayer_context = require('./chunks/bundle-CKC-b4Bw.js');
+var index$1 = require('./chunks/bundle-B1Nml3ap.js');
+var utils = require('./chunks/bundle-CDBTt08y.js');
+var index$2 = require('./chunks/bundle-6eXm5bOG.js');
+var VoicePlayer_context = require('./chunks/bundle-BwO19Jro.js');
 var VoiceRecorder_context = require('./VoiceRecorder/context.js');
-var LocalizationContext = require('./chunks/bundle-DvduWWQk.js');
-var MediaQueryContext = require('./chunks/bundle-1FXPxsfD.js');
-var stringSet = require('./chunks/bundle-prE7SKQr.js');
-var consts = require('./chunks/bundle-BBS4PSSm.js');
-var resolvedReplyType = require('./chunks/bundle-IVxSH9N4.js');
+var LocalizationContext = require('./chunks/bundle-CmFB08Wf.js');
+var MediaQueryContext = require('./chunks/bundle-CsvKRjaK.js');
+var stringSet = require('./chunks/bundle-CqF06THu.js');
+var consts = require('./chunks/bundle-Dpu1gg5r.js');
+var resolvedReplyType = require('./chunks/bundle-e6crA6HI.js');
 var hooks_useModal = require('./hooks/useModal.js');
-var ui_ContextMenu = require('./ui/ContextMenu.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var ui_Modal = require('./chunks/bundle-BJD09510.js');
-require('./chunks/bundle-S09sS9Ub.js');
+require('./chunks/bundle-DfYperTC.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-D_qbYkHk.js');
+require('./chunks/bundle-dNtU9_eg.js');
 require('react-dom');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-B-njjZtk.js');
+require('./chunks/bundle-C88DsCNB.js');
 require('./ui/Icon.js');
-require('./ui/SortByRow.js');
+require('./chunks/bundle-1hCsXfVb.js');
 
 var isEmpty = function (obj) {
     if (obj === null || obj === undefined) {
@@ -207,9 +205,9 @@ function reducer$1(state, action) {
 
 var APP_INFO_ACTIONS = {
     INITIALIZE_MESSAGE_TEMPLATES_INFO: 'INITIALIZE_MESSAGE_TEMPLATES_INFO',
-    UPSERT_MESSAGE_TEMPLATE: 'UPSERT_MESSAGE_TEMPLATE',
-    UPSERT_WAITING_TEMPLATE_KEY: 'UPSERT_WAITING_TEMPLATE_KEY',
-    MARK_ERROR_WAITING_TEMPLATE_KEY: 'MARK_ERROR_WAITING_TEMPLATE_KEY',
+    UPSERT_MESSAGE_TEMPLATES: 'UPSERT_MESSAGE_TEMPLATES',
+    UPSERT_WAITING_TEMPLATE_KEYS: 'UPSERT_WAITING_TEMPLATE_KEYS',
+    MARK_ERROR_WAITING_TEMPLATE_KEYS: 'MARK_ERROR_WAITING_TEMPLATE_KEYS',
 };
 
 function reducer(state, action) {
@@ -221,33 +219,43 @@ function reducer(state, action) {
             waitingTemplateKeysMap: {},
         };
     })
-        .with({ type: APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATE }, function (_a) {
+        .with({ type: APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATES }, function (_a) {
         var payload = _a.payload;
         var templatesInfo = state.messageTemplatesInfo;
         if (!templatesInfo)
             return state; // Not initialized. Ignore.
-        var key = payload.key, template = payload.template;
-        templatesInfo.templatesMap[key] = template;
-        delete state.waitingTemplateKeysMap[key];
-        return _tslib.__assign(_tslib.__assign({}, state), { messageTemplatesInfo: templatesInfo });
+        var waitingTemplateKeysMap = _tslib.__assign({}, state.waitingTemplateKeysMap);
+        payload.forEach(function (templatesMapData) {
+            var key = templatesMapData.key, template = templatesMapData.template;
+            templatesInfo.templatesMap[key] = template;
+            delete waitingTemplateKeysMap[key];
+        });
+        return _tslib.__assign(_tslib.__assign({}, state), { waitingTemplateKeysMap: waitingTemplateKeysMap, messageTemplatesInfo: templatesInfo });
     })
-        .with({ type: APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEY }, function (_a) {
+        .with({ type: APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEYS }, function (_a) {
         var payload = _a.payload;
-        var key = payload.key, requestedAt = payload.requestedAt;
-        state.waitingTemplateKeysMap[key] = {
-            requestedAt: requestedAt,
-            isError: false,
-        };
-        return _tslib.__assign({}, state);
+        var keys = payload.keys, requestedAt = payload.requestedAt;
+        var waitingTemplateKeysMap = _tslib.__assign({}, state.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,
+            };
+        });
+        return _tslib.__assign(_tslib.__assign({}, state), { waitingTemplateKeysMap: waitingTemplateKeysMap });
     })
-        .with({ type: APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEY }, function (_a) {
+        .with({ type: APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEYS }, function (_a) {
         var payload = _a.payload;
-        var key = payload.key;
-        var waitingTemplateKeyData = state.waitingTemplateKeysMap[key];
-        if (waitingTemplateKeyData) {
-            waitingTemplateKeyData.isError = true;
-        }
-        return _tslib.__assign({}, state);
+        var keys = payload.keys, messageId = payload.messageId;
+        var waitingTemplateKeysMap = _tslib.__assign({}, state.waitingTemplateKeysMap);
+        keys.forEach(function (key) {
+            var waitingTemplateKeyData = waitingTemplateKeysMap[key];
+            if (waitingTemplateKeyData && waitingTemplateKeyData.erroredMessageIds.indexOf(messageId) === -1) {
+                waitingTemplateKeyData.erroredMessageIds.push(messageId);
+            }
+        });
+        return _tslib.__assign(_tslib.__assign({}, state), { waitingTemplateKeysMap: waitingTemplateKeysMap });
     })
         .otherwise(function () {
         return state;
@@ -282,7 +290,7 @@ function disconnectSdk(_a) {
     });
 }
 
-var APP_VERSION_STRING = '3.13.3';
+var APP_VERSION_STRING = '3.14.0-beta.2';
 var INIT_SDK = SDK_ACTIONS.INIT_SDK, SET_SDK_LOADING = SDK_ACTIONS.SET_SDK_LOADING, RESET_SDK = SDK_ACTIONS.RESET_SDK, SDK_ERROR = SDK_ACTIONS.SDK_ERROR;
 var INIT_USER = actionTypes.USER_ACTIONS.INIT_USER, UPDATE_USER_INFO = actionTypes.USER_ACTIONS.UPDATE_USER_INFO, RESET_USER = actionTypes.USER_ACTIONS.RESET_USER;
 function getMissingParamError(_a) {
@@ -656,6 +664,30 @@ var LoggerFactory = function (lvl, customInterface) {
 };
 // TODO: Make this to hook, useLogger
 
+function useAppendDomNode(ids, rootSelector) {
+    if (ids === void 0) { ids = []; }
+    if (rootSelector === void 0) { rootSelector = 'unknown'; }
+    React.useEffect(function () {
+        var root = document.querySelector(rootSelector);
+        if (root) {
+            ids.forEach(function (id) {
+                var elem = document.createElement('div');
+                elem.setAttribute('id', id);
+                root.appendChild(elem);
+            });
+        }
+        return function () {
+            if (root) {
+                ids.forEach(function (id) {
+                    var target = document.getElementById(id);
+                    if (target)
+                        root.removeChild(target);
+                });
+            }
+        };
+    }, []);
+}
+
 var VoiceMessageProvider = function (_a) {
     var children = _a.children;
     return (React.createElement(VoicePlayer_context.VoicePlayerProvider, null,
@@ -807,7 +839,7 @@ var getProcessedTemplate = function (parsedTemplate) {
         colorVariables: parsedTemplate.color_variables,
     };
 };
-var getProcessedTemplates = function (parsedTemplates) {
+var getProcessedTemplatesMap = function (parsedTemplates) {
     var processedTemplates = {};
     parsedTemplates.forEach(function (template) {
         processedTemplates[template.key] = getProcessedTemplate(template);
@@ -816,7 +848,7 @@ var getProcessedTemplates = function (parsedTemplates) {
 };
 
 var MESSAGE_TEMPLATES_FETCH_LIMIT = 20;
-var INITIALIZE_MESSAGE_TEMPLATES_INFO = APP_INFO_ACTIONS.INITIALIZE_MESSAGE_TEMPLATES_INFO, UPSERT_MESSAGE_TEMPLATE = APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATE, UPSERT_WAITING_TEMPLATE_KEY = APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEY, MARK_ERROR_WAITING_TEMPLATE_KEY = APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEY;
+var INITIALIZE_MESSAGE_TEMPLATES_INFO = APP_INFO_ACTIONS.INITIALIZE_MESSAGE_TEMPLATES_INFO, UPSERT_MESSAGE_TEMPLATES = APP_INFO_ACTIONS.UPSERT_MESSAGE_TEMPLATES, UPSERT_WAITING_TEMPLATE_KEYS = APP_INFO_ACTIONS.UPSERT_WAITING_TEMPLATE_KEYS, MARK_ERROR_WAITING_TEMPLATE_KEYS = APP_INFO_ACTIONS.MARK_ERROR_WAITING_TEMPLATE_KEYS;
 function useMessageTemplateUtils(_a) {
     var _this = this;
     var sdk = _a.sdk, logger = _a.logger, appInfoStore = _a.appInfoStore, appInfoDispatcher = _a.appInfoDispatcher;
@@ -885,7 +917,7 @@ function useMessageTemplateUtils(_a) {
                     parsedTemplates = _b.sent();
                     newMessageTemplatesInfo = {
                         token: sdkMessageTemplateToken,
-                        templatesMap: getProcessedTemplates(parsedTemplates),
+                        templatesMap: getProcessedTemplatesMap(parsedTemplates),
                     };
                     appInfoDispatcher({ type: INITIALIZE_MESSAGE_TEMPLATES_INFO, payload: newMessageTemplatesInfo });
                     localStorage.setItem(consts.CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, sdkMessageTemplateToken);
@@ -898,7 +930,7 @@ function useMessageTemplateUtils(_a) {
                         parsedTemplates = JSON.parse(cachedMessageTemplates);
                         newMessageTemplatesInfo = {
                             token: sdkMessageTemplateToken,
-                            templatesMap: getProcessedTemplates(parsedTemplates),
+                            templatesMap: getProcessedTemplatesMap(parsedTemplates),
                         };
                         appInfoDispatcher({ type: INITIALIZE_MESSAGE_TEMPLATES_INFO, payload: newMessageTemplatesInfo });
                     }
@@ -911,63 +943,83 @@ function useMessageTemplateUtils(_a) {
      * If given message is a template message with template key and if the key does not exist in the cache,
      * update the cache by fetching the template.
      */
-    var updateMessageTemplatesInfo = function (templateKey, requestedAt) { return _tslib.__awaiter(_this, void 0, void 0, function () {
-        var parsedTemplate, newTemplate, e_1, cachedMessageTemplates, parsedTemplates, processedTemplate;
+    var updateMessageTemplatesInfo = function (templateKeys, messageId, requestedAt) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        var newParsedTemplates_1, hasMore, token, result, e_1, cachedMessageTemplates, parsedTemplates_1, existingKeys_1;
         var _a;
         return _tslib.__generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!appInfoDispatcher) return [3 /*break*/, 5];
+                    if (!appInfoDispatcher) return [3 /*break*/, 7];
                     appInfoDispatcher({
-                        type: UPSERT_WAITING_TEMPLATE_KEY,
+                        type: UPSERT_WAITING_TEMPLATE_KEYS,
                         payload: {
-                            key: templateKey,
+                            keys: templateKeys,
                             requestedAt: requestedAt,
                         },
                     });
-                    parsedTemplate = null;
+                    newParsedTemplates_1 = [];
                     _b.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, sdk.message.getMessageTemplate(templateKey)];
+                    _b.trys.push([1, 5, , 6]);
+                    hasMore = true;
+                    token = null;
+                    _b.label = 2;
                 case 2:
-                    newTemplate = _b.sent();
-                    parsedTemplate = JSON.parse(newTemplate.template);
-                    return [3 /*break*/, 4];
+                    if (!hasMore) return [3 /*break*/, 4];
+                    return [4 /*yield*/, sdk.message.getMessageTemplatesByToken(token, {
+                            keys: templateKeys,
+                        })];
                 case 3:
+                    result = _b.sent();
+                    result.templates.forEach(function (newTemplate) {
+                        newParsedTemplates_1.push(JSON.parse(newTemplate.template));
+                    });
+                    hasMore = result.hasMore;
+                    token = result.token;
+                    return [3 /*break*/, 2];
+                case 4: return [3 /*break*/, 6];
+                case 5:
                     e_1 = _b.sent();
-                    (_a = logger === null || logger === void 0 ? void 0 : logger.error) === null || _a === void 0 ? void 0 : _a.call(logger, 'Sendbird | fetchProcessedMessageTemplate failed', e_1);
-                    return [3 /*break*/, 4];
-                case 4:
-                    if (parsedTemplate) {
+                    (_a = logger === null || logger === void 0 ? void 0 : logger.error) === null || _a === void 0 ? void 0 : _a.call(logger, 'Sendbird | fetchProcessedMessageTemplates failed', e_1, templateKeys);
+                    return [3 /*break*/, 6];
+                case 6:
+                    if (newParsedTemplates_1.length > 0) {
                         cachedMessageTemplates = localStorage.getItem(consts.CACHED_MESSAGE_TEMPLATES_KEY);
                         if (cachedMessageTemplates) {
-                            parsedTemplates = JSON.parse(cachedMessageTemplates);
-                            parsedTemplates.push(parsedTemplate);
-                            localStorage.setItem(consts.CACHED_MESSAGE_TEMPLATES_KEY, JSON.stringify(parsedTemplates));
+                            parsedTemplates_1 = JSON.parse(cachedMessageTemplates);
+                            existingKeys_1 = parsedTemplates_1.map(function (parsedTemplate) { return parsedTemplate.key; });
+                            newParsedTemplates_1.forEach(function (newParsedTemplate) {
+                                if (!existingKeys_1.includes(newParsedTemplate.key)) {
+                                    parsedTemplates_1.push(newParsedTemplate);
+                                }
+                            });
+                            localStorage.setItem(consts.CACHED_MESSAGE_TEMPLATES_KEY, JSON.stringify(parsedTemplates_1));
                         }
                         else {
-                            localStorage.setItem(consts.CACHED_MESSAGE_TEMPLATES_KEY, JSON.stringify([parsedTemplate]));
+                            localStorage.setItem(consts.CACHED_MESSAGE_TEMPLATES_KEY, JSON.stringify([newParsedTemplates_1]));
                         }
-                        processedTemplate = getProcessedTemplate(parsedTemplate);
+                        // Update memory
                         appInfoDispatcher({
-                            type: UPSERT_MESSAGE_TEMPLATE,
-                            payload: {
-                                key: templateKey,
-                                template: processedTemplate,
-                            },
+                            type: UPSERT_MESSAGE_TEMPLATES,
+                            payload: newParsedTemplates_1.map(function (newParsedTemplate) {
+                                return {
+                                    key: newParsedTemplate.key,
+                                    template: getProcessedTemplate(newParsedTemplate),
+                                };
+                            }),
                         });
                     }
                     else {
                         appInfoDispatcher({
-                            type: MARK_ERROR_WAITING_TEMPLATE_KEY,
+                            type: MARK_ERROR_WAITING_TEMPLATE_KEYS,
                             payload: {
-                                key: templateKey,
+                                keys: templateKeys,
+                                messageId: messageId,
                             },
                         });
                     }
-                    _b.label = 5;
-                case 5: return [2 /*return*/];
+                    _b.label = 7;
+                case 7: return [2 /*return*/];
             }
         });
     }); };
@@ -1067,6 +1119,11 @@ var SendbirdSDK = function (_a) {
     React.useEffect(function () {
         setLogger(LoggerFactory(logLevel));
     }, [logLevel]);
+    useAppendDomNode([
+        'sendbird-modal-root',
+        'sendbird-dropdown-portal',
+        'sendbird-emoji-list-portal',
+    ], 'body');
     // should move to reducer
     var _7 = React.useState(theme), currentTheme = _7[0], setCurrentTheme = _7[1];
     React.useEffect(function () {
@@ -1204,10 +1261,7 @@ var SendbirdSDK = function (_a) {
         React.createElement(MediaQueryContext.MediaQueryProvider, { logger: logger, breakpoint: breakpoint },
             React.createElement(LocalizationContext.LocalizationProvider, { stringSet: localeStringSet, dateLocale: dateLocale },
                 React.createElement(VoiceMessageProvider, null,
-                    React.createElement(hooks_useModal.GlobalModalProvider, null, children)))),
-        React.createElement(ui_ContextMenu.EmojiReactionListRoot, null),
-        React.createElement(ui_Modal.ModalRoot, null),
-        React.createElement(ui_ContextMenu.MenuRoot, null)));
+                    React.createElement(hooks_useModal.GlobalModalProvider, null, children))))));
 };
 
 exports.useSendbirdStateContext = useSendbirdStateContext.useSendbirdStateContext;

package/cjs/SendbirdProvider.js.map

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