@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

package/lib/module/fragments/createGroupChannelOperatorsFragment.js

@@ -6,7 +6,6 @@ import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);
   return _ref => {
@@ -14,7 +13,10 @@ const createGroupChannelOperatorsFragment = initModule => {
       channel,
       onPressHeaderLeft,
       onPressHeaderRight,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createOperatorListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');
     const {
@@ -39,29 +41,23 @@ const createGroupChannelOperatorsFragment = initModule => {
       next,
       error
     } = useUserList(sdk, {
-      queryCreator: () => channel.createOperatorListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
-
       onUserBanned(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
-
       onOperatorUpdated(eventChannel, updatedUsers) {
         if (isDifferentChannel(eventChannel, channel)) return;
         const operatorsAdded = users.length < updatedUsers.length;
         if (operatorsAdded) updatedUsers.forEach(upsertUser);
       }
-
     });
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -84,7 +80,6 @@ const createGroupChannelOperatorsFragment = initModule => {
         })
       });
     });
-
     return /*#__PURE__*/React.createElement(GroupChannelOperatorsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(GroupChannelOperatorsModule.Header, {
@@ -105,6 +100,5 @@ const createGroupChannelOperatorsFragment = initModule => {
     })));
   };
 };
-
 export default createGroupChannelOperatorsFragment;
 //# sourceMappingURL=createGroupChannelOperatorsFragment.js.map

package/lib/module/fragments/createGroupChannelOperatorsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","queryCreator","createOperatorListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createGroupChannelOperatorsFragment = (\n  initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n  const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {\n      queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(sdk, handlerId, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel, updatedUsers) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        const operatorsAdded = users.length < updatedUsers.length;\n        if (operatorsAdded) updatedUsers.forEach(upsertUser);\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelOperatorsModule.Provider channel={channel}>\n        <GroupChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createGroupChannelOperatorsFragment = (\n  initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n  const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(sdk, handlerId, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel, updatedUsers) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        const operatorsAdded = users.length < updatedUsers.length;\n        if (operatorsAdded) updatedUsers.forEach(upsertUser);\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelOperatorsModule.Provider channel={channel}>\n        <GroupChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelRegisterOperatorFragment.js

@@ -5,7 +5,6 @@ import StatusComposition from '../components/StatusComposition';
 import UserSelectableBar from '../components/UserSelectableBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createGroupChannelRegisterOperatorFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
   return _ref => {
@@ -14,7 +13,10 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
       onPressHeaderLeft,
       sortComparator,
       renderUser,
-      onPressHeaderRight
+      onPressHeaderRight,
+      queryCreator = () => channel.createMemberListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       sdk,
@@ -31,12 +33,9 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
       error,
       loading
     } = useUserList(sdk, {
-      queryCreator: () => channel.createMemberListQuery({
-        limit: 20
-      }),
+      queryCreator,
       sortComparator
     });
-
     const _renderUser = useCallback((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       const userIdx = selectedUsers.findIndex(u => u.userId === user.userId);
@@ -59,7 +58,6 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
         disabled: isOperator
       }));
     }, [channel, renderUser]);
-
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
         selectedUsers
@@ -89,6 +87,5 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
     })));
   };
 };
-
 export default createGroupChannelRegisterOperatorFragment;
 //# sourceMappingURL=createGroupChannelRegisterOperatorFragment.js.map

package/lib/module/fragments/createGroupChannelRegisterOperatorFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelRegisterOperatorFragment","initModule","UserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","queryCreator","createMemberListQuery","limit","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","HEADER_TITLE","length","addOperators","map","it","Boolean"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={user.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelRegisterOperatorFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelRegisterOperatorFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","queryCreator","createMemberListQuery","limit","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","createElement","activeOpacity","disabled","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","selected","Provider","headerRight","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","shouldActivateHeaderRight","length","addOperators","map","it","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    sortComparator,\n    renderUser,\n    onPressHeaderRight,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, { queryCreator, sortComparator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={user.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelRegisterOperatorFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelSettingsFragment.js

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP } from '@sendbird/uikit-utils';
 import createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';
