@sendbird/uikit-react-native 2.4.2 → 2.5.0-rc.1

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

@@ -0,0 +1,311 @@
+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); }
+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 { DEPRECATION_WARNING } from '../../constants';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
+import SBUUtils from '../../libs/SBUUtils';
+import ChatFlatList from '../ChatFlatList';
+import { ReactionAddons } from '../ReactionAddons';
+const ChannelMessageList = (_ref, ref) => {
+  let {
+    searchItem,
+    hasNext,
+    channel,
+    onEditMessage,
+    onDeleteMessage,
+    onResendFailedMessage,
+    onPressMediaMessage,
+    currentUserId,
+    renderNewMessagesButton,
+    renderScrollToBottomButton,
+    renderMessage,
+    messages,
+    newMessages,
+    enableMessageGrouping,
+    onScrolledAwayFromBottom,
+    scrolledAwayFromBottom,
+    onBottomReached,
+    onTopReached,
+    flatListProps,
+    onPressNewMessagesButton,
+    onPressScrollToBottomButton,
+    onPressImageMessage
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  const getMessagePressActions = useGetMessagePressActions({
+    channel,
+    currentUserId,
+    onEditMessage,
+    onDeleteMessage,
+    onResendFailedMessage,
+    onPressImageMessage,
+    onPressMediaMessage
+  });
+  const safeAreaLayout = {
+    paddingLeft: left,
+    paddingRight: right
+  };
+  const renderItem = useFreshCallback(_ref2 => {
+    let {
+      item,
+      index
+    } = _ref2;
+    const {
+      onPress,
+      onLongPress
+    } = getMessagePressActions(item);
+    return renderMessage({
+      message: item,
+      prevMessage: messages[index + 1],
+      nextMessage: messages[index - 1],
+      onPress,
+      onLongPress,
+      enableMessageGrouping,
+      channel,
+      currentUserId,
+      focused: ((searchItem === null || searchItem === void 0 ? void 0 : searchItem.startingPoint) ?? -1) === item.createdAt
+    });
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      flex: 1,
+      backgroundColor: colors.background
+    }, safeAreaLayout]
+  }, channel.isFrozen && /*#__PURE__*/React.createElement(ChannelFrozenBanner, {
+    style: styles.frozenBanner,
+    text: STRINGS.LABELS.CHANNEL_MESSAGE_LIST_FROZEN
+  }), /*#__PURE__*/React.createElement(ChatFlatList, _extends({}, flatListProps, {
+    onTopReached: onTopReached,
+    onBottomReached: onBottomReached,
+    onScrolledAwayFromBottom: onScrolledAwayFromBottom,
+    ref: ref,
+    data: messages,
+    renderItem: renderItem,
+    keyExtractor: messageKeyExtractor,
+    contentContainerStyle: [
+    // { minHeight: '100%', justifyContent: 'flex-end' },
+    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
+  })), renderNewMessagesButton && /*#__PURE__*/React.createElement(View, {
+    style: [styles.newMsgButton, safeAreaLayout]
+  }, renderNewMessagesButton({
+    visible: newMessages.length > 0 && (hasNext() || scrolledAwayFromBottom),
+    onPress: () => onPressNewMessagesButton(),
+    newMessages
+  })), renderScrollToBottomButton && /*#__PURE__*/React.createElement(View, {
+    style: [styles.scrollButton, safeAreaLayout]
+  }, renderScrollToBottomButton({
+    visible: hasNext() || scrolledAwayFromBottom,
+    onPress: () => onPressScrollToBottomButton()
+  })));
+};
+const useGetMessagePressActions = _ref3 => {
+  let {
+    channel,
+    currentUserId,
+    onResendFailedMessage,
+    onEditMessage,
+    onDeleteMessage,
+    onPressImageMessage,
+    onPressMediaMessage
+  } = _ref3;
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    STRINGS
+  } = useLocalization();
+  const toast = useToast();
+  const {
+    openSheet
+  } = useBottomSheet();
+  const {
+    alert
+  } = useAlert();
+  const {
+    clipboardService,
+    fileService
+  } = usePlatformService();
+  const {
+    features
+  } = useSendbirdChat();
+  const handleFailedMessage = message => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
+        onPress: () => {
+          onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
+        }
+      }, {
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
+        titleColor: colors.ui.dialog.default.none.destructive,
+        onPress: () => confirmDelete(message)
+      }]
+    });
+  };
+  const confirmDelete = message => {
+    alert({
+      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
+      buttons: [{
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
+      }, {
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
+        style: 'destructive',
+        onPress: () => {
+          onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'));
+        }
+      }]
+    });
+  };
+  return msg => {
+    if (!msg.isUserMessage() && !msg.isFileMessage()) {
+      return {
+        onPress: undefined,
+        onLongPress: undefined
+      };
+    }
+    const sheetItems = [];
+    const response = {
+      onPress: undefined,
+      onLongPress: undefined
+    };
+    if (msg.isUserMessage()) {
+      sheetItems.push({
+        icon: 'copy',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
+        onPress: () => {
+          clipboardService.setString(msg.message || '');
+          toast.show(STRINGS.TOAST.COPY_OK, 'success');
+        }
+      });
+      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'edit',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
+          onPress: () => onEditMessage(msg)
+        }, {
+          icon: 'delete',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+    }
+    if (msg.isFileMessage()) {
+      sheetItems.push({
+        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);
+          });
+        }
+      });
+      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'delete',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+      const fileType = getFileType(msg.type || getFileExtension(msg.name));
+      switch (fileType) {
+        case 'image':
+        case 'video':
+        case 'audio':
+          {
+            response.onPress = () => {
+              if (onPressImageMessage && fileType === 'image') {
+                Logger.warn(DEPRECATION_WARNING.CHANNEL.ON_PRESS_IMAGE_MESSAGE);
+                onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));
+              }
+              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));
+            };
+            break;
+          }
+        default:
+          {
+            response.onPress = () => SBUUtils.openURL(msg.url);
+            break;
+          }
+      }
+    }
+    if (sheetItems.length > 0) {
+      response.onLongPress = () => {
+        openSheet({
+          sheetItems,
+          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled) ? _ref4 => {
+            let {
+              onClose
+            } = _ref4;
+            return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
+              message: msg,
+              channel: channel,
+              onClose: onClose
+            });
+          } : undefined
+        });
+      };
+    }
+    if (msg.sendingStatus === 'failed') {
+      response.onLongPress = () => handleFailedMessage(msg);
+      response.onPress = () => {
+        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
+      };
+    }
+    if (msg.sendingStatus === 'pending') {
+      response.onLongPress = undefined;
+      response.onPress = undefined;
+    }
+    return response;
+  };
+};
+const styles = createStyleSheet({
+  frozenBanner: {
+    position: 'absolute',
+    zIndex: 999,
+    top: 8,
+    left: 8,
+    right: 8
+  },
+  frozenListPadding: {
+    paddingBottom: 32
+  },
+  newMsgButton: {
+    position: 'absolute',
+    zIndex: 999,
+    bottom: 10,
+    alignSelf: 'center'
+  },
+  scrollButton: {
+    position: 'absolute',
+    zIndex: 998,
+    bottom: 10,
+    right: 16
+  }
+});
+
+// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it as typeof ChannelMessageList and implicit `ref` prop
+export default /*#__PURE__*/React.forwardRef(ChannelMessageList);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","ChatFlatList","ReactionAddons","ChannelMessageList","_ref","ref","searchItem","hasNext","channel","onEditMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","onPressImageMessage","STRINGS","colors","left","right","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","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","features","handleFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","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","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","CHANNEL","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","_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 { DEPRECATION_WARNING } from '../../constants';\nimport type { UserProfileContextType } from '../../contexts/UserProfileCtx';\nimport { useLocalization, usePlatformService, useSendbirdChat } 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  onDeleteMessage: (message: HandleableMessage) => Promise<void>;\n  onResendFailedMessage: (failedMessage: HandleableMessage) => Promise<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    onPressAvatar?: 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  /** @deprecated Please use `onPressMediaMessage` instead **/\n  onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\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    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n    currentUserId,\n    renderNewMessagesButton,\n    renderScrollToBottomButton,\n    renderMessage,\n    messages,\n    newMessages,\n    enableMessageGrouping,\n    onScrolledAwayFromBottom,\n    scrolledAwayFromBottom,\n    onBottomReached,\n    onTopReached,\n    flatListProps,\n    onPressNewMessagesButton,\n    onPressScrollToBottomButton,\n    onPressImageMessage,\n  }: ChannelMessageListProps<T>,\n  ref: React.ForwardedRef<FlatList<SendbirdMessage>>,\n) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n      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  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  ChannelMessageListProps<T>,\n  | 'channel'\n  | 'currentUserId'\n  | 'onEditMessage'\n  | 'onDeleteMessage'\n  | 'onResendFailedMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () => {\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n          },\n        },\n        {\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 (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => onEditMessage(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\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/ChatFlatList.js

