@sendbird/uikit-chat-hooks 1.0.1 → 1.0.2

package/lib/module/channel/useGroupChannelListWithCollection.js

@@ -0,0 +1,135 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { arrayToMap, useAsyncEffect, useUniqId } from '@sendbird/uikit-utils';
+import { useAppFeatures } from '../common/useAppFeatures';
+import { useChannelHandler } from '../handler/useChannelHandler';
+const HOOK_NAME = 'useGroupChannelListWithCollection';
+
+const createGroupChannelListCollection = (sdk, collectionCreator) => {
+  const passedCollection = collectionCreator === null || collectionCreator === void 0 ? void 0 : collectionCreator();
+  if (passedCollection) return passedCollection;
+  const defaultCollection = sdk.GroupChannel.createGroupChannelCollection();
+  const filter = new sdk.GroupChannelFilter();
+  return defaultCollection.setLimit(20).setFilter(filter).build();
+};
+
+export const useGroupChannelListWithCollection = (sdk, userId, options) => {
+  const id = useUniqId(HOOK_NAME);
+  const {
+    deliveryReceiptEnabled
+  } = useAppFeatures(sdk);
+  const collectionRef = useRef();
+  const [loading, setLoading] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [groupChannelMap, setGroupChannelMap] = useState({});
+  const groupChannels = useMemo(() => {
+    const channels = Object.values(groupChannelMap);
+    if (options !== null && options !== void 0 && options.sortComparator) return channels.sort(options === null || options === void 0 ? void 0 : options.sortComparator);
+    return channels;
+  }, [groupChannelMap, options === null || options === void 0 ? void 0 : options.sortComparator]); // ---------- internal methods ---------- //
+
+  const updateChannels = (channels, clearPrev) => {
+    const groupChannels = channels.filter(c => c.isGroupChannel());
+    if (clearPrev) setGroupChannelMap(arrayToMap(groupChannels, 'url'));else setGroupChannelMap(prev => ({ ...prev,
+      ...arrayToMap(groupChannels, 'url')
+    }));
+    if (deliveryReceiptEnabled) groupChannels.forEach(channel => sdk.markAsDelivered(channel.url));
+  };
+
+  const deleteChannels = channelUrls => {
+    setGroupChannelMap(_ref => {
+      let { ...draft
+      } = _ref;
+      channelUrls.forEach(url => delete draft[url]);
+      return draft;
+    });
+  };
+
+  const init = useCallback(async uid => {
+    var _collectionRef$curren;
+
+    if (collectionRef.current) (_collectionRef$curren = collectionRef.current) === null || _collectionRef$curren === void 0 ? void 0 : _collectionRef$curren.dispose();
+
+    if (uid) {
+      var _collectionRef$curren2, _collectionRef$curren4;
+
+      collectionRef.current = createGroupChannelListCollection(sdk, options === null || options === void 0 ? void 0 : options.collectionCreator);
+
+      if ((_collectionRef$curren2 = collectionRef.current) !== null && _collectionRef$curren2 !== void 0 && _collectionRef$curren2.hasMore) {
+        var _collectionRef$curren3;
+
+        updateChannels(await ((_collectionRef$curren3 = collectionRef.current) === null || _collectionRef$curren3 === void 0 ? void 0 : _collectionRef$curren3.loadMore()), true);
+      }
+
+      (_collectionRef$curren4 = collectionRef.current) === null || _collectionRef$curren4 === void 0 ? void 0 : _collectionRef$curren4.setGroupChannelCollectionHandler({
+        onChannelsAdded(_, channels) {
+          updateChannels(channels, false);
+        },
+
+        onChannelsUpdated(_, channels) {
+          updateChannels(channels, false);
+        },
+
+        onChannelsDeleted(_, channelUrls) {
+          deleteChannels(channelUrls);
+        }
+
+      });
+    }
+  }, [sdk, options === null || options === void 0 ? void 0 : options.collectionCreator]); // ---------- internal methods ends ---------- //
+  // ---------- internal hooks ---------- //
+
+  useEffect(() => {
+    return () => {
+      var _collectionRef$curren5;
+
+      if (collectionRef.current) (_collectionRef$curren5 = collectionRef.current) === null || _collectionRef$curren5 === void 0 ? void 0 : _collectionRef$curren5.dispose();
+    };
+  }, []);
+  useAsyncEffect(async () => {
+    setLoading(true);
+    await init(userId);
+    setLoading(false);
+  }, [init, userId]);
+  useChannelHandler(sdk, `${HOOK_NAME}_${id}`, {
+    onUserBanned: (channel, user) => {
+      const isMe = user.userId === userId;
+      if (isMe) deleteChannels([channel.url]);else updateChannels([channel], false);
+    }
+  }, [sdk, userId]); // ---------- internal hooks ends ---------- //
+  // ---------- returns methods ---------- //
+
+  const refresh = useCallback(async () => {
+    setRefreshing(true);
+    await init(userId);
+    setRefreshing(false);
+  }, [init, userId]);
+  const update = useCallback(channel => {
+    if (deliveryReceiptEnabled) sdk.markAsDelivered(channel.url);
+    setGroupChannelMap(prev => ({ ...prev,
+      [channel.url]: channel
+    }));
+  }, [sdk]);
+  const next = useCallback(async () => {
+    var _collectionRef$curren6;
+
+    if ((_collectionRef$curren6 = collectionRef.current) !== null && _collectionRef$curren6 !== void 0 && _collectionRef$curren6.hasMore) {
+      var _collectionRef$curren7;
+
+      const channels = await ((_collectionRef$curren7 = collectionRef.current) === null || _collectionRef$curren7 === void 0 ? void 0 : _collectionRef$curren7.loadMore());
+      setGroupChannelMap(prev => ({ ...prev,
+        ...arrayToMap(channels, 'url')
+      }));
+      if (deliveryReceiptEnabled) channels.forEach(channel => sdk.markAsDelivered(channel.url));
+    }
+  }, [sdk]); // ---------- returns methods ends ---------- //
+
+  return {
+    loading,
+    groupChannels,
+    refresh,
+    refreshing,
+    next,
+    update
+  };
+};
+//# sourceMappingURL=useGroupChannelListWithCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","arrayToMap","useAsyncEffect","useUniqId","useAppFeatures","useChannelHandler","HOOK_NAME","createGroupChannelListCollection","sdk","collectionCreator","passedCollection","defaultCollection","GroupChannel","createGroupChannelCollection","filter","GroupChannelFilter","setLimit","setFilter","build","useGroupChannelListWithCollection","userId","options","id","deliveryReceiptEnabled","collectionRef","loading","setLoading","refreshing","setRefreshing","groupChannelMap","setGroupChannelMap","groupChannels","channels","Object","values","sortComparator","sort","updateChannels","clearPrev","c","isGroupChannel","prev","forEach","channel","markAsDelivered","url","deleteChannels","channelUrls","draft","init","uid","current","dispose","hasMore","loadMore","setGroupChannelCollectionHandler","onChannelsAdded","_","onChannelsUpdated","onChannelsDeleted","onUserBanned","user","isMe","refresh","update","next"],"sources":["useGroupChannelListWithCollection.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n  SendbirdChannel,\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCollection,\n} from '@sendbird/uikit-utils';\nimport { arrayToMap, useAsyncEffect, useUniqId } from '@sendbird/uikit-utils';\n\nimport { useAppFeatures } from '../common/useAppFeatures';\nimport { useChannelHandler } from '../handler/useChannelHandler';\nimport type { UseGroupChannelList, UseGroupChannelListOptions } from '../types';\n\ntype GroupChannelMap = Record<string, SendbirdGroupChannel>;\n\nconst HOOK_NAME = 'useGroupChannelListWithCollection';\nconst createGroupChannelListCollection = (\n  sdk: SendbirdChatSDK,\n  collectionCreator: UseGroupChannelListOptions['collectionCreator'],\n) => {\n  const passedCollection = collectionCreator?.();\n  if (passedCollection) return passedCollection;\n\n  const defaultCollection = sdk.GroupChannel.createGroupChannelCollection();\n  const filter = new sdk.GroupChannelFilter();\n  return defaultCollection.setLimit(20).setFilter(filter).build();\n};\n\nexport const useGroupChannelListWithCollection: UseGroupChannelList = (sdk, userId, options) => {\n  const id = useUniqId(HOOK_NAME);\n  const { deliveryReceiptEnabled } = useAppFeatures(sdk);\n\n  const collectionRef = useRef<SendbirdGroupChannelCollection>();\n  const [loading, setLoading] = useState(false);\n  const [refreshing, setRefreshing] = useState(false);\n\n  const [groupChannelMap, setGroupChannelMap] = useState<GroupChannelMap>({});\n  const groupChannels = useMemo(() => {\n    const channels = Object.values(groupChannelMap);\n    if (options?.sortComparator) return channels.sort(options?.sortComparator);\n    return channels;\n  }, [groupChannelMap, options?.sortComparator]);\n\n  // ---------- internal methods ---------- //\n  const updateChannels = (channels: SendbirdChannel[], clearPrev: boolean) => {\n    const groupChannels = channels.filter((c): c is SendbirdGroupChannel => c.isGroupChannel());\n    if (clearPrev) setGroupChannelMap(arrayToMap(groupChannels, 'url'));\n    else setGroupChannelMap((prev) => ({ ...prev, ...arrayToMap(groupChannels, 'url') }));\n    if (deliveryReceiptEnabled) groupChannels.forEach((channel) => sdk.markAsDelivered(channel.url));\n  };\n  const deleteChannels = (channelUrls: string[]) => {\n    setGroupChannelMap(({ ...draft }) => {\n      channelUrls.forEach((url) => delete draft[url]);\n      return draft;\n    });\n  };\n  const init = useCallback(\n    async (uid?: string) => {\n      if (collectionRef.current) collectionRef.current?.dispose();\n\n      if (uid) {\n        collectionRef.current = createGroupChannelListCollection(sdk, options?.collectionCreator);\n        if (collectionRef.current?.hasMore) {\n          updateChannels(await collectionRef.current?.loadMore(), true);\n        }\n\n        collectionRef.current?.setGroupChannelCollectionHandler({\n          onChannelsAdded(_, channels) {\n            updateChannels(channels, false);\n          },\n          onChannelsUpdated(_, channels) {\n            updateChannels(channels, false);\n          },\n          onChannelsDeleted(_, channelUrls) {\n            deleteChannels(channelUrls);\n          },\n        });\n      }\n    },\n    [sdk, options?.collectionCreator],\n  );\n  // ---------- internal methods ends ---------- //\n\n  // ---------- internal hooks ---------- //\n  useEffect(() => {\n    return () => {\n      if (collectionRef.current) collectionRef.current?.dispose();\n    };\n  }, []);\n\n  useAsyncEffect(async () => {\n    setLoading(true);\n    await init(userId);\n    setLoading(false);\n  }, [init, userId]);\n\n  useChannelHandler(\n    sdk,\n    `${HOOK_NAME}_${id}`,\n    {\n      onUserBanned: (channel, user) => {\n        const isMe = user.userId === userId;\n        if (isMe) deleteChannels([channel.url]);\n        else updateChannels([channel], false);\n      },\n    },\n    [sdk, userId],\n  );\n  // ---------- internal hooks ends ---------- //\n\n  // ---------- returns methods ---------- //\n  const refresh = useCallback(async () => {\n    setRefreshing(true);\n    await init(userId);\n    setRefreshing(false);\n  }, [init, userId]);\n\n  const update = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (deliveryReceiptEnabled) sdk.markAsDelivered(channel.url);\n      setGroupChannelMap((prev) => ({ ...prev, [channel.url]: channel }));\n    },\n    [sdk],\n  );\n\n  const next = useCallback(async () => {\n    if (collectionRef.current?.hasMore) {\n      const channels = await collectionRef.current?.loadMore();\n      setGroupChannelMap((prev) => ({ ...prev, ...arrayToMap(channels, 'url') }));\n      if (deliveryReceiptEnabled) channels.forEach((channel) => sdk.markAsDelivered(channel.url));\n    }\n  }, [sdk]);\n  // ---------- returns methods ends ---------- //\n\n  return {\n    loading,\n    groupChannels,\n    refresh,\n    refreshing,\n    next,\n    update,\n  };\n};\n"],"mappings":"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"}

