import React from 'react'; import { connect } from 'react-redux'; import Warning from '../components/warning'; import { createSelector } from 'reselect'; import PropTypes from 'prop-types'; import { FormattedMessage } from 'react-intl'; const getMentionedUsernames = createSelector(state => state.getIn(['compose', 'text']), text => text.match(/(?:^|[^\/\w])@([a-z0-9_]+@[a-z0-9\.\-]+)/ig)); const getMentionedDomains = createSelector(getMentionedUsernames, mentionedUsernamesWithDomains => { return mentionedUsernamesWithDomains !== null ? [...new Set(mentionedUsernamesWithDomains.map(item => item.split('@')[2]))] : []; }); const mapStateToProps = state => { const mentionedUsernames = getMentionedUsernames(state); const mentionedUsernamesWithDomains = getMentionedDomains(state); return { needsLeakWarning: (state.getIn(['compose', 'privacy']) === 'private' || state.getIn(['compose', 'privacy']) === 'direct') && mentionedUsernames !== null, mentionedDomains: mentionedUsernamesWithDomains, needsLockWarning: state.getIn(['compose', 'privacy']) === 'private' && !state.getIn(['accounts', state.getIn(['meta', 'me']), 'locked']) }; }; const WarningWrapper = ({ needsLeakWarning, needsLockWarning, mentionedDomains }) => { if (needsLockWarning) { return }} />} />; } else if (needsLeakWarning) { return ( {mentionedDomains.join(', ')}, domainsCount: mentionedDomains.length }} />} /> ); } return null; }; WarningWrapper.propTypes = { needsLeakWarning: PropTypes.bool, needsLockWarning: PropTypes.bool, mentionedDomains: PropTypes.array.isRequired, }; export default connect(mapStateToProps)(WarningWrapper);