@sendbird/uikit-react-native 2.2.0 → 2.4.0

package/lib/module/domain/openChannelSettings/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqHandlerId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","OpenChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","OpenChannelSettingsContextsProvider","onNavigateToOpenChannel","children","handlerId","forceUpdate","STRINGS","sdk","currentUser","fileService","alert","onChannelChanged","eventChannel","onOperatorUpdated","isOpenChannel","isOperator","userId","onChannelUnfrozen","onChannelFrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","OPEN_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverUrlOrImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdOpenChannel,\n  SendbirdOpenChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelSettingsContextsType, OpenChannelSettingsModule } from '../types';\n\nexport const OpenChannelSettingsContexts: OpenChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdOpenChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nexport const OpenChannelSettingsContextsProvider: OpenChannelSettingsModule['Provider'] = ({\n  channel,\n  onNavigateToOpenChannel,\n  children,\n}) => {\n  const handlerId = useUniqHandlerId('OpenChannelSettingsContextsProvider');\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n  const onOperatorUpdated = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n    if (currentUser && !eventChannel.isOperator(currentUser.userId)) {\n      onNavigateToOpenChannel();\n    }\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onOperatorUpdated: onOperatorUpdated,\n      onChannelUnfrozen: onChannelChanged,\n      onChannelChanged: onChannelChanged,\n      onChannelFrozen: onChannelChanged,\n      onUserBanned: onChannelChanged,\n    },\n    'open',\n  );\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdOpenChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverUrlOrImage: file });\n          },\n        },\n        {\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverUrlOrImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <OpenChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </OpenChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}

