@sendbird/uikit-react-native 3.12.0 → 3.12.2

package/lib/module/components/ChannelThreadMessageList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","isVoiceMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","useSafeAreaPadding","useLocalization","usePlatformService","useSBUHandlers","useSendbirdChat","useUserProfile","SBUUtils","ReactionAddons","ThreadChatFlatList","ChannelThreadMessageList","searchItem","hasNext","channel","onEditMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","ref","STRINGS","colors","show","safeAreaLayout","createMessagePressActions","useCreateMessagePressActions","renderItem","item","index","onPress","onLongPress","bottomSheetItem","message","prevMessage","nextMessage","onShowUserProfile","focused","startingPoint","createdAt","isFirstItem","createElement","style","flex","backgroundColor","background","isFrozen","styles","frozenBanner","text","LABELS","CHANNEL_MESSAGE_LIST_FROZEN","_extends","data","keyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","length","scrollButton","handlers","toast","openSheet","alert","clipboardService","fileService","sbOptions","onResendFailure","error","TOAST","RESEND_MSG_ERROR","onDeleteFailure","DELETE_MSG_ERROR","onCopyText","isUserMessage","setString","COPY_OK","onDownloadFile","isFileMessage","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","response","DOWNLOAD_OK","log","catch","err","DOWNLOAD_ERROR","onOpenFile","includes","_handlers$onOpenFileU","onOpenFileURL","call","openFile","openURL","openSheetForFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","default","none","destructive","alertForMessageDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","menu","copy","icon","CHANNEL_MESSAGE_COPY","edit","CHANNEL_MESSAGE_EDIT","delete","disabled","threadInfo","replyCount","undefined","CHANNEL_MESSAGE_DELETE","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","sendingStatus","configs","uikitWithAppInfo","groupChannel","HeaderComponent","isGroupChannel","isSuper","enableReactionsSupergroup","enableReactions","onClose","BottomSheet","position","zIndex","top","start","end","paddingBottom","bottom","alignSelf","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React, { Ref } from 'react';\nimport { FlatList, FlatListProps, ListRenderItem, View } from 'react-native';\n\nimport {\n  BottomSheetItem,\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdOpenChannel,\n  SendbirdUserMessage,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  isVoiceMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { UserProfileContextType } from '../../contexts/UserProfileCtx';\nimport {\n  useLocalization,\n  usePlatformService,\n  useSBUHandlers,\n  useSendbirdChat,\n  useUserProfile,\n} from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport { ReactionAddons } from '../ReactionAddons';\nimport ThreadChatFlatList from '../ThreadChatFlatList';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void; bottomSheetItem?: BottomSheetItem };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\ntype CreateMessagePressActions = (params: { message: SendbirdMessage }) => PressActions;\nexport type ChannelThreadMessageListProps<T extends SendbirdGroupChannel | SendbirdOpenChannel> = {\n  enableMessageGrouping: boolean;\n  currentUserId?: string;\n  channel: T;\n  messages: SendbirdMessage[];\n  newMessages: SendbirdMessage[];\n  searchItem?: { startingPoint: number };\n\n  scrolledAwayFromBottom: boolean;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n  onTopReached: () => void;\n  onBottomReached: () => void;\n  hasNext: () => boolean;\n\n  onPressNewMessagesButton: (animated?: boolean) => void;\n  onPressScrollToBottomButton: (animated?: boolean) => void;\n\n  onEditMessage: (message: HandleableMessage) => void;\n  onDeleteMessage: (message: HandleableMessage) => Promise<void>;\n  onResendFailedMessage: (failedMessage: HandleableMessage) => Promise<HandleableMessage | void>;\n  onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n  renderMessage: (props: {\n    focused: boolean;\n    message: SendbirdMessage;\n    prevMessage?: SendbirdMessage;\n    nextMessage?: SendbirdMessage;\n    onPress?: () => void;\n    onLongPress?: () => void;\n    onShowUserProfile?: UserProfileContextType['show'];\n    channel: T;\n    currentUserId?: ChannelThreadMessageListProps<T>['currentUserId'];\n    enableMessageGrouping: ChannelThreadMessageListProps<T>['enableMessageGrouping'];\n    bottomSheetItem?: BottomSheetItem;\n    isFirstItem: boolean;\n  }) => React.ReactElement | null;\n  renderNewMessagesButton:\n    | null\n    | ((props: { visible: boolean; onPress: () => void; newMessages: SendbirdMessage[] }) => React.ReactElement | null);\n  renderScrollToBottomButton: null | ((props: { visible: boolean; onPress: () => void }) => React.ReactElement | null);\n  flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n} & {\n  ref?: Ref<FlatList<SendbirdMessage>> | undefined;\n};\n\nconst ChannelThreadMessageList = <T extends SendbirdGroupChannel | SendbirdOpenChannel>(\n  {\n    searchItem,\n    hasNext,\n    channel,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n    currentUserId,\n    renderNewMessagesButton,\n    renderScrollToBottomButton,\n    renderMessage,\n    messages,\n    newMessages,\n    enableMessageGrouping,\n    onScrolledAwayFromBottom,\n    scrolledAwayFromBottom,\n    onBottomReached,\n    onTopReached,\n    flatListProps,\n    onPressNewMessagesButton,\n    onPressScrollToBottomButton,\n  }: ChannelThreadMessageListProps<T>,\n  ref: React.ForwardedRef<FlatList<SendbirdMessage>>,\n) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { show } = useUserProfile();\n  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);\n  const createMessagePressActions = useCreateMessagePressActions({\n    channel,\n    currentUserId,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n  });\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress, bottomSheetItem } = createMessagePressActions({ message: item });\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index - 1],\n      nextMessage: messages[index + 1],\n      onPress,\n      onLongPress,\n      onShowUserProfile: show,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n      focused: (searchItem?.startingPoint ?? -1) === item.createdAt,\n      bottomSheetItem,\n      isFirstItem: index === 0,\n    });\n  });\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.LABELS.CHANNEL_MESSAGE_LIST_FROZEN} />\n      )}\n      <ThreadChatFlatList\n        {...flatListProps}\n        onTopReached={onTopReached}\n        onBottomReached={onBottomReached}\n        onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n        ref={ref}\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: newMessages.length > 0 && (hasNext() || scrolledAwayFromBottom),\n            onPress: () => onPressNewMessagesButton(),\n            newMessages,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: hasNext() || scrolledAwayFromBottom,\n            onPress: () => onPressScrollToBottomButton(),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst useCreateMessagePressActions = <T extends SendbirdGroupChannel | SendbirdOpenChannel>({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onEditMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  ChannelThreadMessageListProps<T>,\n  'channel' | 'currentUserId' | 'onEditMessage' | 'onDeleteMessage' | 'onResendFailedMessage' | 'onPressMediaMessage'\n>): CreateMessagePressActions => {\n  const handlers = useSBUHandlers();\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 { sbOptions } = useSendbirdChat();\n\n  const onResendFailure = (error: Error) => {\n    toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.RESEND_MSG_ERROR, error);\n  };\n\n  const onDeleteFailure = (error: Error) => {\n    toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.DELETE_MSG_ERROR, error);\n  };\n\n  const onCopyText = (message: HandleableMessage) => {\n    if (message.isUserMessage()) {\n      clipboardService.setString(message.message || '');\n      toast.show(STRINGS.TOAST.COPY_OK, 'success');\n    }\n  };\n\n  const onDownloadFile = (message: HandleableMessage) => {\n    if (message.isFileMessage()) {\n      if (toMegabyte(message.size) > 4) {\n        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: message.url, fileName: message.name, fileType: message.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  const onOpenFile = (message: HandleableMessage) => {\n    if (message.isFileMessage()) {\n      const fileType = getFileType(message.type || getFileExtension(message.name));\n      if (['image', 'video', 'audio'].includes(fileType)) {\n        onPressMediaMessage?.(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));\n        handlers.onOpenFileURL?.(message.url);\n      } else {\n        const openFile = handlers.onOpenFileURL ?? SBUUtils.openURL;\n        openFile(message.url);\n      }\n    }\n  };\n\n  const openSheetForFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () => onResendFailedMessage(message).catch(onResendFailure),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => alertForMessageDelete(message),\n        },\n      ],\n    });\n  };\n\n  const alertForMessageDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        { text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => {\n            onDeleteMessage(message).catch(onDeleteFailure);\n          },\n        },\n      ],\n    });\n  };\n\n  return ({ message }) => {\n    if (!message.isUserMessage() && !message.isFileMessage()) return {};\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const menu = {\n      copy: (message: HandleableMessage) => ({\n        icon: 'copy' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => onCopyText(message),\n      }),\n      edit: (message: HandleableMessage) => ({\n        icon: 'edit' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n        onPress: () => onEditMessage(message),\n      }),\n      delete: (message: HandleableMessage) => ({\n        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,\n        icon: 'delete' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n        onPress: () => alertForMessageDelete(message),\n      }),\n      download: (message: HandleableMessage) => ({\n        icon: 'download' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: () => onDownloadFile(message),\n      }),\n    };\n\n    if (message.isUserMessage()) {\n      sheetItems.push(menu.copy(message));\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.edit(message));\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    if (message.isFileMessage()) {\n      if (!isVoiceMessage(message)) {\n        sheetItems.push(menu.download(message));\n      }\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    const bottomSheetItem: BottomSheetItem = {\n      sheetItems,\n      HeaderComponent: shouldRenderReaction(\n        channel,\n        channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions),\n      )\n        ? ({ onClose }) => <ReactionAddons.BottomSheet message={message} channel={channel} onClose={onClose} />\n        : undefined,\n    };\n\n    switch (true) {\n      case message.sendingStatus === 'pending': {\n        return {\n          onPress: undefined,\n          onLongPress: undefined,\n          bottomSheetItem: undefined,\n        };\n      }\n\n      case message.sendingStatus === 'failed': {\n        return {\n          onPress: () => onResendFailedMessage(message).catch(onResendFailure),\n          onLongPress: () => openSheetForFailedMessage(message),\n          bottomSheetItem,\n        };\n      }\n\n      case message.isFileMessage(): {\n        return {\n          onPress: () => onOpenFile(message),\n          onLongPress: () => openSheet(bottomSheetItem),\n          bottomSheetItem,\n        };\n      }\n\n      default: {\n        return {\n          onPress: undefined,\n          onLongPress: () => openSheet(bottomSheetItem),\n          bottomSheetItem,\n        };\n      }\n    }\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    start: 8,\n    end: 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    end: 16,\n  },\n});\n\n// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it as typeof ChannelMessageList and implicit `ref` prop\nexport default React.forwardRef(ChannelThreadMessageList) as typeof ChannelThreadMessageList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","isVoiceMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","useSafeAreaPadding","useLocalization","usePlatformService","useSBUHandlers","useSendbirdChat","useUserProfile","SBUUtils","ReactionAddons","ThreadChatFlatList","ChannelThreadMessageList","searchItem","hasNext","channel","onEditMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","ref","STRINGS","colors","show","safeAreaLayout","createMessagePressActions","useCreateMessagePressActions","renderItem","item","index","onPress","onLongPress","bottomSheetItem","message","prevMessage","nextMessage","onShowUserProfile","focused","startingPoint","createdAt","isFirstItem","createElement","style","flex","backgroundColor","background","isFrozen","styles","frozenBanner","text","LABELS","CHANNEL_MESSAGE_LIST_FROZEN","_extends","data","keyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","length","scrollButton","handlers","toast","openSheet","alert","clipboardService","fileService","sbOptions","onResendFailure","error","TOAST","RESEND_MSG_ERROR","onDeleteFailure","DELETE_MSG_ERROR","onCopyText","isUserMessage","setString","COPY_OK","onDownloadFile","isFileMessage","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","response","DOWNLOAD_OK","log","catch","err","DOWNLOAD_ERROR","onOpenFile","includes","_handlers$onOpenFileU","onOpenFileURL","call","openFile","openURL","openSheetForFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","default","none","destructive","alertForMessageDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","menu","copy","icon","CHANNEL_MESSAGE_COPY","edit","CHANNEL_MESSAGE_EDIT","delete","disabled","threadInfo","replyCount","undefined","CHANNEL_MESSAGE_DELETE","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","sendingStatus","configs","uikitWithAppInfo","groupChannel","HeaderComponent","isGroupChannel","isSuper","enableReactionsSupergroup","enableReactions","onClose","BottomSheet","position","zIndex","top","start","end","paddingBottom","bottom","alignSelf","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React, { Ref } from 'react';\nimport { FlatList, FlatListProps, ListRenderItem, View } from 'react-native';\n\nimport {\n  BottomSheetItem,\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdOpenChannel,\n  SendbirdUserMessage,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  isVoiceMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { UserProfileContextType } from '../../contexts/UserProfileCtx';\nimport {\n  useLocalization,\n  usePlatformService,\n  useSBUHandlers,\n  useSendbirdChat,\n  useUserProfile,\n} from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport { ReactionAddons } from '../ReactionAddons';\nimport ThreadChatFlatList from '../ThreadChatFlatList';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void; bottomSheetItem?: BottomSheetItem };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\ntype CreateMessagePressActions = (params: { message: SendbirdMessage }) => PressActions;\nexport type ChannelThreadMessageListProps<T extends SendbirdGroupChannel | SendbirdOpenChannel> = {\n  enableMessageGrouping: boolean;\n  currentUserId?: string;\n  channel: T;\n  messages: SendbirdMessage[];\n  newMessages: SendbirdMessage[];\n  searchItem?: { startingPoint: number };\n\n  scrolledAwayFromBottom: boolean;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n  onTopReached: () => void;\n  onBottomReached: () => void;\n  hasNext: () => boolean;\n\n  onPressNewMessagesButton: (animated?: boolean) => void;\n  onPressScrollToBottomButton: (animated?: boolean) => void;\n\n  onEditMessage: (message: HandleableMessage) => void;\n  onDeleteMessage: (message: HandleableMessage) => Promise<void>;\n  onResendFailedMessage: (failedMessage: HandleableMessage) => Promise<HandleableMessage | void>;\n  onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n  renderMessage: (props: {\n    focused: boolean;\n    message: SendbirdMessage;\n    prevMessage?: SendbirdMessage;\n    nextMessage?: SendbirdMessage;\n    onPress?: () => void;\n    onLongPress?: () => void;\n    onShowUserProfile?: UserProfileContextType['show'];\n    channel: T;\n    currentUserId?: ChannelThreadMessageListProps<T>['currentUserId'];\n    enableMessageGrouping: ChannelThreadMessageListProps<T>['enableMessageGrouping'];\n    bottomSheetItem?: BottomSheetItem;\n    isFirstItem: boolean;\n  }) => React.ReactElement | null;\n  renderNewMessagesButton:\n    | null\n    | ((props: { visible: boolean; onPress: () => void; newMessages: SendbirdMessage[] }) => React.ReactElement | null);\n  renderScrollToBottomButton: null | ((props: { visible: boolean; onPress: () => void }) => React.ReactElement | null);\n  flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n} & {\n  ref?: Ref<FlatList<SendbirdMessage>> | undefined;\n};\n\nconst ChannelThreadMessageList = <T extends SendbirdGroupChannel | SendbirdOpenChannel>(\n  {\n    searchItem,\n    hasNext,\n    channel,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n    currentUserId,\n    renderNewMessagesButton,\n    renderScrollToBottomButton,\n    renderMessage,\n    messages,\n    newMessages,\n    enableMessageGrouping,\n    onScrolledAwayFromBottom,\n    scrolledAwayFromBottom,\n    onBottomReached,\n    onTopReached,\n    flatListProps,\n    onPressNewMessagesButton,\n    onPressScrollToBottomButton,\n  }: ChannelThreadMessageListProps<T>,\n  ref: React.ForwardedRef<FlatList<SendbirdMessage>>,\n) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { show } = useUserProfile();\n  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);\n  const createMessagePressActions = useCreateMessagePressActions({\n    channel,\n    currentUserId,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n  });\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress, bottomSheetItem } = createMessagePressActions({ message: item });\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index - 1],\n      nextMessage: messages[index + 1],\n      onPress,\n      onLongPress,\n      onShowUserProfile: show,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n      focused: (searchItem?.startingPoint ?? -1) === item.createdAt,\n      bottomSheetItem,\n      isFirstItem: index === 0,\n    });\n  });\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.LABELS.CHANNEL_MESSAGE_LIST_FROZEN} />\n      )}\n      <ThreadChatFlatList\n        {...flatListProps}\n        onTopReached={onTopReached}\n        onBottomReached={onBottomReached}\n        onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n        ref={ref}\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: newMessages.length > 0 && (hasNext() || scrolledAwayFromBottom),\n            onPress: () => onPressNewMessagesButton(),\n            newMessages,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: hasNext() || scrolledAwayFromBottom,\n            onPress: () => onPressScrollToBottomButton(),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst useCreateMessagePressActions = <T extends SendbirdGroupChannel | SendbirdOpenChannel>({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onEditMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  ChannelThreadMessageListProps<T>,\n  'channel' | 'currentUserId' | 'onEditMessage' | 'onDeleteMessage' | 'onResendFailedMessage' | 'onPressMediaMessage'\n>): CreateMessagePressActions => {\n  const handlers = useSBUHandlers();\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 { sbOptions } = useSendbirdChat();\n\n  const onResendFailure = (error: Error) => {\n    toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.RESEND_MSG_ERROR, error);\n  };\n\n  const onDeleteFailure = (error: Error) => {\n    toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.DELETE_MSG_ERROR, error);\n  };\n\n  const onCopyText = (message: HandleableMessage) => {\n    if (message.isUserMessage()) {\n      clipboardService.setString(message.message || '');\n      toast.show(STRINGS.TOAST.COPY_OK, 'success');\n    }\n  };\n\n  const onDownloadFile = (message: HandleableMessage) => {\n    if (message.isFileMessage()) {\n      if (toMegabyte(message.size) > 4) {\n        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: message.url, fileName: message.name, fileType: message.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  const onOpenFile = (message: HandleableMessage) => {\n    if (message.isFileMessage()) {\n      const fileType = getFileType(message.type || getFileExtension(message.name));\n      if (['image', 'video', 'audio'].includes(fileType)) {\n        onPressMediaMessage?.(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));\n        handlers.onOpenFileURL?.(message.url);\n      } else {\n        const openFile = handlers.onOpenFileURL ?? SBUUtils.openURL;\n        openFile(message.url);\n      }\n    }\n  };\n\n  const openSheetForFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () => onResendFailedMessage(message).catch(onResendFailure),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => alertForMessageDelete(message),\n        },\n      ],\n    });\n  };\n\n  const alertForMessageDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        { text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => {\n            onDeleteMessage(message).catch(onDeleteFailure);\n          },\n        },\n      ],\n    });\n  };\n\n  return ({ message }) => {\n    if (!message.isUserMessage() && !message.isFileMessage()) return {};\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const menu = {\n      copy: (message: HandleableMessage) => ({\n        icon: 'copy' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => onCopyText(message),\n      }),\n      edit: (message: HandleableMessage) => ({\n        icon: 'edit' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n        onPress: () => onEditMessage(message),\n      }),\n      delete: (message: HandleableMessage) => ({\n        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,\n        icon: 'delete' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n        onPress: () => alertForMessageDelete(message),\n      }),\n      download: (message: HandleableMessage) => ({\n        icon: 'download' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: () => onDownloadFile(message),\n      }),\n    };\n\n    if (message.isUserMessage()) {\n      sheetItems.push(menu.copy(message));\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.edit(message));\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    if (message.isFileMessage()) {\n      if (!isVoiceMessage(message)) {\n        sheetItems.push(menu.download(message));\n      }\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    const bottomSheetItem: BottomSheetItem = {\n      sheetItems,\n      HeaderComponent: shouldRenderReaction(\n        channel,\n        channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions),\n      )\n        ? ({ onClose }) => <ReactionAddons.BottomSheet message={message} channel={channel} onClose={onClose} />\n        : undefined,\n    };\n\n    switch (true) {\n      case message.sendingStatus === 'pending': {\n        return {\n          onPress: undefined,\n          onLongPress: undefined,\n          bottomSheetItem: undefined,\n        };\n      }\n\n      case message.sendingStatus === 'failed': {\n        return {\n          onPress: () => onResendFailedMessage(message).catch(onResendFailure),\n          onLongPress: () => openSheetForFailedMessage(message),\n          bottomSheetItem,\n        };\n      }\n\n      case message.isFileMessage(): {\n        return {\n          onPress: () => onOpenFile(message),\n          onLongPress: () => openSheet(bottomSheetItem),\n          bottomSheetItem,\n        };\n      }\n\n      default: {\n        return {\n          onPress: undefined,\n          onLongPress: () => openSheet(bottomSheetItem),\n          bottomSheetItem,\n        };\n      }\n    }\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    start: 8,\n    end: 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    end: 16,\n  },\n});\n\n// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it properly for React 19 compatibility\nexport default React.forwardRef(ChannelThreadMessageList) as <T extends SendbirdGroupChannel | SendbirdOpenChannel>(\n  props: ChannelThreadMessageListProps<T>,\n) => React.ReactElement | null;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FileViewer/FileViewerContent.js

