@sendbird/uikit-react-native 3.5.3 → 3.6.0

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadParentMessageInfo.js

@@ -0,0 +1,315 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _ThreadParentMessageRenderer = _interopRequireDefault(require("../../../components/ThreadParentMessageRenderer"));
+var _useContext = require("../../../hooks/useContext");
+var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
+var _moduleContext = require("../module/moduleContext");
+var _ReactionAddons = require("./../../../components/ReactionAddons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const GroupChannelThreadParentMessageInfo = props => {
+  var _parentMessage$sender, _parentMessage$thread;
+  const {
+    channel,
+    parentMessage,
+    setMessageToEdit
+  } = (0, _react.useContext)(_moduleContext.GroupChannelThreadContexts.Fragment);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    sbOptions
+  } = (0, _useContext.useSendbirdChat)();
+  const nickName = ((_parentMessage$sender = parentMessage.sender) === null || _parentMessage$sender === void 0 ? void 0 : _parentMessage$sender.nickname) || STRINGS.LABELS.USER_NO_NAME;
+  const messageTimestamp = STRINGS.GROUP_CHANNEL_THREAD.PARENT_MESSAGE_TIME(parentMessage);
+  const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(((_parentMessage$thread = parentMessage.threadInfo) === null || _parentMessage$thread === void 0 ? void 0 : _parentMessage$thread.replyCount) || 0);
+  const createMessagePressActions = useCreateMessagePressActions({
+    channel: props.channel,
+    currentUserId: props.currentUserId,
+    onDeleteMessage: props.onDeleteMessage,
+    onPressMediaMessage: props.onPressMediaMessage,
+    onEditMessage: setMessageToEdit
+  });
+  const {
+    onPress,
+    onLongPress,
+    bottomSheetItem
+  } = createMessagePressActions({
+    message: parentMessage
+  });
+  const renderMessageInfoAndMenu = () => {
+    var _parentMessage$sender2;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.infoAndMenuContainer
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+      size: 34,
+      uri: (_parentMessage$sender2 = parentMessage.sender) === null || _parentMessage$sender2 === void 0 ? void 0 : _parentMessage$sender2.profileUrl
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.userNickAndTimeContainer
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      h2: true,
+      color: colors.onBackground01,
+      numberOfLines: 1,
+      style: styles.userNickname
+    }, nickName), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      caption2: true,
+      color: colors.onBackground03,
+      style: styles.messageTime
+    }, messageTimestamp)), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      activeOpacity: 0.7,
+      onPress: bottomSheetItem ? onLongPress : undefined
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'more',
+      color: colors.onBackground02
+    })));
+  };
+  const renderReplyCount = replyCountText => {
+    if (replyCountText) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.replyContainer
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+        caption3: true,
+        color: colors.onBackground03,
+        style: styles.replyText
+      }, replyCountText), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null));
+    } else {
+      return null;
+    }
+  };
+  const renderReactionAddons = () => {
+    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
+    if ((0, _uikitUtils.shouldRenderReaction)(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.reactionButtonContainer
+      }, /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.Message, {
+        channel: props.channel,
+        message: parentMessage,
+        reactionAddonType: 'thread_parent_message'
+      }));
+    } else {
+      return null;
+    }
+  };
+  const messageProps = {
+    parentMessage,
+    onPress,
+    onLongPress
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, renderMessageInfoAndMenu()), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.messageContainer
+  }, /*#__PURE__*/_react.default.createElement(_ThreadParentMessageRenderer.default, messageProps)), renderReactionAddons(), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null), renderReplyCount(replyCountText));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    flexDirection: 'column'
+  },
+  infoAndMenuContainer: {
+    flexDirection: 'row',
+    height: 50,
+    padding: 16,
+    paddingBottom: 0
+  },
+  userNickAndTimeContainer: {
+    flexDirection: 'column',
+    flex: 1,
+    marginLeft: 8
+  },
+  userNickname: {
+    marginBottom: 2
+  },
+  messageTime: {
+    marginTop: 2
+  },
+  contextMenuButton: {
+    width: 34,
+    height: 34,
+    justifyContent: 'flex-end'
+  },
+  messageContainer: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  reactionButtonContainer: {
+    paddingLeft: 16,
+    marginBottom: 16
+  },
+  replyContainer: {
+    flexDirection: 'column'
+  },
+  replyText: {
+    justifyContent: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  }
+});
+const useCreateMessagePressActions = _ref => {
+  let {
+    channel,
+    currentUserId,
+    onDeleteMessage,
+    onPressMediaMessage,
+    onEditMessage
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const toast = (0, _uikitReactNativeFoundation.useToast)();
+  const {
+    openSheet
+  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
+  const {
+    alert
+  } = (0, _uikitReactNativeFoundation.useAlert)();
+  const {
+    clipboardService,
+    fileService
+  } = (0, _useContext.usePlatformService)();
+  const {
+    sbOptions
+  } = (0, _useContext.useSendbirdChat)();
+  const onDeleteFailure = error => {
+    toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');
+    _uikitUtils.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 ((0, _uikitUtils.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');
+        _uikitUtils.Logger.log('File saved to', response);
+      }).catch(err => {
+        toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
+        _uikitUtils.Logger.log('File save failure', err);
+      });
+    }
+  };
+  const onOpenFile = message => {
+    if (message.isFileMessage()) {
+      const fileType = (0, _uikitUtils.getFileType)(message.type || (0, _uikitUtils.getFileExtension)(message.name));
+      if (['image', 'video', 'audio'].includes(fileType)) {
+        onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(message, () => onDeleteMessage === null || onDeleteMessage === void 0 ? void 0 : onDeleteMessage(message), (0, _uikitUtils.getAvailableUriFromFileMessage)(message));
+      } else {
+        _SBUUtils.default.openURL(message.url);
+      }
+    }
+  };
+  const alertForMessageDelete = 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 === null || onDeleteMessage === void 0 ? void 0 : onDeleteMessage(message).catch(onDeleteFailure);
+        }
+      }]
+    });
+  };
+  return _ref2 => {
+    let {
+      message
+    } = _ref2;
+    if (!message.isUserMessage() && !message.isFileMessage()) return {};
+    const sheetItems = [];
+    const menu = {
+      copy: message => ({
+        icon: 'copy',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
+        onPress: () => onCopyText(message)
+      }),
+      edit: message => ({
+        icon: 'edit',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
+        onPress: () => onEditMessage === null || onEditMessage === void 0 ? void 0 : onEditMessage(message)
+      }),
+      delete: message => ({
+        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,
+        icon: 'delete',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+        onPress: () => alertForMessageDelete(message)
+      }),
+      download: message => ({
+        icon: 'download',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
+        onPress: () => onDownloadFile(message)
+      })
+    };
+    if (message.isUserMessage()) {
+      sheetItems.push(menu.copy(message));
+      if (!channel.isEphemeral) {
+        if ((0, _uikitUtils.isMyMessage)(message, currentUserId) && message.sendingStatus === 'succeeded') {
+          sheetItems.push(menu.edit(message));
+          sheetItems.push(menu.delete(message));
+        }
+      }
+    }
+    if (message.isFileMessage()) {
+      if (!(0, _uikitUtils.isVoiceMessage)(message)) {
+        sheetItems.push(menu.download(message));
+      }
+      if (!channel.isEphemeral) {
+        if ((0, _uikitUtils.isMyMessage)(message, currentUserId) && message.sendingStatus === 'succeeded') {
+          sheetItems.push(menu.delete(message));
+        }
+      }
+    }
+    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
+    const bottomSheetItem = {
+      sheetItems,
+      HeaderComponent: (0, _uikitUtils.shouldRenderReaction)(channel, channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) ? _ref3 => {
+        let {
+          onClose
+        } = _ref3;
+        return /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.BottomSheet, {
+          message: message,
+          channel: channel,
+          onClose: onClose
+        });
+      } : undefined
+    };
+    if (message.isFileMessage()) {
+      return {
+        onPress: () => onOpenFile(message),
+        onLongPress: () => openSheet(bottomSheetItem),
+        bottomSheetItem
+      };
+    } else {
+      return {
+        onPress: undefined,
+        onLongPress: () => openSheet(bottomSheetItem),
+        bottomSheetItem
+      };
+    }
+  };
+};
+var _default = /*#__PURE__*/_react.default.memo(GroupChannelThreadParentMessageInfo);
+exports.default = _default;
+//# sourceMappingURL=GroupChannelThreadParentMessageInfo.js.map

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadParentMessageInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_ThreadParentMessageRenderer","_interopRequireDefault","_useContext","_SBUUtils","_moduleContext","_ReactionAddons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelThreadParentMessageInfo","props","_parentMessage$sender","_parentMessage$thread","channel","parentMessage","setMessageToEdit","useContext","GroupChannelThreadContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","sbOptions","useSendbirdChat","nickName","sender","nickname","LABELS","USER_NO_NAME","messageTimestamp","GROUP_CHANNEL_THREAD","PARENT_MESSAGE_TIME","replyCountText","REPLY_COUNT","threadInfo","replyCount","createMessagePressActions","useCreateMessagePressActions","currentUserId","onDeleteMessage","onPressMediaMessage","onEditMessage","onPress","onLongPress","bottomSheetItem","message","renderMessageInfoAndMenu","_parentMessage$sender2","createElement","View","style","styles","infoAndMenuContainer","Avatar","size","uri","profileUrl","userNickAndTimeContainer","Text","h2","color","onBackground01","numberOfLines","userNickname","caption2","onBackground03","messageTime","TouchableOpacity","activeOpacity","undefined","Icon","icon","onBackground02","renderReplyCount","replyContainer","caption3","replyText","Divider","renderReactionAddons","configs","uikitWithAppInfo","groupChannel","shouldRenderReaction","isSuper","enableReactionsSupergroup","enableReactions","reactionButtonContainer","ReactionAddons","Message","reactionAddonType","messageProps","container","messageContainer","createStyleSheet","flexDirection","height","padding","paddingBottom","flex","marginLeft","marginBottom","marginTop","contextMenuButton","width","justifyContent","paddingHorizontal","paddingVertical","paddingLeft","_ref","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","onDeleteFailure","error","show","TOAST","DELETE_MSG_ERROR","Logger","onCopyText","isUserMessage","setString","COPY_OK","onDownloadFile","isFileMessage","toMegabyte","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","response","DOWNLOAD_OK","log","catch","err","DOWNLOAD_ERROR","onOpenFile","getFileType","getFileExtension","includes","getAvailableUriFromFileMessage","SBUUtils","openURL","alertForMessageDelete","title","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","_ref2","sheetItems","menu","copy","CHANNEL_MESSAGE_COPY","edit","CHANNEL_MESSAGE_EDIT","delete","disabled","CHANNEL_MESSAGE_DELETE","download","CHANNEL_MESSAGE_SAVE","push","isEphemeral","isMyMessage","sendingStatus","isVoiceMessage","HeaderComponent","isGroupChannel","_ref3","onClose","BottomSheet","_default","React","memo","exports"],"sources":["GroupChannelThreadParentMessageInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport {\n  Avatar,\n  BottomSheetItem,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  isVoiceMessage,\n  shouldRenderReaction,\n  toMegabyte,\n} from '@sendbird/uikit-utils';\n\nimport ThreadParentMessageRenderer, {\n  ThreadParentMessageRendererProps,\n} from '../../../components/ThreadParentMessageRenderer';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\nimport { ReactionAddons } from './../../../components/ReactionAddons';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void; bottomSheetItem?: BottomSheetItem };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\ntype CreateMessagePressActions = (params: { message: SendbirdMessage }) => PressActions;\n\nconst GroupChannelThreadParentMessageInfo = (props: GroupChannelThreadProps['ParentMessageInfo']) => {\n  const { channel, parentMessage, setMessageToEdit } = useContext(GroupChannelThreadContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { sbOptions } = useSendbirdChat();\n\n  const nickName = parentMessage.sender?.nickname || STRINGS.LABELS.USER_NO_NAME;\n  const messageTimestamp = STRINGS.GROUP_CHANNEL_THREAD.PARENT_MESSAGE_TIME(parentMessage);\n  const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(parentMessage.threadInfo?.replyCount || 0);\n  const createMessagePressActions = useCreateMessagePressActions({\n    channel: props.channel,\n    currentUserId: props.currentUserId,\n    onDeleteMessage: props.onDeleteMessage,\n    onPressMediaMessage: props.onPressMediaMessage,\n    onEditMessage: setMessageToEdit,\n  });\n  const { onPress, onLongPress, bottomSheetItem } = createMessagePressActions({ message: parentMessage });\n\n  const renderMessageInfoAndMenu = () => {\n    return (\n      <View style={styles.infoAndMenuContainer}>\n        <Avatar size={34} uri={parentMessage.sender?.profileUrl} />\n        <View style={styles.userNickAndTimeContainer}>\n          <Text h2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n            {nickName}\n          </Text>\n          <Text caption2 color={colors.onBackground03} style={styles.messageTime}>\n            {messageTimestamp}\n          </Text>\n        </View>\n        <TouchableOpacity activeOpacity={0.7} onPress={bottomSheetItem ? onLongPress : undefined}>\n          <Icon icon={'more'} color={colors.onBackground02} />\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\n  const renderReplyCount = (replyCountText: string) => {\n    if (replyCountText) {\n      return (\n        <View style={styles.replyContainer}>\n          <Text caption3 color={colors.onBackground03} style={styles.replyText}>\n            {replyCountText}\n          </Text>\n          <Divider />\n        </View>\n      );\n    } else {\n      return null;\n    }\n  };\n\n  const renderReactionAddons = () => {\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    if (shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) {\n      return (\n        <View style={styles.reactionButtonContainer}>\n          <ReactionAddons.Message\n            channel={props.channel}\n            message={parentMessage}\n            reactionAddonType={'thread_parent_message'}\n          />\n        </View>\n      );\n    } else {\n      return null;\n    }\n  };\n\n  const messageProps: ThreadParentMessageRendererProps = {\n    parentMessage,\n    onPress,\n    onLongPress,\n  };\n\n  return (\n    <View>\n      <View style={styles.container}>{renderMessageInfoAndMenu()}</View>\n      <View style={styles.messageContainer}>\n        <ThreadParentMessageRenderer {...messageProps}></ThreadParentMessageRenderer>\n      </View>\n      {renderReactionAddons()}\n      <Divider />\n      {renderReplyCount(replyCountText)}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'column',\n  },\n  infoAndMenuContainer: {\n    flexDirection: 'row',\n    height: 50,\n    padding: 16,\n    paddingBottom: 0,\n  },\n  userNickAndTimeContainer: {\n    flexDirection: 'column',\n    flex: 1,\n    marginLeft: 8,\n  },\n  userNickname: {\n    marginBottom: 2,\n  },\n  messageTime: {\n    marginTop: 2,\n  },\n  contextMenuButton: {\n    width: 34,\n    height: 34,\n    justifyContent: 'flex-end',\n  },\n  messageContainer: {\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  reactionButtonContainer: {\n    paddingLeft: 16,\n    marginBottom: 16,\n  },\n  replyContainer: {\n    flexDirection: 'column',\n  },\n  replyText: {\n    justifyContent: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n  },\n});\n\nconst useCreateMessagePressActions = ({\n  channel,\n  currentUserId,\n  onDeleteMessage,\n  onPressMediaMessage,\n  onEditMessage,\n}: Pick<\n  GroupChannelThreadProps['ParentMessageInfo'],\n  'channel' | 'currentUserId' | 'onDeleteMessage' | 'onPressMediaMessage'\n> & { onEditMessage: (message: HandleableMessage) => void }): CreateMessagePressActions => {\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 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 alertForMessageDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        { text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => {\n            onDeleteMessage?.(message).catch(onDeleteFailure);\n          },\n        },\n      ],\n    });\n  };\n\n  return ({ message }) => {\n    if (!message.isUserMessage() && !message.isFileMessage()) return {};\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const menu = {\n      copy: (message: HandleableMessage) => ({\n        icon: 'copy' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => onCopyText(message),\n      }),\n      edit: (message: HandleableMessage) => ({\n        icon: 'edit' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n        onPress: () => onEditMessage?.(message),\n      }),\n      delete: (message: HandleableMessage) => ({\n        disabled: message.threadInfo ? message.threadInfo.replyCount > 0 : undefined,\n        icon: 'delete' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n        onPress: () => alertForMessageDelete(message),\n      }),\n      download: (message: HandleableMessage) => ({\n        icon: 'download' as const,\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: () => onDownloadFile(message),\n      }),\n    };\n\n    if (message.isUserMessage()) {\n      sheetItems.push(menu.copy(message));\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.edit(message));\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    if (message.isFileMessage()) {\n      if (!isVoiceMessage(message)) {\n        sheetItems.push(menu.download(message));\n      }\n      if (!channel.isEphemeral) {\n        if (isMyMessage(message, currentUserId) && message.sendingStatus === 'succeeded') {\n          sheetItems.push(menu.delete(message));\n        }\n      }\n    }\n\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    const bottomSheetItem: BottomSheetItem = {\n      sheetItems,\n      HeaderComponent: shouldRenderReaction(\n        channel,\n        channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions),\n      )\n        ? ({ onClose }) => <ReactionAddons.BottomSheet message={message} channel={channel} onClose={onClose} />\n        : undefined,\n    };\n\n    if (message.isFileMessage()) {\n      return {\n        onPress: () => onOpenFile(message),\n        onLongPress: () => openSheet(bottomSheetItem),\n        bottomSheetItem,\n      };\n    } else {\n      return {\n        onPress: undefined,\n        onLongPress: () => openSheet(bottomSheetItem),\n        bottomSheetItem,\n      };\n    }\n  };\n};\n\nexport default React.memo(GroupChannelThreadParentMessageInfo);\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadStatusEmpty.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const GroupChannelThreadStatusEmpty = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'no-messages'
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+var _default = GroupChannelThreadStatusEmpty;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelThreadStatusEmpty.js.map

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TypedPlaceholder","obj","__esModule","default","GroupChannelThreadStatusEmpty","createElement","View","style","styles","container","type","StyleSheet","create","flex","justifyContent","alignItems","_default","exports"],"sources":["GroupChannelThreadStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelThreadStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelThreadStatusEmpty;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpE,MAAMG,6BAA6B,GAAGA,CAAA,KAAM;EAC1C,oBACER,MAAA,CAAAO,OAAA,CAAAE,aAAA,CAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bb,MAAA,CAAAO,OAAA,CAAAE,aAAA,CAACL,iBAAA,CAAAG,OAAgB;IAACO,IAAI,EAAE;EAAc,EAAG,CACpC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IAAEI,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYZ,6BAA6B;AAAAa,OAAA,CAAAd,OAAA,GAAAa,QAAA"}

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadStatusLoading.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const GroupChannelThreadStatusLoading = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'loading'
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+var _default = GroupChannelThreadStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelThreadStatusLoading.js.map

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TypedPlaceholder","obj","__esModule","default","GroupChannelThreadStatusLoading","createElement","View","style","styles","container","type","StyleSheet","create","flex","justifyContent","alignItems","_default","exports"],"sources":["GroupChannelThreadStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelThreadStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelThreadStatusLoading;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpE,MAAMG,+BAA+B,GAAGA,CAAA,KAAM;EAC5C,oBACER,MAAA,CAAAO,OAAA,CAAAE,aAAA,CAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bb,MAAA,CAAAO,OAAA,CAAAE,aAAA,CAACL,iBAAA,CAAAG,OAAgB;IAACO,IAAI,EAAE;EAAU,EAAG,CAChC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IAAEI,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYZ,+BAA+B;AAAAa,OAAA,CAAAd,OAAA,GAAAa,QAAA"}

