@sendbird/uikit-react 3.0.2-beta.2 → 3.1.0

package/OpenChannel/components/OpenChannelUI.js

@@ -1,38 +1,38 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-a37f23fd.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-1161d100.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-9935530e.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-c6d2d378.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-0b740954.js';
-import '../../index-3444f2dd.js';
-import '../../UserProfileContext-f367c086.js';
+import '../../index-b9397b82.js';
+import '../../index-6d9f27e9.js';
+import '../../UserProfileContext-0ab13769.js';
 import 'prop-types';
-import '../../tslib.es6-71164428.js';
-import '../../compareIds-f5c7e9e0.js';
-import '../../topics-7ca110dd.js';
-import '../../openChannel-15b0616c.js';
-import '../../__bundle-7dfccc8c-a16aed7a.js';
-import '../../uuid-39710dee.js';
+import '../../tslib.es6-bc2713d7.js';
+import '../../compareIds-0374f200.js';
+import '../../topics-408562ae.js';
+import '../../openChannel-c960d007.js';
+import '../../__bundle-7dfccc8c-097677fe.js';
+import '../../uuid-b172d222.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-c97525da.js';
-import '../../LocalizationContext-6e75b56a.js';
-import '../../stringSet-7a28664f.js';
+import '../../_rollupPluginBabelHelpers-e62b6c94.js';
+import '../../LocalizationContext-9f3a97d4.js';
+import '../../stringSet-8471446d.js';
 import '../../ui/MessageInput.js';
-import '../../const-3c79b764.js';
-import '../../const-8cce96ac.js';
+import '../../const-1df70d22.js';
+import '../../const-e494c46a.js';
 import '../../ui/IconButton.js';
-import '../../index-7f7579cb.js';
-import '../../index-7324a9d2.js';
+import '../../index-be56e57e.js';
+import '../../index-0b5ccb8a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-2a105a6a.js';
+import '../../index-b75c8b72.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../index-6f372bb8.js';
+import '../../index-0bca77f6.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -40,19 +40,19 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-38a1ad56.js';
-import '../../utils-5807b354.js';
-import '../../openChannelUtils-9b134f08.js';
+import '../../utils-6f162725.js';
+import '../../utils-ed9ea372.js';
+import '../../openChannelUtils-eb983c6e.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-8a34313f.js';
+import '../../color-af7ca71d.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-79815d20.js';
+import '../../index-626e0c91.js';
 import '../../ui/Modal.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';

package/OpenChannel/context.js

@@ -1,16 +1,16 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-a37f23fd.js';
-import '../UserProfileContext-f367c086.js';
-import '../topics-7ca110dd.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-1161d100.js';
+import '../UserProfileContext-0ab13769.js';
+import '../topics-408562ae.js';
 import '../useSendbirdStateContext.js';
-import '../index-0b740954.js';
-import '../index-3444f2dd.js';
-import '../tslib.es6-71164428.js';
-import '../compareIds-f5c7e9e0.js';
-import '../openChannel-15b0616c.js';
-import '../__bundle-7dfccc8c-a16aed7a.js';
-import '../uuid-39710dee.js';
+import '../index-b9397b82.js';
+import '../index-6d9f27e9.js';
+import '../tslib.es6-bc2713d7.js';
+import '../compareIds-0374f200.js';
+import '../openChannel-c960d007.js';
+import '../__bundle-7dfccc8c-097677fe.js';
+import '../uuid-b172d222.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel.js

@@ -1,32 +1,32 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-a37f23fd.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-1161d100.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-6e75b56a.js';
-import './stringSet-7a28664f.js';
-import './index-3444f2dd.js';
+import './LocalizationContext-9f3a97d4.js';
+import './stringSet-8471446d.js';
+import './index-6d9f27e9.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-c97525da.js';
+import './_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import './const-3c79b764.js';
-import './const-8cce96ac.js';
+import './const-1df70d22.js';
+import './const-e494c46a.js';
 import './ui/IconButton.js';
-import './index-7f7579cb.js';
-import './index-7324a9d2.js';
+import './index-be56e57e.js';
+import './index-0b5ccb8a.js';
 import './ui/MentionUserLabel.js';
 import './ui/Icon.js';
-import './index-2a105a6a.js';
-import './tslib.es6-71164428.js';
+import './index-b75c8b72.js';
+import './tslib.es6-bc2713d7.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-39710dee.js';
-import './index-9935530e.js';
+import './uuid-b172d222.js';
+import './index-c6d2d378.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-6f372bb8.js';
-import './index-0b740954.js';
+import './index-0bca77f6.js';
+import './index-b9397b82.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
@@ -35,26 +35,26 @@ import './ui/SortByRow.js';
 import './ui/UserProfile.js';
 import './withSendbird.js';
 import './sendbirdSelectors.js';
-import './topics-7ca110dd.js';
-import './utils-38a1ad56.js';
-import './UserProfileContext-f367c086.js';
-import './utils-5807b354.js';
-import './openChannelUtils-9b134f08.js';
+import './topics-408562ae.js';
+import './utils-6f162725.js';
+import './UserProfileContext-0ab13769.js';
+import './utils-ed9ea372.js';
+import './openChannelUtils-eb983c6e.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-8a34313f.js';
+import './color-af7ca71d.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-79815d20.js';
+import './index-626e0c91.js';
 import './ui/Modal.js';
 import './useSendbirdStateContext.js';
