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

package/lib/module/channel/useChannelMessagesReducer.js

@@ -0,0 +1,146 @@
+import { useReducer } from 'react';
+import { arrayToMapWithGetter, getMessageUniqId, isNewMessage, isSendableMessage, useIIFE } from '@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'] = arrayToMapWithGetter(action.value.messages, getMessageUniqId);
+        } else {
+          // Remove existing messages before update for prevent duplicate display
+          const messageKeys = action.value.messages.map(it => isSendableMessage(it) ? [it.messageId, it.reqId] : [it.messageId]).flat();
+          messageKeys.forEach(key => delete draft['messageMap'][key]);
+          draft['messageMap'] = {
+            ...draft['messageMap'],
+            ...arrayToMapWithGetter(action.value.messages, getMessageUniqId)
+          };
+        }
+        return draft;
+      }
+    case 'update_new_messages':
+      {
+        const newMessages = action.value.messages.filter(it => isNewMessage(it, action.value.currentUserId));
+        if (action.value.clearBeforeAction) {
+          draft['newMessageMap'] = arrayToMapWithGetter(newMessages, 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'],
+            ...arrayToMapWithGetter(newMessages, 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;
+      }
+  }
+};
+export const useChannelMessagesReducer = sortComparator => {
+  const [{
+    loading,
+    refreshing,
+    messageMap,
+    newMessageMap
+  }, dispatch] = 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 = 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
+  };
+};
+//# sourceMappingURL=useChannelMessagesReducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useReducer","arrayToMapWithGetter","getMessageUniqId","isNewMessage","isSendableMessage","useIIFE","defaultReducer","_ref","action","draft","type","value","status","clearBeforeAction","messages","messageKeys","map","it","messageId","reqId","flat","forEach","key","newMessages","filter","currentUserId","messageIds","msgId","reqIds","useChannelMessagesReducer","sortComparator","loading","refreshing","messageMap","newMessageMap","dispatch","updateMessages","deleteMessages","updateNewMessages","deleteNewMessages","updateLoading","updateRefreshing","Object","values","sort"],"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/module/channel/useGroupChannel.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useAsyncEffect","useGroupChannel","sdk","channelUrl","channel","setChannel","loading","setLoading","error","setError","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,SAASA,QAAT,QAAyB,OAAzB;AAEA,SAAgDC,cAAhD,QAAsE,uBAAtE;AAEA,OAAO,MAAMC,eAAe,GAAG,CAACC,GAAD,EAAuBC,UAAvB,KAA8C;EAC3E,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBN,QAAQ,EAAtC;EACA,MAAM,CAACO,OAAD,EAAUC,UAAV,IAAwBR,QAAQ,CAAC,IAAD,CAAtC;EACA,MAAM,CAACS,KAAD,EAAQC,QAAR,IAAoBV,QAAQ,EAAlC;EAEAC,cAAc,CAAC,YAAY;IACzB,IAAI;MACFK,UAAU,CAAC,MAAMH,GAAG,CAACQ,YAAJ,CAAiBC,UAAjB,CAA4BR,UAA5B,CAAP,CAAV;IACD,CAFD,CAEE,OAAOS,CAAP,EAAU;MACVH,QAAQ,CAACG,CAAD,CAAR;IACD,CAJD,SAIU;MACRL,UAAU,CAAC,KAAD,CAAV;IACD;EACF,CARa,EAQX,EARW,CAAd;EAUA,OAAO;IAAEH,OAAF;IAAWE,OAAX;IAAoBE;EAApB,CAAP;AACD,CAhBM"}
+{"version":3,"names":["useState","useAsyncEffect","useGroupChannel","sdk","channelUrl","channel","setChannel","loading","setLoading","error","setError","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,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAAgDC,cAAc,QAAQ,uBAAuB;AAE7F,OAAO,MAAMC,eAAe,GAAGA,CAACC,GAAoB,EAAEC,UAAkB,KAAK;EAC3E,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,EAAwB;EAC9D,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGR,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAM,CAACS,KAAK,EAAEC,QAAQ,CAAC,GAAGV,QAAQ,EAAW;EAE7CC,cAAc,CAAC,YAAY;IACzB,IAAI;MACFK,UAAU,CAAC,MAAMH,GAAG,CAACQ,YAAY,CAACC,UAAU,CAACR,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC,OAAOS,CAAC,EAAE;MACVH,QAAQ,CAACG,CAAC,CAAC;IACb,CAAC,SAAS;MACRL,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEH,OAAO;IAAEE,OAAO;IAAEE;EAAM,CAAC;AACpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"names":["Logger","useGroupChannelListWithCollection","useGroupChannelListWithQuery","useGroupChannelList","sdk","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","queryCreator","warn"],"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,SAASA,MAAT,QAAuB,uBAAvB;AAGA,SAASC,iCAAT,QAAkD,qCAAlD;AACA,SAASC,4BAAT,QAA6C,gCAA7C;AAEA,OAAO,MAAMC,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,EAA2BT,MAAM,CAACU,IAAP,CAAY,oEAAZ;IAC3B,OAAOT,iCAAiC,CAACG,GAAD,EAAMC,MAAN,EAAcC,OAAd,CAAxC;EACD,CAHD,MAGO;IACL,OAAOJ,4BAA4B,CAACE,GAAD,EAAMC,MAAN,EAAcC,OAAd,CAAnC;EACD;AACF,CAPM"}
+{"version":3,"names":["Logger","useGroupChannelListWithCollection","useGroupChannelListWithQuery","useGroupChannelList","sdk","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","queryCreator","warn"],"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,SAASA,MAAM,QAAQ,uBAAuB;AAG9C,SAASC,iCAAiC,QAAQ,qCAAqC;AACvF,SAASC,4BAA4B,QAAQ,gCAAgC;AAE7E,OAAO,MAAMC,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,EAAET,MAAM,CAACU,IAAI,CAAC,oEAAoE,CAAC;IAC5G,OAAOT,iCAAiC,CAACG,GAAG,EAAEC,MAAM,EAAEC,OAAO,CAAC;EAChE,CAAC,MAAM;IACL,OAAOJ,4BAA4B,CAACE,GAAG,EAAEC,MAAM,EAAEC,OAAO,CAAC;EAC3D;AACF,CAAC"}

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

@@ -1,20 +1,21 @@
 import { useReducer } from 'react';
 import { getGroupChannels } from '@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':
       {
         getGroupChannels(action.value.channels).forEach(freshChannel => {
@@ -24,7 +25,6 @@ const defaultReducer = (_ref, action) => {
         compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
         break;
       }
-
     case 'delete_channels':
       {
         action.value.channelUrls.forEach(url => {
@@ -34,29 +34,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 = getGroupChannels(action.value.channels);
         } else {
           draft.groupChannels = [...draft.groupChannels, ...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;
 };
-
 export const useGroupChannelListReducer = order => {
   const [{
     loading,
@@ -68,7 +65,6 @@ export const useGroupChannelListReducer = order => {
     groupChannels: [],
     order
   });
-
   const updateChannels = channels => {
     dispatch({
       type: 'update_channels',
@@ -77,7 +73,6 @@ export const useGroupChannelListReducer = order => {
       }
     });
   };
-
   const deleteChannels = channelUrls => {
     dispatch({
       type: 'delete_channels',
@@ -86,17 +81,15 @@ export 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',
@@ -105,7 +98,6 @@ export const useGroupChannelListReducer = order => {
       }
     });
   };
-
   const updateRefreshing = status => {
     dispatch({
       type: 'update_refreshing',
@@ -114,7 +106,6 @@ export const useGroupChannelListReducer = order => {
       }
     });
   };
-
   const updateOrder = order => {
     dispatch({
       type: 'update_order',
@@ -123,7 +114,6 @@ export const useGroupChannelListReducer = order => {
       }
     });
   };
-
   return {
     updateLoading,
     updateRefreshing,
@@ -136,7 +126,6 @@ export const useGroupChannelListReducer = order => {
     groupChannels
   };
 };
-
 const createCompareByOrder = order => {
   if (!order) return undefined;
   return (channel1, channel2) => {
@@ -153,17 +142,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/module/channel/useGroupChannelList/reducer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useReducer","getGroupChannels","defaultReducer","action","draft","compareByOrder","createCompareByOrder","order","type","key","value","status","channels","forEach","freshChannel","idx","groupChannels","findIndex","staleChannel","url","sort","channelUrls","c","splice","clearPrev","useGroupChannelListReducer","loading","refreshing","dispatch","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":["useReducer","getGroupChannels","defaultReducer","_ref","action","draft","compareByOrder","createCompareByOrder","order","type","refreshing","value","status","loading","channels","forEach","freshChannel","idx","groupChannels","findIndex","staleChannel","url","sort","channelUrls","c","splice","clearBeforeAction","useGroupChannelListReducer","dispatch","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[]; 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/module/channel/useGroupChannelList/useGroupChannelListWithCollection.js

@@ -4,7 +4,6 @@ import { confirmAndMarkAsDelivered, useAsyncEffect, useFreshCallback, useUniqHan
 import { useAppFeatures } from '../../common/useAppFeatures';
 import { useChannelHandler } from '../../handler/useChannelHandler';
 import { useGroupChannelListReducer } from './reducer';
-
 const createGroupChannelListCollection = (sdk, collectionCreator) => {
   const passedCollection = collectionCreator === null || collectionCreator === void 0 ? void 0 : collectionCreator();
   if (passedCollection) return passedCollection;
@@ -16,7 +15,6 @@ const createGroupChannelListCollection = (sdk, collectionCreator) => {
     order: GroupChannelListOrder.LATEST_LAST_MESSAGE
   });
 };
-
 export const useGroupChannelListWithCollection = (sdk, userId, options) => {
   const handlerId = useUniqHandlerId('useGroupChannelListWithCollection');
   const {
@@ -32,13 +30,10 @@ export const useGroupChannelListWithCollection = (sdk, userId, options) => {
     updateRefreshing,
     updateLoading
   } = 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 GroupChannelEventSource.EVENT_MESSAGE_RECEIVED:
@@ -51,15 +46,11 @@ export const useGroupChannelListWithCollection = (sdk, userId, options) => {
       }
     }
   };
-
   const init = 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) => {
@@ -72,10 +63,8 @@ export 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);
       }
@@ -84,7 +73,6 @@ export const useGroupChannelListWithCollection = (sdk, userId, options) => {
   useEffect(() => {
     return () => {
       var _collectionRef$curren6;
-
       if (collectionRef.current) (_collectionRef$curren6 = collectionRef.current) === null || _collectionRef$curren6 === void 0 ? void 0 : _collectionRef$curren6.dispose();
     };
   }, []);
@@ -92,7 +80,7 @@ export const useGroupChannelListWithCollection = (sdk, userId, options) => {
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [userId]);
   useChannelHandler(sdk, handlerId, {
     onUserBanned: (channel, user) => {
       const isMe = user.userId === userId;
@@ -106,10 +94,8 @@ export const useGroupChannelListWithCollection = (sdk, userId, options) => {
   });
   const next = 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);
     }

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","GroupChannelEventSource","GroupChannelFilter","GroupChannelListOrder","confirmAndMarkAsDelivered","useAsyncEffect","useFreshCallback","useUniqHandlerId","useAppFeatures","useChannelHandler","useGroupChannelListReducer","createGroupChannelListCollection","sdk","collectionCreator","passedCollection","filter","includeEmpty","groupChannel","createGroupChannelCollection","limit","order","LATEST_LAST_MESSAGE","useGroupChannelListWithCollection","userId","options","handlerId","deliveryReceiptEnabled","collectionRef","loading","groupChannels","refreshing","setChannels","deleteChannels","updateRefreshing","updateLoading","updateChannelsAndMarkAsDelivered","markAsDelivered","source","updatedChannels","channels","current","EVENT_MESSAGE_RECEIVED","EVENT_MESSAGE_SENT","SYNC_CHANNEL_BACKGROUND","SYNC_CHANNEL_CHANGELOGS","undefined","init","uid","dispose","setGroupChannelCollectionHandler","onChannelsAdded","context","onChannelsUpdated","onChannelsDeleted","hasMore","loadMore","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":["useEffect","useRef","GroupChannelEventSource","GroupChannelFilter","GroupChannelListOrder","confirmAndMarkAsDelivered","useAsyncEffect","useFreshCallback","useUniqHandlerId","useAppFeatures","useChannelHandler","useGroupChannelListReducer","createGroupChannelListCollection","sdk","collectionCreator","passedCollection","filter","includeEmpty","groupChannel","createGroupChannelCollection","limit","order","LATEST_LAST_MESSAGE","useGroupChannelListWithCollection","userId","options","handlerId","deliveryReceiptEnabled","collectionRef","loading","groupChannels","refreshing","setChannels","deleteChannels","updateRefreshing","updateLoading","updateChannelsAndMarkAsDelivered","markAsDelivered","source","updatedChannels","_collectionRef$curren","channels","current","EVENT_MESSAGE_RECEIVED","EVENT_MESSAGE_SENT","SYNC_CHANNEL_BACKGROUND","SYNC_CHANNEL_CHANGELOGS","undefined","init","uid","_collectionRef$curren2","dispose","_collectionRef$curren3","_collectionRef$curren4","setGroupChannelCollectionHandler","onChannelsAdded","context","onChannelsUpdated","onChannelsDeleted","hasMore","_collectionRef$curren5","loadMore","_collectionRef$curren6","onUserBanned","channel","user","isMe","url","refresh","next","_collectionRef$curren7","_collectionRef$curren8"],"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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"}

package/lib/module/channel/useGroupChannelList/useGroupChannelListWithQuery.js

@@ -4,7 +4,6 @@ import { confirmAndMarkAsDelivered, useAsyncEffect, useFreshCallback, useUniqHan
 import { useAppFeatures } from '../../common/useAppFeatures';
 import { useChannelHandler } from '../../handler/useChannelHandler';
 import { useGroupChannelListReducer } from './reducer';
-
 const createGroupChannelListQuery = (sdk, queryCreator) => {
   const passedQuery = queryCreator === null || queryCreator === void 0 ? void 0 : queryCreator();
   if (passedQuery) return passedQuery;
@@ -14,7 +13,6 @@ const createGroupChannelListQuery = (sdk, queryCreator) => {
     order: GroupChannelListOrder.LATEST_LAST_MESSAGE
   });
 };
-
 export const useGroupChannelListWithQuery = (sdk, userId, options) => {
   const {
     deliveryReceiptEnabled
@@ -32,19 +30,15 @@ export const useGroupChannelListWithQuery = (sdk, userId, options) => {
     updateLoading,
     updateOrder
   } = useGroupChannelListReducer();
-
   const updateChannelsAndMarkAsDelivered = channels => {
     updateChannels(channels);
     if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);
   };
-
   const init = useFreshCallback(async uid => {
     if (uid) {
       var _queryRef$current, _queryRef$current2;
-
       queryRef.current = createGroupChannelListQuery(sdk, options === null || options === void 0 ? void 0 : options.queryCreator);
       updateOrder((_queryRef$current = queryRef.current) === null || _queryRef$current === void 0 ? void 0 : _queryRef$current.order);
-
       if ((_queryRef$current2 = queryRef.current) !== null && _queryRef$current2 !== void 0 && _queryRef$current2.hasNext) {
         const channels = await queryRef.current.next();
         setChannels(channels, true);
@@ -56,7 +50,7 @@ export const useGroupChannelListWithQuery = (sdk, userId, options) => {
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [userId]);
   useChannelHandler(sdk, handlerId, {
     onChannelChanged: channel => updateChannels([channel]),
     onChannelFrozen: channel => updateChannels([channel]),
@@ -68,16 +62,13 @@ export const useGroupChannelListWithQuery = (sdk, userId, options) => {
       const isMe = user.userId === userId;
       if (isMe) deleteChannels([channel.url]);else updateChannels([channel]);
     },
-
     onUserBanned(channel, user) {
       const isMe = user.userId === userId;
       if (isMe) deleteChannels([channel.url]);else updateChannels([channel]);
     },
-
     onMessageReceived(channel) {
       updateChannelsAndMarkAsDelivered([channel]);
     }
-
   });
   const refresh = useFreshCallback(async () => {
     updateRefreshing(true);
@@ -86,7 +77,6 @@ export const useGroupChannelListWithQuery = (sdk, userId, options) => {
   });
   const next = useFreshCallback(async () => {
     var _queryRef$current3;
-
     if ((_queryRef$current3 = queryRef.current) !== null && _queryRef$current3 !== void 0 && _queryRef$current3.hasNext) {
       const channels = await queryRef.current.next();
       setChannels(channels, false);