@sendbird/uikit-react 3.0.2 → 3.1.0-rc.0

package/OpenChannel/components/OpenChannelUI.js

@@ -1,38 +1,38 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-5d02b219.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-5b45f840.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-12f6f771.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-dfc65ccf.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-89c172fc.js';
-import '../../index-097f4b78.js';
-import '../../UserProfileContext-c72e5006.js';
+import '../../index-1984c852.js';
+import '../../index-6e02fc15.js';
+import '../../UserProfileContext-5bc5ff98.js';
 import 'prop-types';
-import '../../tslib.es6-5a2250f9.js';
-import '../../compareIds-9b3202b9.js';
-import '../../topics-29b13da4.js';
-import '../../openChannel-4de8ae5b.js';
-import '../../__bundle-7dfccc8c-be772b9c.js';
-import '../../uuid-9ac267fb.js';
+import '../../tslib.es6-7a52c497.js';
+import '../../compareIds-7eaf62a5.js';
+import '../../topics-a5f3f0e9.js';
+import '../../openChannel-92ffb0b5.js';
+import '../../__bundle-7dfccc8c-dc566919.js';
+import '../../uuid-b7da2ddf.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-87a4819d.js';
-import '../../LocalizationContext-1417e9d3.js';
-import '../../stringSet-adf0eb59.js';
+import '../../_rollupPluginBabelHelpers-51451000.js';
+import '../../LocalizationContext-bed38f81.js';
+import '../../stringSet-07d51930.js';
 import '../../ui/MessageInput.js';
-import '../../const-7b1f25aa.js';
-import '../../const-c2efe3b4.js';
+import '../../const-5ab9bb9f.js';
+import '../../const-db8ec16d.js';
 import '../../ui/IconButton.js';
-import '../../index-ff084076.js';
-import '../../index-fdcc4a92.js';
+import '../../index-a3d218da.js';
+import '../../index-33456100.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-e647d770.js';
+import '../../index-c67f2f3b.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../index-f9e25c08.js';
+import '../../index-49108fb4.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-e6f6eb1b.js';
-import '../../utils-ad16f26f.js';
-import '../../openChannelUtils-588d2978.js';
+import '../../utils-af217adb.js';
+import '../../utils-43a00393.js';
+import '../../openChannelUtils-e69f8484.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-32ee546e.js';
+import '../../color-04ed392d.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-b9a5ff91.js';
+import '../../index-7ed67f3f.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-5d02b219.js';
-import '../UserProfileContext-c72e5006.js';
-import '../topics-29b13da4.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-5b45f840.js';
+import '../UserProfileContext-5bc5ff98.js';
+import '../topics-a5f3f0e9.js';
 import '../useSendbirdStateContext.js';
-import '../index-89c172fc.js';
-import '../index-097f4b78.js';
-import '../tslib.es6-5a2250f9.js';
-import '../compareIds-9b3202b9.js';
-import '../openChannel-4de8ae5b.js';
-import '../__bundle-7dfccc8c-be772b9c.js';
-import '../uuid-9ac267fb.js';
+import '../index-1984c852.js';
+import '../index-6e02fc15.js';
+import '../tslib.es6-7a52c497.js';
+import '../compareIds-7eaf62a5.js';
+import '../openChannel-92ffb0b5.js';
+import '../__bundle-7dfccc8c-dc566919.js';
+import '../uuid-b7da2ddf.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-51451000.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-5d02b219.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-5b45f840.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-1417e9d3.js';
-import './stringSet-adf0eb59.js';
-import './index-097f4b78.js';
+import './LocalizationContext-bed38f81.js';
+import './stringSet-07d51930.js';
+import './index-6e02fc15.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-87a4819d.js';
+import './_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import './const-7b1f25aa.js';
-import './const-c2efe3b4.js';
+import './const-5ab9bb9f.js';
+import './const-db8ec16d.js';
 import './ui/IconButton.js';
-import './index-ff084076.js';
-import './index-fdcc4a92.js';
+import './index-a3d218da.js';
+import './index-33456100.js';
 import './ui/MentionUserLabel.js';
 import './ui/Icon.js';
-import './index-e647d770.js';
-import './tslib.es6-5a2250f9.js';
+import './index-c67f2f3b.js';
+import './tslib.es6-7a52c497.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-9ac267fb.js';
-import './index-12f6f771.js';
+import './uuid-b7da2ddf.js';
+import './index-dfc65ccf.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-f9e25c08.js';
-import './index-89c172fc.js';
+import './index-49108fb4.js';
+import './index-1984c852.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-29b13da4.js';
-import './utils-e6f6eb1b.js';
-import './UserProfileContext-c72e5006.js';
-import './utils-ad16f26f.js';
-import './openChannelUtils-588d2978.js';
+import './topics-a5f3f0e9.js';
+import './utils-af217adb.js';
+import './UserProfileContext-5bc5ff98.js';
+import './utils-43a00393.js';
+import './openChannelUtils-e69f8484.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-32ee546e.js';
+import './color-04ed392d.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-b9a5ff91.js';
+import './index-7ed67f3f.js';
 import './ui/Modal.js';
 import './useSendbirdStateContext.js';
-import './compareIds-9b3202b9.js';
-import './openChannel-4de8ae5b.js';
-import './__bundle-7dfccc8c-be772b9c.js';
+import './compareIds-7eaf62a5.js';
+import './openChannel-92ffb0b5.js';
+import './__bundle-7dfccc8c-dc566919.js';
 
 var OpenChannel = function OpenChannel(props) {
   return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {

package/{OpenChannelProvider-5d02b219.js → OpenChannelProvider-5b45f840.js}

@@ -1,12 +1,12 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './index-89c172fc.js';
-import { U as UserProfileProvider } from './UserProfileContext-c72e5006.js';
-import { _ as __assign, a as __spreadArray } from './tslib.es6-5a2250f9.js';
-import { c as compareIds } from './compareIds-9b3202b9.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-29b13da4.js';
-import { U as Un } from './openChannel-4de8ae5b.js';
-import { u as uuidv4 } from './uuid-9ac267fb.js';
-import { n as ne } from './__bundle-7dfccc8c-be772b9c.js';
+import { f as format } from './index-1984c852.js';
+import { U as UserProfileProvider } from './UserProfileContext-5bc5ff98.js';
+import { _ as __assign, a as __spreadArray } from './tslib.es6-7a52c497.js';
+import { c as compareIds } from './compareIds-7eaf62a5.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-a5f3f0e9.js';
+import { U as Un } from './openChannel-92ffb0b5.js';
+import { u as uuidv4 } from './uuid-b7da2ddf.js';
+import { n as ne } from './__bundle-7dfccc8c-dc566919.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-5d02b219.js.map
+//# sourceMappingURL=OpenChannelProvider-5b45f840.js.map