@sendbird/uikit-react 3.14.4 → 3.14.6

package/cjs/GroupChannelList.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-HGbi-rCv.js');
+var _tslib = require('./chunks/bundle-eTYC1RPT.js');
 var React = require('react');
 var GroupChannelList_context = require('./GroupChannelList/context.js');
 var GroupChannelList_components_GroupChannelListUI = require('./GroupChannelList/components/GroupChannelListUI.js');
@@ -10,70 +10,70 @@ require('@sendbird/chat/groupChannel');
 require('@sendbird/uikit-tools');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-CAUMYdVU.js');
-require('./chunks/bundle-BrNoc2XZ.js');
+require('./chunks/bundle-DTzydpqA.js');
+require('./chunks/bundle-D1Ka8I9e.js');
 require('@sendbird/chat');
-require('./chunks/bundle-1XtsxT8L.js');
-require('./chunks/bundle-BoLhr7Ko.js');
-require('./chunks/bundle-JtgSY0zB.js');
+require('./chunks/bundle-YRiE_c63.js');
+require('./chunks/bundle-DOoshvnj.js');
+require('./chunks/bundle-DAEHB1AV.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
-require('./chunks/bundle-oeWNUdCB.js');
-require('./chunks/bundle-gtkPlUrw.js');
-require('./chunks/bundle-BWGOXLHb.js');
-require('./chunks/bundle-DxSB9NRz.js');
+require('./chunks/bundle-OWb8eJt-.js');
+require('./chunks/bundle-BNMoxGCr.js');
+require('./chunks/bundle-1A4pOyri.js');
+require('./chunks/bundle-C_8UQBXr.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-C93-onMF.js');
+require('./chunks/bundle-DcQeRT4T.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-5_kPn4wU.js');
+require('./chunks/bundle-DY5rfl6W.js');
 require('./ui/Header.js');
-require('./chunks/bundle-BwQ4BJif.js');
+require('./chunks/bundle-OIKGVRus.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DAxedY0T.js');
+require('./chunks/bundle-CA69fSDI.js');
 require('./ui/IconButton.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
-require('./chunks/bundle-qI5gnScC.js');
-require('./chunks/bundle-CZfcXYaX.js');
-require('./chunks/bundle-wl1uuzU7.js');
+require('./chunks/bundle-DikFXMAd.js');
+require('./chunks/bundle-DW8u-n3u.js');
+require('./chunks/bundle-DrYI_bNa.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('react-dom');
 require('./ui/Button.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-L3FEqZsK.js');
-require('./chunks/bundle-DfcEln0Z.js');
-require('./chunks/bundle-BTU876jx.js');
+require('./chunks/bundle-CW2oMonb.js');
+require('./chunks/bundle-BNzVVkzd.js');
+require('./chunks/bundle-Dymg5zVO.js');
 require('./ui/Input.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-C1XVsHlE.js');
-require('./chunks/bundle-CE6bFQmu.js');
+require('./chunks/bundle-DQu5RJ2y.js');
+require('./chunks/bundle-BBsKv3Vz.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-Com-Z-XI.js');
+require('./chunks/bundle-Bvsx1m1J.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-N_CwOE5a.js');
-require('./chunks/bundle-DAj-1QVM.js');
-require('./chunks/bundle-B_51Svr9.js');
-require('./chunks/bundle-wMKhbE3c.js');
-require('./chunks/bundle-DeQZn8GZ.js');
-require('./chunks/bundle-miB6ue8g.js');
+require('./chunks/bundle-BPV3CKzS.js');
+require('./chunks/bundle-Cd-3W3UM.js');
+require('./chunks/bundle-DTJnlh7y.js');
+require('./chunks/bundle-TEjGhclf.js');
+require('./chunks/bundle-13qq2yWM.js');
+require('./chunks/bundle-Bgeq75IH.js');
 require('./GroupChannel/components/TypingIndicator.js');
 require('./ui/Badge.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-DRp9IuV2.js');
+require('./chunks/bundle-BimsU_nb.js');
 require('./ui/MentionUserLabel.js');
-require('./chunks/bundle-D4aDRH9m.js');
+require('./chunks/bundle-CBNBRNN0.js');
 require('./GroupChannelList/components/AddGroupChannel.js');
-require('./chunks/bundle-BhCAlWKP.js');
+require('./chunks/bundle-RUFiV4i0.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./chunks/bundle-DAIf7fWo.js');
+require('./chunks/bundle-86A5Bf9J.js');
 require('./sendbirdSelectors.js');
-require('./chunks/bundle-Dehhi1FZ.js');
+require('./chunks/bundle-7CEyuoln.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,32 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-BWGOXLHb.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-HGbi-rCv.js');
-require('../../chunks/bundle-DAj-1QVM.js');
-require('../../chunks/bundle-B_51Svr9.js');
-require('../../chunks/bundle-wMKhbE3c.js');
-require('../../chunks/bundle-DxSB9NRz.js');
+require('../../chunks/bundle-Cd-3W3UM.js');
+require('../../chunks/bundle-DTJnlh7y.js');
+require('../../chunks/bundle-TEjGhclf.js');
+require('../../chunks/bundle-C_8UQBXr.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-BoLhr7Ko.js');
-require('../../chunks/bundle-C93-onMF.js');
+require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-DcQeRT4T.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-5_kPn4wU.js');
+require('../../chunks/bundle-DY5rfl6W.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-wl1uuzU7.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-DcSTnNI0.js');
+require('../../chunks/bundle-cqwHj7Dj.js');
 
-var COMPONENT_CLASS_NAME = 'sendbird-message-search';
 var MessageSearchUI = function (_a) {
     var renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderNoString = _a.renderPlaceHolderNoString, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, renderSearchItem = _a.renderSearchItem;
     var _b = MessageSearch_context.useMessageSearchContext(), isInvalid = _b.isInvalid, searchString = _b.searchString, requestString = _b.requestString, currentChannel = _b.currentChannel, retryCount = _b.retryCount, setRetryCount = _b.setRetryCount, loading = _b.loading, scrollRef = _b.scrollRef, hasMoreResult = _b.hasMoreResult, onScroll = _b.onScroll, allMessages = _b.allMessages, onResultClick = _b.onResultClick, selectedMessageId = _b.selectedMessageId, setSelectedMessageId = _b.setSelectedMessageId;
@@ -58,30 +57,30 @@ var MessageSearchUI = function (_a) {
         return stringSet.NO_TITLE;
     };
     if (isInvalid && searchString && requestString) {
-        return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+        return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React.createElement("div", { className: "sendbird-message-search" },
             React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: handleRetryToConnect })));
     }
     if (loading && searchString && requestString) {
-        return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+        return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React.createElement("div", { className: "sendbird-message-search" },
             React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.SEARCHING })));
     }
     if (!searchString) {
-        return (renderPlaceHolderNoString === null || renderPlaceHolderNoString === void 0 ? void 0 : renderPlaceHolderNoString()) || (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+        return (renderPlaceHolderNoString === null || renderPlaceHolderNoString === void 0 ? void 0 : renderPlaceHolderNoString()) || (React.createElement("div", { className: "sendbird-message-search" },
             React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.SEARCH_IN, searchInString: getChannelName() })));
     }
