@sendbird/uikit-react-native 2.0.2 → 2.1.0

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","refreshing","loading","error","refresh","next","useUserList","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","invitedUserIds","name","coverUrl","isDistinct","isBroadcast","isSuper","operatorUserIds","processedParams","channel","groupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdGroupChannelCreateParams, SendbirdUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } 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 defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (queryCreator && !renderUser) {\n        throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const sbUser = user as unknown as SendbirdUser;\n      const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n      const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n      const isMe = sbUser.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\n          onPress={() => {\n            sbSetSelectedUsers(([...draft]) => {\n              if (isSelected) draft.splice(userIdx, 1);\n              else draft.push(sbUser);\n              return draft;\n            });\n          }}\n        >\n          <UserSelectableBar\n            uri={sbUser.profileUrl}\n            name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n            selected={isSelected}\n            disabled={false}\n          />\n        </TouchableOpacity>\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params: SendbirdGroupChannelCreateParams = {\n              invitedUserIds: userIdsGenerator(users),\n              name: '',\n              coverUrl: '',\n              isDistinct: false,\n            };\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.groupChannel.createChannel(processedParams);\n            onCreateChannel(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 createGroupChannelCreateFragment;\n"],"mappings":"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"}
+{"version":3,"names":["createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","loading","error","refresh","next","useUserList","_renderUser","useFreshCallback","user","selectedUsers","setSelectedUsers","hasRequiredKey","Object","hasOwn","Error","isMe","userId","userIdx","findIndex","u","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","invitedUserIds","map","it","name","coverUrl","isDistinct","isBroadcast","isSuper","operatorUserIds","processedParams","channel","groupChannel","createChannel","Boolean"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { UserStruct, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { PASS, SendbirdGroupChannelCreateParams, SendbirdUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } 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 createGroupChannelCreateFragment = <UserType extends UserStruct>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (queryCreator && !renderUser) {\n        const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');\n        if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isMe = user.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\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 as unknown as SendbirdUser).profileUrl}\n            name={(user as unknown as SendbirdUser).nickname || STRINGS.LABELS.USER_NO_NAME}\n            selected={isSelected}\n            disabled={false}\n          />\n        </TouchableOpacity>\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params: SendbirdGroupChannelCreateParams = {\n              invitedUserIds: users.map((it) => it.userId),\n              name: '',\n              coverUrl: '',\n              isDistinct: false,\n            };\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.groupChannel.createChannel(processedParams);\n            onCreateChannel(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 createGroupChannelCreateFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelFragment.js

@@ -57,7 +57,6 @@ const createGroupChannelFragment = initModule => {
       currentUser
     } = (0, _useContext.useSendbirdChat)();
     const {
-      activeChannel,
       messages,
       nextMessages,
       newMessagesFromMembers,
@@ -115,7 +114,7 @@ const createGroupChannelFragment = initModule => {
       await updateUserMessage(message.messageId, processedParams);
     });
     return /*#__PURE__*/_react.default.createElement(GroupChannelModule.Provider, {
-      channel: activeChannel,
+      channel: channel,
       enableTypingIndicator: enableTypingIndicator,
       keyboardAvoidOffset: keyboardAvoidOffset
     }, /*#__PURE__*/_react.default.createElement(GroupChannelModule.Header, {
@@ -125,9 +124,9 @@ const createGroupChannelFragment = initModule => {
       loading: loading,
       LoadingComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusLoading, null)
     }, /*#__PURE__*/_react.default.createElement(GroupChannelModule.MessageList, {
+      channel: channel,
       enableMessageGrouping: enableMessageGrouping,
       currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
-      channel: activeChannel,
       renderMessage: _renderMessage,
       messages: messages,
       nextMessages: nextMessages,
@@ -141,8 +140,8 @@ const createGroupChannelFragment = initModule => {
       onPressImageMessage: onPressImageMessage,
       onPressMediaMessage: onPressMediaMessage,
       flatListProps: memoizedFlatListProps
-    }), shouldRenderInput(channel) && /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
-      channel: activeChannel,
+    }), /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
+      shouldRenderInput: shouldRenderInput(channel),
       onSendFileMessage: onSendFileMessage,
       onSendUserMessage: onSendUserMessage,
       onUpdateFileMessage: onUpdateFileMessage,

package/lib/commonjs/fragments/createGroupChannelFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","PASS","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","sdk","currentUser","useSendbirdChat","activeChannel","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","processedParams","onSendUserMessage","text","message","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText","shouldRenderInput","isBroadcast","myRole"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, SendbirdGroupChannel, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressImageMessage,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendFileMessage = PASS,\n    onBeforeSendUserMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      activeChannel,\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <MessageRenderer {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      await sendFileMessage(processedParams);\n    });\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(async (text) => {\n      const processedParams = await onBeforeSendUserMessage({ message: text });\n      await sendUserMessage(processedParams);\n    });\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message) => {\n        const processedParams = await onBeforeSendUserMessage({ message: editedText });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={activeChannel}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            channel={activeChannel}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressImageMessage={onPressImageMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          {shouldRenderInput(channel) && (\n            <GroupChannelModule.Input\n              channel={activeChannel}\n              onSendFileMessage={onSendFileMessage}\n              onSendUserMessage={onSendUserMessage}\n              onUpdateFileMessage={onUpdateFileMessage}\n              onUpdateUserMessage={onUpdateUserMessage}\n            />\n          )}\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n  if (channel.isBroadcast) {\n    return channel.myRole === 'operator';\n  }\n\n  return true;\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","PASS","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","sdk","currentUser","useSendbirdChat","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","processedParams","onSendUserMessage","text","message","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText","shouldRenderInput","isBroadcast","myRole"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, SendbirdGroupChannel, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressImageMessage,\n    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendFileMessage = PASS,\n    onBeforeSendUserMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <MessageRenderer {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      await sendFileMessage(processedParams);\n    });\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(async (text) => {\n      const processedParams = await onBeforeSendUserMessage({ message: text });\n      await sendUserMessage(processedParams);\n    });\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(\n      async (editedFile, message) => {\n        const processedParams = await onBeforeSendFileMessage({ file: editedFile });\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message) => {\n        const processedParams = await onBeforeSendUserMessage({ message: editedText });\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={channel}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            channel={channel}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressImageMessage={onPressImageMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <GroupChannelModule.Input\n            shouldRenderInput={shouldRenderInput(channel)}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nfunction shouldRenderInput(channel: SendbirdGroupChannel) {\n  if (channel.isBroadcast) {\n    return channel.myRole === 'operator';\n  }\n\n  return true;\n}\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelInviteFragment.js

@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
 
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 
-var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
 
 var _UserSelectableBar = _interopRequireDefault(require("../components/UserSelectableBar"));
@@ -27,19 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const defaultUserIdsGenerator = users => {
-  const userIds = users.map(user => {
-    // @ts-ignore
-    return user.userId;
-  }).filter(u => Boolean(u));
-
-  if (userIds.length === 0) {
-    _uikitUtils.Logger.warn('GroupChannelInviteFragment: Couldn\'t find user id to invite! if you provided "queryCreator", please provide "userIdsGenerator" as well');
-  }
-
-  return userIds;
-};
-
 const createGroupChannelInviteFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
   return _ref => {
@@ -47,7 +32,6 @@ const createGroupChannelInviteFragment = initModule => {
       channel,
       onPressHeaderLeft,
       onInviteMembers,
-      userIdsGenerator = defaultUserIdsGenerator,
       sortComparator,
       queryCreator,
       renderUser
@@ -69,40 +53,36 @@ const createGroupChannelInviteFragment = initModule => {
       queryCreator,
       sortComparator
     });
-    const {
-      activeChannel
-    } = (0, _uikitChatHooks.useActiveGroupChannel)(sdk, channel);
+    const memberIds = shouldFilterMember(channel) ? channel.members.map(it => it.userId) : [];
 
     const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
       if (queryCreator && !renderUser) {
-        throw new Error('You should provide "renderUser" when providing "queryCreator"');
+        const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');
+        if (!hasRequiredKey) throw new Error('You should provide "renderUser" when providing "queryCreator"');
       }
 
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
-      const sbUser = user;
-      const sbSelectedUsers = selectedUsers;
-      const sbSetSelectedUsers = setSelectedUsers;
-      const joinedUserIds = activeChannel.members.map(u => u.userId);
-      const userIdx = sbSelectedUsers.findIndex(u => u.userId === sbUser.userId);
-      const isSelected = userIdx > -1;
-      const isAlreadyJoined = joinedUserIds.includes(sbUser.userId);
+      const userIdxInMembers = memberIds.indexOf(user.userId);
+      const userIdxInSelectedUsers = selectedUsers.findIndex(it => it.userId === user.userId);
+      const isMember = userIdxInMembers > -1;
+      const isSelected = userIdxInSelectedUsers > -1;
       return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
         activeOpacity: 0.7,
-        disabled: isAlreadyJoined,
+        disabled: isMember,
         onPress: () => {
-          sbSetSelectedUsers(_ref2 => {
+          setSelectedUsers(_ref2 => {
             let [...draft] = _ref2;
-            if (isSelected) draft.splice(userIdx, 1);else draft.push(sbUser);
+            if (isSelected) draft.splice(userIdxInSelectedUsers, 1);else draft.push(user);
             return draft;
           });
         }
       }, /*#__PURE__*/_react.default.createElement(_UserSelectableBar.default, {
-        uri: sbUser.profileUrl,
-        name: sbUser.nickname || STRINGS.LABELS.USER_NO_NAME,
-        selected: isAlreadyJoined || isSelected,
-        disabled: isAlreadyJoined
+        uri: user.profileUrl,
+        name: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+        selected: isMember || isSelected,
+        disabled: isMember
       }));
-    }, [activeChannel, renderUser, queryCreator]);
+    }, [channel, renderUser, queryCreator]);
 
     return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({
@@ -112,8 +92,8 @@ const createGroupChannelInviteFragment = initModule => {
     }, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: async users => {
-        const userIds = userIdsGenerator(users);
-        const updatedChannel = await activeChannel.inviteWithUserIds(userIds);
+        const userIds = users.map(it => it.userId);
+        const updatedChannel = await channel.inviteWithUserIds(userIds);
         onInviteMembers(updatedChannel);
       }
     }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
@@ -134,6 +114,10 @@ const createGroupChannelInviteFragment = initModule => {
   };
 };
 
+function shouldFilterMember(channel) {
+  return !channel.isSuper && !channel.isBroadcast;
+}
+
 var _default = createGroupChannelInviteFragment;
 exports.default = _default;
 //# sourceMappingURL=createGroupChannelInviteFragment.js.map

package/lib/commonjs/fragments/createGroupChannelInviteFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelInviteFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onInviteMembers","userIdsGenerator","sortComparator","queryCreator","renderUser","sdk","useSendbirdChat","STRINGS","useLocalization","refreshing","refresh","next","error","loading","useUserList","activeChannel","useActiveGroupChannel","_renderUser","useCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","joinedUserIds","members","userIdx","findIndex","isSelected","isAlreadyJoined","includes","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_INVITE","HEADER_RIGHT","HEADER_TITLE","updatedChannel","inviteWithUserIds"],"sources":["createGroupChannelInviteFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useActiveGroupChannel, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelInviteFragment } 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 defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelInviteFragment: Couldn\\'t find user id to invite! if you provided \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelInviteFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelInviteFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onInviteMembers,\n    userIdsGenerator = defaultUserIdsGenerator,\n    sortComparator,\n    queryCreator,\n    renderUser,\n  }) => {\n    const { sdk } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n        }\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const sbUser = user as unknown as SendbirdUser;\n        const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n        const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n        const joinedUserIds = activeChannel.members.map((u) => u.userId);\n        const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n        const isSelected = userIdx > -1;\n\n        const isAlreadyJoined = joinedUserIds.includes(sbUser.userId);\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isAlreadyJoined}\n            onPress={() => {\n              sbSetSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(sbUser);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={sbUser.profileUrl}\n              name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n              selected={isAlreadyJoined || isSelected}\n              disabled={isAlreadyJoined}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [activeChannel, renderUser, queryCreator],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_INVITE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const userIds = userIdsGenerator(users);\n            const updatedChannel = await activeChannel.inviteWithUserIds(userIds);\n            onInviteMembers(updatedChannel);\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 createGroupChannelInviteFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;;;;;AAEA,MAAMA,uBAAuB,GAAQC,KAAL,IAAoB;EAClD,MAAMC,OAAO,GAAGD,KAAK,CAClBE,GADa,CACRC,IAAD,IAAU;IACb;IACA,OAAOA,IAAI,CAACC,MAAZ;EACD,CAJa,EAKbC,MALa,CAKLC,CAAD,IAAoBC,OAAO,CAACD,CAAD,CALrB,CAAhB;;EAOA,IAAIL,OAAO,CAACO,MAAR,KAAmB,CAAvB,EAA0B;IACxBC,kBAAA,CAAOC,IAAP,CACE,yIADF;EAGD;;EAED,OAAOT,OAAP;AACD,CAfD;;AAiBA,MAAMU,gCAAgC,GACpCC,UADuC,IAEE;EACzC,MAAMC,cAAc,GAAG,IAAAC,6BAAA,EAA+BF,UAA/B,CAAvB;EAEA,OAAO,QAQD;IAAA,IARE;MACNG,OADM;MAENC,iBAFM;MAGNC,eAHM;MAINC,gBAAgB,GAAGnB,uBAJb;MAKNoB,cALM;MAMNC,YANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAU,IAAAC,2BAAA,GAAhB;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEzB,KAAF;MAAS0B,UAAT;MAAqBC,OAArB;MAA8BC,IAA9B;MAAoCC,KAApC;MAA2CC;IAA3C,IAAuD,IAAAC,2BAAA,EAAYT,GAAZ,EAAiB;MAC5EF,YAD4E;MAE5ED;IAF4E,CAAjB,CAA7D;IAKA,MAAM;MAAEa;IAAF,IAAoB,IAAAC,qCAAA,EAAsBX,GAAtB,EAA2BP,OAA3B,CAA1B;;IAEA,MAAMmB,WAA2C,GAAG,IAAAC,kBAAA,EAClD,CAAChC,IAAD,EAAOiC,aAAP,EAAsBC,gBAAtB,KAA2C;MACzC,IAAIjB,YAAY,IAAI,CAACC,UAArB,EAAiC;QAC/B,MAAM,IAAIiB,KAAJ,CAAU,+DAAV,CAAN;MACD;;MACD,IAAIjB,UAAJ,EAAgB,OAAOA,UAAU,CAAClB,IAAD,EAAOiC,aAAP,EAAsBC,gBAAtB,CAAjB;MAEhB,MAAME,MAAM,GAAGpC,IAAf;MACA,MAAMqC,eAAe,GAAGJ,aAAxB;MACA,MAAMK,kBAAkB,GAAGJ,gBAA3B;MAEA,MAAMK,aAAa,GAAGV,aAAa,CAACW,OAAd,CAAsBzC,GAAtB,CAA2BI,CAAD,IAAOA,CAAC,CAACF,MAAnC,CAAtB;MACA,MAAMwC,OAAO,GAAGJ,eAAe,CAACK,SAAhB,CAA2BvC,CAAD,IAAOA,CAAC,CAACF,MAAF,KAAamC,MAAM,CAACnC,MAArD,CAAhB;MACA,MAAM0C,UAAU,GAAGF,OAAO,GAAG,CAAC,CAA9B;MAEA,MAAMG,eAAe,GAAGL,aAAa,CAACM,QAAd,CAAuBT,MAAM,CAACnC,MAA9B,CAAxB;MAEA,oBACE,6BAAC,6BAAD;QACE,aAAa,EAAE,GADjB;QAEE,QAAQ,EAAE2C,eAFZ;QAGE,OAAO,EAAE,MAAM;UACbN,kBAAkB,CAAC,SAAgB;YAAA,IAAf,CAAC,GAAGQ,KAAJ,CAAe;YACjC,IAAIH,UAAJ,EAAgBG,KAAK,CAACC,MAAN,CAAaN,OAAb,EAAsB,CAAtB,EAAhB,KACKK,KAAK,CAACE,IAAN,CAAWZ,MAAX;YACL,OAAOU,KAAP;UACD,CAJiB,CAAlB;QAKD;MATH,gBAWE,6BAAC,0BAAD;QACE,GAAG,EAAEV,MAAM,CAACa,UADd;QAEE,IAAI,EAAEb,MAAM,CAACc,QAAP,IAAmB7B,OAAO,CAAC8B,MAAR,CAAeC,YAF1C;QAGE,QAAQ,EAAER,eAAe,IAAID,UAH/B;QAIE,QAAQ,EAAEC;MAJZ,EAXF,CADF;IAoBD,CArCiD,EAsClD,CAACf,aAAD,EAAgBX,UAAhB,EAA4BD,YAA5B,CAtCkD,CAApD;;IAwCA,oBACE,6BAAC,cAAD,CAAgB,QAAhB;MACE,WAAW,EAAGgB,aAAD,IAAmBZ,OAAO,CAACgC,oBAAR,CAA6BC,YAA7B,CAA0C;QAAErB;MAAF,CAA1C,CADlC;MAEE,WAAW,EAAEZ,OAAO,CAACgC,oBAAR,CAA6BE;IAF5C,gBAIE,6BAAC,cAAD,CAAgB,MAAhB;MACE,iBAAiB,EAAE1C,iBADrB;MAEE,kBAAkB,EAAE,MAAOhB,KAAP,IAAiB;QACnC,MAAMC,OAAO,GAAGiB,gBAAgB,CAAClB,KAAD,CAAhC;QACA,MAAM2D,cAAc,GAAG,MAAM3B,aAAa,CAAC4B,iBAAd,CAAgC3D,OAAhC,CAA7B;QACAgB,eAAe,CAAC0C,cAAD,CAAf;MACD;IANH,EAJF,eAYE,6BAAC,0BAAD;MACE,OAAO,EAAE7B,OADX;MAEE,KAAK,EAAEvB,OAAO,CAACsB,KAAD,CAFhB;MAGE,gBAAgB,eAAE,6BAAC,cAAD,CAAgB,aAAhB,OAHpB;MAIE,cAAc,eAAE,6BAAC,cAAD,CAAgB,WAAhB;QAA4B,YAAY,EAAE,MAAMF,OAAO;MAAvD;IAJlB,gBAME,6BAAC,cAAD,CAAgB,IAAhB;MACE,UAAU,EAAEC,IADd;MAEE,KAAK,EAAE5B,KAFT;MAGE,UAAU,EAAEkC,WAHd;MAIE,SAAS,EAAEP,OAJb;MAKE,UAAU,EAAED,UALd;MAME,kBAAkB,eAAE,6BAAC,cAAD,CAAgB,WAAhB;IANtB,EANF,CAZF,CADF;EA8BD,CAxFD;AAyFD,CA9FD;;eAgGef,gC"}
+{"version":3,"names":["createGroupChannelInviteFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onInviteMembers","sortComparator","queryCreator","renderUser","sdk","useSendbirdChat","STRINGS","useLocalization","users","refreshing","refresh","next","error","loading","useUserList","memberIds","shouldFilterMember","members","map","it","userId","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","hasRequiredKey","Object","hasOwn","Error","userIdxInMembers","indexOf","userIdxInSelectedUsers","findIndex","isMember","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_INVITE","HEADER_RIGHT","HEADER_TITLE","userIds","updatedChannel","inviteWithUserIds","Boolean","isSuper","isBroadcast"],"sources":["createGroupChannelInviteFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { UserStruct, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelInviteFragment } 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 createGroupChannelInviteFragment = <UserType extends UserStruct>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelInviteFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onInviteMembers, sortComparator, queryCreator, renderUser }) => {\n    const { sdk } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const memberIds = shouldFilterMember(channel) ? channel.members.map((it) => it.userId) : [];\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');\n          if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n        }\n\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdxInMembers = memberIds.indexOf(user.userId);\n        const userIdxInSelectedUsers = selectedUsers.findIndex((it) => it.userId === user.userId);\n\n        const isMember = userIdxInMembers > -1;\n        const isSelected = userIdxInSelectedUsers > -1;\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isMember}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdxInSelectedUsers, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={(user as unknown as SendbirdUser).profileUrl}\n              name={(user as unknown as SendbirdUser).nickname || STRINGS.LABELS.USER_NO_NAME}\n              selected={isMember || isSelected}\n              disabled={isMember}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser, queryCreator],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_INVITE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const userIds = users.map((it) => it.userId);\n            const updatedChannel = await channel.inviteWithUserIds(userIds);\n            onInviteMembers(updatedChannel);\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\nfunction shouldFilterMember(channel: SendbirdGroupChannel) {\n  return !channel.isSuper && !channel.isBroadcast;\n}\n\nexport default createGroupChannelInviteFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelListFragment.js

@@ -31,7 +31,6 @@ const createGroupChannelListFragment = initModule => {
   const GroupChannelListModule = (0, _createGroupChannelListModule.default)(initModule);
   return _ref => {
     let {
-      TypeSelectorHeader,
       onPressChannel,
       onPressCreateChannel,
       queryCreator,
@@ -76,12 +75,7 @@ const createGroupChannelListFragment = initModule => {
       });
     });
 
-    if (!currentUser) {
-      _uikitUtils.Logger.warn('Cannot render GroupChannelListFragment, please connect using `useConnection()` hook first');
-
-      return null;
-    }
-
+    const isChannelTypeAvailable = features.broadcastChannelEnabled || features.superGroupChannelEnabled;
     return /*#__PURE__*/_react.default.createElement(GroupChannelListModule.Provider, null, /*#__PURE__*/_react.default.createElement(GroupChannelListModule.Header, null), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
       loading: loading,
       LoadingComponent: /*#__PURE__*/_react.default.createElement(GroupChannelListModule.StatusLoading, null)
@@ -98,8 +92,7 @@ const createGroupChannelListFragment = initModule => {
         ...flatListProps
       }
     })), /*#__PURE__*/_react.default.createElement(GroupChannelListModule.TypeSelector, {
-      skipTypeSelection: skipTypeSelection,
-      Header: TypeSelectorHeader,
+      skipTypeSelection: isChannelTypeAvailable ? skipTypeSelection : true,
       onSelectType: onPressCreateChannel
     }));
   };

package/lib/commonjs/fragments/createGroupChannelListFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelListFragment","initModule","GroupChannelListModule","createGroupChannelListModule","TypeSelectorHeader","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","PASS","sdk","currentUser","features","markAsDeliveredWithChannel","useSendbirdChat","groupChannels","next","loading","useGroupChannelList","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","useEffect","listener","AppState","addEventListener","status","forEach","remove","_renderGroupChannelPreview","useFreshCallback","channel","onLongPressChannel","Logger","warn","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppState } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    TypeSelectorHeader,\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    collectionCreator,\n    renderGroupChannelPreview,\n    skipTypeSelection = false,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      collectionCreator,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <GroupChannelPreviewContainer\n            channel={channel}\n            onPress={() => onPressChannel(channel)}\n            onLongPress={() => onLongPressChannel()}\n          />\n        );\n      },\n    );\n\n    if (!currentUser) {\n      Logger.warn('Cannot render GroupChannelListFragment, please connect using `useConnection()` hook first');\n      return null;\n    }\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          skipTypeSelection={skipTypeSelection}\n          Header={TypeSelectorHeader}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AAMA;;;;;;;;AAEA,MAAMA,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAG,IAAAC,qCAAA,EAA6BF,UAA7B,CAA/B;EACA,OAAO,QAUD;IAAA,IAVE;MACNG,kBADM;MAENC,cAFM;MAGNC,oBAHM;MAINC,YAJM;MAKNC,iBALM;MAMNC,yBANM;MAONC,iBAAiB,GAAG,KAPd;MAQNC,aAAa,GAAG,EARV;MASNC,eAAe,GAAGC;IATZ,CAUF;IACJ,MAAM;MAAEC,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6D,IAAAC,2BAAA,GAAnE;IACA,MAAM;MAAEC,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC,IAAAC,mCAAA,EAAoBR,GAApB,EAAyBC,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEQ,MAAtC,EAA8C;MACrFhB,YADqF;MAErFC,iBAFqF;MAGrFgB,iCAAiC,EAAE,CAACjB;IAHiD,CAA9C,CAAzC;;IAMA,IAAIS,QAAQ,CAACS,sBAAb,EAAqC;MACnC,IAAAC,gBAAA,EAAU,MAAM;QACd,MAAMC,QAAQ,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBX,aAAa,CAACY,OAAd,CAAsBd,0BAAtB;QAC1B,CAFgB,CAAjB;;QAGA,OAAO,MAAMU,QAAQ,CAACK,MAAT,EAAb;MACD,CALD,EAKG,EALH;IAMD;;IAED,MAAMC,0BAAsF,GAAG,IAAAC,4BAAA,EAC7F,CAACC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAI3B,yBAAJ,EAA+B,OAAOA,yBAAyB,CAAC0B,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,6BAAC,qCAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAM9B,cAAc,CAAC8B,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4F,CAA/F;;IAaA,IAAI,CAACrB,WAAL,EAAkB;MAChBsB,kBAAA,CAAOC,IAAP,CAAY,2FAAZ;;MACA,OAAO,IAAP;IACD;;IAED,oBACE,6BAAC,sBAAD,CAAwB,QAAxB,qBACE,6BAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,6BAAC,0BAAD;MAAmB,OAAO,EAAEjB,OAA5B;MAAqC,gBAAgB,eAAE,6BAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,6BAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAET,eADnB;MAEE,yBAAyB,EAAEqB,0BAF7B;MAGE,aAAa,EAAEd,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACbmB,kBAAkB,eAAE,6BAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAG9B;MAHU;IALjB,EADF,CAFF,eAeE,6BAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAED,iBADrB;MAEE,MAAM,EAAEN,kBAFV;MAGE,YAAY,EAAEE;IAHhB,EAfF,CADF;EAuBD,CApED;AAqED,CAvED;;eAyEeN,8B"}
+{"version":3,"names":["createGroupChannelListFragment","initModule","GroupChannelListModule","createGroupChannelListModule","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","PASS","sdk","currentUser","features","markAsDeliveredWithChannel","useSendbirdChat","groupChannels","next","loading","useGroupChannelList","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","useEffect","listener","AppState","addEventListener","status","forEach","remove","_renderGroupChannelPreview","useFreshCallback","channel","onLongPressChannel","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppState } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { PASS, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    collectionCreator,\n    renderGroupChannelPreview,\n    skipTypeSelection = false,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      collectionCreator,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <GroupChannelPreviewContainer\n            channel={channel}\n            onPress={() => onPressChannel(channel)}\n            onLongPress={() => onLongPressChannel()}\n          />\n        );\n      },\n    );\n\n    const isChannelTypeAvailable = features.broadcastChannelEnabled || features.superGroupChannelEnabled;\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          skipTypeSelection={isChannelTypeAvailable ? skipTypeSelection : true}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AAMA;;;;;;;;AAEA,MAAMA,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAG,IAAAC,qCAAA,EAA6BF,UAA7B,CAA/B;EACA,OAAO,QASD;IAAA,IATE;MACNG,cADM;MAENC,oBAFM;MAGNC,YAHM;MAINC,iBAJM;MAKNC,yBALM;MAMNC,iBAAiB,GAAG,KANd;MAONC,aAAa,GAAG,EAPV;MAQNC,eAAe,GAAGC;IARZ,CASF;IACJ,MAAM;MAAEC,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6D,IAAAC,2BAAA,GAAnE;IACA,MAAM;MAAEC,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmC,IAAAC,mCAAA,EAAoBR,GAApB,EAAyBC,WAAzB,aAAyBA,WAAzB,uBAAyBA,WAAW,CAAEQ,MAAtC,EAA8C;MACrFhB,YADqF;MAErFC,iBAFqF;MAGrFgB,iCAAiC,EAAE,CAACjB;IAHiD,CAA9C,CAAzC;;IAMA,IAAIS,QAAQ,CAACS,sBAAb,EAAqC;MACnC,IAAAC,gBAAA,EAAU,MAAM;QACd,MAAMC,QAAQ,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBX,aAAa,CAACY,OAAd,CAAsBd,0BAAtB;QAC1B,CAFgB,CAAjB;;QAGA,OAAO,MAAMU,QAAQ,CAACK,MAAT,EAAb;MACD,CALD,EAKG,EALH;IAMD;;IAED,MAAMC,0BAAsF,GAAG,IAAAC,4BAAA,EAC7F,CAACC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAI3B,yBAAJ,EAA+B,OAAOA,yBAAyB,CAAC0B,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,6BAAC,qCAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAM9B,cAAc,CAAC8B,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4F,CAA/F;;IAaA,MAAMC,sBAAsB,GAAGrB,QAAQ,CAACsB,uBAAT,IAAoCtB,QAAQ,CAACuB,wBAA5E;IAEA,oBACE,6BAAC,sBAAD,CAAwB,QAAxB,qBACE,6BAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,6BAAC,0BAAD;MAAmB,OAAO,EAAElB,OAA5B;MAAqC,gBAAgB,eAAE,6BAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,6BAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAET,eADnB;MAEE,yBAAyB,EAAEqB,0BAF7B;MAGE,aAAa,EAAEd,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACboB,kBAAkB,eAAE,6BAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAG/B;MAHU;IALjB,EADF,CAFF,eAeE,6BAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAE0B,sBAAsB,GAAG3B,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA/DD;AAgED,CAlED;;eAoEeL,8B"}

package/lib/commonjs/fragments/createGroupChannelMembersFragment.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 
@@ -13,6 +13,8 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 
 var _uikitUtils = require("@sendbird/uikit-utils");
 
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+
 var _UserActionBar = _interopRequireDefault(require("../components/UserActionBar"));
 
 var _createUserListModule = _interopRequireDefault(require("../domain/userList/module/createUserListModule"));
@@ -21,9 +23,13 @@ var _useContext = require("../hooks/useContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const noop = () => '';
 
-const name = 'createGroupChannelMembersFragment';
+const HOOK_NAME = 'createGroupChannelMembersFragment';
 
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
@@ -34,8 +40,8 @@ const createGroupChannelMembersFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = (0, _uikitUtils.useUniqId)(name);
-    const forceUpdate = (0, _uikitUtils.useForceUpdate)();
+    const uniqId = (0, _uikitUtils.useUniqId)(HOOK_NAME);
+    const refreshSchedule = (0, _react.useRef)();
     const {
       STRINGS
     } = (0, _useContext.useLocalization)();
@@ -43,55 +49,64 @@ const createGroupChannelMembersFragment = initModule => {
       sdk,
       currentUser
     } = (0, _useContext.useSendbirdChat)();
+    const {
+      openMenu
+    } = (0, _uikitReactNativeFoundation.useActionMenu)();
     const {
       show
-    } = (0, _useContext.useProfileCard)();
+    } = (0, _useContext.useUserProfile)();
     const {
-      activeChannel
-    } = (0, _uikitChatHooks.useActiveGroupChannel)(sdk, channel);
-    (0, _uikitChatHooks.useChannelHandler)(sdk, `${name}_${uniqId}`, {
-      // Note: Removed from v4
-      // onUserEntered(channel) {
-      //   if (channel.url === activeChannel.url) forceUpdate();
-      // },
-      onUserLeft(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
-
-      onUserJoined(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
-
-      onUserUnmuted(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
-
-      onUserUnbanned(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+      users,
+      refresh,
+      loading,
+      next,
+      error,
+      upsertUser,
+      deleteUser
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator: () => channel.createMemberListQuery({
+        limit: 20
+      })
+    });
+    (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
+      onUserLeft(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
       },
 
-      onUserBanned(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+      onUserBanned(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
       },
 
-      onUserMuted(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+      onOperatorUpdated(eventChannel) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);
+        refreshSchedule.current = setTimeout(() => refresh(), 500);
       },
 
-      onChannelMemberCountChanged(channels) {
-        if (channels.find(c => c.url === channel.url)) forceUpdate();
-      },
+      onUserMuted(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isGroupChannel()) return;
+        const memberFromChannel = eventChannel.members.find(it => it.userId === user.userId);
+        if (memberFromChannel) return upsertUser(memberFromChannel);
+        const memberFromList = users.find(it => it.userId === user.userId);
 
-      onChannelChanged(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+        if (memberFromList) {
+          memberFromList.isMuted = true;
+          upsertUser(memberFromList);
+        }
       },
 
-      onChannelFrozen(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
+      onUserUnmuted(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isGroupChannel()) return;
+        const memberFromChannel = eventChannel.members.find(it => it.userId === user.userId);
+        if (memberFromChannel) return upsertUser(memberFromChannel);
+        const memberFromList = users.find(it => it.userId === user.userId);
 
-      onChannelUnfrozen(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+        if (memberFromList) {
+          memberFromList.isMuted = false;
+          upsertUser(memberFromList);
+        }
       }
 
     });
@@ -101,11 +116,33 @@ const createGroupChannelMembersFragment = initModule => {
       return /*#__PURE__*/_react.default.createElement(_UserActionBar.default, {
         muted: user.isMuted,
         uri: user.profileUrl,
-        label: user.role === 'operator' ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : '',
-        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : ''),
-        disabled: user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) // TODO: implement ban/mute actions, use channel.members with handlers instead member query
-        ,
-        onPressActionMenu: undefined,
+        label: user.role === 'operator' ? STRINGS.LABELS.USER_BAR_OPERATOR : '',
+        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : ''),
+        disabled: user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId),
+        onPressActionMenu: (0, _uikitUtils.ifOperator)(channel.myRole, () => {
+          const menuItems = [];
+          menuItems.push({
+            title: (0, _uikitUtils.ifOperator)(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),
+            onPress: (0, _uikitUtils.ifOperator)(user.role, () => channel.removeOperators([user.userId]), () => channel.addOperators([user.userId]))
+          });
+
+          if (!channel.isBroadcast) {
+            menuItems.push({
+              title: (0, _uikitUtils.ifMuted)(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
+              onPress: (0, _uikitUtils.ifMuted)(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
+            });
+          }
+
+          menuItems.push({
+            title: STRINGS.LABELS.BAN,
+            style: 'destructive',
+            onPress: () => channel.banUser(user)
+          });
+          openMenu({
+            title: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+            menuItems
+          });
+        }),
         onPressAvatar: () => show(user)
       });
     });
@@ -120,12 +157,19 @@ const createGroupChannelMembersFragment = initModule => {
         icon: 'plus'
       }),
       onPressHeaderRight: async () => onPressHeaderRight()
-    }), /*#__PURE__*/_react.default.createElement(UserListModule.List, {
-      users: activeChannel.members,
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.List, {
+      users: users,
       renderUser: _renderUser,
-      onLoadNext: async () => void 0,
+      onLoadNext: next,
       ListEmptyComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusEmpty, null)
-    }));
+    })));
   };
 };