@sendbird/uikit-chat-hooks 1.0.0-rc.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Sendbird
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# @sendbird/uikit-chat-hooks
+
+React custom hooks with Sendbird Chat SDK v3, made for UIKit
+
+## Installation
+
+```sh
+npm i @sendbird/uikit-chat-hooks
+```

package/lib/commonjs/channel/useActiveGroupChannel.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useActiveGroupChannel = void 0;
+
+var _react = require("react");
+
+const useActiveGroupChannel = (sdk, staleChannel) => {
+  const [activeChannel, setActiveChannel] = (0, _react.useState)(() => staleChannel);
+  (0, _react.useEffect)(() => {
+    sdk.GroupChannel.getChannel(staleChannel.url).then(setActiveChannel);
+  }, [staleChannel.url]);
+  return {
+    activeChannel,
+    setActiveChannel
+  };
+};
+
+exports.useActiveGroupChannel = useActiveGroupChannel;
+//# sourceMappingURL=useActiveGroupChannel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useActiveGroupChannel","sdk","staleChannel","activeChannel","setActiveChannel","useState","useEffect","GroupChannel","getChannel","url","then"],"sources":["useActiveGroupChannel.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { SendbirdChatSDK, SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nexport const useActiveGroupChannel = (sdk: SendbirdChatSDK, staleChannel: SendbirdGroupChannel) => {\n  const [activeChannel, setActiveChannel] = useState(() => staleChannel);\n\n  useEffect(() => {\n    sdk.GroupChannel.getChannel(staleChannel.url).then(setActiveChannel);\n  }, [staleChannel.url]);\n\n  return { activeChannel, setActiveChannel };\n};\n"],"mappings":";;;;;;;AAAA;;AAIO,MAAMA,qBAAqB,GAAG,CAACC,GAAD,EAAuBC,YAAvB,KAA8D;EACjG,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAC,eAAA,EAAS,MAAMH,YAAf,CAA1C;EAEA,IAAAI,gBAAA,EAAU,MAAM;IACdL,GAAG,CAACM,YAAJ,CAAiBC,UAAjB,CAA4BN,YAAY,CAACO,GAAzC,EAA8CC,IAA9C,CAAmDN,gBAAnD;EACD,CAFD,EAEG,CAACF,YAAY,CAACO,GAAd,CAFH;EAIA,OAAO;IAAEN,aAAF;IAAiBC;EAAjB,CAAP;AACD,CARM"}

package/lib/commonjs/channel/useGroupChannelList.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGroupChannelList = void 0;
+
+var _useGroupChannelListWithCollection = require("./useGroupChannelListWithCollection");
+
+var _useGroupChannelListWithQuery = require("./useGroupChannelListWithQuery");
+
+const useGroupChannelList = (sdk, userId, options) => {
+  if (sdk.isCacheEnabled || options !== null && options !== void 0 && options.enableCollectionWithoutLocalCache) {
+    return (0, _useGroupChannelListWithCollection.useGroupChannelListWithCollection)(sdk, userId, options);
+  } else {
+    return (0, _useGroupChannelListWithQuery.useGroupChannelListWithQuery)(sdk, userId, options);
+  }
+};
+
+exports.useGroupChannelList = useGroupChannelList;
+//# sourceMappingURL=useGroupChannelList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useGroupChannelList","sdk","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","useGroupChannelListWithCollection","useGroupChannelListWithQuery"],"sources":["useGroupChannelList.ts"],"sourcesContent":["import 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    return useGroupChannelListWithCollection(sdk, userId, options);\n  } else {\n    return useGroupChannelListWithQuery(sdk, userId, options);\n  }\n};\n"],"mappings":";;;;;;;AACA;;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,OAAO,IAAAC,oEAAA,EAAkCL,GAAlC,EAAuCC,MAAvC,EAA+CC,OAA/C,CAAP;EACD,CAFD,MAEO;IACL,OAAO,IAAAI,0DAAA,EAA6BN,GAA7B,EAAkCC,MAAlC,EAA0CC,OAA1C,CAAP;EACD;AACF,CANM"}

