@sendbird/uikit-react 3.8.1 → 3.9.0-rc.0

package/OpenChannelSettings/components/OperatorUI.js

@@ -1,45 +1,46 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-GqUhOzeC.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-lDOyfwhb.js';
+import { L as LocalizationContext } from '../../chunks/bundle-XQrrPHzm.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-XASWNrfg.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import ChannelProfile from './OpenChannelProfile.js';
-import { M as Modal } from '../../chunks/bundle-gYyMZyCn.js';
+import { M as Modal } from '../../chunks/bundle-m6y5OeVq.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { U as UserListItem$1, P as ParticipantList } from '../../chunks/bundle-r7_GdraW.js';
+import { U as UserListItem$1, P as ParticipantList } from '../../chunks/bundle-j3ydiG4Y.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
 import Button, { ButtonTypes, ButtonSizes } from '../../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
-import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-AVOWwEQ4.js';
+import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-WOkl3_Qa.js';
 import UserListItem from '../../ui/UserListItem.js';
-import { n as noop } from '../../chunks/bundle-FQAabli1.js';
-import '../../chunks/bundle-4zdVdGkr.js';
-import '../../chunks/bundle-ltzZCtkR.js';
+import { n as noop } from '../../chunks/bundle-CYvmOLIw.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
+import '../../chunks/bundle-zYQpPgUz.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-G3cS-S1W.js';
-import '../../chunks/bundle-iPDlyZXo.js';
+import '../../chunks/bundle-lQUkPvfG.js';
+import '../../chunks/bundle-P0Em254T.js';
 import '../../withSendbird.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-06CfHADE.js';
+import '../../chunks/bundle-H2gT5GjQ.js';
 import '../../ui/OpenChannelAvatar.js';
-import '../../chunks/bundle-x3udz03j.js';
+import '../../chunks/bundle--vRpTESf.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-um2Azmnd.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
+import '../../chunks/bundle-3kSg3poT.js';
 import './EditDetailsModal.js';
-import '../../chunks/bundle--Hrow3p-.js';
+import '../../chunks/bundle-7qnTBkFI.js';
 import '../../ui/Input.js';
 import 'react-dom';
