@plusscommunities/pluss-circles-app 8.0.4 → 8.0.6-beta.0

package/dist/module/components/groups/GroupsWidget.js

@@ -1,17 +1,17 @@
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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 { Text, View, StyleSheet } from 'react-native';
-import { connect } from 'react-redux';
-import _ from 'lodash';
-import { InlineButton } from '../common';
-import { circleActions } from '../../webapi';
-import { updateGroups, updateUnreadCounter } from '../../actions';
-import NavigationService from '../../js/NavigationService';
-import { getMainBrandingColourFromState, TEXT_DARKEST } from '../../js';
-import ChatList from '../chat/ChatList';
-import { values } from '../../values.config';
+import React, { Component } from "react";
+import { Text, View, StyleSheet } from "react-native";
+import { connect } from "react-redux";
+import _ from "lodash";
+import { InlineButton } from "../common";
+import { circleActions } from "../../webapi";
+import { updateGroups, updateUnreadCounter } from "../../actions";
+import NavigationService from "../../js/NavigationService";
+import { getMainBrandingColourFromState, TEXT_DARKEST } from "../../js";
+import ChatList from "../chat/ChatList";
+import { values } from "../../values.config";
 class GroupsWidget extends Component {
   constructor(props) {
     super(props);
@@ -22,7 +22,7 @@ class GroupsWidget extends Component {
           this.props.updateGroups(res.data.Items);
           this.props.updateUnreadCounter(res.data.Items, this.props.user.uid);
         } catch (error) {
-          console.log('refresh error', error);
+          console.log("refresh error", error);
         } finally {
           this.onLoadingChanged(false);
         }
@@ -75,7 +75,7 @@ class GroupsWidget extends Component {
         paddingTop: 6
       },
       textStyle: {
-        color: '#fff'
+        color: "#fff"
       }
     }, "View All"))), /*#__PURE__*/React.createElement(ChatList, {
       publicGroups: this.props.publicGroups,
@@ -89,7 +89,7 @@ class GroupsWidget extends Component {
 }
 const styles = StyleSheet.create({
   sectionContainer: {
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     paddingTop: 16
   },
   sectionPadding: {
@@ -98,12 +98,12 @@ const styles = StyleSheet.create({
   },
   sectionHeading: {
     marginBottom: 4,
-    flexDirection: 'row',
-    alignContent: 'flex-start',
-    justifyContent: 'space-between'
+    flexDirection: "row",
+    alignContent: "flex-start",
+    justifyContent: "space-between"
   },
   sectionTitle: {
-    fontFamily: 'sf-bold',
+    fontFamily: "sf-bold",
     fontSize: 24,
     color: TEXT_DARKEST
   }

package/dist/module/components/groups/GroupsWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Text","View","StyleSheet","connect","_","InlineButton","circleActions","updateGroups","updateUnreadCounter","NavigationService","getMainBrandingColourFromState","TEXT_DARKEST","ChatList","values","GroupsWidget","constructor","props","_defineProperty","onLoadingChanged","res","getGroups","data","Items","user","uid","error","console","log","loading","callback","setState","state","navigate","screenCirclePeopleContainer","onlyGroups","title","getTitle","options","componentDidMount","refresh","componentDidUpdate","prevProps","dataUpdated","isEmpty","Title","textFeatureTitle","render","createElement","style","styles","sectionContainer","sectionPadding","sectionHeading","sectionTitle","onPress","onPressAll","color","colourBrandingMain","touchableStyle","paddingTop","textStyle","publicGroups","hideAdd","limit","isLoading","isWidget","create","backgroundColor","paddingHorizontal","paddingBottom","marginBottom","flexDirection","alignContent","justifyContent","fontFamily","fontSize","mapStateToProps","groups","reducerKey","notifications","filter","publicList","group","some","Audience","u","userId","updateKeyUserCircles","forwardRef"],"sources":["GroupsWidget.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Text, View, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { InlineButton } from '../common';\nimport { circleActions } from '../../webapi';\nimport { updateGroups, updateUnreadCounter } from '../../actions';\nimport NavigationService from '../../js/NavigationService';\nimport { getMainBrandingColourFromState, TEXT_DARKEST } from '../../js';\nimport ChatList from '../chat/ChatList';\nimport { values } from '../../values.config';\n\nclass GroupsWidget extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      loading: false,\n    };\n  }\n\n  componentDidMount() {\n    this.refresh();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n  }\n\n  getTitle() {\n    if (this.props.options && !_.isEmpty(this.props.options.Title)) {\n      return this.props.options.Title;\n    }\n    return values.textFeatureTitle;\n  }\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const res = await circleActions.getGroups();\n        this.props.updateGroups(res.data.Items);\n        this.props.updateUnreadCounter(res.data.Items, this.props.user.uid);\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onPressAll = () => {\n    NavigationService.navigate(values.screenCirclePeopleContainer, {\n      onlyGroups: true,\n      title: this.getTitle(),\n      options: this.props.options,\n    });\n  };\n\n  render() {\n    return (\n      <View style={styles.sectionContainer}>\n        <View style={styles.sectionPadding}>\n          <View style={styles.sectionHeading}>\n            <Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n            <InlineButton\n              onPress={this.onPressAll}\n              color={this.props.colourBrandingMain}\n              touchableStyle={{ paddingTop: 6 }}\n              textStyle={{ color: '#fff' }}\n            >\n              View All\n            </InlineButton>\n          </View>\n        </View>\n        <ChatList\n          publicGroups={this.props.publicGroups}\n          hideAdd\n          limit={3}\n          isLoading={this.state.loading}\n          options={this.props.options}\n          isWidget\n        />\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  sectionContainer: {\n    backgroundColor: '#fff',\n    paddingTop: 16,\n  },\n  sectionPadding: {\n    paddingHorizontal: 16,\n    paddingBottom: 6,\n  },\n  sectionHeading: {\n    marginBottom: 4,\n    flexDirection: 'row',\n    alignContent: 'flex-start',\n    justifyContent: 'space-between',\n  },\n  sectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: TEXT_DARKEST,\n  },\n});\n\nconst mapStateToProps = state => {\n  const groups = state[values.reducerKey];\n  const { user, notifications } = state;\n  const publicGroups = _.filter(groups.publicList, group => {\n    return !_.some(group.Audience, u => {\n      return u.userId === user.uid;\n    });\n  });\n\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    publicGroups,\n    user,\n    dataUpdated: notifications.dataUpdated[values.updateKeyUserCircles],\n  };\n};\n\nexport default connect(mapStateToProps, { updateGroups, updateUnreadCounter }, null, { forwardRef: true })(GroupsWidget);\n"],"mappings":"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"}
+{"version":3,"names":["React","Component","Text","View","StyleSheet","connect","_","InlineButton","circleActions","updateGroups","updateUnreadCounter","NavigationService","getMainBrandingColourFromState","TEXT_DARKEST","ChatList","values","GroupsWidget","constructor","props","_defineProperty","onLoadingChanged","res","getGroups","data","Items","user","uid","error","console","log","loading","callback","setState","state","navigate","screenCirclePeopleContainer","onlyGroups","title","getTitle","options","componentDidMount","refresh","componentDidUpdate","prevProps","dataUpdated","isEmpty","Title","textFeatureTitle","render","createElement","style","styles","sectionContainer","sectionPadding","sectionHeading","sectionTitle","onPress","onPressAll","color","colourBrandingMain","touchableStyle","paddingTop","textStyle","publicGroups","hideAdd","limit","isLoading","isWidget","create","backgroundColor","paddingHorizontal","paddingBottom","marginBottom","flexDirection","alignContent","justifyContent","fontFamily","fontSize","mapStateToProps","groups","reducerKey","notifications","filter","publicList","group","some","Audience","u","userId","updateKeyUserCircles","forwardRef"],"sources":["GroupsWidget.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text, View, StyleSheet } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { InlineButton } from \"../common\";\nimport { circleActions } from \"../../webapi\";\nimport { updateGroups, updateUnreadCounter } from \"../../actions\";\nimport NavigationService from \"../../js/NavigationService\";\nimport { getMainBrandingColourFromState, TEXT_DARKEST } from \"../../js\";\nimport ChatList from \"../chat/ChatList\";\nimport { values } from \"../../values.config\";\n\nclass GroupsWidget extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.refresh();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n\t}\n\n\tgetTitle() {\n\t\tif (this.props.options && !_.isEmpty(this.props.options.Title)) {\n\t\t\treturn this.props.options.Title;\n\t\t}\n\t\treturn values.textFeatureTitle;\n\t}\n\n\trefresh = () => {\n\t\tthis.onLoadingChanged(true, async () => {\n\t\t\ttry {\n\t\t\t\tconst res = await circleActions.getGroups();\n\t\t\t\tthis.props.updateGroups(res.data.Items);\n\t\t\t\tthis.props.updateUnreadCounter(res.data.Items, this.props.user.uid);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.log(\"refresh error\", error);\n\t\t\t} finally {\n\t\t\t\tthis.onLoadingChanged(false);\n\t\t\t}\n\t\t});\n\t};\n\n\tonLoadingChanged = (loading, callback) => {\n\t\tthis.setState({ loading }, () => {\n\t\t\tif (this.props.onLoadingChanged)\n\t\t\t\tthis.props.onLoadingChanged(this.state.loading);\n\t\t\tif (callback) callback();\n\t\t});\n\t};\n\n\tonPressAll = () => {\n\t\tNavigationService.navigate(values.screenCirclePeopleContainer, {\n\t\t\tonlyGroups: true,\n\t\t\ttitle: this.getTitle(),\n\t\t\toptions: this.props.options,\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.sectionContainer}>\n\t\t\t\t<View style={styles.sectionPadding}>\n\t\t\t\t\t<View style={styles.sectionHeading}>\n\t\t\t\t\t\t<Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n\t\t\t\t\t\t<InlineButton\n\t\t\t\t\t\t\tonPress={this.onPressAll}\n\t\t\t\t\t\t\tcolor={this.props.colourBrandingMain}\n\t\t\t\t\t\t\ttouchableStyle={{ paddingTop: 6 }}\n\t\t\t\t\t\t\ttextStyle={{ color: \"#fff\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tView All\n\t\t\t\t\t\t</InlineButton>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t<ChatList\n\t\t\t\t\tpublicGroups={this.props.publicGroups}\n\t\t\t\t\thideAdd\n\t\t\t\t\tlimit={3}\n\t\t\t\t\tisLoading={this.state.loading}\n\t\t\t\t\toptions={this.props.options}\n\t\t\t\t\tisWidget\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tsectionContainer: {\n\t\tbackgroundColor: \"#fff\",\n\t\tpaddingTop: 16,\n\t},\n\tsectionPadding: {\n\t\tpaddingHorizontal: 16,\n\t\tpaddingBottom: 6,\n\t},\n\tsectionHeading: {\n\t\tmarginBottom: 4,\n\t\tflexDirection: \"row\",\n\t\talignContent: \"flex-start\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\tsectionTitle: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tcolor: TEXT_DARKEST,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\tconst groups = state[values.reducerKey];\n\tconst { user, notifications } = state;\n\tconst publicGroups = _.filter(groups.publicList, (group) => {\n\t\treturn !_.some(group.Audience, (u) => {\n\t\t\treturn u.userId === user.uid;\n\t\t});\n\t});\n\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tpublicGroups,\n\t\tuser,\n\t\tdataUpdated: notifications.dataUpdated[values.updateKeyUserCircles],\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\t{ updateGroups, updateUnreadCounter },\n\tnull,\n\t{ forwardRef: true },\n)(GroupsWidget);\n"],"mappings":"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"}

package/dist/module/components/groups/NewGroup.js

@@ -1,22 +1,22 @@
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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 _ from 'lodash';
-import { connect } from 'react-redux';
-import { Dimensions, ImageBackground, Text, ScrollView, TouchableOpacity, View, KeyboardAvoidingView, Platform } from 'react-native';
-import { Icon } from '@rneui/themed';
-import { ProfilePic, FormCard, FormCardSection, Header, Input, Spinner, ImageUploader, InlineButton, StickyFooter, Toggle } from '../common';
-import { TEXT_DARK, LINEGREY, COLOUR_TEAL, getMainBrandingColourFromState } from '../../js/Colors';
-import stylez from '../../js/Styles';
-import NavigationService from '../../js/NavigationService';
-import { COLOUR_PURPLE, COLOUR_TANGERINE, TEXT_LIGHT, getSite, getSiteSettingFromState } from '../../js/index';
-import { createGroup } from '../../actions';
-import EventInvitePopup from '../events/EventInvitePopup';
-import { circleActions } from '../../webapi';
-import { values } from '../../values.config';
-const PHOTO_WIDTH = Dimensions.get('window').width - 48;
-const PHOTO_HEIGHT = Dimensions.get('window').width > 600 ? PHOTO_WIDTH * 0.6 : PHOTO_WIDTH * 0.8;
+import React, { Component } from "react";
+import _ from "lodash";
+import { connect } from "react-redux";
+import { Dimensions, ImageBackground, Text, ScrollView, TouchableOpacity, View, KeyboardAvoidingView, Platform } from "react-native";
+import { Icon } from "@rneui/themed";
+import { ProfilePic, FormCard, FormCardSection, Header, Input, Spinner, ImageUploader, InlineButton, StickyFooter, Toggle } from "../common";
+import { TEXT_DARK, LINEGREY, COLOUR_TEAL, getMainBrandingColourFromState } from "../../js/Colors";
+import stylez from "../../js/Styles";
+import NavigationService from "../../js/NavigationService";
+import { COLOUR_PURPLE, COLOUR_TANGERINE, TEXT_LIGHT, getSite, getSiteSettingFromState } from "../../js/index";
+import { createGroup } from "../../actions";
+import EventInvitePopup from "../events/EventInvitePopup";
+import { circleActions } from "../../webapi";
+import { values } from "../../values.config";
+const PHOTO_WIDTH = Dimensions.get("window").width - 48;
+const PHOTO_HEIGHT = Dimensions.get("window").width > 600 ? PHOTO_WIDTH * 0.6 : PHOTO_WIDTH * 0.8;
 class NewGroup extends Component {
   constructor(props) {
     super(props);
@@ -28,7 +28,7 @@ class NewGroup extends Component {
     _defineProperty(this, "onUploadSuccess", uri => {
       this.setState({
         uploadingImage: false,
-        groupImage: uri.replace('/general/', '/general1400/')
+        groupImage: uri.replace("/general/", "/general1400/")
       });
     });
     _defineProperty(this, "onUploadFailed", () => {
@@ -38,20 +38,20 @@ class NewGroup extends Component {
       });
     });
     this.state = {
-      title: '',
+      title: "",
       submittingGroup: false,
       groupImage: null,
       selected: [],
-      visibility: 'private',
+      visibility: "private",
       inviteOpen: false,
       page: 2
     };
     this.visibilityOptions = [{
       text: `Public ${values.entityName}`,
-      val: 'public'
+      val: "public"
     }, {
       text: `Private ${values.entityName}`,
-      val: 'private'
+      val: "private"
     }];
   }
   onPressBack() {
@@ -81,7 +81,7 @@ class NewGroup extends Component {
         });
       });
     }
