@plusscommunities/pluss-core-app 8.0.0 → 8.0.1-auth.0

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

@@ -1 +1 @@
-{"version":3,"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","_defineProperty","setState","uploadingCommentImage","setTimeout","noScroll","_this$props$scrollVie","scrollView","current","scrollToEnd","animated","uri","commentImageInput","replace","state","commentInput","commentsLoading","addingComment","componentDidMount","commentSection","isLoading","focusInput","refs","replyInput","focus","loadingStarted","loadingCompleted","shouldShowImageInput","isEmpty","addComment","_this$props$scrollVie2","text","image","dismiss","_this$props$commentSe","startedAddingComment","entityId","entityType","entityName","site","threadId","then","res","_this$props$commentSe2","commentAdded","data","_this$props$scrollVie3","catch","err","console","log","removeImage","showUploadMenu","commentImageUploader","renderImageAttachment","createElement","style","styles","accessoryImage","accessoryImageBorder","borderWidth","borderColor","imageStyle","source","accessoryImageClose","onPress","bind","hitSlop","top","right","bottom","left","name","type","iconStyle","accessoryImageCloseIcon","accessoryImageCloseIconContainer","renderImageUploader","ref","onUploadStarted","onUploadSuccess","onUploadFailed","onLibrarySelected","quality","allowsEditing","fileName","popupTitle","userId","user","uid","hideLibrary","render","includes","hidden","inputContainer","input","marginRight","placeholder","value","onFocus","_this$props$scrollVie4","onChangeText","_this$props$scrollVie5","inputText","autoCapitalize","multiline","autoCorrect","autoGrow","sendContainer","padding","width","send","marginTop","borderRadius","position","backgroundColor","alignItems","justifyContent","fontSize","color","textAlign","paddingVertical","paddingHorizontal","paddingBottom","flexGrow","fontFamily","margin","maxHeight","mapStateToProps","commentReply","forwardRef"],"sources":["CommentReply.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Keyboard, TextInput, View, ImageBackground, TouchableOpacity, Dimensions } from 'react-native';\nimport { Icon } from '@rneui/themed';\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","connect","Keyboard","TextInput","View","ImageBackground","TouchableOpacity","Dimensions","Icon","withSafeAreaInsets","_","getApiError","getShadowStyle","TEXT_BLUEGREY","TEXT_DARKEST","BG_GREY","Spinner","ImageUploader","reactionActions","SCREEN_HEIGHT","get","height","CommentReply","constructor","props","_defineProperty","setState","uploadingCommentImage","setTimeout","noScroll","_this$props$scrollVie","scrollView","current","scrollToEnd","animated","uri","commentImageInput","replace","state","commentInput","commentsLoading","addingComment","replyInputRef","createRef","componentDidMount","commentSection","isLoading","focusInput","focus","loadingStarted","loadingCompleted","shouldShowImageInput","isEmpty","addComment","_this$props$scrollVie2","text","image","dismiss","_this$props$commentSe","startedAddingComment","entityId","entityType","entityName","site","threadId","then","res","_this$props$commentSe2","commentAdded","data","_this$props$scrollVie3","catch","err","console","log","removeImage","showUploadMenu","commentImageUploader","renderImageAttachment","createElement","style","styles","accessoryImage","accessoryImageBorder","borderWidth","borderColor","imageStyle","source","accessoryImageClose","onPress","bind","hitSlop","top","right","bottom","left","name","type","iconStyle","accessoryImageCloseIcon","accessoryImageCloseIconContainer","renderImageUploader","ref","onUploadStarted","onUploadSuccess","onUploadFailed","onLibrarySelected","quality","allowsEditing","fileName","popupTitle","userId","user","uid","hideLibrary","render","_this$props$insets","includes","hidden","inputContainer","paddingBottom","insets","input","marginRight","maxFontSizeMultiplier","placeholder","value","onFocus","_this$props$scrollVie4","onChangeText","_this$props$scrollVie5","inputText","autoCapitalize","multiline","autoCorrect","autoGrow","sendContainer","padding","width","send","marginTop","borderRadius","position","backgroundColor","alignItems","justifyContent","fontSize","color","textAlign","paddingVertical","paddingHorizontal","flexGrow","fontFamily","margin","maxHeight","mapStateToProps","commentReply","forwardRef"],"sources":["CommentReply.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport {\n\tKeyboard,\n\tTextInput,\n\tView,\n\tImageBackground,\n\tTouchableOpacity,\n\tDimensions,\n} from \"react-native\";\nimport { Icon } from \"@rneui/themed\";\nimport { withSafeAreaInsets } from \"react-native-safe-area-context\";\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\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcommentImageInput: \"\",\n\t\t\tcommentInput: \"\",\n\t\t\tuploadingCommentImage: false,\n\t\t\tcommentsLoading: true,\n\t\t\taddingComment: false,\n\t\t};\n\t\tthis.replyInputRef = React.createRef();\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.commentSection && this.props.commentSection.current) {\n\t\t\tthis.setState({\n\t\t\t\tcommentsLoading: this.props.commentSection.current.isLoading(),\n\t\t\t});\n\t\t}\n\t}\n\n\tonUploadStarted = () => {\n\t\tthis.setState({\n\t\t\tuploadingCommentImage: true,\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tif (!this.props.noScroll) {\n\t\t\t\tthis.props.scrollView?.current?.scrollToEnd({ animated: true });\n\t\t\t}\n\t\t}, 500);\n\t};\n\n\tonUploadSuccess = (uri) => {\n\t\tthis.setState({\n\t\t\tuploadingCommentImage: false,\n\t\t\tcommentImageInput: uri.replace(\"/general/\", \"/general1400/\"),\n\t\t});\n\t};\n\n\tonUploadFailed = () => {\n\t\tthis.setState({\n\t\t\tuploadingCommentImage: false,\n\t\t\tcommentImageInput: null,\n\t\t});\n\t};\n\n\tfocusInput() {\n\t\tthis.replyInputRef.current.focus();\n\t}\n\n\tloadingStarted() {\n\t\tthis.setState({\n\t\t\tcommentsLoading: true,\n\t\t});\n\t}\n\n\tloadingCompleted() {\n\t\tthis.setState({\n\t\t\tcommentsLoading: false,\n\t\t});\n\t}\n\n\tshouldShowImageInput() {\n\t\treturn (\n\t\t\tthis.state.uploadingCommentImage ||\n\t\t\t!_.isEmpty(this.state.commentImageInput)\n\t\t);\n\t}\n\n\taddComment() {\n\t\tsetTimeout(() => {\n\t\t\tif (!this.props.noScroll) {\n\t\t\t\tthis.props.scrollView?.current?.scrollToEnd({ animated: true });\n\t\t\t}\n\t\t}, 500);\n\t\tconst text = this.state.commentInput;\n\t\tconst image = this.state.commentImageInput;\n\t\tthis.setState({\n\t\t\taddingComment: true,\n\t\t\tcommentInput: \"\",\n\t\t\tcommentImageInput: \"\",\n\t\t});\n\t\tKeyboard.dismiss();\n\t\tif (this.props.commentSection) {\n\t\t\tthis.props.commentSection?.current?.startedAddingComment();\n\t\t}\n\t\treactionActions\n\t\t\t.addComment(\n\t\t\t\tthis.props.entityId,\n\t\t\t\tthis.props.entityType,\n\t\t\t\tthis.props.entityName,\n\t\t\t\tthis.props.site,\n\t\t\t\ttext,\n\t\t\t\timage,\n\t\t\t\tthis.props.threadId,\n\t\t\t)\n\t\t\t.then((res) => {\n\t\t\t\tif (this.props.commentSection) {\n\t\t\t\t\tthis.props.commentSection?.current?.commentAdded(res.data);\n\t\t\t\t}\n\t\t\t\tthis.setState({\n\t\t\t\t\taddingComment: false,\n\t\t\t\t});\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tif (!this.props.noScroll) {\n\t\t\t\t\t\tthis.props.scrollView?.current?.scrollToEnd({ animated: true });\n\t\t\t\t\t}\n\t\t\t\t}, 500);\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.log(getApiError(err));\n\t\t\t});\n\t}\n\n\tremoveImage() {\n\t\tthis.setState({\n\t\t\tcommentImageInput: null,\n\t\t});\n\t}\n\n\tshowUploadMenu() {\n\t\tif (\n\t\t\tthis.state.uploadingCommentImage ||\n\t\t\t!_.isEmpty(this.state.commentImageInput)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tthis.commentImageUploader.showUploadMenu();\n\t}\n\n\trenderImageAttachment() {\n\t\tif (\n\t\t\t_.isEmpty(this.state.commentImageInput) &&\n\t\t\t!this.state.uploadingCommentImage\n\t\t) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.state.uploadingCommentImage) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.accessoryImage,\n\t\t\t\t\t\tstyles.accessoryImageBorder,\n\t\t\t\t\t\t{ borderWidth: 1, borderColor: BG_GREY },\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<ImageBackground\n\t\t\t\tstyle={styles.accessoryImage}\n\t\t\t\timageStyle={styles.accessoryImageBorder}\n\t\t\t\tsource={{ uri: this.state.commentImageInput }}\n\t\t\t>\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tstyle={styles.accessoryImageClose}\n\t\t\t\t\tonPress={this.removeImage.bind(this)}\n\t\t\t\t\thitSlop={{ top: 8, right: 8, bottom: 8, left: 8 }}\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"remove\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={styles.accessoryImageCloseIcon}\n\t\t\t\t\t\tstyle={styles.accessoryImageCloseIconContainer}\n\t\t\t\t\t/>\n\t\t\t\t</TouchableOpacity>\n\t\t\t</ImageBackground>\n\t\t);\n\t}\n\n\trenderImageUploader() {\n\t\treturn (\n\t\t\t<ImageUploader\n\t\t\t\tref={(ref) => (this.commentImageUploader = ref)}\n\t\t\t\tonUploadStarted={this.onUploadStarted}\n\t\t\t\tonUploadSuccess={this.onUploadSuccess}\n\t\t\t\tonUploadFailed={this.onUploadFailed}\n\t\t\t\tonLibrarySelected={this.onUploadSuccess}\n\t\t\t\tquality={0.8}\n\t\t\t\tallowsEditing={false}\n\t\t\t\tfileName=\"commentImage\"\n\t\t\t\tpopupTitle=\"Add Image\"\n\t\t\t\tuserId={this.props.user.uid}\n\t\t\t\thideLibrary\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (_.includes(this.props.user.hidden, \"addComment\")) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.state.commentsLoading) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.inputContainer,\n\t\t\t\t\tgetShadowStyle(),\n\t\t\t\t\t{ paddingBottom: 8 + (this.props.insets?.bottom ?? 0) },\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.input,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tmarginRight:\n\t\t\t\t\t\t\t\t_.isEmpty(this.state.commentInput) &&\n\t\t\t\t\t\t\t\t_.isEmpty(this.state.commentImageInput)\n\t\t\t\t\t\t\t\t\t? 40\n\t\t\t\t\t\t\t\t\t: 80,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\t\t\tref={this.replyInputRef}\n\t\t\t\t\t\tplaceholder=\"Enter your comment here\"\n\t\t\t\t\t\tvalue={this.state.commentInput}\n\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\tif (!this.props.noScroll) {\n\t\t\t\t\t\t\t\tthis.props.scrollView?.current?.scrollToEnd({ animated: true });\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tif (!this.props.noScroll) {\n\t\t\t\t\t\t\t\tthis.props.scrollView?.current?.scrollToEnd({\n\t\t\t\t\t\t\t\t\tanimated: false,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\tcommentInput: value,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={styles.inputText}\n\t\t\t\t\t\tautoCapitalize=\"sentences\"\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tautoCorrect\n\t\t\t\t\t\tautoGrow\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t{(!_.isEmpty(this.state.commentInput) ||\n\t\t\t\t\t!_.isEmpty(this.state.commentImageInput)) &&\n\t\t\t\t\t!this.state.addingComment && (\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tonPress={this.addComment.bind(this)}\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.sendContainer,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tright: 4,\n\t\t\t\t\t\t\t\t\tpadding: 4,\n\t\t\t\t\t\t\t\t\twidth: 40,\n\t\t\t\t\t\t\t\t\theight: 40,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tname=\"paper-plane\"\n\t\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\t\ticonStyle={[styles.send, { width: 40 }]}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t)}\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tonPress={this.showUploadMenu.bind(this)}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.sendContainer,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tright:\n\t\t\t\t\t\t\t\t_.isEmpty(this.state.commentInput) &&\n\t\t\t\t\t\t\t\t_.isEmpty(this.state.commentImageInput)\n\t\t\t\t\t\t\t\t\t? 4\n\t\t\t\t\t\t\t\t\t: 44,\n\t\t\t\t\t\t\tpadding: 4,\n\t\t\t\t\t\t\twidth: 40,\n\t\t\t\t\t\t\theight: 40,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"picture-o\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[styles.send, { width: 40 }]}\n\t\t\t\t\t/>\n\t\t\t\t</TouchableOpacity>\n\t\t\t\t{this.renderImageAttachment()}\n\t\t\t\t{this.renderImageUploader()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\taccessoryImage: {\n\t\tmarginTop: 8,\n\t\twidth: 60,\n\t\theight: 60,\n\t},\n\taccessoryImageBorder: {\n\t\tborderRadius: 2,\n\t},\n\taccessoryImageClose: {\n\t\twidth: 14,\n\t\theight: 14,\n\t\tborderRadius: 7,\n\t\tposition: \"absolute\",\n\t\ttop: -7,\n\t\tright: -7,\n\t\tbackgroundColor: TEXT_BLUEGREY,\n\t},\n\taccessoryImageCloseIconContainer: {\n\t\twidth: 14,\n\t\theight: 14,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\taccessoryImageCloseIcon: {\n\t\tfontSize: 10,\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t},\n\tinputContainer: {\n\t\tbackgroundColor: \"#fff\",\n\t\tpaddingVertical: 8,\n\t\tpaddingHorizontal: 8,\n\t\tpaddingBottom: 8, // bottom inset added dynamically via props\n\t\tflexGrow: 1,\n\t},\n\tinputText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 14,\n\t\tfontFamily: \"sf-medium\",\n\t},\n\tinput: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-medium\",\n\t\tmargin: 0,\n\t\tbackgroundColor: BG_GREY,\n\t\tborderRadius: 5,\n\t\tpadding: 8,\n\t\tmaxHeight: SCREEN_HEIGHT / 3,\n\t},\n\tsendContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: 8,\n\t\tright: 8,\n\t\theight: 30,\n\t\twidth: 30,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tsend: {\n\t\tcolor: TEXT_BLUEGREY,\n\t\tfontSize: 24,\n\t\ttextAlign: \"center\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\tconst { user } = state;\n\treturn { user };\n};\n\nconst commentReply = connect(mapStateToProps, {}, null, { forwardRef: true })(\n\twithSafeAreaInsets(CommentReply),\n);\nexport { commentReply as CommentReply };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/CommentSection.js

@@ -1,22 +1,23 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { View, Text, TouchableOpacity, Image, StyleSheet } from 'react-native';
-import _ from 'lodash';
-import moment from 'moment';
-import { connect } from 'react-redux';
-import { Icon } from '@rneui/themed';
-import { getPluralS, getThumb300, get1400, getSiteSettingFromState, getFirstName, getPluralOptions } from '../helper';
-import { getMainBrandingColourFromState, TEXT_DARKEST, BG_GREY, TEXT_LIGHT, LINEGREY } from '../colours';
-import { reactionActions, notificationActions } from '../apis';
-import { blockUser, unblockUser } from '../actions';
-import { ConfirmPopup } from './ConfirmPopup';
-import { ProfilePic } from './ProfilePic';
-import { ImagePopup } from './ImagePopup';
-import { InlineButton } from './InlineButton';
-import { Spinner } from './Spinner';
-import { Services } from '../config';
+import React, { Component } from "react";
+import { View, TouchableOpacity, Image, StyleSheet } from "react-native";
+import { Text } from "./Text";
+import _ from "lodash";
+import moment from "moment";
+import { connect } from "react-redux";
+import { Icon } from "@rneui/themed";
+import { getPluralS, getThumb300, get1400, getSiteSettingFromState, getFirstName, getPluralOptions } from "../helper";
+import { getMainBrandingColourFromState, TEXT_DARKEST, BG_GREY, TEXT_LIGHT, LINEGREY } from "../colours";
+import { reactionActions, notificationActions } from "../apis";
+import { blockUser, unblockUser } from "../actions";
+import { ConfirmPopup } from "./ConfirmPopup";
+import { ProfilePic } from "./ProfilePic";
+import { ImagePopup } from "./ImagePopup";
+import { InlineButton } from "./InlineButton";
+import { Spinner } from "./Spinner";
+import { Services } from "../config";
 class CommentSection extends Component {
   constructor(props) {
     super(props);
@@ -27,7 +28,7 @@ class CommentSection extends Component {
     });
     _defineProperty(this, "onPressConfirmDelete", () => {
       reactionActions.removeComment(this.state.commentToDelete.Id).then(res => {
-        console.log('deleted');
+        console.log("deleted");
       });
       const newComments = _.filter(this.state.comments, c => {
         return c.Id !== this.state.commentToDelete.Id;
@@ -89,13 +90,13 @@ class CommentSection extends Component {
       }, () => {
         reactionActions.reportComment(commentId).then(res => {
           this.setState({
-            commentReportedStatus: 'success',
+            commentReportedStatus: "success",
             reportLoading: false
           });
         }).catch(error => {
-          console.log('reportComment', error);
+          console.log("reportComment", error);
           this.setState({
-            commentReportedStatus: 'fail',
+            commentReportedStatus: "fail",
             reportLoading: false
           });
         });
@@ -112,7 +113,7 @@ class CommentSection extends Component {
       });
     });
     _defineProperty(this, "onOpenThread", comment => {
-      Services.navigation.navigate('thread', {
+      Services.navigation.navigate("thread", {
         ...this.props,
         threadId: comment.Id
       });
@@ -136,7 +137,7 @@ class CommentSection extends Component {
             processing: false
           });
         } catch (error) {
-          console.error('onMute', error);
+          console.error("onMute", error);
           this.setState({
             processing: false
           });
@@ -161,7 +162,7 @@ class CommentSection extends Component {
             processing: false
           });
         } catch (error) {
-          console.error('onUnmute', error);
+          console.error("onUnmute", error);
           this.setState({
             processing: false
           });
@@ -206,7 +207,7 @@ class CommentSection extends Component {
             processing: false
           });
         } catch (error) {
-          console.error('getNotificationSate', error);
+          console.error("getNotificationSate", error);
           this.setState({
             processing: false
           });
@@ -236,7 +237,7 @@ class CommentSection extends Component {
           style: [styles.commentRepliesText, {
             color: this.props.colourBrandingMain
           }]
-        }, `Reply to ${getFirstName(!isUserBlocked && c.User ? c.User.displayName : 'comment')}`);
+        }, `Reply to ${getFirstName(!isUserBlocked && c.User ? c.User.displayName : "comment")}`);
       } else {
         // existing replies
         const profilePics = _.take(_.uniqBy(threadComments, c => c.UserId), 3);
@@ -256,7 +257,7 @@ class CommentSection extends Component {
             marginLeft: 20,
             color: this.props.colourBrandingMain
           }]
-        }, `${threadComments.length} repl${getPluralOptions(threadComments.length, 'y', 'ies')}`));
+        }, `${threadComments.length} repl${getPluralOptions(threadComments.length, "y", "ies")}`));
       }
       return /*#__PURE__*/React.createElement(View, {
         style: styles.commentReplies
@@ -281,7 +282,7 @@ class CommentSection extends Component {
   }
   componentDidMount() {
     this.getNotificationSate();
-    if (!_.includes(this.props.user.hidden, 'viewComment')) {
+    if (!_.includes(this.props.user.hidden, "viewComment")) {
       this.getComments();
     }
   }
@@ -334,7 +335,7 @@ class CommentSection extends Component {
           return c.Id === this.props.threadId || c.ParentId === this.props.threadId;
         }), c => {
           return c.Id;
-        }), 'Timestamp'),
+        }), "Timestamp"),
         commentsLoading: false
       }, () => {
         if (this.props.onCommentsLoaded) {
@@ -429,16 +430,16 @@ class CommentSection extends Component {
     const {
       commentReportedStatus
     } = this.state;
-    const isSuccess = commentReportedStatus === 'success';
+    const isSuccess = commentReportedStatus === "success";
     return /*#__PURE__*/React.createElement(ConfirmPopup, {
       visible: !!commentReportedStatus,
       onConfirm: this.onPressConfirmReportStatus,
-      text: isSuccess ? 'Thank you for reporting' : 'Unable to report',
+      text: isSuccess ? "Thank you for reporting" : "Unable to report",
       extraContent: /*#__PURE__*/React.createElement(Text, {
         style: styles.commentReportText
-      }, isSuccess ? 'We will review the comment within 24 hours' : 'There was a problem reporting the comment please try again later'),
+      }, isSuccess ? "We will review the comment within 24 hours" : "There was a problem reporting the comment please try again later"),
       hideNo: true,
-      yesText: 'Done'
+      yesText: "Done"
     });
   }
   renderCommentImage(c) {
@@ -520,17 +521,17 @@ class CommentSection extends Component {
       style: [styles.commentName, {
         fontSize: this.getAdjustedSize(13)
       }]
-    }, isUserBlocked ? '[blocked user]' : c.User.displayName)), !_.isEmpty(c.Comment) && /*#__PURE__*/React.createElement(Text, {
+    }, isUserBlocked ? "[blocked user]" : c.User.displayName)), !_.isEmpty(c.Comment) && /*#__PURE__*/React.createElement(Text, {
       style: [styles.commentText, {
         fontSize: this.getAdjustedSize(13)
       }]
-    }, isUserBlocked ? '[hidden]' : c.Comment), !isUserBlocked && this.renderCommentImage(c))), /*#__PURE__*/React.createElement(View, {
+    }, isUserBlocked ? "[hidden]" : c.Comment), !isUserBlocked && this.renderCommentImage(c))), /*#__PURE__*/React.createElement(View, {
       style: styles.commentBottom
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.commentTime, {
         fontSize: this.getAdjustedSize(13)
       }]
-    }, moment.utc(c.Timestamp).local().format('D MMM • h:mma')), this.renderReplyText(c, isUserBlocked)));
+    }, moment.utc(c.Timestamp).local().format("D MMM • h:mma")), this.renderReplyText(c, isUserBlocked)));
   }
   renderMute() {
     const {
@@ -545,7 +546,7 @@ class CommentSection extends Component {
     if (processing) return /*#__PURE__*/React.createElement(View, {
       style: styles.muteSpinnerContainer
     }, /*#__PURE__*/React.createElement(Spinner, {
-      size: 'small',
+      size: "small",
       color: this.props.colourBrandingMain
     }));
     const isMuted = this.isMuted();
@@ -571,8 +572,8 @@ class CommentSection extends Component {
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.muteButtonInner
     }, /*#__PURE__*/React.createElement(Icon, {
-      name: isMuted ? 'bell-o' : 'bell-slash-o',
-      type: 'font-awesome',
+      name: isMuted ? "bell-o" : "bell-slash-o",
+      type: "font-awesome",
       iconStyle: [{
         color: this.props.colourBrandingMain
       }, styles.muteButtonIcon]
@@ -580,7 +581,7 @@ class CommentSection extends Component {
       style: [{
         color: this.props.colourBrandingMain
       }, styles.muteButtonText]
-    }, isMuted ? 'Unmute' : 'Mute'))));
+    }, isMuted ? "Unmute" : "Mute"))));
   }
   renderComments() {
     if (this.state.commentsLoading) {
@@ -591,7 +592,7 @@ class CommentSection extends Component {
       }));
     }
     if (this.isEmpty() && !this.state.addingComment) {
-      if (_.includes(this.props.user.hidden, 'addComment')) {
+      if (_.includes(this.props.user.hidden, "addComment")) {
         return null;
       }
       if (!_.isNil(this.props.placeHolder) && _.isEmpty(this.props.placeHolder)) return null;
@@ -601,7 +602,7 @@ class CommentSection extends Component {
         style: [styles.commentsEmpty, {
           fontSize: this.getAdjustedSize(15)
         }]
-      }, _.isNil(this.props.placeHolder) ? 'Be the first to add a comment!' : this.props.placeHolder));
+      }, _.isNil(this.props.placeHolder) ? "Be the first to add a comment!" : this.props.placeHolder));
     }
     let source = [...this.state.comments];
     if (this.props.reverseOrder) {
@@ -618,7 +619,7 @@ class CommentSection extends Component {
       style: styles.commentSectionTitleRow
     }, /*#__PURE__*/React.createElement(View, {
       style: {
-        alignItems: 'flex-end'
+        alignItems: "flex-end"
       }
     }, this.renderMute(), !this.props.hideAddComment && this.state.comments.length > 2 && /*#__PURE__*/React.createElement(TouchableOpacity, {
       onPress: this.onGoToAdd.bind(this)
@@ -642,8 +643,7 @@ class CommentSection extends Component {
     return /*#__PURE__*/React.createElement(ImagePopup, {
       visible: this.state.imagePopupOpen,
       images: this.state.imagePopupSource,
-      onClose: this.closeCommentGallery.bind(this),
-      ref: "commentImagePopup"
+      onClose: this.closeCommentGallery.bind(this)
     });
   }
   renderReportLoading() {
@@ -655,7 +655,7 @@ class CommentSection extends Component {
     }));
   }
   render() {
-    if (_.includes(this.props.user.hidden, 'viewComment')) {
+    if (_.includes(this.props.user.hidden, "viewComment")) {
       return null;
     }
     return /*#__PURE__*/React.createElement(View, {
@@ -675,7 +675,7 @@ const styles = StyleSheet.create({
     borderTopWidth: 1
   },
   commentCount: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: TEXT_DARKEST,
     flex: 1,
     marginTop: 4
@@ -684,7 +684,7 @@ const styles = StyleSheet.create({
     marginTop: 16
   },
   commentFlex: {
-    flexDirection: 'row'
+    flexDirection: "row"
   },
   commentProfilePic: {
     marginRight: 8
@@ -696,52 +696,52 @@ const styles = StyleSheet.create({
     padding: 8
   },
   commentTitleRow: {
-    flexDirection: 'row-reverse',
-    alignItems: 'center'
+    flexDirection: "row-reverse",
+    alignItems: "center"
   },
   commentButtonContainer: {
     width: 24,
     height: 24,
     borderRadius: 12,
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: "center",
+    justifyContent: "center"
   },
   commentButtonIcon: {
     fontSize: 13,
-    color: '#fff'
+    color: "#fff"
   },
   commentName: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: TEXT_DARKEST,
     flex: 1
   },
   commentText: {
     marginTop: 8,
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     color: TEXT_DARKEST
   },
   commentBottom: {
-    flexDirection: 'row-reverse',
-    justifyContent: 'space-between',
-    alignItems: 'center'
+    flexDirection: "row-reverse",
+    justifyContent: "space-between",
+    alignItems: "center"
   },
   commentTime: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     marginTop: 4,
     color: TEXT_LIGHT,
-    textAlign: 'right'
+    textAlign: "right"
   },
   commentReplies: {
     flex: 1,
     paddingLeft: 48
   },
   commentRepliesText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 15
   },
   multiReplyContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     paddingVertical: 4
   },
   commentImageContainer: {
@@ -755,17 +755,17 @@ const styles = StyleSheet.create({
     borderRadius: 2
   },
   commentsEmpty: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: TEXT_DARKEST
   },
   commentSectionTitleRow: {
-    flexDirection: 'row-reverse'
+    flexDirection: "row-reverse"
   },
   commentReportText: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 14,
     paddingHorizontal: 22,
-    textAlign: 'center'
+    textAlign: "center"
   },
   reportLoadingContainer: {
     paddingVertical: 10
@@ -778,13 +778,13 @@ const styles = StyleSheet.create({
     marginBottom: 6
   },
   muteContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
     marginBottom: 6
   },
   mutedForText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 13,
     marginRight: 8
   },
@@ -793,14 +793,14 @@ const styles = StyleSheet.create({
     paddingHorizontal: 8
   },
   muteButtonInner: {
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   muteButtonIcon: {
     fontSize: 14
   },
   muteButtonText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 14,
     marginLeft: 6
   }
@@ -809,7 +809,7 @@ const mapStateToProps = state => {
   return {
     colourBrandingMain: getMainBrandingColourFromState(state),
     user: state.user,
-    notificationsForComments: getSiteSettingFromState(state, 'NotificationsForComments', false),
+    notificationsForComments: getSiteSettingFromState(state, "NotificationsForComments", false),
     blockedUsers: state.userSettings.blockedUsers || []
   };
 };