@sendbird/uikit-react 3.17.11 → 3.18.0

package/Thread.js

@@ -1,58 +1,59 @@
-import { _ as __assign } from './chunks/bundle-CUFNseKN.js';
+import { _ as __assign } from './chunks/bundle-Bpofr334.js';
 import React__default from 'react';
-import { b as ThreadProvider } from './chunks/bundle-u7ZSOSmF.js';
+import { b as ThreadProvider } from './chunks/bundle-Gpc6ZS8v.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import { c as classnames } from './chunks/bundle-CQJQkdjB.js';
-import './chunks/bundle-C9pDO7b_.js';
-import './chunks/bundle-B5yOEM4l.js';
-import './chunks/bundle-DNZm2aCn.js';
+import { c as classnames } from './chunks/bundle-DX6fRIJl.js';
+import './chunks/bundle-XzHJwv9S.js';
+import './chunks/bundle-YDriVB8K.js';
+import './chunks/bundle-ChLik1Zs.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-CD6CGxYu.js';
-import './chunks/bundle-D8iL7lya.js';
-import './chunks/bundle-BPR5PyGX.js';
+import './chunks/bundle-Cdqsdoa8.js';
+import './chunks/bundle-oM0Fxt9G.js';
+import './chunks/bundle-DmnXeBdU.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-D67XuNKa.js';
-import './chunks/bundle-CH1SOYd0.js';
-import './chunks/bundle-CeLEEyFJ.js';
-import './chunks/bundle-DOHzCh7a.js';
+import './chunks/bundle-JhKiWlXT.js';
+import './chunks/bundle-B5LKcMN_.js';
+import './chunks/bundle-4clodtJA.js';
+import './chunks/bundle-B56O1y8C.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-D1MmNbfE.js';
-import './chunks/bundle-DCbF_EZ6.js';
+import './chunks/bundle-LLA95Pqf.js';
+import './chunks/bundle-DpOgiF9r.js';
 import './Thread/context/types.js';
-import './chunks/bundle-LKiKEQMD.js';
-import './chunks/bundle-CWhu5cnC.js';
-import './chunks/bundle-CE8XZeIa.js';
-import './chunks/bundle-DKnH9j0w.js';
-import './chunks/bundle-NRNsjiKk.js';
-import './chunks/bundle-B7yb0nm6.js';
-import './chunks/bundle-DcfMvtQG.js';
+import './chunks/bundle-BsY2Dawk.js';
+import './chunks/bundle-Cslf3sKl.js';
+import './chunks/bundle-Cdplrrlw.js';
+import './chunks/bundle-BZSLsKkw.js';
+import './chunks/bundle-CglqREVl.js';
+import './chunks/bundle-lqEjT2ED.js';
+import './chunks/bundle-BqKoZDqX.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-DeDZvs38.js';
-import './chunks/bundle-B07oZGKu.js';
-import './chunks/bundle-QqMAlWsP.js';
+import './chunks/bundle-AsQ1wnFm.js';
+import './chunks/bundle-DyosazG-.js';
+import './chunks/bundle-D9ORMtyv.js';
+import './chunks/bundle-C4anRHWY.js';
 import 'react-dom';
-import './chunks/bundle-CTVS7EpI.js';
+import './chunks/bundle-C2ARCMSL.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Icon.js';
-import './chunks/bundle-DoCZ7Yns.js';
+import './chunks/bundle-Banyr0qP.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-DvFk9hZu.js';
+import './chunks/bundle-C1npFBfj.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-3JP5bt3Z.js';
-import './chunks/bundle-BE6zj_MW.js';
+import './chunks/bundle-WvDa8Nzx.js';
+import './chunks/bundle-zNUBt0Cg.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-DCwgKOlw.js';
-import './chunks/bundle-BrZWYj5G.js';
+import './chunks/bundle-BJShQs4P.js';
+import './chunks/bundle-F_R9C4cW.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -60,72 +61,73 @@ import './sendbirdSelectors.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
 import './Message/context.js';