package/lib/module/channel/useGroupChannelListWithQuery.js

@@ -0,0 +1,117 @@
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { arrayToMap, useAsyncEffect } from '@sendbird/uikit-utils';
+import { useAppFeatures } from '../common/useAppFeatures';
+import { useChannelHandler } from '../handler/useChannelHandler';
+const HOOK_NAME = 'useGroupChannelListWithQuery';
+
+const createGroupChannelListQuery = (sdk, queryCreator) => {
+  const passedQuery = queryCreator === null || queryCreator === void 0 ? void 0 : queryCreator();
+  if (passedQuery) return passedQuery;
+  const defaultQuery = sdk.GroupChannel.createMyGroupChannelListQuery();
+  defaultQuery.limit = 20;
+  return defaultQuery;
+};
+
+export const useGroupChannelListWithQuery = (sdk, userId, options) => {
+  const {
+    deliveryReceiptEnabled
+  } = useAppFeatures(sdk);
+  const queryRef = useRef();
+  const [loading, setLoading] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [groupChannelMap, setGroupChannelMap] = useState({});
+  const groupChannels = useMemo(() => {
+    const channels = Object.values(groupChannelMap);
+    if (options !== null && options !== void 0 && options.sortComparator) return channels.sort(options === null || options === void 0 ? void 0 : options.sortComparator);
+    return channels;
+  }, [groupChannelMap, options === null || options === void 0 ? void 0 : options.sortComparator]); // ---------- internal methods ---------- //
+
+  const updateChannels = (channels, clearPrev) => {
+    const groupChannels = channels.filter(c => c.isGroupChannel());
+    if (clearPrev) setGroupChannelMap(arrayToMap(groupChannels, 'url'));else setGroupChannelMap(prev => ({ ...prev,
+      ...arrayToMap(groupChannels, 'url')
+    }));
+    if (deliveryReceiptEnabled) groupChannels.forEach(channel => sdk.markAsDelivered(channel.url));
+  };
+
+  const deleteChannels = channelUrls => {
+    setGroupChannelMap(_ref => {
+      let { ...draft
+      } = _ref;
+      channelUrls.forEach(url => delete draft[url]);
+      return draft;
+    });
+  };
+
+  const init = useCallback(async uid => {
+    if (uid) {
+      var _queryRef$current;
+
+      queryRef.current = createGroupChannelListQuery(sdk, options === null || options === void 0 ? void 0 : options.queryCreator);
+
+      if ((_queryRef$current = queryRef.current) !== null && _queryRef$current !== void 0 && _queryRef$current.hasNext) {
+        const channels = await queryRef.current.next();
+        updateChannels(channels, true);
+      }
+    }
+  }, [sdk, options === null || options === void 0 ? void 0 : options.queryCreator]); // ---------- internal methods ends ---------- //
+  // ---------- internal hooks ---------- //
+
+  useAsyncEffect(async () => {
+    setLoading(true);
+    await init(userId);
+    setLoading(false);
+  }, [init, userId]);
+  useChannelHandler(sdk, HOOK_NAME, {
+    onChannelChanged: channel => updateChannels([channel], false),
+    onChannelFrozen: channel => updateChannels([channel], false),
+    onChannelUnfrozen: channel => updateChannels([channel], false),
+    onChannelMemberCountChanged: channels => updateChannels(channels, false),
+    onChannelDeleted: url => deleteChannels([url]),
+    onUserJoined: channel => updateChannels([channel], false),
+    onUserLeft: (channel, user) => {
+      const isMe = user.userId === userId;
+      if (isMe) deleteChannels([channel.url]);else updateChannels([channel], false);
+    },
+
+    onUserBanned(channel, user) {
+      const isMe = user.userId === userId;
+      if (isMe) deleteChannels([channel.url]);else updateChannels([channel], false);
+    }
+
+  }, [sdk, userId]); // ---------- internal hooks ends ---------- //
+  // ---------- returns methods ---------- //
+
+  const refresh = useCallback(async () => {
+    setRefreshing(true);
+    await init(userId);
+    setRefreshing(false);
+  }, [init, userId]);
+  const update = useCallback(channel => {
+    if (deliveryReceiptEnabled) sdk.markAsDelivered(channel.url);
+    setGroupChannelMap(prev => ({ ...prev,
+      [channel.url]: channel
+    }));
+  }, [sdk]);
+  const next = useCallback(async () => {
+    var _queryRef$current2;
+
+    if ((_queryRef$current2 = queryRef.current) !== null && _queryRef$current2 !== void 0 && _queryRef$current2.hasNext) {
+      const channels = await queryRef.current.next();
+      setGroupChannelMap(prev => ({ ...prev,
+        ...arrayToMap(channels, 'url')
+      }));
+      if (deliveryReceiptEnabled) channels.forEach(channel => sdk.markAsDelivered(channel.url));
+    }
+  }, [sdk]); // ---------- returns methods ends ---------- //
+
+  return {
+    loading,
+    groupChannels,
+    update,
+    refresh,
+    refreshing,
+    next
+  };
+};
+//# sourceMappingURL=useGroupChannelListWithQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useRef","useState","arrayToMap","useAsyncEffect","useAppFeatures","useChannelHandler","HOOK_NAME","createGroupChannelListQuery","sdk","queryCreator","passedQuery","defaultQuery","GroupChannel","createMyGroupChannelListQuery","limit","useGroupChannelListWithQuery","userId","options","deliveryReceiptEnabled","queryRef","loading","setLoading","refreshing","setRefreshing","groupChannelMap","setGroupChannelMap","groupChannels","channels","Object","values","sortComparator","sort","updateChannels","clearPrev","filter","c","isGroupChannel","prev","forEach","channel","markAsDelivered","url","deleteChannels","channelUrls","draft","init","uid","current","hasNext","next","onChannelChanged","onChannelFrozen","onChannelUnfrozen","onChannelMemberCountChanged","onChannelDeleted","onUserJoined","onUserLeft","user","isMe","onUserBanned","refresh","update"],"sources":["useGroupChannelListWithQuery.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport type Sendbird from 'sendbird';\n\nimport type { SendbirdChannel, SendbirdChatSDK, SendbirdGroupChannel } from '@sendbird/uikit-utils';\nimport { arrayToMap, useAsyncEffect } from '@sendbird/uikit-utils';\n\nimport { useAppFeatures } from '../common/useAppFeatures';\nimport { useChannelHandler } from '../handler/useChannelHandler';\nimport type { UseGroupChannelList, UseGroupChannelListOptions } from '../types';\n\ntype GroupChannelMap = Record<string, SendbirdGroupChannel>;\n\nconst HOOK_NAME = 'useGroupChannelListWithQuery';\nconst createGroupChannelListQuery = (\n  sdk: SendbirdChatSDK,\n  queryCreator: UseGroupChannelListOptions['queryCreator'],\n) => {\n  const passedQuery = queryCreator?.();\n  if (passedQuery) return passedQuery;\n\n  const defaultQuery = sdk.GroupChannel.createMyGroupChannelListQuery();\n  defaultQuery.limit = 20;\n  return defaultQuery;\n};\n\nexport const useGroupChannelListWithQuery: UseGroupChannelList = (sdk, userId, options) => {\n  const { deliveryReceiptEnabled } = useAppFeatures(sdk);\n  const queryRef = useRef<Sendbird.GroupChannelListQuery>();\n  const [loading, setLoading] = useState(false);\n  const [refreshing, setRefreshing] = useState(false);\n\n  const [groupChannelMap, setGroupChannelMap] = useState<GroupChannelMap>({});\n  const groupChannels = useMemo(() => {\n    const channels = Object.values(groupChannelMap);\n    if (options?.sortComparator) return channels.sort(options?.sortComparator);\n    return channels;\n  }, [groupChannelMap, options?.sortComparator]);\n\n  // ---------- internal methods ---------- //\n  const updateChannels = (channels: SendbirdChannel[], clearPrev: boolean) => {\n    const groupChannels = channels.filter((c): c is SendbirdGroupChannel => c.isGroupChannel());\n    if (clearPrev) setGroupChannelMap(arrayToMap(groupChannels, 'url'));\n    else setGroupChannelMap((prev) => ({ ...prev, ...arrayToMap(groupChannels, 'url') }));\n\n    if (deliveryReceiptEnabled) groupChannels.forEach((channel) => sdk.markAsDelivered(channel.url));\n  };\n  const deleteChannels = (channelUrls: string[]) => {\n    setGroupChannelMap(({ ...draft }) => {\n      channelUrls.forEach((url) => delete draft[url]);\n      return draft;\n    });\n  };\n  const init = useCallback(\n    async (uid?: string) => {\n      if (uid) {\n        queryRef.current = createGroupChannelListQuery(sdk, options?.queryCreator);\n        if (queryRef.current?.hasNext) {\n          const channels = await queryRef.current.next();\n          updateChannels(channels, true);\n        }\n      }\n    },\n    [sdk, options?.queryCreator],\n  );\n  // ---------- internal methods ends ---------- //\n\n  // ---------- internal hooks ---------- //\n  useAsyncEffect(async () => {\n    setLoading(true);\n    await init(userId);\n    setLoading(false);\n  }, [init, userId]);\n\n  useChannelHandler(\n    sdk,\n    HOOK_NAME,\n    {\n      onChannelChanged: (channel) => updateChannels([channel], false),\n      onChannelFrozen: (channel) => updateChannels([channel], false),\n      onChannelUnfrozen: (channel) => updateChannels([channel], false),\n      onChannelMemberCountChanged: (channels) => updateChannels(channels, false),\n      onChannelDeleted: (url) => deleteChannels([url]),\n      onUserJoined: (channel) => updateChannels([channel], false),\n      onUserLeft: (channel, user) => {\n        const isMe = user.userId === userId;\n        if (isMe) deleteChannels([channel.url]);\n        else updateChannels([channel], false);\n      },\n      onUserBanned(channel, user) {\n        const isMe = user.userId === userId;\n        if (isMe) deleteChannels([channel.url]);\n        else updateChannels([channel], false);\n      },\n    },\n    [sdk, userId],\n  );\n  // ---------- internal hooks ends ---------- //\n\n  // ---------- returns methods ---------- //\n  const refresh = useCallback(async () => {\n    setRefreshing(true);\n    await init(userId);\n    setRefreshing(false);\n  }, [init, userId]);\n\n  const update = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (deliveryReceiptEnabled) sdk.markAsDelivered(channel.url);\n      setGroupChannelMap((prev) => ({ ...prev, [channel.url]: channel }));\n    },\n    [sdk],\n  );\n\n  const next = useCallback(async () => {\n    if (queryRef.current?.hasNext) {\n      const channels = await queryRef.current.next();\n      setGroupChannelMap((prev) => ({ ...prev, ...arrayToMap(channels, 'url') }));\n      if (deliveryReceiptEnabled) channels.forEach((channel) => sdk.markAsDelivered(channel.url));\n    }\n  }, [sdk]);\n  // ---------- returns methods ends ---------- //\n\n  return { loading, groupChannels, update, refresh, refreshing, next };\n};\n"],"mappings":"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"}

