@sendbird/uikit-chat-hooks 2.4.1 → 2.4.2

package/lib/module/handler/useConnectionHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","ConnectionHandler","Logger","useConnectionHandler","sdk","handlerId","hookHandler","deps","info","handler","handlerKeys","Object","keys","forEach","key","addConnectionHandler","removeConnectionHandler"],"sources":["useConnectionHandler.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { ConnectionHandler } from '@sendbird/chat';\nimport { Logger, SendbirdChatSDK } from '@sendbird/uikit-utils';\n\nexport const useConnectionHandler = (\n  sdk: SendbirdChatSDK,\n  handlerId: string,\n  hookHandler: Partial<ConnectionHandler>,\n  deps: React.DependencyList = [],\n) => {\n  useEffect(() => {\n    Logger.info('[useConnectionHandler]', handlerId);\n\n    const handler = new ConnectionHandler();\n    const handlerKeys = Object.keys(handler) as (keyof typeof handler)[];\n    handlerKeys.forEach((key) => {\n      // @ts-ignore\n      if (hookHandler[key]) handler[key] = hookHandler[key];\n    });\n\n    sdk.addConnectionHandler(handlerId, handler);\n    return () => sdk.removeConnectionHandler(handlerId);\n  }, [sdk, handlerId, ...deps]);\n};\n"],"mappings":"AAAA,SAAgBA,SAAhB,QAAiC,OAAjC;AAEA,SAASC,iBAAT,QAAkC,gBAAlC;AACA,SAASC,MAAT,QAAwC,uBAAxC;AAEA,OAAO,MAAMC,oBAAoB,GAAG,UAClCC,GADkC,EAElCC,SAFkC,EAGlCC,WAHkC,EAK/B;EAAA,IADHC,IACG,uEAD0B,EAC1B;EACHP,SAAS,CAAC,MAAM;IACdE,MAAM,CAACM,IAAP,CAAY,wBAAZ,EAAsCH,SAAtC;IAEA,MAAMI,OAAO,GAAG,IAAIR,iBAAJ,EAAhB;IACA,MAAMS,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAYH,OAAZ,CAApB;IACAC,WAAW,CAACG,OAAZ,CAAqBC,GAAD,IAAS;MAC3B;MACA,IAAIR,WAAW,CAACQ,GAAD,CAAf,EAAsBL,OAAO,CAACK,GAAD,CAAP,GAAeR,WAAW,CAACQ,GAAD,CAA1B;IACvB,CAHD;IAKAV,GAAG,CAACW,oBAAJ,CAAyBV,SAAzB,EAAoCI,OAApC;IACA,OAAO,MAAML,GAAG,CAACY,uBAAJ,CAA4BX,SAA5B,CAAb;EACD,CAZQ,EAYN,CAACD,GAAD,EAAMC,SAAN,EAAiB,GAAGE,IAApB,CAZM,CAAT;AAaD,CAnBM"}
+{"version":3,"names":["useEffect","useLayoutEffect","useRef","ConnectionHandler","Logger","useConnectionHandler","sdk","handlerId","hookHandler","handlerRef","current","info","handler","handlerKeys","Object","keys","forEach","key","_handlerRef$current$k","_handlerRef$current","_len","arguments","length","args","Array","_key","call","addConnectionHandler","removeConnectionHandler"],"sources":["useConnectionHandler.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { ConnectionHandler } from '@sendbird/chat';\nimport { Logger, SendbirdChatSDK } from '@sendbird/uikit-utils';\n\nexport const useConnectionHandler = (\n  sdk: SendbirdChatSDK,\n  handlerId: string,\n  hookHandler: Partial<ConnectionHandler>,\n) => {\n  const handlerRef = useRef<Partial<ConnectionHandler>>();\n  useLayoutEffect(() => {\n    handlerRef.current = hookHandler;\n  });\n\n  useEffect(() => {\n    Logger.info('[useConnectionHandler]', handlerId);\n\n    const handler = new ConnectionHandler();\n    const handlerKeys = Object.keys(handler) as (keyof typeof handler)[];\n    handlerKeys.forEach((key) => {\n      handler[key] = (...args: unknown[]) => {\n        // @ts-ignore\n        handlerRef.current[key]?.(...args);\n      };\n    });\n\n    sdk.addConnectionHandler(handlerId, handler);\n    return () => sdk.removeConnectionHandler(handlerId);\n  }, [sdk, handlerId]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAE1D,SAASC,iBAAiB,QAAQ,gBAAgB;AAClD,SAASC,MAAM,QAAyB,uBAAuB;AAE/D,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,GAAoB,EACpBC,SAAiB,EACjBC,WAAuC,KACpC;EACH,MAAMC,UAAU,GAAGP,MAAM,EAA8B;EACvDD,eAAe,CAAC,MAAM;IACpBQ,UAAU,CAACC,OAAO,GAAGF,WAAW;EAClC,CAAC,CAAC;EAEFR,SAAS,CAAC,MAAM;IACdI,MAAM,CAACO,IAAI,CAAC,wBAAwB,EAAEJ,SAAS,CAAC;IAEhD,MAAMK,OAAO,GAAG,IAAIT,iBAAiB,EAAE;IACvC,MAAMU,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACH,OAAO,CAA6B;IACpEC,WAAW,CAACG,OAAO,CAAEC,GAAG,IAAK;MAC3BL,OAAO,CAACK,GAAG,CAAC,GAAG,YAAwB;QAAA,IAAAC,qBAAA,EAAAC,mBAAA;QAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAApBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;QAAA;QACrB;QACA,CAAAP,qBAAA,IAAAC,mBAAA,GAAAV,UAAU,CAACC,OAAO,EAACO,GAAG,CAAC,cAAAC,qBAAA,uBAAvBA,qBAAA,CAAAQ,IAAA,CAAAP,mBAAA,EAA0B,GAAGI,IAAI,CAAC;MACpC,CAAC;IACH,CAAC,CAAC;IAEFjB,GAAG,CAACqB,oBAAoB,CAACpB,SAAS,EAAEK,OAAO,CAAC;IAC5C,OAAO,MAAMN,GAAG,CAACsB,uBAAuB,CAACrB,SAAS,CAAC;EACrD,CAAC,EAAE,CAACD,GAAG,EAAEC,SAAS,CAAC,CAAC;AACtB,CAAC"}

package/lib/module/handler/useUserEventHandler.js

@@ -13,11 +13,9 @@ export const useUserEventHandler = (sdk, handlerId, hookHandler) => {
     handlerKeys.forEach(key => {
       handler[key] = function () {
         var _handlerRef$current$k, _handlerRef$current;
-
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-
         // @ts-ignore
         (_handlerRef$current$k = (_handlerRef$current = handlerRef.current)[key]) === null || _handlerRef$current$k === void 0 ? void 0 : _handlerRef$current$k.call(_handlerRef$current, ...args);
       };

package/lib/module/handler/useUserEventHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useLayoutEffect","useRef","UserEventHandler","Logger","useUserEventHandler","sdk","handlerId","hookHandler","handlerRef","current","debug","handler","handlerKeys","Object","keys","forEach","key","args","addUserEventHandler","removeUserEventHandler"],"sources":["useUserEventHandler.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { UserEventHandler } from '@sendbird/chat';\nimport type { SendbirdChatSDK } from '@sendbird/uikit-utils';\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport const useUserEventHandler = (\n  sdk: SendbirdChatSDK,\n  handlerId: string,\n  hookHandler: Partial<UserEventHandler>,\n) => {\n  const handlerRef = useRef(hookHandler);\n  useLayoutEffect(() => {\n    handlerRef.current = hookHandler;\n  });\n\n  useEffect(() => {\n    Logger.debug('[useUserEventHandler] hook called by', handlerId);\n\n    const handler = new UserEventHandler();\n    const handlerKeys = Object.keys(handler) as (keyof typeof handler)[];\n\n    handlerKeys.forEach((key) => {\n      handler[key] = (...args: unknown[]) => {\n        // @ts-ignore\n        handlerRef.current[key]?.(...args);\n      };\n    });\n\n    sdk.addUserEventHandler(handlerId, handler);\n    return () => sdk.removeUserEventHandler(handlerId);\n  }, [sdk, handlerId]);\n};\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,eAApB,EAAqCC,MAArC,QAAmD,OAAnD;AAEA,SAASC,gBAAT,QAAiC,gBAAjC;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AAEA,OAAO,MAAMC,mBAAmB,GAAG,CACjCC,GADiC,EAEjCC,SAFiC,EAGjCC,WAHiC,KAI9B;EACH,MAAMC,UAAU,GAAGP,MAAM,CAACM,WAAD,CAAzB;EACAP,eAAe,CAAC,MAAM;IACpBQ,UAAU,CAACC,OAAX,GAAqBF,WAArB;EACD,CAFc,CAAf;EAIAR,SAAS,CAAC,MAAM;IACdI,MAAM,CAACO,KAAP,CAAa,sCAAb,EAAqDJ,SAArD;IAEA,MAAMK,OAAO,GAAG,IAAIT,gBAAJ,EAAhB;IACA,MAAMU,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAYH,OAAZ,CAApB;IAEAC,WAAW,CAACG,OAAZ,CAAqBC,GAAD,IAAS;MAC3BL,OAAO,CAACK,GAAD,CAAP,GAAe,YAAwB;QAAA;;QAAA,kCAApBC,IAAoB;UAApBA,IAAoB;QAAA;;QACrC;QACA,gDAAAT,UAAU,CAACC,OAAX,EAAmBO,GAAnB,2GAA0B,GAAGC,IAA7B;MACD,CAHD;IAID,CALD;IAOAZ,GAAG,CAACa,mBAAJ,CAAwBZ,SAAxB,EAAmCK,OAAnC;IACA,OAAO,MAAMN,GAAG,CAACc,sBAAJ,CAA2Bb,SAA3B,CAAb;EACD,CAfQ,EAeN,CAACD,GAAD,EAAMC,SAAN,CAfM,CAAT;AAgBD,CA1BM"}
+{"version":3,"names":["useEffect","useLayoutEffect","useRef","UserEventHandler","Logger","useUserEventHandler","sdk","handlerId","hookHandler","handlerRef","current","debug","handler","handlerKeys","Object","keys","forEach","key","_handlerRef$current$k","_handlerRef$current","_len","arguments","length","args","Array","_key","call","addUserEventHandler","removeUserEventHandler"],"sources":["useUserEventHandler.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { UserEventHandler } from '@sendbird/chat';\nimport type { SendbirdChatSDK } from '@sendbird/uikit-utils';\nimport { Logger } from '@sendbird/uikit-utils';\n\nexport const useUserEventHandler = (\n  sdk: SendbirdChatSDK,\n  handlerId: string,\n  hookHandler: Partial<UserEventHandler>,\n) => {\n  const handlerRef = useRef(hookHandler);\n  useLayoutEffect(() => {\n    handlerRef.current = hookHandler;\n  });\n\n  useEffect(() => {\n    Logger.debug('[useUserEventHandler] hook called by', handlerId);\n\n    const handler = new UserEventHandler();\n    const handlerKeys = Object.keys(handler) as (keyof typeof handler)[];\n\n    handlerKeys.forEach((key) => {\n      handler[key] = (...args: unknown[]) => {\n        // @ts-ignore\n        handlerRef.current[key]?.(...args);\n      };\n    });\n\n    sdk.addUserEventHandler(handlerId, handler);\n    return () => sdk.removeUserEventHandler(handlerId);\n  }, [sdk, handlerId]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAE1D,SAASC,gBAAgB,QAAQ,gBAAgB;AAEjD,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,OAAO,MAAMC,mBAAmB,GAAGA,CACjCC,GAAoB,EACpBC,SAAiB,EACjBC,WAAsC,KACnC;EACH,MAAMC,UAAU,GAAGP,MAAM,CAACM,WAAW,CAAC;EACtCP,eAAe,CAAC,MAAM;IACpBQ,UAAU,CAACC,OAAO,GAAGF,WAAW;EAClC,CAAC,CAAC;EAEFR,SAAS,CAAC,MAAM;IACdI,MAAM,CAACO,KAAK,CAAC,sCAAsC,EAAEJ,SAAS,CAAC;IAE/D,MAAMK,OAAO,GAAG,IAAIT,gBAAgB,EAAE;IACtC,MAAMU,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACH,OAAO,CAA6B;IAEpEC,WAAW,CAACG,OAAO,CAAEC,GAAG,IAAK;MAC3BL,OAAO,CAACK,GAAG,CAAC,GAAG,YAAwB;QAAA,IAAAC,qBAAA,EAAAC,mBAAA;QAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAApBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;QAAA;QACrB;QACA,CAAAP,qBAAA,IAAAC,mBAAA,GAAAV,UAAU,CAACC,OAAO,EAACO,GAAG,CAAC,cAAAC,qBAAA,uBAAvBA,qBAAA,CAAAQ,IAAA,CAAAP,mBAAA,EAA0B,GAAGI,IAAI,CAAC;MACpC,CAAC;IACH,CAAC,CAAC;IAEFjB,GAAG,CAACqB,mBAAmB,CAACpB,SAAS,EAAEK,OAAO,CAAC;IAC3C,OAAO,MAAMN,GAAG,CAACsB,sBAAsB,CAACrB,SAAS,CAAC;EACpD,CAAC,EAAE,CAACD,GAAG,EAAEC,SAAS,CAAC,CAAC;AACtB,CAAC"}

package/lib/module/index.js

@@ -7,7 +7,6 @@ export { useOpenChannel } from './channel/useOpenChannel';
 export { useAppFeatures } from './common/useAppFeatures';
 export { useMessageOutgoingStatus } from './common/useMessageOutgoingStatus';
 export { usePushTrigger } from './common/usePushTrigger';
-export { useTotalUnreadChannelCount } from './common/useTotalUnreadChannelCount';
 export { useTotalUnreadMessageCount } from './common/useTotalUnreadMessageCount';
 export { useUserList } from './common/useUserList';
 export { useChannelHandler } from './handler/useChannelHandler';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useGroupChannelList","useGroupChannelMessages","useGroupChannel","useOpenChannelList","useOpenChannelMessages","useOpenChannel","useAppFeatures","useMessageOutgoingStatus","usePushTrigger","useTotalUnreadChannelCount","useTotalUnreadMessageCount","useUserList","useChannelHandler","useConnectionHandler","useUserEventHandler","CustomQuery"],"sources":["index.ts"],"sourcesContent":["export { useGroupChannelList } from './channel/useGroupChannelList';\nexport { useGroupChannelMessages } from './channel/useGroupChannelMessages';\nexport { useGroupChannel } from './channel/useGroupChannel';\n\nexport { useOpenChannelList } from './channel/useOpenChannelList';\nexport { useOpenChannelMessages } from './channel/useOpenChannelMessages';\nexport { useOpenChannel } from './channel/useOpenChannel';\n\nexport { useAppFeatures } from './common/useAppFeatures';\nexport { useMessageOutgoingStatus } from './common/useMessageOutgoingStatus';\nexport { usePushTrigger } from './common/usePushTrigger';\nexport { useTotalUnreadChannelCount } from './common/useTotalUnreadChannelCount';\nexport { useTotalUnreadMessageCount } from './common/useTotalUnreadMessageCount';\nexport { useUserList } from './common/useUserList';\n\nexport { useChannelHandler } from './handler/useChannelHandler';\nexport { useConnectionHandler } from './handler/useConnectionHandler';\nexport { useUserEventHandler } from './handler/useUserEventHandler';\n\nexport { CustomQuery } from './model/CustomQuery';\n\nexport type {\n  UseGroupChannelList,\n  UseGroupChannelListOptions,\n  UseGroupChannelMessages,\n  UseGroupChannelMessagesOptions,\n  UseUserListOptions,\n  UseUserListReturn,\n  CustomQueryInterface,\n  CustomBidirectionalQueryInterface,\n  UseOpenChannelMessagesOptions,\n  UseOpenChannelListOptions,\n  UseOpenChannelList,\n  UseOpenChannelMessages,\n} from './types';\n"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,+BAApC;AACA,SAASC,uBAAT,QAAwC,mCAAxC;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,sBAAT,QAAuC,kCAAvC;AACA,SAASC,cAAT,QAA+B,0BAA/B;AAEA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,wBAAT,QAAyC,mCAAzC;AACA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,0BAAT,QAA2C,qCAA3C;AACA,SAASC,0BAAT,QAA2C,qCAA3C;AACA,SAASC,WAAT,QAA4B,sBAA5B;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,SAASC,mBAAT,QAAoC,+BAApC;AAEA,SAASC,WAAT,QAA4B,qBAA5B"}
+{"version":3,"names":["useGroupChannelList","useGroupChannelMessages","useGroupChannel","useOpenChannelList","useOpenChannelMessages","useOpenChannel","useAppFeatures","useMessageOutgoingStatus","usePushTrigger","useTotalUnreadMessageCount","useUserList","useChannelHandler","useConnectionHandler","useUserEventHandler","CustomQuery"],"sources":["index.ts"],"sourcesContent":["export { useGroupChannelList } from './channel/useGroupChannelList';\nexport { useGroupChannelMessages } from './channel/useGroupChannelMessages';\nexport { useGroupChannel } from './channel/useGroupChannel';\n\nexport { useOpenChannelList } from './channel/useOpenChannelList';\nexport { useOpenChannelMessages } from './channel/useOpenChannelMessages';\nexport { useOpenChannel } from './channel/useOpenChannel';\n\nexport { useAppFeatures } from './common/useAppFeatures';\nexport { useMessageOutgoingStatus } from './common/useMessageOutgoingStatus';\nexport { usePushTrigger } from './common/usePushTrigger';\nexport { useTotalUnreadMessageCount } from './common/useTotalUnreadMessageCount';\nexport { useUserList } from './common/useUserList';\n\nexport { useChannelHandler } from './handler/useChannelHandler';\nexport { useConnectionHandler } from './handler/useConnectionHandler';\nexport { useUserEventHandler } from './handler/useUserEventHandler';\n\nexport { CustomQuery } from './model/CustomQuery';\n\nexport type {\n  UseGroupChannelList,\n  UseGroupChannelListOptions,\n  UseGroupChannelMessages,\n  UseGroupChannelMessagesOptions,\n  UseUserListOptions,\n  UseUserListReturn,\n  CustomQueryInterface,\n  CustomBidirectionalQueryInterface,\n  UseOpenChannelMessagesOptions,\n  UseOpenChannelListOptions,\n  UseOpenChannelList,\n  UseOpenChannelMessages,\n} from './types';\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,uBAAuB,QAAQ,mCAAmC;AAC3E,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,sBAAsB,QAAQ,kCAAkC;AACzE,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,wBAAwB,QAAQ,mCAAmC;AAC5E,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,0BAA0B,QAAQ,qCAAqC;AAChF,SAASC,WAAW,QAAQ,sBAAsB;AAElD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,SAASC,mBAAmB,QAAQ,+BAA+B;AAEnE,SAASC,WAAW,QAAQ,qBAAqB"}

package/lib/module/model/CustomQuery.js

@@ -2,18 +2,14 @@ export class CustomQuery {
   constructor(params) {
     this.params = params;
   }
-
   get isLoading() {
     return this.params.isLoading();
   }
-
   get hasNext() {
     return this.params.hasNext();
   }
-
   next() {
     return this.params.next();
   }
-
 }
 //# sourceMappingURL=CustomQuery.js.map

package/lib/module/model/CustomQuery.js.map

@@ -1 +1 @@
-{"version":3,"names":["CustomQuery","constructor","params","isLoading","hasNext","next"],"sources":["CustomQuery.ts"],"sourcesContent":["import type { CustomQueryInterface } from '../types';\n\ntype ConstructorParams<T> = {\n  next: () => Promise<T[]>;\n  isLoading: () => boolean;\n  hasNext: () => boolean;\n};\n\nexport class CustomQuery<T> implements CustomQueryInterface<T> {\n  constructor(private params: ConstructorParams<T>) {}\n  get isLoading(): boolean {\n    return this.params.isLoading();\n  }\n  get hasNext(): boolean {\n    return this.params.hasNext();\n  }\n  next() {\n    return this.params.next();\n  }\n}\n"],"mappings":"AAQA,OAAO,MAAMA,WAAN,CAAwD;EAC7DC,WAAW,CAASC,MAAT,EAAuC;IAAA,KAA9BA,MAA8B,GAA9BA,MAA8B;EAAE;;EACvC,IAATC,SAAS,GAAY;IACvB,OAAO,KAAKD,MAAL,CAAYC,SAAZ,EAAP;EACD;;EACU,IAAPC,OAAO,GAAY;IACrB,OAAO,KAAKF,MAAL,CAAYE,OAAZ,EAAP;EACD;;EACDC,IAAI,GAAG;IACL,OAAO,KAAKH,MAAL,CAAYG,IAAZ,EAAP;EACD;;AAV4D"}
+{"version":3,"names":["CustomQuery","constructor","params","isLoading","hasNext","next"],"sources":["CustomQuery.ts"],"sourcesContent":["import type { CustomQueryInterface } from '../types';\n\ntype ConstructorParams<T> = {\n  next: () => Promise<T[]>;\n  isLoading: () => boolean;\n  hasNext: () => boolean;\n};\n\nexport class CustomQuery<T> implements CustomQueryInterface<T> {\n  constructor(private params: ConstructorParams<T>) {}\n  get isLoading(): boolean {\n    return this.params.isLoading();\n  }\n  get hasNext(): boolean {\n    return this.params.hasNext();\n  }\n  next() {\n    return this.params.next();\n  }\n}\n"],"mappings":"AAQA,OAAO,MAAMA,WAAW,CAAuC;EAC7DC,WAAWA,CAASC,MAA4B,EAAE;IAAA,KAA9BA,MAA4B,GAA5BA,MAA4B;EAAG;EACnD,IAAIC,SAASA,CAAA,EAAY;IACvB,OAAO,IAAI,CAACD,MAAM,CAACC,SAAS,EAAE;EAChC;EACA,IAAIC,OAAOA,CAAA,EAAY;IACrB,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,EAAE;EAC9B;EACAC,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAACH,MAAM,CAACG,IAAI,EAAE;EAC3B;AACF"}

package/lib/typescript/src/channel/useGroupChannelList/reducer.d.ts

@@ -5,7 +5,7 @@ export declare const useGroupChannelListReducer: (order?: Order) => {
     updateRefreshing: (status: boolean) => void;
     updateChannels: (channels: SendbirdChannel[]) => void;
     deleteChannels: (channelUrls: string[]) => void;
-    setChannels: (channels: SendbirdChannel[], clearPrev: boolean) => void;
+    setChannels: (channels: SendbirdChannel[], clearBeforeAction: boolean) => void;
     updateOrder: (order?: Order) => void;
     loading: boolean;
     refreshing: boolean;

package/lib/typescript/src/channel/useGroupChannelMessages/reducer.d.ts

@@ -3,8 +3,8 @@ import type { UseGroupChannelMessagesOptions } from '../../types';
 export declare const useGroupChannelMessagesReducer: (userId?: string, sortComparator?: UseGroupChannelMessagesOptions['sortComparator']) => {
     updateLoading: (status: boolean) => void;
     updateRefreshing: (status: boolean) => void;
-    updateMessages: (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => void;
-    updateNextMessages: (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => void;
+    updateMessages: (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => void;
+    updateNextMessages: (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => void;
     deleteMessages: (messageIds: number[], reqIds: string[]) => void;
     deleteNextMessages: (messageIds: number[], reqIds: string[]) => void;
     loading: boolean;

package/lib/typescript/src/channel/useOpenChannelMessages/reducer.d.ts

@@ -3,8 +3,8 @@ import type { UseOpenChannelMessagesOptions } from '../../types';
 export declare const useOpenChannelMessagesReducer: (userId?: string, sortComparator?: UseOpenChannelMessagesOptions['sortComparator']) => {
     updateLoading: (status: boolean) => void;
     updateRefreshing: (status: boolean) => void;
-    updateMessages: (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => void;
-    updateNextMessages: (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => void;
+    updateMessages: (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => void;
+    updateNextMessages: (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => void;
     deleteMessages: (messageIds: number[], reqIds: string[]) => void;
     deleteNextMessages: (messageIds: number[], reqIds: string[]) => void;
     loading: boolean;

package/lib/typescript/src/common/useUserList.d.ts

@@ -21,4 +21,4 @@ import type { CustomQueryInterface, UseUserListOptions, UseUserListReturn } from
  *  })
  * ```
  * */
-export declare const useUserList: <Options extends UseUserListOptions<QueriedUser>, QueriedUser extends UserStruct = Options["queryCreator"] extends Optional<() => CustomQueryInterface<infer User extends UserStruct>> ? User : import("@sendbird/chat").User>(sdk: SendbirdChatSDK, options?: Options | undefined) => UseUserListReturn<QueriedUser>;
+export declare const useUserList: <Options extends UseUserListOptions<UserStruct>, QueriedUser extends UserStruct = Options["queryCreator"] extends Optional<() => CustomQueryInterface<infer User extends UserStruct>> ? User : import("@sendbird/chat").User>(sdk: SendbirdChatSDK, options?: UseUserListOptions<QueriedUser> | undefined) => UseUserListReturn<QueriedUser>;

package/lib/typescript/src/handler/useChannelHandler.d.ts

@@ -1,6 +1,6 @@
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { SendbirdChatSDK } from '@sendbird/uikit-utils';
+import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
 type ChannelType = 'open' | 'group';
 export declare const useChannelHandler: <T extends ChannelType = "group">(sdk: SendbirdChatSDK, handlerId: string, hookHandler: Partial<T extends "group" ? GroupChannelHandler : OpenChannelHandler>, type?: T) => void;
 export {};

package/lib/typescript/src/handler/useConnectionHandler.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ConnectionHandler } from '@sendbird/chat';
 import { SendbirdChatSDK } from '@sendbird/uikit-utils';
-export declare const useConnectionHandler: (sdk: SendbirdChatSDK, handlerId: string, hookHandler: Partial<ConnectionHandler>, deps?: React.DependencyList) => void;
+export declare const useConnectionHandler: (sdk: SendbirdChatSDK, handlerId: string, hookHandler: Partial<ConnectionHandler>) => void;

package/lib/typescript/src/index.d.ts

@@ -7,7 +7,6 @@ export { useOpenChannel } from './channel/useOpenChannel';
 export { useAppFeatures } from './common/useAppFeatures';
 export { useMessageOutgoingStatus } from './common/useMessageOutgoingStatus';
 export { usePushTrigger } from './common/usePushTrigger';
-export { useTotalUnreadChannelCount } from './common/useTotalUnreadChannelCount';
 export { useTotalUnreadMessageCount } from './common/useTotalUnreadMessageCount';
 export { useUserList } from './common/useUserList';
 export { useChannelHandler } from './handler/useChannelHandler';

package/package.json

@@ -1,7 +1,16 @@
 {
   "name": "@sendbird/uikit-chat-hooks",
-  "version": "2.4.1",
-  "description": "React hooks that built with SendbirdChat SDK",
+  "version": "2.4.2",
+  "description": "A set of React hooks for integrating Sendbird chat functionality into your React app.",
+  "keywords": [
+    "sendbird",
+    "uikit",
+    "chat",
+    "React",
+    "hooks",
+    "messaging",
+    "real-time"
+  ],
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/src/index.d.ts",
@@ -18,10 +27,6 @@
     "build": "bob build",
     "clean": "del lib"
   },
-  "keywords": [
-    "react",
-    "sendbird"
-  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/sendbird/sendbird-uikit-react-native.git",
@@ -38,11 +43,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-utils": "2.4.1"
+    "@sendbird/uikit-utils": "2.4.2"
   },
   "devDependencies": {
+    "@sendbird/uikit-testing-tools": "2.4.2",
     "@types/react": "*",
-    "react": "^16.13.1",
+    "react": "17.0.2",
     "react-native-builder-bob": "^0.18.0",
     "typescript": "4.9.4"
   },
@@ -69,5 +75,5 @@
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-chat-hooks"
   },
-  "gitHead": "9ba7a005c941a3edd5b0f78d88d8cd1df6c280fc"
+  "gitHead": "ae9e60edc60cdd4f6e9b0e4019e84584e807bc2c"
 }

package/src/channel/useGroupChannelList/reducer.ts

@@ -20,7 +20,7 @@ type Action =
     }
   | {
       type: 'set_channels';
-      value: { channels: SendbirdChannel[]; clearPrev: boolean };
+      value: { channels: SendbirdChannel[]; clearBeforeAction: boolean };
     }
   | {
       type: 'update_order';
@@ -38,10 +38,12 @@ const defaultReducer = ({ ...draft }: State, action: Action) => {
   const compareByOrder = createCompareByOrder(draft.order);
 
   switch (action.type) {
-    case 'update_refreshing':
+    case 'update_refreshing': {
+      draft.refreshing = action.value.status;
+      break;
+    }
     case 'update_loading': {
-      const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
-      draft[key] = action.value.status;
+      draft.loading = action.value.status;
       break;
     }
     case 'update_channels': {
@@ -63,7 +65,7 @@ const defaultReducer = ({ ...draft }: State, action: Action) => {
       break;
     }
     case 'set_channels': {
-      if (action.value.clearPrev) {
+      if (action.value.clearBeforeAction) {
         draft.groupChannels = getGroupChannels(action.value.channels);
       } else {
         draft.groupChannels = [...draft.groupChannels, ...getGroupChannels(action.value.channels)];
@@ -74,6 +76,8 @@ const defaultReducer = ({ ...draft }: State, action: Action) => {
     }
     case 'update_order': {
       draft.order = action.value.order;
+      const compareByOrder = createCompareByOrder(draft.order);
+      compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
       break;
     }
   }
@@ -94,8 +98,8 @@ export const useGroupChannelListReducer = (order?: Order) => {
   const deleteChannels = (channelUrls: string[]) => {
     dispatch({ type: 'delete_channels', value: { channelUrls } });
   };
-  const setChannels = (channels: SendbirdChannel[], clearPrev: boolean) => {
-    dispatch({ type: 'set_channels', value: { channels, clearPrev } });
+  const setChannels = (channels: SendbirdChannel[], clearBeforeAction: boolean) => {
+    dispatch({ type: 'set_channels', value: { channels, clearBeforeAction } });
   };
   const updateLoading = (status: boolean) => {
     dispatch({ type: 'update_loading', value: { status } });

package/src/channel/useGroupChannelList/useGroupChannelListWithCollection.ts

@@ -90,7 +90,7 @@ export const useGroupChannelListWithCollection: UseGroupChannelList = (sdk, user
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [userId]);
 
   useChannelHandler(sdk, handlerId, {
     onUserBanned: (channel, user) => {

package/src/channel/useGroupChannelList/useGroupChannelListWithQuery.ts

@@ -63,7 +63,7 @@ export const useGroupChannelListWithQuery: UseGroupChannelList = (sdk, userId, o
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [userId]);
 
   useChannelHandler(sdk, handlerId, {
     onChannelChanged: (channel) => updateChannels([channel]),

package/src/channel/useGroupChannelMessages/reducer.ts

@@ -12,7 +12,7 @@ type Action =
     }
   | {
       type: 'update_messages' | 'update_next_messages';
-      value: { messages: SendbirdBaseMessage[]; clearPrev: boolean; currentUserId?: string };
+      value: { messages: SendbirdBaseMessage[]; clearBeforeAction: boolean; currentUserId?: string };
     }
   | {
       type: 'delete_messages' | 'delete_next_messages';
@@ -28,18 +28,19 @@ type State = {
 
 const defaultReducer = ({ ...draft }: State, action: Action) => {
   switch (action.type) {
-    case 'update_refreshing':
+    case 'update_refreshing': {
+      draft['refreshing'] = action.value.status;
+      return draft;
+    }
     case 'update_loading': {
-      const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
-      draft[key] = action.value.status;
-
+      draft['loading'] = action.value.status;
       return draft;
     }
     case 'update_messages':
     case 'update_next_messages': {
       const key = action.type === 'update_messages' ? 'messageMap' : 'nextMessageMap';
       const receivedMessagesAsMap = arrayToMapWithGetter(action.value.messages, getMessageUniqId);
-      if (action.value.clearPrev) {
+      if (action.value.clearBeforeAction) {
         draft[key] = receivedMessagesAsMap;
       } else {
         draft[key] = { ...draft[key], ...receivedMessagesAsMap };
@@ -82,14 +83,14 @@ export const useGroupChannelMessagesReducer = (
     nextMessageMap: {},
   });
 
-  const updateMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {
-    dispatch({ type: 'update_messages', value: { messages, clearPrev, currentUserId } });
+  const updateMessages = (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => {
+    dispatch({ type: 'update_messages', value: { messages, clearBeforeAction, currentUserId } });
   };
   const deleteMessages = (messageIds: number[], reqIds: string[]) => {
     dispatch({ type: 'delete_messages', value: { messageIds, reqIds } });
   };
-  const updateNextMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {
-    dispatch({ type: 'update_next_messages', value: { messages, clearPrev, currentUserId } });
+  const updateNextMessages = (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => {
+    dispatch({ type: 'update_next_messages', value: { messages, clearBeforeAction, currentUserId } });
   };
   const deleteNextMessages = (messageIds: number[], reqIds: string[]) => {
     dispatch({ type: 'delete_next_messages', value: { messageIds, reqIds } });

package/src/channel/useGroupChannelMessages/useGroupChannelMessagesWithCollection.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
 import { MessageCollectionInitPolicy, MessageEventSource, MessageFilter } from '@sendbird/chat/groupChannel';
 import type {
@@ -63,85 +63,82 @@ export const useGroupChannelMessagesWithCollection: UseGroupChannelMessages = (s
     }
   };
 
-  const init = useCallback(
-    async (uid?: string, callback?: () => void) => {
-      if (collectionRef.current) collectionRef.current?.dispose();
+  const init = useFreshCallback(async (uid?: string, callback?: () => void) => {
+    if (collectionRef.current) collectionRef.current?.dispose();
 
-      if (uid) {
-        collectionRef.current = createMessageCollection(channel, options?.collectionCreator);
-        updateNextMessages([], true, sdk.currentUser.userId);
-        channelMarkAsRead();
+    if (uid) {
+      collectionRef.current = createMessageCollection(channel, options?.collectionCreator);
+      updateNextMessages([], true, sdk.currentUser.userId);
+      channelMarkAsRead();
 
-        collectionRef.current?.setMessageCollectionHandler({
-          onMessagesAdded: (_, __, messages) => {
-            channelMarkAsRead(_.source);
-            updateNextMessages(messages, false, sdk.currentUser.userId);
-          },
-          onMessagesUpdated: (_, __, messages) => {
-            channelMarkAsRead(_.source);
+      collectionRef.current?.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 === 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: admin message is not added via onMessagesAdded handler, not checked yet is this a bug.
+          if (_.source === 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 !== MessageEventSource.EVENT_MESSAGE_RECEIVED) {
-              updateMessages(messages, false, sdk.currentUser.userId);
-            }
-          },
-          onMessagesDeleted: (_, __, messageIds) => {
-            deleteMessages(messageIds, []);
-            deleteNextMessages(messageIds, []);
-          },
-          onChannelDeleted: () => {
-            options?.onChannelDeleted?.();
-          },
-          onChannelUpdated: (_, eventChannel) => {
-            if (eventChannel.isGroupChannel() && !isDifferentChannel(eventChannel, channel)) {
-              forceUpdate();
-            }
-          },
-          onHugeGapDetected: () => {
-            init(uid);
-          },
-        });
+          // 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 !== MessageEventSource.EVENT_MESSAGE_RECEIVED) {
+            updateMessages(messages, false, sdk.currentUser.userId);
+          }
+        },
+        onMessagesDeleted: (_, __, messageIds) => {
+          deleteMessages(messageIds, []);
+          deleteNextMessages(messageIds, []);
+        },
+        onChannelDeleted: () => {
+          options?.onChannelDeleted?.();
+        },
+        onChannelUpdated: (_, eventChannel) => {
+          if (eventChannel.isGroupChannel() && !isDifferentChannel(eventChannel, channel)) {
+            forceUpdate();
+          }
+        },
+        onHugeGapDetected: () => {
+          init(uid);
+        },
+      });
 
-        collectionRef.current
-          .initialize(MessageCollectionInitPolicy.CACHE_AND_REPLACE_BY_API)
-          .onCacheResult((err, messages) => {
-            if (err) sdk.isCacheEnabled && Logger.error('[useGroupChannelMessagesWithCollection/onCacheResult]', err);
-            else {
-              Logger.debug('[useGroupChannelMessagesWithCollection/onCacheResult]', 'message length:', messages.length);
+      collectionRef.current
+        .initialize(MessageCollectionInitPolicy.CACHE_AND_REPLACE_BY_API)
+        .onCacheResult((err, messages) => {
+          if (err) sdk.isCacheEnabled && Logger.error('[useGroupChannelMessagesWithCollection/onCacheResult]', err);
+          else {
+            Logger.debug('[useGroupChannelMessagesWithCollection/onCacheResult]', 'message length:', messages.length);
 
-              updateMessages(messages, true, sdk.currentUser.userId);
+            updateMessages(messages, true, sdk.currentUser.userId);
+            updateMessages(collectionRef.current?.pendingMessages ?? [], false, sdk.currentUser.userId);
+            updateMessages(collectionRef.current?.failedMessages ?? [], false, sdk.currentUser.userId);
+          }
+          callback?.();
+        })
+        .onApiResult((err, messages) => {
+          if (err) Logger.warn('[useGroupChannelMessagesWithCollection/onApiResult]', err);
+          else {
+            Logger.debug('[useGroupChannelMessagesWithCollection/onApiResult]', 'message length:', messages.length);
+
+            updateMessages(messages, true, sdk.currentUser.userId);
+            if (sdk.isCacheEnabled) {
               updateMessages(collectionRef.current?.pendingMessages ?? [], false, sdk.currentUser.userId);
               updateMessages(collectionRef.current?.failedMessages ?? [], false, sdk.currentUser.userId);
             }
-            callback?.();
-          })
-          .onApiResult((err, messages) => {
-            if (err) Logger.warn('[useGroupChannelMessagesWithCollection/onApiResult]', err);
-            else {
-              Logger.debug('[useGroupChannelMessagesWithCollection/onApiResult]', 'message length:', messages.length);
-
-              updateMessages(messages, true, sdk.currentUser.userId);
-              if (sdk.isCacheEnabled) {
-                updateMessages(collectionRef.current?.pendingMessages ?? [], false, sdk.currentUser.userId);
-                updateMessages(collectionRef.current?.failedMessages ?? [], false, sdk.currentUser.userId);
-              }
-            }
-            callback?.();
-          });
-      }
-    },
-    [sdk, channel.url, options?.collectionCreator],
-  );
+          }
+          callback?.();
+        });
+    }
+  });
 
   useChannelHandler(sdk, handlerId, {
     onUserBanned(channel, bannedUser) {
@@ -161,7 +158,7 @@ export const useGroupChannelMessagesWithCollection: UseGroupChannelMessages = (s
       updateLoading(true);
       init(userId, () => updateLoading(false));
     }, 0);
-  }, [init, userId]);
+  }, [channel.url, userId]);
 
   useEffect(() => {
     return () => {