@sendbird/uikit-react 3.10.0 → 3.10.2-alpha.0

package/VoiceRecorder/context.js

@@ -1,17 +1,17 @@
 import React__default, { createContext, useState, useEffect, useCallback, useContext } from 'react';
-import { u as useLocalization } from '../chunks/bundle-AilPIINY.js';
-import { M as Modal } from '../chunks/bundle-4vHal8Yn.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-QjcHKpDK.js';
+import { u as useLocalization } from '../chunks/bundle-BBjosDA0.js';
+import { M as Modal } from '../chunks/bundle-cvTUkQV_.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-MBrlu_LK.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-P_LfQm7L.js';
-import '../chunks/bundle-26VX7FQg.js';
-import '../chunks/bundle-Dv_OpODB.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react-dom';
-import '../chunks/bundle-kHH52OEM.js';
-import '../chunks/bundle-Uw736N77.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-r9j_eCHc.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-cYhstyoi.js';
+import '../chunks/bundle-I8JFwttJ.js';
 import '../ui/Icon.js';
 import '../withSendbird.js';
 
@@ -54,7 +54,7 @@ var VoiceRecorderProvider = function (props) {
     var _e = useState(null), webAudioUtils = _e[0], setWebAudioUtils = _e[1];
     useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('../chunks/bundle-1_Rwzd0f.js').then(function (data) {
+            import('../chunks/bundle-mn6nwwm3.js').then(function (data) {
                 setWebAudioUtils(data);
             });
         }
@@ -72,6 +72,7 @@ var VoiceRecorderProvider = function (props) {
         }
         checkPermission();
         (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) === null || _b === void 0 ? void 0 : _b.call(_a, { audio: true }).then(function (stream) {
+            var _a;
             logger.info('VoiceRecorder: Succeeded getting media stream.', stream);
             setIsRecordable(true);
             var mediaRecorder = new MediaRecorder(stream, {
@@ -98,9 +99,9 @@ var VoiceRecorderProvider = function (props) {
                 (_c = (_a = stream === null || stream === void 0 ? void 0 : stream.getAudioTracks) === null || _a === void 0 ? void 0 : (_b = _a.call(stream)).forEach) === null || _c === void 0 ? void 0 : _c.call(_b, function (track) { return track === null || track === void 0 ? void 0 : track.stop(); });
                 setIsRecordable(false);
             };
+            mediaRecorder.onstart = (_a = eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted) !== null && _a !== void 0 ? _a : noop;
             mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.start();
             setMediaRecorder(mediaRecorder);
-            eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted();
         }).catch(function (err) {
             logger.error('VoiceRecorder: Failed getting media stream.', err);
             setMediaRecorder(null);

package/VoiceRecorder/context.js.map

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

package/VoiceRecorder/useVoiceRecorder.js

@@ -1,19 +1,19 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useVoiceRecorderContext } from './context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-AilPIINY.js';
-import '../chunks/bundle-P_LfQm7L.js';
-import '../chunks/bundle-26VX7FQg.js';
-import '../chunks/bundle-4vHal8Yn.js';
-import '../chunks/bundle-Dv_OpODB.js';
+import '../chunks/bundle-BBjosDA0.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-cvTUkQV_.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react-dom';
-import '../chunks/bundle-kHH52OEM.js';
-import '../chunks/bundle-Uw736N77.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-r9j_eCHc.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-cYhstyoi.js';
+import '../chunks/bundle-I8JFwttJ.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-QjcHKpDK.js';
+import '../chunks/bundle-MBrlu_LK.js';
 import '../withSendbird.js';
 
 // export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {

package/chunks/{bundle-Kt1S-50v.js → bundle-0J_EdUWI.js}

@@ -1,4 +1,4 @@
-import { c as LabelStringSet } from './bundle-cYhstyoi.js';
+import { c as LabelStringSet } from './bundle-I8JFwttJ.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -22,4 +22,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=bundle-Kt1S-50v.js.map
+//# sourceMappingURL=bundle-0J_EdUWI.js.map

package/chunks/bundle-0J_EdUWI.js.map

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

package/chunks/{bundle-tLQ87Jwz.js → bundle-0jbuC1o3.js}

@@ -1,6 +1,6 @@
-import { _ as __assign } from './bundle-Dv_OpODB.js';
+import { _ as __assign } from './bundle-BA7tv0JB.js';
 import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './bundle-Uw736N77.js';
+import { u as useMediaQueryContext } from './bundle-r9j_eCHc.js';
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -74,4 +74,4 @@ function useLongPress(_a, _b) {
 }
 
 export { useLongPress as u };
-//# sourceMappingURL=bundle-tLQ87Jwz.js.map
+//# sourceMappingURL=bundle-0jbuC1o3.js.map

package/chunks/bundle-0jbuC1o3.js.map

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

package/chunks/{bundle-oW5LS1AU.js → bundle-1zn-WT_r.js}

@@ -1,18 +1,19 @@
 import React__default, { useState, useEffect } from 'react';
-import { u as useChannelContext } from './bundle-QSb_mwts.js';
+import { useChannelContext } from '../Channel/context.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import Message from '../Channel/components/Message.js';
-import { e as isAboutSame } from './bundle-KpJtSqe-.js';
+import { M as Message } from './bundle-beMggMMW.js';
+import { i as isAboutSame } from './bundle-d5KevIXI.js';
 import { getMessagePartsInfo } from '../Channel/utils/getMessagePartsInfo.js';
-import UnreadCount from '../Channel/components/UnreadCount.js';
-import FrozenNotification from '../Channel/components/FrozenNotification.js';
-import { S as SCROLL_BUFFER } from './bundle-QjcHKpDK.js';
+import { U as UnreadCount } from './bundle-VbkO6hwH.js';
+import { F as FrozenNotification } from './bundle-G7HnuZsw.js';
+import { S as SCROLL_BUFFER } from './bundle-MBrlu_LK.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { MessageProvider } from '../Message/context.js';
-import { a as useThrottleCallback, u as useHandleOnScrollCallback } from './bundle-edTAi5zj.js';
+import { u as useHandleOnScrollCallback } from './bundle-o1Ev7FSN.js';
+import { u as useThrottleCallback } from './bundle-BVtLlpwZ.js';
 import TypingIndicatorBubble from '../ui/TypingIndicatorBubble.js';
-import { usePreservedCallback } from '@sendbird/uikit-tools';
+import { u as useOnScrollPositionChangeDetector } from './bundle-GJ-4hPvC.js';
 
 var TypingIndicatorType;
 (function (TypingIndicatorType) {
@@ -54,26 +55,7 @@ function useScrollBehavior() {
     return null;
 }
 
-var BUFFER_DELAY = 100;
-function useOnScrollPositionChangeDetector(props) {
-    var onReachedTop = props.onReachedTop, onReachedBottom = props.onReachedBottom, onInBetween = props.onInBetween;
-    var cb = usePreservedCallback(function (event) {
-        if (event === null || event === void 0 ? void 0 : event.target) {
-            var _a = event.target, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-            if (isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
-                onReachedTop();
-            }
-            else if (isAboutSame(scrollHeight, clientHeight + scrollTop, SCROLL_BUFFER)) {
-                onReachedBottom();
-            }
-            else {
-                onInBetween();
-            }
-        }
-    });
-    return useThrottleCallback(cb, BUFFER_DELAY, { trailing: true });
-}
-
+/* We operate the CSS files for Channel&GroupChannel modules in the GroupChannel */
 var SCROLL_BOTTOM_PADDING = 50;
 var MessageList = function (_a) {
     var _b, _c, _d, _e, _f;
@@ -227,7 +209,7 @@ var MessageList = function (_a) {
              */
             (!isScrollBottom || hasMoreNext) && (unreadSince || unreadSinceDate) && (React__default.createElement(UnreadCount, { className: "sendbird-conversation__messages__notification", count: currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount, time: unreadSince, lastReadAt: unreadSinceDate, onClick: function () {
                     if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)
-                        scrollRef.current.scrollTop = Number.MAX_SAFE_INTEGER;
+                        scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
                     if (!disableMarkAsRead && !!currentGroupChannel) {
                         markAsReadScheduler.push(currentGroupChannel);
                         messagesDispatcher({
@@ -245,4 +227,4 @@ var MessageList = function (_a) {
 };
 
 export { MessageList as M, TypingIndicatorType as T };
-//# sourceMappingURL=bundle-oW5LS1AU.js.map
+//# sourceMappingURL=bundle-1zn-WT_r.js.map

package/{cjs/chunks/bundle-YTD5gh4h.js.map → chunks/bundle-1zn-WT_r.js.map}

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

package/chunks/bundle-3GWXgoxj.js

@@ -0,0 +1,44 @@
+import { _ as __assign } from './bundle-BA7tv0JB.js';
+import React__default from 'react';
+import IconButton from '../ui/IconButton.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-I8JFwttJ.js';
+import ChannelAvatar from '../ui/ChannelAvatar.js';
+import { g as getChannelTitle } from './bundle-0J_EdUWI.js';
+import { u as useMediaQueryContext } from './bundle-r9j_eCHc.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { u as useLocalization } from './bundle-BBjosDA0.js';
+import { useChannelContext } from '../Channel/context.js';
+
+var GroupChannelHeaderView = function (_a) {
+    var _b;
+    var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick;
+    var config = useSendbirdStateContext().config;
+    var userId = config.userId, theme = config.theme;
+    var isMobile = useMediaQueryContext().isMobile;
+    var stringSet = useLocalization().stringSet;
+    var isMuted = (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === 'muted';
+    var subTitle = ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members)
+        && ((_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _b === void 0 ? void 0 : _b.length) !== 2);
+    return (React__default.createElement("div", { className: "sendbird-chat-header ".concat(className) },
+        React__default.createElement("div", { className: "sendbird-chat-header__left" },
+            isMobile && (React__default.createElement(Icon, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, fillColor: IconColors.PRIMARY, width: "24px", height: "24px", type: IconTypes.ARROW_LEFT })),
+            React__default.createElement(ChannelAvatar, { theme: theme, channel: currentChannel, userId: userId, height: 32, width: 32 }),
+            React__default.createElement(Label, { className: "sendbird-chat-header__left__title", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, getChannelTitle(currentChannel, userId, stringSet)),
+            React__default.createElement(Label, { className: "sendbird-chat-header__left__subtitle", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, subTitle)),
+        React__default.createElement("div", { className: "sendbird-chat-header__right" },
+            isMuted && (React__default.createElement(Icon, { className: "sendbird-chat-header__right__mute", type: IconTypes.NOTIFICATIONS_OFF_FILLED, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
+            (showSearchIcon && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isEphemeral)) && (React__default.createElement(IconButton, { className: "sendbird-chat-header__right__search", width: "32px", height: "32px", onClick: onSearchClick },
+                React__default.createElement(Icon, { type: IconTypes.SEARCH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
+            React__default.createElement(IconButton, { className: "sendbird-chat-header__right__info", width: "32px", height: "32px", onClick: onChatHeaderActionClick },
+                React__default.createElement(Icon, { type: IconTypes.INFO, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+
+var ChannelHeader = function (_a) {
+    var className = _a.className;
+    var context = useChannelContext();
+    return (React__default.createElement(GroupChannelHeaderView, __assign({}, context, { className: className, currentChannel: context.currentGroupChannel })));
+};
+
+export { ChannelHeader as C, GroupChannelHeaderView as G };
+//# sourceMappingURL=bundle-3GWXgoxj.js.map

package/chunks/bundle-3GWXgoxj.js.map

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

package/chunks/{bundle-iifpyLxR.js → bundle-3i31KNu7.js}

@@ -1,23 +1,23 @@
-import { a as __spreadArray } from './bundle-Dv_OpODB.js';
+import { a as __spreadArray } from './bundle-BA7tv0JB.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-cYhstyoi.js';
-import { L as LocalizationContext } from './bundle-AilPIINY.js';
-import { a as UserProfileContext } from './bundle-8XAFqDsw.js';
-import './bundle-GXGH9ESl.js';
-import { A as Avatar } from './bundle-HVtbYmj3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-I8JFwttJ.js';
+import { L as LocalizationContext } from './bundle-BBjosDA0.js';
+import { a as UserProfileContext } from './bundle-vOT5acXc.js';
+import './bundle-YVEtWFVy.js';
+import { A as Avatar } from './bundle-Qufz6_i_.js';
 import 'react-dom';
-import './bundle-Uw736N77.js';
+import './bundle-r9j_eCHc.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import '../withSendbird.js';
-import { M as Modal } from './bundle-4vHal8Yn.js';
+import { M as Modal } from './bundle-cvTUkQV_.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-kHH52OEM.js';
+import { n as noop } from './bundle-cA_r9HRx.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -232,4 +232,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-iifpyLxR.js.map
+//# sourceMappingURL=bundle-3i31KNu7.js.map

package/{cjs/chunks/bundle-FJe6Dl-f.js.map → chunks/bundle-3i31KNu7.js.map}

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

package/chunks/{bundle-X2Sm7pn5.js → bundle-4GPpeoNf.js}

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

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

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

package/chunks/{bundle-M-Qfv2tU.js → bundle-4Ib7FkR6.js}

@@ -6,4 +6,4 @@ var Role = {
 };
 
 export { Role as R };
-//# sourceMappingURL=bundle-M-Qfv2tU.js.map
+//# sourceMappingURL=bundle-4Ib7FkR6.js.map

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

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

package/chunks/{bundle-tZrqMc_G.js → bundle-62ej9afV.js}

@@ -1,9 +1,9 @@
 import { useCallback } from 'react';
 import DOMPurify from 'dompurify';
-import { a as __spreadArray } from './bundle-Dv_OpODB.js';
-import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-imm3o8vY.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle-X2Sm7pn5.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle-hpM7HwDV.js';
+import { a as __spreadArray } from './bundle-BA7tv0JB.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-zV8TJWvL.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle-4GPpeoNf.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle-iwZaUd9o.js';
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -208,4 +208,4 @@ function usePaste(_a) {
 }
 
 export { isChannelTypeSupportsMultipleFilesMessage as i, nodeListToArray as n, renderToString as r, sanitizeString as s, usePaste as u };
-//# sourceMappingURL=bundle-tZrqMc_G.js.map
+//# sourceMappingURL=bundle-62ej9afV.js.map

package/chunks/{bundle-tZrqMc_G.js.map → bundle-62ej9afV.js.map}

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

package/chunks/{bundle-GGqhdR8L.js → bundle-79-Y-lX2.js}

@@ -1,7 +1,7 @@
 import React__default, { useCallback, useEffect, useContext, useMemo, useReducer } from 'react';
-import { p as pubSubTopics } from './bundle-tD8xAWw2.js';
+import { p as pubSubTopics } from './bundle-nlOgiAcu.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from './bundle-Dv_OpODB.js';
+import { _ as __assign, a as __spreadArray } from './bundle-BA7tv0JB.js';
 
 var OpenChannelListFetchingStatus;
 (function (OpenChannelListFetchingStatus) {
@@ -352,4 +352,4 @@ var OpenChannelListProvider$1 = {
 };
 
 export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes$1 as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
-//# sourceMappingURL=bundle-GGqhdR8L.js.map
+//# sourceMappingURL=bundle-79-Y-lX2.js.map

package/chunks/{bundle-GGqhdR8L.js.map → bundle-79-Y-lX2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-GGqhdR8L.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-79-Y-lX2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-EeL8s1uR.js → bundle-8JX3bIpj.js}

@@ -1,5 +1,5 @@
-import { b as __awaiter, c as __generator } from './bundle-Dv_OpODB.js';
-import { p as pxToNumber } from './bundle-s5uFV3hh.js';
+import { b as __awaiter, c as __generator } from './bundle-BA7tv0JB.js';
+import { p as pxToNumber } from './bundle-jDjj3eHU.js';
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -112,4 +112,4 @@ var compressImages = function (_a) {
 };
 
 export { compressImages as c };
-//# sourceMappingURL=bundle-EeL8s1uR.js.map
+//# sourceMappingURL=bundle-8JX3bIpj.js.map

package/chunks/{bundle-EeL8s1uR.js.map → bundle-8JX3bIpj.js.map}

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

package/chunks/{bundle-KnWMPlLu.js → bundle-AXNVQw91.js}

@@ -12,25 +12,26 @@ var CHANNEL_TYPE;
 var CreateChannelContext = React__default.createContext(undefined);
 var CreateChannelProvider = function (props) {
     var _a;
-    var children = props.children, onCreateChannel = props.onCreateChannel, onBeforeCreateChannel = props.onBeforeCreateChannel, overrideInviteUser = props.overrideInviteUser, userListQuery = props.userListQuery;
+    var children = props.children, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onChannelCreated = props.onChannelCreated, userListQuery = props.userListQuery, onCreateChannel = props.onCreateChannel, overrideInviteUser = props.overrideInviteUser;
     var store = useSendbirdStateContext();
-    var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
-    var createChannel = getCreateGroupChannel(store);
+    var _userListQuery = userListQuery !== null && userListQuery !== void 0 ? userListQuery : (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
     var _b = useState(0), step = _b[0], setStep = _b[1];
     var _c = useState(CHANNEL_TYPE.GROUP), type = _c[0], setType = _c[1];
     return (React__default.createElement(CreateChannelContext.Provider, { value: {
+            createChannel: getCreateGroupChannel(store),
+            onCreateChannelClick: onCreateChannelClick,
             onBeforeCreateChannel: onBeforeCreateChannel,
-            createChannel: createChannel,
-            onCreateChannel: onCreateChannel,
-            overrideInviteUser: overrideInviteUser,
-            userListQuery: userListQuery || userListQuery_,
+            onChannelCreated: onChannelCreated,
+            userListQuery: _userListQuery,
             step: step,
             setStep: setStep,
             type: type,
             setType: setType,
+            onCreateChannel: onCreateChannel,
+            overrideInviteUser: overrideInviteUser,
         } }, children));
 };
 var useCreateChannelContext = function () { return (React__default.useContext(CreateChannelContext)); };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=bundle-KnWMPlLu.js.map
+//# sourceMappingURL=bundle-AXNVQw91.js.map

package/chunks/bundle-AXNVQw91.js.map

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

package/chunks/{bundle-Dv_OpODB.js → bundle-BA7tv0JB.js}

@@ -40,6 +40,18 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -93,5 +105,5 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __spreadArray as a, __awaiter as b, __generator as c, __extends as d };
-//# sourceMappingURL=bundle-Dv_OpODB.js.map
+export { __assign as _, __spreadArray as a, __awaiter as b, __generator as c, __rest as d, __extends as e };
+//# sourceMappingURL=bundle-BA7tv0JB.js.map

package/chunks/{bundle-Dv_OpODB.js.map → bundle-BA7tv0JB.js.map}

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

package/chunks/{bundle-AilPIINY.js → bundle-BBjosDA0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './bundle-P_LfQm7L.js';
-import { d as defaultLocale } from './bundle-26VX7FQg.js';
+import { g as getStringSet } from './bundle-jy6_UG14.js';
+import { d as defaultLocale } from './bundle-ULVw0l0r.js';
 
 var LocalizationContext = React__default.createContext({
     stringSet: getStringSet('en'),
@@ -13,4 +13,4 @@ var LocalizationProvider = function (props) {
 var useLocalization = function () { return React__default.useContext(LocalizationContext); };
 
 export { LocalizationContext as L, LocalizationProvider as a, useLocalization as u };
-//# sourceMappingURL=bundle-AilPIINY.js.map
+//# sourceMappingURL=bundle-BBjosDA0.js.map

package/chunks/bundle-BBjosDA0.js.map

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

package/chunks/bundle-BVtLlpwZ.js

@@ -0,0 +1,88 @@
+import { useRef, useEffect } from 'react';
+import { usePreservedCallback } from '@sendbird/uikit-tools';
+
+/**
+ * Note: `leading` has higher priority rather than `trailing`
+ * */
+function useThrottleCallback(callback, delay, options) {
+    if (options === void 0) { options = {
+        leading: true,
+        trailing: false,
+    }; }
+    var timer = useRef(null);
+    var trailingArgs = useRef(null);
+    useEffect(function () {
+        return function () {
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, []);
+    return usePreservedCallback(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timer.current) {
+            trailingArgs.current = args;
+            return;
+        }
+        if (options.leading) {
+            callback.apply(void 0, args);
+        }
+        else {
+            trailingArgs.current = args;
+        }
+        var invoke = function () {
+            if (options.trailing && trailingArgs.current) {
+                callback.apply(void 0, trailingArgs.current);
+                trailingArgs.current = null;
+                timer.current = setTimeout(invoke, delay);
+            }
+            else {
+                timer.current = null;
+            }
+        };
+        timer.current = setTimeout(invoke, delay);
+    });
+}
+/**
+ * Note: `leading` has higher priority rather than `trailing`
+ * */
+function throttle(callback, delay, options) {
+    if (options === void 0) { options = {
+        leading: true,
+        trailing: false,
+    }; }
+    var timer = null;
+    var trailingArgs = null;
+    return (function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timer) {
+            trailingArgs = args;
+            return;
+        }
+        if (options.leading) {
+            callback.apply(void 0, args);
+        }
+        else {
+            trailingArgs = args;
+        }
+        var invoke = function () {
+            if (options.trailing && trailingArgs) {
+                callback.apply(void 0, trailingArgs);
+                trailingArgs = null;
+                timer = setTimeout(invoke, delay);
+            }
+            else {
+                timer = null;
+            }
+        };
+        timer = setTimeout(invoke, delay);
+    });
+}
+
+export { throttle as t, useThrottleCallback as u };
+//# sourceMappingURL=bundle-BVtLlpwZ.js.map

package/chunks/bundle-BVtLlpwZ.js.map

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

package/chunks/bundle-D1V3P366.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+
+function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
+    if (reconnectOnIdle === void 0) { reconnectOnIdle = true; }
+    var _a = useState(false), isTabHidden = _a[0], setIsTabHidden = _a[1];
+    var wasOffline = !isOnline;
+    useEffect(function () {
+        var handleVisibilityChange = function () {
+            if (reconnectOnIdle) {
+                setIsTabHidden(document.hidden);
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return function () {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, [reconnectOnIdle, document.hidden]);
+    var shouldReconnect = wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) != null && !isTabHidden;
+    return { shouldReconnect: shouldReconnect };
+}
+
+export { useReconnectOnIdle as u };
+//# sourceMappingURL=bundle-D1V3P366.js.map

package/chunks/bundle-D1V3P366.js.map

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