@@ -1,69 +1,43 @@
 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); }
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
-import { FlatList, Platform } from 'react-native';
+import React, { forwardRef, useRef } from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { FlatList } from '@sendbird/react-native-scrollview-enhancer';
 import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';
+import { NOOP, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';
 let ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';
 const BOTTOM_DETECT_THRESHOLD = 25;
-// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;
-
-function hasReachedToBottom(yPos) {
-  let thresholdPx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return thresholdPx >= yPos;
-}
+const UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;
 // FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}
 const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref) {
   var _props$data;
   let {
     onTopReached,
-    nextMessages,
     onBottomReached,
+    onScrolledAwayFromBottom,
     onLeaveScrollBottom,
     onScroll,
-    currentUserId,
     ...props
   } = _ref;
   const {
     select
   } = useUIKitTheme();
-  const scrollRef = useRef(null);
-  const yPos = useRef(0);
-  useImperativeHandle(ref, () => ({
-    scrollToBottom: function () {
-      var _scrollRef$current;
-      let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToOffset({
-        animated,
-        offset: 0
-      });
-    }
-  }), []);
-  useEffect(() => {
-    const latestMessage = nextMessages[nextMessages.length - 1];
-    if (!latestMessage) return;
-    if (hasReachedToBottom(yPos.current)) {
-      onBottomReached();
-    } else if (isMyMessage(latestMessage, currentUserId)) {
-      var _scrollRef$current2;
-      (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToOffset({
-        animated: false,
-        offset: 0
-      });
-    }
-  }, [onBottomReached, nextMessages, currentUserId]);
-  const _onScroll = useCallback(event => {
+  const contentOffsetY = useRef(0);
+  const _onScroll = useFreshCallback(event => {
+    onScroll === null || onScroll === void 0 ? void 0 : onScroll(event);
     const {
       contentOffset
     } = event.nativeEvent;
-    if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {
-      onLeaveScrollBottom(false);
-    } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {
-      onLeaveScrollBottom(true);
+    const prevOffsetY = contentOffsetY.current;
+    const currOffsetY = contentOffset.y;
+    if (BOTTOM_DETECT_THRESHOLD < prevOffsetY && currOffsetY <= BOTTOM_DETECT_THRESHOLD) {
+      onScrolledAwayFromBottom(false);
+      onLeaveScrollBottom === null || onLeaveScrollBottom === void 0 ? void 0 : onLeaveScrollBottom(false);
+    } else if (BOTTOM_DETECT_THRESHOLD < currOffsetY && prevOffsetY <= BOTTOM_DETECT_THRESHOLD) {
+      onScrolledAwayFromBottom(true);
+      onLeaveScrollBottom === null || onLeaveScrollBottom === void 0 ? void 0 : onLeaveScrollBottom(true);
     }
-    yPos.current = contentOffset.y;
-    onScroll === null || onScroll === void 0 ? void 0 : onScroll(event);
-    if (hasReachedToBottom(yPos.current)) onBottomReached();
-  }, [onScroll, onBottomReached]);
+    contentOffsetY.current = contentOffset.y;
+  });
   if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {
     ANDROID_BUG_ALERT_SHOWED = true;
     // eslint-disable-next-line no-console
@@ -80,16 +54,22 @@ const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref)
     })
   }, props, {
     // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}
-    inverted: Boolean((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length)
-    // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}
-    // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}
-    ,
-    ref: scrollRef,
-    onEndReachedThreshold: 0.5,
+    inverted: Boolean((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length),
+    ref: ref,
     onEndReached: onTopReached,
+    onScrollToIndexFailed: NOOP,
+    onStartReached: onBottomReached,
     scrollEventThrottle: 16,
     onScroll: _onScroll,
-    keyExtractor: getMessageUniqId
+    keyExtractor: getMessageUniqId,
+    style: {
+      flex: 1,
+      ...StyleSheet.flatten(props.style)
+    },
+    maintainVisibleContentPosition: {
+      minIndexForVisible: 0,
+      autoscrollToTopThreshold: UNREACHABLE_THRESHOLD
+    }
   }));
 });
 export default ChatFlatList;

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","getMessageUniqId","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","arguments","length","undefined","ChatFlatList","CustomFlatList","_ref","ref","_props$data","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","_scrollRef$current","animated","current","scrollToOffset","offset","latestMessage","_scrollRef$current2","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","onEndReachedThreshold","onEndReached","scrollEventThrottle","keyExtractor"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n  return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  currentUserId?: string;\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  nextMessages: SendbirdMessage[];\n  onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n  { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n  const yPos = useRef(0);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const latestMessage = nextMessages[nextMessages.length - 1];\n    if (!latestMessage) return;\n\n    if (hasReachedToBottom(yPos.current)) {\n      onBottomReached();\n    } else if (isMyMessage(latestMessage, currentUserId)) {\n      scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n    }\n  }, [onBottomReached, nextMessages, currentUserId]);\n\n  const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n    (event) => {\n      const { contentOffset } = event.nativeEvent;\n      if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(false);\n      } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(true);\n      }\n\n      yPos.current = contentOffset.y;\n\n      onScroll?.(event);\n      if (hasReachedToBottom(yPos.current)) onBottomReached();\n    },\n    [onScroll, onBottomReached],\n  );\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatList\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n      // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n      ref={scrollRef}\n      onEndReachedThreshold={0.5}\n      onEndReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useRef","Platform","StyleSheet","FlatList","useUIKitTheme","NOOP","getMessageUniqId","useFreshCallback","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ChatFlatList","CustomFlatList","_ref","ref","_props$data","onTopReached","onBottomReached","onScrolledAwayFromBottom","onLeaveScrollBottom","onScroll","props","select","contentOffsetY","_onScroll","event","contentOffset","nativeEvent","prevOffsetY","current","currOffsetY","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","length","onEndReached","onScrollToIndexFailed","onStartReached","scrollEventThrottle","keyExtractor","style","flex","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, Platform, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { FlatList } from '@sendbird/react-native-scrollview-enhancer';\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n\n  /** @deprecated Please use `onScrolledAwayFromBottom` **/\n  onLeaveScrollBottom?: (value: boolean) => void;\n  /** @deprecated Not used anymore **/\n  nextMessages?: unknown;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<RNFlatList<SendbirdMessage>, Props>(function CustomFlatList(\n  { onTopReached, onBottomReached, onScrolledAwayFromBottom, onLeaveScrollBottom, onScroll, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const contentOffsetY = useRef(0);\n\n  const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n    onScroll?.(event);\n\n    const { contentOffset } = event.nativeEvent;\n\n    const prevOffsetY = contentOffsetY.current;\n    const currOffsetY = contentOffset.y;\n\n    if (BOTTOM_DETECT_THRESHOLD < prevOffsetY && currOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(false);\n      onLeaveScrollBottom?.(false);\n    } else if (BOTTOM_DETECT_THRESHOLD < currOffsetY && prevOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n      onScrolledAwayFromBottom(true);\n      onLeaveScrollBottom?.(true);\n    }\n\n    contentOffsetY.current = contentOffset.y;\n  });\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatList\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      ref={ref}\n      onEndReached={onTopReached}\n      onScrollToIndexFailed={NOOP}\n      onStartReached={onBottomReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n      style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n      maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}

