@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

package/dist/module/components/Toggle.js

@@ -0,0 +1,70 @@
+import React, { PureComponent } from 'react';
+import { Text, View, TouchableOpacity } from 'react-native';
+import { connect } from 'react-redux';
+import { getMainBrandingColourFromState } from '../colours';
+
+class Toggle extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.props.options.map((option, index) => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => {
+          this.props.onPress(option);
+        },
+        style: [styles.tag, {
+          borderColor: this.props.colourBrandingMain
+        }, option.val === this.props.activeVal && {
+          borderColor: this.props.colourBrandingMain,
+          backgroundColor: this.props.colourBrandingMain
+        }, index === 0 && styles.firstTag, index === this.props.options.length - 1 && styles.lastTag, this.props.tagStyle],
+        key: option.val
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, {
+          color: this.props.colourBrandingMain
+        }, option.val === this.props.activeVal && styles.activeText, this.props.textStyle]
+      }, option.text));
+    }));
+  }
+
+}
+
+const styles = {
+  container: {
+    flexDirection: 'row'
+  },
+  text: {
+    fontFamily: 'sf-semibold',
+    fontSize: 14,
+    textAlign: 'center'
+  },
+  activeText: {
+    color: '#fff'
+  },
+  tag: {
+    flex: 1,
+    height: 34,
+    borderWidth: 1,
+    borderLeftWidth: 0,
+    justifyContent: 'center'
+  },
+  firstTag: {
+    borderLeftWidth: 1,
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4
+  },
+  lastTag: {
+    borderTopRightRadius: 4,
+    borderBottomRightRadius: 4
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const toggle = connect(mapStateToProps, {})(Toggle);
+export { toggle as Toggle };
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Toggle.js"],"names":["React","PureComponent","Text","View","TouchableOpacity","connect","getMainBrandingColourFromState","Toggle","render","styles","container","props","style","options","map","option","index","onPress","tag","borderColor","colourBrandingMain","val","activeVal","backgroundColor","firstTag","length","lastTag","tagStyle","text","color","activeText","textStyle","flexDirection","fontFamily","fontSize","textAlign","flex","height","borderWidth","borderLeftWidth","justifyContent","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","mapStateToProps","state","toggle"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,gBAArB,QAA6C,cAA7C;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,8BAAT,QAA+C,YAA/C;;AAEA,MAAMC,MAAN,SAAqBN,aAArB,CAAmC;AACjCO,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB,KAAKC,KAAL,CAAWC,KAA9B;AAAb,OACG,KAAKD,KAAL,CAAWE,OAAX,CAAmBC,GAAnB,CAAuB,CAACC,MAAD,EAASC,KAAT,KAAmB;AACzC,0BACE,oBAAC,gBAAD;AACE,QAAA,OAAO,EAAE,MAAM;AACb,eAAKL,KAAL,CAAWM,OAAX,CAAmBF,MAAnB;AACD,SAHH;AAIE,QAAA,KAAK,EAAE,CACLN,MAAM,CAACS,GADF,EAEL;AAAEC,UAAAA,WAAW,EAAE,KAAKR,KAAL,CAAWS;AAA1B,SAFK,EAGLL,MAAM,CAACM,GAAP,KAAe,KAAKV,KAAL,CAAWW,SAA1B,IAAuC;AACrCH,UAAAA,WAAW,EAAE,KAAKR,KAAL,CAAWS,kBADa;AAErCG,UAAAA,eAAe,EAAE,KAAKZ,KAAL,CAAWS;AAFS,SAHlC,EAOLJ,KAAK,KAAK,CAAV,IAAeP,MAAM,CAACe,QAPjB,EAQLR,KAAK,KAAK,KAAKL,KAAL,CAAWE,OAAX,CAAmBY,MAAnB,GAA4B,CAAtC,IAA2ChB,MAAM,CAACiB,OAR7C,EASL,KAAKf,KAAL,CAAWgB,QATN,CAJT;AAeE,QAAA,GAAG,EAAEZ,MAAM,CAACM;AAfd,sBAiBE,oBAAC,IAAD;AACE,QAAA,KAAK,EAAE,CACLZ,MAAM,CAACmB,IADF,EAEL;AAAEC,UAAAA,KAAK,EAAE,KAAKlB,KAAL,CAAWS;AAApB,SAFK,EAGLL,MAAM,CAACM,GAAP,KAAe,KAAKV,KAAL,CAAWW,SAA1B,IAAuCb,MAAM,CAACqB,UAHzC,EAIL,KAAKnB,KAAL,CAAWoB,SAJN;AADT,SAQGhB,MAAM,CAACa,IARV,CAjBF,CADF;AA8BD,KA/BA,CADH,CADF;AAoCD;;AAtCgC;;AAyCnC,MAAMnB,MAAM,GAAG;AACbC,EAAAA,SAAS,EAAE;AACTsB,IAAAA,aAAa,EAAE;AADN,GADE;AAIbJ,EAAAA,IAAI,EAAE;AACJK,IAAAA,UAAU,EAAE,aADR;AAEJC,IAAAA,QAAQ,EAAE,EAFN;AAGJC,IAAAA,SAAS,EAAE;AAHP,GAJO;AASbL,EAAAA,UAAU,EAAE;AACVD,IAAAA,KAAK,EAAE;AADG,GATC;AAYbX,EAAAA,GAAG,EAAE;AACHkB,IAAAA,IAAI,EAAE,CADH;AAEHC,IAAAA,MAAM,EAAE,EAFL;AAGHC,IAAAA,WAAW,EAAE,CAHV;AAIHC,IAAAA,eAAe,EAAE,CAJd;AAKHC,IAAAA,cAAc,EAAE;AALb,GAZQ;AAmBbhB,EAAAA,QAAQ,EAAE;AACRe,IAAAA,eAAe,EAAE,CADT;AAERE,IAAAA,mBAAmB,EAAE,CAFb;AAGRC,IAAAA,sBAAsB,EAAE;AAHhB,GAnBG;AAwBbhB,EAAAA,OAAO,EAAE;AACPiB,IAAAA,oBAAoB,EAAE,CADf;AAEPC,IAAAA,uBAAuB,EAAE;AAFlB;AAxBI,CAAf;;AA8BA,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACL1B,IAAAA,kBAAkB,EAAEd,8BAA8B,CAACwC,KAAD;AAD7C,GAAP;AAGD,CAJD;;AAMA,MAAMC,MAAM,GAAG1C,OAAO,CAACwC,eAAD,EAAkB,EAAlB,CAAP,CAA6BtC,MAA7B,CAAf;AACA,SAASwC,MAAM,IAAIxC,MAAnB","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState } from '../colours';\n\nclass Toggle extends PureComponent {\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.props.options.map((option, index) => {\n          return (\n            <TouchableOpacity\n              onPress={() => {\n                this.props.onPress(option);\n              }}\n              style={[\n                styles.tag,\n                { borderColor: this.props.colourBrandingMain },\n                option.val === this.props.activeVal && {\n                  borderColor: this.props.colourBrandingMain,\n                  backgroundColor: this.props.colourBrandingMain,\n                },\n                index === 0 && styles.firstTag,\n                index === this.props.options.length - 1 && styles.lastTag,\n                this.props.tagStyle,\n              ]}\n              key={option.val}\n            >\n              <Text\n                style={[\n                  styles.text,\n                  { color: this.props.colourBrandingMain },\n                  option.val === this.props.activeVal && styles.activeText,\n                  this.props.textStyle,\n                ]}\n              >\n                {option.text}\n              </Text>\n            </TouchableOpacity>\n          );\n        })}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n  },\n  text: {\n    fontFamily: 'sf-semibold',\n    fontSize: 14,\n    textAlign: 'center',\n  },\n  activeText: {\n    color: '#fff',\n  },\n  tag: {\n    flex: 1,\n    height: 34,\n    borderWidth: 1,\n    borderLeftWidth: 0,\n    justifyContent: 'center',\n  },\n  firstTag: {\n    borderLeftWidth: 1,\n    borderTopLeftRadius: 4,\n    borderBottomLeftRadius: 4,\n  },\n  lastTag: {\n    borderTopRightRadius: 4,\n    borderBottomRightRadius: 4,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst toggle = connect(mapStateToProps, {})(Toggle);\nexport { toggle as Toggle };\n"]}

package/dist/module/components/TouchableSearchBar.js

@@ -0,0 +1,73 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { View, TouchableWithoutFeedback, Text } from 'react-native';
+import { connect } from 'react-redux';
+import { getSiteSettingFromState } from '../helper';
+import { TEXT_LIGHT, BOXGREY } from '../colours';
+import { Pl60Icon } from '../fonts';
+import Config, { Services } from '../config';
+
+class TouchableSearchBar extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onPressSearch", () => {
+      Services.navigation.navigate('search', {
+        priorityType: this.props.priorityType,
+        searchName: this.props.searchName
+      });
+    });
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: this.onPressSearch
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.searchInputContainer, this.props.headerType !== 'white' && {
+        backgroundColor: '#fff'
+      }, this.props.style]
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: "Ellipse",
+      style: styles.searchIcon
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.searchText
+    }, `Search ${this.props.searchName}`)));
+  }
+
+}
+
+const styles = {
+  searchInputContainer: {
+    flex: 1,
+    height: 36,
+    marginHorizontal: 16,
+    marginVertical: 17,
+    borderRadius: 25,
+    backgroundColor: BOXGREY,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    paddingHorizontal: 16
+  },
+  searchIcon: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    marginRight: 8
+  },
+  searchText: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    fontFamily: 'sf-medium'
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    headerType: getSiteSettingFromState(state, 'HeaderType', getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white')
+  };
+};
+
+const touchableSearchBar = connect(mapStateToProps, {})(TouchableSearchBar);
+export { touchableSearchBar as TouchableSearchBar };
+//# sourceMappingURL=TouchableSearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TouchableSearchBar.js"],"names":["React","Component","View","TouchableWithoutFeedback","Text","connect","getSiteSettingFromState","TEXT_LIGHT","BOXGREY","Pl60Icon","Config","Services","TouchableSearchBar","navigation","navigate","priorityType","props","searchName","render","onPressSearch","styles","searchInputContainer","headerType","backgroundColor","style","searchIcon","searchText","flex","height","marginHorizontal","marginVertical","borderRadius","alignItems","justifyContent","flexDirection","paddingHorizontal","fontSize","color","marginRight","fontFamily","mapStateToProps","state","env","hasGradientHeader","touchableSearchBar"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,EAAeC,wBAAf,EAAyCC,IAAzC,QAAqD,cAArD;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,uBAAT,QAAwC,WAAxC;AACA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,YAApC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,OAAOC,MAAP,IAAiBC,QAAjB,QAAiC,WAAjC;;AAEA,MAAMC,kBAAN,SAAiCX,SAAjC,CAA2C;AAAA;AAAA;;AAAA,2CACzB,MAAM;AACpBU,MAAAA,QAAQ,CAACE,UAAT,CAAoBC,QAApB,CAA6B,QAA7B,EAAuC;AAAEC,QAAAA,YAAY,EAAE,KAAKC,KAAL,CAAWD,YAA3B;AAAyCE,QAAAA,UAAU,EAAE,KAAKD,KAAL,CAAWC;AAAhE,OAAvC;AACD,KAHwC;AAAA;;AAKzCC,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,wBAAD;AAA0B,MAAA,OAAO,EAAE,KAAKC;AAAxC,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,oBAAR,EAA8B,KAAKL,KAAL,CAAWM,UAAX,KAA0B,OAA1B,IAAqC;AAAEC,QAAAA,eAAe,EAAE;AAAnB,OAAnE,EAAgG,KAAKP,KAAL,CAAWQ,KAA3G;AAAb,oBACE,oBAAC,QAAD;AAAU,MAAA,IAAI,EAAC,SAAf;AAAyB,MAAA,KAAK,EAAEJ,MAAM,CAACK;AAAvC,MADF,eAEE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEL,MAAM,CAACM;AAApB,OAAkC,UAAS,KAAKV,KAAL,CAAWC,UAAW,EAAjE,CAFF,CADF,CADF;AAQD;;AAdwC;;AAiB3C,MAAMG,MAAM,GAAG;AACbC,EAAAA,oBAAoB,EAAE;AACpBM,IAAAA,IAAI,EAAE,CADc;AAEpBC,IAAAA,MAAM,EAAE,EAFY;AAGpBC,IAAAA,gBAAgB,EAAE,EAHE;AAIpBC,IAAAA,cAAc,EAAE,EAJI;AAKpBC,IAAAA,YAAY,EAAE,EALM;AAMpBR,IAAAA,eAAe,EAAEf,OANG;AAOpBwB,IAAAA,UAAU,EAAE,QAPQ;AAQpBC,IAAAA,cAAc,EAAE,QARI;AASpBC,IAAAA,aAAa,EAAE,KATK;AAUpBC,IAAAA,iBAAiB,EAAE;AAVC,GADT;AAabV,EAAAA,UAAU,EAAE;AACVW,IAAAA,QAAQ,EAAE,EADA;AAEVC,IAAAA,KAAK,EAAE9B,UAFG;AAGV+B,IAAAA,WAAW,EAAE;AAHH,GAbC;AAkBbZ,EAAAA,UAAU,EAAE;AACVU,IAAAA,QAAQ,EAAE,EADA;AAEVC,IAAAA,KAAK,EAAE9B,UAFG;AAGVgC,IAAAA,UAAU,EAAE;AAHF;AAlBC,CAAf;;AAyBA,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACLnB,IAAAA,UAAU,EAAEhB,uBAAuB,CACjCmC,KADiC,EAEjC,YAFiC,EAGjCnC,uBAAuB,CAACmC,KAAD,EAAQ,mBAAR,EAA6B/B,MAAM,CAACgC,GAAP,CAAWC,iBAAxC,CAAvB,GAAoF,UAApF,GAAiG,OAHhE;AAD9B,GAAP;AAOD,CARD;;AAUA,MAAMC,kBAAkB,GAAGvC,OAAO,CAACmC,eAAD,EAAkB,EAAlB,CAAP,CAA6B5B,kBAA7B,CAA3B;AACA,SAASgC,kBAAkB,IAAIhC,kBAA/B","sourcesContent":["import React, { Component } from 'react';\nimport { View, TouchableWithoutFeedback, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getSiteSettingFromState } from '../helper';\nimport { TEXT_LIGHT, BOXGREY } from '../colours';\nimport { Pl60Icon } from '../fonts';\nimport Config, { Services } from '../config';\n\nclass TouchableSearchBar extends Component {\n  onPressSearch = () => {\n    Services.navigation.navigate('search', { priorityType: this.props.priorityType, searchName: this.props.searchName });\n  };\n\n  render() {\n    return (\n      <TouchableWithoutFeedback onPress={this.onPressSearch}>\n        <View style={[styles.searchInputContainer, this.props.headerType !== 'white' && { backgroundColor: '#fff' }, this.props.style]}>\n          <Pl60Icon name=\"Ellipse\" style={styles.searchIcon} />\n          <Text style={styles.searchText}>{`Search ${this.props.searchName}`}</Text>\n        </View>\n      </TouchableWithoutFeedback>\n    );\n  }\n}\n\nconst styles = {\n  searchInputContainer: {\n    flex: 1,\n    height: 36,\n    marginHorizontal: 16,\n    marginVertical: 17,\n    borderRadius: 25,\n    backgroundColor: BOXGREY,\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 16,\n  },\n  searchIcon: {\n    fontSize: 14,\n    color: TEXT_LIGHT,\n    marginRight: 8,\n  },\n  searchText: {\n    fontSize: 14,\n    color: TEXT_LIGHT,\n    fontFamily: 'sf-medium',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    headerType: getSiteSettingFromState(\n      state,\n      'HeaderType',\n      getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white',\n    ),\n  };\n};\n\nconst touchableSearchBar = connect(mapStateToProps, {})(TouchableSearchBar);\nexport { touchableSearchBar as TouchableSearchBar };\n"]}