@@ -82,7 +82,7 @@ const ZoomableImageView = ({
     width,
     height
   } = useWindowDimensions();
-  const imageSize = useRef();
+  const imageSize = useRef(undefined);
   const [contentSizeProps, setContentSizeProps] = useState({
     contentWidth: width,
     contentHeight: height

package/lib/module/components/FileViewer/FileViewerContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactNativeZoomableView","React","useLayoutEffect","useRef","useState","StyleSheet","useWindowDimensions","Box","Image","LoadingSpinner","createStyleSheet","useHeaderStyle","useUIKitTheme","useIIFE","usePlatformService","SBUUtils","FileViewerContent","type","src","topInset","bottomInset","maxZoom","minZoom","onPress","loading","setLoading","defaultHeight","mediaService","palette","source","uri","onLoadEnd","mediaViewer","createElement","ZoomableImageView","style","absoluteFill","resizeMode","zoomProps","onSingleTap","VideoComponent","top","bottom","onLoad","styles","container","position","size","color","primary300","props","width","height","imageSize","contentSizeProps","setContentSizeProps","contentWidth","contentHeight","safeRun","image","current","getImageSize","viewRatio","imageRatio","fitDirection","ratio","actualSize","_extends","visualTouchFeedbackEnabled","initialZoom","zIndex","flex","alignItems","justifyContent"],"sources":["FileViewerContent.tsx"],"sourcesContent":["import { ReactNativeZoomableView, ReactNativeZoomableViewProps } from '@openspacelabs/react-native-zoomable-view';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { ImageProps, ImageStyle, ImageURISource, StyleProp, StyleSheet, useWindowDimensions } from 'react-native';\n\nimport {\n  Box,\n  Image,\n  LoadingSpinner,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { FileType, useIIFE } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\n\ntype Props = {\n  type: FileType;\n  src: string;\n  topInset?: number;\n  bottomInset?: number;\n  maxZoom?: number;\n  minZoom?: number;\n  onPress?: () => void;\n};\nconst FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom = 4, minZoom = 1, onPress }: Props) => {\n  const [loading, setLoading] = useState(true);\n\n  const { defaultHeight } = useHeaderStyle();\n  const { mediaService } = usePlatformService();\n  const { palette } = useUIKitTheme();\n\n  const source = { uri: src };\n  const onLoadEnd = () => setLoading(false);\n  const mediaViewer = useIIFE(() => {\n    switch (type) {\n      case 'image': {\n        return (\n          <ZoomableImageView\n            source={source}\n            style={StyleSheet.absoluteFill}\n            resizeMode={'contain'}\n            onLoadEnd={onLoadEnd}\n            zoomProps={{\n              minZoom,\n              maxZoom,\n              onSingleTap: onPress,\n            }}\n          />\n        );\n      }\n\n      case 'video':\n      case 'audio': {\n        return (\n          <mediaService.VideoComponent\n            source={source}\n            style={[StyleSheet.absoluteFill, { top: topInset, bottom: defaultHeight + bottomInset }]}\n            resizeMode={'contain'}\n            onLoad={onLoadEnd}\n          />\n        );\n      }\n\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box style={styles.container}>\n      {mediaViewer}\n      {loading && <LoadingSpinner style={{ position: 'absolute' }} size={40} color={palette.primary300} />}\n    </Box>\n  );\n};\n\nconst ZoomableImageView = ({\n  zoomProps,\n  ...props\n}: {\n  source: ImageURISource;\n  style: StyleProp<ImageStyle>;\n  resizeMode: ImageProps['resizeMode'];\n  onLoadEnd: () => void;\n  zoomProps?: Partial<ReactNativeZoomableViewProps>;\n}) => {\n  const { width, height } = useWindowDimensions();\n\n  const imageSize = useRef<{ width: number; height: number }>();\n  const [contentSizeProps, setContentSizeProps] = useState<{\n    contentWidth: number;\n    contentHeight: number;\n  }>({\n    contentWidth: width,\n    contentHeight: height,\n  });\n\n  useLayoutEffect(() => {\n    SBUUtils.safeRun(async () => {\n      if (props.source.uri) {\n        const image = imageSize.current ?? (await SBUUtils.getImageSize(props.source.uri));\n        imageSize.current = image;\n\n        const viewRatio = width / height;\n        const imageRatio = image.width / image.height;\n\n        const fitDirection = viewRatio > imageRatio ? 'height' : 'width';\n        const ratio = fitDirection === 'height' ? height / image.height : width / image.width;\n        const actualSize = { width: image.width * ratio, height: image.height * ratio };\n\n        setContentSizeProps({\n          contentWidth: actualSize.width,\n          contentHeight: actualSize.height,\n        });\n      }\n    });\n  }, [props.source.uri, width, height]);\n\n  return (\n    <ReactNativeZoomableView\n      visualTouchFeedbackEnabled={false}\n      style={{ width, height }}\n      initialZoom={1}\n      {...contentSizeProps}\n      {...zoomProps}\n    >\n      <Image {...props} />\n    </ReactNativeZoomableView>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 0,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerContent;\n"],"mappings":";AAAA,SAASA,uBAAuB,QAAsC,2CAA2C;AACjH,OAAOC,KAAK,IAAIC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAA4DC,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAEjH,SACEC,GAAG,EACHC,KAAK,EACLC,cAAc,EACdC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAChD,SAAmBC,OAAO,QAAQ,uBAAuB;AAEzD,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,OAAOC,QAAQ,MAAM,qBAAqB;AAW1C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,GAAG;EAAEC,QAAQ,GAAG,CAAC;EAAEC,WAAW,GAAG,CAAC;EAAEC,OAAO,GAAG,CAAC;EAAEC,OAAO,GAAG,CAAC;EAAEC;AAAe,CAAC,KAAK;EACpH,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGrB,QAAQ,CAAC,IAAI,CAAC;EAE5C,MAAM;IAAEsB;EAAc,CAAC,GAAGf,cAAc,CAAC,CAAC;EAC1C,MAAM;IAAEgB;EAAa,CAAC,GAAGb,kBAAkB,CAAC,CAAC;EAC7C,MAAM;IAAEc;EAAQ,CAAC,GAAGhB,aAAa,CAAC,CAAC;EAEnC,MAAMiB,MAAM,GAAG;IAAEC,GAAG,EAAEZ;EAAI,CAAC;EAC3B,MAAMa,SAAS,GAAGA,CAAA,KAAMN,UAAU,CAAC,KAAK,CAAC;EACzC,MAAMO,WAAW,GAAGnB,OAAO,CAAC,MAAM;IAChC,QAAQI,IAAI;MACV,KAAK,OAAO;QAAE;UACZ,oBACEhB,KAAA,CAAAgC,aAAA,CAACC,iBAAiB;YAChBL,MAAM,EAAEA,MAAO;YACfM,KAAK,EAAE9B,UAAU,CAAC+B,YAAa;YAC/BC,UAAU,EAAE,SAAU;YACtBN,SAAS,EAAEA,SAAU;YACrBO,SAAS,EAAE;cACThB,OAAO;cACPD,OAAO;cACPkB,WAAW,EAAEhB;YACf;UAAE,CACH,CAAC;QAEN;MAEA,KAAK,OAAO;MACZ,KAAK,OAAO;QAAE;UACZ,oBACEtB,KAAA,CAAAgC,aAAA,CAACN,YAAY,CAACa,cAAc;YAC1BX,MAAM,EAAEA,MAAO;YACfM,KAAK,EAAE,CAAC9B,UAAU,CAAC+B,YAAY,EAAE;cAAEK,GAAG,EAAEtB,QAAQ;cAAEuB,MAAM,EAAEhB,aAAa,GAAGN;YAAY,CAAC,CAAE;YACzFiB,UAAU,EAAE,SAAU;YACtBM,MAAM,EAAEZ;UAAU,CACnB,CAAC;QAEN;MAEA;QAAS;UACP,OAAO,IAAI;QACb;IACF;EACF,CAAC,CAAC;EAEF,oBACE9B,KAAA,CAAAgC,aAAA,CAAC1B,GAAG;IAAC4B,KAAK,EAAES,MAAM,CAACC;EAAU,GAC1Bb,WAAW,EACXR,OAAO,iBAAIvB,KAAA,CAAAgC,aAAA,CAACxB,cAAc;IAAC0B,KAAK,EAAE;MAAEW,QAAQ,EAAE;IAAW,CAAE;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEpB,OAAO,CAACqB;EAAW,CAAE,CAChG,CAAC;AAEV,CAAC;AAED,MAAMf,iBAAiB,GAAGA,CAAC;EACzBI,SAAS;EACT,GAAGY;AAOL,CAAC,KAAK;EACJ,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG9C,mBAAmB,CAAC,CAAC;EAE/C,MAAM+C,SAAS,GAAGlD,MAAM,CAAoC,CAAC;EAC7D,MAAM,CAACmD,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGnD,QAAQ,CAGrD;IACDoD,YAAY,EAAEL,KAAK;IACnBM,aAAa,EAAEL;EACjB,CAAC,CAAC;EAEFlD,eAAe,CAAC,MAAM;IACpBa,QAAQ,CAAC2C,OAAO,CAAC,YAAY;MAC3B,IAAIR,KAAK,CAACrB,MAAM,CAACC,GAAG,EAAE;QACpB,MAAM6B,KAAK,GAAGN,SAAS,CAACO,OAAO,KAAK,MAAM7C,QAAQ,CAAC8C,YAAY,CAACX,KAAK,CAACrB,MAAM,CAACC,GAAG,CAAC,CAAC;QAClFuB,SAAS,CAACO,OAAO,GAAGD,KAAK;QAEzB,MAAMG,SAAS,GAAGX,KAAK,GAAGC,MAAM;QAChC,MAAMW,UAAU,GAAGJ,KAAK,CAACR,KAAK,GAAGQ,KAAK,CAACP,MAAM;QAE7C,MAAMY,YAAY,GAAGF,SAAS,GAAGC,UAAU,GAAG,QAAQ,GAAG,OAAO;QAChE,MAAME,KAAK,GAAGD,YAAY,KAAK,QAAQ,GAAGZ,MAAM,GAAGO,KAAK,CAACP,MAAM,GAAGD,KAAK,GAAGQ,KAAK,CAACR,KAAK;QACrF,MAAMe,UAAU,GAAG;UAAEf,KAAK,EAAEQ,KAAK,CAACR,KAAK,GAAGc,KAAK;UAAEb,MAAM,EAAEO,KAAK,CAACP,MAAM,GAAGa;QAAM,CAAC;QAE/EV,mBAAmB,CAAC;UAClBC,YAAY,EAAEU,UAAU,CAACf,KAAK;UAC9BM,aAAa,EAAES,UAAU,CAACd;QAC5B,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACF,KAAK,CAACrB,MAAM,CAACC,GAAG,EAAEqB,KAAK,EAAEC,MAAM,CAAC,CAAC;EAErC,oBACEnD,KAAA,CAAAgC,aAAA,CAACjC,uBAAuB,EAAAmE,QAAA;IACtBC,0BAA0B,EAAE,KAAM;IAClCjC,KAAK,EAAE;MAAEgB,KAAK;MAAEC;IAAO,CAAE;IACzBiB,WAAW,EAAE;EAAE,GACXf,gBAAgB,EAChBhB,SAAS,gBAEbrC,KAAA,CAAAgC,aAAA,CAACzB,KAAK,EAAK0C,KAAQ,CACI,CAAC;AAE9B,CAAC;AAED,MAAMN,MAAM,GAAGlC,gBAAgB,CAAC;EAC9BmC,SAAS,EAAE;IACTyB,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAezD,iBAAiB","ignoreList":[]}
+{"version":3,"names":["ReactNativeZoomableView","React","useLayoutEffect","useRef","useState","StyleSheet","useWindowDimensions","Box","Image","LoadingSpinner","createStyleSheet","useHeaderStyle","useUIKitTheme","useIIFE","usePlatformService","SBUUtils","FileViewerContent","type","src","topInset","bottomInset","maxZoom","minZoom","onPress","loading","setLoading","defaultHeight","mediaService","palette","source","uri","onLoadEnd","mediaViewer","createElement","ZoomableImageView","style","absoluteFill","resizeMode","zoomProps","onSingleTap","VideoComponent","top","bottom","onLoad","styles","container","position","size","color","primary300","props","width","height","imageSize","undefined","contentSizeProps","setContentSizeProps","contentWidth","contentHeight","safeRun","image","current","getImageSize","viewRatio","imageRatio","fitDirection","ratio","actualSize","_extends","visualTouchFeedbackEnabled","initialZoom","zIndex","flex","alignItems","justifyContent"],"sources":["FileViewerContent.tsx"],"sourcesContent":["import { ReactNativeZoomableView, ReactNativeZoomableViewProps } from '@openspacelabs/react-native-zoomable-view';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { ImageProps, ImageStyle, ImageURISource, StyleProp, StyleSheet, useWindowDimensions } from 'react-native';\n\nimport {\n  Box,\n  Image,\n  LoadingSpinner,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { FileType, useIIFE } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\n\ntype Props = {\n  type: FileType;\n  src: string;\n  topInset?: number;\n  bottomInset?: number;\n  maxZoom?: number;\n  minZoom?: number;\n  onPress?: () => void;\n};\nconst FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom = 4, minZoom = 1, onPress }: Props) => {\n  const [loading, setLoading] = useState(true);\n\n  const { defaultHeight } = useHeaderStyle();\n  const { mediaService } = usePlatformService();\n  const { palette } = useUIKitTheme();\n\n  const source = { uri: src };\n  const onLoadEnd = () => setLoading(false);\n  const mediaViewer = useIIFE(() => {\n    switch (type) {\n      case 'image': {\n        return (\n          <ZoomableImageView\n            source={source}\n            style={StyleSheet.absoluteFill}\n            resizeMode={'contain'}\n            onLoadEnd={onLoadEnd}\n            zoomProps={{\n              minZoom,\n              maxZoom,\n              onSingleTap: onPress,\n            }}\n          />\n        );\n      }\n\n      case 'video':\n      case 'audio': {\n        return (\n          <mediaService.VideoComponent\n            source={source}\n            style={[StyleSheet.absoluteFill, { top: topInset, bottom: defaultHeight + bottomInset }]}\n            resizeMode={'contain'}\n            onLoad={onLoadEnd}\n          />\n        );\n      }\n\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box style={styles.container}>\n      {mediaViewer}\n      {loading && <LoadingSpinner style={{ position: 'absolute' }} size={40} color={palette.primary300} />}\n    </Box>\n  );\n};\n\nconst ZoomableImageView = ({\n  zoomProps,\n  ...props\n}: {\n  source: ImageURISource;\n  style: StyleProp<ImageStyle>;\n  resizeMode: ImageProps['resizeMode'];\n  onLoadEnd: () => void;\n  zoomProps?: Partial<ReactNativeZoomableViewProps>;\n}) => {\n  const { width, height } = useWindowDimensions();\n\n  const imageSize = useRef<{ width: number; height: number } | undefined>(undefined);\n  const [contentSizeProps, setContentSizeProps] = useState<{\n    contentWidth: number;\n    contentHeight: number;\n  }>({\n    contentWidth: width,\n    contentHeight: height,\n  });\n\n  useLayoutEffect(() => {\n    SBUUtils.safeRun(async () => {\n      if (props.source.uri) {\n        const image = imageSize.current ?? (await SBUUtils.getImageSize(props.source.uri));\n        imageSize.current = image;\n\n        const viewRatio = width / height;\n        const imageRatio = image.width / image.height;\n\n        const fitDirection = viewRatio > imageRatio ? 'height' : 'width';\n        const ratio = fitDirection === 'height' ? height / image.height : width / image.width;\n        const actualSize = { width: image.width * ratio, height: image.height * ratio };\n\n        setContentSizeProps({\n          contentWidth: actualSize.width,\n          contentHeight: actualSize.height,\n        });\n      }\n    });\n  }, [props.source.uri, width, height]);\n\n  return (\n    <ReactNativeZoomableView\n      visualTouchFeedbackEnabled={false}\n      style={{ width, height }}\n      initialZoom={1}\n      {...contentSizeProps}\n      {...zoomProps}\n    >\n      <Image {...props} />\n    </ReactNativeZoomableView>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 0,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerContent;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReactionBottomSheets/ReactionUserListBottomSheet.js

@@ -19,7 +19,7 @@ const ReactionUserListBottomSheet = ({
     colors
   } = useUIKitTheme();
   const [tabIndex, setTabIndex] = useState(0);
-  const scrollRef = useRef();
+  const scrollRef = useRef(undefined);
   const tabIndicatorValue = useRef([]);
   const tabIndicatorAnimated = useRef({
     x: new Animated.Value(0),

package/lib/module/components/ReactionBottomSheets/ReactionUserListBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","I18nManager","Pressable","ScrollView","View","useWindowDimensions","Avatar","Divider","Image","Modal","Text","createStyleSheet","useUIKitTheme","getReactionCount","truncatedCount","useSafeAreaPadding","ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","onPressUserProfile","width","safeArea","colors","tabIndex","setTabIndex","scrollRef","tabIndicatorValue","tabIndicatorAnimated","x","Value","current","focusedWithLayoutCalculated","emojiManager","channel","message","focusIndex","STRINGS","color","ui","reaction","default","reactions","focusedReaction","containerSafeArea","paddingStart","styles","layout","paddingHorizontal","paddingEnd","focusTab","index","animated","indicatorValue","_scrollRef$current","animateTabIndicator","scrollTo","baseConfig","duration","easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","filter","Boolean","length","renderTabs","createElement","style","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginEnd","onPress","onLayout","e","indexForLayout","isRTL","nativeEvent","source","getEmojiIconSource","tabEmoji","button","selected","highlight","enabled","tabIndicator","backgroundColor","renderPage","userCountDifference","count","sampledUserInfoList","Fragment","reactedUserInfo","isGroupChannel","userId","pageItem","size","uri","profileUrl","containerStyle","avatar","subtitle2","flex","nickname","LABELS","USER_NO_NAME","body3","onBackground02","REACTION","MORE_USERS","type","backgroundStyle","modal","container","paddingBottom","dialog","none","background","ref","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","top","showsVerticalScrollIndicator","pageContainer","overflow","borderTopStartRadius","borderTopEndRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position","bottom"],"sources":["ReactionUserListBottomSheet.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Animated, Easing, I18nManager, Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\n\nimport {\n  Avatar,\n  Divider,\n  Image,\n  Modal,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdEmoji,\n  SendbirdReaction,\n  getReactionCount,\n  truncatedCount,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { ReactionBottomSheetProps } from './index';\n\nconst ReactionUserListBottomSheet = ({\n  visible,\n  onClose,\n  onDismiss,\n  reactionCtx,\n  chatCtx,\n  localizationCtx,\n  onPressUserProfile,\n}: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const safeArea = useSafeAreaPadding(['left', 'right', 'bottom']);\n  const { colors } = useUIKitTheme();\n\n  const [tabIndex, setTabIndex] = useState(0);\n  const scrollRef = useRef<ScrollView>();\n  const tabIndicatorValue = useRef<Array<{ x: number; width: number }>>([]);\n  const tabIndicatorAnimated = useRef({ x: new Animated.Value(0), width: new Animated.Value(0) }).current;\n  const focusedWithLayoutCalculated = useRef(false);\n\n  const { emojiManager } = chatCtx;\n  const { channel, message, focusIndex } = reactionCtx;\n  const { STRINGS } = localizationCtx;\n\n  const color = colors.ui.reaction.default;\n  const reactions = message?.reactions ?? [];\n  const focusedReaction = reactions[tabIndex] as SendbirdReaction | undefined;\n  const containerSafeArea = {\n    paddingStart: safeArea.paddingStart + styles.layout.paddingHorizontal,\n    paddingEnd: safeArea.paddingEnd + styles.layout.paddingHorizontal,\n  };\n\n  const focusTab = (index: number, animated = true) => {\n    const indicatorValue = tabIndicatorValue.current[index];\n    if (indicatorValue) {\n      setTabIndex(index);\n      animateTabIndicator(indicatorValue.x, indicatorValue.width, animated);\n      scrollRef.current?.scrollTo({ x: indicatorValue.x, animated });\n    }\n  };\n\n  const animateTabIndicator = (x: number, width: number, animated = true) => {\n    const baseConfig = { duration: animated ? 300 : 0, easing: Easing.inOut(Easing.ease), useNativeDriver: false };\n    Animated.parallel([\n      Animated.timing(tabIndicatorAnimated.x, { toValue: x, ...baseConfig }),\n      Animated.timing(tabIndicatorAnimated.width, { toValue: width, ...baseConfig }),\n    ]).start();\n  };\n\n  const layoutCalculated = () => {\n    return tabIndicatorValue.current.filter(Boolean).length === reactions.length;\n  };\n\n  useEffect(() => {\n    if (!visible) {\n      tabIndicatorValue.current = [];\n      tabIndicatorAnimated.x = new Animated.Value(0);\n      tabIndicatorAnimated.width = new Animated.Value(0);\n      focusedWithLayoutCalculated.current = false;\n    }\n  }, [visible]);\n\n  const renderTabs = () => {\n    return (\n      <Pressable style={styles.tabsWrapper}>\n        {reactions.map((reaction, index) => {\n          const isFocused = focusedReaction?.key === reaction.key;\n          const isLastItem = reactions.length - 1 === index;\n          const emoji = emojiManager.allEmojiMap[reaction.key] as SendbirdEmoji | undefined;\n\n          return (\n            <Pressable\n              key={reaction.key}\n              style={[styles.tabItem, isLastItem && { marginEnd: styles.layout.marginEnd }]}\n              onPress={() => focusTab(index)}\n              onLayout={(e) => {\n                const indexForLayout = I18nManager.isRTL ? reactions.length - 1 - index : index;\n                tabIndicatorValue.current[indexForLayout] = e.nativeEvent.layout;\n                if (layoutCalculated()) {\n                  if (focusedWithLayoutCalculated.current) {\n                    // re-calculating layout when screen rotation\n                    focusTab(tabIndex, false);\n                  } else {\n                    focusedWithLayoutCalculated.current = true;\n                    focusTab(focusIndex);\n                  }\n                }\n              }}\n            >\n              <Image source={emojiManager.getEmojiIconSource(emoji)} style={styles.tabEmoji} />\n              <Text button color={isFocused ? color.selected.highlight : color.enabled.highlight}>\n                {truncatedCount(getReactionCount(reaction))}\n              </Text>\n            </Pressable>\n          );\n        })}\n        <Animated.View\n          style={[\n            styles.tabIndicator,\n            {\n              start: tabIndicatorAnimated.x,\n              width: tabIndicatorAnimated.width,\n              backgroundColor: color.selected.highlight,\n            },\n          ]}\n        />\n      </Pressable>\n    );\n  };\n\n  const renderPage = () => {\n    const userCountDifference = (focusedReaction?.count || 0) - (focusedReaction?.sampledUserInfoList.length || 0);\n\n    return (\n      <>\n        {focusedReaction?.sampledUserInfoList.map((reactedUserInfo) => {\n          if (channel?.isGroupChannel()) {\n            return (\n              <Pressable\n                key={reactedUserInfo.userId}\n                onPress={async () => {\n                  await onClose();\n                  onPressUserProfile(reactedUserInfo);\n                }}\n                style={styles.pageItem}\n              >\n                <Avatar size={36} uri={reactedUserInfo?.profileUrl} containerStyle={styles.avatar} />\n                <Text subtitle2 style={{ flex: 1 }}>\n                  {reactedUserInfo?.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n              </Pressable>\n            );\n          }\n          return null;\n        })}\n        {userCountDifference > 0 && (\n          <View style={styles.pageItem}>\n            <Text body3 color={colors.onBackground02}>\n              {STRINGS.REACTION.MORE_USERS(userCountDifference)}\n            </Text>\n          </View>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <Modal\n      type={'slide-no-gesture'}\n      visible={Boolean(visible && channel && message)}\n      onClose={onClose}\n      onDismiss={onDismiss}\n      backgroundStyle={styles.modal}\n    >\n      <View\n        style={[\n          styles.container,\n          { width, paddingBottom: safeArea.paddingBottom, backgroundColor: colors.ui.dialog.default.none.background },\n        ]}\n      >\n        <ScrollView\n          ref={scrollRef as never}\n          horizontal\n          bounces={false}\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={[containerSafeArea, styles.tabsContainer]}\n        >\n          {renderTabs()}\n        </ScrollView>\n        <Divider style={{ top: -1 }} />\n        <ScrollView\n          bounces={false}\n          showsVerticalScrollIndicator={false}\n          style={styles.pageContainer}\n          contentContainerStyle={containerSafeArea}\n        >\n          {renderPage()}\n        </ScrollView>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  layout: {\n    paddingHorizontal: 16,\n    marginEnd: 0,\n  },\n  container: {\n    overflow: 'hidden',\n    borderTopStartRadius: 8,\n    borderTopEndRadius: 8,\n    paddingTop: 16,\n    alignItems: 'center',\n  },\n  modal: {\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  tabsContainer: {\n    flexGrow: 1,\n  },\n  tabsWrapper: {\n    flexGrow: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    height: 44,\n  },\n  tabItem: {\n    marginEnd: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tabEmoji: {\n    width: 28,\n    height: 28,\n    marginEnd: 4,\n  },\n  tabIndicator: {\n    position: 'absolute',\n    bottom: 0,\n    height: 3,\n  },\n  pageContainer: {\n    height: 216,\n    width: '100%',\n  },\n  pageItem: {\n    flexDirection: 'row',\n    width: '100%',\n    height: 48,\n    alignItems: 'center',\n  },\n  avatar: {\n    marginEnd: 16,\n  },\n});\n\nexport default ReactionUserListBottomSheet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","I18nManager","Pressable","ScrollView","View","useWindowDimensions","Avatar","Divider","Image","Modal","Text","createStyleSheet","useUIKitTheme","getReactionCount","truncatedCount","useSafeAreaPadding","ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","onPressUserProfile","width","safeArea","colors","tabIndex","setTabIndex","scrollRef","undefined","tabIndicatorValue","tabIndicatorAnimated","x","Value","current","focusedWithLayoutCalculated","emojiManager","channel","message","focusIndex","STRINGS","color","ui","reaction","default","reactions","focusedReaction","containerSafeArea","paddingStart","styles","layout","paddingHorizontal","paddingEnd","focusTab","index","animated","indicatorValue","_scrollRef$current","animateTabIndicator","scrollTo","baseConfig","duration","easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","filter","Boolean","length","renderTabs","createElement","style","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginEnd","onPress","onLayout","e","indexForLayout","isRTL","nativeEvent","source","getEmojiIconSource","tabEmoji","button","selected","highlight","enabled","tabIndicator","backgroundColor","renderPage","userCountDifference","count","sampledUserInfoList","Fragment","reactedUserInfo","isGroupChannel","userId","pageItem","size","uri","profileUrl","containerStyle","avatar","subtitle2","flex","nickname","LABELS","USER_NO_NAME","body3","onBackground02","REACTION","MORE_USERS","type","backgroundStyle","modal","container","paddingBottom","dialog","none","background","ref","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","top","showsVerticalScrollIndicator","pageContainer","overflow","borderTopStartRadius","borderTopEndRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position","bottom"],"sources":["ReactionUserListBottomSheet.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Animated, Easing, I18nManager, Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\n\nimport {\n  Avatar,\n  Divider,\n  Image,\n  Modal,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdEmoji,\n  SendbirdReaction,\n  getReactionCount,\n  truncatedCount,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { ReactionBottomSheetProps } from './index';\n\nconst ReactionUserListBottomSheet = ({\n  visible,\n  onClose,\n  onDismiss,\n  reactionCtx,\n  chatCtx,\n  localizationCtx,\n  onPressUserProfile,\n}: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const safeArea = useSafeAreaPadding(['left', 'right', 'bottom']);\n  const { colors } = useUIKitTheme();\n\n  const [tabIndex, setTabIndex] = useState(0);\n  const scrollRef = useRef<ScrollView | undefined>(undefined);\n  const tabIndicatorValue = useRef<Array<{ x: number; width: number }>>([]);\n  const tabIndicatorAnimated = useRef({ x: new Animated.Value(0), width: new Animated.Value(0) }).current;\n  const focusedWithLayoutCalculated = useRef(false);\n\n  const { emojiManager } = chatCtx;\n  const { channel, message, focusIndex } = reactionCtx;\n  const { STRINGS } = localizationCtx;\n\n  const color = colors.ui.reaction.default;\n  const reactions = message?.reactions ?? [];\n  const focusedReaction = reactions[tabIndex] as SendbirdReaction | undefined;\n  const containerSafeArea = {\n    paddingStart: safeArea.paddingStart + styles.layout.paddingHorizontal,\n    paddingEnd: safeArea.paddingEnd + styles.layout.paddingHorizontal,\n  };\n\n  const focusTab = (index: number, animated = true) => {\n    const indicatorValue = tabIndicatorValue.current[index];\n    if (indicatorValue) {\n      setTabIndex(index);\n      animateTabIndicator(indicatorValue.x, indicatorValue.width, animated);\n      scrollRef.current?.scrollTo({ x: indicatorValue.x, animated });\n    }\n  };\n\n  const animateTabIndicator = (x: number, width: number, animated = true) => {\n    const baseConfig = { duration: animated ? 300 : 0, easing: Easing.inOut(Easing.ease), useNativeDriver: false };\n    Animated.parallel([\n      Animated.timing(tabIndicatorAnimated.x, { toValue: x, ...baseConfig }),\n      Animated.timing(tabIndicatorAnimated.width, { toValue: width, ...baseConfig }),\n    ]).start();\n  };\n\n  const layoutCalculated = () => {\n    return tabIndicatorValue.current.filter(Boolean).length === reactions.length;\n  };\n\n  useEffect(() => {\n    if (!visible) {\n      tabIndicatorValue.current = [];\n      tabIndicatorAnimated.x = new Animated.Value(0);\n      tabIndicatorAnimated.width = new Animated.Value(0);\n      focusedWithLayoutCalculated.current = false;\n    }\n  }, [visible]);\n\n  const renderTabs = () => {\n    return (\n      <Pressable style={styles.tabsWrapper}>\n        {reactions.map((reaction, index) => {\n          const isFocused = focusedReaction?.key === reaction.key;\n          const isLastItem = reactions.length - 1 === index;\n          const emoji = emojiManager.allEmojiMap[reaction.key] as SendbirdEmoji | undefined;\n\n          return (\n            <Pressable\n              key={reaction.key}\n              style={[styles.tabItem, isLastItem && { marginEnd: styles.layout.marginEnd }]}\n              onPress={() => focusTab(index)}\n              onLayout={(e) => {\n                const indexForLayout = I18nManager.isRTL ? reactions.length - 1 - index : index;\n                tabIndicatorValue.current[indexForLayout] = e.nativeEvent.layout;\n                if (layoutCalculated()) {\n                  if (focusedWithLayoutCalculated.current) {\n                    // re-calculating layout when screen rotation\n                    focusTab(tabIndex, false);\n                  } else {\n                    focusedWithLayoutCalculated.current = true;\n                    focusTab(focusIndex);\n                  }\n                }\n              }}\n            >\n              <Image source={emojiManager.getEmojiIconSource(emoji)} style={styles.tabEmoji} />\n              <Text button color={isFocused ? color.selected.highlight : color.enabled.highlight}>\n                {truncatedCount(getReactionCount(reaction))}\n              </Text>\n            </Pressable>\n          );\n        })}\n        <Animated.View\n          style={[\n            styles.tabIndicator,\n            {\n              start: tabIndicatorAnimated.x,\n              width: tabIndicatorAnimated.width,\n              backgroundColor: color.selected.highlight,\n            },\n          ]}\n        />\n      </Pressable>\n    );\n  };\n\n  const renderPage = () => {\n    const userCountDifference = (focusedReaction?.count || 0) - (focusedReaction?.sampledUserInfoList.length || 0);\n\n    return (\n      <>\n        {focusedReaction?.sampledUserInfoList.map((reactedUserInfo) => {\n          if (channel?.isGroupChannel()) {\n            return (\n              <Pressable\n                key={reactedUserInfo.userId}\n                onPress={async () => {\n                  await onClose();\n                  onPressUserProfile(reactedUserInfo);\n                }}\n                style={styles.pageItem}\n              >\n                <Avatar size={36} uri={reactedUserInfo?.profileUrl} containerStyle={styles.avatar} />\n                <Text subtitle2 style={{ flex: 1 }}>\n                  {reactedUserInfo?.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n              </Pressable>\n            );\n          }\n          return null;\n        })}\n        {userCountDifference > 0 && (\n          <View style={styles.pageItem}>\n            <Text body3 color={colors.onBackground02}>\n              {STRINGS.REACTION.MORE_USERS(userCountDifference)}\n            </Text>\n          </View>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <Modal\n      type={'slide-no-gesture'}\n      visible={Boolean(visible && channel && message)}\n      onClose={onClose}\n      onDismiss={onDismiss}\n      backgroundStyle={styles.modal}\n    >\n      <View\n        style={[\n          styles.container,\n          { width, paddingBottom: safeArea.paddingBottom, backgroundColor: colors.ui.dialog.default.none.background },\n        ]}\n      >\n        <ScrollView\n          ref={scrollRef as never}\n          horizontal\n          bounces={false}\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={[containerSafeArea, styles.tabsContainer]}\n        >\n          {renderTabs()}\n        </ScrollView>\n        <Divider style={{ top: -1 }} />\n        <ScrollView\n          bounces={false}\n          showsVerticalScrollIndicator={false}\n          style={styles.pageContainer}\n          contentContainerStyle={containerSafeArea}\n        >\n          {renderPage()}\n        </ScrollView>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  layout: {\n    paddingHorizontal: 16,\n    marginEnd: 0,\n  },\n  container: {\n    overflow: 'hidden',\n    borderTopStartRadius: 8,\n    borderTopEndRadius: 8,\n    paddingTop: 16,\n    alignItems: 'center',\n  },\n  modal: {\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  tabsContainer: {\n    flexGrow: 1,\n  },\n  tabsWrapper: {\n    flexGrow: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    height: 44,\n  },\n  tabItem: {\n    marginEnd: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tabEmoji: {\n    width: 28,\n    height: 28,\n    marginEnd: 4,\n  },\n  tabIndicator: {\n    position: 'absolute',\n    bottom: 0,\n    height: 3,\n  },\n  pageContainer: {\n    height: 216,\n    width: '100%',\n  },\n  pageItem: {\n    flexDirection: 'row',\n    width: '100%',\n    height: 48,\n    alignItems: 'center',\n  },\n  avatar: {\n    marginEnd: 16,\n  },\n});\n\nexport default ReactionUserListBottomSheet;\n"],"mappings":"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","ignoreList":[]}

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

@@ -34,7 +34,7 @@ const GroupChannelMessageList = props => {
   const isNewLineExistInChannelRef = useRef(false);
   const scrolledAwayFromBottomRef = useRef(false);
   const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);
-  const viewableMessages = useRef();
+  const viewableMessages = useRef(undefined);
   const hasUserMarkedAsUnreadRef = useRef(false);
   const [unreadFirstMessage, setUnreadFirstMessage] = useState(undefined);
   const pendingBottomReachedRef = useRef(null);
@@ -190,7 +190,7 @@ const GroupChannelMessageList = props => {
   useEffect(() => {
     isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;
   }, [props.isNewLineExistInChannel, viewableMessages.current]);
-  const unreadMessagesFloatingPropsRef = useRef();
+  const unreadMessagesFloatingPropsRef = useRef(undefined);
   const updateUnreadMessagesFloatingProps = useFreshCallback(() => {
     const canAutoMarkAsRead = !scrolledAwayFromBottomRef.current && !hasUserMarkedAsUnreadRef.current && (hasSeenNewLineRef.current || !isNewLineExistInChannelRef.current);
     unreadMessagesFloatingPropsRef.current = {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","useToast","useGroupChannelHandler","confirmAndMarkAsRead","isDifferentChannel","useFreshCallback","useIsFirstMount","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","sbOptions","groupChannelFragmentOptions","setMessageToEdit","setMessageToReply","Fragment","groupChannelPubSub","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToMessageId","onPressReplyMessageInThread","MessageList","isFirstMount","hasSeenNewLineRef","isNewLineInViewportRef","isNewLineExistInChannelRef","scrolledAwayFromBottomRef","isVisibleUnreadMessageFloating","setIsVisibleUnreadMessageFloating","viewableMessages","hasUserMarkedAsUnreadRef","unreadFirstMessage","setUnreadFirstMessage","undefined","pendingBottomReachedRef","updateHasSeenNewLine","hasSeenNewLine","current","_props$onNewLineSeenC","onNewLineSeenChange","call","updateHasUserMarkedAsUnread","hasUserMarkedAsUnread","_props$onUserMarkedAs","onUserMarkedAsUnreadChange","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessage","messages","find","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","timestamp","Date","now","messageId","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","catch","_","onScrolledAwayFromBottom","value","scrollToBottom","hasNext","onResetMessageList","onPressUnreadMessagesFloatingCloseButton","_props$resetNewMessag","resetNewMessages","url","getPrevNonSilentMessage","prevMessageIndex","length","prevMessage","silent","findFirstUnreadMessage","isNewLineExistInChannel","uikit","groupChannel","enableMarkAsUnread","msg","index","_props$hasPrevious","isMarkedAsUnreadMessage","myLastRead","prevNonSilentMessage","hasNoPreviousAndNoPrevMessage","hasPrevious","prevMessageIsRead","isMessageUnread","foundUnreadFirstMessage","processNewLineVisibility","unreadFirstMsg","_viewableMessages$cur","isNewLineInViewport","some","message","updateUnreadMessagesFloatingProps","newMessages","markAsUnread","markAsRead","onViewableItemsChanged","info","viewableItems","filter","token","item","map","onPressMarkAsUnreadMessage","unreadMessagesFloatingPropsRef","canAutoMarkAsRead","visible","unreadMessageCount","onPressClose","onReactionUpdated","event","recentMessage","isRecentMessage","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","subscribe","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","foundFirstUnreadMessage","pubsub","payload","searchItem","onPressParentMessage","parentMessage","childMessage","replyType","threadReplySelectType","show","TOAST","FIND_PARENT_MSG_ERROR","canScrollToParent","onBottomReached","currentTime","elapsedTime","timeoutThreshold","_props$onBottomReache","_props$onBottomReache2","createElement","_extends","ref","onReplyMessage","onReplyInThreadMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","unreadMessagesFloatingProps","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import type { ViewToken } from '@react-native/virtualized-lists';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n  SendbirdMessage,\n  SendbirdSendableMessage,\n  confirmAndMarkAsRead,\n  isDifferentChannel,\n  useFreshCallback,\n  useIsFirstMount,\n} from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { UnreadMessagesFloatingProps } from '../../../components/UnreadMessagesFloating';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { GroupChannelFragmentOptionsPubSubContextPayload } from '../../../contexts/SendbirdChatCtx';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const toast = useToast();\n  const { STRINGS } = useLocalization();\n  const { sdk, sbOptions, groupChannelFragmentOptions } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToMessageId, onPressReplyMessageInThread } = useContext(\n    GroupChannelContexts.MessageList,\n  );\n\n  const isFirstMount = useIsFirstMount();\n\n  const hasSeenNewLineRef = useRef(false);\n  const isNewLineInViewportRef = useRef(false);\n  const isNewLineExistInChannelRef = useRef(false);\n  const scrolledAwayFromBottomRef = useRef(false);\n  const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);\n  const viewableMessages = useRef<SendbirdMessage[]>();\n  const hasUserMarkedAsUnreadRef = useRef(false);\n  const [unreadFirstMessage, setUnreadFirstMessage] = useState<SendbirdMessage | undefined>(undefined);\n  const pendingBottomReachedRef = useRef<{ timeout: number; timestamp: number } | null>(null);\n\n  const updateHasSeenNewLine = useCallback(\n    (hasSeenNewLine: boolean) => {\n      if (hasSeenNewLineRef.current !== hasSeenNewLine) {\n        hasSeenNewLineRef.current = hasSeenNewLine;\n        props.onNewLineSeenChange?.(hasSeenNewLine);\n      }\n    },\n    [props.onNewLineSeenChange],\n  );\n\n  const updateHasUserMarkedAsUnread = useCallback(\n    (hasUserMarkedAsUnread: boolean) => {\n      if (hasUserMarkedAsUnreadRef.current !== hasUserMarkedAsUnread) {\n        hasUserMarkedAsUnreadRef.current = hasUserMarkedAsUnread;\n        props.onUserMarkedAsUnreadChange?.(hasUserMarkedAsUnread);\n      }\n    },\n    [props.onUserMarkedAsUnreadChange],\n  );\n\n  const scrollToMessageWithCreatedAt = useFreshCallback(\n    (createdAt: number, focusAnimated: boolean, timeout: number): boolean => {\n      const foundMessage = props.messages.find((it) => it.createdAt === createdAt);\n      const isIncludedInList = !!foundMessage;\n      pendingBottomReachedRef.current = null;\n\n      if (isIncludedInList) {\n        if (focusAnimated) {\n          setTimeout(() => props.onUpdateSearchItem({ startingPoint: createdAt }), MESSAGE_FOCUS_ANIMATION_DELAY);\n        }\n        pendingBottomReachedRef.current = { timeout, timestamp: Date.now() };\n        lazyScrollToMessageId({ messageId: foundMessage.messageId, animated: true, timeout });\n      } else {\n        if (props.channel.messageOffsetTimestamp <= createdAt) {\n          if (focusAnimated) {\n            props.onUpdateSearchItem({ startingPoint: createdAt });\n          }\n          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const onScrolledAwayFromBottom = useFreshCallback((value: boolean) => {\n    scrolledAwayFromBottomRef.current = value;\n    props.onScrolledAwayFromBottom(value);\n  });\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  const onPressUnreadMessagesFloatingCloseButton = useCallback(() => {\n    updateHasSeenNewLine(true);\n    updateHasUserMarkedAsUnread(false);\n    props.resetNewMessages?.();\n    confirmAndMarkAsRead([props.channel]);\n  }, [updateHasSeenNewLine, updateHasUserMarkedAsUnread, props.channel.url, props.resetNewMessages]);\n\n  const getPrevNonSilentMessage = useCallback(\n    (messages: SendbirdMessage[], prevMessageIndex: number): SendbirdMessage | null => {\n      if (messages.length <= prevMessageIndex) {\n        return null;\n      }\n\n      const prevMessage = messages[prevMessageIndex];\n      if (prevMessage) {\n        if (prevMessage.silent) {\n          return getPrevNonSilentMessage(messages, prevMessageIndex + 1);\n        } else {\n          return prevMessage;\n        }\n      }\n      return null;\n    },\n    [],\n  );\n\n  const findFirstUnreadMessage = useFreshCallback((isNewLineExistInChannel: boolean) => {\n    if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread || !isNewLineExistInChannel) {\n      return;\n    }\n\n    return props.messages.find((msg, index) => {\n      if (msg.silent) {\n        return false;\n      }\n\n      const isMarkedAsUnreadMessage = props.channel.myLastRead === msg.createdAt - 1;\n      if (isMarkedAsUnreadMessage) {\n        return true;\n      }\n\n      const prevNonSilentMessage = getPrevNonSilentMessage(props.messages, index + 1);\n      const hasNoPreviousAndNoPrevMessage = !props.hasPrevious?.() && prevNonSilentMessage == null;\n      const prevMessageIsRead =\n        prevNonSilentMessage != null && prevNonSilentMessage.createdAt <= props.channel.myLastRead;\n      const isMessageUnread = props.channel.myLastRead < msg.createdAt;\n      return (hasNoPreviousAndNoPrevMessage || prevMessageIsRead) && isMessageUnread;\n    });\n  });\n\n  useEffect(() => {\n    if (!unreadFirstMessage) {\n      const foundUnreadFirstMessage = findFirstUnreadMessage(props.isNewLineExistInChannel ?? false);\n      if (foundUnreadFirstMessage) {\n        processNewLineVisibility(foundUnreadFirstMessage);\n        setUnreadFirstMessage(foundUnreadFirstMessage);\n      }\n    }\n  }, [props.messages, props.channel.myLastRead, sbOptions.uikit.groupChannel.channel.enableMarkAsUnread]);\n\n  const processNewLineVisibility = useFreshCallback((unreadFirstMsg: SendbirdMessage | undefined) => {\n    const isNewLineInViewport = !!viewableMessages.current?.some(\n      (message) => message.messageId === unreadFirstMsg?.messageId,\n    );\n\n    if (isNewLineInViewportRef.current !== isNewLineInViewport) {\n      isNewLineInViewportRef.current = isNewLineInViewport;\n      updateUnreadMessagesFloatingProps();\n      if (!isNewLineInViewport || hasSeenNewLineRef.current) {\n        return;\n      }\n\n      updateHasSeenNewLine(true);\n      if (hasUserMarkedAsUnreadRef.current) {\n        return;\n      }\n\n      if (0 < props.newMessages.length) {\n        props.channel.markAsUnread(props.newMessages[0]);\n      } else {\n        props.channel.markAsRead();\n      }\n    }\n  });\n\n  const onViewableItemsChanged = useFreshCallback(\n    async (info: { viewableItems: Array<ViewToken<SendbirdMessage>>; changed: Array<ViewToken<SendbirdMessage>> }) => {\n      if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread) {\n        return;\n      }\n\n      viewableMessages.current = info.viewableItems.filter((token) => token.item).map((token) => token.item);\n      processNewLineVisibility(unreadFirstMessage);\n    },\n  );\n\n  const onPressMarkAsUnreadMessage = useCallback(\n    async (message: SendbirdMessage) => {\n      if (sbOptions.uikit.groupChannel.channel.enableMarkAsUnread && message) {\n        await props.channel.markAsUnread(message);\n        updateHasUserMarkedAsUnread(true);\n      }\n    },\n    [sbOptions.uikit.groupChannel.channel.enableMarkAsUnread, updateHasUserMarkedAsUnread],\n  );\n\n  useEffect(() => {\n    isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;\n  }, [props.isNewLineExistInChannel, viewableMessages.current]);\n\n  const unreadMessagesFloatingPropsRef = useRef<UnreadMessagesFloatingProps>();\n  const updateUnreadMessagesFloatingProps = useFreshCallback(() => {\n    const canAutoMarkAsRead =\n      !scrolledAwayFromBottomRef.current &&\n      !hasUserMarkedAsUnreadRef.current &&\n      (hasSeenNewLineRef.current || !isNewLineExistInChannelRef.current);\n\n    unreadMessagesFloatingPropsRef.current = {\n      visible:\n        sbOptions.uikit.groupChannel.channel.enableMarkAsUnread &&\n        !canAutoMarkAsRead &&\n        isNewLineExistInChannelRef.current &&\n        0 < props.channel.unreadMessageCount &&\n        !isNewLineInViewportRef.current,\n      onPressClose: onPressUnreadMessagesFloatingCloseButton,\n      unreadMessageCount: props.channel.unreadMessageCount,\n    };\n    if (isVisibleUnreadMessageFloating !== unreadMessagesFloatingPropsRef.current.visible) {\n      setIsVisibleUnreadMessageFloating(unreadMessagesFloatingPropsRef.current.visible);\n    }\n  });\n\n  useEffect(() => {\n    updateUnreadMessagesFloatingProps();\n  }, [\n    isNewLineExistInChannelRef.current,\n    props.channel.unreadMessageCount,\n    sbOptions.uikit.groupChannel.channel.enableMarkAsUnread,\n  ]);\n\n  useGroupChannelHandler(sdk, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n        case 'ON_MARKED_AS_READ_BY_CURRENT_USER': {\n          updateUnreadMessagesFloatingProps();\n          break;\n        }\n        case 'ON_MARKED_AS_UNREAD_BY_CURRENT_USER': {\n          isNewLineExistInChannelRef.current = true;\n          const foundFirstUnreadMessage = findFirstUnreadMessage(true);\n          processNewLineVisibility(foundFirstUnreadMessage);\n          setUnreadFirstMessage(foundFirstUnreadMessage);\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  useEffect(() => {\n    return groupChannelFragmentOptions.pubsub.subscribe((payload: GroupChannelFragmentOptionsPubSubContextPayload) => {\n      switch (payload.type) {\n        case 'OVERRIDE_SEARCH_ITEM_STARTING_POINT': {\n          scrollToMessageWithCreatedAt(payload.data.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n          break;\n        }\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    // Only trigger once when message list mount with initial props.searchItem\n    // - Search screen + searchItem > mount message list\n    // - Reset message list + searchItem > re-mount message list\n    if (isFirstMount && props.searchItem) {\n      scrollToMessageWithCreatedAt(props.searchItem.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n    }\n  }, [isFirstMount]);\n\n  const onPressParentMessage = useFreshCallback(\n    (parentMessage: SendbirdMessage, childMessage: SendbirdSendableMessage) => {\n      if (\n        onPressReplyMessageInThread &&\n        sbOptions.uikit.groupChannel.channel.replyType === 'thread' &&\n        sbOptions.uikit.groupChannel.channel.threadReplySelectType === 'thread'\n      ) {\n        if (parentMessage.createdAt >= props.channel.messageOffsetTimestamp) {\n          onPressReplyMessageInThread(parentMessage as SendbirdSendableMessage, childMessage.createdAt);\n        } else {\n          toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n        }\n      } else {\n        const canScrollToParent = scrollToMessageWithCreatedAt(parentMessage.createdAt, true, 0);\n        if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n      }\n    },\n  );\n\n  const onBottomReached = useFreshCallback(() => {\n    if (props.hasNext()) {\n      if (pendingBottomReachedRef.current) {\n        const currentTime = Date.now();\n        const elapsedTime = currentTime - pendingBottomReachedRef.current.timestamp;\n\n        const timeoutThreshold = 500;\n        if (elapsedTime >= pendingBottomReachedRef.current.timeout + timeoutThreshold) {\n          props.onBottomReached?.();\n          pendingBottomReachedRef.current = null;\n        }\n      } else {\n        props.onBottomReached?.();\n      }\n    }\n  });\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n      onReplyMessage={setMessageToReply}\n      onReplyInThreadMessage={setMessageToReply}\n      onEditMessage={setMessageToEdit}\n      onViewableItemsChanged={onViewableItemsChanged}\n      onPressParentMessage={onPressParentMessage}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      onPressMarkAsUnreadMessage={onPressMarkAsUnreadMessage}\n      onBottomReached={onBottomReached}\n      unreadFirstMessage={unreadFirstMessage}\n      unreadMessagesFloatingProps={unreadMessagesFloatingPropsRef.current}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","useToast","useGroupChannelHandler","confirmAndMarkAsRead","isDifferentChannel","useFreshCallback","useIsFirstMount","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","sbOptions","groupChannelFragmentOptions","setMessageToEdit","setMessageToReply","Fragment","groupChannelPubSub","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToMessageId","onPressReplyMessageInThread","MessageList","isFirstMount","hasSeenNewLineRef","isNewLineInViewportRef","isNewLineExistInChannelRef","scrolledAwayFromBottomRef","isVisibleUnreadMessageFloating","setIsVisibleUnreadMessageFloating","viewableMessages","undefined","hasUserMarkedAsUnreadRef","unreadFirstMessage","setUnreadFirstMessage","pendingBottomReachedRef","updateHasSeenNewLine","hasSeenNewLine","current","_props$onNewLineSeenC","onNewLineSeenChange","call","updateHasUserMarkedAsUnread","hasUserMarkedAsUnread","_props$onUserMarkedAs","onUserMarkedAsUnreadChange","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessage","messages","find","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","timestamp","Date","now","messageId","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","catch","_","onScrolledAwayFromBottom","value","scrollToBottom","hasNext","onResetMessageList","onPressUnreadMessagesFloatingCloseButton","_props$resetNewMessag","resetNewMessages","url","getPrevNonSilentMessage","prevMessageIndex","length","prevMessage","silent","findFirstUnreadMessage","isNewLineExistInChannel","uikit","groupChannel","enableMarkAsUnread","msg","index","_props$hasPrevious","isMarkedAsUnreadMessage","myLastRead","prevNonSilentMessage","hasNoPreviousAndNoPrevMessage","hasPrevious","prevMessageIsRead","isMessageUnread","foundUnreadFirstMessage","processNewLineVisibility","unreadFirstMsg","_viewableMessages$cur","isNewLineInViewport","some","message","updateUnreadMessagesFloatingProps","newMessages","markAsUnread","markAsRead","onViewableItemsChanged","info","viewableItems","filter","token","item","map","onPressMarkAsUnreadMessage","unreadMessagesFloatingPropsRef","canAutoMarkAsRead","visible","unreadMessageCount","onPressClose","onReactionUpdated","event","recentMessage","isRecentMessage","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","subscribe","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","foundFirstUnreadMessage","pubsub","payload","searchItem","onPressParentMessage","parentMessage","childMessage","replyType","threadReplySelectType","show","TOAST","FIND_PARENT_MSG_ERROR","canScrollToParent","onBottomReached","currentTime","elapsedTime","timeoutThreshold","_props$onBottomReache","_props$onBottomReache2","createElement","_extends","ref","onReplyMessage","onReplyInThreadMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","unreadMessagesFloatingProps","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import type { ViewToken } from '@react-native/virtualized-lists';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n  SendbirdMessage,\n  SendbirdSendableMessage,\n  confirmAndMarkAsRead,\n  isDifferentChannel,\n  useFreshCallback,\n  useIsFirstMount,\n} from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { UnreadMessagesFloatingProps } from '../../../components/UnreadMessagesFloating';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { GroupChannelFragmentOptionsPubSubContextPayload } from '../../../contexts/SendbirdChatCtx';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const toast = useToast();\n  const { STRINGS } = useLocalization();\n  const { sdk, sbOptions, groupChannelFragmentOptions } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToMessageId, onPressReplyMessageInThread } = useContext(\n    GroupChannelContexts.MessageList,\n  );\n\n  const isFirstMount = useIsFirstMount();\n\n  const hasSeenNewLineRef = useRef(false);\n  const isNewLineInViewportRef = useRef(false);\n  const isNewLineExistInChannelRef = useRef(false);\n  const scrolledAwayFromBottomRef = useRef(false);\n  const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);\n  const viewableMessages = useRef<SendbirdMessage[] | undefined>(undefined);\n  const hasUserMarkedAsUnreadRef = useRef(false);\n  const [unreadFirstMessage, setUnreadFirstMessage] = useState<SendbirdMessage | undefined>(undefined);\n  const pendingBottomReachedRef = useRef<{ timeout: number; timestamp: number } | null>(null);\n\n  const updateHasSeenNewLine = useCallback(\n    (hasSeenNewLine: boolean) => {\n      if (hasSeenNewLineRef.current !== hasSeenNewLine) {\n        hasSeenNewLineRef.current = hasSeenNewLine;\n        props.onNewLineSeenChange?.(hasSeenNewLine);\n      }\n    },\n    [props.onNewLineSeenChange],\n  );\n\n  const updateHasUserMarkedAsUnread = useCallback(\n    (hasUserMarkedAsUnread: boolean) => {\n      if (hasUserMarkedAsUnreadRef.current !== hasUserMarkedAsUnread) {\n        hasUserMarkedAsUnreadRef.current = hasUserMarkedAsUnread;\n        props.onUserMarkedAsUnreadChange?.(hasUserMarkedAsUnread);\n      }\n    },\n    [props.onUserMarkedAsUnreadChange],\n  );\n\n  const scrollToMessageWithCreatedAt = useFreshCallback(\n    (createdAt: number, focusAnimated: boolean, timeout: number): boolean => {\n      const foundMessage = props.messages.find((it) => it.createdAt === createdAt);\n      const isIncludedInList = !!foundMessage;\n      pendingBottomReachedRef.current = null;\n\n      if (isIncludedInList) {\n        if (focusAnimated) {\n          setTimeout(() => props.onUpdateSearchItem({ startingPoint: createdAt }), MESSAGE_FOCUS_ANIMATION_DELAY);\n        }\n        pendingBottomReachedRef.current = { timeout, timestamp: Date.now() };\n        lazyScrollToMessageId({ messageId: foundMessage.messageId, animated: true, timeout });\n      } else {\n        if (props.channel.messageOffsetTimestamp <= createdAt) {\n          if (focusAnimated) {\n            props.onUpdateSearchItem({ startingPoint: createdAt });\n          }\n          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const onScrolledAwayFromBottom = useFreshCallback((value: boolean) => {\n    scrolledAwayFromBottomRef.current = value;\n    props.onScrolledAwayFromBottom(value);\n  });\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  const onPressUnreadMessagesFloatingCloseButton = useCallback(() => {\n    updateHasSeenNewLine(true);\n    updateHasUserMarkedAsUnread(false);\n    props.resetNewMessages?.();\n    confirmAndMarkAsRead([props.channel]);\n  }, [updateHasSeenNewLine, updateHasUserMarkedAsUnread, props.channel.url, props.resetNewMessages]);\n\n  const getPrevNonSilentMessage = useCallback(\n    (messages: SendbirdMessage[], prevMessageIndex: number): SendbirdMessage | null => {\n      if (messages.length <= prevMessageIndex) {\n        return null;\n      }\n\n      const prevMessage = messages[prevMessageIndex];\n      if (prevMessage) {\n        if (prevMessage.silent) {\n          return getPrevNonSilentMessage(messages, prevMessageIndex + 1);\n        } else {\n          return prevMessage;\n        }\n      }\n      return null;\n    },\n    [],\n  );\n\n  const findFirstUnreadMessage = useFreshCallback((isNewLineExistInChannel: boolean) => {\n    if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread || !isNewLineExistInChannel) {\n      return;\n    }\n\n    return props.messages.find((msg, index) => {\n      if (msg.silent) {\n        return false;\n      }\n\n      const isMarkedAsUnreadMessage = props.channel.myLastRead === msg.createdAt - 1;\n      if (isMarkedAsUnreadMessage) {\n        return true;\n      }\n\n      const prevNonSilentMessage = getPrevNonSilentMessage(props.messages, index + 1);\n      const hasNoPreviousAndNoPrevMessage = !props.hasPrevious?.() && prevNonSilentMessage == null;\n      const prevMessageIsRead =\n        prevNonSilentMessage != null && prevNonSilentMessage.createdAt <= props.channel.myLastRead;\n      const isMessageUnread = props.channel.myLastRead < msg.createdAt;\n      return (hasNoPreviousAndNoPrevMessage || prevMessageIsRead) && isMessageUnread;\n    });\n  });\n\n  useEffect(() => {\n    if (!unreadFirstMessage) {\n      const foundUnreadFirstMessage = findFirstUnreadMessage(props.isNewLineExistInChannel ?? false);\n      if (foundUnreadFirstMessage) {\n        processNewLineVisibility(foundUnreadFirstMessage);\n        setUnreadFirstMessage(foundUnreadFirstMessage);\n      }\n    }\n  }, [props.messages, props.channel.myLastRead, sbOptions.uikit.groupChannel.channel.enableMarkAsUnread]);\n\n  const processNewLineVisibility = useFreshCallback((unreadFirstMsg: SendbirdMessage | undefined) => {\n    const isNewLineInViewport = !!viewableMessages.current?.some(\n      (message) => message.messageId === unreadFirstMsg?.messageId,\n    );\n\n    if (isNewLineInViewportRef.current !== isNewLineInViewport) {\n      isNewLineInViewportRef.current = isNewLineInViewport;\n      updateUnreadMessagesFloatingProps();\n      if (!isNewLineInViewport || hasSeenNewLineRef.current) {\n        return;\n      }\n\n      updateHasSeenNewLine(true);\n      if (hasUserMarkedAsUnreadRef.current) {\n        return;\n      }\n\n      if (0 < props.newMessages.length) {\n        props.channel.markAsUnread(props.newMessages[0]);\n      } else {\n        props.channel.markAsRead();\n      }\n    }\n  });\n\n  const onViewableItemsChanged = useFreshCallback(\n    async (info: { viewableItems: Array<ViewToken<SendbirdMessage>>; changed: Array<ViewToken<SendbirdMessage>> }) => {\n      if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread) {\n        return;\n      }\n\n      viewableMessages.current = info.viewableItems.filter((token) => token.item).map((token) => token.item);\n      processNewLineVisibility(unreadFirstMessage);\n    },\n  );\n\n  const onPressMarkAsUnreadMessage = useCallback(\n    async (message: SendbirdMessage) => {\n      if (sbOptions.uikit.groupChannel.channel.enableMarkAsUnread && message) {\n        await props.channel.markAsUnread(message);\n        updateHasUserMarkedAsUnread(true);\n      }\n    },\n    [sbOptions.uikit.groupChannel.channel.enableMarkAsUnread, updateHasUserMarkedAsUnread],\n  );\n\n  useEffect(() => {\n    isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;\n  }, [props.isNewLineExistInChannel, viewableMessages.current]);\n\n  const unreadMessagesFloatingPropsRef = useRef<UnreadMessagesFloatingProps | undefined>(undefined);\n  const updateUnreadMessagesFloatingProps = useFreshCallback(() => {\n    const canAutoMarkAsRead =\n      !scrolledAwayFromBottomRef.current &&\n      !hasUserMarkedAsUnreadRef.current &&\n      (hasSeenNewLineRef.current || !isNewLineExistInChannelRef.current);\n\n    unreadMessagesFloatingPropsRef.current = {\n      visible:\n        sbOptions.uikit.groupChannel.channel.enableMarkAsUnread &&\n        !canAutoMarkAsRead &&\n        isNewLineExistInChannelRef.current &&\n        0 < props.channel.unreadMessageCount &&\n        !isNewLineInViewportRef.current,\n      onPressClose: onPressUnreadMessagesFloatingCloseButton,\n      unreadMessageCount: props.channel.unreadMessageCount,\n    };\n    if (isVisibleUnreadMessageFloating !== unreadMessagesFloatingPropsRef.current.visible) {\n      setIsVisibleUnreadMessageFloating(unreadMessagesFloatingPropsRef.current.visible);\n    }\n  });\n\n  useEffect(() => {\n    updateUnreadMessagesFloatingProps();\n  }, [\n    isNewLineExistInChannelRef.current,\n    props.channel.unreadMessageCount,\n    sbOptions.uikit.groupChannel.channel.enableMarkAsUnread,\n  ]);\n\n  useGroupChannelHandler(sdk, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n        case 'ON_MARKED_AS_READ_BY_CURRENT_USER': {\n          updateUnreadMessagesFloatingProps();\n          break;\n        }\n        case 'ON_MARKED_AS_UNREAD_BY_CURRENT_USER': {\n          isNewLineExistInChannelRef.current = true;\n          const foundFirstUnreadMessage = findFirstUnreadMessage(true);\n          processNewLineVisibility(foundFirstUnreadMessage);\n          setUnreadFirstMessage(foundFirstUnreadMessage);\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  useEffect(() => {\n    return groupChannelFragmentOptions.pubsub.subscribe((payload: GroupChannelFragmentOptionsPubSubContextPayload) => {\n      switch (payload.type) {\n        case 'OVERRIDE_SEARCH_ITEM_STARTING_POINT': {\n          scrollToMessageWithCreatedAt(payload.data.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n          break;\n        }\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    // Only trigger once when message list mount with initial props.searchItem\n    // - Search screen + searchItem > mount message list\n    // - Reset message list + searchItem > re-mount message list\n    if (isFirstMount && props.searchItem) {\n      scrollToMessageWithCreatedAt(props.searchItem.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n    }\n  }, [isFirstMount]);\n\n  const onPressParentMessage = useFreshCallback(\n    (parentMessage: SendbirdMessage, childMessage: SendbirdSendableMessage) => {\n      if (\n        onPressReplyMessageInThread &&\n        sbOptions.uikit.groupChannel.channel.replyType === 'thread' &&\n        sbOptions.uikit.groupChannel.channel.threadReplySelectType === 'thread'\n      ) {\n        if (parentMessage.createdAt >= props.channel.messageOffsetTimestamp) {\n          onPressReplyMessageInThread(parentMessage as SendbirdSendableMessage, childMessage.createdAt);\n        } else {\n          toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n        }\n      } else {\n        const canScrollToParent = scrollToMessageWithCreatedAt(parentMessage.createdAt, true, 0);\n        if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n      }\n    },\n  );\n\n  const onBottomReached = useFreshCallback(() => {\n    if (props.hasNext()) {\n      if (pendingBottomReachedRef.current) {\n        const currentTime = Date.now();\n        const elapsedTime = currentTime - pendingBottomReachedRef.current.timestamp;\n\n        const timeoutThreshold = 500;\n        if (elapsedTime >= pendingBottomReachedRef.current.timeout + timeoutThreshold) {\n          props.onBottomReached?.();\n          pendingBottomReachedRef.current = null;\n        }\n      } else {\n        props.onBottomReached?.();\n      }\n    }\n  });\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n      onReplyMessage={setMessageToReply}\n      onReplyInThreadMessage={setMessageToReply}\n      onEditMessage={setMessageToEdit}\n      onViewableItemsChanged={onViewableItemsChanged}\n      onPressParentMessage={onPressParentMessage}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      onPressMarkAsUnreadMessage={onPressMarkAsUnreadMessage}\n      onBottomReached={onBottomReached}\n      unreadFirstMessage={unreadFirstMessage}\n      unreadMessagesFloatingProps={unreadMessagesFloatingPropsRef.current}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -20,7 +20,7 @@ const createGroupChannelMembersFragment = initModule => {
       limit: 20
     })
   }) => {
-    const refreshSchedule = useRef();
+    const refreshSchedule = useRef(undefined);
     const {
       STRINGS
     } = useLocalization();

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useUserList","Icon","useActionMenu","useGroupChannelHandler","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useGroupChannelHandler(sdk, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n        refreshSchedule.current = setTimeout(() => refresh(), 500);\n      },\n      onUserMuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = true;\n          upsertUser(memberFromList);\n        }\n      },\n      onUserUnmuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = false;\n          upsertUser(memberFromList);\n        }\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      return (\n        <UserActionBar\n          muted={user.isMuted}\n          uri={user.profileUrl}\n          label={user.role === 'operator' ? STRINGS.LABELS.USER_BAR_OPERATOR : ''}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifOperator(\n                user.role,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            if (!channel.isBroadcast) {\n              menuItems.push({\n                title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifThenOr(\n                  user.isMuted,\n                  () => channel.unmuteUser(user),\n                  () => channel.muteUser(user),\n                ),\n              });\n            }\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useUserList","Icon","useActionMenu","useGroupChannelHandler","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","refreshSchedule","undefined","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\n    const refreshSchedule = useRef<NodeJS.Timeout | undefined>(undefined);\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useGroupChannelHandler(sdk, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n        refreshSchedule.current = setTimeout(() => refresh(), 500);\n      },\n      onUserMuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = true;\n          upsertUser(memberFromList);\n        }\n      },\n      onUserUnmuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = false;\n          upsertUser(memberFromList);\n        }\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      return (\n        <UserActionBar\n          muted={user.isMuted}\n          uri={user.profileUrl}\n          label={user.role === 'operator' ? STRINGS.LABELS.USER_BAR_OPERATOR : ''}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifOperator(\n                user.role,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            if (!channel.isBroadcast) {\n              menuItems.push({\n                title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifThenOr(\n                  user.isMuted,\n                  () => channel.unmuteUser(user),\n                  () => channel.muteUser(user),\n                ),\n              });\n            }\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelParticipantsFragment.js

@@ -20,7 +20,7 @@ const createOpenChannelParticipantsFragment = initModule => {
     })
   }) => {
     const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
-    const refreshSchedule = useRef();
+    const refreshSchedule = useRef(undefined);
     const {
       STRINGS
     } = useLocalization();