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

package/dist/module/components/CalendarPopup.js

@@ -1,13 +1,13 @@
 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 moment from 'moment';
-import React, { Component } from 'react';
-import { Modal, View, TouchableOpacity, StyleSheet } from 'react-native';
-import { Calendar } from 'react-native-calendars';
-import { StatusBarHeight } from '../helper';
-import { Pl60Icon } from '../fonts';
-import { hexToRGBAstring, COLOUR_RED, TEXT_DARK } from '../colours';
+import moment from "moment";
+import React, { Component } from "react";
+import { Modal, View, TouchableOpacity, StyleSheet } from "react-native";
+import { Calendar } from "react-native-calendars";
+import { StatusBarHeight } from "../helper";
+import { FontAwesome } from "./Icon";
+import { hexToRGBAstring, COLOUR_RED, TEXT_DARK, COLOUR_GRAPEFRUIT } from "../colours";
 class CalendarPopup extends Component {
   constructor(props) {
     super(props);
@@ -30,8 +30,8 @@ class CalendarPopup extends Component {
       style: styles.menuIconContainer,
       onPress: onClose,
       activeOpacity: 0.6
-    }, /*#__PURE__*/React.createElement(Pl60Icon, {
-      name: "close",
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "x",
       style: styles.menuIcon
     }));
   }
@@ -50,16 +50,16 @@ class CalendarPopup extends Component {
       disabledColor,
       theme
     } = this.props;