-import './compareIds-f5c7e9e0.js';
-import './openChannel-15b0616c.js';
-import './__bundle-7dfccc8c-a16aed7a.js';
+import './compareIds-0374f200.js';
+import './openChannel-c960d007.js';
+import './__bundle-7dfccc8c-097677fe.js';
 
 var OpenChannel = function OpenChannel(props) {
   return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {

package/{OpenChannelProvider-a37f23fd.js → OpenChannelProvider-1161d100.js}

@@ -1,12 +1,12 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './index-0b740954.js';
-import { U as UserProfileProvider } from './UserProfileContext-f367c086.js';
-import { _ as __assign, a as __spreadArray } from './tslib.es6-71164428.js';
-import { c as compareIds } from './compareIds-f5c7e9e0.js';
-import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-7ca110dd.js';
-import { U as Un } from './openChannel-15b0616c.js';
-import { u as uuidv4 } from './uuid-39710dee.js';
-import { n as ne } from './__bundle-7dfccc8c-a16aed7a.js';
+import { f as format } from './index-b9397b82.js';
+import { U as UserProfileProvider } from './UserProfileContext-0ab13769.js';
+import { _ as __assign, a as __spreadArray } from './tslib.es6-bc2713d7.js';
+import { c as compareIds } from './compareIds-0374f200.js';
+import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-408562ae.js';
+import { U as Un } from './openChannel-c960d007.js';
+import { u as uuidv4 } from './uuid-b172d222.js';
+import { n as ne } from './__bundle-7dfccc8c-097677fe.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 
 var getMessageCreatedAt = function getMessageCreatedAt(message) {
@@ -278,9 +278,10 @@ function reducer(state, action) {
     case SENDING_MESSAGE_FAILED:
       {
         var sentMessage_2 = action.payload;
+        sentMessage_2.sendingStatus = 'failed';
 
         if (!state.allMessages.some(function (m) {
-          return m.reqId === sentMessage_2.reqId;
+          return (m === null || m === void 0 ? void 0 : m.reqId) === (sentMessage_2 === null || sentMessage_2 === void 0 ? void 0 : sentMessage_2.reqId);
         })) {
           // Handling failed first than sending start issue
           return __assign(__assign({}, state), {
@@ -742,11 +743,25 @@ function useSetChannel(_a, _b) {
                 }
               });
             });
+          } else {
+            openChannel.getMyMutedInfo().then(function (mutedInfo) {
+              if (mutedInfo === null || mutedInfo === void 0 ? void 0 : mutedInfo.isMuted) {
+                messagesDispatcher({
+                  type: FETCH_MUTED_USER_LIST,
+                  payload: {
+                    channel: openChannel,
+                    users: [sdk === null || sdk === void 0 ? void 0 : sdk.currentUser]
+                  }
+                });
+              }
+            });
           }
 
           if (fetchingParticipants) {
             // fetch participants list
-            var participantListQuery = openChannel.createParticipantListQuery({});
+            var participantListQuery = openChannel.createParticipantListQuery({
+              limit: openChannel.participantCount
+            });
             fetchWithListQuery(participantListQuery, logger, function (users) {
               messagesDispatcher({
                 type: FETCH_PARTICIPANT_LIST,
@@ -767,7 +782,7 @@ function useSetChannel(_a, _b) {
             payload: null
           });
         });
-      }).catch(function () {
+      }).catch(function (error) {
         logger.warning('OpenChannel | useSetChannel fetching channel failed', {
           channelUrl: channelUrl,
           error: error
@@ -1266,6 +1281,7 @@ function useSendMessageCallback(_a, _b) {
       var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
       logger.info('OpenChannel | useSendMessageCallback: Sending message has started', params);
       var isBottom_1 = checkScrollBottom();
+      var pendingMsg_1 = null;
       currentOpenChannel.sendUserMessage(params).onPending(function (pendingMessage) {
         messagesDispatcher({
           type: SENDING_MESSAGE_START,
@@ -1274,6 +1290,7 @@ function useSendMessageCallback(_a, _b) {
             channel: currentOpenChannel
           }
         });
+        pendingMsg_1 = pendingMessage;
       }).onSucceeded(function (message) {
         logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
         messagesDispatcher({
@@ -1286,11 +1303,11 @@ function useSendMessageCallback(_a, _b) {
             scrollIntoLast();
           });
         }
-      }).onFailed(function (error, message) {
+      }).onFailed(function (error) {
         logger.warning('OpenChannel | useSendMessageCallback: Sending message failed', error);
         messagesDispatcher({
           type: SENDING_MESSAGE_FAILED,
-          payload: message
+          payload: pendingMsg_1
         }); // https://sendbird.com/docs/chat/v3/javascript/guides/error-codes#2-server-error-codes
         // TODO: Do we need to handle the error cases?
         // @ts-ignore
@@ -1892,7 +1909,17 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
         });
       }
     };
-  }, [channelUrl, sdkInit]);
+  }, [channelUrl, sdkInit]); // Exit channel when unmount
+
+  useEffect(function () {
+    return function () {
+      if (currentOpenChannel && currentOpenChannel.exit) {
+        currentOpenChannel.exit().then(function () {
+          logger.info('OpenChannel | useSetChannel: Succeeded to exit channel');
+        });
+      }
+    };
+  }, [currentOpenChannel]);
   return /*#__PURE__*/React__default.createElement(OpenChannelContext.Provider, {
     value: {
       // props
@@ -1943,4 +1970,4 @@ var useOpenChannelContext = function useOpenChannelContext() {
 };
 
 export { OpenChannelProvider as O, compareMessagesForGrouping as c, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=OpenChannelProvider-a37f23fd.js.map
+//# sourceMappingURL=OpenChannelProvider-1161d100.js.map