@sendbird/uikit-react-native 3.7.6 → 3.8.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","isVoiceMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","useLocalization","usePlatformService","useSBUHandlers","useSendbirdChat","useUserProfile","SBUUtils","ReactionAddons","ThreadChatFlatList","ChannelThreadMessageList","_ref","ref","searchItem","hasNext","channel","onEditMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","STRINGS","colors","show","left","right","createMessagePressActions","useCreateMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","_ref2","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","_ref3","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","_ref4","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","_ref5","onClose","BottomSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React, { Ref } from 'react';\nimport { FlatList, FlatListProps, ListRenderItem, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\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} 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 { left, right } = useSafeAreaInsets();\n  const createMessagePressActions = useCreateMessagePressActions({\n    channel,\n    currentUserId,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\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    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\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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"}
+{"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":[]}

package/lib/module/components/ChatFlatList/FlatListInternal.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","shouldUseScrollViewEnhancer","_Platform$constants$r","constants","reactNativeVersion","major","_Platform$constants$r2","minor","getFlatList","require","FlatList","FlatListInternal"],"sources":["FlatListInternal.tsx"],"sourcesContent":["import type { ForwardedRef, ReactElement } from 'react';\nimport type { FlatListProps, FlatList as RNFlatList, ScrollViewProps } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\ntype FlatListBidirectional<T = SendbirdMessage> = (props: FlatListProps<T> & BidirectionalProps<T>) => ReactElement;\ntype BidirectionalProps<T> = {\n  onStartReached?: ((info: { distanceFromStart: number }) => void) | null | undefined;\n  onStartReachedThreshold?: number | null | undefined;\n  onEndReached?: ((info: { distanceFromEnd: number }) => void) | null | undefined;\n  onEndReachedThreshold?: number | null | undefined;\n  maintainVisibleContentPosition?: ScrollViewProps['maintainVisibleContentPosition'];\n  ref: ForwardedRef<RNFlatList<T>>;\n};\n\nfunction shouldUseScrollViewEnhancer() {\n  if (Platform.constants.reactNativeVersion?.major < 1) {\n    if (Platform.constants.reactNativeVersion?.minor < 72) {\n      return true;\n    }\n  }\n  return false;\n}\nfunction getFlatList(): FlatListBidirectional {\n  if (shouldUseScrollViewEnhancer()) {\n    try {\n      return require('@sendbird/react-native-scrollview-enhancer').FlatList;\n    } catch {\n      return require('react-native').FlatList;\n    }\n  } else {\n    return require('react-native').FlatList;\n  }\n}\n\nconst FlatListInternal = getFlatList();\nexport default FlatListInternal;\n"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,cAAc;AAcvC,SAASC,2BAA2BA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACrC,IAAI,EAAAA,qBAAA,GAAAF,QAAQ,CAACG,SAAS,CAACC,kBAAkB,cAAAF,qBAAA,uBAArCA,qBAAA,CAAuCG,KAAK,IAAG,CAAC,EAAE;IAAA,IAAAC,sBAAA;IACpD,IAAI,EAAAA,sBAAA,GAAAN,QAAQ,CAACG,SAAS,CAACC,kBAAkB,cAAAE,sBAAA,uBAArCA,sBAAA,CAAuCC,KAAK,IAAG,EAAE,EAAE;MACrD,OAAO,IAAI;IACb;EACF;EACA,OAAO,KAAK;AACd;AACA,SAASC,WAAWA,CAAA,EAA0B;EAC5C,IAAIP,2BAA2B,EAAE,EAAE;IACjC,IAAI;MACF,OAAOQ,OAAO,CAAC,4CAA4C,CAAC,CAACC,QAAQ;IACvE,CAAC,CAAC,MAAM;MACN,OAAOD,OAAO,CAAC,cAAc,CAAC,CAACC,QAAQ;IACzC;EACF,CAAC,MAAM;IACL,OAAOD,OAAO,CAAC,cAAc,CAAC,CAACC,QAAQ;EACzC;AACF;AAEA,MAAMC,gBAAgB,GAAGH,WAAW,EAAE;AACtC,eAAeG,gBAAgB"}
+{"version":3,"names":["Platform","shouldUseScrollViewEnhancer","_Platform$constants$r","constants","reactNativeVersion","major","_Platform$constants$r2","minor","getFlatList","require","FlatList","FlatListInternal"],"sources":["FlatListInternal.tsx"],"sourcesContent":["import type { ForwardedRef, ReactElement } from 'react';\nimport type { FlatListProps, FlatList as RNFlatList, ScrollViewProps } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\ntype FlatListBidirectional<T = SendbirdMessage> = (props: FlatListProps<T> & BidirectionalProps<T>) => ReactElement;\ntype BidirectionalProps<T> = {\n  onStartReached?: ((info: { distanceFromStart: number }) => void) | null | undefined;\n  onStartReachedThreshold?: number | null | undefined;\n  onEndReached?: ((info: { distanceFromEnd: number }) => void) | null | undefined;\n  onEndReachedThreshold?: number | null | undefined;\n  maintainVisibleContentPosition?: ScrollViewProps['maintainVisibleContentPosition'];\n  ref: ForwardedRef<RNFlatList<T>>;\n};\n\nfunction shouldUseScrollViewEnhancer() {\n  if (Platform.constants.reactNativeVersion?.major < 1) {\n    if (Platform.constants.reactNativeVersion?.minor < 72) {\n      return true;\n    }\n  }\n  return false;\n}\nfunction getFlatList(): FlatListBidirectional {\n  if (shouldUseScrollViewEnhancer()) {\n    try {\n      return require('@sendbird/react-native-scrollview-enhancer').FlatList;\n    } catch {\n      return require('react-native').FlatList;\n    }\n  } else {\n    return require('react-native').FlatList;\n  }\n}\n\nconst FlatListInternal = getFlatList();\nexport default FlatListInternal;\n"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,cAAc;AAcvC,SAASC,2BAA2BA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACrC,IAAI,EAAAA,qBAAA,GAAAF,QAAQ,CAACG,SAAS,CAACC,kBAAkB,cAAAF,qBAAA,uBAArCA,qBAAA,CAAuCG,KAAK,IAAG,CAAC,EAAE;IAAA,IAAAC,sBAAA;IACpD,IAAI,EAAAA,sBAAA,GAAAN,QAAQ,CAACG,SAAS,CAACC,kBAAkB,cAAAE,sBAAA,uBAArCA,sBAAA,CAAuCC,KAAK,IAAG,EAAE,EAAE;MACrD,OAAO,IAAI;IACb;EACF;EACA,OAAO,KAAK;AACd;AACA,SAASC,WAAWA,CAAA,EAA0B;EAC5C,IAAIP,2BAA2B,CAAC,CAAC,EAAE;IACjC,IAAI;MACF,OAAOQ,OAAO,CAAC,4CAA4C,CAAC,CAACC,QAAQ;IACvE,CAAC,CAAC,MAAM;MACN,OAAOD,OAAO,CAAC,cAAc,CAAC,CAACC,QAAQ;IACzC;EACF,CAAC,MAAM;IACL,OAAOD,OAAO,CAAC,cAAc,CAAC,CAACC,QAAQ;EACzC;AACF;AAEA,MAAMC,gBAAgB,GAAGH,WAAW,CAAC,CAAC;AACtC,eAAeG,gBAAgB","ignoreList":[]}

package/lib/module/components/ChatFlatList/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef, useRef } from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
@@ -20,21 +20,20 @@ function isInvertedFlatListFixedVersion() {
 let ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android' || isInvertedFlatListFixedVersion();
 const BOTTOM_DETECT_THRESHOLD = 50;
 const UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;
-const ChatFlatList = /*#__PURE__*/forwardRef(function ChatFlatList(_ref, ref) {
+const ChatFlatList = /*#__PURE__*/forwardRef(function ChatFlatList({
+  onTopReached,
+  onBottomReached,
+  onScrolledAwayFromBottom,
+  onScroll,
+  ...props
+}, ref) {
   var _props$data;
-  let {
-    onTopReached,
-    onBottomReached,
-    onScrolledAwayFromBottom,
-    onScroll,
-    ...props
-  } = _ref;
   const {
     select
   } = useUIKitTheme();
   const contentOffsetY = useRef(0);
   const _onScroll = useFreshCallback(event => {
-    onScroll === null || onScroll === void 0 ? void 0 : onScroll(event);
+    onScroll === null || onScroll === void 0 || onScroll(event);
     const {
       contentOffset
     } = event.nativeEvent;

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useRef","Platform","StyleSheet","useUIKitTheme","NOOP","getMessageUniqId","useFreshCallback","FlatListInternal","isInvertedFlatListFixedVersion","_Platform$constants$r","constants","reactNativeVersion","major","_Platform$constants$r2","minor","_Platform$constants$r3","patch","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ChatFlatList","_ref","ref","_props$data","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","select","contentOffsetY","_onScroll","event","contentOffset","nativeEvent","prevOffsetY","current","currOffsetY","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","length","onEndReached","onScrollToIndexFailed","onStartReached","scrollEventThrottle","keyExtractor","style","flex","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, Platform, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from './FlatListInternal';\n\nfunction isInvertedFlatListFixedVersion() {\n  if (Platform.constants.reactNativeVersion?.major < 1) {\n    if (Platform.constants.reactNativeVersion?.minor < 73) {\n      if (Platform.constants.reactNativeVersion?.patch < 4) {\n        return false;\n      }\n    }\n  }\n  return true;\n}\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android' || isInvertedFlatListFixedVersion();\nconst BOTTOM_DETECT_THRESHOLD = 50;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n};\nconst ChatFlatList = forwardRef<RNFlatList, Props>(function ChatFlatList(\n  { onTopReached, onBottomReached, onScrolledAwayFromBottom, onScroll, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const contentOffsetY = useRef(0);\n\n  const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n    onScroll?.(event);\n\n    const { contentOffset } = event.nativeEvent;\n\n    const prevOffsetY = contentOffsetY.current;\n    const currOffsetY = contentOffset.y;\n\n    if (BOTTOM_DETECT_THRESHOLD < prevOffsetY && currOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(false);\n    } else if (BOTTOM_DETECT_THRESHOLD < currOffsetY && prevOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(true);\n    }\n\n    contentOffsetY.current = contentOffset.y;\n  });\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: The Inverted FlatList had performance issues on Android.\\n' +\n        'This issue was fixed in 0.72.4+\\n' +\n        'Please refer to the link: https://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatListInternal\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      ref={ref}\n      onEndReached={onTopReached}\n      onScrollToIndexFailed={NOOP}\n      onStartReached={onBottomReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n      style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n      maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useRef","Platform","StyleSheet","useUIKitTheme","NOOP","getMessageUniqId","useFreshCallback","FlatListInternal","isInvertedFlatListFixedVersion","_Platform$constants$r","constants","reactNativeVersion","major","_Platform$constants$r2","minor","_Platform$constants$r3","patch","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ChatFlatList","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","ref","_props$data","select","contentOffsetY","_onScroll","event","contentOffset","nativeEvent","prevOffsetY","current","currOffsetY","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","length","onEndReached","onScrollToIndexFailed","onStartReached","scrollEventThrottle","keyExtractor","style","flex","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, Platform, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from './FlatListInternal';\n\nfunction isInvertedFlatListFixedVersion() {\n  if (Platform.constants.reactNativeVersion?.major < 1) {\n    if (Platform.constants.reactNativeVersion?.minor < 73) {\n      if (Platform.constants.reactNativeVersion?.patch < 4) {\n        return false;\n      }\n    }\n  }\n  return true;\n}\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android' || isInvertedFlatListFixedVersion();\nconst BOTTOM_DETECT_THRESHOLD = 50;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n};\nconst ChatFlatList = forwardRef<RNFlatList, Props>(function ChatFlatList(\n  { onTopReached, onBottomReached, onScrolledAwayFromBottom, onScroll, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const contentOffsetY = useRef(0);\n\n  const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n    onScroll?.(event);\n\n    const { contentOffset } = event.nativeEvent;\n\n    const prevOffsetY = contentOffsetY.current;\n    const currOffsetY = contentOffset.y;\n\n    if (BOTTOM_DETECT_THRESHOLD < prevOffsetY && currOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(false);\n    } else if (BOTTOM_DETECT_THRESHOLD < currOffsetY && prevOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(true);\n    }\n\n    contentOffsetY.current = contentOffset.y;\n  });\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: The Inverted FlatList had performance issues on Android.\\n' +\n        'This issue was fixed in 0.72.4+\\n' +\n        'Please refer to the link: https://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatListInternal\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      ref={ref}\n      onEndReached={onTopReached}\n      onScrollToIndexFailed={NOOP}\n      onStartReached={onBottomReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n      style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n      maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { ReactNativeZoomableView } from '@openspacelabs/react-native-zoomable-view';
 import React, { useLayoutEffect, useRef, useState } from 'react';
 import { StyleSheet, useWindowDimensions } from 'react-native';
@@ -6,16 +6,15 @@ import { Box, Image, LoadingSpinner, createStyleSheet, useHeaderStyle, useUIKitT
 import { useIIFE } from '@sendbird/uikit-utils';
 import { usePlatformService } from '../../hooks/useContext';
 import SBUUtils from '../../libs/SBUUtils';
-const FileViewerContent = _ref => {
-  let {
-    type,
-    src,
-    topInset = 0,
-    bottomInset = 0,
-    maxZoom = 4,
-    minZoom = 1,
-    onPress
-  } = _ref;
+const FileViewerContent = ({
+  type,
+  src,
+  topInset = 0,
+  bottomInset = 0,
+  maxZoom = 4,
+  minZoom = 1,
+  onPress
+}) => {
   const [loading, setLoading] = useState(true);
   const {
     defaultHeight
@@ -75,11 +74,10 @@ const FileViewerContent = _ref => {
     color: palette.primary300
   }));
 };
-const ZoomableImageView = _ref2 => {
-  let {
-    zoomProps,
-    ...props
-  } = _ref2;
+const ZoomableImageView = ({
+  zoomProps,
+  ...props
+}) => {
   const {
     width,
     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","_ref","type","src","topInset","bottomInset","maxZoom","minZoom","onPress","loading","setLoading","defaultHeight","mediaService","palette","source","uri","onLoadEnd","mediaViewer","createElement","ZoomableImageView","style","absoluteFill","resizeMode","zoomProps","onTouchEnd","VideoComponent","top","bottom","onLoad","styles","container","position","size","color","primary300","_ref2","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              onTouchEnd: 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?: ReactNativeZoomableViewProps;\n}) => {\n  const { width, height } = useWindowDimensions();\n\n  const imageSize = useRef<{ width: number; height: number }>();\n  const [contentSizeProps, setContentSizeProps] = useState<ReactNativeZoomableViewProps>({\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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"}
+{"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","onTouchEnd","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              onTouchEnd: 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?: ReactNativeZoomableViewProps;\n}) => {\n  const { width, height } = useWindowDimensions();\n\n  const imageSize = useRef<{ width: number; height: number }>();\n  const [contentSizeProps, setContentSizeProps] = useState<ReactNativeZoomableViewProps>({\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/FileViewer/FileViewerFooter.js

@@ -1,27 +1,23 @@
 import React from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Box, Icon, PressBox, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-const FileViewerFooter = _ref => {
-  let {
-    bottomInset,
-    deleteShown,
-    onPressDelete,
-    onPressDownload
-  } = _ref;
+import { useSafeAreaPadding } from '@sendbird/uikit-utils';
+const FileViewerFooter = ({
+  bottomInset,
+  deleteShown,
+  onPressDelete,
+  onPressDownload
+}) => {
   const {
     palette
   } = useUIKitTheme();
   const {
     defaultHeight
   } = useHeaderStyle();
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+  const safeArea = useSafeAreaPadding(['left', 'right']);
   return /*#__PURE__*/React.createElement(Box, {
     style: [styles.container, {
-      paddingLeft: styles.container.paddingHorizontal + left,
-      paddingRight: styles.container.paddingHorizontal + right,
+      paddingStart: styles.container.paddingHorizontal + safeArea.paddingStart,
+      paddingEnd: styles.container.paddingHorizontal + safeArea.paddingEnd,
       paddingBottom: bottomInset,
       height: defaultHeight + bottomInset,
       backgroundColor: palette.overlay01
@@ -51,8 +47,8 @@ const styles = createStyleSheet({
   container: {
     zIndex: 1,
     position: 'absolute',
-    left: 0,
-    right: 0,
+    start: 0,
+    end: 0,
     bottom: 0,
     flexDirection: 'row',
     alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSafeAreaInsets","Box","Icon","PressBox","createStyleSheet","useHeaderStyle","useUIKitTheme","FileViewerFooter","_ref","bottomInset","deleteShown","onPressDelete","onPressDownload","palette","defaultHeight","left","right","createElement","style","styles","container","paddingLeft","paddingHorizontal","paddingRight","paddingBottom","height","backgroundColor","overlay01","activeOpacity","onPress","buttonContainer","icon","size","color","onBackgroundDark01","titleContainer","disabled","zIndex","position","bottom","flexDirection","alignItems","justifyContent","width","flex"],"sources":["FileViewerFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Box,\n  Icon,\n  PressBox,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\ntype Props = {\n  bottomInset: number;\n  deleteShown: boolean;\n  onPressDelete: () => void;\n  onPressDownload: () => void;\n};\n\nconst FileViewerFooter = ({ bottomInset, deleteShown, onPressDelete, onPressDownload }: Props) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <Box\n      style={[\n        styles.container,\n        {\n          paddingLeft: styles.container.paddingHorizontal + left,\n          paddingRight: styles.container.paddingHorizontal + right,\n          paddingBottom: bottomInset,\n          height: defaultHeight + bottomInset,\n          backgroundColor: palette.overlay01,\n        },\n      ]}\n    >\n      <PressBox activeOpacity={0.75} onPress={onPressDownload} style={styles.buttonContainer}>\n        <Icon icon={'download'} size={24} color={palette.onBackgroundDark01} />\n      </PressBox>\n      <Box style={styles.titleContainer} />\n      <PressBox activeOpacity={0.75} onPress={onPressDelete} style={styles.buttonContainer} disabled={!deleteShown}>\n        {deleteShown && <Icon icon={'delete'} size={24} color={palette.onBackgroundDark01} />}\n      </PressBox>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 1,\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n  buttonContainer: {\n    width: 32,\n    height: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  titleContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SACEC,GAAG,EACHC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAShD,MAAMC,gBAAgB,GAAGC,IAAA,IAAyE;EAAA,IAAxE;IAAEC,WAAW;IAAEC,WAAW;IAAEC,aAAa;IAAEC;EAAuB,CAAC,GAAAJ,IAAA;EAC3F,MAAM;IAAEK;EAAQ,CAAC,GAAGP,aAAa,EAAE;EACnC,MAAM;IAAEQ;EAAc,CAAC,GAAGT,cAAc,EAAE;EAC1C,MAAM;IAAEU,IAAI;IAAEC;EAAM,CAAC,GAAGhB,iBAAiB,EAAE;EAE3C,oBACED,KAAA,CAAAkB,aAAA,CAAChB,GAAG;IACFiB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,WAAW,EAAEF,MAAM,CAACC,SAAS,CAACE,iBAAiB,GAAGP,IAAI;MACtDQ,YAAY,EAAEJ,MAAM,CAACC,SAAS,CAACE,iBAAiB,GAAGN,KAAK;MACxDQ,aAAa,EAAEf,WAAW;MAC1BgB,MAAM,EAAEX,aAAa,GAAGL,WAAW;MACnCiB,eAAe,EAAEb,OAAO,CAACc;IAC3B,CAAC;EACD,gBAEF5B,KAAA,CAAAkB,aAAA,CAACd,QAAQ;IAACyB,aAAa,EAAE,IAAK;IAACC,OAAO,EAAEjB,eAAgB;IAACM,KAAK,EAAEC,MAAM,CAACW;EAAgB,gBACrF/B,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAAC6B,IAAI,EAAE,UAAW;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEpB,OAAO,CAACqB;EAAmB,EAAG,CAC9D,eACXnC,KAAA,CAAAkB,aAAA,CAAChB,GAAG;IAACiB,KAAK,EAAEC,MAAM,CAACgB;EAAe,EAAG,eACrCpC,KAAA,CAAAkB,aAAA,CAACd,QAAQ;IAACyB,aAAa,EAAE,IAAK;IAACC,OAAO,EAAElB,aAAc;IAACO,KAAK,EAAEC,MAAM,CAACW,eAAgB;IAACM,QAAQ,EAAE,CAAC1B;EAAY,GAC1GA,WAAW,iBAAIX,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAAC6B,IAAI,EAAE,QAAS;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEpB,OAAO,CAACqB;EAAmB,EAAG,CAC5E,CACP;AAEV,CAAC;AAED,MAAMf,MAAM,GAAGf,gBAAgB,CAAC;EAC9BgB,SAAS,EAAE;IACTiB,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,UAAU;IACpBvB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRuB,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBpB,iBAAiB,EAAE;EACrB,CAAC;EACDQ,eAAe,EAAE;IACfa,KAAK,EAAE,EAAE;IACTlB,MAAM,EAAE,EAAE;IACVgB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,cAAc,EAAE;IACdS,IAAI,EAAE,CAAC;IACPH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAenC,gBAAgB"}
+{"version":3,"names":["React","Box","Icon","PressBox","createStyleSheet","useHeaderStyle","useUIKitTheme","useSafeAreaPadding","FileViewerFooter","bottomInset","deleteShown","onPressDelete","onPressDownload","palette","defaultHeight","safeArea","createElement","style","styles","container","paddingStart","paddingHorizontal","paddingEnd","paddingBottom","height","backgroundColor","overlay01","activeOpacity","onPress","buttonContainer","icon","size","color","onBackgroundDark01","titleContainer","disabled","zIndex","position","start","end","bottom","flexDirection","alignItems","justifyContent","width","flex"],"sources":["FileViewerFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  Icon,\n  PressBox,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { useSafeAreaPadding } from '@sendbird/uikit-utils';\n\ntype Props = {\n  bottomInset: number;\n  deleteShown: boolean;\n  onPressDelete: () => void;\n  onPressDownload: () => void;\n};\n\nconst FileViewerFooter = ({ bottomInset, deleteShown, onPressDelete, onPressDownload }: Props) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  return (\n    <Box\n      style={[\n        styles.container,\n        {\n          paddingStart: styles.container.paddingHorizontal + safeArea.paddingStart,\n          paddingEnd: styles.container.paddingHorizontal + safeArea.paddingEnd,\n          paddingBottom: bottomInset,\n          height: defaultHeight + bottomInset,\n          backgroundColor: palette.overlay01,\n        },\n      ]}\n    >\n      <PressBox activeOpacity={0.75} onPress={onPressDownload} style={styles.buttonContainer}>\n        <Icon icon={'download'} size={24} color={palette.onBackgroundDark01} />\n      </PressBox>\n      <Box style={styles.titleContainer} />\n      <PressBox activeOpacity={0.75} onPress={onPressDelete} style={styles.buttonContainer} disabled={!deleteShown}>\n        {deleteShown && <Icon icon={'delete'} size={24} color={palette.onBackgroundDark01} />}\n      </PressBox>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 1,\n    position: 'absolute',\n    start: 0,\n    end: 0,\n    bottom: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n  buttonContainer: {\n    width: 32,\n    height: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  titleContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,GAAG,EACHC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAChD,SAASC,kBAAkB,QAAQ,uBAAuB;AAS1D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,WAAW;EAAEC,aAAa;EAAEC;AAAuB,CAAC,KAAK;EAChG,MAAM;IAAEC;EAAQ,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnC,MAAM;IAAEQ;EAAc,CAAC,GAAGT,cAAc,CAAC,CAAC;EAC1C,MAAMU,QAAQ,GAAGR,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEtD,oBACEP,KAAA,CAAAgB,aAAA,CAACf,GAAG;IACFgB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEF,MAAM,CAACC,SAAS,CAACE,iBAAiB,GAAGN,QAAQ,CAACK,YAAY;MACxEE,UAAU,EAAEJ,MAAM,CAACC,SAAS,CAACE,iBAAiB,GAAGN,QAAQ,CAACO,UAAU;MACpEC,aAAa,EAAEd,WAAW;MAC1Be,MAAM,EAAEV,aAAa,GAAGL,WAAW;MACnCgB,eAAe,EAAEZ,OAAO,CAACa;IAC3B,CAAC;EACD,gBAEF1B,KAAA,CAAAgB,aAAA,CAACb,QAAQ;IAACwB,aAAa,EAAE,IAAK;IAACC,OAAO,EAAEhB,eAAgB;IAACK,KAAK,EAAEC,MAAM,CAACW;EAAgB,gBACrF7B,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAAC4B,IAAI,EAAE,UAAW;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEnB,OAAO,CAACoB;EAAmB,CAAE,CAC9D,CAAC,eACXjC,KAAA,CAAAgB,aAAA,CAACf,GAAG;IAACgB,KAAK,EAAEC,MAAM,CAACgB;EAAe,CAAE,CAAC,eACrClC,KAAA,CAAAgB,aAAA,CAACb,QAAQ;IAACwB,aAAa,EAAE,IAAK;IAACC,OAAO,EAAEjB,aAAc;IAACM,KAAK,EAAEC,MAAM,CAACW,eAAgB;IAACM,QAAQ,EAAE,CAACzB;EAAY,GAC1GA,WAAW,iBAAIV,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAAC4B,IAAI,EAAE,QAAS;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEnB,OAAO,CAACoB;EAAmB,CAAE,CAC5E,CACP,CAAC;AAEV,CAAC;AAED,MAAMf,MAAM,GAAGd,gBAAgB,CAAC;EAC9Be,SAAS,EAAE;IACTiB,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBtB,iBAAiB,EAAE;EACrB,CAAC;EACDQ,eAAe,EAAE;IACfe,KAAK,EAAE,EAAE;IACTpB,MAAM,EAAE,EAAE;IACVkB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAenC,gBAAgB","ignoreList":[]}

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

@@ -1,30 +1,25 @@
 import React from 'react';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Box, Icon, PressBox, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { truncate } from '@sendbird/uikit-utils';
-const FileViewerHeader = _ref => {
-  let {
-    headerShown = true,
-    topInset,
-    onClose,
-    subtitle,
-    title
-  } = _ref;
+import { truncate, useSafeAreaPadding } from '@sendbird/uikit-utils';
+const FileViewerHeader = ({
+  headerShown = true,
+  topInset,
+  onClose,
+  subtitle,
+  title
+}) => {
   const {
     palette
   } = useUIKitTheme();
   const {
     defaultHeight
   } = useHeaderStyle();
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+  const safeArea = useSafeAreaPadding(['left', 'right']);
   if (!headerShown) return null;
   return /*#__PURE__*/React.createElement(Box, {
     style: [styles.container, {
-      paddingLeft: styles.container.paddingHorizontal + left,
-      paddingRight: styles.container.paddingHorizontal + right,
+      paddingStart: styles.container.paddingHorizontal + safeArea.paddingStart,
+      paddingEnd: styles.container.paddingHorizontal + safeArea.paddingEnd,
       paddingTop: topInset,
       height: defaultHeight + topInset,
       backgroundColor: palette.overlay01
@@ -59,8 +54,8 @@ const styles = createStyleSheet({
   container: {
     zIndex: 1,
     top: 0,
-    left: 0,
-    right: 0,
+    start: 0,
+    end: 0,
     position: 'absolute',
     flexDirection: 'row',
     alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSafeAreaInsets","Box","Icon","PressBox","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","truncate","FileViewerHeader","_ref","headerShown","topInset","onClose","subtitle","title","palette","defaultHeight","left","right","createElement","style","styles","container","paddingLeft","paddingHorizontal","paddingRight","paddingTop","height","backgroundColor","overlay01","activeOpacity","onPress","buttonContainer","icon","size","color","onBackgroundDark01","titleContainer","h2","numberOfLines","mode","maxLen","caption2","zIndex","top","position","flexDirection","alignItems","justifyContent","width","flex","marginBottom"],"sources":["FileViewerHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Box,\n  Icon,\n  PressBox,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { truncate } from '@sendbird/uikit-utils';\n\ntype Props = {\n  headerShown?: boolean;\n  topInset: number;\n  onClose: () => void;\n  title: string;\n  subtitle: string;\n};\n\nconst FileViewerHeader = ({ headerShown = true, topInset, onClose, subtitle, title }: Props) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  if (!headerShown) return null;\n\n  return (\n    <Box\n      style={[\n        styles.container,\n        {\n          paddingLeft: styles.container.paddingHorizontal + left,\n          paddingRight: styles.container.paddingHorizontal + right,\n          paddingTop: topInset,\n          height: defaultHeight + topInset,\n          backgroundColor: palette.overlay01,\n        },\n      ]}\n    >\n      <PressBox activeOpacity={0.75} onPress={onClose} style={styles.buttonContainer}>\n        <Icon icon={'close'} size={24} color={palette.onBackgroundDark01} />\n      </PressBox>\n      <Box style={styles.titleContainer}>\n        <Text h2 color={palette.onBackgroundDark01} style={styles.title} numberOfLines={1}>\n          {truncate(title, { mode: 'mid', maxLen: 18 })}\n        </Text>\n        <Text caption2 color={palette.onBackgroundDark01} numberOfLines={1}>\n          {subtitle}\n        </Text>\n      </Box>\n      <Box style={styles.buttonContainer} />\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 1,\n    top: 0,\n    left: 0,\n    right: 0,\n    position: 'absolute',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n  buttonContainer: {\n    width: 32,\n    height: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  titleContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  title: {\n    marginBottom: 2,\n  },\n});\n\nexport default FileViewerHeader;\n"],"mappings":"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"}
+{"version":3,"names":["React","Box","Icon","PressBox","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","truncate","useSafeAreaPadding","FileViewerHeader","headerShown","topInset","onClose","subtitle","title","palette","defaultHeight","safeArea","createElement","style","styles","container","paddingStart","paddingHorizontal","paddingEnd","paddingTop","height","backgroundColor","overlay01","activeOpacity","onPress","buttonContainer","icon","size","color","onBackgroundDark01","titleContainer","h2","numberOfLines","mode","maxLen","caption2","zIndex","top","start","end","position","flexDirection","alignItems","justifyContent","width","flex","marginBottom"],"sources":["FileViewerHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  Icon,\n  PressBox,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { truncate, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\ntype Props = {\n  headerShown?: boolean;\n  topInset: number;\n  onClose: () => void;\n  title: string;\n  subtitle: string;\n};\n\nconst FileViewerHeader = ({ headerShown = true, topInset, onClose, subtitle, title }: Props) => {\n  const { palette } = useUIKitTheme();\n  const { defaultHeight } = useHeaderStyle();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  if (!headerShown) return null;\n\n  return (\n    <Box\n      style={[\n        styles.container,\n        {\n          paddingStart: styles.container.paddingHorizontal + safeArea.paddingStart,\n          paddingEnd: styles.container.paddingHorizontal + safeArea.paddingEnd,\n          paddingTop: topInset,\n          height: defaultHeight + topInset,\n          backgroundColor: palette.overlay01,\n        },\n      ]}\n    >\n      <PressBox activeOpacity={0.75} onPress={onClose} style={styles.buttonContainer}>\n        <Icon icon={'close'} size={24} color={palette.onBackgroundDark01} />\n      </PressBox>\n      <Box style={styles.titleContainer}>\n        <Text h2 color={palette.onBackgroundDark01} style={styles.title} numberOfLines={1}>\n          {truncate(title, { mode: 'mid', maxLen: 18 })}\n        </Text>\n        <Text caption2 color={palette.onBackgroundDark01} numberOfLines={1}>\n          {subtitle}\n        </Text>\n      </Box>\n      <Box style={styles.buttonContainer} />\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 1,\n    top: 0,\n    start: 0,\n    end: 0,\n    position: 'absolute',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n  },\n  buttonContainer: {\n    width: 32,\n    height: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  titleContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  title: {\n    marginBottom: 2,\n  },\n});\n\nexport default FileViewerHeader;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,18 +7,17 @@ import { useLocalization, usePlatformService, useSendbirdChat } from '../../hook
 import FileViewerContent from './FileViewerContent';
 import FileViewerFooter from './FileViewerFooter';
 import FileViewerHeader from './FileViewerHeader';
-const FileViewer = _ref => {
-  let {
-    headerShown = true,
-    maxZoom = 3,
-    minZoom = 1,
-    headerTopInset,
-    fileMessage,
-    onClose,
-    onPressDownload,
-    onPressDelete,
-    deleteMessage
-  } = _ref;
+const FileViewer = ({
+  headerShown = true,
+  maxZoom = 3,
+  minZoom = 1,
+  headerTopInset,
+  fileMessage,
+  onClose,
+  onPressDownload,
+  onPressDelete,
+  deleteMessage
+}) => {
   const {
     topInset,
     statusBarTranslucent

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","StatusBar","useSafeAreaInsets","Box","useAlert","useHeaderStyle","useToast","useUIKitTheme","Logger","getFileExtension","getFileType","isMyMessage","toMegabyte","useLocalization","usePlatformService","useSendbirdChat","FileViewerContent","FileViewerFooter","FileViewerHeader","FileViewer","_ref","headerShown","maxZoom","minZoom","headerTopInset","fileMessage","onClose","onPressDownload","onPressDelete","deleteMessage","topInset","statusBarTranslucent","bottom","palette","alert","show","fileService","currentUser","STRINGS","fileType","type","url","canDelete","userId","basicTopInset","onPressDeleteButton","title","LABELS","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","onPress","then","catch","TOAST","DELETE_MSG_ERROR","onPressDownloadButton","size","DOWNLOAD_START","save","fileUrl","fileName","name","response","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","createElement","flex","backgroundColor","background700","barStyle","animated","FILE_VIEWER","TITLE","subtitle","SUBTITLE","bottomInset","src","deleteShown"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { StatusBar } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Box, useAlert, useHeaderStyle, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { Logger, getFileExtension, getFileType, isMyMessage, toMegabyte } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport FileViewerContent from './FileViewerContent';\nimport FileViewerFooter from './FileViewerFooter';\nimport FileViewerHeader from './FileViewerHeader';\n\ntype Props = {\n  fileMessage: SendbirdFileMessage;\n  deleteMessage: () => Promise<void>;\n\n  onClose: () => void;\n  onPressDownload?: (message: SendbirdFileMessage) => void;\n  onPressDelete?: (message: SendbirdFileMessage) => void;\n\n  headerShown?: boolean;\n  headerTopInset?: number;\n\n  /** This prop is only available on the Image viewer */\n  minZoom?: number;\n  /** This prop is only available on the Image viewer */\n  maxZoom?: number;\n};\n\nconst FileViewer = ({\n  headerShown = true,\n  maxZoom = 3,\n  minZoom = 1,\n  headerTopInset,\n  fileMessage,\n  onClose,\n  onPressDownload,\n  onPressDelete,\n  deleteMessage,\n}: Props) => {\n  const { topInset, statusBarTranslucent } = useHeaderStyle();\n  const { bottom } = useSafeAreaInsets();\n  const { palette } = useUIKitTheme();\n  const { alert } = useAlert();\n  const { show } = useToast();\n\n  const { fileService } = usePlatformService();\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.url));\n  const canDelete = isMyMessage(fileMessage, currentUser?.userId);\n  const basicTopInset = statusBarTranslucent ? topInset : 0;\n\n  const onPressDeleteButton = () => {\n    if (!canDelete) return;\n\n    if (onPressDelete) {\n      onPressDelete(fileMessage);\n    } else {\n      alert({\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n        buttons: [\n          {\n            text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n          },\n          {\n            text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n            style: 'destructive',\n            onPress: () => {\n              deleteMessage()\n                .then(() => {\n                  onClose();\n                })\n                .catch(() => {\n                  show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n                });\n            },\n          },\n        ],\n      });\n    }\n  };\n\n  const onPressDownloadButton = () => {\n    if (onPressDownload) {\n      onPressDownload(fileMessage);\n    } else {\n      if (toMegabyte(fileMessage.size) > 4) {\n        show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: fileMessage.url, fileName: fileMessage.name, fileType: fileMessage.type })\n        .then((response) => {\n          show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  useEffect(() => {\n    if (fileType === 'file') onClose();\n  }, []);\n\n  return (\n    <Box flex={1} backgroundColor={palette.background700}>\n      <StatusBar barStyle={'light-content'} animated />\n      <FileViewerHeader\n        topInset={headerTopInset ?? basicTopInset}\n        headerShown={headerShown}\n        title={STRINGS.FILE_VIEWER.TITLE(fileMessage)}\n        subtitle={STRINGS.FILE_VIEWER.SUBTITLE(fileMessage)}\n        onClose={onClose}\n      />\n      <FileViewerContent\n        topInset={headerTopInset ?? basicTopInset}\n        bottomInset={bottom}\n        type={fileType}\n        src={fileMessage.url}\n        maxZoom={maxZoom}\n        minZoom={minZoom}\n      />\n      <FileViewerFooter\n        bottomInset={bottom}\n        deleteShown={canDelete}\n        onPressDelete={onPressDeleteButton}\n        onPressDownload={onPressDownloadButton}\n      />\n    </Box>\n  );\n};\n\nexport default FileViewer;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","StatusBar","useSafeAreaInsets","Box","useAlert","useHeaderStyle","useToast","useUIKitTheme","Logger","getFileExtension","getFileType","isMyMessage","toMegabyte","useLocalization","usePlatformService","useSendbirdChat","FileViewerContent","FileViewerFooter","FileViewerHeader","FileViewer","headerShown","maxZoom","minZoom","headerTopInset","fileMessage","onClose","onPressDownload","onPressDelete","deleteMessage","topInset","statusBarTranslucent","bottom","palette","alert","show","fileService","currentUser","STRINGS","fileType","type","url","canDelete","userId","basicTopInset","onPressDeleteButton","title","LABELS","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","onPress","then","catch","TOAST","DELETE_MSG_ERROR","onPressDownloadButton","size","DOWNLOAD_START","save","fileUrl","fileName","name","response","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","createElement","flex","backgroundColor","background700","barStyle","animated","FILE_VIEWER","TITLE","subtitle","SUBTITLE","bottomInset","src","deleteShown"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { StatusBar } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Box, useAlert, useHeaderStyle, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { Logger, getFileExtension, getFileType, isMyMessage, toMegabyte } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport FileViewerContent from './FileViewerContent';\nimport FileViewerFooter from './FileViewerFooter';\nimport FileViewerHeader from './FileViewerHeader';\n\ntype Props = {\n  fileMessage: SendbirdFileMessage;\n  deleteMessage: () => Promise<void>;\n\n  onClose: () => void;\n  onPressDownload?: (message: SendbirdFileMessage) => void;\n  onPressDelete?: (message: SendbirdFileMessage) => void;\n\n  headerShown?: boolean;\n  headerTopInset?: number;\n\n  /** This prop is only available on the Image viewer */\n  minZoom?: number;\n  /** This prop is only available on the Image viewer */\n  maxZoom?: number;\n};\n\nconst FileViewer = ({\n  headerShown = true,\n  maxZoom = 3,\n  minZoom = 1,\n  headerTopInset,\n  fileMessage,\n  onClose,\n  onPressDownload,\n  onPressDelete,\n  deleteMessage,\n}: Props) => {\n  const { topInset, statusBarTranslucent } = useHeaderStyle();\n  const { bottom } = useSafeAreaInsets();\n  const { palette } = useUIKitTheme();\n  const { alert } = useAlert();\n  const { show } = useToast();\n\n  const { fileService } = usePlatformService();\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.url));\n  const canDelete = isMyMessage(fileMessage, currentUser?.userId);\n  const basicTopInset = statusBarTranslucent ? topInset : 0;\n\n  const onPressDeleteButton = () => {\n    if (!canDelete) return;\n\n    if (onPressDelete) {\n      onPressDelete(fileMessage);\n    } else {\n      alert({\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n        buttons: [\n          {\n            text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n          },\n          {\n            text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n            style: 'destructive',\n            onPress: () => {\n              deleteMessage()\n                .then(() => {\n                  onClose();\n                })\n                .catch(() => {\n                  show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n                });\n            },\n          },\n        ],\n      });\n    }\n  };\n\n  const onPressDownloadButton = () => {\n    if (onPressDownload) {\n      onPressDownload(fileMessage);\n    } else {\n      if (toMegabyte(fileMessage.size) > 4) {\n        show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: fileMessage.url, fileName: fileMessage.name, fileType: fileMessage.type })\n        .then((response) => {\n          show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  useEffect(() => {\n    if (fileType === 'file') onClose();\n  }, []);\n\n  return (\n    <Box flex={1} backgroundColor={palette.background700}>\n      <StatusBar barStyle={'light-content'} animated />\n      <FileViewerHeader\n        topInset={headerTopInset ?? basicTopInset}\n        headerShown={headerShown}\n        title={STRINGS.FILE_VIEWER.TITLE(fileMessage)}\n        subtitle={STRINGS.FILE_VIEWER.SUBTITLE(fileMessage)}\n        onClose={onClose}\n      />\n      <FileViewerContent\n        topInset={headerTopInset ?? basicTopInset}\n        bottomInset={bottom}\n        type={fileType}\n        src={fileMessage.url}\n        maxZoom={maxZoom}\n        minZoom={minZoom}\n      />\n      <FileViewerFooter\n        bottomInset={bottom}\n        deleteShown={canDelete}\n        onPressDelete={onPressDeleteButton}\n        onPressDownload={onPressDownloadButton}\n      />\n    </Box>\n  );\n};\n\nexport default FileViewer;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js

@@ -3,11 +3,10 @@ import React from 'react';
 import { View } from 'react-native';
 import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { useLocalization } from '../../hooks/useContext';
-const GroupChannelMessageDateSeparator = _ref => {
-  let {
-    message,
-    prevMessage
-  } = _ref;
+const GroupChannelMessageDateSeparator = ({
+  message,
+  prevMessage
+}) => {
   const {
     STRINGS
   } = useLocalization();