{"version":3,"sources":["../../../src/components/EditComment/EditComment.js"],"names":["EditComment","props","handleSubmit","bind","state","value","getInitValue","fileList","text","files","app","action","commentId","replyId","replyPage","onBeforeUpdateComment","length","IMAGE_SPLIT","forEach","file","thumbUrl","substr","slice","sUpdateComment","content","sUpdateReply","handleClose","newContent","images","indexOf","split","pop","join","map","item","index","uid","renderTextWithReply","intl","get","newText","user_id","setState","getEmojiToolIcon","getImageToolIcon","React","Component"],"mappings":"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","file":"EditComment.js","sourcesContent":["import React from \"react\";\nimport { Modal, Icon } from \"antd\";\nimport intl from \"react-intl-universal\";\nimport CommentInput from \"../CommentInput\";\nimport Editor from \"../Editor\";\nimport { IMAGE_SPLIT } from \"../../constant\";\nimport \"./EditComment.css\";\nimport Comment from \"../../Comment\";\nclass EditComment extends React.Component {\n  constructor(props) {\n    super(props);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.state = {\n      value: this.getInitValue(props).value,\n      fileList: this.getInitValue(props).fileList\n    };\n  }\n\n  handleSubmit({ text = \"\", files = [] }) {\n    const { fileList } = this.state;\n    const { app, action, commentId, replyId, replyPage } = this.props;\n    let value = text;\n    app.onBeforeUpdateComment();\n    if (fileList && fileList.length) {\n      value += IMAGE_SPLIT;\n      fileList.forEach(file => {\n        value += `${file.thumbUrl},`;\n      });\n    }\n    if (value.substr(-1) === \",\") {\n      value = value.slice(0, -1);\n    }\n    if (action === \"comment\") {\n      app.sUpdateComment({ commentId, content: value });\n    } else {\n      app.sUpdateReply({ commentId, content: value, replyId, replyPage });\n    }\n    this.props.handleClose();\n  }\n\n  getInitValue(props) {\n    const { content } = props;\n    let newContent = content.content;\n    let images = \"\";\n    if (newContent.indexOf(IMAGE_SPLIT) !== -1) {\n      newContent = newContent.split(IMAGE_SPLIT);\n      images = newContent.pop();\n      newContent = newContent.join(\"\");\n    }\n    let fileList = [];\n    if (images !== \"\") {\n      fileList = images.split(\",\");\n      fileList = fileList.map((item, index) => {\n        return {\n          thumbUrl: item,\n          uid: index\n        };\n      });\n    }\n    const value = this.renderTextWithReply(newContent, content);\n    return { value, fileList };\n  }\n\n  getEmojiToolIcon() {\n    return (\n      <div className=\"expression-btn-wrap\">\n        <Icon type=\"smile\" className=\"icon\" />\n        <span className=\"icon-tool-text\">{intl.get(\"bilingually.emoji\")}</span>\n      </div>\n    );\n  }\n\n  getImageToolIcon() {\n    return (\n      <div className=\"picture-btn-wrap\">\n        <Icon type=\"picture\" className=\"icon\" />\n        <span className=\"icon-tool-text\">{intl.get(\"bilingually.pic\")}</span>\n      </div>\n    );\n  }\n\n  renderTextWithReply(text, content) {\n    let newText = text;\n    // const { reply } = content;\n    // if (reply) {\n    //   newText = `${newText} //@${reply.user_name} ${reply.content}`;\n    //   if (reply.reply) {\n    //     return this.renderTextWithReply(newText, reply);\n    //   }\n    // }\n    return newText;\n  }\n\n  render() {\n    return (\n      <Modal\n        visible={true}\n        footer={null}\n        wrapClassName=\"editCommetModal\"\n        onCancel={this.props.handleClose}\n      >\n        <div className=\"title\">{intl.get(\"comment.edit\")}</div>\n        <CommentInput\n          content={\n            <Editor\n              maxUpload={9}\n              autoFocus\n              // {...this.props.editorProps}\n              action={this.props.action}\n              replyId={this.props.replyId}\n              commentId={this.props.commentId}\n              userId={this.props.content.user_id}\n              fileList={this.state.fileList}\n              value={this.state.value}\n              onChange={value => {\n                this.setState({\n                  value\n                });\n              }}\n              handleChangeFileList={fileList => {\n                this.setState({\n                  fileList\n                });\n              }}\n              onSubmit={this.handleSubmit}\n              emojiToolIcon={this.getEmojiToolIcon()}\n              imageToolIcon={this.getImageToolIcon()}\n              emojiPopoverPlacement=\"bottom\"\n              uploadPopoverPlacement=\"bottom\"\n              btnSubmitText={intl.get(\"comment.update\")}\n            />\n          }\n        />\n      </Modal>\n    );\n  }\n}\n\nexport default Comment(EditComment);\n"]}