@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/cjs/MessageSearch/context.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.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-B7wJ4Hqk.js');
+var LocalizationContext = require('./chunks/bundle-u9XWE6Rm.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-C-r9vRgc.js');
-require('./chunks/bundle-CjYhSLRD.js');
-require('./chunks/bundle-CDJXrIVC.js');
-require('./chunks/bundle-CgOafeY_.js');
-require('./chunks/bundle-CL-vjR4o.js');
-require('./chunks/bundle-C0ZNrrcl.js');
+require('./chunks/bundle-BGmEoqIq.js');
+require('./chunks/bundle-D95F7WKf.js');
+require('./chunks/bundle-dokTsajJ.js');
+require('./chunks/bundle-Dq1gBmDY.js');
+require('./chunks/bundle-Bs4qGnBO.js');
+require('./chunks/bundle-BpJxkKab.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-CLte647H.js');
-require('./chunks/bundle-CxNGVWIy.js');
-require('./chunks/bundle-Deao1Upp.js');
-require('./chunks/bundle-DWBc-Yv7.js');
+require('./chunks/bundle-FcnFNV4V.js');
+require('./chunks/bundle-Ca2fr0Kb.js');
+require('./chunks/bundle-DgWaY7S0.js');
+require('./chunks/bundle-5FP1wNLB.js');
 require('./ui/PlaceHolder.js');
 require('./ui/MessageSearchFileItem.js');
