import React, { forwardRef, useImperativeHandle } from 'react'; import { Alert, Share } from 'react-native'; import Clipboard from '@react-native-clipboard/clipboard'; import { connect } from 'react-redux'; import moment from 'moment'; import database from '../../lib/database'; import I18n from '../../i18n'; import log, { logEvent } from '../../lib/methods/helpers/log'; import Navigation from '../../lib/navigation/appNavigation'; import { getMessageTranslation } from '../message/utils'; import { LISTENER } from '../Toast'; import EventEmitter from '../../lib/methods/helpers/events'; import { showConfirmationAlert } from '../../lib/methods/helpers/info'; import { TActionSheetOptionsItem, useActionSheet } from '../ActionSheet'; import Header, { HEADER_HEIGHT, IHeader } from './Header'; import events from '../../lib/methods/helpers/log/events'; import { IApplicationState, ILoggedUser, TAnyMessageModel, TSubscriptionModel } from '../../definitions'; import { getPermalinkMessage } from '../../lib/methods'; import { hasPermission } from '../../lib/methods/helpers'; import { Services } from '../../lib/services'; export interface IMessageActionsProps { room: TSubscriptionModel; tmid?: string; user: Pick; editInit: (message: TAnyMessageModel) => void; reactionInit: (message: TAnyMessageModel) => void; onReactionPress: (shortname: string, messageId: string) => void; replyInit: (message: TAnyMessageModel, mention: boolean) => void; isMasterDetail: boolean; isReadOnly: boolean; Message_AllowDeleting?: boolean; Message_AllowDeleting_BlockDeleteInMinutes?: number; Message_AllowEditing?: boolean; Message_AllowEditing_BlockEditInMinutes?: number; Message_AllowPinning?: boolean; Message_AllowStarring?: boolean; Message_Read_Receipt_Store_Users?: boolean; server: string; editMessagePermission?: string[]; deleteMessagePermission?: string[]; forceDeleteMessagePermission?: string[]; pinMessagePermission?: string[]; } export interface IMessageActions { showMessageActions: (message: TAnyMessageModel) => Promise; } const MessageActions = React.memo( forwardRef( ( { room, tmid, user, editInit, reactionInit, onReactionPress, replyInit, isReadOnly, server, Message_AllowDeleting, Message_AllowDeleting_BlockDeleteInMinutes, Message_AllowEditing, Message_AllowEditing_BlockEditInMinutes, Message_AllowPinning, Message_AllowStarring, Message_Read_Receipt_Store_Users, isMasterDetail, editMessagePermission, deleteMessagePermission, forceDeleteMessagePermission, pinMessagePermission }, ref ) => { let permissions = { hasEditPermission: false, hasDeletePermission: false, hasForceDeletePermission: false, hasPinPermission: false }; const { showActionSheet, hideActionSheet } = useActionSheet(); const getPermissions = async () => { try { const permission = [editMessagePermission, deleteMessagePermission, forceDeleteMessagePermission, pinMessagePermission]; const result = await hasPermission(permission, room.rid); permissions = { hasEditPermission: result[0], hasDeletePermission: result[1], hasForceDeletePermission: result[2], hasPinPermission: result[3] }; } catch { // Do nothing } }; const isOwn = (message: TAnyMessageModel) => message.u && message.u._id === user.id; const allowEdit = (message: TAnyMessageModel) => { if (isReadOnly) { return false; } const editOwn = isOwn(message); if (!(permissions.hasEditPermission || (Message_AllowEditing && editOwn))) { return false; } const blockEditInMinutes = Message_AllowEditing_BlockEditInMinutes; if (blockEditInMinutes) { let msgTs; if (message.ts != null) { msgTs = moment(message.ts); } let currentTsDiff = 0; if (msgTs != null) { currentTsDiff = moment().diff(msgTs, 'minutes'); } return currentTsDiff < blockEditInMinutes; } return true; }; const allowDelete = (message: TAnyMessageModel) => { if (isReadOnly) { return false; } // Prevent from deleting thread start message when positioned inside the thread if (tmid === message.id) { return false; } const deleteOwn = isOwn(message); if (!(permissions.hasDeletePermission || (Message_AllowDeleting && deleteOwn) || permissions.hasForceDeletePermission)) { return false; } if (permissions.hasForceDeletePermission) { return true; } const blockDeleteInMinutes = Message_AllowDeleting_BlockDeleteInMinutes; if (blockDeleteInMinutes != null && blockDeleteInMinutes !== 0) { let msgTs; if (message.ts != null) { msgTs = moment(message.ts); } let currentTsDiff = 0; if (msgTs != null) { currentTsDiff = moment().diff(msgTs, 'minutes'); } return currentTsDiff < blockDeleteInMinutes; } return true; }; const getPermalink = (message: TAnyMessageModel) => getPermalinkMessage(message); const handleReply = (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_REPLY); replyInit(message, true); }; const handleEdit = (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_EDIT); editInit(message); }; const handleCreateDiscussion = (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_DISCUSSION); const params = { message, channel: room, showCloseModal: true }; if (isMasterDetail) { Navigation.navigate('ModalStackNavigator', { screen: 'CreateDiscussionView', params }); } else { Navigation.navigate('NewMessageStackNavigator', { screen: 'CreateDiscussionView', params }); } }; const handleUnread = async (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_UNREAD); const { id: messageId, ts } = message; const { rid } = room; try { const db = database.active; const result = await Services.markAsUnread({ messageId }); if (result.success) { const subCollection = db.get('subscriptions'); const subRecord = await subCollection.find(rid); await db.write(async () => { try { await subRecord.update(sub => (sub.lastOpen = ts as Date)); // TODO: reevaluate IMessage } catch { // do nothing } }); Navigation.navigate('RoomsListView'); } } catch (e) { logEvent(events.ROOM_MSG_ACTION_UNREAD_F); log(e); } }; const handlePermalink = async (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_PERMALINK); try { const permalink = await getPermalink(message); Clipboard.setString(permalink ?? ''); EventEmitter.emit(LISTENER, { message: I18n.t('Permalink_copied_to_clipboard') }); } catch { logEvent(events.ROOM_MSG_ACTION_PERMALINK_F); } }; const handleCopy = async (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_COPY); await Clipboard.setString((message?.attachments?.[0]?.description || message.msg) ?? ''); EventEmitter.emit(LISTENER, { message: I18n.t('Copied_to_clipboard') }); }; const handleShare = async (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_SHARE); try { const permalink = await getPermalink(message); if (permalink) { Share.share({ message: permalink }); } } catch { logEvent(events.ROOM_MSG_ACTION_SHARE_F); } }; const handleQuote = (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_QUOTE); replyInit(message, false); }; const handleStar = async (message: TAnyMessageModel) => { logEvent(message.starred ? events.ROOM_MSG_ACTION_UNSTAR : events.ROOM_MSG_ACTION_STAR); try { await Services.toggleStarMessage(message.id, message.starred as boolean); // TODO: reevaluate `message.starred` type on IMessage EventEmitter.emit(LISTENER, { message: message.starred ? I18n.t('Message_unstarred') : I18n.t('Message_starred') }); } catch (e) { logEvent(events.ROOM_MSG_ACTION_STAR_F); log(e); } }; const handlePin = async (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_PIN); try { await Services.togglePinMessage(message.id, message.pinned as boolean); // TODO: reevaluate `message.pinned` type on IMessage } catch (e) { logEvent(events.ROOM_MSG_ACTION_PIN_F); log(e); } }; const handleReaction: IHeader['handleReaction'] = (shortname, message) => { logEvent(events.ROOM_MSG_ACTION_REACTION); if (shortname) { // TODO: evaluate unification with IEmoji onReactionPress(shortname as any, message.id); } else { reactionInit(message); } // close actionSheet when click at header hideActionSheet(); }; const handleReadReceipt = (message: TAnyMessageModel) => { if (isMasterDetail) { Navigation.navigate('ModalStackNavigator', { screen: 'ReadReceiptsView', params: { messageId: message.id } }); } else { Navigation.navigate('ReadReceiptsView', { messageId: message.id }); } }; const handleToggleTranslation = async (message: TAnyMessageModel) => { try { if (!room.autoTranslateLanguage) { return; } const db = database.active; await db.write(async () => { await message.update(m => { m.autoTranslate = !m.autoTranslate; m._updatedAt = new Date(); }); }); const translatedMessage = getMessageTranslation(message, room.autoTranslateLanguage); if (!translatedMessage) { await Services.translateMessage(message.id, room.autoTranslateLanguage); } } catch (e) { log(e); } }; const handleReport = async (message: TAnyMessageModel) => { logEvent(events.ROOM_MSG_ACTION_REPORT); try { await Services.reportMessage(message.id); Alert.alert(I18n.t('Message_Reported')); } catch (e) { logEvent(events.ROOM_MSG_ACTION_REPORT_F); log(e); } }; const handleDelete = (message: TAnyMessageModel) => { showConfirmationAlert({ message: I18n.t('You_will_not_be_able_to_recover_this_message'), confirmationText: I18n.t('Delete'), onPress: async () => { try { logEvent(events.ROOM_MSG_ACTION_DELETE); await Services.deleteMessage(message.id, message.subscription ? message.subscription.id : ''); } catch (e) { logEvent(events.ROOM_MSG_ACTION_DELETE_F); log(e); } } }); }; const getOptions = (message: TAnyMessageModel) => { let options: TActionSheetOptionsItem[] = []; // Reply if (!isReadOnly && !tmid) { options = [ { title: I18n.t('Reply_in_Thread'), icon: 'threads', onPress: () => handleReply(message) } ]; } // Quote if (!isReadOnly) { options.push({ title: I18n.t('Quote'), icon: 'quote', onPress: () => handleQuote(message) }); } // Edit if (allowEdit(message)) { options.push({ title: I18n.t('Edit'), icon: 'edit', onPress: () => handleEdit(message) }); } // Permalink options.push({ title: I18n.t('Permalink'), icon: 'link', onPress: () => handlePermalink(message) }); // Create Discussion options.push({ title: I18n.t('Start_a_Discussion'), icon: 'discussions', onPress: () => handleCreateDiscussion(message) }); // Mark as unread if (message.u && message.u._id !== user.id) { options.push({ title: I18n.t('Mark_unread'), icon: 'flag', onPress: () => handleUnread(message) }); } // Copy options.push({ title: I18n.t('Copy'), icon: 'copy', onPress: () => handleCopy(message) }); // Share options.push({ title: I18n.t('Share'), icon: 'share', onPress: () => handleShare(message) }); // Star if (Message_AllowStarring) { options.push({ title: I18n.t(message.starred ? 'Unstar' : 'Star'), icon: message.starred ? 'star-filled' : 'star', onPress: () => handleStar(message) }); } // Pin if (Message_AllowPinning && permissions?.hasPinPermission) { options.push({ title: I18n.t(message.pinned ? 'Unpin' : 'Pin'), icon: 'pin', onPress: () => handlePin(message) }); } // Read Receipts if (Message_Read_Receipt_Store_Users) { options.push({ title: I18n.t('Read_Receipt'), icon: 'info', onPress: () => handleReadReceipt(message) }); } // Toggle Auto-translate if (room.autoTranslate && message.u && message.u._id !== user.id) { options.push({ title: I18n.t(message.autoTranslate ? 'View_Original' : 'Translate'), icon: 'language', onPress: () => handleToggleTranslation(message) }); } // Report options.push({ title: I18n.t('Report'), icon: 'warning', danger: true, onPress: () => handleReport(message) }); // Delete if (allowDelete(message)) { options.push({ title: I18n.t('Delete'), icon: 'delete', danger: true, onPress: () => handleDelete(message) }); } return options; }; const showMessageActions = async (message: TAnyMessageModel) => { logEvent(events.ROOM_SHOW_MSG_ACTIONS); await getPermissions(); showActionSheet({ options: getOptions(message), headerHeight: HEADER_HEIGHT, customHeader: !isReadOnly || room.reactWhenReadOnly ? (
) : null }); }; useImperativeHandle(ref, () => ({ showMessageActions })); return null; } ) ); const mapStateToProps = (state: IApplicationState) => ({ server: state.server.server, Message_AllowDeleting: state.settings.Message_AllowDeleting as boolean, Message_AllowDeleting_BlockDeleteInMinutes: state.settings.Message_AllowDeleting_BlockDeleteInMinutes as number, Message_AllowEditing: state.settings.Message_AllowEditing as boolean, Message_AllowEditing_BlockEditInMinutes: state.settings.Message_AllowEditing_BlockEditInMinutes as number, Message_AllowPinning: state.settings.Message_AllowPinning as boolean, Message_AllowStarring: state.settings.Message_AllowStarring as boolean, Message_Read_Receipt_Store_Users: state.settings.Message_Read_Receipt_Store_Users as boolean, isMasterDetail: state.app.isMasterDetail, editMessagePermission: state.permissions['edit-message'], deleteMessagePermission: state.permissions['delete-message'], forceDeleteMessagePermission: state.permissions['force-delete-message'], pinMessagePermission: state.permissions['pin-message'] }); export default connect(mapStateToProps, null, null, { forwardRef: true })(MessageActions);