-    return (React.createElement("div", { className: COMPONENT_CLASS_NAME, onScroll: handleOnScroll, ref: scrollRef }, (allMessages.length > 0)
+    return (React.createElement("div", { className: "sendbird-message-search", onScroll: handleOnScroll, ref: scrollRef }, (allMessages.length > 0)
         ? (allMessages.map(function (message) {
             if (renderSearchItem) {
                 return renderSearchItem({ message: message, onResultClick: onResultClick });
             }
             if (message.messageType === 'file') {
-                return (React.createElement(ui_MessageSearchFileItem, { className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"), message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
-                        onResultClick(message);
+                return (React.createElement(ui_MessageSearchFileItem, { className: "sendbird-message-search__message-search-item", message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
+                        onResultClick === null || onResultClick === void 0 ? void 0 : onResultClick(message);
                         setSelectedMessageId(message.messageId);
                     } }));
             }
-            return (React.createElement(ui_MessageSearchItem, { className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"), message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
-                    onResultClick(message);
+            return (React.createElement(ui_MessageSearchItem, { className: "sendbird-message-search__message-search-item", message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
+                    onResultClick === null || onResultClick === void 0 ? void 0 : onResultClick(message);
                     setSelectedMessageId(message.messageId);
                 } }));
         }))

package/cjs/MessageSearch/components/MessageSearchUI.js.map

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

package/cjs/MessageSearch/context.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 require('../withSendbird.js');
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
@@ -115,7 +115,7 @@ function useGetSearchedMessages(_a, _b) {
                             },
                         });
                         if (onResultLoaded && typeof onResultLoaded === 'function') {
-                            onResultLoaded(messages, null);
+                            onResultLoaded(messages, undefined);
                         }
                     }).catch(function (error) {
                         logger.warning('MessageSearch | useGetSearchedMessages: failed getting search messages.', error);
@@ -124,7 +124,7 @@ function useGetSearchedMessages(_a, _b) {
                             payload: null,
                         });
                         if (onResultLoaded && typeof onResultLoaded === 'function') {
-                            onResultLoaded(null, error);
+                            onResultLoaded(undefined, error);
                         }
                     });
                     messageSearchDispatcher({
@@ -139,7 +139,7 @@ function useGetSearchedMessages(_a, _b) {
                         payload: null,
                     });
                     if (onResultLoaded && typeof onResultLoaded === 'function') {
-                        onResultLoaded(null, error);
+                        onResultLoaded(undefined, error);
                     }
                 });
             }
@@ -158,7 +158,9 @@ function useScrollCallback(_a, _b) {
             logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);
         }
         if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {
-            currentMessageSearchQuery.next().then(function (messages) {
+            currentMessageSearchQuery
+                .next()
+                .then(function (messages) {
                 logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);
                 messageSearchDispatcher({
                     type: GET_NEXT_SEARCHED_MESSAGES,
@@ -168,7 +170,8 @@ function useScrollCallback(_a, _b) {
                 if (onResultLoaded && typeof onResultLoaded === 'function') {
                     onResultLoaded(messages, null);
                 }
-            }).catch(function (error) {
+            })
+                .catch(function (error) {
                 logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);
                 cb(null, error);
                 if (onResultLoaded && typeof onResultLoaded === 'function') {
@@ -189,7 +192,7 @@ function useSearchStringEffect(_a, _b) {
     var _c = React.useState(''), requestString = _c[0], setRequestString = _c[1];
     var _d = React.useState(null), debouncingTimer = _d[0], setDebouncingTimer = _d[1];
     React.useEffect(function () {
-        clearTimeout(debouncingTimer);
+        clearTimeout(debouncingTimer !== null && debouncingTimer !== void 0 ? debouncingTimer : undefined);
         if (searchString) {
             setDebouncingTimer(setTimeout(function () {
                 setRequestString(searchString);
@@ -206,7 +209,7 @@ function useSearchStringEffect(_a, _b) {
     return requestString;
 }
 
-var MessageSearchContext = React.createContext(undefined);
+var MessageSearchContext = React.createContext(null);
 var MessageSearchProvider = function (props) {
     var _a, _b, _c, _d, _e;
     var 
@@ -235,7 +238,7 @@ var MessageSearchProvider = function (props) {
         }
     };
     useSetChannel({ channelUrl: channelUrl, sdkInit: sdkInit }, { sdk: sdk, logger: logger, messageSearchDispatcher: messageSearchDispatcher });
-    var requestString = useSearchStringEffect({ searchString: searchString }, { messageSearchDispatcher: messageSearchDispatcher });
+    var requestString = useSearchStringEffect({ searchString: searchString !== null && searchString !== void 0 ? searchString : '' }, { messageSearchDispatcher: messageSearchDispatcher });
     useGetSearchedMessages({ currentChannel: currentChannel, channelUrl: channelUrl, requestString: requestString, messageSearchQuery: messageSearchQuery, onResultLoaded: onResultLoaded, retryCount: retryCount }, { sdk: sdk, logger: logger, messageSearchDispatcher: messageSearchDispatcher });
     var onScroll = useScrollCallback({ currentMessageSearchQuery: currentMessageSearchQuery, hasMoreResult: hasMoreResult, onResultLoaded: onResultLoaded }, { logger: logger, messageSearchDispatcher: messageSearchDispatcher });
     var handleRetryToConnect = function () {
@@ -265,7 +268,12 @@ var MessageSearchProvider = function (props) {
             handleOnScroll: handleOnScroll,
         } }, props === null || props === void 0 ? void 0 : props.children));
 };
-var useMessageSearchContext = function () { return React.useContext(MessageSearchContext); };
+var useMessageSearchContext = function () {
+    var context = React.useContext(MessageSearchContext);
+    if (!context)
+        throw new Error('MessageSearchContext not found. Use within the MessageSearch module.');
+    return context;
+};
 
 exports.MessageSearchProvider = MessageSearchProvider;
 exports.useMessageSearchContext = useMessageSearchContext;

package/cjs/MessageSearch/context.js.map

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

package/cjs/MessageSearch.js

@@ -2,37 +2,36 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./chunks/bundle-oeWNUdCB.js');
+var LocalizationContext = require('./chunks/bundle-OWb8eJt-.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 var ui_Header = require('./ui/Header.js');
 require('./ui/MessageSearchItem.js');
-require('./chunks/bundle-HGbi-rCv.js');
-require('./chunks/bundle-DAj-1QVM.js');
-require('./chunks/bundle-BWGOXLHb.js');
-require('./chunks/bundle-B_51Svr9.js');
-require('./chunks/bundle-wMKhbE3c.js');
-require('./chunks/bundle-DxSB9NRz.js');
+require('./chunks/bundle-eTYC1RPT.js');
+require('./chunks/bundle-Cd-3W3UM.js');
+require('./chunks/bundle-1A4pOyri.js');
+require('./chunks/bundle-DTJnlh7y.js');
+require('./chunks/bundle-TEjGhclf.js');
+require('./chunks/bundle-C_8UQBXr.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-BoLhr7Ko.js');
-require('./chunks/bundle-C93-onMF.js');
-require('./chunks/bundle-5_kPn4wU.js');
-require('./chunks/bundle-gtkPlUrw.js');
+require('./chunks/bundle-DOoshvnj.js');
+require('./chunks/bundle-DcQeRT4T.js');
+require('./chunks/bundle-DY5rfl6W.js');
+require('./chunks/bundle-BNMoxGCr.js');
 require('./ui/PlaceHolder.js');
 require('./ui/MessageSearchFileItem.js');
-require('./chunks/bundle-wl1uuzU7.js');
+require('./chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DcSTnNI0.js');
+require('./chunks/bundle-cqwHj7Dj.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-BwQ4BJif.js');
+require('./chunks/bundle-OIKGVRus.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DAxedY0T.js');
+require('./chunks/bundle-CA69fSDI.js');
 require('./ui/IconButton.js');
 
-var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
 function MessageSearchPannel(props) {
     var channelUrl = props.channelUrl, onResultClick = props.onResultClick, onCloseClick = props.onCloseClick, messageSearchQuery = props.messageSearchQuery, renderPlaceHolderError = props.renderPlaceHolderError, renderPlaceHolderLoading = props.renderPlaceHolderLoading, renderPlaceHolderNoString = props.renderPlaceHolderNoString, renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList, renderSearchItem = props.renderSearchItem;
     var _a = React.useState(''), searchString = _a[0], setSearchString = _a[1];
@@ -61,16 +60,16 @@ function MessageSearchPannel(props) {
         setInputString('');
         setSearchString('');
     };
-    return (React.createElement("div", { className: COMPONENT_CLASS_NAME },
-        React.createElement(ui_Header.default, { className: "".concat(COMPONENT_CLASS_NAME, "__header"), renderMiddle: function () { return (React.createElement(ui_Header.default.Title, { title: stringSet.SEARCH_IN_CHANNEL })); }, renderRight: function () { return (React.createElement(ui_Header.default.IconButton, { className: "".concat(COMPONENT_CLASS_NAME, "__header__close-button"), onClick: onCloseClick, type: ui_Icon.IconTypes.CLOSE, color: ui_Icon.IconColors.ON_BACKGROUND_1 })); } }),
-        React.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__input") },
-            React.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__input__container") },
-                React.createElement(ui_Icon.default, { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__search-icon"), type: ui_Icon.IconTypes.SEARCH, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "24px", height: "24px" }),
-                React.createElement("input", { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__input-area"), placeholder: stringSet.SEARCH, value: inputString, onChange: handleOnChangeInputString }),
-                inputString && loading && (React.createElement(ui_Loader, { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__spinner"), width: "20px", height: "20px" },
+    return (React.createElement("div", { className: "sendbird-message-search-pannel" },
+        React.createElement(ui_Header.default, { className: "sendbird-message-search-pannel__header", renderMiddle: function () { return (React.createElement(ui_Header.default.Title, { title: stringSet.SEARCH_IN_CHANNEL })); }, renderRight: function () { return (React.createElement(ui_Header.default.IconButton, { className: "sendbird-message-search-pannel__header__close-button", onClick: onCloseClick, type: ui_Icon.IconTypes.CLOSE, color: ui_Icon.IconColors.ON_BACKGROUND_1 })); } }),
+        React.createElement("div", { className: "sendbird-message-search-pannel__input" },
+            React.createElement("div", { className: "sendbird-message-search-pannel__input__container" },
+                React.createElement(ui_Icon.default, { className: "sendbird-message-search-pannel__input__container__search-icon", type: ui_Icon.IconTypes.SEARCH, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "24px", height: "24px" }),
+                React.createElement("input", { className: "sendbird-message-search-pannel__input__container__input-area", placeholder: stringSet.SEARCH, value: inputString, onChange: handleOnChangeInputString }),
+                inputString && loading && (React.createElement(ui_Loader, { className: "sendbird-message-search-pannel__input__container__spinner", width: "20px", height: "20px" },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" }))),
-                !loading && inputString && (React.createElement(ui_Icon.default, { className: "".concat(COMPONENT_CLASS_NAME, "__input__container__reset-input-button"), type: ui_Icon.IconTypes.REMOVE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "20px", height: "20px", onClick: handleOnClickResetStringButton })))),
-        React.createElement("div", { className: "".concat(COMPONENT_CLASS_NAME, "__message-search") },
+                !loading && inputString && (React.createElement(ui_Icon.default, { className: "sendbird-message-search-pannel__input__container__reset-input-button", type: ui_Icon.IconTypes.REMOVE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "20px", height: "20px", onClick: handleOnClickResetStringButton })))),
+        React.createElement("div", { className: "sendbird-message-search-pannel__message-search" },
             React.createElement(MessageSearch_context.MessageSearchProvider, { channelUrl: channelUrl, searchString: searchString, onResultClick: onResultClick, onResultLoaded: handleOnResultLoaded, messageSearchQuery: messageSearchQuery },
                 React.createElement(MessageSearch_components_MessageSearchUI.MessageSearchUI, { renderPlaceHolderError: renderPlaceHolderError, renderPlaceHolderLoading: renderPlaceHolderLoading, renderPlaceHolderNoString: renderPlaceHolderNoString, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList, renderSearchItem: renderSearchItem })))));
 }

package/cjs/MessageSearch.js.map

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

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
-var ui_Label = require('../../chunks/bundle-5_kPn4wU.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-BWGOXLHb.js');
-require('../../chunks/bundle-HGbi-rCv.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
 
 var FrozenNotification = function () {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -1,39 +1,39 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../../chunks/bundle-DxSB9NRz.js');
+var ui_Avatar = require('../../chunks/bundle-C_8UQBXr.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../chunks/bundle-5_kPn4wU.js');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
-var OpenChannel_context = require('../../chunks/bundle-B-olJv7b.js');
-var MediaQueryContext = require('../../chunks/bundle-BwQ4BJif.js');
-require('../../chunks/bundle-HGbi-rCv.js');
+var ui_Label = require('../../chunks/bundle-DY5rfl6W.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var OpenChannel_context = require('../../chunks/bundle-BLs0JcXs.js');
+var MediaQueryContext = require('../../chunks/bundle-OIKGVRus.js');
+require('../../chunks/bundle-eTYC1RPT.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-BoLhr7Ko.js');
-require('../../chunks/bundle-C93-onMF.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-BWGOXLHb.js');
-require('../../chunks/bundle-CAUMYdVU.js');
-require('../../chunks/bundle-DRy7eNJ0.js');
-require('../../chunks/bundle-Dehhi1FZ.js');
+require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DTzydpqA.js');
+require('../../chunks/bundle-BK_SqbHE.js');
+require('../../chunks/bundle-7CEyuoln.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-1XtsxT8L.js');
-require('../../chunks/bundle-Q4icQ1qH.js');
+require('../../chunks/bundle-YRiE_c63.js');
+require('../../chunks/bundle-C1YuUjH3.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-CZfcXYaX.js');
-require('../../chunks/bundle-wl1uuzU7.js');
+require('../../chunks/bundle-DW8u-n3u.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-L3FEqZsK.js');
-require('../../chunks/bundle-DfcEln0Z.js');
-require('../../chunks/bundle-BTU876jx.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 
 function OpenchannelConversationHeader() {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,46 +1,46 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../chunks/bundle-B-olJv7b.js');
-require('../../chunks/bundle-gtkPlUrw.js');
-require('../../chunks/bundle-BWGOXLHb.js');
-require('../../chunks/bundle-HGbi-rCv.js');
-require('../../chunks/bundle-CmpLg1_S.js');
-require('../../chunks/bundle-CR04Yhbr.js');
+var OpenChannel_context = require('../../chunks/bundle-BLs0JcXs.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-wz_O1vyk.js');
+require('../../chunks/bundle-CuOOXDK0.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-5_kPn4wU.js');
-require('../../chunks/bundle-BLc7P6Sp.js');
+require('../../chunks/bundle-DY5rfl6W.js');
+require('../../chunks/bundle-A_xDyoq6.js');
 require('dompurify');
-require('../../chunks/bundle-D4aDRH9m.js');
-require('../../chunks/bundle-8VyIP0TE.js');
-require('../../chunks/bundle-DdxJqNSP.js');
+require('../../chunks/bundle-CBNBRNN0.js');
+require('../../chunks/bundle-D3BhVTZt.js');
+require('../../chunks/bundle-CI1zoEKe.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-BoLhr7Ko.js');
+require('../../chunks/bundle-DOoshvnj.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-wl1uuzU7.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CLOaQmX9.js');
-require('../../chunks/bundle-CAUMYdVU.js');
-require('../../chunks/bundle-DRy7eNJ0.js');
-require('../../chunks/bundle-Dehhi1FZ.js');
+require('../../chunks/bundle-B1Ql7yM0.js');
+require('../../chunks/bundle-DTzydpqA.js');
+require('../../chunks/bundle-BK_SqbHE.js');
+require('../../chunks/bundle-7CEyuoln.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-1XtsxT8L.js');
-require('../../chunks/bundle-Q4icQ1qH.js');
-require('../../chunks/bundle-C93-onMF.js');
-require('../../chunks/bundle-CZfcXYaX.js');
+require('../../chunks/bundle-YRiE_c63.js');
+require('../../chunks/bundle-C1YuUjH3.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-DW8u-n3u.js');
 require('react-dom');
-require('../../chunks/bundle-BwQ4BJif.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-L3FEqZsK.js');
-require('../../chunks/bundle-DfcEln0Z.js');
-require('../../chunks/bundle-BTU876jx.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-Dymg5zVO.js');
 
 var OpenChannelInput = React.forwardRef(function (props, ref) {
     var _a = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _a.currentOpenChannel, disabled = _a.disabled, handleSendMessage = _a.handleSendMessage, handleFileUpload = _a.handleFileUpload, amIMuted = _a.amIMuted;