@sendbird/uikit-chat-hooks 2.4.1 → 2.5.0-rc.0

package/README.md

@@ -1,9 +1,9 @@
 # @sendbird/uikit-chat-hooks
 
-React custom hooks with Sendbird Chat SDK v4, made for UIKit
+A set of React hooks for integrating Sendbird chat functionality into your React app.
 
 ## Installation
 
 ```sh
-npm i @sendbird/uikit-chat-hooks
+npm i @sendbird/uikit-chat-hooks @sendbird/chat
 ```

package/lib/commonjs/channel/useChannelMessagesReducer.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelMessagesReducer = void 0;
+var _react = require("react");
+var _uikitUtils = require("@sendbird/uikit-utils");
+const defaultReducer = (_ref, action) => {
+  let {
+    ...draft
+  } = _ref;
+  switch (action.type) {
+    case 'update_refreshing':
+      {
+        draft['refreshing'] = action.value.status;
+        return draft;
+      }
+    case 'update_loading':
+      {
+        draft['loading'] = action.value.status;
+        return draft;
+      }
+    case 'update_messages':
+      {
+        if (action.value.clearBeforeAction) {
+          draft['messageMap'] = (0, _uikitUtils.arrayToMapWithGetter)(action.value.messages, _uikitUtils.getMessageUniqId);
+        } else {
+          // Remove existing messages before update for prevent duplicate display
+          const messageKeys = action.value.messages.map(it => (0, _uikitUtils.isSendableMessage)(it) ? [it.messageId, it.reqId] : [it.messageId]).flat();
+          messageKeys.forEach(key => delete draft['messageMap'][key]);
+          draft['messageMap'] = {
+            ...draft['messageMap'],
+            ...(0, _uikitUtils.arrayToMapWithGetter)(action.value.messages, _uikitUtils.getMessageUniqId)
+          };
+        }
+        return draft;
+      }
+    case 'update_new_messages':
+      {
+        const newMessages = action.value.messages.filter(it => (0, _uikitUtils.isNewMessage)(it, action.value.currentUserId));
+        if (action.value.clearBeforeAction) {
+          draft['newMessageMap'] = (0, _uikitUtils.arrayToMapWithGetter)(newMessages, _uikitUtils.getMessageUniqId);
+        } else {
+          // Remove existing messages before update for prevent duplicate display
+          const messageKeys = newMessages.map(it => it.messageId);
+          messageKeys.forEach(key => delete draft['newMessageMap'][key]);
+          draft['newMessageMap'] = {
+            ...draft['newMessageMap'],
+            ...(0, _uikitUtils.arrayToMapWithGetter)(newMessages, _uikitUtils.getMessageUniqId)
+          };
+        }
+        return draft;
+      }
+    case 'delete_messages':
+    case 'delete_new_messages':
+      {
+        const key = action.type === 'delete_messages' ? 'messageMap' : 'newMessageMap';
+        draft[key] = {
+          ...draft[key]
+        };
+        action.value.messageIds.forEach(msgId => delete draft[key][msgId]);
+        action.value.reqIds.forEach(reqId => delete draft[key][reqId]);
+        return draft;
+      }
+  }
+};
+const useChannelMessagesReducer = sortComparator => {
+  const [{
+    loading,
+    refreshing,
+    messageMap,
+    newMessageMap
+  }, dispatch] = (0, _react.useReducer)(defaultReducer, {
+    loading: true,
+    refreshing: false,
+    messageMap: {},
+    newMessageMap: {}
+  });
+  const updateMessages = (messages, clearBeforeAction, currentUserId) => {
+    dispatch({
+      type: 'update_messages',
+      value: {
+        messages,
+        clearBeforeAction,
+        currentUserId
+      }
+    });
+  };
+  const deleteMessages = (messageIds, reqIds) => {
+    dispatch({
+      type: 'delete_messages',
+      value: {
+        messageIds,
+        reqIds
+      }
+    });
+  };
+  const updateNewMessages = (messages, clearBeforeAction, currentUserId) => {
+    dispatch({
+      type: 'update_new_messages',
+      value: {
+        messages,
+        clearBeforeAction,
+        currentUserId
+      }
+    });
+  };
+  const deleteNewMessages = (messageIds, reqIds) => {
+    dispatch({
+      type: 'delete_new_messages',
+      value: {
+        messageIds,
+        reqIds
+      }
+    });
+  };
+  const updateLoading = status => {
+    dispatch({
+      type: 'update_loading',
+      value: {
+        status
+      }
+    });
+  };
+  const updateRefreshing = status => {
+    dispatch({
+      type: 'update_refreshing',
+      value: {
+        status
+      }
+    });
+  };
+  const messages = (0, _uikitUtils.useIIFE)(() => {
+    if (sortComparator) return Object.values(messageMap).sort(sortComparator);
+    return Object.values(messageMap);
+  });
+  const newMessages = Object.values(newMessageMap);
+  return {
+    updateLoading,
+    updateRefreshing,
+    updateMessages,
+    deleteMessages,
+    loading,
+    refreshing,
+    messages,
+    newMessages,
+    updateNewMessages,
+    deleteNewMessages
+  };
+};
+exports.useChannelMessagesReducer = useChannelMessagesReducer;
+//# sourceMappingURL=useChannelMessagesReducer.js.map

