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

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGroupChannelListWithQuery = void 0;
-
 var _react = require("react");
-
 var _groupChannel = require("@sendbird/chat/groupChannel");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useAppFeatures = require("../../common/useAppFeatures");
-
 var _useChannelHandler = require("../../handler/useChannelHandler");
-
 var _reducer = require("./reducer");
-
 const createGroupChannelListQuery = (sdk, queryCreator) => {
   const passedQuery = queryCreator === null || queryCreator === void 0 ? void 0 : queryCreator();
   if (passedQuery) return passedQuery;
@@ -26,7 +19,6 @@ const createGroupChannelListQuery = (sdk, queryCreator) => {
     order: _groupChannel.GroupChannelListOrder.LATEST_LAST_MESSAGE
   });
 };
-
 const useGroupChannelListWithQuery = (sdk, userId, options) => {
   const {
     deliveryReceiptEnabled
@@ -44,19 +36,15 @@ const useGroupChannelListWithQuery = (sdk, userId, options) => {
     updateLoading,
     updateOrder
   } = (0, _reducer.useGroupChannelListReducer)();
-
   const updateChannelsAndMarkAsDelivered = channels => {
     updateChannels(channels);
     if (deliveryReceiptEnabled) (0, _uikitUtils.confirmAndMarkAsDelivered)(channels);
   };
-
   const init = (0, _uikitUtils.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);
@@ -68,7 +56,7 @@ const useGroupChannelListWithQuery = (sdk, userId, options) => {
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [userId]);
   (0, _useChannelHandler.useChannelHandler)(sdk, handlerId, {
     onChannelChanged: channel => updateChannels([channel]),
     onChannelFrozen: channel => updateChannels([channel]),
@@ -80,16 +68,13 @@ 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 = (0, _uikitUtils.useFreshCallback)(async () => {
     updateRefreshing(true);
@@ -98,7 +83,6 @@ const useGroupChannelListWithQuery = (sdk, userId, options) => {
   });
   const next = (0, _uikitUtils.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);
@@ -113,6 +97,5 @@ const useGroupChannelListWithQuery = (sdk, userId, options) => {
     next
   };
 };
-
 exports.useGroupChannelListWithQuery = useGroupChannelListWithQuery;
 //# sourceMappingURL=useGroupChannelListWithQuery.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelListQuery","sdk","queryCreator","passedQuery","groupChannel","createMyGroupChannelListQuery","includeEmpty","limit","order","GroupChannelListOrder","LATEST_LAST_MESSAGE","useGroupChannelListWithQuery","userId","options","deliveryReceiptEnabled","useAppFeatures","queryRef","useRef","handlerId","useUniqHandlerId","loading","groupChannels","refreshing","updateChannels","setChannels","deleteChannels","updateRefreshing","updateLoading","updateOrder","useGroupChannelListReducer","updateChannelsAndMarkAsDelivered","channels","confirmAndMarkAsDelivered","init","useFreshCallback","uid","current","hasNext","next","useAsyncEffect","useChannelHandler","onChannelChanged","channel","onChannelFrozen","onChannelUnfrozen","onChannelMemberCountChanged","onChannelDeleted","url","onUserJoined","onUserLeft","user","isMe","onUserBanned","onMessageReceived","refresh"],"sources":["useGroupChannelListWithQuery.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { GroupChannelListOrder } from '@sendbird/chat/groupChannel';\nimport type { SendbirdChannel, SendbirdChatSDK, SendbirdGroupChannelListQuery } 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 createGroupChannelListQuery = (\n  sdk: SendbirdChatSDK,\n  queryCreator: UseGroupChannelListOptions['queryCreator'],\n) => {\n  const passedQuery = queryCreator?.();\n  if (passedQuery) return passedQuery;\n\n  return sdk.groupChannel.createMyGroupChannelListQuery({\n    includeEmpty: false,\n    limit: 20,\n    order: GroupChannelListOrder.LATEST_LAST_MESSAGE,\n  });\n};\n\nexport const useGroupChannelListWithQuery: UseGroupChannelList = (sdk, userId, options) => {\n  const { deliveryReceiptEnabled } = useAppFeatures(sdk);\n  const queryRef = useRef<SendbirdGroupChannelListQuery>();\n  const handlerId = useUniqHandlerId('useGroupChannelListWithQuery');\n\n  const {\n    loading,\n    groupChannels,\n    refreshing,\n    updateChannels,\n    setChannels,\n    deleteChannels,\n    updateRefreshing,\n    updateLoading,\n    updateOrder,\n  } = useGroupChannelListReducer();\n\n  const updateChannelsAndMarkAsDelivered = (channels: SendbirdChannel[]) => {\n    updateChannels(channels);\n    if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);\n  };\n\n  const init = useFreshCallback(async (uid?: string) => {\n    if (uid) {\n      queryRef.current = createGroupChannelListQuery(sdk, options?.queryCreator);\n      updateOrder(queryRef.current?.order);\n\n      if (queryRef.current?.hasNext) {\n        const channels = await queryRef.current.next();\n\n        setChannels(channels, true);\n        if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);\n      }\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    onChannelChanged: (channel) => updateChannels([channel]),\n    onChannelFrozen: (channel) => updateChannels([channel]),\n    onChannelUnfrozen: (channel) => updateChannels([channel]),\n    onChannelMemberCountChanged: (channels) => updateChannels(channels),\n    onChannelDeleted: (url) => deleteChannels([url]),\n    onUserJoined: (channel) => updateChannels([channel]),\n    onUserLeft: (channel, user) => {\n      const isMe = user.userId === userId;\n      if (isMe) deleteChannels([channel.url]);\n      else updateChannels([channel]);\n    },\n    onUserBanned(channel, user) {\n      const isMe = user.userId === userId;\n      if (isMe) deleteChannels([channel.url]);\n      else updateChannels([channel]);\n    },\n    onMessageReceived(channel) {\n      updateChannelsAndMarkAsDelivered([channel]);\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 (queryRef.current?.hasNext) {\n      const channels = await queryRef.current.next();\n      setChannels(channels, false);\n      if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);\n    }\n  });\n\n  return {\n    loading,\n    groupChannels,\n    refresh,\n    refreshing,\n    next,\n  };\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AAEA;;AAEA,MAAMA,2BAA2B,GAAG,CAClCC,GADkC,EAElCC,YAFkC,KAG/B;EACH,MAAMC,WAAW,GAAGD,YAAH,aAAGA,YAAH,uBAAGA,YAAY,EAAhC;EACA,IAAIC,WAAJ,EAAiB,OAAOA,WAAP;EAEjB,OAAOF,GAAG,CAACG,YAAJ,CAAiBC,6BAAjB,CAA+C;IACpDC,YAAY,EAAE,KADsC;IAEpDC,KAAK,EAAE,EAF6C;IAGpDC,KAAK,EAAEC,mCAAA,CAAsBC;EAHuB,CAA/C,CAAP;AAKD,CAZD;;AAcO,MAAMC,4BAAiD,GAAG,CAACV,GAAD,EAAMW,MAAN,EAAcC,OAAd,KAA0B;EACzF,MAAM;IAAEC;EAAF,IAA6B,IAAAC,8BAAA,EAAed,GAAf,CAAnC;EACA,MAAMe,QAAQ,GAAG,IAAAC,aAAA,GAAjB;EACA,MAAMC,SAAS,GAAG,IAAAC,4BAAA,EAAiB,8BAAjB,CAAlB;EAEA,MAAM;IACJC,OADI;IAEJC,aAFI;IAGJC,UAHI;IAIJC,cAJI;IAKJC,WALI;IAMJC,cANI;IAOJC,gBAPI;IAQJC,aARI;IASJC;EATI,IAUF,IAAAC,mCAAA,GAVJ;;EAYA,MAAMC,gCAAgC,GAAIC,QAAD,IAAiC;IACxER,cAAc,CAACQ,QAAD,CAAd;IACA,IAAIjB,sBAAJ,EAA4B,IAAAkB,qCAAA,EAA0BD,QAA1B;EAC7B,CAHD;;EAKA,MAAME,IAAI,GAAG,IAAAC,4BAAA,EAAiB,MAAOC,GAAP,IAAwB;IACpD,IAAIA,GAAJ,EAAS;MAAA;;MACPnB,QAAQ,CAACoB,OAAT,GAAmBpC,2BAA2B,CAACC,GAAD,EAAMY,OAAN,aAAMA,OAAN,uBAAMA,OAAO,CAAEX,YAAf,CAA9C;MACA0B,WAAW,sBAACZ,QAAQ,CAACoB,OAAV,sDAAC,kBAAkB5B,KAAnB,CAAX;;MAEA,0BAAIQ,QAAQ,CAACoB,OAAb,+CAAI,mBAAkBC,OAAtB,EAA+B;QAC7B,MAAMN,QAAQ,GAAG,MAAMf,QAAQ,CAACoB,OAAT,CAAiBE,IAAjB,EAAvB;QAEAd,WAAW,CAACO,QAAD,EAAW,IAAX,CAAX;QACA,IAAIjB,sBAAJ,EAA4B,IAAAkB,qCAAA,EAA0BD,QAA1B;MAC7B;IACF;EACF,CAZY,CAAb;EAcA,IAAAQ,0BAAA,EAAe,YAAY;IACzBZ,aAAa,CAAC,IAAD,CAAb;IACA,MAAMM,IAAI,CAACrB,MAAD,CAAV;IACAe,aAAa,CAAC,KAAD,CAAb;EACD,CAJD,EAIG,CAACM,IAAD,EAAOrB,MAAP,CAJH;EAMA,IAAA4B,oCAAA,EAAkBvC,GAAlB,EAAuBiB,SAAvB,EAAkC;IAChCuB,gBAAgB,EAAGC,OAAD,IAAanB,cAAc,CAAC,CAACmB,OAAD,CAAD,CADb;IAEhCC,eAAe,EAAGD,OAAD,IAAanB,cAAc,CAAC,CAACmB,OAAD,CAAD,CAFZ;IAGhCE,iBAAiB,EAAGF,OAAD,IAAanB,cAAc,CAAC,CAACmB,OAAD,CAAD,CAHd;IAIhCG,2BAA2B,EAAGd,QAAD,IAAcR,cAAc,CAACQ,QAAD,CAJzB;IAKhCe,gBAAgB,EAAGC,GAAD,IAAStB,cAAc,CAAC,CAACsB,GAAD,CAAD,CALT;IAMhCC,YAAY,EAAGN,OAAD,IAAanB,cAAc,CAAC,CAACmB,OAAD,CAAD,CANT;IAOhCO,UAAU,EAAE,CAACP,OAAD,EAAUQ,IAAV,KAAmB;MAC7B,MAAMC,IAAI,GAAGD,IAAI,CAACtC,MAAL,KAAgBA,MAA7B;MACA,IAAIuC,IAAJ,EAAU1B,cAAc,CAAC,CAACiB,OAAO,CAACK,GAAT,CAAD,CAAd,CAAV,KACKxB,cAAc,CAAC,CAACmB,OAAD,CAAD,CAAd;IACN,CAX+B;;IAYhCU,YAAY,CAACV,OAAD,EAAUQ,IAAV,EAAgB;MAC1B,MAAMC,IAAI,GAAGD,IAAI,CAACtC,MAAL,KAAgBA,MAA7B;MACA,IAAIuC,IAAJ,EAAU1B,cAAc,CAAC,CAACiB,OAAO,CAACK,GAAT,CAAD,CAAd,CAAV,KACKxB,cAAc,CAAC,CAACmB,OAAD,CAAD,CAAd;IACN,CAhB+B;;IAiBhCW,iBAAiB,CAACX,OAAD,EAAU;MACzBZ,gCAAgC,CAAC,CAACY,OAAD,CAAD,CAAhC;IACD;;EAnB+B,CAAlC;EAsBA,MAAMY,OAAO,GAAG,IAAApB,4BAAA,EAAiB,YAAY;IAC3CR,gBAAgB,CAAC,IAAD,CAAhB;IACA,MAAMO,IAAI,CAACrB,MAAD,CAAV;IACAc,gBAAgB,CAAC,KAAD,CAAhB;EACD,CAJe,CAAhB;EAMA,MAAMY,IAAI,GAAG,IAAAJ,4BAAA,EAAiB,YAAY;IAAA;;IACxC,0BAAIlB,QAAQ,CAACoB,OAAb,+CAAI,mBAAkBC,OAAtB,EAA+B;MAC7B,MAAMN,QAAQ,GAAG,MAAMf,QAAQ,CAACoB,OAAT,CAAiBE,IAAjB,EAAvB;MACAd,WAAW,CAACO,QAAD,EAAW,KAAX,CAAX;MACA,IAAIjB,sBAAJ,EAA4B,IAAAkB,qCAAA,EAA0BD,QAA1B;IAC7B;EACF,CANY,CAAb;EAQA,OAAO;IACLX,OADK;IAELC,aAFK;IAGLiC,OAHK;IAILhC,UAJK;IAKLgB;EALK,CAAP;AAOD,CArFM"}
+{"version":3,"names":["_react","require","_groupChannel","_uikitUtils","_useAppFeatures","_useChannelHandler","_reducer","createGroupChannelListQuery","sdk","queryCreator","passedQuery","groupChannel","createMyGroupChannelListQuery","includeEmpty","limit","order","GroupChannelListOrder","LATEST_LAST_MESSAGE","useGroupChannelListWithQuery","userId","options","deliveryReceiptEnabled","useAppFeatures","queryRef","useRef","handlerId","useUniqHandlerId","loading","groupChannels","refreshing","updateChannels","setChannels","deleteChannels","updateRefreshing","updateLoading","updateOrder","useGroupChannelListReducer","updateChannelsAndMarkAsDelivered","channels","confirmAndMarkAsDelivered","init","useFreshCallback","uid","_queryRef$current","_queryRef$current2","current","hasNext","next","useAsyncEffect","useChannelHandler","onChannelChanged","channel","onChannelFrozen","onChannelUnfrozen","onChannelMemberCountChanged","onChannelDeleted","url","onUserJoined","onUserLeft","user","isMe","onUserBanned","onMessageReceived","refresh","_queryRef$current3","exports"],"sources":["useGroupChannelListWithQuery.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { GroupChannelListOrder } from '@sendbird/chat/groupChannel';\nimport type { SendbirdChannel, SendbirdChatSDK, SendbirdGroupChannelListQuery } 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 createGroupChannelListQuery = (\n  sdk: SendbirdChatSDK,\n  queryCreator: UseGroupChannelListOptions['queryCreator'],\n) => {\n  const passedQuery = queryCreator?.();\n  if (passedQuery) return passedQuery;\n\n  return sdk.groupChannel.createMyGroupChannelListQuery({\n    includeEmpty: false,\n    limit: 20,\n    order: GroupChannelListOrder.LATEST_LAST_MESSAGE,\n  });\n};\n\nexport const useGroupChannelListWithQuery: UseGroupChannelList = (sdk, userId, options) => {\n  const { deliveryReceiptEnabled } = useAppFeatures(sdk);\n  const queryRef = useRef<SendbirdGroupChannelListQuery>();\n  const handlerId = useUniqHandlerId('useGroupChannelListWithQuery');\n\n  const {\n    loading,\n    groupChannels,\n    refreshing,\n    updateChannels,\n    setChannels,\n    deleteChannels,\n    updateRefreshing,\n    updateLoading,\n    updateOrder,\n  } = useGroupChannelListReducer();\n\n  const updateChannelsAndMarkAsDelivered = (channels: SendbirdChannel[]) => {\n    updateChannels(channels);\n    if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);\n  };\n\n  const init = useFreshCallback(async (uid?: string) => {\n    if (uid) {\n      queryRef.current = createGroupChannelListQuery(sdk, options?.queryCreator);\n      updateOrder(queryRef.current?.order);\n\n      if (queryRef.current?.hasNext) {\n        const channels = await queryRef.current.next();\n\n        setChannels(channels, true);\n        if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);\n      }\n    }\n  });\n\n  useAsyncEffect(async () => {\n    updateLoading(true);\n    await init(userId);\n    updateLoading(false);\n  }, [userId]);\n\n  useChannelHandler(sdk, handlerId, {\n    onChannelChanged: (channel) => updateChannels([channel]),\n    onChannelFrozen: (channel) => updateChannels([channel]),\n    onChannelUnfrozen: (channel) => updateChannels([channel]),\n    onChannelMemberCountChanged: (channels) => updateChannels(channels),\n    onChannelDeleted: (url) => deleteChannels([url]),\n    onUserJoined: (channel) => updateChannels([channel]),\n    onUserLeft: (channel, user) => {\n      const isMe = user.userId === userId;\n      if (isMe) deleteChannels([channel.url]);\n      else updateChannels([channel]);\n    },\n    onUserBanned(channel, user) {\n      const isMe = user.userId === userId;\n      if (isMe) deleteChannels([channel.url]);\n      else updateChannels([channel]);\n    },\n    onMessageReceived(channel) {\n      updateChannelsAndMarkAsDelivered([channel]);\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 (queryRef.current?.hasNext) {\n      const channels = await queryRef.current.next();\n      setChannels(channels, false);\n      if (deliveryReceiptEnabled) confirmAndMarkAsDelivered(channels);\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/commonjs/channel/useGroupChannelMessages/index.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["useGroupChannelMessages","sdk","channel","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","queryCreator","Logger","warn","useGroupChannelMessagesWithCollection","useGroupChannelMessagesWithQuery"],"sources":["index.ts"],"sourcesContent":["import { Logger } from '@sendbird/uikit-utils';\n\nimport 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    if (options?.queryCreator) Logger.warn('`queryCreator` is ignored, please use `collectionCreator` instead.');\n    return useGroupChannelMessagesWithCollection(sdk, channel, userId, options);\n  } else {\n    return useGroupChannelMessagesWithQuery(sdk, channel, userId, options);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;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,IAAIF,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEG,YAAb,EAA2BC,kBAAA,CAAOC,IAAP,CAAY,oEAAZ;IAC3B,OAAO,IAAAC,4EAAA,EAAsCT,GAAtC,EAA2CC,OAA3C,EAAoDC,MAApD,EAA4DC,OAA5D,CAAP;EACD,CAHD,MAGO;IACL,OAAO,IAAAO,kEAAA,EAAiCV,GAAjC,EAAsCC,OAAtC,EAA+CC,MAA/C,EAAuDC,OAAvD,CAAP;EACD;AACF,CAPM"}
+{"version":3,"names":["_uikitUtils","require","_useGroupChannelMessagesWithCollection","_useGroupChannelMessagesWithQuery","useGroupChannelMessages","sdk","channel","userId","options","isCacheEnabled","enableCollectionWithoutLocalCache","queryCreator","Logger","warn","useGroupChannelMessagesWithCollection","useGroupChannelMessagesWithQuery","exports"],"sources":["index.ts"],"sourcesContent":["import { Logger } from '@sendbird/uikit-utils';\n\nimport 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    if (options?.queryCreator) Logger.warn('`queryCreator` is ignored, please use `collectionCreator` instead.');\n    return useGroupChannelMessagesWithCollection(sdk, channel, userId, options);\n  } else {\n    return useGroupChannelMessagesWithQuery(sdk, channel, userId, options);\n  }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAGA,IAAAC,sCAAA,GAAAD,OAAA;AACA,IAAAE,iCAAA,GAAAF,OAAA;AAEO,MAAMG,uBAAgD,GAAGA,CAACC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,OAAO,KAAK;EACjG,IAAIH,GAAG,CAACI,cAAc,IAAID,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,iCAAiC,EAAE;IACpE,IAAIF,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEG,YAAY,EAAEC,kBAAM,CAACC,IAAI,CAAC,oEAAoE,CAAC;IAC5G,OAAO,IAAAC,4EAAqC,EAACT,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,OAAO,CAAC;EAC7E,CAAC,MAAM;IACL,OAAO,IAAAO,kEAAgC,EAACV,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,OAAO,CAAC;EACxE;AACF,CAAC;AAACQ,OAAA,CAAAZ,uBAAA,GAAAA,uBAAA"}

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

@@ -4,44 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGroupChannelMessagesWithCollection = void 0;
-
 var _react = require("react");
-
 var _groupChannel = require("@sendbird/chat/groupChannel");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useChannelHandler = require("../../handler/useChannelHandler");
-
-var _reducer = require("./reducer");
-
-const createMessageCollection = (channel, creator) => {
-  if (creator) return creator();
+var _useChannelMessagesReducer = require("../useChannelMessagesReducer");
+const MESSAGE_LIMIT = {
+  DEFAULT: 50,
+  SEARCH: 20
+};
+const createMessageCollection = (channel, limit, options) => {
+  if (options !== null && options !== void 0 && options.collectionCreator) return options === null || options === void 0 ? void 0 : options.collectionCreator({
+    startingPoint: options === null || options === void 0 ? void 0 : options.startingPoint
+  });
   const filter = new _groupChannel.MessageFilter();
   return channel.createMessageCollection({
     filter,
-    limit: 100
+    limit,
+    startingPoint: options === null || options === void 0 ? void 0 : options.startingPoint
   });
 };
-
+function isNotEmpty(arr) {
+  if (!arr) return false;
+  return arr.length !== 0;
+}
 const useGroupChannelMessagesWithCollection = (sdk, channel, userId, options) => {
+  const initialStartingPoint = (options === null || options === void 0 ? void 0 : options.startingPoint) ?? Number.MAX_SAFE_INTEGER;
+  const initialLimit = typeof (options === null || options === void 0 ? void 0 : options.startingPoint) === 'number' ? MESSAGE_LIMIT.SEARCH : MESSAGE_LIMIT.DEFAULT;
   const forceUpdate = (0, _uikitUtils.useForceUpdate)();
   const collectionRef = (0, _react.useRef)();
+  const collectionInitializedRef = (0, _react.useRef)(false);
   const handlerId = (0, _uikitUtils.useUniqHandlerId)('useGroupChannelMessagesWithCollection');
   const {
     loading,
     refreshing,
     messages,
-    nextMessages,
-    newMessagesFromMembers,
+    newMessages,
     updateMessages,
-    updateNextMessages,
-    deleteNextMessages,
+    updateNewMessages,
+    deleteNewMessages,
     deleteMessages,
     updateLoading,
     updateRefreshing
-  } = (0, _reducer.useGroupChannelMessagesReducer)(userId, options === null || options === void 0 ? void 0 : options.sortComparator);
-
+  } = (0, _useChannelMessagesReducer.useChannelMessagesReducer)(options === null || options === void 0 ? void 0 : options.sortComparator);
   const channelMarkAsRead = async source => {
     try {
       switch (source) {
@@ -56,149 +61,171 @@ const useGroupChannelMessagesWithCollection = (sdk, channel, userId, options) =>
       _uikitUtils.Logger.warn('[useGroupChannelMessagesWithCollection/channelMarkAsRead]', e);
     }
   };
-
-  const init = (0, _react.useCallback)(async (uid, callback) => {
-    var _collectionRef$curren;
-
+  const updateUnsendMessages = () => {
+    const {
+      pendingMessages,
+      failedMessages
+    } = collectionRef.current ?? {};
+    if (isNotEmpty(pendingMessages)) updateMessages(pendingMessages, false, sdk.currentUser.userId);
+    if (isNotEmpty(failedMessages)) updateMessages(failedMessages, false, sdk.currentUser.userId);
+  };
+  const init = (0, _uikitUtils.useFreshCallback)(async (startingPoint, limit, callback) => {
+    var _collectionRef$curren, _collectionRef$curren2;
     if (collectionRef.current) (_collectionRef$curren = collectionRef.current) === null || _collectionRef$curren === void 0 ? void 0 : _collectionRef$curren.dispose();
-
-    if (uid) {
-      var _collectionRef$curren2;
-
-      collectionRef.current = createMessageCollection(channel, options === null || options === void 0 ? void 0 : options.collectionCreator);
-      updateNextMessages([], true, sdk.currentUser.userId);
-      channelMarkAsRead();
-      (_collectionRef$curren2 = collectionRef.current) === null || _collectionRef$curren2 === void 0 ? void 0 : _collectionRef$curren2.setMessageCollectionHandler({
-        onMessagesAdded: (_, __, messages) => {
-          channelMarkAsRead(_.source);
-          updateNextMessages(messages, false, sdk.currentUser.userId);
-        },
-        onMessagesUpdated: (_, __, messages) => {
-          channelMarkAsRead(_.source); // NOTE: admin message is not added via onMessagesAdded handler, not checked yet is this a bug.
-
-          if (_.source === _groupChannel.MessageEventSource.EVENT_MESSAGE_RECEIVED) {
-            const nextMessageIds = nextMessages.map(it => it.messageId);
-            const nonAddedMessagesFromReceivedEvent = messages.filter(it => nextMessageIds.indexOf(it.messageId) === -1);
-            updateNextMessages(nonAddedMessagesFromReceivedEvent, false, sdk.currentUser.userId);
-          } // NOTE: v4 MESSAGE_RECEIVED is called twice from onMessagesAdded and onMessagesUpdated when receiving new message.
-          //  This is not intended behavior but not bugs.
-
-
-          if (_.source !== _groupChannel.MessageEventSource.EVENT_MESSAGE_RECEIVED) {
-            updateMessages(messages, false, sdk.currentUser.userId);
+    channelMarkAsRead();
+    updateNewMessages([], true, sdk.currentUser.userId);
+    collectionInitializedRef.current = false;
+    collectionRef.current = createMessageCollection(channel, limit, {
+      collectionCreator: options === null || options === void 0 ? void 0 : options.collectionCreator,
+      startingPoint
+    });
+    (_collectionRef$curren2 = collectionRef.current) === null || _collectionRef$curren2 === void 0 ? void 0 : _collectionRef$curren2.setMessageCollectionHandler({
+      onMessagesAdded: (_, __, messages) => {
+        channelMarkAsRead(_.source);
+        const incomingMessages = messages.filter(it => {
+          switch (_.source) {
+            case _groupChannel.MessageEventSource.EVENT_MESSAGE_SENT_PENDING:
+            case _groupChannel.MessageEventSource.EVENT_MESSAGE_SENT_SUCCESS:
+            case _groupChannel.MessageEventSource.EVENT_MESSAGE_SENT_FAILED:
+              return !(0, _uikitUtils.isMyMessage)(it, sdk.currentUser.userId);
+            default:
+              return true;
           }
-        },
-        onMessagesDeleted: (_, __, messageIds) => {
-          deleteMessages(messageIds, []);
-          deleteNextMessages(messageIds, []);
-        },
-        onChannelDeleted: () => {
-          var _options$onChannelDel;
-
-          options === null || options === void 0 ? void 0 : (_options$onChannelDel = options.onChannelDeleted) === null || _options$onChannelDel === void 0 ? void 0 : _options$onChannelDel.call(options);
-        },
-        onChannelUpdated: (_, eventChannel) => {
-          if (eventChannel.isGroupChannel() && !(0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) {
-            forceUpdate();
+        });
+        if (incomingMessages.length > 0) {
+          var _options$shouldCountN;
+          updateMessages(incomingMessages, false, sdk.currentUser.userId);
+          if (options !== null && options !== void 0 && (_options$shouldCountN = options.shouldCountNewMessages) !== null && _options$shouldCountN !== void 0 && _options$shouldCountN.call(options)) {
+            updateNewMessages(incomingMessages, false, sdk.currentUser.userId);
+          }
+          switch (_.source) {
+            case _groupChannel.MessageEventSource.EVENT_MESSAGE_RECEIVED:
+            case _groupChannel.MessageEventSource.SYNC_MESSAGE_FILL:
+              {
+                var _options$onMessagesRe;
+                options === null || options === void 0 ? void 0 : (_options$onMessagesRe = options.onMessagesReceived) === null || _options$onMessagesRe === void 0 ? void 0 : _options$onMessagesRe.call(options, incomingMessages);
+              }
           }
-        },
-        onHugeGapDetected: () => {
-          init(uid);
-        }
-      });
-      collectionRef.current.initialize(_groupChannel.MessageCollectionInitPolicy.CACHE_AND_REPLACE_BY_API).onCacheResult((err, messages) => {
-        if (err) sdk.isCacheEnabled && _uikitUtils.Logger.error('[useGroupChannelMessagesWithCollection/onCacheResult]', err);else {
-          var _collectionRef$curren3, _collectionRef$curren4;
-
-          _uikitUtils.Logger.debug('[useGroupChannelMessagesWithCollection/onCacheResult]', 'message length:', messages.length);
-
-          updateMessages(messages, true, sdk.currentUser.userId);
-          updateMessages(((_collectionRef$curren3 = collectionRef.current) === null || _collectionRef$curren3 === void 0 ? void 0 : _collectionRef$curren3.pendingMessages) ?? [], false, sdk.currentUser.userId);
-          updateMessages(((_collectionRef$curren4 = collectionRef.current) === null || _collectionRef$curren4 === void 0 ? void 0 : _collectionRef$curren4.failedMessages) ?? [], false, sdk.currentUser.userId);
         }
-        callback === null || callback === void 0 ? void 0 : callback();
-      }).onApiResult((err, messages) => {
-        if (err) _uikitUtils.Logger.warn('[useGroupChannelMessagesWithCollection/onApiResult]', err);else {
-          _uikitUtils.Logger.debug('[useGroupChannelMessagesWithCollection/onApiResult]', 'message length:', messages.length);
-
-          updateMessages(messages, true, sdk.currentUser.userId);
-
-          if (sdk.isCacheEnabled) {
-            var _collectionRef$curren5, _collectionRef$curren6;
-
-            updateMessages(((_collectionRef$curren5 = collectionRef.current) === null || _collectionRef$curren5 === void 0 ? void 0 : _collectionRef$curren5.pendingMessages) ?? [], false, sdk.currentUser.userId);
-            updateMessages(((_collectionRef$curren6 = collectionRef.current) === null || _collectionRef$curren6 === void 0 ? void 0 : _collectionRef$curren6.failedMessages) ?? [], false, sdk.currentUser.userId);
+      },
+      onMessagesUpdated: (_, __, messages) => {
+        channelMarkAsRead(_.source);
+        const incomingMessages = messages.filter(it => {
+          switch (_.source) {
+            case _groupChannel.MessageEventSource.EVENT_MESSAGE_UPDATED:
+              return !(0, _uikitUtils.isMyMessage)(it, sdk.currentUser.userId);
+            default:
+              return true;
+          }
+        });
+        if (incomingMessages.length > 0) {
+          var _options$shouldCountN2;
+          // NOTE: admin message is not added via onMessagesAdded handler, not checked yet is this a bug.
+          updateMessages(messages, false, sdk.currentUser.userId);
+          if (options !== null && options !== void 0 && (_options$shouldCountN2 = options.shouldCountNewMessages) !== null && _options$shouldCountN2 !== void 0 && _options$shouldCountN2.call(options)) {
+            if (_.source === _groupChannel.MessageEventSource.EVENT_MESSAGE_RECEIVED) {
+              updateNewMessages(messages, false, sdk.currentUser.userId);
+            }
           }
         }
-        callback === null || callback === void 0 ? void 0 : callback();
-      });
-    }
-  }, [sdk, channel.url, options === null || options === void 0 ? void 0 : options.collectionCreator]);
+      },
+      onMessagesDeleted: (_, __, messageIds) => {
+        deleteMessages(messageIds, []);
+        deleteNewMessages(messageIds, []);
+      },
+      onChannelDeleted: () => {
+        var _options$onChannelDel;
+        options === null || options === void 0 ? void 0 : (_options$onChannelDel = options.onChannelDeleted) === null || _options$onChannelDel === void 0 ? void 0 : _options$onChannelDel.call(options);
+      },
+      onChannelUpdated: (_, eventChannel) => {
+        if (eventChannel.isGroupChannel() && !(0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) {
+          forceUpdate();
+        }
+      },
+      onHugeGapDetected: () => {
+        init(Number.MAX_SAFE_INTEGER, MESSAGE_LIMIT.DEFAULT);
+      }
+    });
+    collectionRef.current.initialize(_groupChannel.MessageCollectionInitPolicy.CACHE_AND_REPLACE_BY_API).onCacheResult((err, messages) => {
+      if (err) sdk.isCacheEnabled && _uikitUtils.Logger.error('[useGroupChannelMessagesWithCollection/onCacheResult]', err);else {
+        _uikitUtils.Logger.debug('[useGroupChannelMessagesWithCollection/onCacheResult]', 'message length:', messages.length);
+        updateMessages(messages, true, sdk.currentUser.userId);
+        updateUnsendMessages();
+      }
+      callback === null || callback === void 0 ? void 0 : callback();
+    }).onApiResult((err, messages) => {
+      if (err) _uikitUtils.Logger.warn('[useGroupChannelMessagesWithCollection/onApiResult]', err);else {
+        var _options$onMessagesRe2;
+        _uikitUtils.Logger.debug('[useGroupChannelMessagesWithCollection/onApiResult]', 'message length:', messages.length);
+        updateMessages(messages, true, sdk.currentUser.userId);
+        if (!(options !== null && options !== void 0 && options.startingPoint)) options === null || options === void 0 ? void 0 : (_options$onMessagesRe2 = options.onMessagesReceived) === null || _options$onMessagesRe2 === void 0 ? void 0 : _options$onMessagesRe2.call(options, messages);
+        if (sdk.isCacheEnabled) updateUnsendMessages();
+      }
+      collectionInitializedRef.current = true;
+      callback === null || callback === void 0 ? void 0 : callback();
+    });
+  });
   (0, _useChannelHandler.useChannelHandler)(sdk, handlerId, {
     onUserBanned(channel, bannedUser) {
       if (channel.isGroupChannel() && !(0, _uikitUtils.isDifferentChannel)(channel, channel)) {
         if (bannedUser.userId === sdk.currentUser.userId) {
           var _options$onChannelDel2;
-
           options === null || options === void 0 ? void 0 : (_options$onChannelDel2 = options.onChannelDeleted) === null || _options$onChannelDel2 === void 0 ? void 0 : _options$onChannelDel2.call(options);
         } else {
           forceUpdate();
         }
       }
     }
-
   });
   (0, _react.useEffect)(() => {
     // NOTE: Cache read is heavy task, and it prevents smooth ui transition
     setTimeout(async () => {
       updateLoading(true);
-      init(userId, () => updateLoading(false));
+      init(initialStartingPoint, initialLimit, () => updateLoading(false));
     }, 0);
-  }, [init, userId]);
+  }, [channel.url, userId]);
   (0, _react.useEffect)(() => {
     return () => {
-      var _collectionRef$curren7;
-
-      if (collectionRef.current) (_collectionRef$curren7 = collectionRef.current) === null || _collectionRef$curren7 === void 0 ? void 0 : _collectionRef$curren7.dispose();
+      var _collectionRef$curren3;
+      if (collectionRef.current) (_collectionRef$curren3 = collectionRef.current) === null || _collectionRef$curren3 === void 0 ? void 0 : _collectionRef$curren3.dispose();
     };
   }, []);
   const refresh = (0, _uikitUtils.useFreshCallback)(async () => {
     updateRefreshing(true);
-    init(userId, () => updateRefreshing(false));
+    init(Number.MAX_SAFE_INTEGER, MESSAGE_LIMIT.DEFAULT, () => updateRefreshing(false));
   });
   const prev = (0, _uikitUtils.useFreshCallback)(async () => {
-    var _collectionRef$curren8;
-
-    if (collectionRef.current && (_collectionRef$curren8 = collectionRef.current) !== null && _collectionRef$curren8 !== void 0 && _collectionRef$curren8.hasPrevious) {
+    var _collectionRef$curren4;
+    if (collectionRef.current && (_collectionRef$curren4 = collectionRef.current) !== null && _collectionRef$curren4 !== void 0 && _collectionRef$curren4.hasPrevious) {
       try {
-        var _collectionRef$curren9;
-
-        const list = await ((_collectionRef$curren9 = collectionRef.current) === null || _collectionRef$curren9 === void 0 ? void 0 : _collectionRef$curren9.loadPrevious());
+        var _collectionRef$curren5;
+        const list = await ((_collectionRef$curren5 = collectionRef.current) === null || _collectionRef$curren5 === void 0 ? void 0 : _collectionRef$curren5.loadPrevious());
         updateMessages(list, false, sdk.currentUser.userId);
       } catch {}
     }
   });
+  const hasPrev = (0, _uikitUtils.useFreshCallback)(() => {
+    if (collectionInitializedRef.current && collectionRef.current) {
+      return collectionRef.current.hasPrevious;
+    } else {
+      return false;
+    }
+  });
   const next = (0, _uikitUtils.useFreshCallback)(async () => {
-    var _collectionRef$curren10;
-
-    const messageCandidates = [];
-
-    if (collectionRef.current && (_collectionRef$curren10 = collectionRef.current) !== null && _collectionRef$curren10 !== void 0 && _collectionRef$curren10.hasNext) {
+    var _collectionRef$curren6;
+    if (collectionRef.current && (_collectionRef$curren6 = collectionRef.current) !== null && _collectionRef$curren6 !== void 0 && _collectionRef$curren6.hasNext) {
       try {
-        var _collectionRef$curren11;
-
-        const fetchedList = await ((_collectionRef$curren11 = collectionRef.current) === null || _collectionRef$curren11 === void 0 ? void 0 : _collectionRef$curren11.loadNext());
-        messageCandidates.push(...fetchedList);
+        var _collectionRef$curren7;
+        const fetchedList = await ((_collectionRef$curren7 = collectionRef.current) === null || _collectionRef$curren7 === void 0 ? void 0 : _collectionRef$curren7.loadNext());
+        updateMessages(fetchedList, false, sdk.currentUser.userId);
       } catch {}
     }
-
-    if (nextMessages.length > 0) {
-      messageCandidates.push(...nextMessages);
-    }
-
-    if (messageCandidates.length > 0) {
-      updateMessages(messageCandidates, false, sdk.currentUser.userId);
-      updateNextMessages([], true, sdk.currentUser.userId);
+  });
+  const hasNext = (0, _uikitUtils.useFreshCallback)(() => {
+    if (collectionInitializedRef.current && collectionRef.current) {
+      return collectionRef.current.hasNext;
+    } else {
+      return false;
     }
   });
   const sendUserMessage = (0, _uikitUtils.useFreshCallback)((params, onPending) => {
@@ -213,8 +240,8 @@ const useGroupChannelMessagesWithCollection = (sdk, channel, userId, options) =>
           updateMessages([sentMessage], false, sdk.currentUser.userId);
           resolve(sentMessage);
         }
-      }).onFailed((err, _failedMessage) => {
-        // updateMessages([failedMessage], false, sdk.currentUser.userId);
+      }).onFailed((err, failedMessage) => {
+        updateMessages([failedMessage], false, sdk.currentUser.userId);
         reject(err);
       });
     });
@@ -231,8 +258,8 @@ const useGroupChannelMessagesWithCollection = (sdk, channel, userId, options) =>
           updateMessages([sentMessage], false, sdk.currentUser.userId);
           resolve(sentMessage);
         }
-      }).onFailed((err, _failedMessage) => {
-        // updateMessages([failedMessage], false, sdk.currentUser.userId);
+      }).onFailed((err, failedMessage) => {
+        updateMessages([failedMessage], false, sdk.currentUser.userId);
         reject(err);
       });
     });
@@ -261,31 +288,45 @@ const useGroupChannelMessagesWithCollection = (sdk, channel, userId, options) =>
       if (message.isFileMessage()) await channel.deleteMessage(message);
     } else {
       try {
-        var _collectionRef$curren12;
-
-        await ((_collectionRef$curren12 = collectionRef.current) === null || _collectionRef$curren12 === void 0 ? void 0 : _collectionRef$curren12.removeFailedMessage(message.reqId));
+        var _collectionRef$curren8;
+        await ((_collectionRef$curren8 = collectionRef.current) === null || _collectionRef$curren8 === void 0 ? void 0 : _collectionRef$curren8.removeFailedMessage(message.reqId));
       } finally {
         deleteMessages([message.messageId], [message.reqId]);
       }
     }
   });
+  const resetNewMessages = (0, _uikitUtils.useFreshCallback)(() => {
+    updateNewMessages([], true, sdk.currentUser.userId);
+  });
+  const resetWithStartingPoint = (0, _uikitUtils.useFreshCallback)((startingPoint, callback) => {
+    updateLoading(true);
+    updateMessages([], true, sdk.currentUser.userId);
+    init(startingPoint, MESSAGE_LIMIT.DEFAULT, () => {
+      updateLoading(false);
+      callback === null || callback === void 0 ? void 0 : callback();
+    });
+  });
   return {
     loading,
     refreshing,
     refresh,
     messages,
-    nextMessages,
-    newMessagesFromMembers,
     next,
+    hasNext,
     prev,
+    hasPrev,
+    newMessages,
+    resetNewMessages,
     sendUserMessage,
     sendFileMessage,
     updateUserMessage,
     updateFileMessage,
     resendMessage,
-    deleteMessage
+    deleteMessage,
+    resetWithStartingPoint,
+    nextMessages: newMessages,
+    newMessagesFromMembers: newMessages
   };
 };
-
 exports.useGroupChannelMessagesWithCollection = useGroupChannelMessagesWithCollection;
 //# sourceMappingURL=useGroupChannelMessagesWithCollection.js.map