2023-05-28 07:38:10 -07:00
import { defineMessages , injectIntl } from 'react-intl' ;
2016-11-23 13:57:57 -08:00
import { connect } from 'react-redux' ;
2023-05-28 07:38:10 -07:00
import { initBlockModal } from 'flavours/glitch/actions/blocks' ;
import { initBoostModal } from 'flavours/glitch/actions/boosts' ;
2016-10-24 08:11:02 -07:00
import {
replyCompose ,
2017-05-20 08:31:47 -07:00
mentionCompose ,
2018-04-10 12:38:02 -07:00
directCompose ,
2017-12-03 23:26:40 -08:00
} from 'flavours/glitch/actions/compose' ;
2023-05-28 07:38:10 -07:00
import {
initAddFilter ,
} from 'flavours/glitch/actions/filters' ;
2016-10-24 08:11:02 -07:00
import {
reblog ,
favourite ,
2018-04-11 10:42:25 -07:00
bookmark ,
2016-10-24 08:11:02 -07:00
unreblog ,
2017-05-20 08:31:47 -07:00
unfavourite ,
2018-04-11 10:42:25 -07:00
unbookmark ,
2017-08-24 16:41:18 -07:00
pin ,
unpin ,
2017-12-03 23:26:40 -08:00
} from 'flavours/glitch/actions/interactions' ;
2023-05-28 07:38:10 -07:00
import { changeLocalSetting } from 'flavours/glitch/actions/local_settings' ;
import { openModal } from 'flavours/glitch/actions/modal' ;
import { initMuteModal } from 'flavours/glitch/actions/mutes' ;
import { deployPictureInPicture } from 'flavours/glitch/actions/picture_in_picture' ;
import { initReport } from 'flavours/glitch/actions/reports' ;
2022-07-24 11:01:30 -07:00
import {
muteStatus ,
unmuteStatus ,
deleteStatus ,
hideStatus ,
revealStatus ,
2022-09-23 14:00:12 -07:00
editStatus ,
translateStatus ,
undoStatusTranslation ,
2022-07-24 11:01:30 -07:00
} from 'flavours/glitch/actions/statuses' ;
2023-05-28 07:38:10 -07:00
import Status from 'flavours/glitch/components/status' ;
2022-10-11 01:17:04 -07:00
import { boostModal , favouriteModal , deleteModal } from 'flavours/glitch/initial_state' ;
2023-05-28 07:38:10 -07:00
import { makeGetStatus , makeGetPictureInPicture } from 'flavours/glitch/selectors' ;
2019-02-10 12:28:29 -08:00
import { showAlertForError } from '../actions/alerts' ;
2017-04-22 19:39:50 -07:00
const messages = defineMessages ( {
deleteConfirm : { id : 'confirmations.delete.confirm' , defaultMessage : 'Delete' } ,
deleteMessage : { id : 'confirmations.delete.message' , defaultMessage : 'Are you sure you want to delete this status?' } ,
2018-06-15 12:29:04 -07:00
redraftConfirm : { id : 'confirmations.redraft.confirm' , defaultMessage : 'Delete & redraft' } ,
2023-07-21 10:09:13 -07:00
redraftMessage : { id : 'confirmations.redraft.message' , defaultMessage : 'Are you sure you want to delete this status and re-draft it? Favorites and boosts will be lost, and replies to the original post will be orphaned.' } ,
2018-10-05 08:46:35 -07:00
replyConfirm : { id : 'confirmations.reply.confirm' , defaultMessage : 'Reply' } ,
replyMessage : { id : 'confirmations.reply.message' , defaultMessage : 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' } ,
2023-03-06 08:33:09 -08:00
editConfirm : { id : 'confirmations.edit.confirm' , defaultMessage : 'Edit' } ,
editMessage : { id : 'confirmations.edit.message' , defaultMessage : 'Editing now will overwrite the message you are currently composing. Are you sure you want to proceed?' } ,
2019-07-12 07:01:33 -07:00
unfilterConfirm : { id : 'confirmations.unfilter.confirm' , defaultMessage : 'Show' } ,
2019-07-14 12:59:13 -07:00
author : { id : 'confirmations.unfilter.author' , defaultMessage : 'Author' } ,
matchingFilters : { id : 'confirmations.unfilter.filters' , defaultMessage : 'Matching {count, plural, one {filter} other {filters}}' } ,
2019-07-14 14:32:42 -07:00
editFilter : { id : 'confirmations.unfilter.edit_filter' , defaultMessage : 'Edit filter' } ,
2017-04-22 19:39:50 -07:00
} ) ;
2016-10-24 08:11:02 -07:00
2017-02-22 07:30:09 -08:00
const makeMapStateToProps = ( ) => {
const getStatus = makeGetStatus ( ) ;
2023-01-05 04:32:29 -08:00
const getPictureInPicture = makeGetPictureInPicture ( ) ;
2016-10-24 08:11:02 -07:00
2017-11-17 19:11:18 -08:00
const mapStateToProps = ( state , props ) => {
2018-07-08 11:04:53 -07:00
let status = getStatus ( state , props ) ;
2017-11-17 19:11:18 -08:00
let reblogStatus = status ? status . get ( 'reblog' , null ) : null ;
let account = undefined ;
let prepend = undefined ;
2020-11-01 07:25:02 -08:00
if ( props . featured && status ) {
2018-03-16 12:29:42 -07:00
account = status . get ( 'account' ) ;
prepend = 'featured' ;
} else if ( reblogStatus !== null && typeof reblogStatus === 'object' ) {
2017-11-17 19:11:18 -08:00
account = status . get ( 'account' ) ;
status = reblogStatus ;
prepend = 'reblogged_by' ;
}
return {
2020-11-15 20:16:39 -08:00
containerId : props . containerId || props . id , // Should match reblogStatus's id for reblogs
status : status ,
2023-04-23 23:07:03 -07:00
nextInReplyToId : props . nextId ? state . getIn ( [ 'statuses' , props . nextId , 'in_reply_to_id' ] ) : null ,
2020-11-15 20:16:39 -08:00
account : account || props . account ,
settings : state . get ( 'local_settings' ) ,
prepend : prepend || props . prepend ,
2023-01-05 04:32:29 -08:00
pictureInPicture : getPictureInPicture ( state , props ) ,
2017-11-17 19:11:18 -08:00
} ;
} ;
2016-10-24 08:11:02 -07:00
return mapStateToProps ;
} ;
2019-07-12 07:01:33 -07:00
const mapDispatchToProps = ( dispatch , { intl , contextType } ) => ( {
2016-10-24 08:11:02 -07:00
2016-11-21 01:52:11 -08:00
onReply ( status , router ) {
2018-10-05 08:46:35 -07:00
dispatch ( ( _ , getState ) => {
let state = getState ( ) ;
2019-09-21 11:01:16 -07:00
2018-11-27 09:25:51 -08:00
if ( state . getIn ( [ 'local_settings' , 'confirm_before_clearing_draft' ] ) && state . getIn ( [ 'compose' , 'text' ] ) . trim ( ) . length !== 0 ) {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'CONFIRM' ,
modalProps : {
message : intl . formatMessage ( messages . replyMessage ) ,
confirm : intl . formatMessage ( messages . replyConfirm ) ,
onDoNotAsk : ( ) => dispatch ( changeLocalSetting ( [ 'confirm_before_clearing_draft' ] , false ) ) ,
onConfirm : ( ) => dispatch ( replyCompose ( status , router ) ) ,
} ,
2018-10-05 08:46:35 -07:00
} ) ) ;
} else {
dispatch ( replyCompose ( status , router ) ) ;
}
} ) ;
2016-10-24 08:11:02 -07:00
} ,
2021-02-10 15:53:12 -08:00
onModalReblog ( status , privacy ) {
2019-05-09 13:39:27 -07:00
if ( status . get ( 'reblogged' ) ) {
dispatch ( unreblog ( status ) ) ;
} else {
2021-02-10 15:53:12 -08:00
dispatch ( reblog ( status , privacy ) ) ;
2019-05-09 13:39:27 -07:00
}
2017-04-10 19:28:52 -07:00
} ,
2017-04-11 05:34:14 -07:00
onReblog ( status , e ) {
2019-06-07 09:38:07 -07:00
dispatch ( ( _ , getState ) => {
let state = getState ( ) ;
if ( state . getIn ( [ 'local_settings' , 'confirm_boost_missing_media_description' ] ) && status . get ( 'media_attachments' ) . some ( item => ! item . get ( 'description' ) ) && ! status . get ( 'reblogged' ) ) {
2021-02-10 15:53:12 -08:00
dispatch ( initBoostModal ( { status , onReblog : this . onModalReblog , missingMediaDescription : true } ) ) ;
2019-06-07 09:38:07 -07:00
} else if ( e . shiftKey || ! boostModal ) {
this . onModalReblog ( status ) ;
} else {
2021-02-10 15:53:12 -08:00
dispatch ( initBoostModal ( { status , onReblog : this . onModalReblog } ) ) ;
2019-06-07 09:38:07 -07:00
}
} ) ;
2018-04-11 10:42:25 -07:00
} ,
onBookmark ( status ) {
if ( status . get ( 'bookmarked' ) ) {
dispatch ( unbookmark ( status ) ) ;
} else {
dispatch ( bookmark ( status ) ) ;
}
2016-10-24 08:11:02 -07:00
} ,
2017-12-09 08:26:22 -08:00
onModalFavourite ( status ) {
dispatch ( favourite ( status ) ) ;
} ,
onFavourite ( status , e ) {
2016-10-24 08:11:02 -07:00
if ( status . get ( 'favourited' ) ) {
dispatch ( unfavourite ( status ) ) ;
} else {
2017-12-09 08:26:22 -08:00
if ( e . shiftKey || ! favouriteModal ) {
this . onModalFavourite ( status ) ;
} else {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'FAVOURITE' ,
modalProps : {
status ,
onFavourite : this . onModalFavourite ,
} ,
} ) ) ;
2017-12-09 08:26:22 -08:00
}
2016-10-24 08:11:02 -07:00
}
} ,
2017-12-09 10:41:24 -08:00
2017-08-24 16:41:18 -07:00
onPin ( status ) {
if ( status . get ( 'pinned' ) ) {
dispatch ( unpin ( status ) ) ;
} else {
dispatch ( pin ( status ) ) ;
}
} ,
2017-09-01 12:30:13 -07:00
onEmbed ( status ) {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'EMBED' ,
modalProps : {
2023-07-13 06:53:03 -07:00
id : status . get ( 'id' ) ,
2023-05-25 06:42:37 -07:00
onError : error => dispatch ( showAlertForError ( error ) ) ,
} ,
2019-02-10 12:28:29 -08:00
} ) ) ;
2017-09-01 12:30:13 -07:00
} ,
2018-08-31 07:41:58 -07:00
onDelete ( status , history , withRedraft = false ) {
2017-10-29 08:10:15 -07:00
if ( ! deleteModal ) {
2018-08-31 07:41:58 -07:00
dispatch ( deleteStatus ( status . get ( 'id' ) , history , withRedraft ) ) ;
2017-05-29 08:56:13 -07:00
} else {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'CONFIRM' ,
modalProps : {
message : intl . formatMessage ( withRedraft ? messages . redraftMessage : messages . deleteMessage ) ,
confirm : intl . formatMessage ( withRedraft ? messages . redraftConfirm : messages . deleteConfirm ) ,
onConfirm : ( ) => dispatch ( deleteStatus ( status . get ( 'id' ) , history , withRedraft ) ) ,
} ,
2017-05-29 08:56:13 -07:00
} ) ) ;
}
2016-10-24 08:11:02 -07:00
} ,
2022-02-09 15:15:30 -08:00
onEdit ( status , history ) {
2023-03-06 08:33:09 -08:00
dispatch ( ( _ , getState ) => {
let state = getState ( ) ;
if ( state . getIn ( [ 'compose' , 'text' ] ) . trim ( ) . length !== 0 ) {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'CONFIRM' ,
modalProps : {
message : intl . formatMessage ( messages . editMessage ) ,
confirm : intl . formatMessage ( messages . editConfirm ) ,
onConfirm : ( ) => dispatch ( editStatus ( status . get ( 'id' ) , history ) ) ,
} ,
2023-03-06 08:33:09 -08:00
} ) ) ;
} else {
dispatch ( editStatus ( status . get ( 'id' ) , history ) ) ;
}
} ) ;
2022-02-09 15:15:30 -08:00
} ,
2022-09-23 14:00:12 -07:00
onTranslate ( status ) {
if ( status . get ( 'translation' ) ) {
2023-05-31 15:10:21 -07:00
dispatch ( undoStatusTranslation ( status . get ( 'id' ) , status . get ( 'poll' ) ) ) ;
2022-09-23 14:00:12 -07:00
} else {
dispatch ( translateStatus ( status . get ( 'id' ) ) ) ;
}
} ,
2018-04-10 12:38:02 -07:00
onDirect ( account , router ) {
dispatch ( directCompose ( account , router ) ) ;
} ,
2017-01-08 02:04:01 -08:00
onMention ( account , router ) {
2017-01-30 12:40:55 -08:00
dispatch ( mentionCompose ( account , router ) ) ;
2016-10-24 09:07:40 -07:00
} ,
2023-05-11 03:41:55 -07:00
onOpenMedia ( statusId , media , index , lang ) {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'MEDIA' ,
modalProps : { statusId , media , index , lang } ,
} ) ) ;
2016-11-23 13:57:57 -08:00
} ,
2023-05-11 03:41:55 -07:00
onOpenVideo ( statusId , media , lang , options ) {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'VIDEO' ,
modalProps : { statusId , media , lang , options } ,
} ) ) ;
2017-04-13 06:04:18 -07:00
} ,
2019-03-26 09:34:02 -07:00
onBlock ( status ) {
const account = status . get ( 'account' ) ;
2019-09-29 12:46:05 -07:00
dispatch ( initBlockModal ( account ) ) ;
2017-02-14 11:59:26 -08:00
} ,
onReport ( status ) {
dispatch ( initReport ( status . get ( 'account' ) , status ) ) ;
2017-02-05 17:51:56 -08:00
} ,
2022-08-24 19:27:47 -07:00
onAddFilter ( status ) {
dispatch ( initAddFilter ( status , { contextType } ) ) ;
} ,
2017-02-05 17:51:56 -08:00
onMute ( account ) {
2017-11-14 18:56:41 -08:00
dispatch ( initMuteModal ( account ) ) ;
2017-02-05 17:51:56 -08:00
} ,
2016-10-24 08:11:02 -07:00
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 18:04:13 -07:00
onMuteConversation ( status ) {
if ( status . get ( 'muted' ) ) {
dispatch ( unmuteStatus ( status . get ( 'id' ) ) ) ;
} else {
dispatch ( muteStatus ( status . get ( 'id' ) ) ) ;
}
} ,
2022-07-24 11:01:30 -07:00
onToggleHidden ( status ) {
if ( status . get ( 'hidden' ) ) {
dispatch ( revealStatus ( status . get ( 'id' ) ) ) ;
} else {
dispatch ( hideStatus ( status . get ( 'id' ) ) ) ;
}
} ,
2020-09-28 04:29:43 -07:00
deployPictureInPicture ( status , type , mediaProps ) {
2020-10-26 12:11:35 -07:00
dispatch ( ( _ , getState ) => {
if ( getState ( ) . getIn ( [ 'local_settings' , 'media' , 'pop_in_player' ] ) ) {
dispatch ( deployPictureInPicture ( status . get ( 'id' ) , status . getIn ( [ 'account' , 'id' ] ) , type , mediaProps ) ) ;
}
} ) ;
2020-09-28 04:29:43 -07:00
} ,
2022-10-07 01:14:31 -07:00
onInteractionModal ( type , status ) {
2023-05-25 06:42:37 -07:00
dispatch ( openModal ( {
modalType : 'INTERACTION' ,
modalProps : {
type ,
accountId : status . getIn ( [ 'account' , 'id' ] ) ,
2023-07-27 07:11:17 -07:00
url : status . get ( 'uri' ) ,
2023-05-25 06:42:37 -07:00
} ,
2022-10-07 01:14:31 -07:00
} ) ) ;
} ,
2016-10-24 08:11:02 -07:00
} ) ;
2017-04-22 19:39:50 -07:00
export default injectIntl ( connect ( makeMapStateToProps , mapDispatchToProps ) ( Status ) ) ;