package/lib/module/channel/useGroupChannelMessages/index.js

@@ -0,0 +1,10 @@
+import { useGroupChannelMessagesWithCollection } from './useGroupChannelMessagesWithCollection';
+import { useGroupChannelMessagesWithQuery } from './useGroupChannelMessagesWithQuery';
+export const useGroupChannelMessages = (sdk, channel, userId, options) => {
+  if (sdk.isCacheEnabled || options !== null && options !== void 0 && options.enableCollectionWithoutLocalCache) {
+    return useGroupChannelMessagesWithCollection(sdk, channel, userId, options);
+  } else {
+    return useGroupChannelMessagesWithQuery(sdk, channel, userId, options);
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useGroupChannelMessagesWithCollection","useGroupChannelMessagesWithQuery","useGroupChannelMessages","sdk","channel","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache"],"sources":["index.ts"],"sourcesContent":["import type { UseGroupChannelMessages } from '../../types';\nimport { useGroupChannelMessagesWithCollection } from './useGroupChannelMessagesWithCollection';\nimport { useGroupChannelMessagesWithQuery } from './useGroupChannelMessagesWithQuery';\n\nexport const useGroupChannelMessages: UseGroupChannelMessages = (sdk, channel, userId, options) => {\n  if (sdk.isCacheEnabled || options?.enableCollectionWithoutLocalCache) {\n    return useGroupChannelMessagesWithCollection(sdk, channel, userId, options);\n  } else {\n    return useGroupChannelMessagesWithQuery(sdk, channel, userId, options);\n  }\n};\n"],"mappings":"AACA,SAASA,qCAAT,QAAsD,yCAAtD;AACA,SAASC,gCAAT,QAAiD,oCAAjD;AAEA,OAAO,MAAMC,uBAAgD,GAAG,CAACC,GAAD,EAAMC,OAAN,EAAeC,MAAf,EAAuBC,OAAvB,KAAmC;EACjG,IAAIH,GAAG,CAACI,cAAJ,IAAsBD,OAAtB,aAAsBA,OAAtB,eAAsBA,OAAO,CAAEE,iCAAnC,EAAsE;IACpE,OAAOR,qCAAqC,CAACG,GAAD,EAAMC,OAAN,EAAeC,MAAf,EAAuBC,OAAvB,CAA5C;EACD,CAFD,MAEO;IACL,OAAOL,gCAAgC,CAACE,GAAD,EAAMC,OAAN,EAAeC,MAAf,EAAuBC,OAAvB,CAAvC;EACD;AACF,CANM"}

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

@@ -0,0 +1,148 @@
+import { useReducer } from 'react';
+import { arrayToMapWithGetter, getMessageUniqId, isMyMessage, isNewMessage, useIIFE } from '@sendbird/uikit-utils';
+
+const defaultReducer = (_ref, action) => {
+  let { ...draft
+  } = _ref;
+
+  switch (action.type) {
+    case 'update_refreshing':
+    case 'update_loading':
+      {
+        const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
+        draft[key] = action.value.status;
+        return draft;
+      }
+
+    case 'update_messages':
+    case 'update_next_messages':
+      {
+        const key = action.type === 'update_messages' ? 'messageMap' : 'nextMessageMap';
+        const messageMap = arrayToMapWithGetter(action.value.messages, getMessageUniqId);
+
+        if (action.value.clearPrev) {
+          draft[key] = messageMap;
+        } else {
+          draft[key] = { ...draft[key],
+            ...messageMap
+          }; // NOTE: Replace pending message to succeeded message
+
+          action.value.messages.filter(m => {
+            return (m.isFileMessage() || m.isUserMessage()) && Boolean(draft[key][m.reqId]) && m.sendingStatus === 'succeeded' && isMyMessage(m, action.value.currentUserId);
+          }).forEach(m => delete draft[key][m.reqId]);
+        }
+
+        if (action.type === 'update_messages') {
+          draft['nextMessageMap'] = {};
+        }
+
+        return draft;
+      }
+
+    case 'delete_messages':
+    case 'delete_next_messages':
+      {
+        const key = action.type === 'delete_messages' ? 'messageMap' : 'nextMessageMap';
+        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 useGroupChannelMessagesReducer = (userId, sortComparator) => {
+  const [{
+    loading,
+    refreshing,
+    messageMap,
+    nextMessageMap
+  }, dispatch] = useReducer(defaultReducer, {
+    loading: true,
+    refreshing: false,
+    messageMap: {},
+    nextMessageMap: {}
+  });
+
+  const updateMessages = (messages, clearPrev, currentUserId) => {
+    dispatch({
+      type: 'update_messages',
+      value: {
+        messages,
+        clearPrev,
+        currentUserId
+      }
+    });
+  };
+
+  const deleteMessages = (messageIds, reqIds) => {
+    dispatch({
+      type: 'delete_messages',
+      value: {
+        messageIds,
+        reqIds
+      }
+    });
+  };
+
+  const updateNextMessages = (messages, clearPrev, currentUserId) => {
+    dispatch({
+      type: 'update_next_messages',
+      value: {
+        messages,
+        clearPrev,
+        currentUserId
+      }
+    });
+  };
+
+  const deleteNextMessages = (messageIds, reqIds) => {
+    dispatch({
+      type: 'delete_next_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 nextMessages = Object.values(nextMessageMap);
+  const newMessagesFromMembers = nextMessages.filter(msg => isNewMessage(msg, userId));
+  return {
+    updateLoading,
+    updateRefreshing,
+    updateMessages,
+    updateNextMessages,
+    deleteMessages,
+    deleteNextMessages,
+    loading,
+    refreshing,
+    messages,
+    nextMessages,
+    newMessagesFromMembers
+  };
+};
+//# sourceMappingURL=reducer.js.map

package/lib/module/channel/useGroupChannelMessages/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useReducer","arrayToMapWithGetter","getMessageUniqId","isMyMessage","isNewMessage","useIIFE","defaultReducer","action","draft","type","key","value","status","messageMap","messages","clearPrev","filter","m","isFileMessage","isUserMessage","Boolean","reqId","sendingStatus","currentUserId","forEach","messageIds","msgId","reqIds","useGroupChannelMessagesReducer","userId","sortComparator","loading","refreshing","nextMessageMap","dispatch","updateMessages","deleteMessages","updateNextMessages","deleteNextMessages","updateLoading","updateRefreshing","Object","values","sort","nextMessages","newMessagesFromMembers","msg"],"sources":["reducer.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nimport type {\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n} from '@sendbird/uikit-utils';\nimport { arrayToMapWithGetter, getMessageUniqId, isMyMessage, isNewMessage, useIIFE } from '@sendbird/uikit-utils';\n\nimport type { UseGroupChannelMessagesOptions } from '../../types';\n\ntype Action =\n  | {\n      type: 'update_loading' | 'update_refreshing';\n      value: { status: boolean };\n    }\n  | {\n      type: 'update_messages' | 'update_next_messages';\n      value: { messages: SendbirdBaseMessage[]; clearPrev: boolean; currentUserId?: string };\n    }\n  | {\n      type: 'delete_messages' | 'delete_next_messages';\n      value: { messageIds: number[]; reqIds: string[] };\n    };\n\ntype State = {\n  loading: boolean;\n  refreshing: boolean;\n  messageMap: Record<string, SendbirdMessage>;\n  nextMessageMap: Record<string, SendbirdMessage>;\n};\n\nconst defaultReducer = ({ ...draft }: State, action: Action) => {\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\n      return draft;\n    }\n    case 'update_messages':\n    case 'update_next_messages': {\n      const key = action.type === 'update_messages' ? 'messageMap' : 'nextMessageMap';\n      const messageMap = arrayToMapWithGetter(action.value.messages, getMessageUniqId);\n      if (action.value.clearPrev) {\n        draft[key] = messageMap;\n      } else {\n        draft[key] = { ...draft[key], ...messageMap };\n\n        // NOTE: Replace pending message to succeeded message\n        action.value.messages\n          .filter((m): m is SendbirdUserMessage | SendbirdFileMessage => {\n            return (\n              (m.isFileMessage() || m.isUserMessage()) &&\n              Boolean(draft[key][m.reqId]) &&\n              m.sendingStatus === 'succeeded' &&\n              isMyMessage(m, action.value.currentUserId)\n            );\n          })\n          .forEach((m) => delete draft[key][m.reqId]);\n      }\n\n      if (action.type === 'update_messages') {\n        draft['nextMessageMap'] = {};\n      }\n\n      return draft;\n    }\n    case 'delete_messages':\n    case 'delete_next_messages': {\n      const key = action.type === 'delete_messages' ? 'messageMap' : 'nextMessageMap';\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 useGroupChannelMessagesReducer = (\n  userId?: string,\n  sortComparator?: UseGroupChannelMessagesOptions['sortComparator'],\n) => {\n  const [{ loading, refreshing, messageMap, nextMessageMap }, dispatch] = useReducer(defaultReducer, {\n    loading: true,\n    refreshing: false,\n    messageMap: {},\n    nextMessageMap: {},\n  });\n\n  const updateMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {\n    dispatch({ type: 'update_messages', value: { messages, clearPrev, currentUserId } });\n  };\n  const deleteMessages = (messageIds: number[], reqIds: string[]) => {\n    dispatch({ type: 'delete_messages', value: { messageIds, reqIds } });\n  };\n  const updateNextMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {\n    dispatch({ type: 'update_next_messages', value: { messages, clearPrev, currentUserId } });\n  };\n  const deleteNextMessages = (messageIds: number[], reqIds: string[]) => {\n    dispatch({ type: 'delete_next_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 nextMessages = Object.values(nextMessageMap);\n  const newMessagesFromMembers = nextMessages.filter((msg) => isNewMessage(msg, userId));\n\n  return {\n    updateLoading,\n    updateRefreshing,\n    updateMessages,\n    updateNextMessages,\n    deleteMessages,\n    deleteNextMessages,\n\n    loading,\n    refreshing,\n    messages,\n    nextMessages,\n    newMessagesFromMembers,\n  };\n};\n"],"mappings":"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"}