import Telescope, { Components, registerComponent } from 'meteor/nova:lib';
import React, { PropTypes, Component } from 'react';
import NovaForm from "meteor/nova:forms";
import Comments from "meteor/nova:comments";
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import update from 'immutability-helper';
import { ShowIf } from 'meteor/nova:core';
import { FormattedMessage } from 'react-intl';

const CommentsNewForm = (props, context) => {

  let prefilledProps = {postId: props.postId};

  if (props.parentComment) {
    prefilledProps = Object.assign(prefilledProps, {
      parentCommentId: props.parentComment._id,
      // if parent comment has a topLevelCommentId use it; if it doesn't then it *is* the top level comment
      topLevelCommentId: props.parentComment.topLevelCommentId || props.parentComment._id
    });
  }

  return (
    <ShowIf
      check={Comments.options.mutations.new.check}
      failureComponent={<FormattedMessage id="users.cannot_comment"/>}
    >
      <div className="comments-new-form">
        <NovaForm
          collection={Comments}
          // updateQueries={{
          //   getPost: (prev, { mutationResult }) => {
          //     // console.log('[commentsNew] prev post', prev)
          //     const newPost = update(prev, {
          //       post: {
          //         commentCount: {
          //           $set: prev.post.commentCount + 1
          //         }
          //       }
          //     });
          //     // console.log('[commentsNew] new post', newPost)
          //     return newPost;
          //   },
          //   getCommentsList: (prev, { mutationResult }) => {
          //     // console.log('[commentsNew] previous comment list', prev);
          //     const newComment = mutationResult.data.commentsNew;
          //     const newCommentsList = update(prev, {
          //       commentsList: {
          //         $push: [newComment]
          //       },
          //       commentsListTotal: {
          //         $set: prev.commentsListTotal + 1
          //       },
          //     });
          //     // console.log('[commentsNew] new comment list', newCommentsList)
          //     return newCommentsList;
          //   },
          // }}
          queryToUpdate="commentsListQuery"
          extraFragment={`
            htmlBody
            postedAt
            user{
              _id
              __displayName
              __emailHash
              __slug
            }
          `}
          successCallback={props.successCallback} 
          cancelCallback={props.type === "reply" ? props.cancelCallback : null}
          prefilledProps={prefilledProps}
          layout="elementOnly"
        />
      </div>
    </ShowIf>
  )

};

CommentsNewForm.propTypes = {
  postId: React.PropTypes.string.isRequired,
  type: React.PropTypes.string, // "comment" or "reply"
  parentComment: React.PropTypes.object, // if reply, the comment being replied to
  parentCommentId: React.PropTypes.string, // if reply
  topLevelCommentId: React.PropTypes.string, // if reply
  successCallback: React.PropTypes.func, // a callback to execute when the submission has been successful
  cancelCallback: React.PropTypes.func,
  novaFormMutation: React.PropTypes.func,
  router: React.PropTypes.object,
  flash: React.PropTypes.func,
};

const mapStateToProps = state => ({ messages: state.messages });
const mapDispatchToProps = dispatch => bindActionCreators(Telescope.actions.messages, dispatch);

registerComponent('CommentsNewForm', CommentsNewForm, connect(mapStateToProps, mapDispatchToProps));