@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

package/dist/module/components/CommentReply.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CommentReply.js"],"names":["React","Component","connect","Keyboard","TextInput","View","ImageBackground","TouchableOpacity","Dimensions","Icon","getBottomSpace","_","getApiError","getShadowStyle","TEXT_BLUEGREY","TEXT_DARKEST","BG_GREY","Spinner","ImageUploader","reactionActions","SCREEN_HEIGHT","get","height","CommentReply","constructor","props","setState","uploadingCommentImage","setTimeout","noScroll","scrollView","current","scrollToEnd","animated","uri","commentImageInput","replace","state","commentInput","commentsLoading","addingComment","componentDidMount","commentSection","isLoading","focusInput","refs","replyInput","focus","loadingStarted","loadingCompleted","shouldShowImageInput","isEmpty","addComment","text","image","dismiss","startedAddingComment","entityId","entityType","entityName","site","threadId","then","res","commentAdded","data","catch","err","console","log","removeImage","showUploadMenu","commentImageUploader","renderImageAttachment","styles","accessoryImage","accessoryImageBorder","borderWidth","borderColor","accessoryImageClose","bind","top","right","bottom","left","accessoryImageCloseIcon","accessoryImageCloseIconContainer","renderImageUploader","ref","onUploadStarted","onUploadSuccess","onUploadFailed","user","uid","render","includes","hidden","inputContainer","style","input","marginRight","value","inputText","sendContainer","padding","width","send","marginTop","borderRadius","position","backgroundColor","alignItems","justifyContent","fontSize","color","textAlign","paddingVertical","paddingHorizontal","paddingBottom","flexGrow","fontFamily","margin","maxHeight","mapStateToProps","commentReply","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Keyboard, TextInput, View, ImageBackground, TouchableOpacity, Dimensions } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { getBottomSpace } from 'react-native-iphone-x-helper';\nimport _ from 'lodash';\nimport { getApiError } from '../session';\nimport { getShadowStyle } from '../helper';\nimport { TEXT_BLUEGREY, TEXT_DARKEST, BG_GREY } from '../colours';\nimport { Spinner } from './Spinner';\nimport ImageUploader from './ImageUploader';\nimport { reactionActions } from '../apis';\n\nconst SCREEN_HEIGHT = Dimensions.get('window').height;\n\nclass CommentReply extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      commentImageInput: '',\n      commentInput: '',\n      uploadingCommentImage: false,\n      commentsLoading: true,\n      addingComment: false,\n    };\n  }\n\n  componentDidMount() {\n    if (this.props.commentSection && this.props.commentSection.current) {\n      this.setState({\n        commentsLoading: this.props.commentSection.current.isLoading(),\n      });\n    }\n  }\n\n  onUploadStarted = () => {\n    this.setState({\n      uploadingCommentImage: true,\n    });\n    setTimeout(() => {\n      if (!this.props.noScroll) {\n        this.props.scrollView?.current?.scrollToEnd({ animated: true });\n      }\n    }, 500);\n  };\n\n  onUploadSuccess = uri => {\n    this.setState({\n      uploadingCommentImage: false,\n      commentImageInput: uri.replace('/general/', '/general1400/'),\n    });\n  };\n\n  onUploadFailed = () => {\n    this.setState({\n      uploadingCommentImage: false,\n      commentImageInput: null,\n    });\n  };\n\n  focusInput() {\n    this.refs.replyInput.focus();\n  }\n\n  loadingStarted() {\n    this.setState({\n      commentsLoading: true,\n    });\n  }\n\n  loadingCompleted() {\n    this.setState({\n      commentsLoading: false,\n    });\n  }\n\n  shouldShowImageInput() {\n    return this.state.uploadingCommentImage || !_.isEmpty(this.state.commentImageInput);\n  }\n\n  addComment() {\n    setTimeout(() => {\n      if (!this.props.noScroll) {\n        this.props.scrollView?.current?.scrollToEnd({ animated: true });\n      }\n    }, 500);\n    const text = this.state.commentInput;\n    const image = this.state.commentImageInput;\n    this.setState({\n      addingComment: true,\n      commentInput: '',\n      commentImageInput: '',\n    });\n    Keyboard.dismiss();\n    if (this.props.commentSection) {\n      this.props.commentSection?.current?.startedAddingComment();\n    }\n    reactionActions\n      .addComment(this.props.entityId, this.props.entityType, this.props.entityName, this.props.site, text, image, this.props.threadId)\n      .then(res => {\n        if (this.props.commentSection) {\n          this.props.commentSection?.current?.commentAdded(res.data);\n        }\n        this.setState({\n          addingComment: false,\n        });\n        setTimeout(() => {\n          if (!this.props.noScroll) {\n            this.props.scrollView?.current?.scrollToEnd({ animated: true });\n          }\n        }, 500);\n      })\n      .catch(err => {\n        console.log(getApiError(err));\n      });\n  }\n\n  removeImage() {\n    this.setState({\n      commentImageInput: null,\n    });\n  }\n\n  showUploadMenu() {\n    if (this.state.uploadingCommentImage || !_.isEmpty(this.state.commentImageInput)) {\n      return;\n    }\n    this.commentImageUploader.showUploadMenu();\n  }\n\n  renderImageAttachment() {\n    if (_.isEmpty(this.state.commentImageInput) && !this.state.uploadingCommentImage) {\n      return null;\n    }\n    if (this.state.uploadingCommentImage) {\n      return (\n        <View style={[styles.accessoryImage, styles.accessoryImageBorder, { borderWidth: 1, borderColor: BG_GREY }]}>\n          <Spinner />\n        </View>\n      );\n    }\n    return (\n      <ImageBackground\n        style={styles.accessoryImage}\n        imageStyle={styles.accessoryImageBorder}\n        source={{ uri: this.state.commentImageInput }}\n      >\n        <TouchableOpacity\n          style={styles.accessoryImageClose}\n          onPress={this.removeImage.bind(this)}\n          hitSlop={{ top: 8, right: 8, bottom: 8, left: 8 }}\n        >\n          <Icon\n            name=\"remove\"\n            type=\"font-awesome\"\n            iconStyle={styles.accessoryImageCloseIcon}\n            style={styles.accessoryImageCloseIconContainer}\n          />\n        </TouchableOpacity>\n      </ImageBackground>\n    );\n  }\n\n  renderImageUploader() {\n    return (\n      <ImageUploader\n        ref={ref => (this.commentImageUploader = ref)}\n        onUploadStarted={this.onUploadStarted}\n        onUploadSuccess={this.onUploadSuccess}\n        onUploadFailed={this.onUploadFailed}\n        onLibrarySelected={this.onUploadSuccess}\n        quality={0.8}\n        allowsEditing={false}\n        fileName=\"commentImage\"\n        popupTitle=\"Add Image\"\n        userId={this.props.user.uid}\n        hideLibrary\n      />\n    );\n  }\n\n  render() {\n    if (_.includes(this.props.user.hidden, 'addComment')) {\n      return null;\n    }\n    if (this.state.commentsLoading) {\n      return null;\n    }\n    return (\n      <View style={[styles.inputContainer, getShadowStyle(), this.props.style]}>\n        <View\n          style={[\n            styles.input,\n            {\n              marginRight: _.isEmpty(this.state.commentInput) && _.isEmpty(this.state.commentImageInput) ? 40 : 80,\n            },\n          ]}\n        >\n          <TextInput\n            ref=\"replyInput\"\n            placeholder=\"Enter your comment here\"\n            value={this.state.commentInput}\n            onFocus={() => {\n              if (!this.props.noScroll) {\n                this.props.scrollView?.current?.scrollToEnd({ animated: true });\n              }\n            }}\n            onChangeText={value => {\n              if (!this.props.noScroll) {\n                this.props.scrollView?.current?.scrollToEnd({ animated: false });\n              }\n              this.setState({\n                commentInput: value,\n              });\n            }}\n            style={styles.inputText}\n            autoCapitalize=\"sentences\"\n            multiline\n            autoCorrect\n            autoGrow\n          />\n        </View>\n        {(!_.isEmpty(this.state.commentInput) || !_.isEmpty(this.state.commentImageInput)) && !this.state.addingComment && (\n          <TouchableOpacity\n            onPress={this.addComment.bind(this)}\n            style={[\n              styles.sendContainer,\n              {\n                right: 4,\n                padding: 4,\n                width: 40,\n                height: 40,\n              },\n            ]}\n          >\n            <Icon name=\"paper-plane\" type=\"font-awesome\" iconStyle={[styles.send, { width: 40 }]} />\n          </TouchableOpacity>\n        )}\n        <TouchableOpacity\n          onPress={this.showUploadMenu.bind(this)}\n          style={[\n            styles.sendContainer,\n            {\n              right: _.isEmpty(this.state.commentInput) && _.isEmpty(this.state.commentImageInput) ? 4 : 44,\n              padding: 4,\n              width: 40,\n              height: 40,\n            },\n          ]}\n        >\n          <Icon name=\"picture-o\" type=\"font-awesome\" iconStyle={[styles.send, { width: 40 }]} />\n        </TouchableOpacity>\n        {this.renderImageAttachment()}\n        {this.renderImageUploader()}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  accessoryImage: {\n    marginTop: 8,\n    width: 60,\n    height: 60,\n  },\n  accessoryImageBorder: {\n    borderRadius: 2,\n  },\n  accessoryImageClose: {\n    width: 14,\n    height: 14,\n    borderRadius: 7,\n    position: 'absolute',\n    top: -7,\n    right: -7,\n    backgroundColor: TEXT_BLUEGREY,\n  },\n  accessoryImageCloseIconContainer: {\n    width: 14,\n    height: 14,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  accessoryImageCloseIcon: {\n    fontSize: 10,\n    color: '#fff',\n    textAlign: 'center',\n  },\n  inputContainer: {\n    backgroundColor: '#fff',\n    paddingVertical: 8,\n    paddingHorizontal: 8,\n    paddingBottom: 8 + getBottomSpace(),\n    flexGrow: 1,\n  },\n  inputText: {\n    color: TEXT_DARKEST,\n    fontSize: 14,\n    fontFamily: 'sf-medium',\n  },\n  input: {\n    fontSize: 14,\n    color: TEXT_DARKEST,\n    fontFamily: 'sf-medium',\n    margin: 0,\n    backgroundColor: BG_GREY,\n    borderRadius: 5,\n    padding: 8,\n    maxHeight: SCREEN_HEIGHT / 3,\n  },\n  sendContainer: {\n    position: 'absolute',\n    top: 8,\n    right: 8,\n    height: 30,\n    width: 30,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#fff',\n  },\n  send: {\n    color: TEXT_BLUEGREY,\n    fontSize: 24,\n    textAlign: 'center',\n  },\n};\n\nconst mapStateToProps = state => {\n  const { user } = state;\n  return { user };\n};\n\nconst commentReply = connect(mapStateToProps, {}, null, { forwardRef: true })(CommentReply);\nexport { commentReply as CommentReply };\n"]}