fix: Apply userListQuery (#220)

Use userListQuery when it's been given

Author: HoonBaek

scripts/index_d_ts

@@ -59,7 +59,7 @@
 
   export interface UserListQuery {
     hasNext?: boolean;
-    next(callback: unknown): void;
+    next(): Promise<Array<User>>;
   }
 
   export interface RenderUserProfileProps {

src/index.d.ts

@@ -46,7 +46,7 @@ type Logger = {
 
 interface UserListQuery {
   hasNext?: boolean;
-  next(): Promise<User[]>;
+  next(): Promise<Array<User>>;
 }
 
 interface RenderUserProfileProps {

src/lib/SendbirdState.tsx

@@ -10,7 +10,7 @@ export type CustomUseReducerDispatcher = ({
 
 interface UserListQuery {
   hasNext?: boolean;
-  next(callback: unknown): void;
+  next(): Promise<Array<User>>;
 }
 
 interface RenderUserProfileProps {

src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx

@@ -21,11 +21,12 @@ export default function InviteUsers({
 
   const state = useSendbirdStateContext();
   const sdk = state?.stores?.sdkStore?.sdk;
+  const globalUserListQuery = state?.config?.userListQuery;
 
   const { channel } = useChannelSettingsContext();
 
   useEffect(() => {
-    const userListQuery = sdk?.createApplicationUserListQuery();
+    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();
     userListQuery.next().then((members) => {
       setMembers(members);
     });

src/smart-components/CreateChannel/components/CreateChannelUI/index.tsx

@@ -13,11 +13,11 @@ export interface CreateChannelUIProps {
 const CreateChannel: React.FC<CreateChannelUIProps> = (props: CreateChannelUIProps) => {
   const { onCancel, renderStepOne } = props;
 
-  const createChannelProps = useCreateChannelContext();
   const {
     step,
     setStep,
-  } = createChannelProps;
+    userListQuery,
+  } = useCreateChannelContext();
 
   return (
     <>
@@ -33,6 +33,7 @@ const CreateChannel: React.FC<CreateChannelUIProps> = (props: CreateChannelUIPro
       {
         step === 1 && (
           <InviteUsers
+            userListQuery={userListQuery}
             onCancel={() => {
               setStep(0);
               onCancel();

src/smart-components/CreateChannel/components/InviteUsers/index.tsx

@@ -14,6 +14,7 @@ import Label, {
 } from '../../../../ui/Label';
 import { ButtonTypes } from '../../../../ui/Button';
 import UserListItem from '../../../../ui/UserListItem';
+import { UserListQuery } from '../../context/CreateChannelProvider';
 
 import {
   filterUser,
@@ -23,9 +24,13 @@ import {
 
 export interface InviteUsersProps {
   onCancel?: () => void;
+  userListQuery?(): UserListQuery;
 }
 
-const InviteUsers: React.FC<InviteUsersProps> = ({ onCancel }: InviteUsersProps) => {
+const InviteUsers: React.FC<InviteUsersProps> = ({
+  onCancel,
+  userListQuery,
+}: InviteUsersProps) => {
   const {
     onBeforeCreateChannel,
     onCreateChannel,
@@ -40,12 +45,12 @@ const InviteUsers: React.FC<InviteUsersProps> = ({ onCancel }: InviteUsersProps)
   const [users, setUsers] = useState([]);
   const [selectedUsers, setSelectedUsers] = useState({});
   const { stringSet } = useContext(LocalizationContext);
-  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery>(null);
+  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);
   const selectedCount = Object.keys(selectedUsers).length;
   const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
   const submitText = stringSet.BUTTON__CREATE;
 
-  const userQueryCreator = createDefaultUserListQuery({ sdk });
+  const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });
 
   useEffect(() => {
     const applicationUserListQuery = userQueryCreator;

src/smart-components/CreateChannel/context/CreateChannelProvider.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { User } from '@sendbird/chat';
 import type {
   GroupChannel,
   GroupChannelCreateParams,
@@ -11,9 +12,9 @@ import { CHANNEL_TYPE } from '../types';
 
 const CreateChannelContext = React.createContext(undefined);
 
-interface UserListQuery {
+export interface UserListQuery {
   hasNext?: boolean;
-  next(callback: unknown): void;
+  next(): Promise<Array<User>>;
 }
 
 export interface CreateChannelProviderProps {

src/types.d.ts

@@ -10,7 +10,7 @@ export type ReplyType = "NONE" | "QUOTE_REPLY" | "THREAD";
 
 export interface UserListQuery {
   hasNext?: boolean;
-  next(callback: unknown): void;
+  next(): Promise<Array<User>>;
 }
 
 export interface RenderUserProfileProps {