// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.

import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';

import {createPost, deletePost, removePost} from 'mattermost-redux/actions/posts';
import {getPost} from 'mattermost-redux/selectors/entities/posts';
import {getCurrentUserId, getCurrentUserRoles} from 'mattermost-redux/selectors/entities/users';
import {getMyPreferences, getTheme} from 'mattermost-redux/selectors/entities/preferences';
import {getCurrentTeamUrl} from 'mattermost-redux/selectors/entities/teams';
import {isPostFlagged} from 'mattermost-redux/utils/post_utils';

import {insertToDraft, setPostTooltipVisible} from 'app/actions/views/channel';
import {addReaction} from 'app/actions/views/emoji';
import {getDimensions} from 'app/selectors/device';

import Post from './post';

function mapStateToProps(state, ownProps) {
    const post = getPost(state, ownProps.postId);

    const {config, license} = state.entities.general;
    const roles = getCurrentUserId(state) ? getCurrentUserRoles(state) : '';
    const myPreferences = getMyPreferences(state);

    let isFirstReply = true;
    let isLastReply = true;
    let commentedOnPost = null;
    if (ownProps.renderReplies && post && post.root_id) {
        if (ownProps.previousPostId) {
            const previousPost = getPost(state, ownProps.previousPostId);

            if (previousPost && (previousPost.id === post.root_id || previousPost.root_id === post.root_id)) {
                // Previous post is root post or previous post is in same thread
                isFirstReply = false;
            } else {
                // Last post is not a comment on the same message
                commentedOnPost = getPost(state, post.root_id);
            }
        }

        if (ownProps.nextPostId) {
            const nextPost = getPost(state, ownProps.nextPostId);

            if (nextPost && nextPost.root_id === post.root_id) {
                isLastReply = false;
            }
        }
    }

    const {deviceWidth} = getDimensions(state);

    return {
        config,
        currentTeamUrl: getCurrentTeamUrl(state),
        currentUserId: getCurrentUserId(state),
        deviceWidth,
        post,
        isFirstReply,
        isLastReply,
        commentedOnPost,
        license,
        roles,
        theme: getTheme(state),
        isFlagged: isPostFlagged(post.id, myPreferences),
    };
}

function mapDispatchToProps(dispatch) {
    return {
        actions: bindActionCreators({
            addReaction,
            createPost,
            deletePost,
            removePost,
            setPostTooltipVisible,
            insertToDraft,
        }, dispatch),
    };
}

export default connect(mapStateToProps, mapDispatchToProps)(Post);