@sendbird/uikit-react-native 3.3.0 → 3.4.0

package/lib/commonjs/components/ChannelMessageList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_ChatFlatList","_ReactionAddons","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ChannelMessageList","_ref","ref","searchItem","hasNext","channel","onEditMessage","onReplyMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","onPressParentMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","STRINGS","useLocalization","colors","useUIKitTheme","show","useUserProfile","left","right","useSafeAreaInsets","createMessagePressActions","useCreateMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","_ref2","item","index","onPress","onLongPress","bottomSheetItem","message","prevMessage","nextMessage","onShowUserProfile","focused","startingPoint","createdAt","isFirstItem","createElement","View","style","flex","backgroundColor","background","isFrozen","ChannelFrozenBanner","styles","frozenBanner","text","LABELS","CHANNEL_MESSAGE_LIST_FROZEN","data","keyExtractor","messageKeyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","scrollButton","_ref3","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","sbOptions","useSendbirdChat","onResendFailure","error","TOAST","RESEND_MSG_ERROR","Logger","onDeleteFailure","DELETE_MSG_ERROR","onCopyText","isUserMessage","setString","COPY_OK","onDownloadFile","isFileMessage","toMegabyte","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","response","DOWNLOAD_OK","log","catch","err","DOWNLOAD_ERROR","onOpenFile","getFileType","getFileExtension","includes","getAvailableUriFromFileMessage","SBUUtils","openURL","openSheetForFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","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","reply","Boolean","parentMessageId","CHANNEL_MESSAGE_REPLY","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","isMyMessage","sendingStatus","isGroupChannel","uikit","groupChannel","replyType","isVoiceMessage","HeaderComponent","shouldRenderReaction","uikitWithAppInfo","enableReactions","_ref5","onClose","ReactionAddons","BottomSheet","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","_default","React","forwardRef","exports"],"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 { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { CommonComponent } from '../../types';\nimport ChatFlatList from '../ChatFlatList';\nimport { ReactionAddons } from '../ReactionAddons';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void; bottomSheetItem?: BottomSheetItem };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\ntype CreateMessagePressActions = (params: { message: SendbirdMessage }) => PressActions;\nexport type ChannelMessageListProps<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  onReplyMessage?: (message: HandleableMessage) => void; // only available on group channel\n  onDeleteMessage: (message: HandleableMessage) => Promise<void>;\n  onResendFailedMessage: (failedMessage: HandleableMessage) => Promise<void>;\n  onPressParentMessage?: (parentMessage: SendbirdMessage) => 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    onPressParentMessage?: ChannelMessageListProps<T>['onPressParentMessage'];\n    onShowUserProfile?: UserProfileContextType['show'];\n    channel: T;\n    currentUserId?: ChannelMessageListProps<T>['currentUserId'];\n    enableMessageGrouping: ChannelMessageListProps<T>['enableMessageGrouping'];\n    bottomSheetItem?: BottomSheetItem;\n    isFirstItem: boolean;\n  }) => React.ReactElement | null;\n  renderNewMessagesButton: null | CommonComponent<{\n    visible: boolean;\n    onPress: () => void;\n    newMessages: SendbirdMessage[];\n  }>;\n  renderScrollToBottomButton: null | CommonComponent<{\n    visible: boolean;\n    onPress: () => void;\n  }>;\n  flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n} & {\n  ref?: Ref<FlatList<SendbirdMessage>> | undefined;\n};\n\nconst ChannelMessageList = <T extends SendbirdGroupChannel | SendbirdOpenChannel>(\n  {\n    searchItem,\n    hasNext,\n    channel,\n    onEditMessage,\n    onReplyMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n    onPressParentMessage,\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  }: ChannelMessageListProps<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    onReplyMessage,\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      onPressParentMessage,\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      <ChatFlatList\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  onReplyMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  ChannelMessageListProps<T>,\n  | 'channel'\n  | 'currentUserId'\n  | 'onEditMessage'\n  | 'onReplyMessage'\n  | 'onDeleteMessage'\n  | 'onResendFailedMessage'\n  | 'onPressMediaMessage'\n>): CreateMessagePressActions => {\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      } else {\n        SBUUtils.openURL(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      reply: (message: HandleableMessage) => ({\n        disabled: Boolean(message.parentMessageId),\n        icon: 'reply' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,\n        onPress: () => onReplyMessage?.(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        if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {\n          sheetItems.push(menu.reply(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        if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {\n          sheetItems.push(menu.reply(message));\n        }\n      }\n    }\n\n    const bottomSheetItem: BottomSheetItem = {\n      sheetItems,\n      HeaderComponent: shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions)\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(ChannelMessageList) as typeof ChannelMessageList;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_ChatFlatList","_ReactionAddons","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ChannelMessageList","_ref","ref","searchItem","hasNext","channel","onEditMessage","onReplyMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","onPressParentMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","STRINGS","useLocalization","colors","useUIKitTheme","show","useUserProfile","left","right","useSafeAreaInsets","createMessagePressActions","useCreateMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","_ref2","item","index","onPress","onLongPress","bottomSheetItem","message","prevMessage","nextMessage","onShowUserProfile","focused","startingPoint","createdAt","isFirstItem","createElement","View","style","flex","backgroundColor","background","isFrozen","ChannelFrozenBanner","styles","frozenBanner","text","LABELS","CHANNEL_MESSAGE_LIST_FROZEN","data","keyExtractor","messageKeyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","scrollButton","_ref3","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","sbOptions","useSendbirdChat","onResendFailure","error","TOAST","RESEND_MSG_ERROR","Logger","onDeleteFailure","DELETE_MSG_ERROR","onCopyText","isUserMessage","setString","COPY_OK","onDownloadFile","isFileMessage","toMegabyte","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","response","DOWNLOAD_OK","log","catch","err","DOWNLOAD_ERROR","onOpenFile","getFileType","getFileExtension","includes","getAvailableUriFromFileMessage","SBUUtils","openURL","openSheetForFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","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","reply","Boolean","parentMessageId","CHANNEL_MESSAGE_REPLY","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","isMyMessage","sendingStatus","isGroupChannel","uikit","groupChannel","replyType","isVoiceMessage","HeaderComponent","shouldRenderReaction","uikitWithAppInfo","enableReactions","_ref5","onClose","ReactionAddons","BottomSheet","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","_default","React","forwardRef","exports"],"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 { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { CommonComponent } from '../../types';\nimport ChatFlatList from '../ChatFlatList';\nimport { ReactionAddons } from '../ReactionAddons';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void; bottomSheetItem?: BottomSheetItem };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\ntype CreateMessagePressActions = (params: { message: SendbirdMessage }) => PressActions;\nexport type ChannelMessageListProps<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  onReplyMessage?: (message: HandleableMessage) => void; // only available on group channel\n  onDeleteMessage: (message: HandleableMessage) => Promise<void>;\n  onResendFailedMessage: (failedMessage: HandleableMessage) => Promise<HandleableMessage | void>;\n  onPressParentMessage?: (parentMessage: SendbirdMessage) => 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    onPressParentMessage?: ChannelMessageListProps<T>['onPressParentMessage'];\n    onShowUserProfile?: UserProfileContextType['show'];\n    channel: T;\n    currentUserId?: ChannelMessageListProps<T>['currentUserId'];\n    enableMessageGrouping: ChannelMessageListProps<T>['enableMessageGrouping'];\n    bottomSheetItem?: BottomSheetItem;\n    isFirstItem: boolean;\n  }) => React.ReactElement | null;\n  renderNewMessagesButton: null | CommonComponent<{\n    visible: boolean;\n    onPress: () => void;\n    newMessages: SendbirdMessage[];\n  }>;\n  renderScrollToBottomButton: null | CommonComponent<{\n    visible: boolean;\n    onPress: () => void;\n  }>;\n  flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n} & {\n  ref?: Ref<FlatList<SendbirdMessage>> | undefined;\n};\n\nconst ChannelMessageList = <T extends SendbirdGroupChannel | SendbirdOpenChannel>(\n  {\n    searchItem,\n    hasNext,\n    channel,\n    onEditMessage,\n    onReplyMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n    onPressParentMessage,\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  }: ChannelMessageListProps<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    onReplyMessage,\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      onPressParentMessage,\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      <ChatFlatList\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  onReplyMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  ChannelMessageListProps<T>,\n  | 'channel'\n  | 'currentUserId'\n  | 'onEditMessage'\n  | 'onReplyMessage'\n  | 'onDeleteMessage'\n  | 'onResendFailedMessage'\n  | 'onPressMediaMessage'\n>): CreateMessagePressActions => {\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      } else {\n        SBUUtils.openURL(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      reply: (message: HandleableMessage) => ({\n        disabled: Boolean(message.parentMessageId),\n        icon: 'reply' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,\n        onPress: () => onReplyMessage?.(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        if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {\n          sheetItems.push(menu.reply(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        if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {\n          sheetItems.push(menu.reply(message));\n        }\n      }\n    }\n\n    const bottomSheetItem: BottomSheetItem = {\n      sheetItems,\n      HeaderComponent: shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions)\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(ChannelMessageList) as typeof ChannelMessageList;\n"],"mappings":"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"}

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

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeZoomableView = require("@openspacelabs/react-native-zoomable-view");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _useContext = require("../../hooks/useContext");
+var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+const FileViewerContent = _ref => {
+  let {
+    type,
+    src,
+    topInset = 0,
+    bottomInset = 0,
+    maxZoom = 4,
+    minZoom = 1,
+    onPress
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const {
+    defaultHeight
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    mediaService
+  } = (0, _useContext.usePlatformService)();
+  const {
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const source = {
+    uri: src
+  };
+  const onLoadEnd = () => setLoading(false);
+  const mediaViewer = (0, _uikitUtils.useIIFE)(() => {
+    switch (type) {
+      case 'image':
+        {
+          return /*#__PURE__*/_react.default.createElement(ZoomableImageView, {
+            source: source,
+            style: _reactNative.StyleSheet.absoluteFill,
+            resizeMode: 'contain',
+            onLoadEnd: onLoadEnd,
+            zoomProps: {
+              minZoom,
+              maxZoom,
+              onTouchEnd: onPress
+            }
+          });
+        }
+      case 'video':
+      case 'audio':
+        {
+          return /*#__PURE__*/_react.default.createElement(mediaService.VideoComponent, {
+            source: source,
+            style: [_reactNative.StyleSheet.absoluteFill, {
+              top: topInset,
+              bottom: defaultHeight + bottomInset
+            }],
+            resizeMode: 'contain',
+            onLoad: onLoadEnd
+          });
+        }
+      default:
+        {
+          return null;
+        }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.container
+  }, mediaViewer, loading && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.LoadingSpinner, {
+    style: {
+      position: 'absolute'
+    },
+    size: 40,
+    color: palette.primary300
+  }));
+};
+const ZoomableImageView = _ref2 => {
+  let {
+    zoomProps,
+    ...props
+  } = _ref2;
+  const {
+    width,
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const imageSize = (0, _react.useRef)();
+  const [contentSizeProps, setContentSizeProps] = (0, _react.useState)({
+    contentWidth: width,
+    contentHeight: height
+  });
+  (0, _react.useLayoutEffect)(() => {
+    _SBUUtils.default.safeRun(async () => {
+      if (props.source.uri) {
+        const image = imageSize.current ?? (await _SBUUtils.default.getImageSize(props.source.uri));
+        imageSize.current = image;
+        const viewRatio = width / height;
+        const imageRatio = image.width / image.height;
+        const fitDirection = viewRatio > imageRatio ? 'height' : 'width';
+        const ratio = fitDirection === 'height' ? height / image.height : width / image.width;
+        const actualSize = {
+          width: image.width * ratio,
+          height: image.height * ratio
+        };
+        setContentSizeProps({
+          contentWidth: actualSize.width,
+          contentHeight: actualSize.height
+        });
+      }
+    });
+  }, [props.source.uri, width, height]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeZoomableView.ReactNativeZoomableView, _extends({
+    visualTouchFeedbackEnabled: false,
+    style: {
+      width,
+      height
+    },
+    initialZoom: 1
+  }, contentSizeProps, zoomProps), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Image, props));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    zIndex: -1,
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+var _default = FileViewerContent;
+exports.default = _default;
+//# sourceMappingURL=FileViewerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeZoomableView","require","_react","_interopRequireWildcard","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","FileViewerContent","_ref","type","src","topInset","bottomInset","maxZoom","minZoom","onPress","loading","setLoading","useState","defaultHeight","useHeaderStyle","mediaService","usePlatformService","palette","useUIKitTheme","uri","onLoadEnd","mediaViewer","useIIFE","createElement","ZoomableImageView","style","StyleSheet","absoluteFill","resizeMode","zoomProps","onTouchEnd","VideoComponent","top","bottom","onLoad","Box","styles","container","LoadingSpinner","position","size","color","primary300","_ref2","props","width","height","useWindowDimensions","imageSize","useRef","contentSizeProps","setContentSizeProps","contentWidth","contentHeight","useLayoutEffect","SBUUtils","safeRun","image","current","getImageSize","viewRatio","imageRatio","fitDirection","ratio","actualSize","ReactNativeZoomableView","visualTouchFeedbackEnabled","initialZoom","Image","createStyleSheet","zIndex","flex","alignItems","justifyContent","_default","exports"],"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: -1,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerContent;\n"],"mappings":"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"}

package/lib/commonjs/components/FileViewer/FileViewerFooter.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FileViewerFooter = _ref => {
+  let {
+    bottomInset,
+    deleteShown,
+    onPressDelete,
+    onPressDownload
+  } = _ref;
+  const {
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    defaultHeight
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: [styles.container, {
+      paddingLeft: styles.container.paddingHorizontal + left,
+      paddingRight: styles.container.paddingHorizontal + right,
+      paddingBottom: bottomInset,
+      height: defaultHeight + bottomInset,
+      backgroundColor: palette.overlay01
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    activeOpacity: 0.75,
+    onPress: onPressDownload,
+    style: styles.buttonContainer
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    icon: 'download',
+    size: 24,
+    color: palette.onBackgroundDark01
+  })), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.titleContainer
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    activeOpacity: 0.75,
+    onPress: onPressDelete,
+    style: styles.buttonContainer,
+    disabled: !deleteShown
+  }, deleteShown && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    icon: 'delete',
+    size: 24,
+    color: palette.onBackgroundDark01
+  })));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 12
+  },
+  buttonContainer: {
+    width: 32,
+    height: 32,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  titleContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+var _default = FileViewerFooter;
+exports.default = _default;
+//# sourceMappingURL=FileViewerFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","obj","__esModule","default","FileViewerFooter","_ref","bottomInset","deleteShown","onPressDelete","onPressDownload","palette","useUIKitTheme","defaultHeight","useHeaderStyle","left","right","useSafeAreaInsets","createElement","Box","style","styles","container","paddingLeft","paddingHorizontal","paddingRight","paddingBottom","height","backgroundColor","overlay01","PressBox","activeOpacity","onPress","buttonContainer","Icon","icon","size","color","onBackgroundDark01","titleContainer","disabled","createStyleSheet","position","bottom","flexDirection","alignItems","justifyContent","width","flex","_default","exports"],"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    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":"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"}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FileViewerHeader = _ref => {
+  let {
+    headerShown = true,
+    topInset,
+    onClose,
+    subtitle,
+    title
+  } = _ref;
+  const {
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    defaultHeight
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  if (!headerShown) return null;
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: [styles.container, {
+      paddingLeft: styles.container.paddingHorizontal + left,
+      paddingRight: styles.container.paddingHorizontal + right,
+      paddingTop: topInset,
+      height: defaultHeight + topInset,
+      backgroundColor: palette.overlay01
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    activeOpacity: 0.75,
+    onPress: onClose,
+    style: styles.buttonContainer
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    icon: 'close',
+    size: 24,
+    color: palette.onBackgroundDark01
+  })), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    h2: true,
+    color: palette.onBackgroundDark01,
+    style: styles.title,
+    numberOfLines: 1
+  }, (0, _uikitUtils.truncate)(title, {
+    mode: 'mid',
+    maxLen: 18
+  })), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    caption2: true,
+    color: palette.onBackgroundDark01,
+    numberOfLines: 1
+  }, subtitle)), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.buttonContainer
+  }));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    top: 0,
+    left: 0,
+    right: 0,
+    position: 'absolute',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 12
+  },
+  buttonContainer: {
+    width: 32,
+    height: 32,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  titleContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    marginBottom: 2
+  }
+});
+var _default = FileViewerHeader;
+exports.default = _default;
+//# sourceMappingURL=FileViewerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","FileViewerHeader","_ref","headerShown","topInset","onClose","subtitle","title","palette","useUIKitTheme","defaultHeight","useHeaderStyle","left","right","useSafeAreaInsets","createElement","Box","style","styles","container","paddingLeft","paddingHorizontal","paddingRight","paddingTop","height","backgroundColor","overlay01","PressBox","activeOpacity","onPress","buttonContainer","Icon","icon","size","color","onBackgroundDark01","titleContainer","Text","h2","numberOfLines","truncate","mode","maxLen","caption2","createStyleSheet","top","position","flexDirection","alignItems","justifyContent","width","flex","marginBottom","_default","exports"],"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    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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AASA,IAAAG,WAAA,GAAAH,OAAA;AAAiD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUjD,MAAMG,gBAAgB,GAAGC,IAAA,IAAuE;EAAA,IAAtE;IAAEC,WAAW,GAAG,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAAL,IAAA;EACzF,MAAM;IAAEM;EAAQ,CAAC,GAAG,IAAAC,yCAAa,GAAE;EACnC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,0CAAc,GAAE;EAC1C,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;EAE3C,IAAI,CAACX,WAAW,EAAE,OAAO,IAAI;EAE7B,oBACEX,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAoB,GAAG;IACFC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,WAAW,EAAEF,MAAM,CAACC,SAAS,CAACE,iBAAiB,GAAGT,IAAI;MACtDU,YAAY,EAAEJ,MAAM,CAACC,SAAS,CAACE,iBAAiB,GAAGR,KAAK;MACxDU,UAAU,EAAEnB,QAAQ;MACpBoB,MAAM,EAAEd,aAAa,GAAGN,QAAQ;MAChCqB,eAAe,EAAEjB,OAAO,CAACkB;IAC3B,CAAC;EACD,gBAEFlC,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAA+B,QAAQ;IAACC,aAAa,EAAE,IAAK;IAACC,OAAO,EAAExB,OAAQ;IAACY,KAAK,EAAEC,MAAM,CAACY;EAAgB,gBAC7EtC,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAmC,IAAI;IAACC,IAAI,EAAE,OAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE1B,OAAO,CAAC2B;EAAmB,EAAG,CAC3D,eACX3C,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAoB,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACkB;EAAe,gBAChC5C,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAyC,IAAI;IAACC,EAAE;IAACJ,KAAK,EAAE1B,OAAO,CAAC2B,kBAAmB;IAAClB,KAAK,EAAEC,MAAM,CAACX,KAAM;IAACgC,aAAa,EAAE;EAAE,GAC/E,IAAAC,oBAAQ,EAACjC,KAAK,EAAE;IAAEkC,IAAI,EAAE,KAAK;IAAEC,MAAM,EAAE;EAAG,CAAC,CAAC,CACxC,eACPlD,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAyC,IAAI;IAACM,QAAQ;IAACT,KAAK,EAAE1B,OAAO,CAAC2B,kBAAmB;IAACI,aAAa,EAAE;EAAE,GAChEjC,QAAQ,CACJ,CACH,eACNd,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAoB,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACY;EAAgB,EAAG,CAClC;AAEV,CAAC;AAED,MAAMZ,MAAM,GAAG,IAAA0B,4CAAgB,EAAC;EAC9BzB,SAAS,EAAE;IACT0B,GAAG,EAAE,CAAC;IACNjC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRiC,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB5B,iBAAiB,EAAE;EACrB,CAAC;EACDS,eAAe,EAAE;IACfoB,KAAK,EAAE,EAAE;IACT1B,MAAM,EAAE,EAAE;IACVwB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDb,cAAc,EAAE;IACde,IAAI,EAAE,CAAC;IACPH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD1C,KAAK,EAAE;IACL6C,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYpD,gBAAgB;AAAAqD,OAAA,CAAAtD,OAAA,GAAAqD,QAAA"}