-import '../../chunks/bundle-QKq7b-WA.js';
-import '../../chunks/bundle-ndy1oWfZ.js';
+import '../../chunks/bundle-S6yFiUrY.js';
+import '../../chunks/bundle-ab7JDkX-.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/AccordionGroup.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-OoXqnc0l.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0BwB1B7t.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '../../ui/Checkbox.js';
 
 function DeleteChannel() {

package/OpenChannelSettings/components/OperatorUI.js.map

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

package/OpenChannelSettings/components/ParticipantUI.js

@@ -1,34 +1,35 @@
-import '../../chunks/bundle-AVOWwEQ4.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
 import 'react';
 import '../../ui/Button.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-lDOyfwhb.js';
-export { P as default } from '../../chunks/bundle-r7_GdraW.js';
-import '../../chunks/bundle-GqUhOzeC.js';
+import '../../chunks/bundle-XASWNrfg.js';
+export { P as default } from '../../chunks/bundle-j3ydiG4Y.js';
+import '../../chunks/bundle-XQrrPHzm.js';
 import '../context.js';
 import '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-4zdVdGkr.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-iPDlyZXo.js';
-import '../../chunks/bundle-OoXqnc0l.js';
+import '../../chunks/bundle-P0Em254T.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0BwB1B7t.js';
-import '../../chunks/bundle-FQAabli1.js';
-import '../../chunks/bundle-G3cS-S1W.js';
-import '../../chunks/bundle-ndy1oWfZ.js';
-import '../../chunks/bundle-x3udz03j.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
+import '../../chunks/bundle-CYvmOLIw.js';
+import '../../chunks/bundle-lQUkPvfG.js';
+import '../../chunks/bundle-ab7JDkX-.js';
+import '../../chunks/bundle--vRpTESf.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-QKq7b-WA.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
+import '../../chunks/bundle-S6yFiUrY.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle--Hrow3p-.js';
-import '../../chunks/bundle-ltzZCtkR.js';
+import '../../chunks/bundle-7qnTBkFI.js';
+import '../../chunks/bundle-zYQpPgUz.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-gYyMZyCn.js';
+import '../../chunks/bundle-m6y5OeVq.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
 import '@sendbird/chat/openChannel';

package/OpenChannelSettings/components/ParticipantUI.js.map

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

package/OpenChannelSettings/context.js

@@ -1,10 +1,10 @@
 import React__default, { useState, useEffect } from 'react';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../chunks/bundle-G3cS-S1W.js';
-import { u as uuidv4 } from '../chunks/bundle-iPDlyZXo.js';
+import { U as UserProfileProvider } from '../chunks/bundle-lQUkPvfG.js';
+import { u as uuidv4 } from '../chunks/bundle-P0Em254T.js';
 import '../withSendbird.js';
-import '../chunks/bundle-AVOWwEQ4.js';
+import '../chunks/bundle-WOkl3_Qa.js';
 
 var OpenChannelSettingsContext = React__default.createContext(undefined);
 var OpenChannelSettingsProvider = function (props) {

package/OpenChannelSettings.js

@@ -3,40 +3,41 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-AVOWwEQ4.js';
-import './chunks/bundle-GqUhOzeC.js';
-import './chunks/bundle-4zdVdGkr.js';
-import './chunks/bundle-ltzZCtkR.js';
-import './chunks/bundle-lDOyfwhb.js';
+import './chunks/bundle-WOkl3_Qa.js';
+import './chunks/bundle-XQrrPHzm.js';
+import './chunks/bundle-1Ni9PXLu.js';
+import './chunks/bundle-zYQpPgUz.js';
+import './chunks/bundle-XASWNrfg.js';
 import './ui/Icon.js';
-import './chunks/bundle-FQAabli1.js';
+import './chunks/bundle-CYvmOLIw.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './chunks/bundle-06CfHADE.js';
+import './chunks/bundle-H2gT5GjQ.js';
 import './ui/OpenChannelAvatar.js';
-import './chunks/bundle-x3udz03j.js';
+import './chunks/bundle--vRpTESf.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-iPDlyZXo.js';
-import './chunks/bundle-um2Azmnd.js';
+import './chunks/bundle-P0Em254T.js';
+import './chunks/bundle-lWgUjnZ7.js';
+import './chunks/bundle-3kSg3poT.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle--Hrow3p-.js';
-import './chunks/bundle-gYyMZyCn.js';
+import './chunks/bundle-7qnTBkFI.js';
+import './chunks/bundle-m6y5OeVq.js';
 import 'react-dom';
-import './chunks/bundle-QKq7b-WA.js';
+import './chunks/bundle-S6yFiUrY.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Input.js';
-import './chunks/bundle-r7_GdraW.js';
+import './chunks/bundle-j3ydiG4Y.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-OoXqnc0l.js';
+import './chunks/bundle-MY-lEq_u.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-0BwB1B7t.js';
-import './chunks/bundle-G3cS-S1W.js';
-import './chunks/bundle-ndy1oWfZ.js';
+import './chunks/bundle-Y1x4CZpy.js';
+import './chunks/bundle-lQUkPvfG.js';
+import './chunks/bundle-ab7JDkX-.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';

package/OpenChannelSettings.js.map

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

package/README.md

@@ -160,7 +160,7 @@ To read more: https://webpack.js.org/configuration/resolve/#resolvefallback
 3. Plop templates are found in [here](/plop-templates).
 
 ## Troubleshooting Guide
-- If you use node.js >= 17 and see `ERR_OSSL_EVP_UNSUPPORTED` error on any run cmd, try to set `export NODE_OPTIONS=--openssl-legacy-provider` in the terminal
+- If you use node.js >= 17 and see `ERR_OSSL_EVP_UNSUPPORTED` error on any run cmd, try to run `yarn storybook:stable` instead.
 
 
 ## Acknowledgments

package/SendbirdProvider.js

@@ -1,33 +1,33 @@
-import { _ as __assign, c as __awaiter, d as __generator, a as __spreadArray } from './chunks/bundle-AVOWwEQ4.js';
+import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray } from './chunks/bundle-WOkl3_Qa.js';
 import React__default, { useLayoutEffect, useState, useEffect, useCallback, useMemo, useReducer } from 'react';
 import { UIKitConfigProvider, useUIKitConfig } from '@sendbird/uikit-tools';
 import { SendbirdSdkContext } from './withSendbird.js';
 import cssVars from 'css-vars-ponyfill';
-import { K } from './chunks/bundle-0BwB1B7t.js';
-import { U as USER_ACTIONS } from './chunks/bundle-NcHt88Fs.js';
+import { K } from './chunks/bundle-Y1x4CZpy.js';
+import { U as USER_ACTIONS } from './chunks/bundle-qAGxD_Jb.js';
 import SendbirdChat, { ConnectionHandler, SendbirdProduct, SendbirdPlatform, DeviceOsPlatform } from '@sendbird/chat';
-import { u as uuidv4 } from './chunks/bundle-iPDlyZXo.js';
+import { u as uuidv4 } from './chunks/bundle-P0Em254T.js';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { X as isTextuallyNull } from './chunks/bundle-OoXqnc0l.js';
-import { n as noop } from './chunks/bundle-FQAabli1.js';
-import { b as VoicePlayerProvider } from './chunks/bundle-kBtT3HBi.js';
+import { X as isTextuallyNull } from './chunks/bundle-MY-lEq_u.js';
+import { n as noop } from './chunks/bundle-CYvmOLIw.js';
+import { b as VoicePlayerProvider } from './chunks/bundle-_X0TUlY4.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { a as LocalizationProvider } from './chunks/bundle-GqUhOzeC.js';
-import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-QKq7b-WA.js';
-import { g as getStringSet } from './chunks/bundle-4zdVdGkr.js';
-import { k as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, l as VOICE_RECORDER_DEFAULT_MAX, e as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-UjngV2Kp.js';
-import { a as getCaseResolvedReplyType, g as getCaseResolvedThreadReplySelectType } from './chunks/bundle-rX7vrYxX.js';
+import { a as LocalizationProvider } from './chunks/bundle-XQrrPHzm.js';
+import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-S6yFiUrY.js';
+import { g as getStringSet } from './chunks/bundle-1Ni9PXLu.js';
+import { k as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, l as VOICE_RECORDER_DEFAULT_MAX, c as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-pfoFNefK.js';
+import { a as getCaseResolvedReplyType, g as getCaseResolvedThreadReplySelectType } from './chunks/bundle-_oSqlLwH.js';
 import { GlobalModalProvider } from './hooks/useModal.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-gYyMZyCn.js';
+import './chunks/bundle-m6y5OeVq.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-lDOyfwhb.js';
+import './chunks/bundle-XASWNrfg.js';
 import './ui/Icon.js';
-import './chunks/bundle-ltzZCtkR.js';
+import './chunks/bundle-zYQpPgUz.js';
 
 var isEmpty = function (obj) {
     if (obj === null || obj === undefined) {
@@ -307,7 +307,7 @@ function disconnectSdk(_a) {
     });
 }
 
-var APP_VERSION_STRING = '3.8.1';
+var APP_VERSION_STRING = '3.9.0-rc.0';
 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 = USER_ACTIONS.INIT_USER, UPDATE_USER_INFO = USER_ACTIONS.UPDATE_USER_INFO, RESET_USER = USER_ACTIONS.RESET_USER;
 function getMissingParamError(_a) {
@@ -343,13 +343,14 @@ function setUpParams(_a) {
 //  6.b check if nickname is to be updated -> yes > update nickname > !resolve
 // 7. If not connected, connectCbError > !reject
 function setUpConnection(_a) {
-    var logger = _a.logger, sdkDispatcher = _a.sdkDispatcher, userDispatcher = _a.userDispatcher, initDashboardConfigs = _a.initDashboardConfigs, userId = _a.userId, appId = _a.appId, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, nickname = _a.nickname, profileUrl = _a.profileUrl, accessToken = _a.accessToken, isUserIdUsedForNickname = _a.isUserIdUsedForNickname, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, _b = _a.isMobile, isMobile = _b === void 0 ? false : _b;
+    var logger = _a.logger, sdkDispatcher = _a.sdkDispatcher, userDispatcher = _a.userDispatcher, initDashboardConfigs = _a.initDashboardConfigs, userId = _a.userId, appId = _a.appId, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, nickname = _a.nickname, profileUrl = _a.profileUrl, accessToken = _a.accessToken, isUserIdUsedForNickname = _a.isUserIdUsedForNickname, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, _b = _a.isMobile, isMobile = _b === void 0 ? false : _b, eventHandlers = _a.eventHandlers;
     return __awaiter(this, void 0, void 0, function () {
         var _this = this;
         return __generator(this, function (_c) {
             return [2 /*return*/, new Promise(function (resolve, reject) {
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
                     (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useConnect/setupConnection/init', { userId: userId, appId: appId });
+                    var onConnectionFailed = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _b === void 0 ? void 0 : _b.onFailed;
                     sdkDispatcher({ type: SET_SDK_LOADING, payload: true });
                     if (userId && appId) {
                         var newSdk_1 = setUpParams({
@@ -360,24 +361,24 @@ function setUpConnection(_a) {
                         });
                         if (configureSession && typeof configureSession === 'function') {
                             var sessionHandler = configureSession(newSdk_1);
-                            (_b = logger === null || logger === void 0 ? void 0 : logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, 'SendbirdProvider | useConnect/setupConnection/configureSession', sessionHandler);
+                            (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useConnect/setupConnection/configureSession', sessionHandler);
                             newSdk_1.setSessionHandler(sessionHandler);
                         }
-                        (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useConnect/setupConnection/setVersion', { version: APP_VERSION_STRING });
+                        (_d = logger === null || logger === void 0 ? void 0 : logger.info) === null || _d === void 0 ? void 0 : _d.call(logger, 'SendbirdProvider | useConnect/setupConnection/setVersion', { version: APP_VERSION_STRING });
                         /**
                          * Keep optional chaining to the addSendbirdExtensions
                          * for supporting the ChatSDK v4.9.5 or less
                          */
-                        (_d = newSdk_1 === null || newSdk_1 === void 0 ? void 0 : newSdk_1.addSendbirdExtensions) === null || _d === void 0 ? void 0 : _d.call(newSdk_1, [
+                        (_e = newSdk_1 === null || newSdk_1 === void 0 ? void 0 : newSdk_1.addSendbirdExtensions) === null || _e === void 0 ? void 0 : _e.call(newSdk_1, [
                             {
-                                product: (_e = SendbirdProduct === null || SendbirdProduct === void 0 ? void 0 : SendbirdProduct.UIKIT_CHAT) !== null && _e !== void 0 ? _e : 'uikit-chat',
+                                product: (_f = SendbirdProduct === null || SendbirdProduct === void 0 ? void 0 : SendbirdProduct.UIKIT_CHAT) !== null && _f !== void 0 ? _f : 'uikit-chat',
                                 version: APP_VERSION_STRING,
-                                platform: (_f = SendbirdPlatform === null || SendbirdPlatform === void 0 ? void 0 : SendbirdPlatform.JS) !== null && _f !== void 0 ? _f : 'js',
+                                platform: (_g = SendbirdPlatform === null || SendbirdPlatform === void 0 ? void 0 : SendbirdPlatform.JS) !== null && _g !== void 0 ? _g : 'js',
                             },
                         ], {
                             platform: (isMobile
-                                ? (_g = DeviceOsPlatform === null || DeviceOsPlatform === void 0 ? void 0 : DeviceOsPlatform.MOBILE_WEB) !== null && _g !== void 0 ? _g : 'mobile_web'
-                                : (_h = DeviceOsPlatform === null || DeviceOsPlatform === void 0 ? void 0 : DeviceOsPlatform.WEB) !== null && _h !== void 0 ? _h : 'web'),
+                                ? (_h = DeviceOsPlatform === null || DeviceOsPlatform === void 0 ? void 0 : DeviceOsPlatform.MOBILE_WEB) !== null && _h !== void 0 ? _h : 'mobile_web'
+                                : (_j = DeviceOsPlatform === null || DeviceOsPlatform === void 0 ? void 0 : DeviceOsPlatform.WEB) !== null && _j !== void 0 ? _j : 'web'),
                         }, customExtensionParams);
                         newSdk_1.addExtension('sb_uikit', APP_VERSION_STRING);
                         var connectCbSucess_1 = function (user) { return __awaiter(_this, void 0, void 0, function () {
@@ -438,10 +439,11 @@ function setUpConnection(_a) {
                             sdkDispatcher({ type: RESET_SDK });
                             userDispatcher({ type: RESET_USER });
                             sdkDispatcher({ type: SDK_ERROR });
+                            onConnectionFailed === null || onConnectionFailed === void 0 ? void 0 : onConnectionFailed(e);
                             // exit promise with error
                             reject(errorMessage);
                         };
-                        (_j = logger === null || logger === void 0 ? void 0 : logger.info) === null || _j === void 0 ? void 0 : _j.call(logger, "SendbirdProvider | useConnect/setupConnection/connect connecting using ".concat(accessToken !== null && accessToken !== void 0 ? accessToken : userId));
+                        (_k = logger === null || logger === void 0 ? void 0 : logger.info) === null || _k === void 0 ? void 0 : _k.call(logger, "SendbirdProvider | useConnect/setupConnection/connect connecting using ".concat(accessToken !== null && accessToken !== void 0 ? accessToken : userId));
                         newSdk_1.connect(userId, accessToken)
                             .then(function (res) { return connectCbSucess_1(res); })
                             .catch(function (err) { return connectCbError_1(err); });
@@ -449,7 +451,8 @@ function setUpConnection(_a) {
                     else {
                         var errorMessage = getMissingParamError({ userId: userId, appId: appId });
                         sdkDispatcher({ type: SDK_ERROR });
-                        (_k = logger === null || logger === void 0 ? void 0 : logger.error) === null || _k === void 0 ? void 0 : _k.call(logger, errorMessage);
+                        onConnectionFailed === null || onConnectionFailed === void 0 ? void 0 : onConnectionFailed({ message: errorMessage });
+                        (_l = logger === null || logger === void 0 ? void 0 : logger.error) === null || _l === void 0 ? void 0 : _l.call(logger, errorMessage);
                         // exit promise with error
                         reject(errorMessage);
                     }
@@ -459,7 +462,7 @@ function setUpConnection(_a) {
 }
 
 function connect(_a) {
-    var logger = _a.logger, sdkDispatcher = _a.sdkDispatcher, userDispatcher = _a.userDispatcher, initDashboardConfigs = _a.initDashboardConfigs, userId = _a.userId, appId = _a.appId, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, nickname = _a.nickname, profileUrl = _a.profileUrl, accessToken = _a.accessToken, sdk = _a.sdk, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, isMobile = _a.isMobile;
+    var logger = _a.logger, sdkDispatcher = _a.sdkDispatcher, userDispatcher = _a.userDispatcher, initDashboardConfigs = _a.initDashboardConfigs, userId = _a.userId, appId = _a.appId, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, nickname = _a.nickname, profileUrl = _a.profileUrl, accessToken = _a.accessToken, sdk = _a.sdk, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, isMobile = _a.isMobile, eventHandlers = _a.eventHandlers;
     return __awaiter(this, void 0, void 0, function () {
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -487,6 +490,7 @@ function connect(_a) {
                             sdkInitParams: sdkInitParams,
                             customExtensionParams: customExtensionParams,
                             isMobile: isMobile,
+                            eventHandlers: eventHandlers,
                         })];
                 case 2:
                     _b.sent();
@@ -500,7 +504,7 @@ function useConnect(triggerTypes, staticTypes) {
     var _this = this;
     var _a;
     var userId = triggerTypes.userId, appId = triggerTypes.appId, accessToken = triggerTypes.accessToken, isMobile = triggerTypes.isMobile, isUserIdUsedForNickname = triggerTypes.isUserIdUsedForNickname;
-    var logger = staticTypes.logger, nickname = staticTypes.nickname, profileUrl = staticTypes.profileUrl, configureSession = staticTypes.configureSession, customApiHost = staticTypes.customApiHost, customWebSocketHost = staticTypes.customWebSocketHost, sdk = staticTypes.sdk, sdkDispatcher = staticTypes.sdkDispatcher, userDispatcher = staticTypes.userDispatcher, initDashboardConfigs = staticTypes.initDashboardConfigs, sdkInitParams = staticTypes.sdkInitParams, customExtensionParams = staticTypes.customExtensionParams;
+    var logger = staticTypes.logger, nickname = staticTypes.nickname, profileUrl = staticTypes.profileUrl, configureSession = staticTypes.configureSession, customApiHost = staticTypes.customApiHost, customWebSocketHost = staticTypes.customWebSocketHost, sdk = staticTypes.sdk, sdkDispatcher = staticTypes.sdkDispatcher, userDispatcher = staticTypes.userDispatcher, initDashboardConfigs = staticTypes.initDashboardConfigs, sdkInitParams = staticTypes.sdkInitParams, customExtensionParams = staticTypes.customExtensionParams, eventHandlers = staticTypes.eventHandlers;
     (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useConnect', __assign(__assign({}, triggerTypes), staticTypes));
     useEffect(function () {
         var _a;
@@ -523,6 +527,7 @@ function useConnect(triggerTypes, staticTypes) {
             sdkInitParams: sdkInitParams,
             customExtensionParams: customExtensionParams,
             isMobile: isMobile,
+            eventHandlers: eventHandlers,
         }).catch(function (error) {
             var _a;
             (_a = logger === null || logger === void 0 ? void 0 : logger.error) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useConnect/useEffect', error);
@@ -556,6 +561,7 @@ function useConnect(triggerTypes, staticTypes) {
                             sdkInitParams: sdkInitParams,
                             customExtensionParams: customExtensionParams,
                             isMobile: isMobile,
+                            eventHandlers: eventHandlers,
                         })];
                 case 2:
                     _c.sent();
@@ -696,8 +702,8 @@ var VoiceMessageProvider = function (_a) {
 };
 
 function uikitConfigMapper(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
-    var legacyConfig = _a.legacyConfig, _1 = _a.uikitOptions, uikitOptions = _1 === void 0 ? {} : _1;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+    var legacyConfig = _a.legacyConfig, _2 = _a.uikitOptions, uikitOptions = _2 === void 0 ? {} : _2;
     var replyType = legacyConfig.replyType, isMentionEnabled = legacyConfig.isMentionEnabled, isReactionEnabled = legacyConfig.isReactionEnabled, disableUserProfile = legacyConfig.disableUserProfile, isVoiceMessageEnabled = legacyConfig.isVoiceMessageEnabled, isTypingIndicatorEnabledOnChannelList = legacyConfig.isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = legacyConfig.isMessageReceiptStatusEnabledOnChannelList, showSearchIcon = legacyConfig.showSearchIcon;
     return {
         common: {
@@ -716,18 +722,19 @@ function uikitConfigMapper(_a) {
             input: {
                 enableDocument: (_r = (_q = uikitOptions.groupChannel) === null || _q === void 0 ? void 0 : _q.input) === null || _r === void 0 ? void 0 : _r.enableDocument,
             },
+            typingIndicatorTypes: (_s = uikitOptions.groupChannel) === null || _s === void 0 ? void 0 : _s.typingIndicatorTypes,
         },
         groupChannelList: {
-            enableTypingIndicator: (_t = (_s = uikitOptions.groupChannelList) === null || _s === void 0 ? void 0 : _s.enableTypingIndicator) !== null && _t !== void 0 ? _t : isTypingIndicatorEnabledOnChannelList,
-            enableMessageReceiptStatus: (_v = (_u = uikitOptions.groupChannelList) === null || _u === void 0 ? void 0 : _u.enableMessageReceiptStatus) !== null && _v !== void 0 ? _v : isMessageReceiptStatusEnabledOnChannelList,
+            enableTypingIndicator: (_u = (_t = uikitOptions.groupChannelList) === null || _t === void 0 ? void 0 : _t.enableTypingIndicator) !== null && _u !== void 0 ? _u : isTypingIndicatorEnabledOnChannelList,
+            enableMessageReceiptStatus: (_w = (_v = uikitOptions.groupChannelList) === null || _v === void 0 ? void 0 : _v.enableMessageReceiptStatus) !== null && _w !== void 0 ? _w : isMessageReceiptStatusEnabledOnChannelList,
         },
         groupChannelSettings: {
-            enableMessageSearch: (_x = (_w = uikitOptions.groupChannelSettings) === null || _w === void 0 ? void 0 : _w.enableMessageSearch) !== null && _x !== void 0 ? _x : showSearchIcon,
+            enableMessageSearch: (_y = (_x = uikitOptions.groupChannelSettings) === null || _x === void 0 ? void 0 : _x.enableMessageSearch) !== null && _y !== void 0 ? _y : showSearchIcon,
         },
         openChannel: {
-            enableOgtag: (_y = uikitOptions.openChannel) === null || _y === void 0 ? void 0 : _y.enableOgtag,
+            enableOgtag: (_z = uikitOptions.openChannel) === null || _z === void 0 ? void 0 : _z.enableOgtag,
             input: {
-                enableDocument: (_0 = (_z = uikitOptions.openChannel) === null || _z === void 0 ? void 0 : _z.input) === null || _0 === void 0 ? void 0 : _0.enableDocument,
+                enableDocument: (_1 = (_0 = uikitOptions.openChannel) === null || _0 === void 0 ? void 0 : _0.input) === null || _1 === void 0 ? void 0 : _1.enableDocument,
             },
         },
     };
@@ -904,6 +911,7 @@ var SendbirdSDK = function (_a) {
         sdkDispatcher: sdkDispatcher,
         userDispatcher: userDispatcher,
         initDashboardConfigs: initDashboardConfigs,
+        eventHandlers: eventHandlers,
     });
     useUnmount(function () {
         if (typeof sdk.disconnect === 'function') {
@@ -1033,6 +1041,7 @@ var SendbirdSDK = function (_a) {
                     enableTypingIndicator: configs.groupChannel.channel.enableTypingIndicator,
                     enableDocument: configs.groupChannel.channel.input.enableDocument,
                     threadReplySelectType: getCaseResolvedThreadReplySelectType(configs.groupChannel.channel.threadReplySelectType).lowerCase,
+                    typingIndicatorTypes: configs.groupChannel.channel.typingIndicatorTypes,
                 },
                 openChannel: {
                     enableOgtag: sdkInitialized && configsWithAppAttr(sdk).openChannel.channel.enableOgtag,

package/SendbirdProvider.js.map

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

package/Thread/components/ParentMessageInfo.js

@@ -1,53 +1,54 @@
-import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-AVOWwEQ4.js';
+import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-WOkl3_Qa.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-LPkaaUo4.js';
-import { R as RemoveMessage } from '../../chunks/bundle-F63fi8fP.js';
+import { f as format } from '../../chunks/bundle-VELRmCgM.js';
+import { R as RemoveMessage } from '../../chunks/bundle-cBi_2Vbd.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { h as getSenderName } from '../../chunks/bundle-OoXqnc0l.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-YwxAxKwQ.js';
-import { u as useLocalization } from '../../chunks/bundle-GqUhOzeC.js';
+import { h as getSenderName } from '../../chunks/bundle-MY-lEq_u.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-foFhJqNy.js';
+import { u as useLocalization } from '../../chunks/bundle-XQrrPHzm.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-G3cS-S1W.js';
+import { a as UserProfileContext } from '../../chunks/bundle-lQUkPvfG.js';
 import SuggestedMentionList from '../../Channel/components/SuggestedMentionList.js';
-import { A as Avatar } from '../../chunks/bundle-x3udz03j.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-lDOyfwhb.js';
-import { F as FileViewer } from '../../chunks/bundle-KaSW5xxP.js';
-import MessageItemMenu from '../../ui/MessageItemMenu.js';
-import MessageItemReactionMenu from '../../ui/MessageItemReactionMenu.js';
+import { A as Avatar } from '../../chunks/bundle--vRpTESf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-XASWNrfg.js';
+import { F as FileViewer } from '../../chunks/bundle-wiEDSdp9.js';
+import { MessageMenu } from '../../ui/MessageItemMenu.js';
+import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import UserProfile from '../../ui/UserProfile.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-tK1qgIcU.js';
-import { R as Role } from '../../chunks/bundle-1uIyPhfL.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-QKq7b-WA.js';
-import { u as useLongPress } from '../../chunks/bundle-9uR-6efo.js';
-import { M as MobileMenu } from '../../chunks/bundle-7-9WA7QK.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-CLwn_FRg.js';
+import { R as Role } from '../../chunks/bundle-svI6ejWT.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-S6yFiUrY.js';
+import { u as useLongPress } from '../../chunks/bundle-5r5nUzch.js';
+import { M as MobileMenu } from '../../chunks/bundle-tDRC-k6Z.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-ltzZCtkR.js';
-import '../../chunks/bundle-gYyMZyCn.js';
+import '../../chunks/bundle-zYQpPgUz.js';
+import '../../chunks/bundle-m6y5OeVq.js';
 import 'react-dom';
-import '../../chunks/bundle-FQAabli1.js';
+import '../../chunks/bundle-CYvmOLIw.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DwZzB6nL.js';
-import '../../chunks/bundle-0BwB1B7t.js';
+import '../../chunks/bundle-XbJe5Xl_.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-06CfHADE.js';
+import '../../chunks/bundle-H2gT5GjQ.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-4zdVdGkr.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-iPDlyZXo.js';
+import '../../chunks/bundle-P0Em254T.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle--Hrow3p-.js';
+import '../../chunks/bundle-7qnTBkFI.js';
 import '../../withSendbird.js';
 import '../../ui/SortByRow.js';
 import '../../utils/message/getOutgoingMessageState.js';
@@ -57,32 +58,32 @@ import '../../Message/context.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-kBtT3HBi.js';
-import '../../chunks/bundle-UjngV2Kp.js';
+import '../../chunks/bundle-_X0TUlY4.js';
+import '../../chunks/bundle-pfoFNefK.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-jUubN32Z.js';
-import '../../chunks/bundle-kPOY92Qs.js';
+import '../../chunks/bundle-Ly8vUhTn.js';
+import '../../chunks/bundle-m5aRS8p_.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-fbmUkwMs.js';
+import '../../chunks/bundle-jg-ROmIh.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-JGFwpJZJ.js';
-import '../../chunks/bundle-fQ2M7pMu.js';
-import '../../chunks/bundle-PK1dgVwp.js';
-import '../../chunks/bundle-3oeQjqp5.js';
+import '../../chunks/bundle-GIZVQ7W4.js';
+import '../../chunks/bundle-gxrNtcmM.js';
+import '../../chunks/bundle-TIBUJEGt.js';
+import '../../chunks/bundle-Ahnepylk.js';
 import '@sendbird/chat/groupChannel';
 import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-rX7vrYxX.js';
-import '../../chunks/bundle-zch8NdOh.js';
+import '../../chunks/bundle-_oSqlLwH.js';
+import '../../chunks/bundle-WrbACLdS.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-62G-DTVs.js';
+import '../../chunks/bundle-avof2r-9.js';
 import 'dompurify';
-import '../../chunks/bundle-0plqkdfC.js';
-import '../../chunks/bundle-kaJaYGwQ.js';
-import '../../chunks/bundle-_nlJSeuz.js';
+import '../../chunks/bundle-ohkKzbFZ.js';
+import '../../chunks/bundle-L5shvyy2.js';
+import '../../chunks/bundle-bSloPXLn.js';
 
 function ParentMessageInfo(_a) {
     var _b, _c, _d, _e, _f, _g;
@@ -221,10 +222,10 @@ function ParentMessageInfo(_a) {
                 React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sender-name".concat(usingReaction ? '--use-reaction' : ''), type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (getSenderName === null || getSenderName === void 0 ? void 0 : getSenderName(parentMessage))),
                 React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
             React__default.createElement(ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer })),
-        !isMobile && (React__default.createElement(MessageItemMenu, { className: "sendbird-parent-message-info__context-menu ".concat(usingReaction ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
+        !isMobile && (React__default.createElement(MessageMenu, { className: "sendbird-parent-message-info__context-menu ".concat(usingReaction ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
                 onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
             } })),
-        (usingReaction && !isMobile) && (React__default.createElement(MessageItemReactionMenu, { className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
+        (usingReaction && !isMobile) && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
         showRemove && (React__default.createElement(RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
                 onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();
             }, message: parentMessage })),