package/lib/commonjs/channel/useGroupChannelListWithCollection.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGroupChannelListWithCollection = void 0;
+
+var _react = require("react");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useAppFeatures = require("../common/useAppFeatures");
+
+var _useChannelHandler = require("../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();
+};
+
+const useGroupChannelListWithCollection = (sdk, userId, options) => {
+  const id = (0, _uikitUtils.useUniqId)(HOOK_NAME);
+  const {
+    deliveryReceiptEnabled
+  } = (0, _useAppFeatures.useAppFeatures)(sdk);
+  const collectionRef = (0, _react.useRef)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [refreshing, setRefreshing] = (0, _react.useState)(false);
+  const [groupChannelMap, setGroupChannelMap] = (0, _react.useState)({});
+  const groupChannels = (0, _react.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((0, _uikitUtils.arrayToMap)(groupChannels, 'url'));else setGroupChannelMap(prev => ({ ...prev,
+      ...(0, _uikitUtils.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 = (0, _react.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 ---------- //
+
+  (0, _react.useEffect)(() => {
+    return () => {
+      var _collectionRef$curren5;
+
+      if (collectionRef.current) (_collectionRef$curren5 = collectionRef.current) === null || _collectionRef$curren5 === void 0 ? void 0 : _collectionRef$curren5.dispose();
+    };
+  }, []);
+  (0, _uikitUtils.useAsyncEffect)(async () => {
+    setLoading(true);
+    await init(userId);
+    setLoading(false);
+  }, [init, userId]);
+  (0, _useChannelHandler.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 = (0, _react.useCallback)(async () => {
+    setRefreshing(true);
+    await init(userId);
+    setRefreshing(false);
+  }, [init, userId]);
+  const update = (0, _react.useCallback)(channel => {
+    if (deliveryReceiptEnabled) sdk.markAsDelivered(channel.url);
+    setGroupChannelMap(prev => ({ ...prev,
+      [channel.url]: channel
+    }));
+  }, [sdk]);
+  const next = (0, _react.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,
+        ...(0, _uikitUtils.arrayToMap)(channels, 'url')
+      }));
+      if (deliveryReceiptEnabled) channels.forEach(channel => sdk.markAsDelivered(channel.url));
+    }
+  }, [sdk]); // ---------- returns methods ends ---------- //
+
+  return {
+    loading,
+    groupChannels,
+    refresh,
+    refreshing,
+    next,
+    update
+  };
+};
+
+exports.useGroupChannelListWithCollection = useGroupChannelListWithCollection;
+//# sourceMappingURL=useGroupChannelListWithCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HOOK_NAME","createGroupChannelListCollection","sdk","collectionCreator","passedCollection","defaultCollection","GroupChannel","createGroupChannelCollection","filter","GroupChannelFilter","setLimit","setFilter","build","useGroupChannelListWithCollection","userId","options","id","useUniqId","deliveryReceiptEnabled","useAppFeatures","collectionRef","useRef","loading","setLoading","useState","refreshing","setRefreshing","groupChannelMap","setGroupChannelMap","groupChannels","useMemo","channels","Object","values","sortComparator","sort","updateChannels","clearPrev","c","isGroupChannel","arrayToMap","prev","forEach","channel","markAsDelivered","url","deleteChannels","channelUrls","draft","init","useCallback","uid","current","dispose","hasMore","loadMore","setGroupChannelCollectionHandler","onChannelsAdded","_","onChannelsUpdated","onChannelsDeleted","useEffect","useAsyncEffect","useChannelHandler","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/commonjs/channel/useGroupChannelListWithQuery.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGroupChannelListWithQuery = void 0;
+
+var _react = require("react");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useAppFeatures = require("../common/useAppFeatures");
+
+var _useChannelHandler = require("../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;
+};
+
+const useGroupChannelListWithQuery = (sdk, userId, options) => {
+  const {
+    deliveryReceiptEnabled
+  } = (0, _useAppFeatures.useAppFeatures)(sdk);
+  const queryRef = (0, _react.useRef)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [refreshing, setRefreshing] = (0, _react.useState)(false);
+  const [groupChannelMap, setGroupChannelMap] = (0, _react.useState)({});
+  const groupChannels = (0, _react.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((0, _uikitUtils.arrayToMap)(groupChannels, 'url'));else setGroupChannelMap(prev => ({ ...prev,
+      ...(0, _uikitUtils.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 = (0, _react.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 ---------- //
+
+  (0, _uikitUtils.useAsyncEffect)(async () => {
+    setLoading(true);
+    await init(userId);
+    setLoading(false);
+  }, [init, userId]);
+  (0, _useChannelHandler.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 = (0, _react.useCallback)(async () => {
+    setRefreshing(true);
+    await init(userId);
+    setRefreshing(false);
+  }, [init, userId]);
+  const update = (0, _react.useCallback)(channel => {
+    if (deliveryReceiptEnabled) sdk.markAsDelivered(channel.url);
+    setGroupChannelMap(prev => ({ ...prev,
+      [channel.url]: channel
+    }));
+  }, [sdk]);
+  const next = (0, _react.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,
+        ...(0, _uikitUtils.arrayToMap)(channels, 'url')
+      }));
+      if (deliveryReceiptEnabled) channels.forEach(channel => sdk.markAsDelivered(channel.url));
+    }
+  }, [sdk]); // ---------- returns methods ends ---------- //
+
+  return {
+    loading,
+    groupChannels,
+    update,
+    refresh,
+    refreshing,
+    next
+  };
+};
+
+exports.useGroupChannelListWithQuery = useGroupChannelListWithQuery;
+//# sourceMappingURL=useGroupChannelListWithQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HOOK_NAME","createGroupChannelListQuery","sdk","queryCreator","passedQuery","defaultQuery","GroupChannel","createMyGroupChannelListQuery","limit","useGroupChannelListWithQuery","userId","options","deliveryReceiptEnabled","useAppFeatures","queryRef","useRef","loading","setLoading","useState","refreshing","setRefreshing","groupChannelMap","setGroupChannelMap","groupChannels","useMemo","channels","Object","values","sortComparator","sort","updateChannels","clearPrev","filter","c","isGroupChannel","arrayToMap","prev","forEach","channel","markAsDelivered","url","deleteChannels","channelUrls","draft","init","useCallback","uid","current","hasNext","next","useAsyncEffect","useChannelHandler","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/commonjs/channel/useGroupChannelMessages/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGroupChannelMessages = void 0;
+
+var _useGroupChannelMessagesWithCollection = require("./useGroupChannelMessagesWithCollection");
+
+var _useGroupChannelMessagesWithQuery = require("./useGroupChannelMessagesWithQuery");
+
+const useGroupChannelMessages = (sdk, channel, userId, options) => {
+  if (sdk.isCacheEnabled || options !== null && options !== void 0 && options.enableCollectionWithoutLocalCache) {
+    return (0, _useGroupChannelMessagesWithCollection.useGroupChannelMessagesWithCollection)(sdk, channel, userId, options);
+  } else {
+    return (0, _useGroupChannelMessagesWithQuery.useGroupChannelMessagesWithQuery)(sdk, channel, userId, options);
+  }
+};
+
+exports.useGroupChannelMessages = useGroupChannelMessages;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useGroupChannelMessages","sdk","channel","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","useGroupChannelMessagesWithCollection","useGroupChannelMessagesWithQuery"],"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;;AACA;;AAEO,MAAMA,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,OAAO,IAAAC,4EAAA,EAAsCN,GAAtC,EAA2CC,OAA3C,EAAoDC,MAApD,EAA4DC,OAA5D,CAAP;EACD,CAFD,MAEO;IACL,OAAO,IAAAI,kEAAA,EAAiCP,GAAjC,EAAsCC,OAAtC,EAA+CC,MAA/C,EAAuDC,OAAvD,CAAP;EACD;AACF,CANM"}

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

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGroupChannelMessagesReducer = 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':
+    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 = (0, _uikitUtils.arrayToMapWithGetter)(action.value.messages, _uikitUtils.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' && (0, _uikitUtils.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;
+      }
+  }
+};
+
+const useGroupChannelMessagesReducer = (userId, sortComparator) => {
+  const [{
+    loading,
+    refreshing,
+    messageMap,
+    nextMessageMap
+  }, dispatch] = (0, _react.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 = (0, _uikitUtils.useIIFE)(() => {
+    if (sortComparator) return Object.values(messageMap).sort(sortComparator);
+    return Object.values(messageMap);
+  });
+  const nextMessages = Object.values(nextMessageMap);
+  const newMessagesFromMembers = nextMessages.filter(msg => (0, _uikitUtils.isNewMessage)(msg, userId));
+  return {
+    updateLoading,
+    updateRefreshing,
+    updateMessages,
+    updateNextMessages,
+    deleteMessages,
+    deleteNextMessages,
+    loading,
+    refreshing,
+    messages,
+    nextMessages,
+    newMessagesFromMembers
+  };
+};
+
+exports.useGroupChannelMessagesReducer = useGroupChannelMessagesReducer;
+//# sourceMappingURL=reducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultReducer","action","draft","type","key","value","status","messageMap","arrayToMapWithGetter","messages","getMessageUniqId","clearPrev","filter","m","isFileMessage","isUserMessage","Boolean","reqId","sendingStatus","isMyMessage","currentUserId","forEach","messageIds","msgId","reqIds","useGroupChannelMessagesReducer","userId","sortComparator","loading","refreshing","nextMessageMap","dispatch","useReducer","updateMessages","deleteMessages","updateNextMessages","deleteNextMessages","updateLoading","updateRefreshing","useIIFE","Object","values","sort","nextMessages","newMessagesFromMembers","msg","isNewMessage"],"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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"}