-    const initialDate = (selectedDate ? moment(selectedDate) : moment()).format('YYYY-MM-DD');
-    const min = minDate ? moment(minDate).format('YYYY-MM-DD') : undefined;
-    const max = maxDate ? moment(maxDate).format('YYYY-MM-DD') : undefined;
+    const initialDate = (selectedDate ? moment(selectedDate) : moment()).format("YYYY-MM-DD");
+    const min = minDate ? moment(minDate).format("YYYY-MM-DD") : undefined;
+    const max = maxDate ? moment(maxDate).format("YYYY-MM-DD") : undefined;
     const dateMarkings = {};
     (enabledDates || []).forEach(date => {
       const {
         day,
         enabled
       } = date;
-      const key = moment(day).format('YYYY-MM-DD');
+      const key = moment(day).format("YYYY-MM-DD");
       dateMarkings[key] = {
         enabled,
         disableTouchEvent: !enabled,
@@ -74,17 +74,17 @@ class CalendarPopup extends Component {
     return /*#__PURE__*/React.createElement(Modal, {
       transparent: true,
       visible: visible || false,
-      animationType: animationType || 'fade',
+      animationType: animationType || "fade",
       onRequestClose: onClose
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles.popup, backgroundStyle || {
-        backgroundColor: hexToRGBAstring('#fff', 1)
+        backgroundColor: hexToRGBAstring("#fff", 1)
       }]
     }, /*#__PURE__*/React.createElement(Calendar, {
       initialDate: initialDate,
       minDate: min,
       maxDate: max,
-      markingType: 'custom',
+      markingType: "custom",
       markedDates: {
         ...dateMarkings,
         [initialDate]: {
@@ -99,14 +99,14 @@ class CalendarPopup extends Component {
 }
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#000'
+    backgroundColor: "#000"
   },
   popup: {
     flex: 1,
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   menuIconContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: StatusBarHeight(0),
     right: 0,
     width: 55,
@@ -117,8 +117,8 @@ const styles = StyleSheet.create({
     fontSize: 30,
     padding: 15,
     width: 65,
-    textAlign: 'center',
-    color: '#000',
+    textAlign: "center",
+    color: "#000",
     zIndex: 3
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["moment","React","Component","Modal","View","TouchableOpacity","StyleSheet","Calendar","StatusBarHeight","Pl60Icon","hexToRGBAstring","COLOUR_RED","TEXT_DARK","CalendarPopup","constructor","props","_defineProperty","date","onSelect","timestamp","state","renderClose","onClose","createElement","style","styles","menuIconContainer","onPress","activeOpacity","name","menuIcon","render","visible","animationType","backgroundStyle","selectedDate","minDate","maxDate","enabledDates","selectedColor","enabledColor","disabledColor","theme","initialDate","format","min","undefined","max","dateMarkings","forEach","day","enabled","key","disableTouchEvent","customStyles","text","color","transparent","onRequestClose","popup","backgroundColor","markingType","markedDates","selected","COLOUR_GRAPEFRUIT","onDayPress","create","container","flex","justifyContent","position","top","right","width","height","zIndex","fontSize","padding","textAlign"],"sources":["CalendarPopup.js"],"sourcesContent":["import moment from 'moment';\nimport React, { Component } from 'react';\nimport { Modal, View, TouchableOpacity, StyleSheet } from 'react-native';\nimport { Calendar } from 'react-native-calendars';\nimport { StatusBarHeight } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { hexToRGBAstring, COLOUR_RED, TEXT_DARK } from '../colours';\n\nclass CalendarPopup extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {};\n  }\n\n  onDayPress = date => {\n    const { onSelect } = this.props;\n    if (!onSelect) return;\n\n    // console.log('onDayPress', date);\n    onSelect(date.timestamp);\n  };\n\n  renderClose() {\n    const { onClose } = this.props;\n    return (\n      <TouchableOpacity style={styles.menuIconContainer} onPress={onClose} activeOpacity={0.6}>\n        <Pl60Icon name=\"close\" style={styles.menuIcon} />\n      </TouchableOpacity>\n    );\n  }\n\n  render() {\n    const {\n      visible,\n      animationType,\n      onClose,\n      backgroundStyle,\n      selectedDate,\n      minDate,\n      maxDate,\n      enabledDates,\n      selectedColor,\n      enabledColor,\n      disabledColor,\n      theme,\n    } = this.props;\n\n    const initialDate = (selectedDate ? moment(selectedDate) : moment()).format('YYYY-MM-DD');\n    const min = minDate ? moment(minDate).format('YYYY-MM-DD') : undefined;\n    const max = maxDate ? moment(maxDate).format('YYYY-MM-DD') : undefined;\n    const dateMarkings = {};\n    (enabledDates || []).forEach(date => {\n      const { day, enabled } = date;\n      const key = moment(day).format('YYYY-MM-DD');\n      dateMarkings[key] = {\n        enabled,\n        disableTouchEvent: !enabled,\n        customStyles: { text: { color: enabled ? enabledColor || TEXT_DARK : disabledColor || COLOUR_RED } },\n      };\n    });\n    // console.log('CalendarPopup - enabled', JSON.stringify(dateMarkings, null, 2));\n    return (\n      <Modal transparent visible={visible || false} animationType={animationType || 'fade'} onRequestClose={onClose}>\n        <View style={[styles.popup, backgroundStyle || { backgroundColor: hexToRGBAstring('#fff', 1) }]}>\n          <Calendar\n            initialDate={initialDate}\n            minDate={min}\n            maxDate={max}\n            markingType={'custom'}\n            markedDates={{\n              ...dateMarkings,\n              [initialDate]: { selected: true, selectedColor: selectedColor || COLOUR_GRAPEFRUIT },\n            }}\n            onDayPress={this.onDayPress}\n            theme={theme}\n          />\n        </View>\n        {this.renderClose()}\n      </Modal>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: '#000',\n  },\n  popup: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n  menuIconContainer: {\n    position: 'absolute',\n    top: StatusBarHeight(0),\n    right: 0,\n    width: 55,\n    height: 55,\n    zIndex: 3,\n  },\n  menuIcon: {\n    fontSize: 30,\n    padding: 15,\n    width: 65,\n    textAlign: 'center',\n    color: '#000',\n    zIndex: 3,\n  },\n});\n\nexport { CalendarPopup };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["moment","React","Component","Modal","View","TouchableOpacity","StyleSheet","Calendar","StatusBarHeight","FontAwesome","hexToRGBAstring","COLOUR_RED","TEXT_DARK","COLOUR_GRAPEFRUIT","CalendarPopup","constructor","props","_defineProperty","date","onSelect","timestamp","state","renderClose","onClose","createElement","style","styles","menuIconContainer","onPress","activeOpacity","name","menuIcon","render","visible","animationType","backgroundStyle","selectedDate","minDate","maxDate","enabledDates","selectedColor","enabledColor","disabledColor","theme","initialDate","format","min","undefined","max","dateMarkings","forEach","day","enabled","key","disableTouchEvent","customStyles","text","color","transparent","onRequestClose","popup","backgroundColor","markingType","markedDates","selected","onDayPress","create","container","flex","justifyContent","position","top","right","width","height","zIndex","fontSize","padding","textAlign"],"sources":["CalendarPopup.js"],"sourcesContent":["import moment from \"moment\";\nimport React, { Component } from \"react\";\nimport { Modal, View, TouchableOpacity, StyleSheet } from \"react-native\";\nimport { Calendar } from \"react-native-calendars\";\nimport { StatusBarHeight } from \"../helper\";\nimport { FontAwesome } from \"./Icon\";\nimport {\n\thexToRGBAstring,\n\tCOLOUR_RED,\n\tTEXT_DARK,\n\tCOLOUR_GRAPEFRUIT,\n} from \"../colours\";\n\nclass CalendarPopup extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {};\n\t}\n\n\tonDayPress = (date) => {\n\t\tconst { onSelect } = this.props;\n\t\tif (!onSelect) return;\n\n\t\t// console.log('onDayPress', date);\n\t\tonSelect(date.timestamp);\n\t};\n\n\trenderClose() {\n\t\tconst { onClose } = this.props;\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={styles.menuIconContainer}\n\t\t\t\tonPress={onClose}\n\t\t\t\tactiveOpacity={0.6}\n\t\t\t>\n\t\t\t\t<FontAwesome name=\"x\" style={styles.menuIcon} />\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvisible,\n\t\t\tanimationType,\n\t\t\tonClose,\n\t\t\tbackgroundStyle,\n\t\t\tselectedDate,\n\t\t\tminDate,\n\t\t\tmaxDate,\n\t\t\tenabledDates,\n\t\t\tselectedColor,\n\t\t\tenabledColor,\n\t\t\tdisabledColor,\n\t\t\ttheme,\n\t\t} = this.props;\n\n\t\tconst initialDate = (selectedDate ? moment(selectedDate) : moment()).format(\n\t\t\t\"YYYY-MM-DD\",\n\t\t);\n\t\tconst min = minDate ? moment(minDate).format(\"YYYY-MM-DD\") : undefined;\n\t\tconst max = maxDate ? moment(maxDate).format(\"YYYY-MM-DD\") : undefined;\n\t\tconst dateMarkings = {};\n\t\t(enabledDates || []).forEach((date) => {\n\t\t\tconst { day, enabled } = date;\n\t\t\tconst key = moment(day).format(\"YYYY-MM-DD\");\n\t\t\tdateMarkings[key] = {\n\t\t\t\tenabled,\n\t\t\t\tdisableTouchEvent: !enabled,\n\t\t\t\tcustomStyles: {\n\t\t\t\t\ttext: {\n\t\t\t\t\t\tcolor: enabled\n\t\t\t\t\t\t\t? enabledColor || TEXT_DARK\n\t\t\t\t\t\t\t: disabledColor || COLOUR_RED,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t};\n\t\t});\n\t\t// console.log('CalendarPopup - enabled', JSON.stringify(dateMarkings, null, 2));\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\ttransparent\n\t\t\t\tvisible={visible || false}\n\t\t\t\tanimationType={animationType || \"fade\"}\n\t\t\t\tonRequestClose={onClose}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.popup,\n\t\t\t\t\t\tbackgroundStyle || { backgroundColor: hexToRGBAstring(\"#fff\", 1) },\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\tinitialDate={initialDate}\n\t\t\t\t\t\tminDate={min}\n\t\t\t\t\t\tmaxDate={max}\n\t\t\t\t\t\tmarkingType={\"custom\"}\n\t\t\t\t\t\tmarkedDates={{\n\t\t\t\t\t\t\t...dateMarkings,\n\t\t\t\t\t\t\t[initialDate]: {\n\t\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t\t\tselectedColor: selectedColor || COLOUR_GRAPEFRUIT,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonDayPress={this.onDayPress}\n\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t{this.renderClose()}\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tbackgroundColor: \"#000\",\n\t},\n\tpopup: {\n\t\tflex: 1,\n\t\tjustifyContent: \"center\",\n\t},\n\tmenuIconContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: StatusBarHeight(0),\n\t\tright: 0,\n\t\twidth: 55,\n\t\theight: 55,\n\t\tzIndex: 3,\n\t},\n\tmenuIcon: {\n\t\tfontSize: 30,\n\t\tpadding: 15,\n\t\twidth: 65,\n\t\ttextAlign: \"center\",\n\t\tcolor: \"#000\",\n\t\tzIndex: 3,\n\t},\n});\n\nexport { CalendarPopup };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/CategoryTabs.js

@@ -1,11 +1,12 @@
-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 React, { Component } from "react";
+import _ from "lodash";
+import { TouchableOpacity, View, ScrollView } from "react-native";
+import { Text } from "./Text";
+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';
+import Config from "../config";
 class CategoryTabs extends Component {
   constructor(props) {
     super(props);
@@ -51,15 +52,15 @@ class CategoryTabs extends Component {
   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" : this.props.colourBrandingMain;
       }
-      return this.props.headerType !== 'white' ? '#fff' : TEXT_LIGHT;
+      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" ? "#fff" : this.props.colourBrandingMain;
       }
-      return this.props.headerType !== 'white' ? this.props.colourBrandingMain : '#fff';
+      return this.props.headerType !== "white" ? this.props.colourBrandingMain : "#fff";
     };
     return this.state.categoryKeys.map((key, index) => {
       return /*#__PURE__*/React.createElement(TouchableOpacity, {
@@ -69,7 +70,7 @@ class CategoryTabs extends Component {
         style: [{
           flex: 1,
           minHeight: this.props.height || 30,
-          justifyContent: 'center'
+          justifyContent: "center"
         }, this.props.catWrapperStyle],
         onPress: this.selectCategory.bind(this, key)
       }, /*#__PURE__*/React.createElement(View, {
@@ -78,26 +79,26 @@ class CategoryTabs extends Component {
           borderBottomWidth: noScrollStyle ? 0 : 2,
           marginRight: noScrollStyle ? 0 : 16,
           marginLeft: index === 0 && !noScrollStyle ? 16 : 0,
-          justifyContent: 'center',
-          alignContent: 'center',
+          justifyContent: "center",
+          alignContent: "center",
           minHeight: 30,
-          flexDirection: 'row',
-          backgroundColor: this.props.headerType !== 'white' ? this.props.colourBrandingMain : undefined
+          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'
+          justifyContent: "center"
         }, this.props.catStyle]
       }, /*#__PURE__*/React.createElement(Text, {
         style: [{
-          fontFamily: 'sf-semibold',
+          fontFamily: "sf-semibold",
           fontSize: 15,
           color: getTextColour(key),
-          textAlign: 'center',
+          textAlign: "center",
           paddingVertical: 8,
-          width: 'auto'
+          width: "auto"
         }, this.props.textStyle, this.props.colourBrandingHeader && this.state.selectedCategory !== key && {
           color: this.props.colourBrandingMain,
           opacity: 0.5
@@ -110,8 +111,8 @@ class CategoryTabs extends Component {
       // return (<View style={{ flexDirection: 'row', paddingLeft: 16, paddingRight: 16 }}>
       return /*#__PURE__*/React.createElement(View, {
         style: {
-          flexDirection: 'row',
-          justifyContent: 'space-evenly'
+          flexDirection: "row",
+          justifyContent: "space-evenly"
         }
       }, this.renderCategories(true));
     }
@@ -128,25 +129,25 @@ const styles = {
     borderRadius: 8,
     marginLeft: 4,
     marginTop: 4,
-    justifyContent: 'center',
-    alignContent: 'center'
+    justifyContent: "center",
+    alignContent: "center"
   },
   counterText: {
-    color: '#fff',
-    textAlign: 'center',
+    color: "#fff",
+    textAlign: "center",
     fontSize: 12,
-    fontFamily: 'sf-semibold'
+    fontFamily: "sf-semibold"
   },
   innerContainer: {
     borderBottomWidth: 2,
-    flexDirection: 'row',
+    flexDirection: "row",
     paddingHorizontal: 8
   }
 };
 const mapStateToProps = state => {
   return {
     colourBrandingMain: getMainBrandingColourFromState(state),
-    headerType: getSiteSettingFromState(state, 'HeaderType', getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white')
+    headerType: getSiteSettingFromState(state, "HeaderType", getSiteSettingFromState(state, "UseGradientHeader", Config.env.hasGradientHeader) ? "gradient" : "white")
   };
 };
 const categoryTabs = connect(mapStateToProps, {})(CategoryTabs);

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

@@ -1 +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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","ignoreList":[]}
+{"version":3,"names":["React","Component","_","TouchableOpacity","View","ScrollView","Text","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 { TouchableOpacity, View, ScrollView } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport {\n\tTEXT_LIGHT,\n\tCOLOUR_GREEN,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { getSiteSettingFromState } from \"../helper\";\n// import { HAS_GRADIENT_HEADER } from '../../config';\nimport Config from \"../config\";\n\nclass CategoryTabs extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tcategoryKeys: [],\n\t\t\tselectedCategory: this.props.initialCategory,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.setState({\n\t\t\tselectedCategory:\n\t\t\t\t!_.isUndefined(this.props.currentTab) &&\n\t\t\t\t!_.isEmpty(this.props.currentTab)\n\t\t\t\t\t? this.props.currentTab\n\t\t\t\t\t: this.props.initialCategory,\n\t\t\tcategoryKeys: this.props.categoryKeys,\n\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setState({\n\t\t\tselectedCategory:\n\t\t\t\t!_.isUndefined(this.props.currentTab) &&\n\t\t\t\t!_.isEmpty(this.props.currentTab)\n\t\t\t\t\t? this.props.currentTab\n\t\t\t\t\t: this.props.initialCategory,\n\t\t});\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (\n\t\t\t!_.isUndefined(nextProps.currentTab) &&\n\t\t\t!_.isEmpty(nextProps.currentTab)\n\t\t) {\n\t\t\tthis.setState({ selectedCategory: nextProps.currentTab });\n\t\t}\n\t}\n\n\tselectCategory(key) {\n\t\tthis.setState({\n\t\t\tselectedCategory: key,\n\t\t});\n\t\tthis.props.onSelect(key);\n\t}\n\n\trenderCounter(key) {\n\t\tif (\n\t\t\tthis.props.categoryCounter &&\n\t\t\tthis.props.categoryCounter[key] &&\n\t\t\tthis.props.categoryCounter[key] === true &&\n\t\t\tthis.props.counterValues &&\n\t\t\tthis.props.counterValues[key] > 0\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<View style={styles.counter}>\n\t\t\t\t\t<Text style={styles.counterText}>\n\t\t\t\t\t\t{this.props.counterValues[key]}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trenderCategories(noScrollStyle) {\n\t\tconst getTextColour = (key) => {\n\t\t\tif (this.state.selectedCategory === key) {\n\t\t\t\treturn this.props.headerType !== \"white\"\n\t\t\t\t\t? \"#fff\"\n\t\t\t\t\t: this.props.colourBrandingMain;\n\t\t\t}\n\t\t\treturn this.props.headerType !== \"white\" ? \"#fff\" : TEXT_LIGHT;\n\t\t};\n\t\tconst getBottomBorderColour = (key) => {\n\t\t\tif (this.state.selectedCategory === key) {\n\t\t\t\treturn this.props.headerType !== \"white\"\n\t\t\t\t\t? \"#fff\"\n\t\t\t\t\t: this.props.colourBrandingMain;\n\t\t\t}\n\t\t\treturn this.props.headerType !== \"white\"\n\t\t\t\t? this.props.colourBrandingMain\n\t\t\t\t: \"#fff\";\n\t\t};\n\t\treturn this.state.categoryKeys.map((key, index) => {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tkey={index}\n\t\t\t\t\t// style={[{ minHeight: this.props.height || 30, justifyContent: 'center' }, noScrollStyle && { flex: 1 }]}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\tminHeight: this.props.height || 30,\n\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.props.catWrapperStyle,\n\t\t\t\t\t]}\n\t\t\t\t\tonPress={this.selectCategory.bind(this, key)}\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderBottomColor: getBottomBorderColour(key),\n\t\t\t\t\t\t\t\tborderBottomWidth: noScrollStyle ? 0 : 2,\n\t\t\t\t\t\t\t\tmarginRight: noScrollStyle ? 0 : 16,\n\t\t\t\t\t\t\t\tmarginLeft: index === 0 && !noScrollStyle ? 16 : 0,\n\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\talignContent: \"center\",\n\t\t\t\t\t\t\t\tminHeight: 30,\n\t\t\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\tthis.props.headerType !== \"white\"\n\t\t\t\t\t\t\t\t\t\t? this.props.colourBrandingMain\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tnoScrollStyle && styles.innerContainer,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tborderColor: getBottomBorderColour(key),\n\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tthis.props.catStyle,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tfontFamily: \"sf-semibold\",\n\t\t\t\t\t\t\t\t\t\tfontSize: 15,\n\t\t\t\t\t\t\t\t\t\tcolor: getTextColour(key),\n\t\t\t\t\t\t\t\t\t\ttextAlign: \"center\",\n\t\t\t\t\t\t\t\t\t\tpaddingVertical: 8,\n\t\t\t\t\t\t\t\t\t\twidth: \"auto\",\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tthis.props.textStyle,\n\t\t\t\t\t\t\t\t\tthis.props.colourBrandingHeader &&\n\t\t\t\t\t\t\t\t\t\tthis.state.selectedCategory !== key && {\n\t\t\t\t\t\t\t\t\t\t\tcolor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{key}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{this.renderCounter(key)}\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.props.noScroll) {\n\t\t\t// return (<View style={{ flexDirection: 'row', paddingLeft: 16, paddingRight: 16 }}>\n\t\t\treturn (\n\t\t\t\t<View style={{ flexDirection: \"row\", justifyContent: \"space-evenly\" }}>\n\t\t\t\t\t{this.renderCategories(true)}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn <ScrollView horizontal>{this.renderCategories(false)}</ScrollView>;\n\t}\n}\n\nconst styles = {\n\tcounter: {\n\t\tbackgroundColor: COLOUR_GREEN,\n\t\theight: 16,\n\t\tminWidth: 16,\n\t\tborderRadius: 8,\n\t\tmarginLeft: 4,\n\t\tmarginTop: 4,\n\t\tjustifyContent: \"center\",\n\t\talignContent: \"center\",\n\t},\n\tcounterText: {\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t\tfontSize: 12,\n\t\tfontFamily: \"sf-semibold\",\n\t},\n\tinnerContainer: {\n\t\tborderBottomWidth: 2,\n\t\tflexDirection: \"row\",\n\t\tpaddingHorizontal: 8,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\theaderType: getSiteSettingFromState(\n\t\t\tstate,\n\t\t\t\"HeaderType\",\n\t\t\tgetSiteSettingFromState(\n\t\t\t\tstate,\n\t\t\t\t\"UseGradientHeader\",\n\t\t\t\tConfig.env.hasGradientHeader,\n\t\t\t)\n\t\t\t\t? \"gradient\"\n\t\t\t\t: \"white\",\n\t\t),\n\t};\n};\n\nconst categoryTabs = connect(mapStateToProps, {})(CategoryTabs);\nexport { categoryTabs as CategoryTabs };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/CommentReply.js

@@ -1,19 +1,19 @@
 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 { connect } from 'react-redux';
-import { Keyboard, TextInput, View, ImageBackground, TouchableOpacity, Dimensions } from 'react-native';
-import { Icon } from '@rneui/themed';
-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;
+import React, { Component } from "react";
+import { connect } from "react-redux";
+import { Keyboard, TextInput, View, ImageBackground, TouchableOpacity, Dimensions } from "react-native";
+import { Icon } from "@rneui/themed";
+import { withSafeAreaInsets } from "react-native-safe-area-context";
+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);
@@ -33,7 +33,7 @@ class CommentReply extends Component {
     _defineProperty(this, "onUploadSuccess", uri => {
       this.setState({
         uploadingCommentImage: false,
-        commentImageInput: uri.replace('/general/', '/general1400/')
+        commentImageInput: uri.replace("/general/", "/general1400/")
       });
     });
     _defineProperty(this, "onUploadFailed", () => {
@@ -43,12 +43,13 @@ class CommentReply extends Component {
       });
     });
     this.state = {
-      commentImageInput: '',
-      commentInput: '',
+      commentImageInput: "",
+      commentInput: "",
       uploadingCommentImage: false,
       commentsLoading: true,
       addingComment: false
     };
+    this.replyInputRef = /*#__PURE__*/React.createRef();
   }
   componentDidMount() {
     if (this.props.commentSection && this.props.commentSection.current) {
@@ -58,7 +59,7 @@ class CommentReply extends Component {
     }
   }
   focusInput() {
-    this.refs.replyInput.focus();
+    this.replyInputRef.current.focus();
   }
   loadingStarted() {
     this.setState({
@@ -86,8 +87,8 @@ class CommentReply extends Component {
     const image = this.state.commentImageInput;
     this.setState({
       addingComment: true,
-      commentInput: '',
-      commentImageInput: ''
+      commentInput: "",
+      commentImageInput: ""
     });
     Keyboard.dismiss();
     if (this.props.commentSection) {
@@ -175,20 +176,24 @@ class CommentReply extends Component {
     });
   }
   render() {
-    if (_.includes(this.props.user.hidden, 'addComment')) {
+    var _this$props$insets;
+    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]
+      style: [styles.inputContainer, getShadowStyle(), {
+        paddingBottom: 8 + (((_this$props$insets = this.props.insets) === null || _this$props$insets === void 0 ? void 0 : _this$props$insets.bottom) ?? 0)
+      }, 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",
+      maxFontSizeMultiplier: 1.2,
+      ref: this.replyInputRef,
       placeholder: "Enter your comment here",
       value: this.state.commentInput,
       onFocus: () => {
@@ -259,7 +264,7 @@ const styles = {
     width: 14,
     height: 14,
     borderRadius: 7,
-    position: 'absolute',
+    position: "absolute",
     top: -7,
     right: -7,
     backgroundColor: TEXT_BLUEGREY
@@ -267,30 +272,31 @@ const styles = {
   accessoryImageCloseIconContainer: {
     width: 14,
     height: 14,
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: "center",
+    justifyContent: "center"
   },
   accessoryImageCloseIcon: {
     fontSize: 10,
-    color: '#fff',
-    textAlign: 'center'
+    color: "#fff",
+    textAlign: "center"
   },
   inputContainer: {
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     paddingVertical: 8,
     paddingHorizontal: 8,
-    paddingBottom: 8 + getBottomSpace(),
+    paddingBottom: 8,
+    // bottom inset added dynamically via props
     flexGrow: 1
   },
   inputText: {
     color: TEXT_DARKEST,
     fontSize: 14,
-    fontFamily: 'sf-medium'
+    fontFamily: "sf-medium"
   },
   input: {
     fontSize: 14,
     color: TEXT_DARKEST,
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     margin: 0,
     backgroundColor: BG_GREY,
     borderRadius: 5,
@@ -298,19 +304,19 @@ const styles = {
     maxHeight: SCREEN_HEIGHT / 3
   },
   sendContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: 8,
     right: 8,
     height: 30,
     width: 30,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#fff'
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#fff"
   },
   send: {
     color: TEXT_BLUEGREY,
     fontSize: 24,
-    textAlign: 'center'
+    textAlign: "center"
   }
 };
 const mapStateToProps = state => {
@@ -323,6 +329,6 @@ const mapStateToProps = state => {
 };
 const commentReply = connect(mapStateToProps, {}, null, {
   forwardRef: true
-})(CommentReply);
+})(withSafeAreaInsets(CommentReply));
 export { commentReply as CommentReply };
 //# sourceMappingURL=CommentReply.js.map