package/lib/commonjs/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _useContext = require("../../../hooks/useContext");
+var _useKeyboardStatus = _interopRequireDefault(require("../../../hooks/useKeyboardStatus"));
+var _useMentionSuggestion = _interopRequireDefault(require("../../../hooks/useMentionSuggestion"));
+var _moduleContext = require("../module/moduleContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const GroupChannelThreadSuggestedMentionList = _ref => {
+  let {
+    text,
+    selection,
+    inputHeight,
+    bottomInset,
+    onPressToMention,
+    mentionedUsers
+  } = _ref;
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelThreadContexts.Fragment);
+  const {
+    sdk,
+    mentionManager
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    topInset
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const keyboard = (0, _useKeyboardStatus.default)();
+  const {
+    members,
+    reset,
+    searchStringRange,
+    searchLimited
+  } = (0, _useMentionSuggestion.default)({
+    sdk,
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  });
+  const isLandscape = screenWidth > screenHeight;
+  const isShortened = isLandscape && keyboard.visible;
+  const canRenderMembers = members.length > 0;
+  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;
+  const renderLimitGuide = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.searchLimited, {
+        borderTopColor: colors.onBackground04
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'info',
+      size: 20,
+      containerStyle: {
+        marginRight: 4
+      },
+      color: colors.onBackground02
+    }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      body3: true,
+      color: colors.onBackground02
+    }, STRINGS.GROUP_CHANNEL_THREAD.MENTION_LIMITED(mentionManager.config.mentionLimit)));
+  };
+  const renderMembers = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, members.map(member => {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+        onPress: () => {
+          onPressToMention(member, searchStringRange);
+          reset();
+        },
+        key: member.userId,
+        style: styles.userContainer
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+        size: 28,
+        uri: member.profileUrl,
+        containerStyle: styles.userAvatar
+      }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.userInfo
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+        body2: true,
+        color: colors.onBackground01,
+        numberOfLines: 1,
+        style: styles.userNickname
+      }, member.nickname || STRINGS.LABELS.USER_NO_NAME), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+        body3: true,
+        color: colors.onBackground03,
+        numberOfLines: 1,
+        style: styles.userId
+      }, member.userId), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, {
+        style: {
+          position: 'absolute',
+          bottom: 0
+        }
+      })));
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: reset,
+    pointerEvents: canRenderMembers ? 'auto' : 'none',
+    style: [styles.container, {
+      bottom: inputHeight + bottomInset
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    bounces: false,
+    keyboardDismissMode: 'none',
+    keyboardShouldPersistTaps: 'always',
+    style: [styles.scrollView, {
+      maxHeight,
+      backgroundColor: colors.background,
+      bottom: keyboard.bottomSpace
+    }, canRenderMembers && {
+      borderTopWidth: 1,
+      borderTopColor: colors.onBackground04
+    }],
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right
+    }
+  }, (0, _uikitUtils.conditionChaining)([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  suggestion: {
+    height: 196
+  },
+  container: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    left: 0
+  },
+  scrollView: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  userContainer: {
+    paddingLeft: 16,
+    flexDirection: 'row',
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  userAvatar: {
+    marginRight: 16
+  },
+  userInfo: {
+    flexDirection: 'row',
+    flex: 1
+  },
+  userNickname: {
+    flexShrink: 1,
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    marginRight: 6
+  },
+  userId: {
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    minWidth: 32,
+    flexShrink: 1,
+    marginRight: 16
+  },
+  searchLimited: {
+    borderTopWidth: 1,
+    paddingHorizontal: 16,
+    height: 44,
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+var _default = GroupChannelThreadSuggestedMentionList;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelThreadSuggestedMentionList.js.map