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

package/dist/module/components/Toggle.js

@@ -0,0 +1,65 @@
+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,"names":["React","PureComponent","Text","View","TouchableOpacity","connect","getMainBrandingColourFromState","Toggle","render","createElement","style","styles","container","props","options","map","option","index","onPress","tag","borderColor","colourBrandingMain","val","activeVal","backgroundColor","firstTag","length","lastTag","tagStyle","key","text","color","activeText","textStyle","flexDirection","fontFamily","fontSize","textAlign","flex","height","borderWidth","borderLeftWidth","justifyContent","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","mapStateToProps","state","toggle"],"sources":["Toggle.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,8BAA8B,QAAQ,YAAY;AAE3D,MAAMC,MAAM,SAASN,aAAa,CAAC;EACjCO,MAAMA,CAAA,EAAG;IACP,oBACER,KAAA,CAAAS,aAAA,CAACN,IAAI;MAACO,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE,IAAI,CAACC,KAAK,CAACH,KAAK;IAAE,GAC/C,IAAI,CAACG,KAAK,CAACC,OAAO,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;MACzC,oBACEjB,KAAA,CAAAS,aAAA,CAACL,gBAAgB;QACfc,OAAO,EAAEA,CAAA,KAAM;UACb,IAAI,CAACL,KAAK,CAACK,OAAO,CAACF,MAAM,CAAC;QAC5B,CAAE;QACFN,KAAK,EAAE,CACLC,MAAM,CAACQ,GAAG,EACV;UAAEC,WAAW,EAAE,IAAI,CAACP,KAAK,CAACQ;QAAmB,CAAC,EAC9CL,MAAM,CAACM,GAAG,KAAK,IAAI,CAACT,KAAK,CAACU,SAAS,IAAI;UACrCH,WAAW,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;UAC1CG,eAAe,EAAE,IAAI,CAACX,KAAK,CAACQ;QAC9B,CAAC,EACDJ,KAAK,KAAK,CAAC,IAAIN,MAAM,CAACc,QAAQ,EAC9BR,KAAK,KAAK,IAAI,CAACJ,KAAK,CAACC,OAAO,CAACY,MAAM,GAAG,CAAC,IAAIf,MAAM,CAACgB,OAAO,EACzD,IAAI,CAACd,KAAK,CAACe,QAAQ,CACnB;QACFC,GAAG,EAAEb,MAAM,CAACM;MAAI,gBAEhBtB,KAAA,CAAAS,aAAA,CAACP,IAAI;QACHQ,KAAK,EAAE,CACLC,MAAM,CAACmB,IAAI,EACX;UAAEC,KAAK,EAAE,IAAI,CAAClB,KAAK,CAACQ;QAAmB,CAAC,EACxCL,MAAM,CAACM,GAAG,KAAK,IAAI,CAACT,KAAK,CAACU,SAAS,IAAIZ,MAAM,CAACqB,UAAU,EACxD,IAAI,CAACnB,KAAK,CAACoB,SAAS;MACpB,GAEDjB,MAAM,CAACc,IACJ,CACU,CAAC;IAEvB,CAAC,CACG,CAAC;EAEX;AACF;AAEA,MAAMnB,MAAM,GAAG;EACbC,SAAS,EAAE;IACTsB,aAAa,EAAE;EACjB,CAAC;EACDJ,IAAI,EAAE;IACJK,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDL,UAAU,EAAE;IACVD,KAAK,EAAE;EACT,CAAC;EACDZ,GAAG,EAAE;IACHmB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAE,CAAC;IAClBC,cAAc,EAAE;EAClB,CAAC;EACDjB,QAAQ,EAAE;IACRgB,eAAe,EAAE,CAAC;IAClBE,mBAAmB,EAAE,CAAC;IACtBC,sBAAsB,EAAE;EAC1B,CAAC;EACDjB,OAAO,EAAE;IACPkB,oBAAoB,EAAE,CAAC;IACvBC,uBAAuB,EAAE;EAC3B;AACF,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACL3B,kBAAkB,EAAEf,8BAA8B,CAAC0C,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMC,MAAM,GAAG5C,OAAO,CAAC0C,eAAe,EAAE,CAAC,CAAC,CAAC,CAACxC,MAAM,CAAC;AACnD,SAAS0C,MAAM,IAAI1C,MAAM"}

package/dist/module/components/TouchableSearchBar.js