-import './chunks/bundle-CmTULFbc.js';
+import './chunks/bundle-BRJdb8OX.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-DdGdUttq.js';
+import './chunks/bundle-DWURNKdQ.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-CjCG01vR.js';
-import './chunks/bundle-C9eESsTb.js';
+import './chunks/bundle-CPOgmEXq.js';
+import './chunks/bundle-EKFQIahk.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-BhsIH5N9.js';
+import './chunks/bundle-DXC9ZAL8.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-CC_Jz6mm.js';
+import './chunks/bundle-BKXsd3zk.js';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-DKmGgarH.js';
-import './chunks/bundle-jqzUQHEL.js';
-import './chunks/bundle-D3DfLeep.js';
-import './chunks/bundle-DGZK0j-W.js';
+import './chunks/bundle-DFWI31lg.js';
+import './chunks/bundle-CnFrQOtC.js';
+import './chunks/bundle-CFc2hy8g.js';
+import './chunks/bundle-BEPoP7sp.js';
 import './ui/MessageItemReactionMenu.js';
-import './ui/MessageInput.js';
-import './chunks/bundle-CX6EYwvX.js';
+import './chunks/bundle-BCjR1Qiq.js';
+import './chunks/bundle-C5-D2BAP.js';
 import 'dompurify';
-import './chunks/bundle-Cq01dsQs.js';
-import './chunks/bundle-CgAh8D8l.js';
-import './chunks/bundle-0zReDi7b.js';
-import './chunks/bundle-CBhbbqeO.js';
+import './chunks/bundle-6I0gJidJ.js';
+import './chunks/bundle-B40pTdZv.js';
+import './chunks/bundle-iPLJ9a5J.js';
+import './chunks/bundle-DVdeXT-4.js';
 import './ui/MobileMenu.js';
 import './Message/hooks/useDirtyGetMentions.js';
-import './chunks/bundle-C6xi9dYP.js';
-import './chunks/bundle-B_1lMJw7.js';
-import './chunks/bundle-BMMEMc9R.js';
+import './chunks/bundle-BdprN8pt.js';
+import './chunks/bundle-HZPwhqsr.js';
+import './chunks/bundle-9ghXmCwH.js';
 import './Thread/components/ThreadHeader.js';
 import './ui/Header.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-K4xHiJfN.js';
-import './chunks/bundle-CSa8zeut.js';
-import './chunks/bundle-apFuh3_k.js';
-import './chunks/bundle-BZoGlf3f.js';
+import './chunks/bundle-Bs8Cwq5j.js';
+import './chunks/bundle-BrqWLoDb.js';
+import './chunks/bundle-DyguzebC.js';
+import './chunks/bundle-BrCEaRXK.js';
 import './ui/OGMessageItemBody.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-DYbMoqiD.js';
