@sendbird/uikit-react-native 2.0.2 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useGroupChannelMessages","NOOP","PASS","messageComparator","useFreshCallback","MessageRenderer","NewMessagesButton","ScrollToBottomButton","StatusComposition","createGroupChannelModule","useSendbirdChat","createGroupChannelFragment","initModule","GroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","onPressHeaderRight","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","sdk","currentUser","activeChannel","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","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":["React","useMemo","useGroupChannelMessages","NOOP","PASS","messageComparator","useFreshCallback","MessageRenderer","NewMessagesButton","ScrollToBottomButton","StatusComposition","createGroupChannelModule","useSendbirdChat","createGroupChannelFragment","initModule","GroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","onPressHeaderRight","onPressImageMessage","onPressMediaMessage","onChannelDeleted","onBeforeSendFileMessage","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","sdk","currentUser","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","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/module/fragments/createGroupChannelInviteFragment.js

@@ -1,25 +1,11 @@
 import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
-import { useActiveGroupChannel, useUserList } from '@sendbird/uikit-chat-hooks';
-import { Logger } from '@sendbird/uikit-utils';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
 import StatusComposition from '../components/StatusComposition';
 import UserSelectableBar from '../components/UserSelectableBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 
-const defaultUserIdsGenerator = users => {
-  const userIds = users.map(user => {
-    // @ts-ignore
-    return user.userId;
-  }).filter(u => Boolean(u));
-
-  if (userIds.length === 0) {
-    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 = createUserListModule(initModule);
   return _ref => {
@@ -27,7 +13,6 @@ const createGroupChannelInviteFragment = initModule => {
       channel,
       onPressHeaderLeft,
       onInviteMembers,
-      userIdsGenerator = defaultUserIdsGenerator,
       sortComparator,
       queryCreator,
       renderUser
@@ -49,40 +34,36 @@ const createGroupChannelInviteFragment = initModule => {
       queryCreator,
       sortComparator
     });
-    const {
-      activeChannel
-    } = useActiveGroupChannel(sdk, channel);
+    const memberIds = shouldFilterMember(channel) ? channel.members.map(it => it.userId) : [];
 
     const _renderUser = 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.createElement(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.createElement(UserSelectableBar, {
-        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.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({
@@ -92,8 +73,8 @@ const createGroupChannelInviteFragment = initModule => {
     }, /*#__PURE__*/React.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.createElement(StatusComposition, {
@@ -114,5 +95,9 @@ const createGroupChannelInviteFragment = initModule => {
   };
 };
 
+function shouldFilterMember(channel) {
+  return !channel.isSuper && !channel.isBroadcast;
+}
+
 export default createGroupChannelInviteFragment;
 //# sourceMappingURL=createGroupChannelInviteFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","TouchableOpacity","useActiveGroupChannel","useUserList","Logger","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","warn","createGroupChannelInviteFragment","initModule","UserListModule","channel","onPressHeaderLeft","onInviteMembers","userIdsGenerator","sortComparator","queryCreator","renderUser","sdk","STRINGS","refreshing","refresh","next","error","loading","activeChannel","_renderUser","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":"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"}
+{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelInviteFragment","initModule","UserListModule","channel","onPressHeaderLeft","onInviteMembers","sortComparator","queryCreator","renderUser","sdk","STRINGS","users","refreshing","refresh","next","error","loading","memberIds","shouldFilterMember","members","map","it","userId","_renderUser","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/module/fragments/createGroupChannelListFragment.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { AppState } from 'react-native';
 import { useGroupChannelList } from '@sendbird/uikit-chat-hooks';
-import { Logger, PASS, useFreshCallback } from '@sendbird/uikit-utils';
+import { PASS, useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';
 import createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';
@@ -11,7 +11,6 @@ const createGroupChannelListFragment = initModule => {
   const GroupChannelListModule = createGroupChannelListModule(initModule);
   return _ref => {
     let {
-      TypeSelectorHeader,
       onPressChannel,
       onPressCreateChannel,
       queryCreator,
@@ -55,11 +54,7 @@ const createGroupChannelListFragment = initModule => {
       });
     });
 
-    if (!currentUser) {
-      Logger.warn('Cannot render GroupChannelListFragment, please connect using `useConnection()` hook first');
-      return null;
-    }
-
+    const isChannelTypeAvailable = features.broadcastChannelEnabled || features.superGroupChannelEnabled;
     return /*#__PURE__*/React.createElement(GroupChannelListModule.Provider, null, /*#__PURE__*/React.createElement(GroupChannelListModule.Header, null), /*#__PURE__*/React.createElement(StatusComposition, {
       loading: loading,
       LoadingComponent: /*#__PURE__*/React.createElement(GroupChannelListModule.StatusLoading, null)
@@ -76,8 +71,7 @@ const createGroupChannelListFragment = initModule => {
         ...flatListProps
       }
     })), /*#__PURE__*/React.createElement(GroupChannelListModule.TypeSelector, {
-      skipTypeSelection: skipTypeSelection,
-      Header: TypeSelectorHeader,
+      skipTypeSelection: isChannelTypeAvailable ? skipTypeSelection : true,
       onSelectType: onPressCreateChannel
     }));
   };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","AppState","useGroupChannelList","Logger","PASS","useFreshCallback","StatusComposition","GroupChannelPreviewContainer","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","TypeSelectorHeader","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","sdk","currentUser","features","markAsDeliveredWithChannel","groupChannels","next","loading","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","listener","addEventListener","status","forEach","remove","_renderGroupChannelPreview","channel","onLongPressChannel","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":"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"}
+{"version":3,"names":["React","useEffect","AppState","useGroupChannelList","PASS","useFreshCallback","StatusComposition","GroupChannelPreviewContainer","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","sdk","currentUser","features","markAsDeliveredWithChannel","groupChannels","next","loading","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","listener","addEventListener","status","forEach","remove","_renderGroupChannelPreview","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,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,mBAAT,QAAoC,4BAApC;AACA,SAASC,IAAT,EAAeC,gBAAf,QAAuC,uBAAvC;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,4BAAP,MAAyC,4CAAzC;AACA,OAAOC,4BAAP,MAAyC,gEAAzC;AAMA,SAASC,eAAT,QAAgC,qBAAhC;;AAEA,MAAMC,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAGJ,4BAA4B,CAACG,UAAD,CAA3D;EACA,OAAO,QASD;IAAA,IATE;MACNE,cADM;MAENC,oBAFM;MAGNC,YAHM;MAINC,iBAJM;MAKNC,yBALM;MAMNC,iBAAiB,GAAG,KANd;MAONC,aAAa,GAAG,EAPV;MAQNC,eAAe,GAAGhB;IARZ,CASF;IACJ,MAAM;MAAEiB,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6Df,eAAe,EAAlF;IACA,MAAM;MAAEgB,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmCxB,mBAAmB,CAACkB,GAAD,EAAMC,WAAN,aAAMA,WAAN,uBAAMA,WAAW,CAAEM,MAAnB,EAA2B;MACrFb,YADqF;MAErFC,iBAFqF;MAGrFa,iCAAiC,EAAE,CAACd;IAHiD,CAA3B,CAA5D;;IAMA,IAAIQ,QAAQ,CAACO,sBAAb,EAAqC;MACnC7B,SAAS,CAAC,MAAM;QACd,MAAM8B,QAAQ,GAAG7B,QAAQ,CAAC8B,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBR,aAAa,CAACS,OAAd,CAAsBV,0BAAtB;QAC1B,CAFgB,CAAjB;QAGA,OAAO,MAAMO,QAAQ,CAACI,MAAT,EAAb;MACD,CALQ,EAKN,EALM,CAAT;IAMD;;IAED,MAAMC,0BAAsF,GAAG/B,gBAAgB,CAC7G,CAACgC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAIrB,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACoB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,oBAAC,4BAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAMxB,cAAc,CAACwB,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4G,CAA/G;;IAaA,MAAMC,sBAAsB,GAAGhB,QAAQ,CAACiB,uBAAT,IAAoCjB,QAAQ,CAACkB,wBAA5E;IAEA,oBACE,oBAAC,sBAAD,CAAwB,QAAxB,qBACE,oBAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,oBAAC,iBAAD;MAAmB,OAAO,EAAEd,OAA5B;MAAqC,gBAAgB,eAAE,oBAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,oBAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAEP,eADnB;MAEE,yBAAyB,EAAEgB,0BAF7B;MAGE,aAAa,EAAEX,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACbgB,kBAAkB,eAAE,oBAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGzB;MAHU;IALjB,EADF,CAFF,eAeE,oBAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAEoB,sBAAsB,GAAGrB,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA/DD;AAgED,CAlED;;AAoEA,eAAeJ,8BAAf"}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -1,14 +1,15 @@
-import React from 'react';
-import { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';
-import { Icon } from '@sendbird/uikit-react-native-foundation';
-import { useForceUpdate, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import React, { useRef } from 'react';
+import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
+import { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';
+import { ifMuted, ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
-import { useLocalization, useProfileCard, useSendbirdChat } from '../hooks/useContext';
+import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
 
 const noop = () => '';
 
-const name = 'createGroupChannelMembersFragment';
+const HOOK_NAME = 'createGroupChannelMembersFragment';
 
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
@@ -19,8 +20,8 @@ const createGroupChannelMembersFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(name);
-    const forceUpdate = useForceUpdate();
+    const uniqId = useUniqId(HOOK_NAME);
+    const refreshSchedule = useRef();
     const {
       STRINGS
     } = useLocalization();
@@ -28,55 +29,64 @@ const createGroupChannelMembersFragment = initModule => {
       sdk,
       currentUser
     } = useSendbirdChat();
+    const {
+      openMenu
+    } = useActionMenu();
     const {
       show
-    } = useProfileCard();
+    } = useUserProfile();
     const {
-      activeChannel
-    } = useActiveGroupChannel(sdk, channel);
-    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();
+      users,
+      refresh,
+      loading,
+      next,
+      error,
+      upsertUser,
+      deleteUser
+    } = useUserList(sdk, {
+      queryCreator: () => channel.createMemberListQuery({
+        limit: 20
+      })
+    });
+    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+      onUserLeft(eventChannel, user) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        deleteUser(user.userId);
       },
 
-      onUserUnbanned(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+      onUserBanned(eventChannel, user) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        deleteUser(user.userId);
       },
 
-      onUserBanned(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
+      onOperatorUpdated(eventChannel) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);
+        refreshSchedule.current = setTimeout(() => refresh(), 500);
       },
 
-      onUserMuted(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
+      onUserMuted(eventChannel, user) {
+        if (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);
 
-      onChannelMemberCountChanged(channels) {
-        if (channels.find(c => c.url === channel.url)) forceUpdate();
+        if (memberFromList) {
+          memberFromList.isMuted = true;
+          upsertUser(memberFromList);
+        }
       },
 
-      onChannelChanged(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
-
-      onChannelFrozen(channel) {
-        if (channel.url === activeChannel.url) forceUpdate();
-      },
+      onUserUnmuted(eventChannel, user) {
+        if (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);
+        }
       }
 
     });
@@ -86,11 +96,33 @@ const createGroupChannelMembersFragment = initModule => {
       return /*#__PURE__*/React.createElement(UserActionBar, {
         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: ifOperator(channel.myRole, () => {
+          const menuItems = [];
+          menuItems.push({
+            title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),
+            onPress: ifOperator(user.role, () => channel.removeOperators([user.userId]), () => channel.addOperators([user.userId]))
+          });
+
+          if (!channel.isBroadcast) {
+            menuItems.push({
+              title: ifMuted(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
+              onPress: 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)
       });
     });
@@ -105,12 +137,19 @@ const createGroupChannelMembersFragment = initModule => {
         icon: 'plus'
       }),
       onPressHeaderRight: async () => onPressHeaderRight()
-    }), /*#__PURE__*/React.createElement(UserListModule.List, {
-      users: activeChannel.members,
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(UserListModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/React.createElement(UserListModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/React.createElement(UserListModule.List, {
+      users: users,
       renderUser: _renderUser,
-      onLoadNext: async () => void 0,
+      onLoadNext: next,
       ListEmptyComponent: /*#__PURE__*/React.createElement(UserListModule.StatusEmpty, null)
-    }));
+    })));
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useActiveGroupChannel","useChannelHandler","Icon","useForceUpdate","useFreshCallback","useUniqId","UserActionBar","createUserListModule","useLocalization","useProfileCard","useSendbirdChat","noop","name","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","forceUpdate","STRINGS","sdk","currentUser","show","activeChannel","onUserLeft","url","onUserJoined","onUserUnmuted","onUserUnbanned","onUserBanned","onUserMuted","onChannelMemberCountChanged","channels","find","c","onChannelChanged","onChannelFrozen","onChannelUnfrozen","_renderUser","user","selectedUsers","setSelectedUsers","isMuted","profileUrl","role","GROUP_CHANNEL_MEMBERS","USER_BAR_OPERATOR","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","undefined","HEADER_TITLE","members"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { useForceUpdate, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useProfileCard, useSendbirdChat } from '../hooks/useContext';\n\nconst noop = () => '';\nconst name = 'createGroupChannelMembersFragment';\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\n    const forceUpdate = useForceUpdate();\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { show } = useProfileCard();\n\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    useChannelHandler(sdk, `${name}_${uniqId}`, {\n      // Note: Removed from v4\n      // onUserEntered(channel) {\n      //   if (channel.url === activeChannel.url) forceUpdate();\n      // },\n      onUserLeft(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserJoined(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnmuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnbanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserBanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserMuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelMemberCountChanged(channels) {\n        if (channels.find((c) => c.url === channel.url)) forceUpdate();\n      },\n      onChannelChanged(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelFrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelUnfrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      return (\n        <UserActionBar\n          muted={user.isMuted}\n          uri={user.profileUrl}\n          label={user.role === 'operator' ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : ''}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          // TODO: implement ban/mute actions, use channel.members with handlers instead member query\n          onPressActionMenu={undefined}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n\n        <UserListModule.List\n          users={activeChannel.members}\n          renderUser={_renderUser}\n          onLoadNext={async () => void 0}\n          ListEmptyComponent={<UserListModule.StatusEmpty />}\n        />\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useChannelHandler","useUserList","Icon","useActionMenu","ifMuted","ifOperator","isDifferentChannel","useFreshCallback","useUniqId","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","noop","HOOK_NAME","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","queryCreator","createMemberListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Boolean"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifMuted, ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst noop = () => '';\nconst HOOK_NAME = 'createGroupChannelMembersFragment';\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(HOOK_NAME);\n\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\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) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n        refreshSchedule.current = setTimeout(() => refresh(), 500);\n      },\n      onUserMuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = true;\n          upsertUser(memberFromList);\n        }\n      },\n      onUserUnmuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = false;\n          upsertUser(memberFromList);\n        }\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      return (\n        <UserActionBar\n          muted={user.isMuted}\n          uri={user.profileUrl}\n          label={user.role === 'operator' ? STRINGS.LABELS.USER_BAR_OPERATOR : ''}\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={ifOperator(channel.myRole, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifOperator(\n                user.role,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            if (!channel.isBroadcast) {\n              menuItems.push({\n                title: ifMuted(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifMuted(\n                  user.isMuted,\n                  () => channel.unmuteUser(user),\n                  () => channel.muteUser(user),\n                ),\n              });\n            }\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelModerationFragment.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { NOOP } from '@sendbird/uikit-utils';
+import { createGroupChannelModerationModule } from '../domain/groupChannelModeration';
+
+const createGroupChannelModerationFragment = initModule => {
+  const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft = NOOP,
+      onPressMenuBannedUsers,
+      onPressMenuMutedMembers,
+      onPressMenuOperators,
+      menuItemsCreator
+    } = _ref;
+    const {
+      left,
+      right
+    } = useSafeAreaInsets();
+    const {
+      colors
+    } = useUIKitTheme();
+    return /*#__PURE__*/React.createElement(GroupChannelModerationModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/React.createElement(GroupChannelModerationModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/React.createElement(ScrollView, {
+      style: {
+        backgroundColor: colors.background
+      },
+      contentContainerStyle: {
+        paddingLeft: left + styles.viewContainer.paddingHorizontal,
+        paddingRight: right + styles.viewContainer.paddingHorizontal
+      }
+    }, /*#__PURE__*/React.createElement(GroupChannelModerationModule.Menu, {
+      onPressMenuBannedUsers: onPressMenuBannedUsers,
+      onPressMenuMutedMembers: onPressMenuMutedMembers,
+      onPressMenuOperators: onPressMenuOperators,
+      menuItemsCreator: menuItemsCreator
+    })));
+  };
+};
+
+const styles = createStyleSheet({
+  viewContainer: {
+    paddingHorizontal: 16
+  }
+});
+export default createGroupChannelModerationFragment;
+//# sourceMappingURL=createGroupChannelModerationFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelModerationModule","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","channel","onPressHeaderLeft","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","left","right","colors","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelModerationFragment.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 { createGroupChannelModerationModule } from '../domain/groupChannelModeration';\nimport type {\n  GroupChannelModerationFragment,\n  GroupChannelModerationModule,\n} from '../domain/groupChannelModeration/types';\n\nconst createGroupChannelModerationFragment = (\n  initModule?: Partial<GroupChannelModerationModule>,\n): GroupChannelModerationFragment => {\n  const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft = NOOP,\n    onPressMenuBannedUsers,\n    onPressMenuMutedMembers,\n    onPressMenuOperators,\n    menuItemsCreator,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n    return (\n      <GroupChannelModerationModule.Provider channel={channel}>\n        <GroupChannelModerationModule.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          <GroupChannelModerationModule.Menu\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            onPressMenuMutedMembers={onPressMenuMutedMembers}\n            onPressMenuOperators={onPressMenuOperators}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </GroupChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelModerationFragment;\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,SAASC,kCAAT,QAAmD,kCAAnD;;AAMA,MAAMC,oCAAoC,GACxCC,UAD2C,IAER;EACnC,MAAMC,4BAA4B,GAAGH,kCAAkC,CAACE,UAAD,CAAvE;EAEA,OAAO,QAOD;IAAA,IAPE;MACNE,OADM;MAENC,iBAAiB,GAAGN,IAFd;MAGNO,sBAHM;MAINC,uBAJM;MAKNC,oBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkBf,iBAAiB,EAAzC;IACA,MAAM;MAAEgB;IAAF,IAAad,aAAa,EAAhC;IACA,oBACE,oBAAC,4BAAD,CAA8B,QAA9B;MAAuC,OAAO,EAAEM;IAAhD,gBACE,oBAAC,4BAAD,CAA8B,MAA9B;MAAqC,iBAAiB,EAAEC;IAAxD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAEQ,eAAe,EAAED,MAAM,CAACE;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEL,IAAI,GAAGM,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAER,KAAK,GAAGK,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,4BAAD,CAA8B,IAA9B;MACE,sBAAsB,EAAEZ,sBAD1B;MAEE,uBAAuB,EAAEC,uBAF3B;MAGE,oBAAoB,EAAEC,oBAHxB;MAIE,gBAAgB,EAAEC;IAJpB,EAPF,CAFF,CADF;EAmBD,CA7BD;AA8BD,CAnCD;;AAqCA,MAAMO,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAejB,oCAAf"}