package/lib/module/components/MessageSearchResultItem.js

@@ -0,0 +1,124 @@
+import React from 'react';
+import { Avatar, Box, Icon, PressBox, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { getFileExtension, getFileType, useIIFE } from '@sendbird/uikit-utils';
+import { useLocalization } from '../hooks/useContext';
+const iconMapper = {
+  audio: 'file-audio',
+  image: 'photo',
+  video: 'play',
+  file: 'file-document'
+};
+export const MessageSearchResultItem = _ref => {
+  let {
+    onPress,
+    message
+  } = _ref;
+  const {
+    colors,
+    select,
+    palette
+  } = useUIKitTheme();
+  const {
+    STRINGS
+  } = useLocalization();
+  const fileIcon = useIIFE(() => {
+    if (!(message !== null && message !== void 0 && message.isFileMessage())) return undefined;
+    return iconMapper[getFileType(message.type || getFileExtension(message.name))];
+  });
+  return /*#__PURE__*/React.createElement(PressBox, {
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(Box, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    size: styles.avatarSize.width,
+    uri: getSenderProfile(message),
+    containerStyle: styles.avatar
+  }), /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    paddingRight: 16
+  }, /*#__PURE__*/React.createElement(Box, {
+    style: styles.titleLine
+  }, /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    marginRight: 4,
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(Text, {
+    subtitle2: true,
+    color: colors.onBackground01,
+    numberOfLines: 1
+  }, STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE(message))), /*#__PURE__*/React.createElement(Box, {
+    paddingTop: 2
+  }, /*#__PURE__*/React.createElement(Text, {
+    caption2: true,
+    color: colors.onBackground02
+  }, STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_TITLE_CAPTION(message)))), /*#__PURE__*/React.createElement(Box, {
+    flex: 1
+  }, /*#__PURE__*/React.createElement(Box, {
+    alignItems: 'center',
+    flexDirection: 'row'
+  }, fileIcon && /*#__PURE__*/React.createElement(Icon, {
+    size: 18,
+    icon: fileIcon,
+    color: colors.onBackground02,
+    containerStyle: [styles.bodyIcon, {
+      backgroundColor: select({
+        light: palette.background100,
+        dark: palette.background500
+      })
+    }]
+  }), /*#__PURE__*/React.createElement(Text, {
+    body3: true,
+    numberOfLines: fileIcon ? 1 : 2,
+    ellipsizeMode: fileIcon ? 'middle' : 'tail',
+    style: styles.bodyText,
+    color: colors.onBackground03
+  }, STRINGS.MESSAGE_SEARCH.SEARCH_RESULT_ITEM_BODY(message)))), /*#__PURE__*/React.createElement(Box, {
+    style: styles.separator,
+    backgroundColor: colors.onBackground04
+  }))));
+};
+function getSenderProfile(message) {
+  if (message.isUserMessage() || message.isFileMessage()) {
+    return message.sender.profileUrl;
+  } else {
+    return undefined;
+  }
+}
+const styles = createStyleSheet({
+  container: {
+    height: 76,
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  avatar: {
+    marginHorizontal: 16
+  },
+  avatarSize: {
+    width: 56
+  },
+  titleLine: {
+    flexDirection: 'row',
+    marginTop: 10,
+    marginBottom: 4
+  },
+  bodyIcon: {
+    borderRadius: 8,
+    width: 26,
+    height: 26,
+    marginRight: 4
+  },
+  bodyText: {
+    flex: 1,
+    lineHeight: 16
+  },
+  separator: {
+    position: 'absolute',
+    left: 0,
+    right: -16,
+    bottom: 0,
+    height: 1
+  }
+});
+//# sourceMappingURL=MessageSearchResultItem.js.map