+import './chunks/bundle-CD4RzjMA.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CBGlP9zt.js';
+import './chunks/bundle-Dw9WYTqh.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/MessageFeedbackFailedModal.js';
-import './chunks/bundle-MfWZwGxM.js';
+import './chunks/bundle-DiO7lolz.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-nJfCHTAl.js';
+import './chunks/bundle-ExNQo0Ly.js';
+import './chunks/bundle-B5xkbY4c.js';
+import './chunks/bundle-CwMNZmx9.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-D4as5hKh.js';
-import './chunks/bundle-BwngnlYf.js';
-import './chunks/bundle-C5JanUlq.js';
-import './chunks/bundle-DiKiLU8g.js';
-import './Channel/hooks/useHandleUploadFiles.js';
+import './chunks/bundle-DzB_38co.js';
+import './chunks/bundle-BfgSx7DM.js';
+import './chunks/bundle-BLMU9f-F.js';
+import './chunks/bundle-CAshTR7h.js';
 import './ui/PlaceHolder.js';
 
 var Thread = function (props) {

package/Thread.js.map

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

package/VoicePlayer/context.js

@@ -1,10 +1,10 @@
 import 'react';
-export { b as ALL, a as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-DdGdUttq.js';
-import '../chunks/bundle-D67XuNKa.js';
-import '../chunks/bundle-CeLEEyFJ.js';
-import '../chunks/bundle-CUFNseKN.js';
-import '../chunks/bundle-NRNsjiKk.js';
-import '../chunks/bundle-DOHzCh7a.js';
+export { A as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-DWURNKdQ.js';
+import '../chunks/bundle-JhKiWlXT.js';
+import '../chunks/bundle-4clodtJA.js';
+import '../chunks/bundle-Bpofr334.js';
+import '../chunks/bundle-CglqREVl.js';
+import '../chunks/bundle-B56O1y8C.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/VoicePlayer/useVoicePlayer.js

@@ -1,34 +1,36 @@
-import { useEffect } from 'react';
-import { u as useVoicePlayerContext, A as AudioUnitDefaultValue, g as generateGroupKey } from '../chunks/bundle-DdGdUttq.js';
-import { c as VOICE_PLAYER_AUDIO_ID, b as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-D67XuNKa.js';
+import { useRef, useEffect } from 'react';
+import { u as useVoicePlayerContext, a as AudioUnitDefaultValue, V as VOICE_PLAYER_STATUS, g as generateGroupKey } from '../chunks/bundle-DWURNKdQ.js';
+import { m as VOICE_PLAYER_AUDIO_ID, k as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-JhKiWlXT.js';
 import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
-import '../chunks/bundle-CUFNseKN.js';
-import '../chunks/bundle-NRNsjiKk.js';
-import '../chunks/bundle-CeLEEyFJ.js';
-import '../chunks/bundle-DOHzCh7a.js';
+import '../chunks/bundle-Bpofr334.js';
+import '../chunks/bundle-CglqREVl.js';
+import '../chunks/bundle-4clodtJA.js';
+import '../chunks/bundle-B56O1y8C.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-CD6CGxYu.js';
-import '../chunks/bundle-D8iL7lya.js';
-import '../chunks/bundle-BPR5PyGX.js';
-import '../chunks/bundle-QqMAlWsP.js';
+import '../chunks/bundle-Cdqsdoa8.js';
+import '../chunks/bundle-oM0Fxt9G.js';
+import '../chunks/bundle-DmnXeBdU.js';
+import '../chunks/bundle-C4anRHWY.js';
 import 'react-dom';
-import '../chunks/bundle-CQJQkdjB.js';
-import '../chunks/bundle-CTVS7EpI.js';
+import '../chunks/bundle-DX6fRIJl.js';
+import '../chunks/bundle-C2ARCMSL.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-CE8XZeIa.js';
+import '../chunks/bundle-Cdplrrlw.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-D1MmNbfE.js';
+import '../chunks/bundle-LLA95Pqf.js';
 
 var useVoicePlayer = function (_a) {
     var _b;
     var _c = _a.key, key = _c === void 0 ? '' : _c, _d = _a.channelUrl, channelUrl = _d === void 0 ? '' : _d, audioFile = _a.audioFile, _e = _a.audioFileUrl, audioFileUrl = _e === void 0 ? '' : _e, _f = _a.audioFileMimeType, audioFileMimeType = _f === void 0 ? VOICE_MESSAGE_MIME_TYPE : _f;
     var groupKey = generateGroupKey(channelUrl, key);
-    var _g = useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, voicePlayerStore = _g.voicePlayerStore;
+    var _g = useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, reset = _g.reset, voicePlayerStore = _g.voicePlayerStore;
     var isRecordable = useVoiceRecorderContext().isRecordable;
     var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || AudioUnitDefaultValue();
+    var currentAudioUnitRef = useRef(currentAudioUnit);
+    currentAudioUnitRef.current = currentAudioUnit;
     var playVoicePlayer = function () {
         if (!isRecordable) {
             play === null || play === void 0 ? void 0 : play({
@@ -48,11 +50,15 @@ var useVoicePlayer = function (_a) {
     };
     useEffect(function () {
         return function () {
-            var _a;
+            var _a, _b;
             if (audioFile || audioFileUrl) {
-                // Can't get the current AudioPlayer through the React hooks(useReducer or useState) in this scope
+                // Pause via DOM because reset() captured in this closure has stale currentPlayer
                 var voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
                 (_a = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.pause) === null || _a === void 0 ? void 0 : _a.call(voiceAudioPlayerElement);
+                var status_1 = (_b = currentAudioUnitRef.current) === null || _b === void 0 ? void 0 : _b.playingStatus;
+                if (status_1 && status_1 !== VOICE_PLAYER_STATUS.IDLE) {
+                    reset === null || reset === void 0 ? void 0 : reset(groupKey);
+                }
             }
         };
     }, []);

package/VoicePlayer/useVoicePlayer.js.map

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

package/VoiceRecorder/context.js

@@ -1,20 +1,20 @@
-import React__default, { createContext, useState, useEffect, useCallback, useContext } from 'react';
-import { u as useLocalization } from '../chunks/bundle-CD6CGxYu.js';
-import { M as Modal } from '../chunks/bundle-QqMAlWsP.js';
-import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, V as VOICE_RECORDER_AUDIO_BIT_RATE, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-D67XuNKa.js';
-import { n as noop } from '../chunks/bundle-CQJQkdjB.js';
-import { u as useSendbird } from '../chunks/bundle-CeLEEyFJ.js';
-import '../chunks/bundle-CUFNseKN.js';
-import '../chunks/bundle-D8iL7lya.js';
-import '../chunks/bundle-BPR5PyGX.js';
+import React__default, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import { u as useLocalization } from '../chunks/bundle-Cdqsdoa8.js';
+import { a as Modal } from '../chunks/bundle-C4anRHWY.js';
+import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, o as VOICE_RECORDER_AUDIO_BIT_RATE, V as VOICE_MESSAGE_FILE_NAME, k as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-JhKiWlXT.js';
+import { n as noop } from '../chunks/bundle-DX6fRIJl.js';
+import { u as useSendbird } from '../chunks/bundle-4clodtJA.js';
+import '../chunks/bundle-Bpofr334.js';
+import '../chunks/bundle-oM0Fxt9G.js';
+import '../chunks/bundle-DmnXeBdU.js';
 import 'react-dom';
-import '../chunks/bundle-CTVS7EpI.js';
+import '../chunks/bundle-C2ARCMSL.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-CE8XZeIa.js';
+import '../chunks/bundle-Cdplrrlw.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-D1MmNbfE.js';
-import '../chunks/bundle-DOHzCh7a.js';
+import '../chunks/bundle-LLA95Pqf.js';
+import '../chunks/bundle-B56O1y8C.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
@@ -42,7 +42,7 @@ var VoiceRecorderProvider = function (props) {
     }
     useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('../chunks/bundle-DmoshxdI.js').then(function (module) { return setWebAudioUtils(module); });
+            import('../chunks/bundle-C60Wnv-9.js').then(function (module) { return setWebAudioUtils(module); });
         }
     }, [isVoiceMessageEnabled, webAudioUtils]);
     var start = useCallback(function (eventHandler) {

package/VoiceRecorder/useVoiceRecorder.js

@@ -1,21 +1,21 @@
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { useVoiceRecorderContext } from './context.js';
-import { n as noop } from '../chunks/bundle-CQJQkdjB.js';
-import { u as useSendbird } from '../chunks/bundle-CeLEEyFJ.js';
-import '../chunks/bundle-CD6CGxYu.js';
-import '../chunks/bundle-CUFNseKN.js';
-import '../chunks/bundle-D8iL7lya.js';
-import '../chunks/bundle-BPR5PyGX.js';
-import '../chunks/bundle-QqMAlWsP.js';
+import { n as noop } from '../chunks/bundle-DX6fRIJl.js';
+import { u as useSendbird } from '../chunks/bundle-4clodtJA.js';
+import '../chunks/bundle-Cdqsdoa8.js';
+import '../chunks/bundle-Bpofr334.js';
+import '../chunks/bundle-oM0Fxt9G.js';
+import '../chunks/bundle-DmnXeBdU.js';
+import '../chunks/bundle-C4anRHWY.js';
 import 'react-dom';
-import '../chunks/bundle-CTVS7EpI.js';
+import '../chunks/bundle-C2ARCMSL.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-CE8XZeIa.js';
+import '../chunks/bundle-Cdplrrlw.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-D1MmNbfE.js';
-import '../chunks/bundle-D67XuNKa.js';
-import '../chunks/bundle-DOHzCh7a.js';
+import '../chunks/bundle-LLA95Pqf.js';
+import '../chunks/bundle-JhKiWlXT.js';
+import '../chunks/bundle-B56O1y8C.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/chunks/{bundle-CeLEEyFJ.js → bundle-4clodtJA.js}

@@ -1,7 +1,7 @@
-import { _ as __assign, a as __awaiter, b as __generator } from './bundle-CUFNseKN.js';
-import { S as SendbirdContext, s as shimExports } from './bundle-DOHzCh7a.js';
+import { _ as __assign, a as __awaiter, c as __generator } from './bundle-Bpofr334.js';
+import { S as SendbirdContext, s as shimExports } from './bundle-B56O1y8C.js';
 import { useContext, useCallback, useMemo } from 'react';
-import SendbirdChat, { SendbirdProduct, SendbirdPlatform, DeviceOsPlatform } from '@sendbird/chat';
+import SendbirdChat, { SendbirdPlatform, SendbirdProduct, DeviceOsPlatform } from '@sendbird/chat';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 
@@ -15,20 +15,15 @@ var updateUserStore = function (state, payload) {
     return __assign(__assign({}, state), { stores: __assign(__assign({}, state.stores), { userStore: __assign(__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 GroupChannelModule(), new OpenChannelModule()],
-        // newInstance: isNewApp,
-        localCacheEnabled: typeof sdkInitParams.localCacheEnabled !== 'undefined' ? sdkInitParams.localCacheEnabled : true,
-    });
+    var appId = _a.appId, _b = _a.isNewApp, isNewApp = _b === void 0 ? false : _b, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, _c = _a.sdkInitParams, sdkInitParams = _c === void 0 ? {} : _c;
+    var params = __assign(__assign({}, sdkInitParams), { appId: appId, modules: [new GroupChannelModule(), new OpenChannelModule()], newInstance: typeof sdkInitParams.newInstance !== 'undefined' ? sdkInitParams.newInstance : isNewApp, localCacheEnabled: typeof sdkInitParams.localCacheEnabled !== 'undefined' ? sdkInitParams.localCacheEnabled : true });
     if (customApiHost)
         params.customApiHost = customApiHost;
     if (customWebSocketHost)
         params.customWebSocketHost = customWebSocketHost;
     return SendbirdChat.init(params);
 }
-var APP_VERSION_STRING = '3.17.11';
+var APP_VERSION_STRING = '3.18.0';
 /**
  * Sets up the Sendbird SDK after initialization.
  * Configures necessary settings, adds extensions, sets the platform, and configures the session handler if provided.
@@ -193,19 +188,20 @@ var useSendbird = function () {
         userActions,
     ]);
     var connect = useCallback(function (params) { return __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 __generator(this, function (_f) {
-            switch (_f.label) {
+        var logger, userId, appId, _a, isNewApp, accessToken, nickname, profileUrl, isMobile, sdkInitParams, customApiHost, customWebSocketHost, customExtensionParams, eventHandlers, initializeMessageTemplatesInfo, configureSession, initDashboardConfigs, sdk, user, error_1, sendbirdError;
+        var _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.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;
+                    logger = params.logger, userId = params.userId, appId = params.appId, _a = params.isNewApp, isNewApp = _a === void 0 ? false : _a, 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*/, disconnect({ logger: logger })];
                 case 1:
                     // clean up previous ws connection
-                    _f.sent();
+                    _g.sent();
                     sdk = initSDK({
                         appId: appId,
+                        isNewApp: isNewApp,
                         customApiHost: customApiHost,
                         customWebSocketHost: customWebSocketHost,
                         sdkInitParams: sdkInitParams,
@@ -217,12 +213,12 @@ var useSendbird = function () {
                         sessionHandler: configureSession ? configureSession(sdk) : undefined,
                     });
                     sdkActions.setSdkLoading(true);
-                    _f.label = 2;
+                    _g.label = 2;
                 case 2:
-                    _f.trys.push([2, 8, , 9]);
+                    _g.trys.push([2, 8, , 9]);
                     return [4 /*yield*/, sdk.connect(userId, accessToken)];
                 case 3:
-                    user = _f.sent();
+                    user = _g.sent();
                     userActions.initUser(user);
                     if (!(nickname || profileUrl)) return [3 /*break*/, 5];
                     return [4 /*yield*/, sdk.updateCurrentUserInfo({
@@ -230,24 +226,24 @@ var useSendbird = function () {
                             profileUrl: profileUrl || user.profileUrl,
                         })];
                 case 4:
-                    _f.sent();
-                    _f.label = 5;
+                    _g.sent();
+                    _g.label = 5;
                 case 5: return [4 /*yield*/, (initializeMessageTemplatesInfo === null || initializeMessageTemplatesInfo === void 0 ? void 0 : initializeMessageTemplatesInfo(sdk))];
                 case 6:
-                    _f.sent();
+                    _g.sent();
                     return [4 /*yield*/, (initDashboardConfigs === null || initDashboardConfigs === void 0 ? void 0 : initDashboardConfigs(sdk))];
                 case 7:
-                    _f.sent();
+                    _g.sent();
                     sdkActions.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);
+                    (_c = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _b === void 0 ? void 0 : _b.onConnected) === null || _c === void 0 ? void 0 : _c.call(_b, user);
                     return [3 /*break*/, 9];
                 case 8:
-                    error_1 = _f.sent();
+                    error_1 = _g.sent();
                     sendbirdError = error_1;
                     sdkActions.resetSdk();
                     userActions.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);
+                    (_d = logger.error) === null || _d === void 0 ? void 0 : _d.call(logger, 'SendbirdProvider | useSendbird/connect failed', sendbirdError);
+                    (_f = (_e = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _e === void 0 ? void 0 : _e.onFailed) === null || _f === void 0 ? void 0 : _f.call(_e, sendbirdError);
                     return [3 /*break*/, 9];
                 case 9: return [2 /*return*/];
             }
@@ -269,4 +265,4 @@ var useSendbird = function () {
 };
 
 export { useSendbird as u };
-//# sourceMappingURL=bundle-CeLEEyFJ.js.map
+//# sourceMappingURL=bundle-4clodtJA.js.map

package/chunks/bundle-4clodtJA.js.map

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

package/chunks/{bundle-8dH5t8D9.js → bundle-5y4qYKhm.js}

@@ -1,12 +1,12 @@
-import { c as __spreadArray, a as __awaiter, b as __generator, _ as __assign } from './bundle-CUFNseKN.js';
-import { u as useStore, c as createStore, s as shimExports } from './bundle-DOHzCh7a.js';
-import React__default, { useEffect, createContext, useState, useCallback, useRef, useContext, useMemo } from 'react';
+import { e as __spreadArray, a as __awaiter, c as __generator, _ as __assign } from './bundle-Bpofr334.js';
+import { b as createStore, d as useStore, s as shimExports } from './bundle-B56O1y8C.js';
+import React__default, { useEffect, createContext, useRef, useState, useCallback, useContext, useMemo } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './bundle-D1MmNbfE.js';
-import { c as compareIds } from './bundle-DCbF_EZ6.js';
-import { c as classnames, d as deleteNullish } from './bundle-CQJQkdjB.js';
-import { U as UserProfileProvider } from './bundle-CH1SOYd0.js';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
+import { u as uuidv4 } from './bundle-LLA95Pqf.js';
+import { c as compareIds } from './bundle-DpOgiF9r.js';
+import { c as classnames, d as deleteNullish } from './bundle-DX6fRIJl.js';
+import { U as UserProfileProvider } from './bundle-B5LKcMN_.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
 
 function useSetChannel(_a) {
     var _this = this;
@@ -222,4 +222,4 @@ var useChannelSettings = function () {
 };
 
 export { ChannelSettingsContext as C, ChannelSettingsProvider as a, useChannelSettingsContext as b, useChannelSettings as u };
-//# sourceMappingURL=bundle-8dH5t8D9.js.map
+//# sourceMappingURL=bundle-5y4qYKhm.js.map

package/chunks/{bundle-8dH5t8D9.js.map → bundle-5y4qYKhm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-8dH5t8D9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-5y4qYKhm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-Cq01dsQs.js → bundle-6I0gJidJ.js}

@@ -1,4 +1,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 export { MENTION_USER_LABEL_CLASSNAME as M };
-//# sourceMappingURL=bundle-Cq01dsQs.js.map
+//# sourceMappingURL=bundle-6I0gJidJ.js.map

package/chunks/bundle-6I0gJidJ.js.map

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

package/chunks/{bundle-BMMEMc9R.js → bundle-9ghXmCwH.js}

@@ -46,4 +46,4 @@ function useElementObserver(selector, targetElement) {
 }
 
 export { useElementObserver as u };
-//# sourceMappingURL=bundle-BMMEMc9R.js.map
+//# sourceMappingURL=bundle-9ghXmCwH.js.map

package/chunks/bundle-9ghXmCwH.js.map

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

package/chunks/bundle-AsQ1wnFm.js

@@ -0,0 +1,47 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+/**
+ * Tracks typing lifecycle on a Sendbird channel and ensures `endTyping` is
+ * sent when the channel changes, the `active` flag toggles to false, or the
+ * component unmounts. Returns memoized `startTyping`/`stopTyping` helpers
+ * that the caller wires to input events.
+ *
+ * @param channel - the channel currently being typed in
+ * @param active  - when set to false, the cleanup runs and clears typing
+ *                  state. Useful for edit-mode wrappers that pass `showEdit`
+ *                  so closing the edit panel emits `endTyping`.
+ */
+function useTypingLifecycle(channel, active) {
+    if (active === void 0) { active = true; }
+    // Holds the channel that startTyping was last invoked on. Storing the
+    // actual reference (rather than a boolean flag) ensures endTyping is sent
+    // on the same channel instance that received startTyping, even if the
+    // channel object is re-instantiated under the same URL.
+    var typingChannelRef = useRef(null);
+    var startTyping = useCallback(function () {
+        var _a;
+        (_a = channel === null || channel === void 0 ? void 0 : channel.startTyping) === null || _a === void 0 ? void 0 : _a.call(channel);
+        typingChannelRef.current = channel !== null && channel !== void 0 ? channel : null;
+    }, [channel]);
+    var stopTyping = useCallback(function () {
+        var _a, _b;
+        (_b = (_a = typingChannelRef.current) === null || _a === void 0 ? void 0 : _a.endTyping) === null || _b === void 0 ? void 0 : _b.call(_a);
+        typingChannelRef.current = null;
+    }, []);
+    // Run cleanup on channel URL change, active toggle, or unmount.
+    // Reads typingChannelRef so endTyping is sent on the channel where
+    // startTyping was actually invoked.
+    useEffect(function () {
+        return function () {
+            var _a, _b;
+            if (typingChannelRef.current) {
+                (_b = (_a = typingChannelRef.current).endTyping) === null || _b === void 0 ? void 0 : _b.call(_a);
+                typingChannelRef.current = null;
+            }
+        };
+    }, [channel === null || channel === void 0 ? void 0 : channel.url, active]);
+    return { startTyping: startTyping, stopTyping: stopTyping };
+}
+
+export { useTypingLifecycle as u };
+//# sourceMappingURL=bundle-AsQ1wnFm.js.map

package/chunks/bundle-AsQ1wnFm.js.map

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

package/chunks/{bundle-CgAh8D8l.js → bundle-B40pTdZv.js}

@@ -1,4 +1,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 export { TEXT_MESSAGE_BODY_CLASSNAME as T };
-//# sourceMappingURL=bundle-CgAh8D8l.js.map
+//# sourceMappingURL=bundle-B40pTdZv.js.map

package/chunks/bundle-B40pTdZv.js.map

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