-    circleActions.add(getSite(this.props.user.site), this.state.title, this.state.groupImage, audience, this.state.visibility === 'public').then(res => {
+    circleActions.add(getSite(this.props.user.site), this.state.title, this.state.groupImage, audience, this.state.visibility === "public").then(res => {
       if (this.props.onSubmissionSuccess) this.props.onSubmissionSuccess(res.data);
       this.props.createGroup(res.data);
       NavigationService.navigate(values.screenCircleChat, {
@@ -90,7 +90,7 @@ class NewGroup extends Component {
         back: values.screenCircleChatList
       });
     }).catch(err => {
-      console.log('Circle creation error');
+      console.log("Circle creation error");
       console.log(err);
       this.setState({
         submittingGroup: false
@@ -195,7 +195,7 @@ class NewGroup extends Component {
       }), /*#__PURE__*/React.createElement(Text, {
         style: {
           fontSize: 13,
-          fontFamily: 'sf-regular',
+          fontFamily: "sf-regular",
           color: TEXT_LIGHT
         }
       }, "Upload ", values.entityName, " image"));
@@ -210,11 +210,11 @@ class NewGroup extends Component {
       return /*#__PURE__*/React.createElement(ImageBackground, {
         style: {
           flex: 1,
-          height: '100%',
-          width: '100%',
+          height: "100%",
+          width: "100%",
           borderRadius: 4,
-          justifyContent: 'center',
-          alignContent: 'center'
+          justifyContent: "center",
+          alignContent: "center"
         },
         imageStyle: {
           borderRadius: 4
@@ -226,16 +226,16 @@ class NewGroup extends Component {
         name: "camera",
         type: "font-awesome",
         iconStyle: {
-          color: '#fff',
+          color: "#fff",
           fontSize: 20,
           marginBottom: 13
         }
       }), /*#__PURE__*/React.createElement(Text, {
         style: {
           fontSize: 13,
-          fontFamily: 'sf-regular',
-          color: '#fff',
-          textAlign: 'center'
+          fontFamily: "sf-regular",
+          color: "#fff",
+          textAlign: "center"
         }
       }, "Upload ", values.entityName, " image")));
     }
@@ -248,7 +248,7 @@ class NewGroup extends Component {
     if (!this.props.circleAllowPublicCircles) {
       return null;
     }
-    if (this.props.user.category === 'family') {
+    if (this.props.user.category === "family") {
       return null;
     }
     return /*#__PURE__*/React.createElement(View, {
@@ -273,10 +273,10 @@ class NewGroup extends Component {
       }
     }, /*#__PURE__*/React.createElement(Input, {
       autoFocus: true,
-      label: this.state.title.length > 0 ? `${_.capitalize(values.entityName)} name` : ' ',
+      label: this.state.title.length > 0 ? `${_.capitalize(values.entityName)} name` : " ",
       labelStyle: {
         fontSize: 13,
-        color: '#fff'
+        color: "#fff"
       },
       placeholder: `${_.capitalize(values.entityName)} name`,
       placeholderTextColor: "rgba(255,255,255,0.5)",
@@ -287,8 +287,8 @@ class NewGroup extends Component {
       textStyle: {
         marginTop: 10,
         fontSize: 28,
-        color: '#fff',
-        fontFamily: 'sf-semibold'
+        color: "#fff",
+        fontFamily: "sf-semibold"
       }
     }))), this.state.title.length > 0 && /*#__PURE__*/React.createElement(View, {
       style: [styles.footer, {
@@ -374,7 +374,7 @@ class NewGroup extends Component {
     }
     return /*#__PURE__*/React.createElement(View, {
       style: {
-        flexDirection: 'row'
+        flexDirection: "row"
       }
     }, this.renderPreviewAtts(), /*#__PURE__*/React.createElement(View, {
       style: styles.fill
@@ -385,11 +385,11 @@ class NewGroup extends Component {
       large: true
     }, "Select members"), /*#__PURE__*/React.createElement(Text, {
       style: styles.tix
-    }, /*#__PURE__*/React.createElement(Text, null, this.state.selected.length), ' selected')));
+    }, /*#__PURE__*/React.createElement(Text, null, this.state.selected.length), " selected")));
   }
   render() {
     return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
-      behavior: 'padding',
+      behavior: "padding",
       style: styles.viewContainer
     }, this.renderUploadMenu(), /*#__PURE__*/React.createElement(View, {
       style: [stylez.genericPageContainer, this.state.page === 1 && {
@@ -398,22 +398,22 @@ class NewGroup extends Component {
     }, /*#__PURE__*/React.createElement(Header, {
       leftIcon: "close",
       leftIconType: "pluss",
-      leftText: this.state.page !== 1 && 'Cancel',
+      leftText: this.state.page !== 1 && "Cancel",
       leftIconStyle: this.state.page !== 1 && {
         color: this.props.colourBrandingMain
       },
       onPressLeft: this.onPressBack.bind(this),
-      rightText: this.state.page !== 1 && 'Done',
+      rightText: this.state.page !== 1 && "Done",
       onPressRight: this.clickCreate.bind(this),
       optionalRightStyle: this.state.submittingGroup && {
         opacity: 0.2
       },
-      text: this.state.page === 1 ? `Create a ${values.entityName}` : this.state.title.length > 1 ? this.state.title : ' ',
+      text: this.state.page === 1 ? `Create a ${values.entityName}` : this.state.title.length > 1 ? this.state.title : " ",
       style: this.state.page === 1 && {
         backgroundColor: this.props.colourBrandingMain,
         ...styles.page1Header
       },
-      textColour: this.state.page === 1 && '#fff'
+      textColour: this.state.page === 1 && "#fff"
     }), this.renderPage(), this.state.page === 2 && /*#__PURE__*/React.createElement(StickyFooter, {
       style: styles.footer
     }, this.renderInviteButton())), this.renderInvitePopup());
@@ -422,8 +422,8 @@ class NewGroup extends Component {
 const styles = {
   footer: {
     paddingHorizontal: 16,
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   footerButton: {
     flex: 1
@@ -431,42 +431,42 @@ const styles = {
   inviteButton: {
     height: 36,
     width: 120,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     borderRadius: 5,
     marginLeft: 10
   },
   inviteButtonText: {
-    color: '#fff',
-    fontFamily: 'sf-semibold',
+    color: "#fff",
+    fontFamily: "sf-semibold",
     fontSize: 15
   },
   profilePic: {
     borderWidth: 1,
-    borderColor: '#fff'
+    borderColor: "#fff"
   },
   fill: {
     flex: 1,
-    flexDirection: 'row-reverse'
+    flexDirection: "row-reverse"
   },
   attendeePreviews: {
     width: 90,
     height: 36,
-    flexDirection: 'row'
+    flexDirection: "row"
   },
   viewContainer: {
     flex: 1,
-    backgroundColor: '#fff'
+    backgroundColor: "#fff"
   },
   container: {
     flex: 1,
-    position: 'relative'
+    position: "relative"
   },
   greyContainer: {
-    backgroundColor: '#f0f0f5'
+    backgroundColor: "#f0f0f5"
   },
   section: {
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     marginTop: 16,
     paddingHorizontal: 24,
     elevation: 1
@@ -483,54 +483,54 @@ const styles = {
     width: 5,
     borderRadius: 3,
     backgroundColor: COLOUR_TEAL,
-    alignSelf: 'center'
+    alignSelf: "center"
   },
   inputView: {
-    width: '100%',
+    width: "100%",
     marginBottom: 5
   },
   labelStyle: {
     fontSize: 15,
-    backgroundColor: 'transparent',
-    fontFamily: 'sf-semibold',
+    backgroundColor: "transparent",
+    fontFamily: "sf-semibold",
     color: TEXT_DARK
   },
   buttonText: {
-    textAlign: 'center',
-    fontFamily: 'sf-bold',
+    textAlign: "center",
+    fontFamily: "sf-bold",
     fontSize: 17,
-    color: 'white',
+    color: "white",
     borderRadius: 5
   },
   uploadButton: {
-    width: '100%',
+    width: "100%",
     //height: 150,
-    alignContent: 'center',
-    position: 'absolute',
-    flexDirection: 'row',
-    justifyContent: 'center',
+    alignContent: "center",
+    position: "absolute",
+    flexDirection: "row",
+    justifyContent: "center",
     top: 65
   },
   uploadText: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 16,
-    textAlign: 'center',
+    textAlign: "center",
     paddingVertical: 7,
-    backgroundColor: 'transparent',
+    backgroundColor: "transparent",
     paddingHorizontal: 20,
     color: TEXT_DARK
   },
   pageErrorText: {
-    backgroundColor: 'transparent',
+    backgroundColor: "transparent",
     color: COLOUR_TANGERINE,
     fontSize: 18,
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     marginTop: 0,
-    textAlign: 'center'
+    textAlign: "center"
   },
   userPopupContainer: {
     flex: 1,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     ...Platform.select({
       ios: {
         paddingTop: 20
@@ -542,7 +542,7 @@ const styles = {
     paddingTop: 10,
     paddingLeft: 10,
     paddingBottom: 10,
-    position: 'absolute',
+    position: "absolute",
     right: 0,
     top: 0,
     borderRadius: 5,
@@ -554,7 +554,7 @@ const styles = {
     })
   },
   close: {
-    textShadowColor: 'rgba(0,0,0,0.3)',
+    textShadowColor: "rgba(0,0,0,0.3)",
     textShadowOffset: {
       width: 2,
       height: 1
@@ -564,41 +564,41 @@ const styles = {
   listItem: {
     paddingBottom: 10,
     paddingHorizontal: 0,
-    justifyContent: 'flex-start',
-    flexDirection: 'row',
-    position: 'relative'
+    justifyContent: "flex-start",
+    flexDirection: "row",
+    position: "relative"
   },
   listItemTextContainer: {
     flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'space-around',
+    flexDirection: "column",
+    justifyContent: "space-around",
     paddingLeft: 10
   },
   searchingContactsContainer: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    alignItems: 'center',
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
     paddingTop: 20
   },
   searchingContactsInnerContainer: {
     borderBottomWidth: 1,
-    borderBottomColor: '#ccc',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    alignItems: 'center',
+    borderBottomColor: "#ccc",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
     flex: 1
   },
   searchingContacts: {
     flex: 1,
     fontSize: 16,
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     minWidth: 100
   },
   emptySearchingContacts: {
     opacity: 0.5
   },
   toText: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 12,
     color: TEXT_DARK,
     opacity: 0.5,
@@ -607,12 +607,12 @@ const styles = {
   selectedContact: {
     paddingTop: 10,
     paddingRight: 5,
-    fontFamily: 'sf-bold',
+    fontFamily: "sf-bold",
     fontSize: 16,
     color: COLOUR_PURPLE
   },
   page1Header: {
-    shadowColor: 'transparent',
+    shadowColor: "transparent",
     shadowOffset: {
       width: 0,
       height: 0
@@ -623,21 +623,21 @@ const styles = {
   imageContainer: {
     width: PHOTO_WIDTH,
     height: PHOTO_HEIGHT,
-    backgroundColor: '#fff',
-    borderStyle: 'dashed',
-    justifyContent: 'center',
-    alignItems: 'center',
+    backgroundColor: "#fff",
+    borderStyle: "dashed",
+    justifyContent: "center",
+    alignItems: "center",
     borderWidth: 1,
     borderColor: LINEGREY,
     borderRadius: 4
   },
   tix: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: TEXT_LIGHT,
     fontSize: 14,
-    textAlign: 'center',
+    textAlign: "center",
     flex: 1,
-    alignSelf: 'center'
+    alignSelf: "center"
   },
   toggleContainer: {
     paddingHorizontal: 16,