@sendbird/uikit-react-native 2.3.0 → 2.4.1

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","ChatFlatList","ReactionAddons","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","openSheet","alert","clipboardService","fileService","features","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","DIALOG_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","DIALOG_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","DIALOG_MESSAGE_COPY","setString","COPY_OK","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","onClose","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { ReactionAddons } from '../../../components/ReactionAddons';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  | 'channel'\n  | 'currentUserId'\n  | 'onResendFailedMessage'\n  | 'onDeleteMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","ChatFlatList","ReactionAddons","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","openSheet","alert","clipboardService","fileService","features","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","LABELS","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","onClose","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { ReactionAddons } from '../../../components/ReactionAddons';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  | 'channel'\n  | 'currentUserId'\n  | 'onResendFailedMessage'\n  | 'onDeleteMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/module/moduleContext.js

@@ -1,6 +1,6 @@
 import React, { createContext, useState } from 'react';
 import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
-import { NOOP, isDifferentChannel, useUniqId } from '@sendbird/uikit-utils';
+import { NOOP, isDifferentChannel, useUniqHandlerId } from '@sendbird/uikit-utils';
 import ProviderLayout from '../../../components/ProviderLayout';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 export const GroupChannelContexts = {
@@ -21,7 +21,7 @@ export const GroupChannelContextsProvider = _ref => {
     keyboardAvoidOffset = 0
   } = _ref;
   if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');
-  const id = useUniqId('GroupChannelContextsProvider');
+  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');
   const {
     STRINGS
   } = useLocalization();
@@ -31,7 +31,7 @@ export const GroupChannelContextsProvider = _ref => {
   } = useSendbirdChat();
   const [typingUsers, setTypingUsers] = useState([]);
   const [messageToEdit, setMessageToEdit] = useState();
-  useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {
+  useChannelHandler(sdk, handlerId, {
     onTypingStatusUpdated(eventChannel) {
       if (isDifferentChannel(channel, eventChannel)) return;
       if (!enableTypingIndicator) return;

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","onTypingStatusUpdated","eventChannel","getTypingUsers","GROUP_CHANNEL","HEADER_TITLE","userId"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          messageToEdit,\n          setMessageToEdit,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SACEC,IADF,EAMEC,kBANF,EAOEC,SAPF,QAQO,uBARP;AAUA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AAGA,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,gBAAgB,EAAEV;EAHI,CAAD,CADqC;EAM5DW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EADgB,CAAD;AAN8B,CAAvD;AAWP,OAAO,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EL,OAF2E;IAG3EM,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACP,OAAL,EAAc,MAAM,IAAIQ,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAGhB,SAAS,CAAC,8BAAD,CAApB;EACA,MAAM;IAAEiB;EAAF,IAAcf,eAAe,EAAnC;EACA,MAAM;IAAEgB,WAAF;IAAeC;EAAf,IAAuBhB,eAAe,EAA5C;EAEA,MAAM,CAACO,WAAD,EAAcU,cAAd,IAAgCxB,QAAQ,CAAiB,EAAjB,CAA9C;EACA,MAAM,CAACyB,aAAD,EAAgBb,gBAAhB,IAAoCZ,QAAQ,EAAlD;EAEAC,iBAAiB,CAACsB,GAAD,EAAO,gCAA+BH,EAAG,EAAzC,EAA4C;IAC3DM,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAIxB,kBAAkB,CAACQ,OAAD,EAAUgB,YAAV,CAAtB,EAA+C;MAC/C,IAAI,CAACV,qBAAL,EAA4B;MAC5BO,cAAc,CAACG,YAAY,CAACC,cAAb,EAAD,CAAd;IACD;;EAL0D,CAA5C,CAAjB;EAQA,oBACE,oBAAC,cAAD,qBACE,oBAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLlB,WAAW,EAAEW,OAAO,CAACQ,aAAR,CAAsBC,YAAtB,CAAmC,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAA1D,EAA8DpB,OAA9D,CADR;MAELA,OAFK;MAGLc,aAHK;MAILb,gBAJK;MAKLM;IALK;EADT,gBASE,oBAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CAxCM"}
+{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqHandlerId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","handlerId","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","onTypingStatusUpdated","eventChannel","getTypingUsers","GROUP_CHANNEL","HEADER_TITLE","userId"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, handlerId, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          messageToEdit,\n          setMessageToEdit,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SACEC,IADF,EAMEC,kBANF,EAOEC,gBAPF,QAQO,uBARP;AAUA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AAGA,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,gBAAgB,EAAEV;EAHI,CAAD,CADqC;EAM5DW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EADgB,CAAD;AAN8B,CAAvD;AAWP,OAAO,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EL,OAF2E;IAG3EM,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACP,OAAL,EAAc,MAAM,IAAIQ,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,SAAS,GAAGhB,gBAAgB,CAAC,8BAAD,CAAlC;EACA,MAAM;IAAEiB;EAAF,IAAcf,eAAe,EAAnC;EACA,MAAM;IAAEgB,WAAF;IAAeC;EAAf,IAAuBhB,eAAe,EAA5C;EAEA,MAAM,CAACO,WAAD,EAAcU,cAAd,IAAgCxB,QAAQ,CAAiB,EAAjB,CAA9C;EACA,MAAM,CAACyB,aAAD,EAAgBb,gBAAhB,IAAoCZ,QAAQ,EAAlD;EAEAC,iBAAiB,CAACsB,GAAD,EAAMH,SAAN,EAAiB;IAChCM,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAIxB,kBAAkB,CAACQ,OAAD,EAAUgB,YAAV,CAAtB,EAA+C;MAC/C,IAAI,CAACV,qBAAL,EAA4B;MAC5BO,cAAc,CAACG,YAAY,CAACC,cAAb,EAAD,CAAd;IACD;;EAL+B,CAAjB,CAAjB;EAQA,oBACE,oBAAC,cAAD,qBACE,oBAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLlB,WAAW,EAAEW,OAAO,CAACQ,aAAR,CAAsBC,YAAtB,CAAmC,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAA1D,EAA8DpB,OAA9D,CADR;MAELA,OAFK;MAGLc,aAHK;MAILb,gBAJK;MAKLM;IALK;EADT,gBASE,oBAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CAxCM"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMember,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent, MentionedUser, Range } from '../../types';\n\ntype UserMessageMentionParams = Required<{\n  messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n  userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n  type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    shouldRenderInput: boolean;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (\n      editedText: string,\n      message: SendbirdUserMessage,\n      mention?: UserMessageMentionParams,\n    ) => Promise<void>;\n    SuggestedMentionList: (props: GroupChannelProps['SuggestedMentionList']) => JSX.Element | null;\n  };\n\n  SuggestedMentionList: {\n    text: string;\n    selection: Range;\n    topInset: number;\n    bottomInset: number;\n    inputHeight: number;\n    onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n    mentionedUsers: MentionedUser[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  OnBeforeHandler,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: Pick<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n    | 'SuggestedMentionList'\n    | 'onSendFileMessage'\n    | 'onSendUserMessage'\n    | 'onUpdateFileMessage'\n    | 'onUpdateUserMessage'\n  >;\n\n  SuggestedMentionList: SuggestedMentionListProps;\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelBannedUsers/index.js

@@ -2,6 +2,7 @@ export { default as GroupChannelBannedUsersList } from './component/GroupChannel
 export { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';
 export { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';
 export { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';
+export { default as GroupChannelBannedUsersStatusError } from './component/GroupChannelBannedUsersStatusError';
 export { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';
 export { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';
 //# sourceMappingURL=index.js.map

package/lib/module/domain/groupChannelBannedUsers/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","GroupChannelBannedUsersList","GroupChannelBannedUsersHeader","GroupChannelBannedUsersStatusLoading","GroupChannelBannedUsersStatusEmpty","createGroupChannelBannedUsersModule","GroupChannelBannedUsersContextsProvider","GroupChannelBannedUsersContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelBannedUsersList } from './component/GroupChannelBannedUsersList';\nexport { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';\nexport { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';\nexport { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';\nexport { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';\nexport { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,2BAApB,QAAuD,yCAAvD;AACA,SAASD,OAAO,IAAIE,6BAApB,QAAyD,2CAAzD;AACA,SAASF,OAAO,IAAIG,oCAApB,QAAgE,kDAAhE;AACA,SAASH,OAAO,IAAII,kCAApB,QAA8D,gDAA9D;AACA,SAASJ,OAAO,IAAIK,mCAApB,QAA+D,8CAA/D;AACA,SAASC,uCAAT,EAAkDC,+BAAlD,QAAyF,wBAAzF"}
+{"version":3,"names":["default","GroupChannelBannedUsersList","GroupChannelBannedUsersHeader","GroupChannelBannedUsersStatusLoading","GroupChannelBannedUsersStatusEmpty","GroupChannelBannedUsersStatusError","createGroupChannelBannedUsersModule","GroupChannelBannedUsersContextsProvider","GroupChannelBannedUsersContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelBannedUsersList } from './component/GroupChannelBannedUsersList';\nexport { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';\nexport { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';\nexport { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';\nexport { default as GroupChannelBannedUsersStatusError } from './component/GroupChannelBannedUsersStatusError';\nexport { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';\nexport { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,2BAApB,QAAuD,yCAAvD;AACA,SAASD,OAAO,IAAIE,6BAApB,QAAyD,2CAAzD;AACA,SAASF,OAAO,IAAIG,oCAApB,QAAgE,kDAAhE;AACA,SAASH,OAAO,IAAII,kCAApB,QAA8D,gDAA9D;AACA,SAASJ,OAAO,IAAIK,kCAApB,QAA8D,gDAA9D;AACA,SAASL,OAAO,IAAIM,mCAApB,QAA+D,8CAA/D;AACA,SAASC,uCAAT,EAAkDC,+BAAlD,QAAyF,wBAAzF"}

package/lib/module/domain/groupChannelList/component/GroupChannelListList.js

@@ -5,7 +5,7 @@ import { FlatList } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { PushTriggerOption } from '@sendbird/chat';
 import { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';
-import { PASS, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';
+import { NOOP, PASS, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 
 const GroupChannelListList = _ref => {
@@ -46,7 +46,7 @@ const GroupChannelListList = _ref => {
       }, {
         title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,
         onPress: async () => {
-          channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());
+          channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch(NOOP));
         },
         onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error')
       }]

package/lib/module/domain/groupChannelList/component/GroupChannelListList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","FlatList","useSafeAreaInsets","PushTriggerOption","useActionMenu","useToast","PASS","getChannelUniqId","useFreshCallback","useLocalization","useSendbirdChat","GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","toast","openMenu","STRINGS","sdk","currentUser","onLongPress","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","item","left","right","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","FlatList","useSafeAreaInsets","PushTriggerOption","useActionMenu","useToast","NOOP","PASS","getChannelUniqId","useFreshCallback","useLocalization","useSendbirdChat","GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","toast","openMenu","STRINGS","sdk","currentUser","onLongPress","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","item","left","right","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdGroupChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch(NOOP));\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":"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"}

package/lib/module/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.js

@@ -7,7 +7,8 @@ const GroupChannelMutedMembersList = _ref => {
   let {
     renderUser,
     mutedMembers,
-    ListEmptyComponent
+    ListEmptyComponent,
+    onLoadNext
   } = _ref;
   const renderItem = useFreshCallback(_ref2 => {
     let {
@@ -31,7 +32,8 @@ const GroupChannelMutedMembersList = _ref => {
     },
     ListEmptyComponent: ListEmptyComponent,
     bounces: false,
-    keyExtractor: getUserUniqId
+    keyExtractor: getUserUniqId,
+    onEndReached: onLoadNext
   });
 };
 

package/lib/module/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelMutedMembersList","renderUser","mutedMembers","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelMutedMembersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelMutedMembersProps } from '../types';\n\nconst GroupChannelMutedMembersList = ({\n  renderUser,\n  mutedMembers,\n  ListEmptyComponent,\n}: GroupChannelMutedMembersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={mutedMembers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelMutedMembersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,aAAjC,EAAgDC,gBAAhD,QAAwE,uBAAxE;;AAIA,MAAMC,4BAA4B,GAAG,QAIQ;EAAA,IAJP;IACpCC,UADoC;IAEpCC,YAFoC;IAGpCC;EAHoC,CAIO;EAC3C,MAAMC,UAAkD,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAC1EJ,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEK,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBX,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEK,YADR;IAEE,UAAU,EAAEE,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL;EANhB,EADF;AAUD,CApBD;;AAsBA,eAAeE,4BAAf"}
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelMutedMembersList","renderUser","mutedMembers","ListEmptyComponent","onLoadNext","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelMutedMembersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelMutedMembersProps } from '../types';\n\nconst GroupChannelMutedMembersList = ({\n  renderUser,\n  mutedMembers,\n  ListEmptyComponent,\n  onLoadNext,\n}: GroupChannelMutedMembersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={mutedMembers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n      onEndReached={onLoadNext}\n    />\n  );\n};\n\nexport default GroupChannelMutedMembersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,aAAjC,EAAgDC,gBAAhD,QAAwE,uBAAxE;;AAIA,MAAMC,4BAA4B,GAAG,QAKQ;EAAA,IALP;IACpCC,UADoC;IAEpCC,YAFoC;IAGpCC,kBAHoC;IAIpCC;EAJoC,CAKO;EAC3C,MAAMC,UAAkD,GAAGN,gBAAgB,CAAC;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,OAC1EL,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBZ,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEK,YADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAET,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL,aANhB;IAOE,YAAY,EAAEM;EAPhB,EADF;AAWD,CAtBD;;AAwBA,eAAeJ,4BAAf"}

package/lib/module/domain/groupChannelOperators/component/GroupChannelOperatorsList.js

@@ -7,7 +7,8 @@ const GroupChannelOperatorsList = _ref => {
   let {
     operators,
     renderUser,
-    ListEmptyComponent
+    ListEmptyComponent,
+    onLoadNext
   } = _ref;
   const renderItem = useFreshCallback(_ref2 => {
     let {
@@ -31,7 +32,8 @@ const GroupChannelOperatorsList = _ref => {
     },
     ListEmptyComponent: ListEmptyComponent,
     bounces: false,
-    keyExtractor: getUserUniqId
+    keyExtractor: getUserUniqId,
+    onEndReached: onLoadNext
   });
 };
 

package/lib/module/domain/groupChannelOperators/component/GroupChannelOperatorsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,uBAAhD;;AAIA,MAAMC,yBAAyB,GAAG,QAIQ;EAAA,IAJP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC;EAHiC,CAIO;EACxC,MAAMC,UAAwC,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAAcH,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEI,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAD,CAAjE;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBX,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEI,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL;EANhB,EADF;AAUD,CAlBD;;AAoBA,eAAeE,yBAAf"}
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","onLoadNext","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n  onLoadNext,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n      onEndReached={onLoadNext}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,uBAAhD;;AAIA,MAAMC,yBAAyB,GAAG,QAKQ;EAAA,IALP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC,kBAHiC;IAIjCC;EAJiC,CAKO;EACxC,MAAMC,UAAwC,GAAGN,gBAAgB,CAAC;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,OAAcJ,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEK,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAD,CAAjE;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBZ,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEI,SADR;IAEE,UAAU,EAAEI,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAET,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL,aANhB;IAOE,YAAY,EAAEM;EAPhB,EADF;AAWD,CApBD;;AAsBA,eAAeJ,yBAAf"}

package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsInfo.js

@@ -25,7 +25,7 @@ const GroupChannelSettingsInfo = _ => {
   }), /*#__PURE__*/React.createElement(Text, {
     h1: true,
     numberOfLines: 1
-  }, getGroupChannelTitle((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) || '', channel, STRINGS.LABELS.USER_NO_NAME, STRINGS.LABELS.CHANNEL_NO_MEMBERS))), /*#__PURE__*/React.createElement(Divider, null));
+  }, getGroupChannelTitle((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) || '', channel, STRINGS.LABELS.USER_NO_NAME, STRINGS.LABELS.CHANNEL_NO_MEMBERS) || ' ')), /*#__PURE__*/React.createElement(Divider, null));
 };
 
 const styles = createStyleSheet({

package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","Divider","Text","createStyleSheet","getGroupChannelTitle","ChannelCover","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","GroupChannelSettingsInfo","_","channel","Fragment","currentUser","STRINGS","styles","userInfoContainer","avatarContainer","userId","LABELS","USER_NO_NAME","CHANNEL_NO_MEMBERS","container","flex","paddingVertical","alignItems","marginBottom","userIdContainer","userIdLabel"],"sources":["GroupChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { getGroupChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <View>\n      <View style={styles.userInfoContainer}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getGroupChannelTitle(\n            currentUser?.userId || '',\n            channel,\n            STRINGS.LABELS.USER_NO_NAME,\n            STRINGS.LABELS.CHANNEL_NO_MEMBERS,\n          )}\n        </Text>\n      </View>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: { flex: 1 },\n  userInfoContainer: { paddingVertical: 24, alignItems: 'center' },\n  avatarContainer: { marginBottom: 12 },\n  userIdContainer: { paddingVertical: 16 },\n  userIdLabel: { marginBottom: 4 },\n});\nexport default GroupChannelSettingsInfo;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,EAAkBC,IAAlB,EAAwBC,gBAAxB,QAAgD,yCAAhD;AACA,SAASC,oBAAT,QAAqC,uBAArC;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AACA,SAASC,4BAAT,QAA6C,yBAA7C;;AAGA,MAAMC,wBAAwB,GAAIC,CAAD,IAA0C;EACzE,MAAM;IAAEC;EAAF,IAAcZ,UAAU,CAACS,4BAA4B,CAACI,QAA9B,CAA9B;EACA,MAAM;IAAEC;EAAF,IAAkBN,eAAe,EAAvC;EACA,MAAM;IAAEO;EAAF,IAAcR,eAAe,EAAnC;EAEA,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAES,MAAM,CAACC;EAApB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAEL,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEI,MAAM,CAACE;EAAjE,EADF,eAEE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACGb,oBAAoB,CACnB,CAAAS,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEK,MAAb,KAAuB,EADJ,EAEnBP,OAFmB,EAGnBG,OAAO,CAACK,MAAR,CAAeC,YAHI,EAInBN,OAAO,CAACK,MAAR,CAAeE,kBAJI,CADvB,CAFF,CADF,eAYE,oBAAC,OAAD,OAZF,CADF;AAgBD,CArBD;;AAuBA,MAAMN,MAAM,GAAGZ,gBAAgB,CAAC;EAC9BmB,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAR,CADmB;EAE9BP,iBAAiB,EAAE;IAAEQ,eAAe,EAAE,EAAnB;IAAuBC,UAAU,EAAE;EAAnC,CAFW;EAG9BR,eAAe,EAAE;IAAES,YAAY,EAAE;EAAhB,CAHa;EAI9BC,eAAe,EAAE;IAAEH,eAAe,EAAE;EAAnB,CAJa;EAK9BI,WAAW,EAAE;IAAEF,YAAY,EAAE;EAAhB;AALiB,CAAD,CAA/B;AAOA,eAAejB,wBAAf"}
+{"version":3,"names":["React","useContext","View","Divider","Text","createStyleSheet","getGroupChannelTitle","ChannelCover","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","GroupChannelSettingsInfo","_","channel","Fragment","currentUser","STRINGS","styles","userInfoContainer","avatarContainer","userId","LABELS","USER_NO_NAME","CHANNEL_NO_MEMBERS","container","flex","paddingVertical","alignItems","marginBottom","userIdContainer","userIdLabel"],"sources":["GroupChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { getGroupChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <View>\n      <View style={styles.userInfoContainer}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getGroupChannelTitle(\n            currentUser?.userId || '',\n            channel,\n            STRINGS.LABELS.USER_NO_NAME,\n            STRINGS.LABELS.CHANNEL_NO_MEMBERS,\n          ) || ' '}\n        </Text>\n      </View>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: { flex: 1 },\n  userInfoContainer: { paddingVertical: 24, alignItems: 'center' },\n  avatarContainer: { marginBottom: 12 },\n  userIdContainer: { paddingVertical: 16 },\n  userIdLabel: { marginBottom: 4 },\n});\nexport default GroupChannelSettingsInfo;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,EAAkBC,IAAlB,EAAwBC,gBAAxB,QAAgD,yCAAhD;AACA,SAASC,oBAAT,QAAqC,uBAArC;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AACA,SAASC,4BAAT,QAA6C,yBAA7C;;AAGA,MAAMC,wBAAwB,GAAIC,CAAD,IAA0C;EACzE,MAAM;IAAEC;EAAF,IAAcZ,UAAU,CAACS,4BAA4B,CAACI,QAA9B,CAA9B;EACA,MAAM;IAAEC;EAAF,IAAkBN,eAAe,EAAvC;EACA,MAAM;IAAEO;EAAF,IAAcR,eAAe,EAAnC;EAEA,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAES,MAAM,CAACC;EAApB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAEL,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEI,MAAM,CAACE;EAAjE,EADF,eAEE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACGb,oBAAoB,CACnB,CAAAS,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEK,MAAb,KAAuB,EADJ,EAEnBP,OAFmB,EAGnBG,OAAO,CAACK,MAAR,CAAeC,YAHI,EAInBN,OAAO,CAACK,MAAR,CAAeE,kBAJI,CAApB,IAKI,GANP,CAFF,CADF,eAYE,oBAAC,OAAD,OAZF,CADF;AAgBD,CArBD;;AAuBA,MAAMN,MAAM,GAAGZ,gBAAgB,CAAC;EAC9BmB,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAR,CADmB;EAE9BP,iBAAiB,EAAE;IAAEQ,eAAe,EAAE,EAAnB;IAAuBC,UAAU,EAAE;EAAnC,CAFW;EAG9BR,eAAe,EAAE;IAAES,YAAY,EAAE;EAAhB,CAHa;EAI9BC,eAAe,EAAE;IAAEH,eAAe,EAAE;EAAnB,CAJa;EAK9BI,WAAW,EAAE;IAAEF,YAAY,EAAE;EAAhB;AALiB,CAAD,CAA/B;AAOA,eAAejB,wBAAf"}

package/lib/module/domain/groupChannelSettings/module/moduleContext.js

@@ -1,7 +1,7 @@
 import React, { createContext, useCallback } from 'react';
 import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, isDifferentChannel, useForceUpdate, useUniqId } from '@sendbird/uikit-utils';
+import { NOOP, isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/uikit-utils';
 import ProviderLayout from '../../../components/ProviderLayout';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
 import SBUError from '../../../libs/SBUError';
@@ -14,13 +14,12 @@ export const GroupChannelSettingsContexts = {
     onPressHeaderRight: NOOP
   })
 };
-const HOOK_NAME = 'GroupChannelSettingsContextsProvider';
 export const GroupChannelSettingsContextsProvider = _ref => {
   let {
     children,
     channel
   } = _ref;
-  const uniqId = useUniqId(HOOK_NAME);
+  const handlerId = useUniqHandlerId('GroupChannelSettingsContextsProvider');
   const forceUpdate = useForceUpdate();
   const {
     STRINGS
@@ -40,7 +39,7 @@ export const GroupChannelSettingsContextsProvider = _ref => {
     forceUpdate();
   };
 
-  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
+  useChannelHandler(sdk, handlerId, {
     onChannelChanged: onChannelChanged,
     onChannelFrozen: onChannelChanged,
     onChannelUnfrozen: onChannelChanged,

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","forceUpdate","STRINGS","sdk","fileService","alert","onChannelChanged","eventChannel","onChannelFrozen","onChannelUnfrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","GROUP_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","coverImage","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  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\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 { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = 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\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n    onUserBanned: onChannelChanged,\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: SendbirdGroupChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_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.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_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({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_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({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqHandlerId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","GroupChannelSettingsContextsProvider","children","handlerId","forceUpdate","STRINGS","sdk","fileService","alert","onChannelChanged","eventChannel","onChannelFrozen","onChannelUnfrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","GROUP_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","coverImage","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  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\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 { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const handlerId = useUniqHandlerId('GroupChannelSettingsContextsProvider');\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = 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\n  useChannelHandler(sdk, handlerId, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n    onUserBanned: onChannelChanged,\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: SendbirdGroupChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_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.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_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({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_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({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}

package/lib/module/domain/openChannel/component/OpenChannelHeader.js

@@ -0,0 +1,63 @@
+import React, { useContext } from 'react';
+import { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization } from '../../..//hooks/useContext';
+import ChannelCover from '../../../components/ChannelCover';
+import { OpenChannelContexts } from '../module/moduleContext';
+
+const OpenChannelHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    rightIconName
+  } = _ref;
+  const {
+    headerTitle,
+    channel
+  } = useContext(OpenChannelContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    clearTitleMargin: true,
+    title: /*#__PURE__*/React.createElement(Box, {
+      flexDirection: 'row',
+      alignItems: 'center',
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(ChannelCover, {
+      channel: channel,
+      size: 34,
+      containerStyle: styles.avatarGroup
+    }), /*#__PURE__*/React.createElement(Box, {
+      flexShrink: 1
+    }, /*#__PURE__*/React.createElement(Header.Title, {
+      h2: true
+    }, headerTitle), /*#__PURE__*/React.createElement(Header.Subtitle, {
+      style: styles.subtitle
+    }, STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)))),
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/React.createElement(Icon, {
+      icon: rightIconName
+    }),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+const styles = createStyleSheet({
+  titleContainer: {
+    maxWidth: '100%'
+  },
+  avatarGroup: {
+    marginRight: 8
+  },
+  subtitle: {
+    marginTop: 2
+  }
+});
+export default /*#__PURE__*/React.memo(OpenChannelHeader);
+//# sourceMappingURL=OpenChannelHeader.js.map

package/lib/module/domain/openChannel/component/OpenChannelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Box","Header","Icon","createStyleSheet","useHeaderStyle","useLocalization","ChannelCover","OpenChannelContexts","OpenChannelHeader","onPressHeaderLeft","onPressHeaderRight","rightIconName","headerTitle","channel","Fragment","HeaderComponent","STRINGS","styles","titleContainer","avatarGroup","subtitle","OPEN_CHANNEL","HEADER_SUBTITLE","maxWidth","marginRight","marginTop","memo"],"sources":["OpenChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../..//hooks/useContext';\nimport ChannelCover from '../../../components/ChannelCover';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: OpenChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(OpenChannelContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <Box flexDirection={'row'} alignItems={'center'} style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <Box flexShrink={1}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            <Header.Subtitle style={styles.subtitle}>{STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)}</Header.Subtitle>\n          </Box>\n        </Box>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={rightIconName} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default React.memo(OpenChannelHeader);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,GAAT,EAAcC,MAAd,EAAsBC,IAAtB,EAA4BC,gBAA5B,EAA8CC,cAA9C,QAAoE,yCAApE;AAEA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,mBAAT,QAAoC,yBAApC;;AAGA,MAAMC,iBAAiB,GAAG,QAA0F;EAAA,IAAzF;IAAEC,iBAAF;IAAqBC,kBAArB;IAAyCC;EAAzC,CAAyF;EAClH,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2Bd,UAAU,CAACQ,mBAAmB,CAACO,QAArB,CAA3C;EACA,MAAM;IAAEC;EAAF,IAAsBX,cAAc,EAA1C;EACA,MAAM;IAAEY;EAAF,IAAcX,eAAe,EAAnC;EAEA,oBACE,oBAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,oBAAC,GAAD;MAAK,aAAa,EAAE,KAApB;MAA2B,UAAU,EAAE,QAAvC;MAAiD,KAAK,EAAEY,MAAM,CAACC;IAA/D,gBACE,oBAAC,YAAD;MAAc,OAAO,EAAEL,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAEI,MAAM,CAACE;IAAjE,EADF,eAEE,oBAAC,GAAD;MAAK,UAAU,EAAE;IAAjB,gBACE,oBAAC,MAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBP,WAAlB,CADF,eAEE,oBAAC,MAAD,CAAQ,QAAR;MAAiB,KAAK,EAAEK,MAAM,CAACG;IAA/B,GAA0CJ,OAAO,CAACK,YAAR,CAAqBC,eAArB,CAAqCT,OAArC,CAA1C,CAFF,CAFF,CAHJ;IAWE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAEJ,iBAZf;IAaE,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAEE;IAAZ,EAbT;IAcE,YAAY,EAAED;EAdhB,EADF;AAkBD,CAvBD;;AAyBA,MAAMO,MAAM,GAAGd,gBAAgB,CAAC;EAC9Be,cAAc,EAAE;IACdK,QAAQ,EAAE;EADI,CADc;EAI9BJ,WAAW,EAAE;IACXK,WAAW,EAAE;EADF,CAJiB;EAO9BJ,QAAQ,EAAE;IACRK,SAAS,EAAE;EADH;AAPoB,CAAD,CAA/B;AAYA,4BAAe3B,KAAK,CAAC4B,IAAN,CAAWlB,iBAAX,CAAf"}