-require('./chunks/bundle-Cw7xe6J1.js');
+require('./chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DmVeFWB4.js');
+require('./chunks/bundle-DTtY3_Ni.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-CLNUkVC8.js');
+require('./chunks/bundle-Bsd8mnLE.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DWGp201o.js');
+require('./chunks/bundle-D91GTav0.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-B7wJ4Hqk.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.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-C0ZNrrcl.js');
+var ui_Avatar = require('../../chunks/bundle-BpJxkKab.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var OpenChannel_context = require('../../chunks/bundle-8IuV93EV.js');
-var MediaQueryContext = require('../../chunks/bundle-CLNUkVC8.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
+var OpenChannel_context = require('../../chunks/bundle-Q0M503xu.js');
+var MediaQueryContext = require('../../chunks/bundle-Bsd8mnLE.js');
+require('../../chunks/bundle-BGmEoqIq.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-CcmMvK6l.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-DHTMMHln.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-cl2q8NwQ.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-JqwDNyBE.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-CkSDsWpR.js');
+require('../../chunks/bundle-CRjV-DLM.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-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-K2UuTY_r.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-B7wJ4Hqk.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../chunks/bundle-8IuV93EV.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-C4UzGGy_.js');
-require('../../chunks/bundle-B2KKkvdj.js');
+var OpenChannel_context = require('../../chunks/bundle-Q0M503xu.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-WrRM6A2K.js');
+require('../../chunks/bundle-Bz2MU4JV.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-BOrMDMdN.js');
+require('../../chunks/bundle-DgWaY7S0.js');
+require('../../chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('../../chunks/bundle-ClBBhzU-.js');
-require('../../chunks/bundle-SfusZfMJ.js');
-require('../../chunks/bundle-D4e0UT-6.js');
+require('../../chunks/bundle-BZf2YVCr.js');
+require('../../chunks/bundle-Co2OfFRh.js');
+require('../../chunks/bundle-B8SH2f7F.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-FcnFNV4V.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-DFVUnSWq.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-CcmMvK6l.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-VNK4cKfS.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-DHTMMHln.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-cl2q8NwQ.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-DJ9gapN2.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-JqwDNyBE.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
+require('../../chunks/bundle-CkSDsWpR.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-K2UuTY_r.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;

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,72 +1,72 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../chunks/bundle-CjYhSLRD.js');
+var index = require('../../chunks/bundle-D95F7WKf.js');
 var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
 var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
 var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
 var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
 var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var ui_FileViewer = require('../../chunks/bundle-IZLtKe6R.js');
-var ui_Modal = require('../../chunks/bundle-DJ9gapN2.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var stringFormatterUtils = require('../../chunks/bundle-Bw_LvbLk.js');
-var OpenChannel_context = require('../../chunks/bundle-8IuV93EV.js');
+var ui_FileViewer = require('../../chunks/bundle-CvkPNwGA.js');
+var ui_Modal = require('../../chunks/bundle-CkSDsWpR.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
+var stringFormatterUtils = require('../../chunks/bundle-CLMFxMug.js');
+var OpenChannel_context = require('../../chunks/bundle-Q0M503xu.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
 require('../../ui/Icon.js');
 require('../../ui/ContextMenu.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-Ch54AIEU.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-5FP1wNLB.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-DLTCoQzD.js');
-require('../../chunks/bundle-Bv_QMEk2.js');
-require('../../chunks/bundle-CLNUkVC8.js');
-require('../../chunks/bundle-Pfx0MBr4.js');
+require('../../chunks/bundle-cXx7XwGe.js');
+require('../../chunks/bundle-0CaiAMj2.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
+require('../../chunks/bundle-DmfO6_lp.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-BCt-Rzil.js');
-require('../../chunks/bundle-DFVUnSWq.js');
+require('../../chunks/bundle-WLDzr4U5.js');
+require('../../chunks/bundle-VNK4cKfS.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-C4UzGGy_.js');
-require('../../chunks/bundle-B2KKkvdj.js');
-require('../../chunks/bundle-BOrMDMdN.js');
+require('../../chunks/bundle-D91GTav0.js');
+require('../../chunks/bundle-WrRM6A2K.js');
+require('../../chunks/bundle-Bz2MU4JV.js');
+require('../../chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('../../chunks/bundle-ClBBhzU-.js');
-require('../../chunks/bundle-SfusZfMJ.js');
-require('../../chunks/bundle-D4e0UT-6.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-D9UFa9yx.js');
+require('../../chunks/bundle-BZf2YVCr.js');
+require('../../chunks/bundle-Co2OfFRh.js');
+require('../../chunks/bundle-B8SH2f7F.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-Cf4_cCe9.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-CcmMvK6l.js');
-require('../../chunks/bundle-cl2q8NwQ.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-DHTMMHln.js');
+require('../../chunks/bundle-JqwDNyBE.js');
 
 function RemoveMessageModal(_a) {
     var message = _a.message, onCloseModal = _a.onCloseModal, onDeleteMessage = _a.onDeleteMessage;
@@ -117,7 +117,7 @@ function OpenChannelMessage(props) {
     var globalState = useSendbirdStateContext.useSendbirdStateContext();
     var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
     var isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;
-    var sender = null;
+    var sender;
     if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
         sender = message === null || message === void 0 ? void 0 : message.sender;
     }
@@ -135,7 +135,7 @@ function OpenChannelMessage(props) {
                 === SendingMessageStatus.FAILED;
     }
     if (renderMessage) {
-        return (React.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" }, renderMessage({ message: message, chainTop: chainTop, chainBottom: chainBottom })));
+        return (React.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref", "data-testid": "sendbird-message-hoc" }, renderMessage({ message: message, chainTop: chainTop, chainBottom: chainBottom })));
     }
     if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && showEdit) {
         return (React.createElement(ui_MessageInput, { isEdit: true, channel: currentOpenChannel, disabled: editDisabled, ref: editMessageInputRef, message: message, onUpdateMessage: function (_a) {
@@ -146,7 +146,7 @@ function OpenChannelMessage(props) {
                 setShowEdit(false);
             } }));
     }
-    return (React.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" },
+    return (React.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref", "data-testid": "sendbird-message-hoc" },
         React.createElement(React.Fragment, null,
             hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (React.createElement(ui_DateSeparator, null,
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index.format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, { locale: dateLocale })))),

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,89 +1,90 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../../chunks/bundle-CL-vjR4o.js');
+var index$1 = require('../../chunks/bundle-Bs4qGnBO.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var OpenChannel_context = require('../../chunks/bundle-8IuV93EV.js');
+var OpenChannel_context = require('../../chunks/bundle-Q0M503xu.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
 var Message_context = require('../../Message/context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var index = require('../../chunks/bundle-ZItyfz7r.js');
+var index = require('../../chunks/bundle-CobEoguL.js');
 var Channel_utils_compareMessagesForGrouping = require('../../Channel/utils/compareMessagesForGrouping.js');
-require('../../chunks/bundle-CjYhSLRD.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-B7wJ4Hqk.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-Deao1Upp.js');
+require('../../chunks/bundle-D95F7WKf.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-u9XWE6Rm.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-DgWaY7S0.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-CcmMvK6l.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-DHTMMHln.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-cl2q8NwQ.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-JqwDNyBE.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
+require('../../chunks/bundle-CkSDsWpR.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('../../ui/OpenchannelUserMessage.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DLTCoQzD.js');
-require('../../chunks/bundle-Bv_QMEk2.js');
-require('../../chunks/bundle-Pfx0MBr4.js');
+require('../../chunks/bundle-cXx7XwGe.js');
+require('../../chunks/bundle-0CaiAMj2.js');
+require('../../chunks/bundle-DmfO6_lp.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-BCt-Rzil.js');
-require('../../chunks/bundle-DFVUnSWq.js');
+require('../../chunks/bundle-WLDzr4U5.js');
+require('../../chunks/bundle-VNK4cKfS.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-D91GTav0.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-C4UzGGy_.js');
-require('../../chunks/bundle-B2KKkvdj.js');
-require('../../chunks/bundle-BOrMDMdN.js');
+require('../../chunks/bundle-WrRM6A2K.js');
+require('../../chunks/bundle-Bz2MU4JV.js');
+require('../../chunks/bundle-DLgT0MKO.js');
 require('dompurify');
-require('../../chunks/bundle-ClBBhzU-.js');
-require('../../chunks/bundle-SfusZfMJ.js');
-require('../../chunks/bundle-D4e0UT-6.js');
-require('../../chunks/bundle-IZLtKe6R.js');
-require('../../chunks/bundle-D9UFa9yx.js');
-require('../../chunks/bundle-Bw_LvbLk.js');
-require('../../chunks/bundle-BMN1aDia.js');
-require('../../chunks/bundle-D1X4MKLh.js');
+require('../../chunks/bundle-BZf2YVCr.js');
+require('../../chunks/bundle-Co2OfFRh.js');
+require('../../chunks/bundle-B8SH2f7F.js');
+require('../../chunks/bundle-CvkPNwGA.js');
+require('../../chunks/bundle-Cf4_cCe9.js');
+require('../../chunks/bundle-CLMFxMug.js');
+require('../../chunks/bundle-q7OlAphN.js');
+require('../../chunks/bundle-BYarXD6U.js');
 require('@sendbird/chat/message');
 
 function OpenChannelMessageList(props, ref) {
     var _a = OpenChannel_context.useOpenChannelContext(), _b = _a.isMessageGroupingEnabled, isMessageGroupingEnabled = _b === void 0 ? true : _b, allMessages = _a.allMessages, hasMore = _a.hasMore, onScroll = _a.onScroll;
     var store = useSendbirdStateContext.useSendbirdStateContext();
     var userId = store.config.userId;
-    var scrollRef = ref || React.useRef(null);
+    var localRef = React.useRef(null);
+    var scrollRef = ref || localRef;
     var _c = React.useState(false), showScrollDownButton = _c[0], setShowScrollDownButton = _c[1];
     var scrollToBottom = function () {
-        if (scrollRef && scrollRef.current) {
+        if (scrollRef && 'current' in scrollRef && scrollRef.current) {
             scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
             setShowScrollDownButton(false);
         }

package/cjs/OpenChannel/components/OpenChannelMessageList.js.map

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