-
 const createGroupChannelSettingsFragment = initModule => {
   const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);
   return _ref => {
@@ -13,6 +12,7 @@ const createGroupChannelSettingsFragment = initModule => {
       channel,
       onPressMenuModeration,
       onPressMenuMembers,
+      onPressMenuSearchInChannel,
       onPressMenuLeaveChannel,
       onPressMenuNotification,
       menuItemsCreator
@@ -40,12 +40,12 @@ const createGroupChannelSettingsFragment = initModule => {
       menuItemsCreator: menuItemsCreator,
       onPressMenuModeration: onPressMenuModeration,
       onPressMenuMembers: onPressMenuMembers,
+      onPressMenuSearchInChannel: onPressMenuSearchInChannel,
       onPressMenuLeaveChannel: onPressMenuLeaveChannel,
       onPressMenuNotification: onPressMenuNotification
     })));
   };
 };
-
 const styles = createStyleSheet({
   viewContainer: {
     paddingHorizontal: 16

package/lib/module/fragments/createGroupChannelSettingsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,gCAAP,MAA6C,wEAA7C;;AAGA,MAAMC,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAD,CAAnE;EAEA,OAAO,QAQD;IAAA,IARE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC,uBANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAab,aAAa,EAAhC;IACA,MAAM;MAAEc,IAAF;MAAQC;IAAR,IAAkBjB,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAES;IAA9C,gBACE,oBAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAED;IAAtD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAEU,eAAe,EAAEH,MAAM,CAACI;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEJ,IAAI,GAAGK,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEP,KAAK,GAAGI,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,oBAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAET,gBADpB;MAEE,qBAAqB,EAAEJ,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC,uBAJ3B;MAKE,uBAAuB,EAAEC;IAL3B,EARF,CAFF,CADF;EAqBD,CAjCD;AAkCD,CAvCD;;AAyCA,MAAMQ,MAAM,GAAGpB,gBAAgB,CAAC;EAC9BqB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAelB,kCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","_ref","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuSearchInChannel","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","left","right","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Info","Menu"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuSearchInChannel,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuSearchInChannel={onPressMenuSearchInChannel}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,OAAOC,gCAAgC,MAAM,wEAAwE;AAGrH,MAAMC,kCAAkC,GACtCC,UAAgD,IACf;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAU,CAAC;EAE/E,OAAOE,IAAA,IASD;IAAA,IATE;MACNC,iBAAiB,GAAGN,IAAI;MACxBO,OAAO;MACPC,qBAAqB;MACrBC,kBAAkB;MAClBC,0BAA0B;MAC1BC,uBAAuB;MACvBC,uBAAuB;MACvBC;IACF,CAAC,GAAAR,IAAA;IACC,MAAM;MAAES;IAAO,CAAC,GAAGf,aAAa,EAAE;IAClC,MAAM;MAAEgB,IAAI;MAAEC;IAAM,CAAC,GAAGnB,iBAAiB,EAAE;IAE3C,oBACEF,KAAA,CAAAsB,aAAA,CAACb,0BAA0B,CAACc,QAAQ;MAACX,OAAO,EAAEA;IAAQ,gBACpDZ,KAAA,CAAAsB,aAAA,CAACb,0BAA0B,CAACe,MAAM;MAACb,iBAAiB,EAAEA;IAAkB,EAAG,eAC3EX,KAAA,CAAAsB,aAAA,CAACrB,UAAU;MACTwB,KAAK,EAAE;QAAEC,eAAe,EAAEP,MAAM,CAACQ;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAET,IAAI,GAAGU,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEZ,KAAK,GAAGS,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEFhC,KAAA,CAAAsB,aAAA,CAACb,0BAA0B,CAACyB,IAAI,OAAG,eACnClC,KAAA,CAAAsB,aAAA,CAACb,0BAA0B,CAAC0B,IAAI;MAC9BjB,gBAAgB,EAAEA,gBAAiB;MACnCL,qBAAqB,EAAEA,qBAAsB;MAC7CC,kBAAkB,EAAEA,kBAAmB;MACvCC,0BAA0B,EAAEA,0BAA2B;MACvDC,uBAAuB,EAAEA,uBAAwB;MACjDC,uBAAuB,EAAEA;IAAwB,EACjD,CACS,CACuB;EAE1C,CAAC;AACH,CAAC;AAED,MAAMa,MAAM,GAAG3B,gBAAgB,CAAC;EAC9B4B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAezB,kCAAkC"}

package/lib/module/fragments/createMessageSearchFragment.js

@@ -0,0 +1,135 @@
+import React, { useRef, useState } from 'react';
+import { MessageSearchOrder } from '@sendbird/chat/message';
+import { Logger, NOOP, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';
+import { MessageSearchResultItem } from '../components/MessageSearchResultItem';
+import StatusComposition from '../components/StatusComposition';
+import { createMessageSearchModule } from '../domain/messageSearch';
+import { useSendbirdChat } from '../hooks/useContext';
+function getMessageSearchQuery(sdk, options) {
+  if (options.queryCreator) return options.queryCreator(options);
+  return sdk.createMessageSearchQuery(options);
+}
+const createMessageSearchFragment = initModule => {
+  const MessageSearchModule = createMessageSearchModule(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = NOOP,
+      channel,
+      queryCreator,
+      renderSearchResultItem,
+      onPressSearchResultItem
+    } = _ref;
+    const padding = useSafeAreaPadding(['left', 'right', 'bottom']);
+    const {
+      sdk
+    } = useSendbirdChat();
+    const {
+      keyword,
+      setKeyword,
+      search,
+      searchResults,
+      loading,
+      next,
+      error,
+      query
+    } = useMessageSearch(sdk, {
+      channel,
+      queryCreator
+    });
+    const renderItem = useFreshCallback(props => {
+      if (renderSearchResultItem) return renderSearchResultItem(props);
+      return /*#__PURE__*/React.createElement(MessageSearchResultItem, props);
+    });
+    return /*#__PURE__*/React.createElement(MessageSearchModule.Provider, null, /*#__PURE__*/React.createElement(MessageSearchModule.Header, {
+      keyword: keyword,
+      onChangeKeyword: setKeyword,
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: search
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(MessageSearchModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/React.createElement(MessageSearchModule.StatusError, {
+        onPressRetry: search
+      })
+    }, query && /*#__PURE__*/React.createElement(MessageSearchModule.List, {
+      channel: channel,
+      onPressSearchResultItem: onPressSearchResultItem,
+      messages: searchResults,
+      renderSearchResultItem: renderItem,
+      flatListProps: {
+        keyboardDismissMode: 'on-drag',
+        keyboardShouldPersistTaps: 'handled',
+        onEndReached: next,
+        ListEmptyComponent: MessageSearchModule.StatusEmpty,
+        contentContainerStyle: {
+          flexGrow: 1,
+          ...padding
+        }
+      }
+    })));
+  };
+};
+const useMessageSearch = (sdk, _ref2) => {
+  let {
+    channel,
+    queryCreator
+  } = _ref2;
+  const [query, setQuery] = useState();
+  const [keyword, setKeyword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [searchResults, setSearchResults] = useState([]);
+  const queryInProgress = useRef(false);
+  const search = useFreshCallback(async () => {
+    if (keyword.length <= 0) return;
+    if (queryInProgress.current) return;
+    const query = getMessageSearchQuery(sdk, {
+      keyword,
+      channelUrl: channel.url,
+      messageTimestampFrom: Math.max(channel.joinedAt, channel.invitedAt),
+      order: MessageSearchOrder.TIMESTAMP,
+      queryCreator
+    });
+    setQuery(query);
+    setLoading(true);
+    setError(null);
+    try {
+      queryInProgress.current = true;
+      const result = await query.next();
+      setSearchResults(result);
+    } catch (err) {
+      Logger.warn('[MessageSearchFragment] search failure', err);
+      setError(err);
+    } finally {
+      queryInProgress.current = false;
+      setLoading(false);
+    }
+  });
+  const next = useFreshCallback(async () => {
+    if (!(query !== null && query !== void 0 && query.hasNext)) return;
+    if (queryInProgress.current) return;
+    try {
+      queryInProgress.current = true;
+      const result = await query.next();
+      setSearchResults(prev => [...prev, ...result]);
+    } catch (err) {
+      Logger.warn('[MessageSearchFragment] next failure', err);
+      setError(err);
+    } finally {
+      queryInProgress.current = false;
+    }
+  });
+  return {
+    keyword,
+    setKeyword,
+    query,
+    loading,
+    error,
+    searchResults,
+    search,
+    next
+  };
+};
+export default createMessageSearchFragment;
+//# sourceMappingURL=createMessageSearchFragment.js.map

package/lib/module/fragments/createMessageSearchFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","MessageSearchOrder","Logger","NOOP","useFreshCallback","useSafeAreaPadding","MessageSearchResultItem","StatusComposition","createMessageSearchModule","useSendbirdChat","getMessageSearchQuery","sdk","options","queryCreator","createMessageSearchQuery","createMessageSearchFragment","initModule","MessageSearchModule","_ref","onPressHeaderLeft","channel","renderSearchResultItem","onPressSearchResultItem","padding","keyword","setKeyword","search","searchResults","loading","next","error","query","useMessageSearch","renderItem","props","createElement","Provider","Header","onChangeKeyword","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","messages","flatListProps","keyboardDismissMode","keyboardShouldPersistTaps","onEndReached","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","_ref2","setQuery","setLoading","setError","setSearchResults","queryInProgress","length","current","channelUrl","url","messageTimestampFrom","Math","max","joinedAt","invitedAt","order","TIMESTAMP","result","err","warn","hasNext","prev"],"sources":["createMessageSearchFragment.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport { MessageSearchOrder } from '@sendbird/chat/message';\nimport {\n  Logger,\n  NOOP,\n  SendbirdBaseMessage,\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdMessageSearchQuery,\n  useFreshCallback,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport { MessageSearchResultItem } from '../components/MessageSearchResultItem';\nimport StatusComposition from '../components/StatusComposition';\nimport { createMessageSearchModule } from '../domain/messageSearch';\nimport type { MessageSearchFragment, MessageSearchModule, MessageSearchProps } from '../domain/messageSearch/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype DefaultMessageSearchQueryParams = {\n  keyword: string;\n  channelUrl: string;\n  messageTimestampFrom: number;\n  order: MessageSearchOrder;\n};\n\ntype SearchQueryOptions = DefaultMessageSearchQueryParams & {\n  queryCreator?: (params: DefaultMessageSearchQueryParams) => SendbirdMessageSearchQuery;\n};\n\nfunction getMessageSearchQuery(sdk: SendbirdChatSDK, options: SearchQueryOptions) {\n  if (options.queryCreator) return options.queryCreator(options);\n  return sdk.createMessageSearchQuery(options);\n}\n\nconst createMessageSearchFragment = (initModule?: Partial<MessageSearchModule>): MessageSearchFragment => {\n  const MessageSearchModule = createMessageSearchModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, queryCreator, renderSearchResultItem, onPressSearchResultItem }) => {\n    const padding = useSafeAreaPadding(['left', 'right', 'bottom']);\n\n    const { sdk } = useSendbirdChat();\n    const { keyword, setKeyword, search, searchResults, loading, next, error, query } = useMessageSearch(sdk, {\n      channel,\n      queryCreator,\n    });\n\n    const renderItem: MessageSearchProps['List']['renderSearchResultItem'] = useFreshCallback((props) => {\n      if (renderSearchResultItem) return renderSearchResultItem(props);\n      return <MessageSearchResultItem {...props} />;\n    });\n\n    return (\n      <MessageSearchModule.Provider>\n        <MessageSearchModule.Header\n          keyword={keyword}\n          onChangeKeyword={setKeyword}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={search}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<MessageSearchModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<MessageSearchModule.StatusError onPressRetry={search} />}\n        >\n          {query && (\n            <MessageSearchModule.List\n              channel={channel}\n              onPressSearchResultItem={onPressSearchResultItem}\n              messages={searchResults}\n              renderSearchResultItem={renderItem}\n              flatListProps={{\n                keyboardDismissMode: 'on-drag',\n                keyboardShouldPersistTaps: 'handled',\n                onEndReached: next,\n                ListEmptyComponent: MessageSearchModule.StatusEmpty,\n                contentContainerStyle: { flexGrow: 1, ...padding },\n              }}\n            />\n          )}\n        </StatusComposition>\n      </MessageSearchModule.Provider>\n    );\n  };\n};\n\nconst useMessageSearch = (\n  sdk: SendbirdChatSDK,\n  { channel, queryCreator }: { channel: SendbirdGroupChannel; queryCreator: SearchQueryOptions['queryCreator'] },\n) => {\n  const [query, setQuery] = useState<SendbirdMessageSearchQuery>();\n  const [keyword, setKeyword] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const [searchResults, setSearchResults] = useState<SendbirdBaseMessage[]>([]);\n  const queryInProgress = useRef(false);\n\n  const search = useFreshCallback(async () => {\n    if (keyword.length <= 0) return;\n    if (queryInProgress.current) return;\n\n    const query = getMessageSearchQuery(sdk, {\n      keyword,\n      channelUrl: channel.url,\n      messageTimestampFrom: Math.max(channel.joinedAt, channel.invitedAt),\n      order: MessageSearchOrder.TIMESTAMP,\n      queryCreator,\n    });\n\n    setQuery(query);\n    setLoading(true);\n    setError(null);\n\n    try {\n      queryInProgress.current = true;\n      const result = await query.next();\n      setSearchResults(result);\n    } catch (err) {\n      Logger.warn('[MessageSearchFragment] search failure', err);\n      setError(err);\n    } finally {\n      queryInProgress.current = false;\n      setLoading(false);\n    }\n  });\n\n  const next = useFreshCallback(async () => {\n    if (!query?.hasNext) return;\n    if (queryInProgress.current) return;\n\n    try {\n      queryInProgress.current = true;\n      const result = await query.next();\n      setSearchResults((prev) => [...prev, ...result]);\n    } catch (err) {\n      Logger.warn('[MessageSearchFragment] next failure', err);\n      setError(err);\n    } finally {\n      queryInProgress.current = false;\n    }\n  });\n\n  return {\n    keyword,\n    setKeyword,\n\n    query,\n    loading,\n    error,\n    searchResults,\n\n    search,\n    next,\n  };\n};\n\nexport default createMessageSearchFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelBannedUsersFragment.js

@@ -1,19 +1,21 @@
 import React from 'react';
 import { useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, useFreshCallback } from '@sendbird/uikit-utils';
+import { useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelBannedUsersFragment = initModule => {
   const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);
   return _ref => {
     let {
-      onPressHeaderLeft = NOOP,
+      onPressHeaderLeft,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createBannedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       STRINGS
@@ -33,11 +35,8 @@ const createOpenChannelBannedUsersFragment = initModule => {
       refresh,
       error
     } = useUserList(sdk, {
-      queryCreator: () => channel.createBannedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -59,7 +58,6 @@ const createOpenChannelBannedUsersFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Header, {
@@ -79,6 +77,5 @@ const createOpenChannelBannedUsersFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelBannedUsersFragment;
 //# sourceMappingURL=createOpenChannelBannedUsersFragment.js.map

package/lib/module/fragments/createOpenChannelBannedUsersFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useUserList","useActionMenu","NOOP","useFreshCallback","StatusComposition","UserActionBar","createOpenChannelBannedUsersModule","useLocalization","useSendbirdChat","createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","onPressHeaderLeft","channel","renderUser","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","queryCreator","createBannedUserListQuery","limit","_renderUser","props","user","profileUrl","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","title","menuItems","UNBAN","onPress","unbanUser","then","Boolean"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, {\n      queryCreator: () => channel.createBannedUserListQuery({ limit: 20 }),\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useUserList","useActionMenu","useFreshCallback","StatusComposition","UserActionBar","createOpenChannelBannedUsersModule","useLocalization","useSendbirdChat","createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createBannedUserListQuery","limit","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","_renderUser","props","user","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNBAN","onPress","unbanUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","bannedUsers","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createBannedUserListQuery({ limit: 20 }),\n  }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, { queryCreator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelCreateFragment.js

@@ -4,7 +4,6 @@ import { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP, PASS } from '@sendbird/uikit-utils';
 import { createOpenChannelCreateModule } from '../domain/openChannelCreate';
 import { useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelCreateFragment = initModule => {
   const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);
   return _ref => {
@@ -23,11 +22,9 @@ const createOpenChannelCreateFragment = initModule => {
     const [loading, setLoading] = useState(false);
     const [channelName, setChannelName] = useState('');
     const [channelCoverFile, setChannelCoverFile] = useState(undefined);
-
     const shouldActivateHeaderRight = () => {
       return Boolean(currentUser) && channelName.trim() !== '';
     };
-
     const onPressHeaderRight = async () => {
       if (currentUser) {
         try {
@@ -46,7 +43,6 @@ const createOpenChannelCreateFragment = initModule => {
         }
       }
     };
-
     return /*#__PURE__*/React.createElement(OpenChannelCreateModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelCreateModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: onPressHeaderRight,
@@ -64,6 +60,5 @@ const createOpenChannelCreateFragment = initModule => {
     }, /*#__PURE__*/React.createElement(OpenChannelCreateModule.StatusLoading, null)));
   };
 };
-
 export default createOpenChannelCreateFragment;
 //# sourceMappingURL=createOpenChannelCreateFragment.js.map