package/lib/module/domain/openChannelSettings/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/domain/openChannelSettings/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelSettingsProps = {\n  Fragment: {\n    channel: OpenChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: OpenChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuModeration: OpenChannelSettingsProps['Menu']['onPressMenuModeration'];\n    onPressMenuParticipants: OpenChannelSettingsProps['Menu']['onPressMenuParticipants'];\n    onPressMenuDeleteChannel: OpenChannelSettingsProps['Menu']['onPressMenuDeleteChannel'];\n    onNavigateToOpenChannel: OpenChannelSettingsProps['Provider']['onNavigateToOpenChannel'];\n    menuItemsCreator?: OpenChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuModeration: () => void;\n    onPressMenuParticipants: () => void;\n    onPressMenuDeleteChannel: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n    onNavigateToOpenChannel: () => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelSettingsContextsType = {\n  Fragment: React.Context<{\n    channel: SendbirdOpenChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n};\nexport interface OpenChannelSettingsModule {\n  Provider: CommonComponent<OpenChannelSettingsProps['Provider']>;\n  Header: CommonComponent<OpenChannelSettingsProps['Header']>;\n  Info: CommonComponent<OpenChannelSettingsProps['Info']>;\n  Menu: CommonComponent<OpenChannelSettingsProps['Menu']>;\n}\n\nexport type OpenChannelSettingsFragment = CommonComponent<OpenChannelSettingsProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/openChannelUserList/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/domain/openChannelUserList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel, SendbirdParticipant, UserStruct } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\nimport type { UserListProps } from '../userList/types';\n\nexport interface OpenChannelParticipantsProps<User extends UserStruct> {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: () => void;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type OpenChannelParticipantsFragment<User extends UserStruct> = CommonComponent<\n  OpenChannelParticipantsProps<User>['Fragment']\n>;\n\nexport interface OpenChannelRegisterOperatorProps<User extends UserStruct = SendbirdParticipant> {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (channel: SendbirdOpenChannel) => void;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type OpenChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<\n  OpenChannelRegisterOperatorProps<User>['Fragment']\n>;\n"],"mappings":""}

package/lib/module/fragments/createGroupChannelCreateFragment.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { useUserList } from '@sendbird/uikit-chat-hooks';
-import { PASS, useFreshCallback } from '@sendbird/uikit-utils';
+import { PASS, getDefaultGroupChannelCreateParams, useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserSelectableBar from '../components/UserSelectableBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
@@ -74,15 +74,12 @@ const createGroupChannelCreateFragment = initModule => {
     }, /*#__PURE__*/React.createElement(UserListModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: async users => {
-        const params = {
+        const params = getDefaultGroupChannelCreateParams({
           invitedUserIds: users.map(it => it.userId),
-          name: '',
-          coverUrl: '',
-          isDistinct: false
-        };
+          currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId
+        });
         if (channelType === 'BROADCAST') params.isBroadcast = true;
         if (channelType === 'SUPER_GROUP') params.isSuper = true;
-        if (currentUser) params.operatorUserIds = [currentUser.userId];
         const processedParams = await onBeforeCreateChannel(params, users);
         const channel = await sdk.groupChannel.createChannel(processedParams);
         onCreateChannel(channel);

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

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","useUserList","PASS","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelCreateFragment","initModule","UserListModule","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","users","refreshing","loading","error","refresh","next","_renderUser","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 { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n  PASS,\n  SendbirdGroupChannelCreateParams,\n  SendbirdUser,\n  UserStruct,\n  useFreshCallback,\n} 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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"}
+{"version":3,"names":["React","TouchableOpacity","useUserList","PASS","getDefaultGroupChannelCreateParams","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelCreateFragment","initModule","UserListModule","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","users","refreshing","loading","error","refresh","next","_renderUser","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","currentUserId","isBroadcast","isSuper","processedParams","channel","groupChannel","createChannel","Boolean"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n  PASS,\n  SendbirdUser,\n  UserStruct,\n  getDefaultGroupChannelCreateParams,\n  useFreshCallback,\n} 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 = getDefaultGroupChannelCreateParams({\n              invitedUserIds: users.map((it) => it.userId),\n              currentUserId: currentUser?.userId,\n            });\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\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/module/fragments/createGroupChannelFragment.js

@@ -19,17 +19,19 @@ const createGroupChannelFragment = initModule => {
       enableTypingIndicator = true,
       onPressHeaderLeft = NOOP,
       onPressHeaderRight = NOOP,
-      onPressImageMessage,
       onPressMediaMessage = NOOP,
       onChannelDeleted = NOOP,
-      onBeforeSendFileMessage = PASS,
       onBeforeSendUserMessage = PASS,
+      onBeforeSendFileMessage = PASS,
+      onBeforeUpdateUserMessage = PASS,
+      onBeforeUpdateFileMessage = PASS,
       channel,
       keyboardAvoidOffset,
       queryCreator,
       collectionCreator,
       sortComparator = messageComparator,
-      flatListProps
+      flatListProps,
+      onPressImageMessage
     } = _ref;
     const {
       sdk,
@@ -68,12 +70,32 @@ const createGroupChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
+    const onPressSendUserMessage = useFreshCallback(async params => {
+      const processedParams = await onBeforeSendUserMessage(params);
+      await sendUserMessage(processedParams);
+    });
+    const onPressSendFileMessage = useFreshCallback(async params => {
+      const processedParams = await onBeforeSendFileMessage(params);
+      await sendFileMessage(processedParams);
+    });
+    const onPressUpdateUserMessage = useFreshCallback(async (message, params) => {
+      const processedParams = await onBeforeUpdateUserMessage(params);
+      await updateUserMessage(message.messageId, processedParams);
+    });
+    const onPressUpdateFileMessage = useFreshCallback(async (message, params) => {
+      const processedParams = await onBeforeUpdateFileMessage(params);
+      await updateFileMessage(message.messageId, processedParams);
+    });
+    /** @deprecated **/
+
     const onSendFileMessage = useFreshCallback(async file => {
       const processedParams = await onBeforeSendFileMessage({
         file
       });
       await sendFileMessage(processedParams);
     });
+    /** @deprecated **/
+
     const onSendUserMessage = useFreshCallback(async (text, mention) => {
       const processedParams = await onBeforeSendUserMessage({
         message: text,
@@ -83,12 +105,16 @@ const createGroupChannelFragment = initModule => {
       });
       await sendUserMessage(processedParams);
     });
+    /** @deprecated **/
+
     const onUpdateFileMessage = useFreshCallback(async (editedFile, message) => {
       const processedParams = await onBeforeSendFileMessage({
         file: editedFile
       });
       await updateFileMessage(message.messageId, processedParams);
     });
+    /** @deprecated **/
+
     const onUpdateUserMessage = useFreshCallback(async (editedText, message, mention) => {
       const processedParams = await onBeforeSendUserMessage({
         message: editedText,
@@ -128,6 +154,10 @@ const createGroupChannelFragment = initModule => {
     }), /*#__PURE__*/React.createElement(GroupChannelModule.Input, {
       SuggestedMentionList: GroupChannelModule.SuggestedMentionList,
       shouldRenderInput: shouldRenderInput(channel),
+      onPressSendUserMessage: onPressSendUserMessage,
+      onPressSendFileMessage: onPressSendFileMessage,
+      onPressUpdateUserMessage: onPressUpdateUserMessage,
+      onPressUpdateFileMessage: onPressUpdateFileMessage,
       onSendFileMessage: onSendFileMessage,
       onSendUserMessage: onSendUserMessage,
       onUpdateFileMessage: onUpdateFileMessage,

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","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","processedParams","onSendUserMessage","text","mention","message","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","type","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText","SuggestedMentionList","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(\n      async (text, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: text,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await sendUserMessage(processedParams);\n      },\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, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: editedText,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\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            SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\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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"}
+{"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","onPressMediaMessage","onChannelDeleted","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","flatListProps","onPressImageMessage","sdk","currentUser","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","enableCollectionWithoutLocalCache","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage","onSendFileMessage","file","onSendUserMessage","text","mention","mentionedUserIds","userIds","mentionedMessageTemplate","messageTemplate","mentionType","type","onUpdateFileMessage","editedFile","onUpdateUserMessage","editedText","SuggestedMentionList","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    onPressMediaMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n    onPressImageMessage,\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 onPressSendUserMessage: GroupChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: GroupChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: GroupChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: GroupChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    /** @deprecated **/\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {\n      const processedParams = await onBeforeSendFileMessage({ file });\n      await sendFileMessage(processedParams);\n    });\n    /** @deprecated **/\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(\n      async (text, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: text,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\n        await sendUserMessage(processedParams);\n      },\n    );\n    /** @deprecated **/\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    /** @deprecated **/\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(\n      async (editedText, message, mention) => {\n        const processedParams = await onBeforeSendUserMessage({\n          message: editedText,\n          mentionedUserIds: mention?.userIds,\n          mentionedMessageTemplate: mention?.messageTemplate,\n          mentionType: mention?.type,\n        });\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            SuggestedMentionList={GroupChannelModule.SuggestedMentionList}\n            shouldRenderInput={shouldRenderInput(channel)}\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\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":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,SAASC,IAAT,EAAeC,IAAf,EAA2CC,iBAA3C,EAA8DC,gBAA9D,QAAsF,uBAAtF;AAEA,OAAOC,eAAP,MAA4B,+BAA5B;AACA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,wBAAP,MAAqC,wDAArC;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAEA,MAAMC,0BAA0B,GAAIC,UAAD,IAAoE;EACrG,MAAMC,kBAAkB,GAAGJ,wBAAwB,CAACG,UAAD,CAAnD;EAEA,OAAO,QAqBD;IAAA,IArBE;MACNE,uBAAuB,GAAIC,KAAD,iBAAW,oBAAC,iBAAD,EAAuBA,KAAvB,CAD/B;MAENC,0BAA0B,GAAID,KAAD,iBAAW,oBAAC,oBAAD,EAA0BA,KAA1B,CAFlC;MAGNE,aAHM;MAINC,qBAAqB,GAAG,IAJlB;MAKNC,qBAAqB,GAAG,IALlB;MAMNC,iBAAiB,GAAGnB,IANd;MAONoB,kBAAkB,GAAGpB,IAPf;MAQNqB,mBAAmB,GAAGrB,IARhB;MASNsB,gBAAgB,GAAGtB,IATb;MAUNuB,uBAAuB,GAAGtB,IAVpB;MAWNuB,uBAAuB,GAAGvB,IAXpB;MAYNwB,yBAAyB,GAAGxB,IAZtB;MAaNyB,yBAAyB,GAAGzB,IAbtB;MAcN0B,OAdM;MAeNC,mBAfM;MAgBNC,YAhBM;MAiBNC,iBAjBM;MAkBNC,cAAc,GAAG7B,iBAlBX;MAmBN8B,aAnBM;MAoBNC;IApBM,CAqBF;IACJ,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB1B,eAAe,EAA5C;IAEA,MAAM;MACJ2B,QADI;MAEJC,YAFI;MAGJC,sBAHI;MAIJC,IAJI;MAKJC,IALI;MAMJC,eANI;MAOJC,eAPI;MAQJC,iBARI;MASJC,iBATI;MAUJC,aAVI;MAWJC,aAXI;MAYJC;IAZI,IAaFhD,uBAAuB,CAACmC,GAAD,EAAMP,OAAN,EAAeQ,WAAf,aAAeA,WAAf,uBAAeA,WAAW,CAAEa,MAA5B,EAAoC;MAC7DlB,iBAD6D;MAE7DD,YAF6D;MAG7DE,cAH6D;MAI7DT,gBAJ6D;MAK7D2B,iCAAiC,EAAE,CAACpB;IALyB,CAApC,CAb3B;;IAqBA,MAAMqB,cAAiE,GAAG/C,gBAAgB,CAAEW,KAAD,IAAW;MACpG,IAAIE,aAAJ,EAAmB,OAAOA,aAAa,CAACF,KAAD,CAApB;MACnB,oBAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;IACD,CAHyF,CAA1F;;IAKA,MAAMqC,qBAAqB,GAAGrD,OAAO,CACnC,OAAO;MACLsD,kBAAkB,eAAE,oBAAC,kBAAD,CAAoB,WAApB,OADf;MAELC,qBAAqB,EAAE;QAAEC,QAAQ,EAAE;MAAZ,CAFlB;MAGL,GAAGtB;IAHE,CAAP,CADmC,EAMnC,CAACe,OAAD,EAAUf,aAAV,CANmC,CAArC;IASA,MAAMuB,sBAA4E,GAAGpD,gBAAgB,CACnG,MAAOqD,MAAP,IAAkB;MAChB,MAAMC,eAAe,GAAG,MAAMlC,uBAAuB,CAACiC,MAAD,CAArD;MACA,MAAMd,eAAe,CAACe,eAAD,CAArB;IACD,CAJkG,CAArG;IAMA,MAAMC,sBAA4E,GAAGvD,gBAAgB,CACnG,MAAOqD,MAAP,IAAkB;MAChB,MAAMC,eAAe,GAAG,MAAMjC,uBAAuB,CAACgC,MAAD,CAArD;MACA,MAAMf,eAAe,CAACgB,eAAD,CAArB;IACD,CAJkG,CAArG;IAMA,MAAME,wBAAgF,GAAGxD,gBAAgB,CACvG,OAAOyD,OAAP,EAAgBJ,MAAhB,KAA2B;MACzB,MAAMC,eAAe,GAAG,MAAMhC,yBAAyB,CAAC+B,MAAD,CAAvD;MACA,MAAMZ,iBAAiB,CAACgB,OAAO,CAACC,SAAT,EAAoBJ,eAApB,CAAvB;IACD,CAJsG,CAAzG;IAMA,MAAMK,wBAAgF,GAAG3D,gBAAgB,CACvG,OAAOyD,OAAP,EAAgBJ,MAAhB,KAA2B;MACzB,MAAMC,eAAe,GAAG,MAAM/B,yBAAyB,CAAC8B,MAAD,CAAvD;MACA,MAAMb,iBAAiB,CAACiB,OAAO,CAACC,SAAT,EAAoBJ,eAApB,CAAvB;IACD,CAJsG,CAAzG;IAOA;;IACA,MAAMM,iBAAkE,GAAG5D,gBAAgB,CAAC,MAAO6D,IAAP,IAAgB;MAC1G,MAAMP,eAAe,GAAG,MAAMjC,uBAAuB,CAAC;QAAEwC;MAAF,CAAD,CAArD;MACA,MAAMvB,eAAe,CAACgB,eAAD,CAArB;IACD,CAH0F,CAA3F;IAIA;;IACA,MAAMQ,iBAAkE,GAAG9D,gBAAgB,CACzF,OAAO+D,IAAP,EAAaC,OAAb,KAAyB;MACvB,MAAMV,eAAe,GAAG,MAAMlC,uBAAuB,CAAC;QACpDqC,OAAO,EAAEM,IAD2C;QAEpDE,gBAAgB,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEE,OAFyB;QAGpDC,wBAAwB,EAAEH,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEI,eAHiB;QAIpDC,WAAW,EAAEL,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEM;MAJ8B,CAAD,CAArD;MAMA,MAAM/B,eAAe,CAACe,eAAD,CAArB;IACD,CATwF,CAA3F;IAWA;;IACA,MAAMiB,mBAAsE,GAAGvE,gBAAgB,CAC7F,OAAOwE,UAAP,EAAmBf,OAAnB,KAA+B;MAC7B,MAAMH,eAAe,GAAG,MAAMjC,uBAAuB,CAAC;QAAEwC,IAAI,EAAEW;MAAR,CAAD,CAArD;MACA,MAAMhC,iBAAiB,CAACiB,OAAO,CAACC,SAAT,EAAoBJ,eAApB,CAAvB;IACD,CAJ4F,CAA/F;IAMA;;IACA,MAAMmB,mBAAsE,GAAGzE,gBAAgB,CAC7F,OAAO0E,UAAP,EAAmBjB,OAAnB,EAA4BO,OAA5B,KAAwC;MACtC,MAAMV,eAAe,GAAG,MAAMlC,uBAAuB,CAAC;QACpDqC,OAAO,EAAEiB,UAD2C;QAEpDT,gBAAgB,EAAED,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEE,OAFyB;QAGpDC,wBAAwB,EAAEH,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEI,eAHiB;QAIpDC,WAAW,EAAEL,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEM;MAJ8B,CAAD,CAArD;MAMA,MAAM7B,iBAAiB,CAACgB,OAAO,CAACC,SAAT,EAAoBJ,eAApB,CAAvB;IACD,CAT4F,CAA/F;IAYA,oBACE,oBAAC,kBAAD,CAAoB,QAApB;MACE,OAAO,EAAE9B,OADX;MAEE,qBAAqB,EAAET,qBAFzB;MAGE,mBAAmB,EAAEU;IAHvB,gBAKE,oBAAC,kBAAD,CAAoB,MAApB;MAA2B,iBAAiB,EAAET,iBAA9C;MAAiE,kBAAkB,EAAEC;IAArF,EALF,eAME,oBAAC,iBAAD;MAAmB,OAAO,EAAE2B,OAA5B;MAAqC,gBAAgB,eAAE,oBAAC,kBAAD,CAAoB,aAApB;IAAvD,gBACE,oBAAC,kBAAD,CAAoB,WAApB;MACE,OAAO,EAAEpB,OADX;MAEE,qBAAqB,EAAEV,qBAFzB;MAGE,aAAa,EAAEkB,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAEa,MAH9B;MAIE,aAAa,EAAEE,cAJjB;MAKE,QAAQ,EAAEd,QALZ;MAME,YAAY,EAAEC,YANhB;MAOE,sBAAsB,EAAEC,sBAP1B;MAQE,YAAY,EAAEE,IARhB;MASE,eAAe,EAAED,IATnB;MAUE,uBAAuB,EAAE1B,uBAV3B;MAWE,0BAA0B,EAAEE,0BAX9B;MAYE,qBAAqB,EAAE8B,aAZzB;MAaE,eAAe,EAAEC,aAbnB;MAcE,mBAAmB,EAAEb,mBAdvB;MAeE,mBAAmB,EAAEZ,mBAfvB;MAgBE,aAAa,EAAE8B;IAhBjB,EADF,eAmBE,oBAAC,kBAAD,CAAoB,KAApB;MACE,oBAAoB,EAAEvC,kBAAkB,CAACkE,oBAD3C;MAEE,iBAAiB,EAAEC,iBAAiB,CAACpD,OAAD,CAFtC;MAGE,sBAAsB,EAAE4B,sBAH1B;MAIE,sBAAsB,EAAEG,sBAJ1B;MAKE,wBAAwB,EAAEC,wBAL5B;MAME,wBAAwB,EAAEG,wBAN5B;MAOE,iBAAiB,EAAEC,iBAPrB;MAQE,iBAAiB,EAAEE,iBARrB;MASE,mBAAmB,EAAES,mBATvB;MAUE,mBAAmB,EAAEE;IAVvB,EAnBF,CANF,CADF;EAyCD,CAlKD;AAmKD,CAtKD;;AAwKA,SAASG,iBAAT,CAA2BpD,OAA3B,EAA0D;EACxD,IAAIA,OAAO,CAACqD,WAAZ,EAAyB;IACvB,OAAOrD,OAAO,CAACsD,MAAR,KAAmB,UAA1B;EACD;;EAED,OAAO,IAAP;AACD;;AAED,eAAevE,0BAAf"}

package/lib/module/fragments/createGroupChannelListFragment.js

@@ -1,7 +1,6 @@
-import React, { useEffect } from 'react';
-import { AppState } from 'react-native';
+import React from 'react';
 import { useGroupChannelList } from '@sendbird/uikit-chat-hooks';
-import { PASS, useFreshCallback } from '@sendbird/uikit-utils';
+import { PASS, useAppState, useFreshCallback } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';
 import createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';
@@ -37,12 +36,9 @@ const createGroupChannelListFragment = initModule => {
     });
 
     if (features.deliveryReceiptEnabled) {
-      useEffect(() => {
-        const listener = AppState.addEventListener('change', status => {
-          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);
-        });
-        return () => listener.remove();
-      }, []);
+      useAppState('change', status => {
+        if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);
+      });
     }
 
     const _renderGroupChannelPreview = useFreshCallback((channel, onLongPressChannel) => {

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","useGroupChannelList","PASS","useAppState","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","status","forEach","_renderGroupChannelPreview","channel","onLongPressChannel","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { PASS, useAppState, 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      useAppState('change', (status) => {\n        if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\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,MAAkB,OAAlB;AAEA,SAASC,mBAAT,QAAoC,4BAApC;AACA,SAASC,IAAT,EAAeC,WAAf,EAA4BC,gBAA5B,QAAoD,uBAApD;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,GAAGjB;IARZ,CASF;IACJ,MAAM;MAAEkB,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6Df,eAAe,EAAlF;IACA,MAAM;MAAEgB,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmCzB,mBAAmB,CAACmB,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;MACnC1B,WAAW,CAAC,QAAD,EAAY2B,MAAD,IAAY;QAChC,IAAIA,MAAM,KAAK,QAAf,EAAyBN,aAAa,CAACO,OAAd,CAAsBR,0BAAtB;MAC1B,CAFU,CAAX;IAGD;;IAED,MAAMS,0BAAsF,GAAG5B,gBAAgB,CAC7G,CAAC6B,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAIlB,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACiB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,oBAAC,4BAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAMrB,cAAc,CAACqB,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4G,CAA/G;;IAaA,MAAMC,sBAAsB,GAAGb,QAAQ,CAACc,uBAAT,IAAoCd,QAAQ,CAACe,wBAA5E;IAEA,oBACE,oBAAC,sBAAD,CAAwB,QAAxB,qBACE,oBAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,oBAAC,iBAAD;MAAmB,OAAO,EAAEX,OAA5B;MAAqC,gBAAgB,eAAE,oBAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,oBAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAEP,eADnB;MAEE,yBAAyB,EAAEa,0BAF7B;MAGE,aAAa,EAAER,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACba,kBAAkB,eAAE,oBAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGtB;MAHU;IALjB,EADF,CAFF,eAeE,oBAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAEiB,sBAAsB,GAAGlB,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA5DD;AA6DD,CA/DD;;AAiEA,eAAeJ,8BAAf"}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -1,15 +1,13 @@
 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 { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
 
-const noop = () => '';
-
-const HOOK_NAME = 'createGroupChannelMembersFragment';
+const RETURN_EMPTY_STRING = () => '';
 
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
@@ -20,7 +18,7 @@ const createGroupChannelMembersFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(HOOK_NAME);
+    const handlerId = useUniqHandlerId('GroupChannelMembersFragment');
     const refreshSchedule = useRef();
     const {
       STRINGS
@@ -48,7 +46,7 @@ const createGroupChannelMembersFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
@@ -108,8 +106,8 @@ const createGroupChannelMembersFragment = initModule => {
 
           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))
+              title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
+              onPress: ifThenOr(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
             });
           }
 
@@ -128,7 +126,7 @@ const createGroupChannelMembersFragment = initModule => {
     });
 
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
-      headerRight: noop,
+      headerRight: RETURN_EMPTY_STRING,
       headerTitle: STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE
     }, /*#__PURE__*/React.createElement(UserListModule.Header, {
       shouldActivateHeaderRight: () => true,

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","useRef","useChannelHandler","useUserList","Icon","useActionMenu","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","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 { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } 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 RETURN_EMPTY_STRING = () => '';\n\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 handlerId = useUniqHandlerId('GroupChannelMembersFragment');\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, handlerId, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel) {\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: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifThenOr(\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\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n      >\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/createGroupChannelMutedMembersFragment.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import { NOOP, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-const HOOK_NAME = 'createGroupChannelMutedMembersFragment';
 
 const createGroupChannelMutedMembersFragment = initModule => {
   const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);
@@ -16,7 +15,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
       channel,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(HOOK_NAME);
+    const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');
     const {
       STRINGS
     } = useLocalization();
@@ -30,6 +29,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
     const {
       users,
       deleteUser,
+      upsertUser,
       loading,
       refresh,
       error,
@@ -39,7 +39,17 @@ const createGroupChannelMutedMembersFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
+      onUserMuted(eventChannel, user) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        upsertUser(user);
+      },
+
+      onUserUnmuted(eventChannel, user) {
+        if (isDifferentChannel(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      },
+
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","HOOK_NAME","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","uniqId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createGroupChannelMutedMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';\nimport type {\n  GroupChannelMutedMembersFragment,\n  GroupChannelMutedMembersModule,\n} from '../domain/groupChannelMutedMembers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst HOOK_NAME = 'createGroupChannelMutedMembersFragment';\nconst createGroupChannelMutedMembersFragment = (\n  initModule?: Partial<GroupChannelMutedMembersModule>,\n): GroupChannelMutedMembersFragment => {\n  const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const uniqId = useUniqId(HOOK_NAME);\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, refresh, error, next } = useUserList(sdk, {\n      queryCreator: () => channel.createMutedUserListQuery({ 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    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNMUTE,\n                  onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelMutedMembersModule.Provider channel={channel}>\n        <GroupChannelMutedMembersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelMutedMembersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelMutedMembersModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelMutedMembersModule.List\n            mutedMembers={users}\n            onLoadNext={next}\n            renderUser={_renderUser}\n            ListEmptyComponent={<GroupChannelMutedMembersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelMutedMembersModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMutedMembersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","onUserMuted","eventChannel","user","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createGroupChannelMutedMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';\nimport type {\n  GroupChannelMutedMembersFragment,\n  GroupChannelMutedMembersModule,\n} from '../domain/groupChannelMutedMembers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelMutedMembersFragment = (\n  initModule?: Partial<GroupChannelMutedMembersModule>,\n): GroupChannelMutedMembersFragment => {\n  const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, {\n      queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(sdk, handlerId, {\n      onUserMuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        upsertUser(user);\n      },\n      onUserUnmuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\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    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNMUTE,\n                  onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelMutedMembersModule.Provider channel={channel}>\n        <GroupChannelMutedMembersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelMutedMembersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelMutedMembersModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelMutedMembersModule.List\n            mutedMembers={users}\n            onLoadNext={next}\n            renderUser={_renderUser}\n            ListEmptyComponent={<GroupChannelMutedMembersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelMutedMembersModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMutedMembersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelOperatorsFragment.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-const name = 'createGroupChannelOperatorsFragment';
 
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);
@@ -17,7 +16,7 @@ const createGroupChannelOperatorsFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(name);
+    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');
     const {
       STRINGS
     } = useLocalization();
@@ -44,7 +43,7 @@ const createGroupChannelOperatorsFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${name}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);