@@ -0,0 +1,67 @@
+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 { 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(...args) {
+    super(...args);
+    _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,"names":["React","Component","View","TouchableWithoutFeedback","Text","connect","getSiteSettingFromState","TEXT_LIGHT","BOXGREY","Pl60Icon","Config","Services","TouchableSearchBar","constructor","args","_defineProperty","navigation","navigate","priorityType","props","searchName","render","createElement","onPress","onPressSearch","style","styles","searchInputContainer","headerType","backgroundColor","name","searchIcon","searchText","flex","height","marginHorizontal","marginVertical","borderRadius","alignItems","justifyContent","flexDirection","paddingHorizontal","fontSize","color","marginRight","fontFamily","mapStateToProps","state","env","hasGradientHeader","touchableSearchBar"],"sources":["TouchableSearchBar.js"],"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"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,wBAAwB,EAAEC,IAAI,QAAQ,cAAc;AACnE,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,uBAAuB,QAAQ,WAAW;AACnD,SAASC,UAAU,EAAEC,OAAO,QAAQ,YAAY;AAChD,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,WAAW;AAE5C,MAAMC,kBAAkB,SAASX,SAAS,CAAC;EAAAY,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBACzB,MAAM;MACpBJ,QAAQ,CAACK,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE;QAAEC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACD,YAAY;QAAEE,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;MAAW,CAAC,CAAC;IACtH,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IACP,oBACErB,KAAA,CAAAsB,aAAA,CAACnB,wBAAwB;MAACoB,OAAO,EAAE,IAAI,CAACC;IAAc,gBACpDxB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACC,oBAAoB,EAAE,IAAI,CAACR,KAAK,CAACS,UAAU,KAAK,OAAO,IAAI;QAAEC,eAAe,EAAE;MAAO,CAAC,EAAE,IAAI,CAACV,KAAK,CAACM,KAAK;IAAE,gBAC7HzB,KAAA,CAAAsB,aAAA,CAACb,QAAQ;MAACqB,IAAI,EAAC,SAAS;MAACL,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAC,eACrD/B,KAAA,CAAAsB,aAAA,CAAClB,IAAI;MAACqB,KAAK,EAAEC,MAAM,CAACM;IAAW,GAAG,UAAS,IAAI,CAACb,KAAK,CAACC,UAAW,EAAQ,CACrE,CACkB,CAAC;EAE/B;AACF;AAEA,MAAMM,MAAM,GAAG;EACbC,oBAAoB,EAAE;IACpBM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,EAAE;IACpBC,cAAc,EAAE,EAAE;IAClBC,YAAY,EAAE,EAAE;IAChBR,eAAe,EAAErB,OAAO;IACxB8B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE;EACrB,CAAC;EACDV,UAAU,EAAE;IACVW,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,UAAU;IACjBqC,WAAW,EAAE;EACf,CAAC;EACDZ,UAAU,EAAE;IACVU,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,UAAU;IACjBsC,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLnB,UAAU,EAAEtB,uBAAuB,CACjCyC,KAAK,EACL,YAAY,EACZzC,uBAAuB,CAACyC,KAAK,EAAE,mBAAmB,EAAErC,MAAM,CAACsC,GAAG,CAACC,iBAAiB,CAAC,GAAG,UAAU,GAAG,OACnG;EACF,CAAC;AACH,CAAC;AAED,MAAMC,kBAAkB,GAAG7C,OAAO,CAACyC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAClC,kBAAkB,CAAC;AAC3E,SAASsC,kBAAkB,IAAItC,kBAAkB"}

package/dist/module/components/UserListPopup.js

@@ -0,0 +1,135 @@
+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,"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","createElement","style","styles","titleContainer","titleContent","title","props","renderScrollContainer","optionsContainer","keyboardShouldPersistTaps","users","map","userIndex","key","index","scrollFooterSpace","renderFooter","footer","onPress","onClose","bind","color","colourBrandingMain","footerButton","render","visible","transparent","animationType","onRequestClose","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","paddingVertical","mapStateToProps","state","userListPopup"],"sources":["UserListPopup.js"],"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"],"mappings":"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"}

package/dist/module/components/UserListing.js

@@ -0,0 +1,267 @@
+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,"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","createElement","style","justifyContent","styles","chatTimeStamp","unread","color","fontFamily","Changed","flexDirection","marginTop","opacity","counter","counterText","showFriendsButton","isFollowing","colourBrandingLight","friendsButton","textStyle","colourBrandingMain","disabled","borderColor","borderWidth","noText","size","bind","renderStatusText","statusText","render","containerStyle","activeOpacity","onPressDisabled","listItem","listItemStyle","Diameter","fill","flexRowReverse","alignCenter","rightContent","listItemTextContainer","contactName","numberOfLines","chatLastMessage","subText","paddingVertical","paddingHorizontal","position","flex","paddingLeft","fontSize","backgroundColor","top","left","alignItems","width","borderRadius","height","minWidth","textAlign","marginRight","mapStateToProps"],"sources":["UserListing.js"],"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"],"mappings":"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"}