package/dist/module/components/UserListPopup.js

@@ -0,0 +1,146 @@
+import React, { Component } from 'react';
+import { Text, View, Dimensions, Modal, ScrollView, TouchableWithoutFeedback, Platform } from 'react-native';
+import { connect } from 'react-redux';
+import { TEXT_DARK, LINEGREY, getMainBrandingColourFromState } from '../colours';
+import UserListing from './UserListing';
+import { InlineButton } from './InlineButton';
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+
+class UserListPopup extends Component {
+  getRenderKey(user, userKey) {
+    if (user.id) {
+      return `${user.id}${userKey}`;
+    }
+
+    if (user.userId) {
+      return `${user.userId}${userKey}`;
+    }
+
+    return userKey;
+  }
+
+  renderHeader() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContent
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.title
+    }, this.props.title)));
+  }
+
+  renderScrollContainer() {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: styles.optionsContainer,
+      keyboardShouldPersistTaps: "handled"
+    }, this.props.users.map((user, userIndex) => {
+      return /*#__PURE__*/React.createElement(UserListing, {
+        user: user,
+        key: this.getRenderKey(user, userIndex),
+        index: userIndex
+      });
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.scrollFooterSpace
+    }));
+  }
+
+  renderFooter() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.footer
+    }, /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onClose.bind(this),
+      color: this.props.colourBrandingMain,
+      style: [styles.footerButton]
+    }, "Done"));
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(Modal, {
+      visible: this.props.visible,
+      transparent: true,
+      animationType: "slide",
+      onRequestClose: this.props.onClose
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      keyboardShouldPersistTaps: "always"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.popup
+    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: this.props.onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.popupOverlay
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.popupContent, {
+        minHeight: SCREEN_HEIGHT - (Platform.OS === 'android' ? 175 : 150)
+      }, {
+        marginTop: 60,
+        minHeight: SCREEN_HEIGHT - (Platform.OS === 'android' ? 85 : 60)
+      }]
+    }, this.renderHeader(), this.renderScrollContainer(), this.renderFooter()))));
+  }
+
+}
+
+const styles = {
+  popup: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  popupOverlay: {
+    position: 'absolute',
+    backgroundColor: 'rgba(19, 19, 26, .25)',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  popupContent: {
+    borderRadius: 3,
+    marginTop: 150,
+    backgroundColor: '#fff',
+    flex: 1,
+    borderTopLeftRadius: 15,
+    borderTopRightRadius: 15
+  },
+  footer: {
+    padding: 8,
+    borderTopWidth: 1,
+    borderColor: LINEGREY,
+    backgroundColor: '#fff'
+  },
+  footerButton: {
+    width: '100%',
+    height: 40
+  },
+  titleContainer: {
+    alignSelf: 'stretch',
+    padding: 24,
+    paddingTop: 16,
+    paddingBottom: 0
+  },
+  titleContent: {
+    borderColor: LINEGREY,
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingBottom: 15
+  },
+  title: {
+    fontSize: 15,
+    fontFamily: 'sf-semibold',
+    color: TEXT_DARK
+  },
+  optionsContainer: {
+    flex: 1,
+    paddingVertical: 8
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const userListPopup = connect(mapStateToProps, {})(UserListPopup);
+export { userListPopup as UserListPopup };
+//# sourceMappingURL=UserListPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["UserListPopup.js"],"names":["React","Component","Text","View","Dimensions","Modal","ScrollView","TouchableWithoutFeedback","Platform","connect","TEXT_DARK","LINEGREY","getMainBrandingColourFromState","UserListing","InlineButton","SCREEN_HEIGHT","get","height","UserListPopup","getRenderKey","user","userKey","id","userId","renderHeader","styles","titleContainer","titleContent","title","props","renderScrollContainer","optionsContainer","users","map","userIndex","scrollFooterSpace","renderFooter","footer","onClose","bind","colourBrandingMain","footerButton","render","visible","popup","popupOverlay","popupContent","minHeight","OS","marginTop","flex","justifyContent","position","backgroundColor","top","left","right","bottom","borderRadius","borderTopLeftRadius","borderTopRightRadius","padding","borderTopWidth","borderColor","width","alignSelf","paddingTop","paddingBottom","borderBottomWidth","flexDirection","fontSize","fontFamily","color","paddingVertical","mapStateToProps","state","userListPopup"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { Text, View, Dimensions, Modal, ScrollView, TouchableWithoutFeedback, Platform } from 'react-native';\nimport { connect } from 'react-redux';\nimport { TEXT_DARK, LINEGREY, getMainBrandingColourFromState } from '../colours';\nimport UserListing from './UserListing';\nimport { InlineButton } from './InlineButton';\n\nconst SCREEN_HEIGHT = Dimensions.get('window').height;\n\nclass UserListPopup extends Component {\n  getRenderKey(user, userKey) {\n    if (user.id) {\n      return `${user.id}${userKey}`;\n    }\n    if (user.userId) {\n      return `${user.userId}${userKey}`;\n    }\n    return userKey;\n  }\n\n  renderHeader() {\n    return (\n      <View style={styles.titleContainer}>\n        <View style={styles.titleContent}>\n          <Text style={styles.title}>{this.props.title}</Text>\n        </View>\n      </View>\n    );\n  }\n\n  renderScrollContainer() {\n    return (\n      <ScrollView style={styles.optionsContainer} keyboardShouldPersistTaps=\"handled\">\n        {this.props.users.map((user, userIndex) => {\n          return <UserListing user={user} key={this.getRenderKey(user, userIndex)} index={userIndex} />;\n        })}\n        <View style={styles.scrollFooterSpace} />\n      </ScrollView>\n    );\n  }\n\n  renderFooter() {\n    return (\n      <View style={styles.footer}>\n        <InlineButton onPress={this.props.onClose.bind(this)} color={this.props.colourBrandingMain} style={[styles.footerButton]}>\n          Done\n        </InlineButton>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <Modal visible={this.props.visible} transparent animationType=\"slide\" onRequestClose={this.props.onClose}>\n        <ScrollView keyboardShouldPersistTaps=\"always\">\n          <View style={styles.popup}>\n            <TouchableWithoutFeedback onPress={this.props.onClose}>\n              <View style={styles.popupOverlay} />\n            </TouchableWithoutFeedback>\n            <View\n              style={[\n                styles.popupContent,\n                { minHeight: SCREEN_HEIGHT - (Platform.OS === 'android' ? 175 : 150) },\n                { marginTop: 60, minHeight: SCREEN_HEIGHT - (Platform.OS === 'android' ? 85 : 60) },\n              ]}\n            >\n              {this.renderHeader()}\n              {this.renderScrollContainer()}\n              {this.renderFooter()}\n            </View>\n          </View>\n        </ScrollView>\n      </Modal>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n  popupOverlay: {\n    position: 'absolute',\n    backgroundColor: 'rgba(19, 19, 26, .25)',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n  popupContent: {\n    borderRadius: 3,\n    marginTop: 150,\n    backgroundColor: '#fff',\n    flex: 1,\n    borderTopLeftRadius: 15,\n    borderTopRightRadius: 15,\n  },\n  footer: {\n    padding: 8,\n    borderTopWidth: 1,\n    borderColor: LINEGREY,\n    backgroundColor: '#fff',\n  },\n  footerButton: {\n    width: '100%',\n    height: 40,\n  },\n  titleContainer: {\n    alignSelf: 'stretch',\n    padding: 24,\n    paddingTop: 16,\n    paddingBottom: 0,\n  },\n  titleContent: {\n    borderColor: LINEGREY,\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 15,\n  },\n  title: {\n    fontSize: 15,\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARK,\n  },\n  optionsContainer: {\n    flex: 1,\n    paddingVertical: 8,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst userListPopup = connect(mapStateToProps, {})(UserListPopup);\nexport { userListPopup as UserListPopup };\n"]}

package/dist/module/components/UserListing.js

@@ -0,0 +1,291 @@
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { TouchableOpacity, Text, View } from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import { COLOUR_GREEN, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState, getLightBrandingColourFromState } from '../colours';
+import { Services } from '../config';
+import { ProfilePic } from './ProfilePic';
+import { InlineButton } from './InlineButton';
+import { Spinner } from './Spinner';
+import { followerActions } from '../apis';
+import { addFollower } from '../actions';
+
+class UserListing extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      pending: false
+    };
+  }
+
+  onPress() {
+    const {
+      hidden
+    } = this.props.me;
+    if (hidden && _.includes(hidden, 'people')) return;
+
+    if (this.props.onPress) {
+      this.props.onPress();
+      return;
+    }
+
+    const user = { ...this.props.user
+    };
+
+    if (_.isUndefined(user.key)) {
+      user.key = user.userId;
+    }
+
+    if (_.isUndefined(user.id)) {
+      user.id = user.userId;
+    }
+
+    Services.navigation.navigate('profile', {
+      user
+    });
+  }
+
+  onFollowUser() {
+    const userToSave = {
+      profilePic: this.props.user.profilePic,
+      displayName: this.props.user.displayName,
+      id: this.props.user.id
+    };
+    this.setState({
+      pending: true
+    });
+    followerActions.addFollower(userToSave, this.props.myId).then(() => {
+      this.props.addFollower(userToSave);
+    }).catch(() => {
+      this.setState({
+        pending: false
+      });
+    });
+  }
+
+  getTimeText(input) {
+    const gug = moment.unix(input);
+
+    if (gug.isBefore(moment().local().startOf('d'))) {
+      return gug.format('D MMM');
+    }
+
+    return gug.format('h:mma');
+  }
+
+  getProfilePic() {
+    if (this.props.user.profilePic == null) return null;
+    let profilePic = this.props.user.profilePic;
+
+    if (!_.isUndefined(this.props.user.profilePicThumb) && !_.isEmpty(this.props.user.profilePicThumb)) {
+      profilePic = this.props.user.profilePicThumb;
+    } else if (this.props.user.profilePic.indexOf('.amazonaws.com/1400/') > -1) {
+      profilePic = profilePic.replace('/1400/', '/300/');
+    }
+
+    return profilePic;
+  }
+
+  getLastMessage(chat) {
+    if (typeof chat.lastMessage === 'string') {
+      return chat.lastMessage;
+    } // TODO recognise user name of last message
+
+
+    return chat.lastMessage.text;
+  }
+
+  renderFollowButton() {
+    if (this.props.user.privateChat) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          justifyContent: 'flex-start'
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.chatTimeStamp, this.props.user.unread > 0 && {
+          color: TEXT_DARK,
+          fontFamily: 'sf-bold'
+        }]
+      }, this.getTimeText(this.props.user.Changed)), /*#__PURE__*/React.createElement(View, {
+        style: [{
+          flexDirection: 'row-reverse',
+          marginTop: 2
+        }, this.props.user.unread === 0 && {
+          opacity: 0
+        }]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.counter
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.counterText
+      }, this.props.user.unread))));
+    }
+
+    if (!this.props.showFriendsButton) {
+      return null;
+    } // self
+
+
+    if (this.props.myId === this.props.user.id) {
+      return null;
+    } // already following
+
+
+    if (this.props.isFollowing) {
+      return /*#__PURE__*/React.createElement(InlineButton, {
+        color: this.props.colourBrandingLight,
+        style: styles.friendsButton,
+        textStyle: {
+          color: this.props.colourBrandingMain
+        },
+        disabled: true
+      }, "Friends");
+    } // in process of following
+
+
+    if (this.state.pending) {
+      return /*#__PURE__*/React.createElement(InlineButton, {
+        style: [styles.friendsButton, {
+          borderColor: this.props.colourBrandingMain,
+          borderWidth: 1
+        }],
+        disabled: true,
+        noText: true
+      }, /*#__PURE__*/React.createElement(Spinner, {
+        size: "small",
+        color: this.props.colourBrandingMain
+      }));
+    } // not following yet
+
+
+    return /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.onFollowUser.bind(this),
+      color: "#fff",
+      style: [styles.friendsButton, {
+        borderColor: this.props.colourBrandingMain,
+        borderWidth: 1
+      }],
+      textStyle: {
+        color: this.props.colourBrandingMain
+      }
+    }, "Add friend");
+  }
+
+  renderStatusText() {
+    if (!this.props.statusText) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(Text, {
+      style: styles.statusText
+    }, this.props.statusText);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.props.containerStyle
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.9,
+      onPress: this.onPress.bind(this),
+      disabled: this.props.onPressDisabled
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.listItem, this.props.listItemStyle]
+    }, this.renderStatusText(), /*#__PURE__*/React.createElement(ProfilePic, {
+      ProfilePic: this.getProfilePic(),
+      Diameter: 42
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [styles.fill, styles.flexRowReverse, styles.alignCenter]
+    }, this.props.rightContent, this.renderFollowButton(), /*#__PURE__*/React.createElement(View, {
+      style: styles.fill
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.listItemTextContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.contactName,
+      numberOfLines: 1
+    }, this.props.user.displayName), this.props.user.privateChat && /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatLastMessage,
+      numberOfLines: 1
+    }, this.getLastMessage(this.props.user)), this.props.subText))))));
+  }
+
+}
+
+const styles = {
+  listItem: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    justifyContent: 'flex-start',
+    flexDirection: 'row',
+    position: 'relative'
+  },
+  listItemTextContainer: {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'space-around',
+    paddingLeft: 16
+  },
+  contactName: {
+    fontSize: 15,
+    fontFamily: 'sf-semibold',
+    backgroundColor: 'rgba(255,255,255,0)',
+    color: TEXT_DARK
+  },
+  statusText: {
+    position: 'absolute',
+    top: 0,
+    left: 82,
+    fontFamily: 'sf-semibold',
+    fontSize: 12,
+    color: TEXT_LIGHT
+  },
+  fill: {
+    flex: 1
+  },
+  alignCenter: {
+    alignItems: 'center'
+  },
+  flexRowReverse: {
+    flexDirection: 'row-reverse'
+  },
+  friendsButton: {
+    width: 100
+  },
+  counter: {
+    borderRadius: 10,
+    height: 20,
+    justifyContent: 'center',
+    minWidth: 20,
+    paddingHorizontal: 4,
+    backgroundColor: COLOUR_GREEN
+  },
+  counterText: {
+    color: '#fff',
+    fontSize: 12,
+    fontFamily: 'sf-semibold',
+    textAlign: 'center'
+  },
+  chatTimeStamp: {
+    fontSize: 10,
+    fontFamily: 'sf-semibold',
+    color: TEXT_LIGHT
+  },
+  chatLastMessage: {
+    fontSize: 13,
+    fontFamily: 'sf-medium',
+    color: TEXT_LIGHT,
+    marginRight: 5
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    me: state.user,
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    colourBrandingLight: getLightBrandingColourFromState(state)
+  };
+};
+
+export default connect(mapStateToProps, {
+  addFollower
+})(UserListing);
+//# sourceMappingURL=UserListing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["UserListing.js"],"names":["React","Component","_","TouchableOpacity","Text","View","connect","moment","COLOUR_GREEN","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","getLightBrandingColourFromState","Services","ProfilePic","InlineButton","Spinner","followerActions","addFollower","UserListing","constructor","props","state","pending","onPress","hidden","me","includes","user","isUndefined","key","userId","id","navigation","navigate","onFollowUser","userToSave","profilePic","displayName","setState","myId","then","catch","getTimeText","input","gug","unix","isBefore","local","startOf","format","getProfilePic","profilePicThumb","isEmpty","indexOf","replace","getLastMessage","chat","lastMessage","text","renderFollowButton","privateChat","justifyContent","styles","chatTimeStamp","unread","color","fontFamily","Changed","flexDirection","marginTop","opacity","counter","counterText","showFriendsButton","isFollowing","colourBrandingLight","friendsButton","colourBrandingMain","borderColor","borderWidth","bind","renderStatusText","statusText","render","containerStyle","onPressDisabled","listItem","listItemStyle","fill","flexRowReverse","alignCenter","rightContent","listItemTextContainer","contactName","chatLastMessage","subText","paddingVertical","paddingHorizontal","position","flex","paddingLeft","fontSize","backgroundColor","top","left","alignItems","width","borderRadius","height","minWidth","textAlign","marginRight","mapStateToProps"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, Text, View } from 'react-native';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { COLOUR_GREEN, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState, getLightBrandingColourFromState } from '../colours';\nimport { Services } from '../config';\nimport { ProfilePic } from './ProfilePic';\nimport { InlineButton } from './InlineButton';\nimport { Spinner } from './Spinner';\nimport { followerActions } from '../apis';\nimport { addFollower } from '../actions';\n\nclass UserListing extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { pending: false };\n  }\n\n  onPress() {\n    const { hidden } = this.props.me;\n    if (hidden && _.includes(hidden, 'people')) return;\n\n    if (this.props.onPress) {\n      this.props.onPress();\n      return;\n    }\n    const user = { ...this.props.user };\n    if (_.isUndefined(user.key)) {\n      user.key = user.userId;\n    }\n    if (_.isUndefined(user.id)) {\n      user.id = user.userId;\n    }\n    Services.navigation.navigate('profile', { user });\n  }\n\n  onFollowUser() {\n    const userToSave = {\n      profilePic: this.props.user.profilePic,\n      displayName: this.props.user.displayName,\n      id: this.props.user.id,\n    };\n    this.setState({ pending: true });\n    followerActions\n      .addFollower(userToSave, this.props.myId)\n      .then(() => {\n        this.props.addFollower(userToSave);\n      })\n      .catch(() => {\n        this.setState({ pending: false });\n      });\n  }\n\n  getTimeText(input) {\n    const gug = moment.unix(input);\n    if (\n      gug.isBefore(\n        moment()\n          .local()\n          .startOf('d'),\n      )\n    ) {\n      return gug.format('D MMM');\n    }\n    return gug.format('h:mma');\n  }\n\n  getProfilePic() {\n    if (this.props.user.profilePic == null) return null;\n    let profilePic = this.props.user.profilePic;\n    if (!_.isUndefined(this.props.user.profilePicThumb) && !_.isEmpty(this.props.user.profilePicThumb)) {\n      profilePic = this.props.user.profilePicThumb;\n    } else if (this.props.user.profilePic.indexOf('.amazonaws.com/1400/') > -1) {\n      profilePic = profilePic.replace('/1400/', '/300/');\n    }\n    return profilePic;\n  }\n\n  getLastMessage(chat) {\n    if (typeof chat.lastMessage === 'string') {\n      return chat.lastMessage;\n    }\n    // TODO recognise user name of last message\n    return chat.lastMessage.text;\n  }\n\n  renderFollowButton() {\n    if (this.props.user.privateChat) {\n      return (\n        <View style={{ justifyContent: 'flex-start' }}>\n          <Text style={[styles.chatTimeStamp, this.props.user.unread > 0 && { color: TEXT_DARK, fontFamily: 'sf-bold' }]}>\n            {this.getTimeText(this.props.user.Changed)}\n          </Text>\n          <View style={[{ flexDirection: 'row-reverse', marginTop: 2 }, this.props.user.unread === 0 && { opacity: 0 }]}>\n            <View style={styles.counter}>\n              <Text style={styles.counterText}>{this.props.user.unread}</Text>\n            </View>\n          </View>\n        </View>\n      );\n    }\n\n    if (!this.props.showFriendsButton) {\n      return null;\n    }\n\n    // self\n    if (this.props.myId === this.props.user.id) {\n      return null;\n    }\n\n    // already following\n    if (this.props.isFollowing) {\n      return (\n        <InlineButton\n          color={this.props.colourBrandingLight}\n          style={styles.friendsButton}\n          textStyle={{ color: this.props.colourBrandingMain }}\n          disabled\n        >\n          Friends\n        </InlineButton>\n      );\n    }\n\n    // in process of following\n    if (this.state.pending) {\n      return (\n        <InlineButton style={[styles.friendsButton, { borderColor: this.props.colourBrandingMain, borderWidth: 1 }]} disabled noText>\n          <Spinner size=\"small\" color={this.props.colourBrandingMain} />\n        </InlineButton>\n      );\n    }\n\n    // not following yet\n    return (\n      <InlineButton\n        onPress={this.onFollowUser.bind(this)}\n        color=\"#fff\"\n        style={[styles.friendsButton, { borderColor: this.props.colourBrandingMain, borderWidth: 1 }]}\n        textStyle={{ color: this.props.colourBrandingMain }}\n      >\n        Add friend\n      </InlineButton>\n    );\n  }\n\n  renderStatusText() {\n    if (!this.props.statusText) {\n      return null;\n    }\n    return <Text style={styles.statusText}>{this.props.statusText}</Text>;\n  }\n\n  render() {\n    return (\n      <View style={this.props.containerStyle}>\n        <TouchableOpacity activeOpacity={0.9} onPress={this.onPress.bind(this)} disabled={this.props.onPressDisabled}>\n          <View style={[styles.listItem, this.props.listItemStyle]}>\n            {this.renderStatusText()}\n            <ProfilePic ProfilePic={this.getProfilePic()} Diameter={42} />\n            <View style={[styles.fill, styles.flexRowReverse, styles.alignCenter]}>\n              {this.props.rightContent}\n              {this.renderFollowButton()}\n              <View style={styles.fill}>\n                <View style={styles.listItemTextContainer}>\n                  <Text style={styles.contactName} numberOfLines={1}>\n                    {this.props.user.displayName}\n                  </Text>\n                  {this.props.user.privateChat && (\n                    <Text style={styles.chatLastMessage} numberOfLines={1}>\n                      {this.getLastMessage(this.props.user)}\n                    </Text>\n                  )}\n                  {this.props.subText}\n                </View>\n              </View>\n            </View>\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  listItem: {\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    justifyContent: 'flex-start',\n    flexDirection: 'row',\n    position: 'relative',\n  },\n  listItemTextContainer: {\n    flex: 1,\n    flexDirection: 'column',\n    justifyContent: 'space-around',\n    paddingLeft: 16,\n  },\n  contactName: {\n    fontSize: 15,\n    fontFamily: 'sf-semibold',\n    backgroundColor: 'rgba(255,255,255,0)',\n    color: TEXT_DARK,\n  },\n  statusText: {\n    position: 'absolute',\n    top: 0,\n    left: 82,\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    color: TEXT_LIGHT,\n  },\n  fill: {\n    flex: 1,\n  },\n  alignCenter: {\n    alignItems: 'center',\n  },\n  flexRowReverse: {\n    flexDirection: 'row-reverse',\n  },\n  friendsButton: {\n    width: 100,\n  },\n  counter: {\n    borderRadius: 10,\n    height: 20,\n    justifyContent: 'center',\n    minWidth: 20,\n    paddingHorizontal: 4,\n    backgroundColor: COLOUR_GREEN,\n  },\n  counterText: {\n    color: '#fff',\n    fontSize: 12,\n    fontFamily: 'sf-semibold',\n    textAlign: 'center',\n  },\n  chatTimeStamp: {\n    fontSize: 10,\n    fontFamily: 'sf-semibold',\n    color: TEXT_LIGHT,\n  },\n  chatLastMessage: {\n    fontSize: 13,\n    fontFamily: 'sf-medium',\n    color: TEXT_LIGHT,\n    marginRight: 5,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    me: state.user,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    colourBrandingLight: getLightBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, { addFollower })(UserListing);\n"]}