package/lib/commonjs/channel/useChannelMessagesReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_uikitUtils","defaultReducer","_ref","action","draft","type","value","status","clearBeforeAction","arrayToMapWithGetter","messages","getMessageUniqId","messageKeys","map","it","isSendableMessage","messageId","reqId","flat","forEach","key","newMessages","filter","isNewMessage","currentUserId","messageIds","msgId","reqIds","useChannelMessagesReducer","sortComparator","loading","refreshing","messageMap","newMessageMap","dispatch","useReducer","updateMessages","deleteMessages","updateNewMessages","deleteNewMessages","updateLoading","updateRefreshing","useIIFE","Object","values","sort","exports"],"sources":["useChannelMessagesReducer.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nimport type { SendbirdBaseMessage } from '@sendbird/uikit-utils';\nimport {\n  SendbirdMessage,\n  arrayToMapWithGetter,\n  getMessageUniqId,\n  isNewMessage,\n  isSendableMessage,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\ntype Options = {\n  sortComparator?: (a: SendbirdMessage, b: SendbirdMessage) => number;\n};\n\ntype Action =\n  | {\n      type: 'update_loading' | 'update_refreshing';\n      value: { status: boolean };\n    }\n  | {\n      type: 'update_messages' | 'update_new_messages';\n      value: { messages: SendbirdBaseMessage[]; clearBeforeAction: boolean; currentUserId?: string };\n    }\n  | {\n      type: 'delete_messages' | 'delete_new_messages';\n      value: { messageIds: number[]; reqIds: string[] };\n    };\n\ntype State = {\n  loading: boolean;\n  refreshing: boolean;\n  messageMap: Record<string, SendbirdBaseMessage>;\n  newMessageMap: Record<string, SendbirdBaseMessage>;\n};\n\nconst defaultReducer = ({ ...draft }: State, action: Action) => {\n  switch (action.type) {\n    case 'update_refreshing': {\n      draft['refreshing'] = action.value.status;\n      return draft;\n    }\n    case 'update_loading': {\n      draft['loading'] = action.value.status;\n      return draft;\n    }\n    case 'update_messages': {\n      if (action.value.clearBeforeAction) {\n        draft['messageMap'] = arrayToMapWithGetter(action.value.messages, getMessageUniqId);\n      } else {\n        // Remove existing messages before update for prevent duplicate display\n        const messageKeys = action.value.messages\n          .map((it) => (isSendableMessage(it) ? [it.messageId, it.reqId] : [it.messageId]))\n          .flat();\n        messageKeys.forEach((key) => delete draft['messageMap'][key]);\n\n        draft['messageMap'] = {\n          ...draft['messageMap'],\n          ...arrayToMapWithGetter(action.value.messages, getMessageUniqId),\n        };\n      }\n\n      return draft;\n    }\n    case 'update_new_messages': {\n      const newMessages = action.value.messages.filter((it) => isNewMessage(it, action.value.currentUserId));\n\n      if (action.value.clearBeforeAction) {\n        draft['newMessageMap'] = arrayToMapWithGetter(newMessages, getMessageUniqId);\n      } else {\n        // Remove existing messages before update for prevent duplicate display\n        const messageKeys = newMessages.map((it) => it.messageId);\n        messageKeys.forEach((key) => delete draft['newMessageMap'][key]);\n\n        draft['newMessageMap'] = {\n          ...draft['newMessageMap'],\n          ...arrayToMapWithGetter(newMessages, getMessageUniqId),\n        };\n      }\n\n      return draft;\n    }\n    case 'delete_messages':\n    case 'delete_new_messages': {\n      const key = action.type === 'delete_messages' ? 'messageMap' : 'newMessageMap';\n      draft[key] = { ...draft[key] };\n      action.value.messageIds.forEach((msgId) => delete draft[key][msgId]);\n      action.value.reqIds.forEach((reqId) => delete draft[key][reqId]);\n\n      return draft;\n    }\n  }\n};\n\nexport const useChannelMessagesReducer = (sortComparator?: Options['sortComparator']) => {\n  const [{ loading, refreshing, messageMap, newMessageMap }, dispatch] = useReducer(defaultReducer, {\n    loading: true,\n    refreshing: false,\n    messageMap: {},\n    newMessageMap: {},\n  });\n\n  const updateMessages = (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => {\n    dispatch({ type: 'update_messages', value: { messages, clearBeforeAction, currentUserId } });\n  };\n  const deleteMessages = (messageIds: number[], reqIds: string[]) => {\n    dispatch({ type: 'delete_messages', value: { messageIds, reqIds } });\n  };\n  const updateNewMessages = (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => {\n    dispatch({ type: 'update_new_messages', value: { messages, clearBeforeAction, currentUserId } });\n  };\n  const deleteNewMessages = (messageIds: number[], reqIds: string[]) => {\n    dispatch({ type: 'delete_new_messages', value: { messageIds, reqIds } });\n  };\n  const updateLoading = (status: boolean) => {\n    dispatch({ type: 'update_loading', value: { status } });\n  };\n  const updateRefreshing = (status: boolean) => {\n    dispatch({ type: 'update_refreshing', value: { status } });\n  };\n\n  const messages = useIIFE(() => {\n    if (sortComparator) return Object.values(messageMap).sort(sortComparator);\n    return Object.values(messageMap);\n  });\n  const newMessages = Object.values(newMessageMap);\n\n  return {\n    updateLoading,\n    updateRefreshing,\n    updateMessages,\n    deleteMessages,\n\n    loading,\n    refreshing,\n    messages,\n\n    newMessages,\n    updateNewMessages,\n    deleteNewMessages,\n  };\n};\n"],"mappings":"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"}

package/lib/commonjs/channel/useGroupChannel.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGroupChannel = void 0;
-
 var _react = require("react");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 const useGroupChannel = (sdk, channelUrl) => {
   const [channel, setChannel] = (0, _react.useState)();
   const [loading, setLoading] = (0, _react.useState)(true);
@@ -28,6 +25,5 @@ const useGroupChannel = (sdk, channelUrl) => {
     error
   };
 };
-
 exports.useGroupChannel = useGroupChannel;
 //# sourceMappingURL=useGroupChannel.js.map

package/lib/commonjs/channel/useGroupChannel.js.map

@@ -1 +1 @@
-{"version":3,"names":["useGroupChannel","sdk","channelUrl","channel","setChannel","useState","loading","setLoading","error","setError","useAsyncEffect","groupChannel","getChannel","e"],"sources":["useGroupChannel.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { SendbirdChatSDK, SendbirdGroupChannel, useAsyncEffect } from '@sendbird/uikit-utils';\n\nexport const useGroupChannel = (sdk: SendbirdChatSDK, channelUrl: string) => {\n  const [channel, setChannel] = useState<SendbirdGroupChannel>();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<unknown>();\n\n  useAsyncEffect(async () => {\n    try {\n      setChannel(await sdk.groupChannel.getChannel(channelUrl));\n    } catch (e) {\n      setError(e);\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  return { channel, loading, error };\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEO,MAAMA,eAAe,GAAG,CAACC,GAAD,EAAuBC,UAAvB,KAA8C;EAC3E,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,GAA9B;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAF,eAAA,EAAS,IAAT,CAA9B;EACA,MAAM,CAACG,KAAD,EAAQC,QAAR,IAAoB,IAAAJ,eAAA,GAA1B;EAEA,IAAAK,0BAAA,EAAe,YAAY;IACzB,IAAI;MACFN,UAAU,CAAC,MAAMH,GAAG,CAACU,YAAJ,CAAiBC,UAAjB,CAA4BV,UAA5B,CAAP,CAAV;IACD,CAFD,CAEE,OAAOW,CAAP,EAAU;MACVJ,QAAQ,CAACI,CAAD,CAAR;IACD,CAJD,SAIU;MACRN,UAAU,CAAC,KAAD,CAAV;IACD;EACF,CARD,EAQG,EARH;EAUA,OAAO;IAAEJ,OAAF;IAAWG,OAAX;IAAoBE;EAApB,CAAP;AACD,CAhBM"}
+{"version":3,"names":["_react","require","_uikitUtils","useGroupChannel","sdk","channelUrl","channel","setChannel","useState","loading","setLoading","error","setError","useAsyncEffect","groupChannel","getChannel","e","exports"],"sources":["useGroupChannel.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { SendbirdChatSDK, SendbirdGroupChannel, useAsyncEffect } from '@sendbird/uikit-utils';\n\nexport const useGroupChannel = (sdk: SendbirdChatSDK, channelUrl: string) => {\n  const [channel, setChannel] = useState<SendbirdGroupChannel>();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<unknown>();\n\n  useAsyncEffect(async () => {\n    try {\n      setChannel(await sdk.groupChannel.getChannel(channelUrl));\n    } catch (e) {\n      setError(e);\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  return { channel, loading, error };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAGA,CAACC,GAAoB,EAAEC,UAAkB,KAAK;EAC3E,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,GAAwB;EAC9D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAC5C,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAJ,eAAQ,GAAW;EAE7C,IAAAK,0BAAc,EAAC,YAAY;IACzB,IAAI;MACFN,UAAU,CAAC,MAAMH,GAAG,CAACU,YAAY,CAACC,UAAU,CAACV,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC,OAAOW,CAAC,EAAE;MACVJ,QAAQ,CAACI,CAAC,CAAC;IACb,CAAC,SAAS;MACRN,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEJ,OAAO;IAAEG,OAAO;IAAEE;EAAM,CAAC;AACpC,CAAC;AAACM,OAAA,CAAAd,eAAA,GAAAA,eAAA"}

package/lib/commonjs/channel/useGroupChannelList/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGroupChannelList = void 0;
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useGroupChannelListWithCollection = require("./useGroupChannelListWithCollection");
-
 var _useGroupChannelListWithQuery = require("./useGroupChannelListWithQuery");
-
 const useGroupChannelList = (sdk, userId, options) => {
   if (sdk.isCacheEnabled || options !== null && options !== void 0 && options.enableCollectionWithoutLocalCache) {
     if (options !== null && options !== void 0 && options.queryCreator) _uikitUtils.Logger.warn('`queryCreator` is ignored, please use `collectionCreator` instead.');
@@ -19,6 +15,5 @@ const useGroupChannelList = (sdk, userId, options) => {
     return (0, _useGroupChannelListWithQuery.useGroupChannelListWithQuery)(sdk, userId, options);
   }
 };
-
 exports.useGroupChannelList = useGroupChannelList;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/channel/useGroupChannelList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useGroupChannelList","sdk","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","queryCreator","Logger","warn","useGroupChannelListWithCollection","useGroupChannelListWithQuery"],"sources":["index.ts"],"sourcesContent":["import { Logger } from '@sendbird/uikit-utils';\n\nimport type { UseGroupChannelList } from '../../types';\nimport { useGroupChannelListWithCollection } from './useGroupChannelListWithCollection';\nimport { useGroupChannelListWithQuery } from './useGroupChannelListWithQuery';\n\nexport const useGroupChannelList: UseGroupChannelList = (sdk, userId, options) => {\n  if (sdk.isCacheEnabled || options?.enableCollectionWithoutLocalCache) {\n    if (options?.queryCreator) Logger.warn('`queryCreator` is ignored, please use `collectionCreator` instead.');\n    return useGroupChannelListWithCollection(sdk, userId, options);\n  } else {\n    return useGroupChannelListWithQuery(sdk, userId, options);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAEO,MAAMA,mBAAwC,GAAG,CAACC,GAAD,EAAMC,MAAN,EAAcC,OAAd,KAA0B;EAChF,IAAIF,GAAG,CAACG,cAAJ,IAAsBD,OAAtB,aAAsBA,OAAtB,eAAsBA,OAAO,CAAEE,iCAAnC,EAAsE;IACpE,IAAIF,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEG,YAAb,EAA2BC,kBAAA,CAAOC,IAAP,CAAY,oEAAZ;IAC3B,OAAO,IAAAC,oEAAA,EAAkCR,GAAlC,EAAuCC,MAAvC,EAA+CC,OAA/C,CAAP;EACD,CAHD,MAGO;IACL,OAAO,IAAAO,0DAAA,EAA6BT,GAA7B,EAAkCC,MAAlC,EAA0CC,OAA1C,CAAP;EACD;AACF,CAPM"}
+{"version":3,"names":["_uikitUtils","require","_useGroupChannelListWithCollection","_useGroupChannelListWithQuery","useGroupChannelList","sdk","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","queryCreator","Logger","warn","useGroupChannelListWithCollection","useGroupChannelListWithQuery","exports"],"sources":["index.ts"],"sourcesContent":["import { Logger } from '@sendbird/uikit-utils';\n\nimport type { UseGroupChannelList } from '../../types';\nimport { useGroupChannelListWithCollection } from './useGroupChannelListWithCollection';\nimport { useGroupChannelListWithQuery } from './useGroupChannelListWithQuery';\n\nexport const useGroupChannelList: UseGroupChannelList = (sdk, userId, options) => {\n  if (sdk.isCacheEnabled || options?.enableCollectionWithoutLocalCache) {\n    if (options?.queryCreator) Logger.warn('`queryCreator` is ignored, please use `collectionCreator` instead.');\n    return useGroupChannelListWithCollection(sdk, userId, options);\n  } else {\n    return useGroupChannelListWithQuery(sdk, userId, options);\n  }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAGA,IAAAC,kCAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAEO,MAAMG,mBAAwC,GAAGA,CAACC,GAAG,EAAEC,MAAM,EAAEC,OAAO,KAAK;EAChF,IAAIF,GAAG,CAACG,cAAc,IAAID,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,iCAAiC,EAAE;IACpE,IAAIF,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEG,YAAY,EAAEC,kBAAM,CAACC,IAAI,CAAC,oEAAoE,CAAC;IAC5G,OAAO,IAAAC,oEAAiC,EAACR,GAAG,EAAEC,MAAM,EAAEC,OAAO,CAAC;EAChE,CAAC,MAAM;IACL,OAAO,IAAAO,0DAA4B,EAACT,GAAG,EAAEC,MAAM,EAAEC,OAAO,CAAC;EAC3D;AACF,CAAC;AAACQ,OAAA,CAAAX,mBAAA,GAAAA,mBAAA"}

package/lib/commonjs/channel/useGroupChannelList/reducer.js

@@ -4,25 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGroupChannelListReducer = void 0;
-
 var _react = require("react");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 const defaultReducer = (_ref, action) => {
-  let { ...draft
+  let {
+    ...draft
   } = _ref;
   const compareByOrder = createCompareByOrder(draft.order);
-
   switch (action.type) {
     case 'update_refreshing':
+      {
+        draft.refreshing = action.value.status;
+        break;
+      }
     case 'update_loading':
       {
-        const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
-        draft[key] = action.value.status;
+        draft.loading = action.value.status;
         break;
       }
-
     case 'update_channels':
       {
         (0, _uikitUtils.getGroupChannels)(action.value.channels).forEach(freshChannel => {
@@ -32,7 +31,6 @@ const defaultReducer = (_ref, action) => {
         compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
         break;
       }
-
     case 'delete_channels':
       {
         action.value.channelUrls.forEach(url => {
@@ -42,29 +40,26 @@ const defaultReducer = (_ref, action) => {
         compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
         break;
       }
-
     case 'set_channels':
       {
-        if (action.value.clearPrev) {
+        if (action.value.clearBeforeAction) {
           draft.groupChannels = (0, _uikitUtils.getGroupChannels)(action.value.channels);
         } else {
           draft.groupChannels = [...draft.groupChannels, ...(0, _uikitUtils.getGroupChannels)(action.value.channels)];
         }
-
         compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
         break;
       }
-
     case 'update_order':
       {
         draft.order = action.value.order;
+        const compareByOrder = createCompareByOrder(draft.order);
+        compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
         break;
       }
   }
-
   return draft;
 };
-
 const useGroupChannelListReducer = order => {
   const [{
     loading,
@@ -76,7 +71,6 @@ const useGroupChannelListReducer = order => {
     groupChannels: [],
     order
   });
-
   const updateChannels = channels => {
     dispatch({
       type: 'update_channels',
@@ -85,7 +79,6 @@ const useGroupChannelListReducer = order => {
       }
     });
   };
-
   const deleteChannels = channelUrls => {
     dispatch({
       type: 'delete_channels',
@@ -94,17 +87,15 @@ const useGroupChannelListReducer = order => {
       }
     });
   };
-
-  const setChannels = (channels, clearPrev) => {
+  const setChannels = (channels, clearBeforeAction) => {
     dispatch({
       type: 'set_channels',
       value: {
         channels,
-        clearPrev
+        clearBeforeAction
       }
     });
   };
-
   const updateLoading = status => {
     dispatch({
       type: 'update_loading',
@@ -113,7 +104,6 @@ const useGroupChannelListReducer = order => {
       }
     });
   };
-
   const updateRefreshing = status => {
     dispatch({
       type: 'update_refreshing',
@@ -122,7 +112,6 @@ const useGroupChannelListReducer = order => {
       }
     });
   };
-
   const updateOrder = order => {
     dispatch({
       type: 'update_order',
@@ -131,7 +120,6 @@ const useGroupChannelListReducer = order => {
       }
     });
   };
-
   return {
     updateLoading,
     updateRefreshing,
@@ -144,9 +132,7 @@ const useGroupChannelListReducer = order => {
     groupChannels
   };
 };
-
 exports.useGroupChannelListReducer = useGroupChannelListReducer;
-
 const createCompareByOrder = order => {
   if (!order) return undefined;
   return (channel1, channel2) => {
@@ -163,17 +149,14 @@ const createCompareByOrder = order => {
             return channel2.createdAt - channel1.createdAt;
           }
         }
-
       case 'chronological':
         {
           return channel2.createdAt - channel1.createdAt;
         }
-
       case 'channel_name_alphabetical':
         {
           return channel1.name.localeCompare(channel2.name);
         }
-
       default:
         {
           return 0;

package/lib/commonjs/channel/useGroupChannelList/reducer.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultReducer","action","draft","compareByOrder","createCompareByOrder","order","type","key","value","status","getGroupChannels","channels","forEach","freshChannel","idx","groupChannels","findIndex","staleChannel","url","sort","channelUrls","c","splice","clearPrev","useGroupChannelListReducer","loading","refreshing","dispatch","useReducer","updateChannels","deleteChannels","setChannels","updateLoading","updateRefreshing","updateOrder","undefined","channel1","channel2","lastMessage","createdAt","name","localeCompare"],"sources":["reducer.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nimport type { SendbirdChannel } from '@sendbird/uikit-utils';\nimport { SendbirdGroupChannel, getGroupChannels } from '@sendbird/uikit-utils';\n\ntype Order = 'latest_last_message' | 'chronological' | 'channel_name_alphabetical' | 'metadata_value_alphabetical';\n\ntype Action =\n  | {\n      type: 'update_loading' | 'update_refreshing';\n      value: { status: boolean };\n    }\n  | {\n      type: 'update_channels';\n      value: { channels: SendbirdChannel[] };\n    }\n  | {\n      type: 'delete_channels';\n      value: { channelUrls: string[] };\n    }\n  | {\n      type: 'set_channels';\n      value: { channels: SendbirdChannel[]; clearPrev: boolean };\n    }\n  | {\n      type: 'update_order';\n      value: { order?: Order };\n    };\n\ntype State = {\n  loading: boolean;\n  refreshing: boolean;\n  groupChannels: SendbirdGroupChannel[];\n  order?: Order;\n};\n\nconst defaultReducer = ({ ...draft }: State, action: Action) => {\n  const compareByOrder = createCompareByOrder(draft.order);\n\n  switch (action.type) {\n    case 'update_refreshing':\n    case 'update_loading': {\n      const key = action.type === 'update_loading' ? 'loading' : 'refreshing';\n      draft[key] = action.value.status;\n      break;\n    }\n    case 'update_channels': {\n      getGroupChannels(action.value.channels).forEach((freshChannel) => {\n        const idx = draft.groupChannels.findIndex((staleChannel) => staleChannel.url === freshChannel.url);\n        if (idx > -1) draft.groupChannels[idx] = freshChannel;\n      });\n\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n    case 'delete_channels': {\n      action.value.channelUrls.forEach((url) => {\n        const idx = draft.groupChannels.findIndex((c) => c.url === url);\n        if (idx > -1) draft.groupChannels.splice(idx, 1);\n      });\n\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n    case 'set_channels': {\n      if (action.value.clearPrev) {\n        draft.groupChannels = getGroupChannels(action.value.channels);\n      } else {\n        draft.groupChannels = [...draft.groupChannels, ...getGroupChannels(action.value.channels)];\n      }\n\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n    case 'update_order': {\n      draft.order = action.value.order;\n      break;\n    }\n  }\n  return draft;\n};\n\nexport const useGroupChannelListReducer = (order?: Order) => {\n  const [{ loading, refreshing, groupChannels }, dispatch] = useReducer(defaultReducer, {\n    loading: true,\n    refreshing: false,\n    groupChannels: [],\n    order,\n  });\n\n  const updateChannels = (channels: SendbirdChannel[]) => {\n    dispatch({ type: 'update_channels', value: { channels } });\n  };\n  const deleteChannels = (channelUrls: string[]) => {\n    dispatch({ type: 'delete_channels', value: { channelUrls } });\n  };\n  const setChannels = (channels: SendbirdChannel[], clearPrev: boolean) => {\n    dispatch({ type: 'set_channels', value: { channels, clearPrev } });\n  };\n  const updateLoading = (status: boolean) => {\n    dispatch({ type: 'update_loading', value: { status } });\n  };\n  const updateRefreshing = (status: boolean) => {\n    dispatch({ type: 'update_refreshing', value: { status } });\n  };\n  const updateOrder = (order?: Order) => {\n    dispatch({ type: 'update_order', value: { order } });\n  };\n\n  return {\n    updateLoading,\n    updateRefreshing,\n    updateChannels,\n    deleteChannels,\n    setChannels,\n\n    updateOrder,\n\n    loading,\n    refreshing,\n    groupChannels,\n  };\n};\n\nconst createCompareByOrder = (order?: Order) => {\n  if (!order) return undefined;\n\n  return (channel1: SendbirdGroupChannel, channel2: SendbirdGroupChannel): number => {\n    switch (order) {\n      case 'latest_last_message': {\n        if (channel1.lastMessage && channel2.lastMessage) {\n          return channel2.lastMessage.createdAt - channel1.lastMessage.createdAt;\n        } else if (channel1.lastMessage) {\n          return -1;\n        } else if (channel2.lastMessage) {\n          return 1;\n        } else {\n          return channel2.createdAt - channel1.createdAt;\n        }\n      }\n\n      case 'chronological': {\n        return channel2.createdAt - channel1.createdAt;\n      }\n\n      case 'channel_name_alphabetical': {\n        return channel1.name.localeCompare(channel2.name);\n      }\n      default: {\n        return 0;\n      }\n    }\n  };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","_uikitUtils","defaultReducer","_ref","action","draft","compareByOrder","createCompareByOrder","order","type","refreshing","value","status","loading","getGroupChannels","channels","forEach","freshChannel","idx","groupChannels","findIndex","staleChannel","url","sort","channelUrls","c","splice","clearBeforeAction","useGroupChannelListReducer","dispatch","useReducer","updateChannels","deleteChannels","setChannels","updateLoading","updateRefreshing","updateOrder","exports","undefined","channel1","channel2","lastMessage","createdAt","name","localeCompare"],"sources":["reducer.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nimport type { SendbirdChannel } from '@sendbird/uikit-utils';\nimport { SendbirdGroupChannel, getGroupChannels } from '@sendbird/uikit-utils';\n\ntype Order = 'latest_last_message' | 'chronological' | 'channel_name_alphabetical' | 'metadata_value_alphabetical';\n\ntype Action =\n  | {\n      type: 'update_loading' | 'update_refreshing';\n      value: { status: boolean };\n    }\n  | {\n      type: 'update_channels';\n      value: { channels: SendbirdChannel[] };\n    }\n  | {\n      type: 'delete_channels';\n      value: { channelUrls: string[] };\n    }\n  | {\n      type: 'set_channels';\n      value: { channels: SendbirdChannel[]; clearBeforeAction: boolean };\n    }\n  | {\n      type: 'update_order';\n      value: { order?: Order };\n    };\n\ntype State = {\n  loading: boolean;\n  refreshing: boolean;\n  groupChannels: SendbirdGroupChannel[];\n  order?: Order;\n};\n\nconst defaultReducer = ({ ...draft }: State, action: Action) => {\n  const compareByOrder = createCompareByOrder(draft.order);\n\n  switch (action.type) {\n    case 'update_refreshing': {\n      draft.refreshing = action.value.status;\n      break;\n    }\n    case 'update_loading': {\n      draft.loading = action.value.status;\n      break;\n    }\n    case 'update_channels': {\n      getGroupChannels(action.value.channels).forEach((freshChannel) => {\n        const idx = draft.groupChannels.findIndex((staleChannel) => staleChannel.url === freshChannel.url);\n        if (idx > -1) draft.groupChannels[idx] = freshChannel;\n      });\n\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n    case 'delete_channels': {\n      action.value.channelUrls.forEach((url) => {\n        const idx = draft.groupChannels.findIndex((c) => c.url === url);\n        if (idx > -1) draft.groupChannels.splice(idx, 1);\n      });\n\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n    case 'set_channels': {\n      if (action.value.clearBeforeAction) {\n        draft.groupChannels = getGroupChannels(action.value.channels);\n      } else {\n        draft.groupChannels = [...draft.groupChannels, ...getGroupChannels(action.value.channels)];\n      }\n\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n    case 'update_order': {\n      draft.order = action.value.order;\n      const compareByOrder = createCompareByOrder(draft.order);\n      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));\n      break;\n    }\n  }\n  return draft;\n};\n\nexport const useGroupChannelListReducer = (order?: Order) => {\n  const [{ loading, refreshing, groupChannels }, dispatch] = useReducer(defaultReducer, {\n    loading: true,\n    refreshing: false,\n    groupChannels: [],\n    order,\n  });\n\n  const updateChannels = (channels: SendbirdChannel[]) => {\n    dispatch({ type: 'update_channels', value: { channels } });\n  };\n  const deleteChannels = (channelUrls: string[]) => {\n    dispatch({ type: 'delete_channels', value: { channelUrls } });\n  };\n  const setChannels = (channels: SendbirdChannel[], clearBeforeAction: boolean) => {\n    dispatch({ type: 'set_channels', value: { channels, clearBeforeAction } });\n  };\n  const updateLoading = (status: boolean) => {\n    dispatch({ type: 'update_loading', value: { status } });\n  };\n  const updateRefreshing = (status: boolean) => {\n    dispatch({ type: 'update_refreshing', value: { status } });\n  };\n  const updateOrder = (order?: Order) => {\n    dispatch({ type: 'update_order', value: { order } });\n  };\n\n  return {\n    updateLoading,\n    updateRefreshing,\n    updateChannels,\n    deleteChannels,\n    setChannels,\n\n    updateOrder,\n\n    loading,\n    refreshing,\n    groupChannels,\n  };\n};\n\nconst createCompareByOrder = (order?: Order) => {\n  if (!order) return undefined;\n\n  return (channel1: SendbirdGroupChannel, channel2: SendbirdGroupChannel): number => {\n    switch (order) {\n      case 'latest_last_message': {\n        if (channel1.lastMessage && channel2.lastMessage) {\n          return channel2.lastMessage.createdAt - channel1.lastMessage.createdAt;\n        } else if (channel1.lastMessage) {\n          return -1;\n        } else if (channel2.lastMessage) {\n          return 1;\n        } else {\n          return channel2.createdAt - channel1.createdAt;\n        }\n      }\n\n      case 'chronological': {\n        return channel2.createdAt - channel1.createdAt;\n      }\n\n      case 'channel_name_alphabetical': {\n        return channel1.name.localeCompare(channel2.name);\n      }\n      default: {\n        return 0;\n      }\n    }\n  };\n};\n"],"mappings":"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"}

package/lib/commonjs/channel/useGroupChannelList/useGroupChannelListWithCollection.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGroupChannelListWithCollection = void 0;
-
 var _react = require("react");
-
 var _groupChannel = require("@sendbird/chat/groupChannel");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useAppFeatures = require("../../common/useAppFeatures");
-
 var _useChannelHandler = require("../../handler/useChannelHandler");
-
 var _reducer = require("./reducer");
-
 const createGroupChannelListCollection = (sdk, collectionCreator) => {
   const passedCollection = collectionCreator === null || collectionCreator === void 0 ? void 0 : collectionCreator();
   if (passedCollection) return passedCollection;
@@ -28,7 +21,6 @@ const createGroupChannelListCollection = (sdk, collectionCreator) => {
     order: _groupChannel.GroupChannelListOrder.LATEST_LAST_MESSAGE
   });
 };
-
 const useGroupChannelListWithCollection = (sdk, userId, options) => {
   const handlerId = (0, _uikitUtils.useUniqHandlerId)('useGroupChannelListWithCollection');
   const {
@@ -44,13 +36,10 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
     updateRefreshing,
     updateLoading
   } = (0, _reducer.useGroupChannelListReducer)();
-
   const updateChannelsAndMarkAsDelivered = (markAsDelivered, source, updatedChannels) => {
     var _collectionRef$curren;
-
     const channels = ((_collectionRef$curren = collectionRef.current) === null || _collectionRef$curren === void 0 ? void 0 : _collectionRef$curren.channels) ?? [];
     setChannels(channels, true);
-
     if (markAsDelivered && deliveryReceiptEnabled) {
       switch (source) {
         case _groupChannel.GroupChannelEventSource.EVENT_MESSAGE_RECEIVED:
@@ -63,15 +52,11 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
       }
     }
   };
-
   const init = (0, _uikitUtils.useFreshCallback)(async uid => {
     var _collectionRef$curren2;
-
     if (collectionRef.current) (_collectionRef$curren2 = collectionRef.current) === null || _collectionRef$curren2 === void 0 ? void 0 : _collectionRef$curren2.dispose();
-
     if (uid) {
       var _collectionRef$curren3, _collectionRef$curren4;
-
       collectionRef.current = createGroupChannelListCollection(sdk, options === null || options === void 0 ? void 0 : options.collectionCreator);
       (_collectionRef$curren3 = collectionRef.current) === null || _collectionRef$curren3 === void 0 ? void 0 : _collectionRef$curren3.setGroupChannelCollectionHandler({
         onChannelsAdded: (context, channels) => {
@@ -84,10 +69,8 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
           updateChannelsAndMarkAsDelivered(false);
         }
       });
-
       if ((_collectionRef$curren4 = collectionRef.current) !== null && _collectionRef$curren4 !== void 0 && _collectionRef$curren4.hasMore) {
         var _collectionRef$curren5;
-
         await ((_collectionRef$curren5 = collectionRef.current) === null || _collectionRef$curren5 === void 0 ? void 0 : _collectionRef$curren5.loadMore());
         updateChannelsAndMarkAsDelivered(true);
       }
@@ -96,7 +79,6 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
   (0, _react.useEffect)(() => {
     return () => {
       var _collectionRef$curren6;
-
       if (collectionRef.current) (_collectionRef$curren6 = collectionRef.current) === null || _collectionRef$curren6 === void 0 ? void 0 : _collectionRef$curren6.dispose();
     };
   }, []);
@@ -104,7 +86,7 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [userId]);
   (0, _useChannelHandler.useChannelHandler)(sdk, handlerId, {
     onUserBanned: (channel, user) => {
       const isMe = user.userId === userId;
@@ -118,10 +100,8 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
   });
   const next = (0, _uikitUtils.useFreshCallback)(async () => {
     var _collectionRef$curren7;
-
     if ((_collectionRef$curren7 = collectionRef.current) !== null && _collectionRef$curren7 !== void 0 && _collectionRef$curren7.hasMore) {
       var _collectionRef$curren8;
-
       await ((_collectionRef$curren8 = collectionRef.current) === null || _collectionRef$curren8 === void 0 ? void 0 : _collectionRef$curren8.loadMore());
       updateChannelsAndMarkAsDelivered(true);
     }
@@ -134,6 +114,5 @@ const useGroupChannelListWithCollection = (sdk, userId, options) => {
     next
   };
 };
-
 exports.useGroupChannelListWithCollection = useGroupChannelListWithCollection;
 //# sourceMappingURL=useGroupChannelListWithCollection.js.map

package/lib/commonjs/channel/useGroupChannelList/useGroupChannelListWithCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelListCollection","sdk","collectionCreator","passedCollection","filter","GroupChannelFilter","includeEmpty","groupChannel","createGroupChannelCollection","limit","order","GroupChannelListOrder","LATEST_LAST_MESSAGE","useGroupChannelListWithCollection","userId","options","handlerId","useUniqHandlerId","deliveryReceiptEnabled","useAppFeatures","collectionRef","useRef","loading","groupChannels","refreshing","setChannels","deleteChannels","updateRefreshing","updateLoading","useGroupChannelListReducer","updateChannelsAndMarkAsDelivered","markAsDelivered","source","updatedChannels","channels","current","GroupChannelEventSource","EVENT_MESSAGE_RECEIVED","EVENT_MESSAGE_SENT","SYNC_CHANNEL_BACKGROUND","SYNC_CHANNEL_CHANGELOGS","undefined","confirmAndMarkAsDelivered","init","useFreshCallback","uid","dispose","setGroupChannelCollectionHandler","onChannelsAdded","context","onChannelsUpdated","onChannelsDeleted","hasMore","loadMore","useEffect","useAsyncEffect","useChannelHandler","onUserBanned","channel","user","isMe","url","refresh","next"],"sources":["useGroupChannelListWithCollection.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { GroupChannelEventSource, GroupChannelFilter, GroupChannelListOrder } from '@sendbird/chat/groupChannel';\nimport type { SendbirdBaseChannel, SendbirdChatSDK, SendbirdGroupChannelCollection } from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useAsyncEffect, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useAppFeatures } from '../../common/useAppFeatures';\nimport { useChannelHandler } from '../../handler/useChannelHandler';\nimport type { UseGroupChannelList, UseGroupChannelListOptions } from '../../types';\nimport { useGroupChannelListReducer } from './reducer';\n\nconst createGroupChannelListCollection = (\n  sdk: SendbirdChatSDK,\n  collectionCreator: UseGroupChannelListOptions['collectionCreator'],\n) => {\n  const passedCollection = collectionCreator?.();\n  if (passedCollection) return passedCollection;\n\n  const filter = new GroupChannelFilter();\n  filter.includeEmpty = false;\n\n  return sdk.groupChannel.createGroupChannelCollection({\n    filter,\n    limit: 20,\n    order: GroupChannelListOrder.LATEST_LAST_MESSAGE,\n  });\n};\n\nexport const useGroupChannelListWithCollection: UseGroupChannelList = (sdk, userId, options) => {\n  const handlerId = useUniqHandlerId('useGroupChannelListWithCollection');\n  const { deliveryReceiptEnabled } = useAppFeatures(sdk);\n\n  const collectionRef = useRef<SendbirdGroupChannelCollection>();\n\n  const { loading, groupChannels, refreshing, setChannels, deleteChannels, updateRefreshing, updateLoading } =\n    useGroupChannelListReducer();\n\n  const updateChannelsAndMarkAsDelivered = (\n    markAsDelivered: boolean,\n    source?: GroupChannelEventSource,\n    updatedChannels?: SendbirdBaseChannel[],\n  ) => {\n    const channels = collectionRef.current?.channels ?? [];\n    setChannels(channels, true);\n    if (markAsDelivered && deliveryReceiptEnabled) {\n      switch (source) {\n        case GroupChannelEventSource.EVENT_MESSAGE_RECEIVED:\n        case GroupChannelEventSource.EVENT_MESSAGE_SENT:\n        case GroupChannelEventSource.SYNC_CHANNEL_BACKGROUND:\n        case GroupChannelEventSource.SYNC_CHANNEL_CHANGELOGS:\n        case undefined:\n          confirmAndMarkAsDelivered(updatedChannels ?? channels);\n          break;\n      }\n    }\n  };\n\n  const init = useFreshCallback(async (uid?: string) => {\n    if (collectionRef.current) collectionRef.current?.dispose();\n\n    if (uid) {\n      collectionRef.current = createGroupChannelListCollection(sdk, options?.collectionCreator);\n\n      collectionRef.current?.setGroupChannelCollectionHandler({\n        onChannelsAdded: (context, channels) => {\n          updateChannelsAndMarkAsDelivered(true, context.source, channels);\n        },\n        onChannelsUpdated: (context, channels) => {\n          updateChannelsAndMarkAsDelivered(true, context.source, channels);\n        },\n        onChannelsDeleted: () => {\n          updateChannelsAndMarkAsDelivered(false);\n        },\n      });\n\n      if (collectionRef.current?.hasMore) {\n        await collectionRef.current?.loadMore();\n        updateChannelsAndMarkAsDelivered(true);\n      }\n    }\n  });\n\n  useEffect(() => {\n    return () => {\n      if (collectionRef.current) collectionRef.current?.dispose();\n    };\n  }, []);\n\n  useAsyncEffect(async () => {\n    updateLoading(true);\n    await init(userId);\n    updateLoading(false);\n  }, [init, userId]);\n\n  useChannelHandler(sdk, handlerId, {\n    onUserBanned: (channel, user) => {\n      const isMe = user.userId === userId;\n      if (isMe) deleteChannels([channel.url]);\n      else updateChannelsAndMarkAsDelivered(false);\n    },\n  });\n\n  const refresh = useFreshCallback(async () => {\n    updateRefreshing(true);\n    await init(userId);\n    updateRefreshing(false);\n  });\n\n  const next = useFreshCallback(async () => {\n    if (collectionRef.current?.hasMore) {\n      await collectionRef.current?.loadMore();\n      updateChannelsAndMarkAsDelivered(true);\n    }\n  });\n\n  return {\n    loading,\n    groupChannels,\n    refresh,\n    refreshing,\n    next,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","_groupChannel","_uikitUtils","_useAppFeatures","_useChannelHandler","_reducer","createGroupChannelListCollection","sdk","collectionCreator","passedCollection","filter","GroupChannelFilter","includeEmpty","groupChannel","createGroupChannelCollection","limit","order","GroupChannelListOrder","LATEST_LAST_MESSAGE","useGroupChannelListWithCollection","userId","options","handlerId","useUniqHandlerId","deliveryReceiptEnabled","useAppFeatures","collectionRef","useRef","loading","groupChannels","refreshing","setChannels","deleteChannels","updateRefreshing","updateLoading","useGroupChannelListReducer","updateChannelsAndMarkAsDelivered","markAsDelivered","source","updatedChannels","_collectionRef$curren","channels","current","GroupChannelEventSource","EVENT_MESSAGE_RECEIVED","EVENT_MESSAGE_SENT","SYNC_CHANNEL_BACKGROUND","SYNC_CHANNEL_CHANGELOGS","undefined","confirmAndMarkAsDelivered","init","useFreshCallback","uid","_collectionRef$curren2","dispose","_collectionRef$curren3","_collectionRef$curren4","setGroupChannelCollectionHandler","onChannelsAdded","context","onChannelsUpdated","onChannelsDeleted","hasMore","_collectionRef$curren5","loadMore","useEffect","_collectionRef$curren6","useAsyncEffect","useChannelHandler","onUserBanned","channel","user","isMe","url","refresh","next","_collectionRef$curren7","_collectionRef$curren8","exports"],"sources":["useGroupChannelListWithCollection.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { GroupChannelEventSource, GroupChannelFilter, GroupChannelListOrder } from '@sendbird/chat/groupChannel';\nimport type { SendbirdBaseChannel, SendbirdChatSDK, SendbirdGroupChannelCollection } from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useAsyncEffect, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useAppFeatures } from '../../common/useAppFeatures';\nimport { useChannelHandler } from '../../handler/useChannelHandler';\nimport type { UseGroupChannelList, UseGroupChannelListOptions } from '../../types';\nimport { useGroupChannelListReducer } from './reducer';\n\nconst createGroupChannelListCollection = (\n  sdk: SendbirdChatSDK,\n  collectionCreator: UseGroupChannelListOptions['collectionCreator'],\n) => {\n  const passedCollection = collectionCreator?.();\n  if (passedCollection) return passedCollection;\n\n  const filter = new GroupChannelFilter();\n  filter.includeEmpty = false;\n\n  return sdk.groupChannel.createGroupChannelCollection({\n    filter,\n    limit: 20,\n    order: GroupChannelListOrder.LATEST_LAST_MESSAGE,\n  });\n};\n\nexport const useGroupChannelListWithCollection: UseGroupChannelList = (sdk, userId, options) => {\n  const handlerId = useUniqHandlerId('useGroupChannelListWithCollection');\n  const { deliveryReceiptEnabled } = useAppFeatures(sdk);\n\n  const collectionRef = useRef<SendbirdGroupChannelCollection>();\n\n  const { loading, groupChannels, refreshing, setChannels, deleteChannels, updateRefreshing, updateLoading } =\n    useGroupChannelListReducer();\n\n  const updateChannelsAndMarkAsDelivered = (\n    markAsDelivered: boolean,\n    source?: GroupChannelEventSource,\n    updatedChannels?: SendbirdBaseChannel[],\n  ) => {\n    const channels = collectionRef.current?.channels ?? [];\n    setChannels(channels, true);\n    if (markAsDelivered && deliveryReceiptEnabled) {\n      switch (source) {\n        case GroupChannelEventSource.EVENT_MESSAGE_RECEIVED:\n        case GroupChannelEventSource.EVENT_MESSAGE_SENT:\n        case GroupChannelEventSource.SYNC_CHANNEL_BACKGROUND:\n        case GroupChannelEventSource.SYNC_CHANNEL_CHANGELOGS:\n        case undefined:\n          confirmAndMarkAsDelivered(updatedChannels ?? channels);\n          break;\n      }\n    }\n  };\n\n  const init = useFreshCallback(async (uid?: string) => {\n    if (collectionRef.current) collectionRef.current?.dispose();\n\n    if (uid) {\n      collectionRef.current = createGroupChannelListCollection(sdk, options?.collectionCreator);\n\n      collectionRef.current?.setGroupChannelCollectionHandler({\n        onChannelsAdded: (context, channels) => {\n          updateChannelsAndMarkAsDelivered(true, context.source, channels);\n        },\n        onChannelsUpdated: (context, channels) => {\n          updateChannelsAndMarkAsDelivered(true, context.source, channels);\n        },\n        onChannelsDeleted: () => {\n          updateChannelsAndMarkAsDelivered(false);\n        },\n      });\n\n      if (collectionRef.current?.hasMore) {\n        await collectionRef.current?.loadMore();\n        updateChannelsAndMarkAsDelivered(true);\n      }\n    }\n  });\n\n  useEffect(() => {\n    return () => {\n      if (collectionRef.current) collectionRef.current?.dispose();\n    };\n  }, []);\n\n  useAsyncEffect(async () => {\n    updateLoading(true);\n    await init(userId);\n    updateLoading(false);\n  }, [userId]);\n\n  useChannelHandler(sdk, handlerId, {\n    onUserBanned: (channel, user) => {\n      const isMe = user.userId === userId;\n      if (isMe) deleteChannels([channel.url]);\n      else updateChannelsAndMarkAsDelivered(false);\n    },\n  });\n\n  const refresh = useFreshCallback(async () => {\n    updateRefreshing(true);\n    await init(userId);\n    updateRefreshing(false);\n  });\n\n  const next = useFreshCallback(async () => {\n    if (collectionRef.current?.hasMore) {\n      await collectionRef.current?.loadMore();\n      updateChannelsAndMarkAsDelivered(true);\n    }\n  });\n\n  return {\n    loading,\n    groupChannels,\n    refresh,\n    refreshing,\n    next,\n  };\n};\n"],"mappings":"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"}