@sendbird/uikit-react-native 3.1.2 → 3.3.0

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { ChannelFrozenBanner, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, messageKeyExtractor, shouldRenderReaction, toMegabyte, useFreshCallback } from '@sendbird/uikit-utils';
+import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, isVoiceMessage, messageKeyExtractor, shouldRenderReaction, toMegabyte, useFreshCallback } from '@sendbird/uikit-utils';
 import { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from '../../hooks/useContext';
 import SBUUtils from '../../libs/SBUUtils';
 import ChatFlatList from '../ChatFlatList';
@@ -47,7 +47,7 @@ const ChannelMessageList = (_ref, ref) => {
     left,
     right
   } = useSafeAreaInsets();
-  const getMessagePressActions = useGetMessagePressActions({
+  const createMessagePressActions = useCreateMessagePressActions({
     channel,
     currentUserId,
     onEditMessage,
@@ -67,8 +67,11 @@ const ChannelMessageList = (_ref, ref) => {
     } = _ref2;
     const {
       onPress,
-      onLongPress
-    } = getMessagePressActions(item);
+      onLongPress,
+      bottomSheetItem
+    } = createMessagePressActions({
+      message: item
+    });
     return renderMessage({
       message: item,
       prevMessage: messages[index + 1],
@@ -80,7 +83,9 @@ const ChannelMessageList = (_ref, ref) => {
       enableMessageGrouping,
       channel,
       currentUserId,
-      focused: ((searchItem === null || searchItem === void 0 ? void 0 : searchItem.startingPoint) ?? -1) === item.createdAt
+      focused: ((searchItem === null || searchItem === void 0 ? void 0 : searchItem.startingPoint) ?? -1) === item.createdAt,
+      bottomSheetItem,
+      isFirstItem: index === 0
     });
   });
   return /*#__PURE__*/React.createElement(View, {
@@ -115,7 +120,7 @@ const ChannelMessageList = (_ref, ref) => {
     onPress: () => onPressScrollToBottomButton()
   })));
 };
-const useGetMessagePressActions = _ref3 => {
+const useCreateMessagePressActions = _ref3 => {
   let {
     channel,
     currentUserId,
@@ -145,25 +150,61 @@ const useGetMessagePressActions = _ref3 => {
   const {
     sbOptions
   } = useSendbirdChat();
-  const onFailureToReSend = error => {
+  const onResendFailure = error => {
     toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error');
     Logger.error(STRINGS.TOAST.RESEND_MSG_ERROR, error);
   };
-  const handleFailedMessage = message => {
+  const onDeleteFailure = error => {
+    toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');
+    Logger.error(STRINGS.TOAST.DELETE_MSG_ERROR, error);
+  };
+  const onCopyText = message => {
+    if (message.isUserMessage()) {
+      clipboardService.setString(message.message || '');
+      toast.show(STRINGS.TOAST.COPY_OK, 'success');
+    }
+  };
+  const onDownloadFile = message => {
+    if (message.isFileMessage()) {
+      if (toMegabyte(message.size) > 4) {
+        toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
+      }
+      fileService.save({
+        fileUrl: message.url,
+        fileName: message.name,
+        fileType: message.type
+      }).then(response => {
+        toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
+        Logger.log('File saved to', response);
+      }).catch(err => {
+        toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
+        Logger.log('File save failure', err);
+      });
+    }
+  };
+  const onOpenFile = message => {
+    if (message.isFileMessage()) {
+      const fileType = getFileType(message.type || getFileExtension(message.name));
+      if (['image', 'video', 'audio'].includes(fileType)) {
+        onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));
+      } else {
+        SBUUtils.openURL(message.url);
+      }
+    }
+  };
+  const openSheetForFailedMessage = message => {
     openSheet({
       sheetItems: [{
         title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
-        onPress: () => {
-          onResendFailedMessage(message).catch(onFailureToReSend);
-        }
+        onPress: () => onResendFailedMessage(message).catch(onResendFailure)
       }, {
         title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
         titleColor: colors.ui.dialog.default.none.destructive,
-        onPress: () => confirmDelete(message)
+        onPress: () => alertForMessageDelete(message)
       }]
     });
   };
-  const confirmDelete = message => {
+  const alertForMessageDelete = message => {
     alert({
       title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
       buttons: [{
@@ -172,127 +213,118 @@ const useGetMessagePressActions = _ref3 => {
         text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
         style: 'destructive',
         onPress: () => {
-          onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'));
+          onDeleteMessage(message).catch(onDeleteFailure);
         }
       }]
     });
   };
-  return msg => {
-    if (!msg.isUserMessage() && !msg.isFileMessage()) {
-      return {
-        onPress: undefined,
-        onLongPress: undefined
-      };
-    }
+  return _ref4 => {
+    let {
+      message
+    } = _ref4;
+    if (!message.isUserMessage() && !message.isFileMessage()) return {};
     const sheetItems = [];
-    const response = {
-      onPress: undefined,
-      onLongPress: undefined
-    };
-    if (msg.isUserMessage()) {
-      sheetItems.push({
+    const menu = {
+      copy: message => ({
         icon: 'copy',
         title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
-        onPress: () => {
-          clipboardService.setString(msg.message || '');
-          toast.show(STRINGS.TOAST.COPY_OK, 'success');
-        }
-      });
-    }
-    if (msg.isFileMessage()) {
-      sheetItems.push({
+        onPress: () => onCopyText(message)
+      }),
+      edit: message => ({
+        icon: 'edit',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
+        onPress: () => onEditMessage(message)
+      }),
+      delete: message => ({
+        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,
+        icon: 'delete',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+        onPress: () => alertForMessageDelete(message)
+      }),
+      reply: message => ({
+        disabled: Boolean(message.parentMessageId),
+        icon: 'reply',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,
+        onPress: () => onReplyMessage === null || onReplyMessage === void 0 ? void 0 : onReplyMessage(message)
+      }),
+      download: message => ({
         icon: 'download',
         title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
-        onPress: async () => {
-          if (toMegabyte(msg.size) > 4) {
-            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
-          }
-          fileService.save({
-            fileUrl: msg.url,
-            fileName: msg.name,
-            fileType: msg.type
-          }).then(response => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
-            Logger.log('File saved to', response);
-          }).catch(err => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
-            Logger.log('File save failure', err);
-          });
+        onPress: () => onDownloadFile(message)
+      })
+    };
+    if (message.isUserMessage()) {
+      sheetItems.push(menu.copy(message));
+      if (!channel.isEphemeral) {
+        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {
+          sheetItems.push(menu.edit(message));
+          sheetItems.push(menu.delete(message));
         }
-      });
-    }
-    if (!channel.isEphemeral) {
-      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        if (msg.isUserMessage()) {
-          sheetItems.push({
-            icon: 'edit',
-            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
-            onPress: () => onEditMessage(msg)
-          });
+        if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {
+          sheetItems.push(menu.reply(message));
         }
-        sheetItems.push({
-          disabled: msg.threadInfo ? msg.threadInfo.replyCount > 0 : undefined,
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
-      }
-      if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {
-        sheetItems.push({
-          disabled: Boolean(msg.parentMessageId),
-          icon: 'reply',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,
-          onPress: () => onReplyMessage === null || onReplyMessage === void 0 ? void 0 : onReplyMessage(msg)
-        });
       }
     }
-    if (msg.isFileMessage()) {
-      const fileType = getFileType(msg.type || getFileExtension(msg.name));
-      switch (fileType) {
-        case 'image':
-        case 'video':
-        case 'audio':
-          {
-            response.onPress = () => {
-              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));
-            };
-            break;
-          }
-        default:
-          {
-            response.onPress = () => SBUUtils.openURL(msg.url);
-            break;
-          }
+    if (message.isFileMessage()) {
+      if (!isVoiceMessage(message)) {
+        sheetItems.push(menu.download(message));
+      }
+      if (!channel.isEphemeral) {
+        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {
+          sheetItems.push(menu.delete(message));
+        }
+        if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {
+          sheetItems.push(menu.reply(message));
+        }
       }
     }
-    if (sheetItems.length > 0) {
-      response.onLongPress = () => {
-        openSheet({
-          sheetItems,
-          HeaderComponent: shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions) ? _ref4 => {
-            let {
-              onClose
-            } = _ref4;
-            return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
-              message: msg,
-              channel: channel,
-              onClose: onClose
-            });
-          } : undefined
+    const bottomSheetItem = {
+      sheetItems,
+      HeaderComponent: shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions) ? _ref5 => {
+        let {
+          onClose
+        } = _ref5;
+        return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
+          message: message,
+          channel: channel,
+          onClose: onClose
         });
-      };
-    }
-    if (msg.sendingStatus === 'failed') {
-      response.onLongPress = () => handleFailedMessage(msg);
-      response.onPress = () => {
-        onResendFailedMessage(msg).catch(onFailureToReSend);
-      };
-    }
-    if (msg.sendingStatus === 'pending') {
-      response.onLongPress = undefined;
-      response.onPress = undefined;
+      } : undefined
+    };
+    switch (true) {
+      case message.sendingStatus === 'pending':
+        {
+          return {
+            onPress: undefined,
+            onLongPress: undefined,
+            bottomSheetItem: undefined
+          };
+        }
+      case message.sendingStatus === 'failed':
+        {
+          return {
+            onPress: () => onResendFailedMessage(message).catch(onResendFailure),
+            onLongPress: () => openSheetForFailedMessage(message),
+            bottomSheetItem
+          };
+        }
+      case message.isFileMessage():
+        {
+          return {
+            onPress: () => onOpenFile(message),
+            onLongPress: () => openSheet(bottomSheetItem),
+            bottomSheetItem
+          };
+        }
+      default:
+        {
+          return {
+            onPress: undefined,
+            onLongPress: () => openSheet(bottomSheetItem),
+            bottomSheetItem
+          };
+        }
     }
-    return response;
   };
 };
 const styles = createStyleSheet({

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","useLocalization","usePlatformService","useSendbirdChat","useUserProfile","SBUUtils","ChatFlatList","ReactionAddons","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","colors","show","left","right","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","onShowUserProfile","focused","startingPoint","createdAt","createElement","style","flex","backgroundColor","background","isFrozen","styles","frozenBanner","text","LABELS","CHANNEL_MESSAGE_LIST_FROZEN","_extends","data","keyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","length","scrollButton","_ref3","toast","openSheet","alert","clipboardService","fileService","sbOptions","onFailureToReSend","error","TOAST","RESEND_MSG_ERROR","handleFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","catch","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","default","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","isEphemeral","sendingStatus","CHANNEL_MESSAGE_EDIT","disabled","threadInfo","replyCount","CHANNEL_MESSAGE_DELETE","isGroupChannel","uikit","groupChannel","replyType","Boolean","parentMessageId","CHANNEL_MESSAGE_REPLY","openURL","HeaderComponent","uikitWithAppInfo","enableReactions","_ref4","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  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 };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\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  }) => 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 getMessagePressActions = useGetMessagePressActions({\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 } = getMessagePressActions(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    });\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 useGetMessagePressActions = <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>) => {\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 onFailureToReSend = (error: Error) => {\n    toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.RESEND_MSG_ERROR, error);\n  };\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () => {\n            onResendFailedMessage(message).catch(onFailureToReSend);\n          },\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => {\n            onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'));\n          },\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: PressActions = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n    }\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n    }\n    if (!channel.isEphemeral) {\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        if (msg.isUserMessage()) {\n          sheetItems.push({\n            icon: 'edit',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => onEditMessage(msg),\n          });\n        }\n        sheetItems.push({\n          disabled: msg.threadInfo ? msg.threadInfo.replyCount > 0 : undefined,\n          icon: 'delete',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n      if (channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {\n        sheetItems.push({\n          disabled: Boolean(msg.parentMessageId),\n          icon: 'reply',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_REPLY,\n          onPress: () => onReplyMessage?.(msg),\n        });\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(\n            channel,\n            sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions,\n          )\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(onFailureToReSend);\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\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","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","isVoiceMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","useLocalization","usePlatformService","useSendbirdChat","useUserProfile","SBUUtils","ChatFlatList","ReactionAddons","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","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","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","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","reply","Boolean","parentMessageId","CHANNEL_MESSAGE_REPLY","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","sendingStatus","isGroupChannel","uikit","groupChannel","replyType","HeaderComponent","uikitWithAppInfo","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 { 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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"}

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

@@ -6,6 +6,7 @@ import { useLocalization, usePlatformService, useSendbirdChat } from '../../hook
 const GroupChannelMessageParentMessage = _ref => {
   let {
     variant,
+    channel,
     message,
     childMessage,
     onPress
@@ -41,6 +42,21 @@ const GroupChannelMessageParentMessage = _ref => {
       }
     });
   }, []);
+  const renderMessageWithText = message => {
+    return /*#__PURE__*/React.createElement(Box, {
+      style: styles.bubbleContainer,
+      backgroundColor: select({
+        light: palette.background100,
+        dark: palette.background400
+      })
+    }, /*#__PURE__*/React.createElement(Text, {
+      body3: true,
+      color: colors.onBackground03,
+      suppressHighlighting: true,
+      numberOfLines: 2,
+      ellipsizeMode: 'tail'
+    }, message));
+  };
   const renderFileMessageAsVideoThumbnail = url => {
     return /*#__PURE__*/React.createElement(VideoThumbnail, {
       style: styles.image,
@@ -83,23 +99,14 @@ const GroupChannelMessageParentMessage = _ref => {
     })));
   };
   const parentMessageComponent = useIIFE(() => {
+    if (channel.messageOffsetTimestamp > parentMessage.createdAt) {
+      return renderMessageWithText(STRINGS.LABELS.MESSAGE_UNAVAILABLE);
+    }
     switch (type) {
       case 'user':
       case 'user.opengraph':
         {
-          return /*#__PURE__*/React.createElement(Box, {
-            style: styles.bubbleContainer,
-            backgroundColor: select({
-              light: palette.background100,
-              dark: palette.background400
-            })
-          }, /*#__PURE__*/React.createElement(Text, {
-            body3: true,
-            color: colors.onBackground03,
-            suppressHighlighting: true,
-            numberOfLines: 2,
-            ellipsizeMode: 'tail'
-          }, parentMessage.message));
+          return renderMessageWithText(parentMessage.message);
         }
       case 'file':
       case 'file.audio':
@@ -114,6 +121,10 @@ const GroupChannelMessageParentMessage = _ref => {
         {
           return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage));
         }
+      case 'file.voice':
+        {
+          return renderMessageWithText(STRINGS.LABELS.VOICE_MESSAGE);
+        }
       default:
         {
           return null;

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useState","Box","Icon","ImageWithPlaceholder","PressBox","Text","VideoThumbnail","createStyleSheet","useUIKitTheme","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","truncate","useIIFE","GroupChannelContexts","useLocalization","usePlatformService","useSendbirdChat","GroupChannelMessageParentMessage","_ref","variant","message","childMessage","onPress","currentUser","groupChannelPubSub","PubSub","select","colors","palette","STRINGS","mediaService","parentMessage","setParentMessage","type","subscribe","_ref2","data","updatedParent","messages","find","it","messageId","renderFileMessageAsVideoThumbnail","url","createElement","style","styles","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","renderFileMessageAsDownloadable","name","bubbleContainer","backgroundColor","light","background100","dark","background400","icon","size","color","onBackground03","containerStyle","fileIcon","body3","numberOfLines","ellipsizeMode","mode","maxLen","parentMessageComponent","suppressHighlighting","alignItems","paddingLeft","paddingRight","senderLabel","marginRight","caption1","LABELS","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height"],"sources":["GroupChannelMessageParentMessage.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n  Box,\n  Icon,\n  ImageWithPlaceholder,\n  PressBox,\n  Text,\n  VideoThumbnail,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n  truncate,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  variant: 'outgoing' | 'incoming';\n  message: SendbirdUserMessage | SendbirdFileMessage;\n  childMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: (message: SendbirdMessage) => void;\n};\n\nconst GroupChannelMessageParentMessage = ({ variant, message, childMessage, onPress }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { select, colors, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n\n  const [parentMessage, setParentMessage] = useState(() => message);\n  const type = getMessageType(parentMessage);\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      if (type === 'MESSAGES_UPDATED') {\n        const updatedParent = data.messages.find((it): it is SendbirdUserMessage | SendbirdFileMessage => {\n          return it.messageId === parentMessage.messageId;\n        });\n        if (updatedParent) setParentMessage(updatedParent);\n      }\n    });\n  }, []);\n\n  const renderFileMessageAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.image}\n        iconSize={18}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n  const renderFileMessageAsPreview = (url: string) => {\n    return <ImageWithPlaceholder style={styles.image} source={{ uri: url }} />;\n  };\n  const renderFileMessageAsDownloadable = (name: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Icon\n          icon={getFileIconFromMessageType(type)}\n          size={16}\n          color={colors.onBackground03}\n          containerStyle={styles.fileIcon}\n        />\n        <Text body3 color={colors.onBackground03} numberOfLines={1} ellipsizeMode={'middle'}>\n          {truncate(name, { mode: 'mid', maxLen: 20 })}\n        </Text>\n      </Box>\n    );\n  };\n\n  const parentMessageComponent = useIIFE(() => {\n    switch (type) {\n      case 'user':\n      case 'user.opengraph': {\n        return (\n          <Box\n            style={styles.bubbleContainer}\n            backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n          >\n            <Text body3 color={colors.onBackground03} suppressHighlighting numberOfLines={2} ellipsizeMode={'tail'}>\n              {(parentMessage as SendbirdUserMessage).message}\n            </Text>\n          </Box>\n        );\n      }\n      case 'file':\n      case 'file.audio': {\n        return renderFileMessageAsDownloadable((parentMessage as SendbirdFileMessage).name);\n      }\n      case 'file.video': {\n        return renderFileMessageAsVideoThumbnail(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.image': {\n        return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box>\n      <Box\n        alignItems={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        paddingLeft={variant === 'outgoing' ? 0 : 12}\n        paddingRight={variant === 'outgoing' ? 12 : 0}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage)} style={styles.senderLabel}>\n          <Icon icon={'reply-filled'} size={13} color={colors.onBackground03} containerStyle={{ marginRight: 4 }} />\n          <Text caption1 color={colors.onBackground03}>\n            {STRINGS.LABELS.REPLY_FROM_SENDER_TO_RECEIVER(childMessage, parentMessage, currentUser?.userId)}\n          </Text>\n        </PressBox>\n      </Box>\n      <Box\n        flexDirection={'row'}\n        justifyContent={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        style={styles.messageContainer}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage)}>{parentMessageComponent}</PressBox>\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  messageContainer: {\n    opacity: 0.5,\n    marginTop: 4,\n    marginBottom: -6,\n  },\n  bubbleContainer: {\n    maxWidth: 220,\n    overflow: 'hidden',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingBottom: 12,\n    paddingTop: 6,\n  },\n  image: {\n    width: 156,\n    height: 104,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  fileIcon: {\n    width: 16,\n    height: 16,\n    borderRadius: 10,\n    marginRight: 4,\n    marginTop: 2,\n  },\n  senderLabel: {\n    flexDirection: 'row',\n  },\n});\n\nexport default GroupChannelMessageParentMessage;\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","useEffect","useState","Box","Icon","ImageWithPlaceholder","PressBox","Text","VideoThumbnail","createStyleSheet","useUIKitTheme","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","truncate","useIIFE","GroupChannelContexts","useLocalization","usePlatformService","useSendbirdChat","GroupChannelMessageParentMessage","_ref","variant","channel","message","childMessage","onPress","currentUser","groupChannelPubSub","PubSub","select","colors","palette","STRINGS","mediaService","parentMessage","setParentMessage","type","subscribe","_ref2","data","updatedParent","messages","find","it","messageId","renderMessageWithText","createElement","style","styles","bubbleContainer","backgroundColor","light","background100","dark","background400","body3","color","onBackground03","suppressHighlighting","numberOfLines","ellipsizeMode","renderFileMessageAsVideoThumbnail","url","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","renderFileMessageAsDownloadable","name","icon","size","containerStyle","fileIcon","mode","maxLen","parentMessageComponent","messageOffsetTimestamp","createdAt","LABELS","MESSAGE_UNAVAILABLE","VOICE_MESSAGE","alignItems","paddingLeft","paddingRight","senderLabel","marginRight","caption1","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height"],"sources":["GroupChannelMessageParentMessage.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n  Box,\n  Icon,\n  ImageWithPlaceholder,\n  PressBox,\n  Text,\n  VideoThumbnail,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n  truncate,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  variant: 'outgoing' | 'incoming';\n  channel: SendbirdGroupChannel;\n  message: SendbirdUserMessage | SendbirdFileMessage;\n  childMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: (message: SendbirdMessage) => void;\n};\n\nconst GroupChannelMessageParentMessage = ({ variant, channel, message, childMessage, onPress }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { select, colors, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n\n  const [parentMessage, setParentMessage] = useState(() => message);\n  const type = getMessageType(parentMessage);\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      if (type === 'MESSAGES_UPDATED') {\n        const updatedParent = data.messages.find((it): it is SendbirdUserMessage | SendbirdFileMessage => {\n          return it.messageId === parentMessage.messageId;\n        });\n        if (updatedParent) setParentMessage(updatedParent);\n      }\n    });\n  }, []);\n\n  const renderMessageWithText = (message: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Text body3 color={colors.onBackground03} suppressHighlighting numberOfLines={2} ellipsizeMode={'tail'}>\n          {message}\n        </Text>\n      </Box>\n    );\n  };\n\n  const renderFileMessageAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.image}\n        iconSize={18}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n  const renderFileMessageAsPreview = (url: string) => {\n    return <ImageWithPlaceholder style={styles.image} source={{ uri: url }} />;\n  };\n  const renderFileMessageAsDownloadable = (name: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Icon\n          icon={getFileIconFromMessageType(type)}\n          size={16}\n          color={colors.onBackground03}\n          containerStyle={styles.fileIcon}\n        />\n        <Text body3 color={colors.onBackground03} numberOfLines={1} ellipsizeMode={'middle'}>\n          {truncate(name, { mode: 'mid', maxLen: 20 })}\n        </Text>\n      </Box>\n    );\n  };\n\n  const parentMessageComponent = useIIFE(() => {\n    if (channel.messageOffsetTimestamp > parentMessage.createdAt) {\n      return renderMessageWithText(STRINGS.LABELS.MESSAGE_UNAVAILABLE);\n    }\n\n    switch (type) {\n      case 'user':\n      case 'user.opengraph': {\n        return renderMessageWithText((parentMessage as SendbirdUserMessage).message);\n      }\n      case 'file':\n      case 'file.audio': {\n        return renderFileMessageAsDownloadable((parentMessage as SendbirdFileMessage).name);\n      }\n      case 'file.video': {\n        return renderFileMessageAsVideoThumbnail(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.image': {\n        return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.voice': {\n        return renderMessageWithText(STRINGS.LABELS.VOICE_MESSAGE);\n      }\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box>\n      <Box\n        alignItems={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        paddingLeft={variant === 'outgoing' ? 0 : 12}\n        paddingRight={variant === 'outgoing' ? 12 : 0}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage)} style={styles.senderLabel}>\n          <Icon icon={'reply-filled'} size={13} color={colors.onBackground03} containerStyle={{ marginRight: 4 }} />\n          <Text caption1 color={colors.onBackground03}>\n            {STRINGS.LABELS.REPLY_FROM_SENDER_TO_RECEIVER(childMessage, parentMessage, currentUser?.userId)}\n          </Text>\n        </PressBox>\n      </Box>\n      <Box\n        flexDirection={'row'}\n        justifyContent={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        style={styles.messageContainer}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage)}>{parentMessageComponent}</PressBox>\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  messageContainer: {\n    opacity: 0.5,\n    marginTop: 4,\n    marginBottom: -6,\n  },\n  bubbleContainer: {\n    maxWidth: 220,\n    overflow: 'hidden',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingBottom: 12,\n    paddingTop: 6,\n  },\n  image: {\n    width: 156,\n    height: 104,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  fileIcon: {\n    width: 16,\n    height: 16,\n    borderRadius: 10,\n    marginRight: 4,\n    marginTop: 2,\n  },\n  senderLabel: {\n    flexDirection: 'row',\n  },\n});\n\nexport default GroupChannelMessageParentMessage;\n"],"mappings":"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"}