@plusscommunities/pluss-core-app 4.0.4-auth.0 → 6.0.0-auth.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","View","TouchableOpacity","connect","stylez","Pl60Icon","getMainBrandingColourFromState","BackButton","render","size","props","diameter","radius","noClick","createElement","style","backButton","backgroundColor","colourBrandingMain","height","width","borderRadius","color","name","flipped","backButtonIcon","iconStyle","onPress","mapStateToProps","state"],"sources":["BackButton.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport stylez from '../styles';\nimport { Pl60Icon } from '../fonts';\nimport { getMainBrandingColourFromState } from '../colours';\n\n/* \nProps- \n    onPress - onPress action\n    diameter - size of button\n    color - default will be aveoMain\n    style - custom style for container\n*/\n\nclass BackButton extends PureComponent {\n  render() {\n    const size = this.props.diameter || 32;\n    const radius = size / 2;\n    if (this.props.noClick) {\n      return (\n        <View\n          style={[\n            stylez.backButton,\n            { backgroundColor: this.props.colourBrandingMain, height: size, width: size, borderRadius: radius },\n            this.props.color && { backgroundColor: this.props.color },\n            this.props.style,\n          ]}\n        >\n          <Pl60Icon name={this.props.flipped ? 'chevron_right' : 'chevron_left'} style={[stylez.backButtonIcon, this.props.iconStyle]} />\n        </View>\n      );\n    }\n    return (\n      <TouchableOpacity\n        style={[\n          stylez.backButton,\n          { backgroundColor: this.props.colourBrandingMain, height: size, width: size, borderRadius: radius },\n          this.props.color && { backgroundColor: this.props.color },\n          this.props.style,\n        ]}\n        onPress={this.props.onPress}\n      >\n        <Pl60Icon name={this.props.flipped ? 'chevron_right' : 'chevron_left'} style={[stylez.backButtonIcon, this.props.iconStyle]} />\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst backButton = connect(mapStateToProps, {})(BackButton);\nexport { backButton as BackButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,8BAA8B,QAAQ,YAAY;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,UAAU,SAASP,aAAa,CAAC;EACrCQ,MAAMA,CAAA,EAAG;IACP,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE;IACtC,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;IACvB,IAAI,IAAI,CAACC,KAAK,CAACG,OAAO,EAAE;MACtB,oBACEd,KAAA,CAAAe,aAAA,CAACb,IAAI;QACHc,KAAK,EAAE,CACLX,MAAM,CAACY,UAAU,EACjB;UAAEC,eAAe,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;UAAEC,MAAM,EAAEV,IAAI;UAAEW,KAAK,EAAEX,IAAI;UAAEY,YAAY,EAAET;QAAO,CAAC,EACnG,IAAI,CAACF,KAAK,CAACY,KAAK,IAAI;UAAEL,eAAe,EAAE,IAAI,CAACP,KAAK,CAACY;QAAM,CAAC,EACzD,IAAI,CAACZ,KAAK,CAACK,KAAK;MAChB,gBAEFhB,KAAA,CAAAe,aAAA,CAACT,QAAQ;QAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,eAAe,GAAG,cAAe;QAACT,KAAK,EAAE,CAACX,MAAM,CAACqB,cAAc,EAAE,IAAI,CAACf,KAAK,CAACgB,SAAS;MAAE,CAAE,CAC1H,CAAC;IAEX;IACA,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,gBAAgB;MACfa,KAAK,EAAE,CACLX,MAAM,CAACY,UAAU,EACjB;QAAEC,eAAe,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;QAAEC,MAAM,EAAEV,IAAI;QAAEW,KAAK,EAAEX,IAAI;QAAEY,YAAY,EAAET;MAAO,CAAC,EACnG,IAAI,CAACF,KAAK,CAACY,KAAK,IAAI;QAAEL,eAAe,EAAE,IAAI,CAACP,KAAK,CAACY;MAAM,CAAC,EACzD,IAAI,CAACZ,KAAK,CAACK,KAAK,CAChB;MACFY,OAAO,EAAE,IAAI,CAACjB,KAAK,CAACiB;IAAQ,gBAE5B5B,KAAA,CAAAe,aAAA,CAACT,QAAQ;MAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,eAAe,GAAG,cAAe;MAACT,KAAK,EAAE,CAACX,MAAM,CAACqB,cAAc,EAAE,IAAI,CAACf,KAAK,CAACgB,SAAS;IAAE,CAAE,CAC9G,CAAC;EAEvB;AACF;AAEA,MAAME,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLX,kBAAkB,EAAEZ,8BAA8B,CAACuB,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMb,UAAU,GAAGb,OAAO,CAACyB,eAAe,EAAE,CAAC,CAAC,CAAC,CAACrB,UAAU,CAAC;AAC3D,SAASS,UAAU,IAAIT,UAAU"}

package/dist/module/components/CategoryTabs.js

@@ -0,0 +1,154 @@
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { Text, TouchableOpacity, View, ScrollView } from 'react-native';
+import { connect } from 'react-redux';
+import { TEXT_LIGHT, COLOUR_GREEN, getMainBrandingColourFromState } from '../colours';
+import { getSiteSettingFromState } from '../helper';
+// import { HAS_GRADIENT_HEADER } from '../../config';
+import Config from '../config';
+class CategoryTabs extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      categoryKeys: [],
+      selectedCategory: this.props.initialCategory
+    };
+  }
+  UNSAFE_componentWillMount() {
+    this.setState({
+      selectedCategory: !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,
+      categoryKeys: this.props.categoryKeys
+    });
+  }
+  componentDidMount() {
+    this.setState({
+      selectedCategory: !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory
+    });
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (!_.isUndefined(nextProps.currentTab) && !_.isEmpty(nextProps.currentTab)) {
+      this.setState({
+        selectedCategory: nextProps.currentTab
+      });
+    }
+  }
+  selectCategory(key) {
+    this.setState({
+      selectedCategory: key
+    });
+    this.props.onSelect(key);
+  }
+  renderCounter(key) {
+    if (this.props.categoryCounter && this.props.categoryCounter[key] && this.props.categoryCounter[key] === true && this.props.counterValues && this.props.counterValues[key] > 0) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.counter
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.counterText
+      }, this.props.counterValues[key]));
+    }
+    return null;
+  }
+  renderCategories(noScrollStyle) {
+    const getTextColour = key => {
+      if (this.state.selectedCategory === key) {
+        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;
+      }
+      return this.props.headerType !== 'white' ? '#fff' : TEXT_LIGHT;
+    };
+    const getBottomBorderColour = key => {
+      if (this.state.selectedCategory === key) {
+        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;
+      }
+      return this.props.headerType !== 'white' ? this.props.colourBrandingMain : '#fff';
+    };
+    return this.state.categoryKeys.map((key, index) => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: index
+        // style={[{ minHeight: this.props.height || 30, justifyContent: 'center' }, noScrollStyle && { flex: 1 }]}
+        ,
+        style: [{
+          flex: 1,
+          minHeight: this.props.height || 30,
+          justifyContent: 'center'
+        }, this.props.catWrapperStyle],
+        onPress: this.selectCategory.bind(this, key)
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [{
+          borderBottomColor: getBottomBorderColour(key),
+          borderBottomWidth: noScrollStyle ? 0 : 2,
+          marginRight: noScrollStyle ? 0 : 16,
+          marginLeft: index === 0 && !noScrollStyle ? 16 : 0,
+          justifyContent: 'center',
+          alignContent: 'center',
+          minHeight: 30,
+          flexDirection: 'row',
+          backgroundColor: this.props.headerType !== 'white' ? this.props.colourBrandingMain : undefined
+        }, this.props.style]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [noScrollStyle && styles.innerContainer, {
+          flex: 1,
+          borderColor: getBottomBorderColour(key),
+          justifyContent: 'center'
+        }, this.props.catStyle]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [{
+          fontFamily: 'sf-semibold',
+          fontSize: 15,
+          color: getTextColour(key),
+          textAlign: 'center',
+          paddingVertical: 8,
+          width: 'auto'
+        }, this.props.textStyle, this.props.colourBrandingHeader && this.state.selectedCategory !== key && {
+          color: this.props.colourBrandingMain,
+          opacity: 0.5
+        }]
+      }, key), this.renderCounter(key))));
+    });
+  }
+  render() {
+    if (this.props.noScroll) {
+      // return (<View style={{ flexDirection: 'row', paddingLeft: 16, paddingRight: 16 }}>
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-evenly'
+        }
+      }, this.renderCategories(true));
+    }
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true
+    }, this.renderCategories(false));
+  }
+}
+const styles = {
+  counter: {
+    backgroundColor: COLOUR_GREEN,
+    height: 16,
+    minWidth: 16,
+    borderRadius: 8,
+    marginLeft: 4,
+    marginTop: 4,
+    justifyContent: 'center',
+    alignContent: 'center'
+  },
+  counterText: {
+    color: '#fff',
+    textAlign: 'center',
+    fontSize: 12,
+    fontFamily: 'sf-semibold'
+  },
+  innerContainer: {
+    borderBottomWidth: 2,
+    flexDirection: 'row',
+    paddingHorizontal: 8
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    headerType: getSiteSettingFromState(state, 'HeaderType', getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white')
+  };
+};
+const categoryTabs = connect(mapStateToProps, {})(CategoryTabs);
+export { categoryTabs as CategoryTabs };
+//# sourceMappingURL=CategoryTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","_","Text","TouchableOpacity","View","ScrollView","connect","TEXT_LIGHT","COLOUR_GREEN","getMainBrandingColourFromState","getSiteSettingFromState","Config","CategoryTabs","constructor","props","state","categoryKeys","selectedCategory","initialCategory","UNSAFE_componentWillMount","setState","isUndefined","currentTab","isEmpty","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","selectCategory","key","onSelect","renderCounter","categoryCounter","counterValues","createElement","style","styles","counter","counterText","renderCategories","noScrollStyle","getTextColour","headerType","colourBrandingMain","getBottomBorderColour","map","index","flex","minHeight","height","justifyContent","catWrapperStyle","onPress","bind","borderBottomColor","borderBottomWidth","marginRight","marginLeft","alignContent","flexDirection","backgroundColor","undefined","innerContainer","borderColor","catStyle","fontFamily","fontSize","color","textAlign","paddingVertical","width","textStyle","colourBrandingHeader","opacity","render","noScroll","horizontal","minWidth","borderRadius","marginTop","paddingHorizontal","mapStateToProps","env","hasGradientHeader","categoryTabs"],"sources":["CategoryTabs.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { Text, TouchableOpacity, View, ScrollView } from 'react-native';\nimport { connect } from 'react-redux';\nimport { TEXT_LIGHT, COLOUR_GREEN, getMainBrandingColourFromState } from '../colours';\nimport { getSiteSettingFromState } from '../helper';\n// import { HAS_GRADIENT_HEADER } from '../../config';\nimport Config from '../config';\n\nclass CategoryTabs extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      categoryKeys: [],\n      selectedCategory: this.props.initialCategory,\n    };\n  }\n\n  UNSAFE_componentWillMount() {\n    this.setState({\n      selectedCategory:\n        !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,\n      categoryKeys: this.props.categoryKeys,\n    });\n  }\n\n  componentDidMount() {\n    this.setState({\n      selectedCategory:\n        !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!_.isUndefined(nextProps.currentTab) && !_.isEmpty(nextProps.currentTab)) {\n      this.setState({ selectedCategory: nextProps.currentTab });\n    }\n  }\n\n  selectCategory(key) {\n    this.setState({\n      selectedCategory: key,\n    });\n    this.props.onSelect(key);\n  }\n\n  renderCounter(key) {\n    if (\n      this.props.categoryCounter &&\n      this.props.categoryCounter[key] &&\n      this.props.categoryCounter[key] === true &&\n      this.props.counterValues &&\n      this.props.counterValues[key] > 0\n    ) {\n      return (\n        <View style={styles.counter}>\n          <Text style={styles.counterText}>{this.props.counterValues[key]}</Text>\n        </View>\n      );\n    }\n    return null;\n  }\n\n  renderCategories(noScrollStyle) {\n    const getTextColour = key => {\n      if (this.state.selectedCategory === key) {\n        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;\n      }\n      return this.props.headerType !== 'white' ? '#fff' : TEXT_LIGHT;\n    };\n    const getBottomBorderColour = key => {\n      if (this.state.selectedCategory === key) {\n        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;\n      }\n      return this.props.headerType !== 'white' ? this.props.colourBrandingMain : '#fff';\n    };\n    return this.state.categoryKeys.map((key, index) => {\n      return (\n        <TouchableOpacity\n          key={index}\n          // style={[{ minHeight: this.props.height || 30, justifyContent: 'center' }, noScrollStyle && { flex: 1 }]}\n          style={[{ flex: 1, minHeight: this.props.height || 30, justifyContent: 'center' }, this.props.catWrapperStyle]}\n          onPress={this.selectCategory.bind(this, key)}\n        >\n          <View\n            style={[\n              {\n                borderBottomColor: getBottomBorderColour(key),\n                borderBottomWidth: noScrollStyle ? 0 : 2,\n                marginRight: noScrollStyle ? 0 : 16,\n                marginLeft: index === 0 && !noScrollStyle ? 16 : 0,\n                justifyContent: 'center',\n                alignContent: 'center',\n                minHeight: 30,\n                flexDirection: 'row',\n                backgroundColor: this.props.headerType !== 'white' ? this.props.colourBrandingMain : undefined,\n              },\n              this.props.style,\n            ]}\n          >\n            <View\n              style={[\n                noScrollStyle && styles.innerContainer,\n                {\n                  flex: 1,\n                  borderColor: getBottomBorderColour(key),\n                  justifyContent: 'center',\n                },\n                this.props.catStyle,\n              ]}\n            >\n              <Text\n                style={[\n                  {\n                    fontFamily: 'sf-semibold',\n                    fontSize: 15,\n                    color: getTextColour(key),\n                    textAlign: 'center',\n                    paddingVertical: 8,\n                    width: 'auto',\n                  },\n                  this.props.textStyle,\n                  this.props.colourBrandingHeader &&\n                    this.state.selectedCategory !== key && { color: this.props.colourBrandingMain, opacity: 0.5 },\n                ]}\n              >\n                {key}\n              </Text>\n              {this.renderCounter(key)}\n            </View>\n          </View>\n        </TouchableOpacity>\n      );\n    });\n  }\n\n  render() {\n    if (this.props.noScroll) {\n      // return (<View style={{ flexDirection: 'row', paddingLeft: 16, paddingRight: 16 }}>\n      return <View style={{ flexDirection: 'row', justifyContent: 'space-evenly' }}>{this.renderCategories(true)}</View>;\n    }\n    return <ScrollView horizontal>{this.renderCategories(false)}</ScrollView>;\n  }\n}\n\nconst styles = {\n  counter: {\n    backgroundColor: COLOUR_GREEN,\n    height: 16,\n    minWidth: 16,\n    borderRadius: 8,\n    marginLeft: 4,\n    marginTop: 4,\n    justifyContent: 'center',\n    alignContent: 'center',\n  },\n  counterText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontSize: 12,\n    fontFamily: 'sf-semibold',\n  },\n  innerContainer: {\n    borderBottomWidth: 2,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    headerType: getSiteSettingFromState(\n      state,\n      'HeaderType',\n      getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white',\n    ),\n  };\n};\n\nconst categoryTabs = connect(mapStateToProps, {})(CategoryTabs);\nexport { categoryTabs as CategoryTabs };\n"],"mappings":"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"}

package/dist/module/components/CommentReply.js

@@ -0,0 +1,328 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Keyboard, TextInput, View, ImageBackground, TouchableOpacity, Dimensions } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { getBottomSpace } from 'react-native-iphone-x-helper';
+import _ from 'lodash';
+import { getApiError } from '../session';
+import { getShadowStyle } from '../helper';
+import { TEXT_BLUEGREY, TEXT_DARKEST, BG_GREY } from '../colours';
+import { Spinner } from './Spinner';
+import ImageUploader from './ImageUploader';
+import { reactionActions } from '../apis';
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+class CommentReply extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onUploadStarted", () => {
+      this.setState({
+        uploadingCommentImage: true
+      });
+      setTimeout(() => {
+        if (!this.props.noScroll) {
+          var _this$props$scrollVie;
+          (_this$props$scrollVie = this.props.scrollView) === null || _this$props$scrollVie === void 0 || (_this$props$scrollVie = _this$props$scrollVie.current) === null || _this$props$scrollVie === void 0 || _this$props$scrollVie.scrollToEnd({
+            animated: true
+          });
+        }
+      }, 500);
+    });
+    _defineProperty(this, "onUploadSuccess", uri => {
+      this.setState({
+        uploadingCommentImage: false,
+        commentImageInput: uri.replace('/general/', '/general1400/')
+      });
+    });
+    _defineProperty(this, "onUploadFailed", () => {
+      this.setState({
+        uploadingCommentImage: false,
+        commentImageInput: null
+      });
+    });
+    this.state = {
+      commentImageInput: '',
+      commentInput: '',
+      uploadingCommentImage: false,
+      commentsLoading: true,
+      addingComment: false
+    };
+  }
+  componentDidMount() {
+    if (this.props.commentSection && this.props.commentSection.current) {
+      this.setState({
+        commentsLoading: this.props.commentSection.current.isLoading()
+      });
+    }
+  }
+  focusInput() {
+    this.refs.replyInput.focus();
+  }
+  loadingStarted() {
+    this.setState({
+      commentsLoading: true
+    });
+  }
+  loadingCompleted() {
+    this.setState({
+      commentsLoading: false
+    });
+  }
+  shouldShowImageInput() {
+    return this.state.uploadingCommentImage || !_.isEmpty(this.state.commentImageInput);
+  }
+  addComment() {
+    setTimeout(() => {
+      if (!this.props.noScroll) {
+        var _this$props$scrollVie2;
+        (_this$props$scrollVie2 = this.props.scrollView) === null || _this$props$scrollVie2 === void 0 || (_this$props$scrollVie2 = _this$props$scrollVie2.current) === null || _this$props$scrollVie2 === void 0 || _this$props$scrollVie2.scrollToEnd({
+          animated: true
+        });
+      }
+    }, 500);
+    const text = this.state.commentInput;
+    const image = this.state.commentImageInput;
+    this.setState({
+      addingComment: true,
+      commentInput: '',
+      commentImageInput: ''
+    });
+    Keyboard.dismiss();
+    if (this.props.commentSection) {
+      var _this$props$commentSe;
+      (_this$props$commentSe = this.props.commentSection) === null || _this$props$commentSe === void 0 || (_this$props$commentSe = _this$props$commentSe.current) === null || _this$props$commentSe === void 0 || _this$props$commentSe.startedAddingComment();
+    }
+    reactionActions.addComment(this.props.entityId, this.props.entityType, this.props.entityName, this.props.site, text, image, this.props.threadId).then(res => {
+      if (this.props.commentSection) {
+        var _this$props$commentSe2;
+        (_this$props$commentSe2 = this.props.commentSection) === null || _this$props$commentSe2 === void 0 || (_this$props$commentSe2 = _this$props$commentSe2.current) === null || _this$props$commentSe2 === void 0 || _this$props$commentSe2.commentAdded(res.data);
+      }
+      this.setState({
+        addingComment: false
+      });
+      setTimeout(() => {
+        if (!this.props.noScroll) {
+          var _this$props$scrollVie3;
+          (_this$props$scrollVie3 = this.props.scrollView) === null || _this$props$scrollVie3 === void 0 || (_this$props$scrollVie3 = _this$props$scrollVie3.current) === null || _this$props$scrollVie3 === void 0 || _this$props$scrollVie3.scrollToEnd({
+            animated: true
+          });
+        }
+      }, 500);
+    }).catch(err => {
+      console.log(getApiError(err));
+    });
+  }
+  removeImage() {
+    this.setState({
+      commentImageInput: null
+    });
+  }
+  showUploadMenu() {
+    if (this.state.uploadingCommentImage || !_.isEmpty(this.state.commentImageInput)) {
+      return;
+    }
+    this.commentImageUploader.showUploadMenu();
+  }
+  renderImageAttachment() {
+    if (_.isEmpty(this.state.commentImageInput) && !this.state.uploadingCommentImage) {
+      return null;
+    }
+    if (this.state.uploadingCommentImage) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.accessoryImage, styles.accessoryImageBorder, {
+          borderWidth: 1,
+          borderColor: BG_GREY
+        }]
+      }, /*#__PURE__*/React.createElement(Spinner, null));
+    }
+    return /*#__PURE__*/React.createElement(ImageBackground, {
+      style: styles.accessoryImage,
+      imageStyle: styles.accessoryImageBorder,
+      source: {
+        uri: this.state.commentImageInput
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.accessoryImageClose,
+      onPress: this.removeImage.bind(this),
+      hitSlop: {
+        top: 8,
+        right: 8,
+        bottom: 8,
+        left: 8
+      }
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "remove",
+      type: "font-awesome",
+      iconStyle: styles.accessoryImageCloseIcon,
+      style: styles.accessoryImageCloseIconContainer
+    })));
+  }
+  renderImageUploader() {
+    return /*#__PURE__*/React.createElement(ImageUploader, {
+      ref: ref => this.commentImageUploader = ref,
+      onUploadStarted: this.onUploadStarted,
+      onUploadSuccess: this.onUploadSuccess,
+      onUploadFailed: this.onUploadFailed,
+      onLibrarySelected: this.onUploadSuccess,
+      quality: 0.8,
+      allowsEditing: false,
+      fileName: "commentImage",
+      popupTitle: "Add Image",
+      userId: this.props.user.uid,
+      hideLibrary: true
+    });
+  }
+  render() {
+    if (_.includes(this.props.user.hidden, 'addComment')) {
+      return null;
+    }
+    if (this.state.commentsLoading) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.inputContainer, getShadowStyle(), this.props.style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.input, {
+        marginRight: _.isEmpty(this.state.commentInput) && _.isEmpty(this.state.commentImageInput) ? 40 : 80
+      }]
+    }, /*#__PURE__*/React.createElement(TextInput, {
+      ref: "replyInput",
+      placeholder: "Enter your comment here",
+      value: this.state.commentInput,
+      onFocus: () => {
+        if (!this.props.noScroll) {
+          var _this$props$scrollVie4;
+          (_this$props$scrollVie4 = this.props.scrollView) === null || _this$props$scrollVie4 === void 0 || (_this$props$scrollVie4 = _this$props$scrollVie4.current) === null || _this$props$scrollVie4 === void 0 || _this$props$scrollVie4.scrollToEnd({
+            animated: true
+          });
+        }
+      },
+      onChangeText: value => {
+        if (!this.props.noScroll) {
+          var _this$props$scrollVie5;
+          (_this$props$scrollVie5 = this.props.scrollView) === null || _this$props$scrollVie5 === void 0 || (_this$props$scrollVie5 = _this$props$scrollVie5.current) === null || _this$props$scrollVie5 === void 0 || _this$props$scrollVie5.scrollToEnd({
+            animated: false
+          });
+        }
+        this.setState({
+          commentInput: value
+        });
+      },
+      style: styles.inputText,
+      autoCapitalize: "sentences",
+      multiline: true,
+      autoCorrect: true,
+      autoGrow: true
+    })), (!_.isEmpty(this.state.commentInput) || !_.isEmpty(this.state.commentImageInput)) && !this.state.addingComment && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.addComment.bind(this),
+      style: [styles.sendContainer, {
+        right: 4,
+        padding: 4,
+        width: 40,
+        height: 40
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "paper-plane",
+      type: "font-awesome",
+      iconStyle: [styles.send, {
+        width: 40
+      }]
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.showUploadMenu.bind(this),
+      style: [styles.sendContainer, {
+        right: _.isEmpty(this.state.commentInput) && _.isEmpty(this.state.commentImageInput) ? 4 : 44,
+        padding: 4,
+        width: 40,
+        height: 40
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "picture-o",
+      type: "font-awesome",
+      iconStyle: [styles.send, {
+        width: 40
+      }]
+    })), this.renderImageAttachment(), this.renderImageUploader());
+  }
+}
+const styles = {
+  accessoryImage: {
+    marginTop: 8,
+    width: 60,
+    height: 60
+  },
+  accessoryImageBorder: {
+    borderRadius: 2
+  },
+  accessoryImageClose: {
+    width: 14,
+    height: 14,
+    borderRadius: 7,
+    position: 'absolute',
+    top: -7,
+    right: -7,
+    backgroundColor: TEXT_BLUEGREY
+  },
+  accessoryImageCloseIconContainer: {
+    width: 14,
+    height: 14,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  accessoryImageCloseIcon: {
+    fontSize: 10,
+    color: '#fff',
+    textAlign: 'center'
+  },
+  inputContainer: {
+    backgroundColor: '#fff',
+    paddingVertical: 8,
+    paddingHorizontal: 8,
+    paddingBottom: 8 + getBottomSpace(),
+    flexGrow: 1
+  },
+  inputText: {
+    color: TEXT_DARKEST,
+    fontSize: 14,
+    fontFamily: 'sf-medium'
+  },
+  input: {
+    fontSize: 14,
+    color: TEXT_DARKEST,
+    fontFamily: 'sf-medium',
+    margin: 0,
+    backgroundColor: BG_GREY,
+    borderRadius: 5,
+    padding: 8,
+    maxHeight: SCREEN_HEIGHT / 3
+  },
+  sendContainer: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    height: 30,
+    width: 30,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#fff'
+  },
+  send: {
+    color: TEXT_BLUEGREY,
+    fontSize: 24,
+    textAlign: 'center'
+  }
+};
+const mapStateToProps = state => {
+  const {
+    user
+  } = state;
+  return {
+    user
+  };
+};
+const commentReply = connect(mapStateToProps, {}, null, {
+  forwardRef: true
+})(CommentReply);
+export { commentReply as CommentReply };
+//# sourceMappingURL=CommentReply.js.map

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

@@ -0,0 +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 '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"],"mappings":"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"}