@plusscommunities/pluss-core-app 1.5.6-beta.0 → 1.5.8-beta.0

package/dist/module/components/AddToCalendarButton.js

@@ -3,8 +3,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 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 { Platform, Linking, StyleSheet, Text, View, TouchableOpacity } from 'react-native';
+import { Platform, Linking, StyleSheet, Text, View, TouchableOpacity, ScrollView } from 'react-native';
 import { connect } from 'react-redux';
+import _ from 'lodash';
 import * as Calendar from 'expo-calendar';
 import { TEXT_DARK, getMainBrandingColourFromState } from '../colours';
 import { InlineButton } from './InlineButton';
@@ -56,7 +57,16 @@ class AddToCalendarButton extends Component {
         let calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT); // console.log('all calendars', calendars);
 
         if (calendars && calendars.length > 0) {
-          calendars = calendars.filter(c => c.allowsModifications);
+          calendars = calendars.filter(c => c.allowsModifications).map(c => {
+            return {
+              id: c.id,
+              title: c.title,
+              source: c.source.name,
+              color: c.color,
+              type: c.type
+            };
+          });
+          calendars = _.orderBy(calendars, ['source', 'title']); // console.log('sorted calendars', calendars);
         }
 
         this.setState({
@@ -122,13 +132,18 @@ class AddToCalendarButton extends Component {
   renderCalendars(calendars) {
     return /*#__PURE__*/React.createElement(MiddlePopup, {
       style: [styles.calendarsPopup, {
-        height: calendars.length * 50 + 100
+        height: calendars.length * 60 + 120
       }],
       onClose: this.onCloseCalendars
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.calendarPopupTitle
     }, "Select Calendar"), /*#__PURE__*/React.createElement(View, {
       style: styles.calendarPopupContainer
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      style: {
+        flex: 1
+      },
+      showsVerticalScrollIndicator: false
     }, calendars.map(cal => {
       return /*#__PURE__*/React.createElement(TouchableOpacity, {
         key: cal.id,
@@ -139,8 +154,8 @@ class AddToCalendarButton extends Component {
         }]
       }, /*#__PURE__*/React.createElement(Text, {
         style: styles.calendarText
-      }, cal.title)));
-    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }, `${cal.source}${cal.source === cal.title ? '' : `\n${cal.title}`}`)));
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
       key: 'cancel',
       onPress: this.onCloseCalendars
     }, /*#__PURE__*/React.createElement(View, {
@@ -183,6 +198,7 @@ class AddToCalendarButton extends Component {
 const styles = StyleSheet.create({
   calendarsPopup: {
     width: 250,
+    maxHeight: 400,
     padding: 16,
     borderRadius: 12
   },
@@ -199,11 +215,11 @@ const styles = StyleSheet.create({
   calendarContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
     width: 200,
-    height: 30,
+    height: 40,
     paddingHorizontal: 8,
-    borderRadius: 4
+    borderRadius: 4,
+    marginBottom: 10
   },
   calendarText: {
     color: '#fff',

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

@@ -1 +1 @@
-{"version":3,"sources":["AddToCalendarButton.js"],"names":["React","Component","Platform","Linking","StyleSheet","Text","View","TouchableOpacity","connect","Calendar","TEXT_DARK","getMainBrandingColourFromState","InlineButton","Popup","MiddlePopup","DEFAULT_TITLE","ERROR_EVENT_ADD","AddToCalendarButton","constructor","props","OS","setState","showPermissionWarning","openURL","eventToAdd","message","status","requestCalendarPermissionsAsync","showWarningPopup","calendars","getCalendarsAsync","EntityTypes","EVENT","length","filter","c","allowsModifications","calendar","eventId","createEventAsync","id","title","error","console","log","state","renderPermission","text","action","goToPermissionSettings","bold","closeWarningPopup","renderCalendars","styles","calendarsPopup","height","onCloseCalendars","calendarPopupTitle","calendarPopupContainer","map","cal","onSelectCalendar","calendarContainer","backgroundColor","color","calendarText","marginTop","colourBrandingMain","renderMessage","onCloseMessage","render","onAdd","children","create","width","padding","borderRadius","fontFamily","fontSize","marginBottom","flex","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","button"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { Platform, Linking, StyleSheet, Text, View, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport * as Calendar from 'expo-calendar';\nimport { TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { InlineButton } from './InlineButton';\nimport { Popup } from './Popup';\nimport { MiddlePopup } from './MiddlePopup';\n\nconst DEFAULT_TITLE = 'Add to Calendar';\nconst ERROR_EVENT_ADD = 'There was a problem adding a calendar event.';\n\n// Required: eventToAdd\n// Documentation: https://docs.expo.dev/versions/latest/sdk/calendar/#event\nclass AddToCalendarButton extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showPermissionWarning: false,\n      calendars: null,\n      message: null,\n    };\n  }\n\n  showWarningPopup = () => {\n    if (Platform.OS !== 'ios') return;\n    this.setState({ showPermissionWarning: true });\n  };\n\n  closeWarningPopup = () => {\n    this.setState({ showPermissionWarning: false });\n  };\n\n  goToPermissionSettings = () => {\n    Linking.openURL('app-settings:');\n    this.setState({ showPermissionWarning: false });\n  };\n\n  onAdd = async () => {\n    if (!this.props.eventToAdd) {\n      this.setState({ message: 'There is no event to add' });\n      return;\n    }\n\n    const { status } = await Calendar.requestCalendarPermissionsAsync();\n    if (status !== 'granted') {\n      this.showWarningPopup();\n    } else {\n      let calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);\n      // console.log('all calendars', calendars);\n      if (calendars && calendars.length > 0) {\n        calendars = calendars.filter(c => c.allowsModifications);\n      }\n      this.setState({ calendars });\n    }\n  };\n\n  onCloseCalendars = () => {\n    this.setState({ calendars: null });\n  };\n\n  onSelectCalendar = async calendar => {\n    try {\n      const { eventToAdd } = this.props;\n      if (!eventToAdd) return;\n\n      const eventId = await Calendar.createEventAsync(calendar.id, eventToAdd);\n\n      this.setState({\n        calendars: null,\n        message: eventId ? `${eventToAdd.title} was added to ${calendar.title} successfully.` : ERROR_EVENT_ADD,\n      });\n    } catch (error) {\n      console.log('onSelectCalendar', error);\n      this.setState({ calendars: null, message: ERROR_EVENT_ADD });\n    }\n  };\n\n  onCloseMessage = () => {\n    this.setState({ message: null });\n  };\n\n  renderPermission() {\n    return (\n      <Popup\n        title=\"Permissions missing\"\n        text=\"You must grant access to the Calendars. Tap Go to settings to change your permission settings.\"\n        options={[\n          {\n            text: 'Go to settings',\n            action: this.goToPermissionSettings,\n            bold: true,\n          },\n          {\n            text: 'Ignore',\n            action: this.closeWarningPopup,\n          },\n        ]}\n      />\n    );\n  }\n\n  renderCalendars(calendars) {\n    return (\n      <MiddlePopup style={[styles.calendarsPopup, { height: calendars.length * 50 + 100 }]} onClose={this.onCloseCalendars}>\n        <Text style={styles.calendarPopupTitle}>Select Calendar</Text>\n        <View style={styles.calendarPopupContainer}>\n          {calendars.map(cal => {\n            return (\n              <TouchableOpacity key={cal.id} onPress={() => this.onSelectCalendar(cal)}>\n                <View style={[styles.calendarContainer, { backgroundColor: cal.color }]}>\n                  <Text style={styles.calendarText}>{cal.title}</Text>\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n          <TouchableOpacity key={'cancel'} onPress={this.onCloseCalendars}>\n            <View style={[styles.calendarContainer, { marginTop: 20, backgroundColor: this.props.colourBrandingMain }]}>\n              <Text style={styles.calendarText}>Cancel</Text>\n            </View>\n          </TouchableOpacity>\n        </View>\n      </MiddlePopup>\n    );\n  }\n\n  renderMessage(message) {\n    return (\n      <Popup\n        title=\"Add to Calendar\"\n        text={message}\n        options={[\n          {\n            text: 'Ok',\n            action: this.onCloseMessage,\n          },\n        ]}\n      />\n    );\n  }\n\n  render() {\n    const { showPermissionWarning, calendars, message } = this.state;\n\n    if (showPermissionWarning) return this.renderPermission();\n    if (calendars && calendars.length > 0) return this.renderCalendars(calendars);\n    if (message) return this.renderMessage(message);\n\n    return (\n      <InlineButton {...this.props} onPress={this.onAdd}>\n        {this.props.children || DEFAULT_TITLE}\n      </InlineButton>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  calendarsPopup: {\n    width: 250,\n    padding: 16,\n    borderRadius: 12,\n  },\n  calendarPopupTitle: {\n    fontFamily: 'sf-bold',\n    color: TEXT_DARK,\n    fontSize: 18,\n    marginBottom: 16,\n  },\n  calendarPopupContainer: {\n    flex: 1,\n    justifyContent: 'space-between',\n  },\n  calendarContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: 200,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n  },\n  calendarText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n    flex: 1,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst button = connect(mapStateToProps, {})(AddToCalendarButton);\nexport { button as AddToCalendarButton };\n"]}
+{"version":3,"sources":["AddToCalendarButton.js"],"names":["React","Component","Platform","Linking","StyleSheet","Text","View","TouchableOpacity","ScrollView","connect","_","Calendar","TEXT_DARK","getMainBrandingColourFromState","InlineButton","Popup","MiddlePopup","DEFAULT_TITLE","ERROR_EVENT_ADD","AddToCalendarButton","constructor","props","OS","setState","showPermissionWarning","openURL","eventToAdd","message","status","requestCalendarPermissionsAsync","showWarningPopup","calendars","getCalendarsAsync","EntityTypes","EVENT","length","filter","c","allowsModifications","map","id","title","source","name","color","type","orderBy","calendar","eventId","createEventAsync","error","console","log","state","renderPermission","text","action","goToPermissionSettings","bold","closeWarningPopup","renderCalendars","styles","calendarsPopup","height","onCloseCalendars","calendarPopupTitle","calendarPopupContainer","flex","cal","onSelectCalendar","calendarContainer","backgroundColor","calendarText","marginTop","colourBrandingMain","renderMessage","onCloseMessage","render","onAdd","children","create","width","maxHeight","padding","borderRadius","fontFamily","fontSize","marginBottom","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","button"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { Platform, Linking, StyleSheet, Text, View, TouchableOpacity, ScrollView } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport * as Calendar from 'expo-calendar';\nimport { TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { InlineButton } from './InlineButton';\nimport { Popup } from './Popup';\nimport { MiddlePopup } from './MiddlePopup';\n\nconst DEFAULT_TITLE = 'Add to Calendar';\nconst ERROR_EVENT_ADD = 'There was a problem adding a calendar event.';\n\n// Required: eventToAdd\n// Documentation: https://docs.expo.dev/versions/latest/sdk/calendar/#event\nclass AddToCalendarButton extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showPermissionWarning: false,\n      calendars: null,\n      message: null,\n    };\n  }\n\n  showWarningPopup = () => {\n    if (Platform.OS !== 'ios') return;\n    this.setState({ showPermissionWarning: true });\n  };\n\n  closeWarningPopup = () => {\n    this.setState({ showPermissionWarning: false });\n  };\n\n  goToPermissionSettings = () => {\n    Linking.openURL('app-settings:');\n    this.setState({ showPermissionWarning: false });\n  };\n\n  onAdd = async () => {\n    if (!this.props.eventToAdd) {\n      this.setState({ message: 'There is no event to add' });\n      return;\n    }\n\n    const { status } = await Calendar.requestCalendarPermissionsAsync();\n    if (status !== 'granted') {\n      this.showWarningPopup();\n    } else {\n      let calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);\n      // console.log('all calendars', calendars);\n      if (calendars && calendars.length > 0) {\n        calendars = calendars\n          .filter(c => c.allowsModifications)\n          .map(c => {\n            return {\n              id: c.id,\n              title: c.title,\n              source: c.source.name,\n              color: c.color,\n              type: c.type,\n            };\n          });\n        calendars = _.orderBy(calendars, ['source', 'title']);\n        // console.log('sorted calendars', calendars);\n      }\n      this.setState({ calendars });\n    }\n  };\n\n  onCloseCalendars = () => {\n    this.setState({ calendars: null });\n  };\n\n  onSelectCalendar = async calendar => {\n    try {\n      const { eventToAdd } = this.props;\n      if (!eventToAdd) return;\n\n      const eventId = await Calendar.createEventAsync(calendar.id, eventToAdd);\n\n      this.setState({\n        calendars: null,\n        message: eventId ? `${eventToAdd.title} was added to ${calendar.title} successfully.` : ERROR_EVENT_ADD,\n      });\n    } catch (error) {\n      console.log('onSelectCalendar', error);\n      this.setState({ calendars: null, message: ERROR_EVENT_ADD });\n    }\n  };\n\n  onCloseMessage = () => {\n    this.setState({ message: null });\n  };\n\n  renderPermission() {\n    return (\n      <Popup\n        title=\"Permissions missing\"\n        text=\"You must grant access to the Calendars. Tap Go to settings to change your permission settings.\"\n        options={[\n          {\n            text: 'Go to settings',\n            action: this.goToPermissionSettings,\n            bold: true,\n          },\n          {\n            text: 'Ignore',\n            action: this.closeWarningPopup,\n          },\n        ]}\n      />\n    );\n  }\n\n  renderCalendars(calendars) {\n    return (\n      <MiddlePopup style={[styles.calendarsPopup, { height: calendars.length * 60 + 120 }]} onClose={this.onCloseCalendars}>\n        <Text style={styles.calendarPopupTitle}>Select Calendar</Text>\n        <View style={styles.calendarPopupContainer}>\n          <ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false}>\n            {calendars.map(cal => {\n              return (\n                <TouchableOpacity key={cal.id} onPress={() => this.onSelectCalendar(cal)}>\n                  <View style={[styles.calendarContainer, { backgroundColor: cal.color }]}>\n                    <Text style={styles.calendarText}>{`${cal.source}${cal.source === cal.title ? '' : `\\n${cal.title}`}`}</Text>\n                  </View>\n                </TouchableOpacity>\n              );\n            })}\n          </ScrollView>\n          <TouchableOpacity key={'cancel'} onPress={this.onCloseCalendars}>\n            <View style={[styles.calendarContainer, { marginTop: 20, backgroundColor: this.props.colourBrandingMain }]}>\n              <Text style={styles.calendarText}>Cancel</Text>\n            </View>\n          </TouchableOpacity>\n        </View>\n      </MiddlePopup>\n    );\n  }\n\n  renderMessage(message) {\n    return (\n      <Popup\n        title=\"Add to Calendar\"\n        text={message}\n        options={[\n          {\n            text: 'Ok',\n            action: this.onCloseMessage,\n          },\n        ]}\n      />\n    );\n  }\n\n  render() {\n    const { showPermissionWarning, calendars, message } = this.state;\n\n    if (showPermissionWarning) return this.renderPermission();\n    if (calendars && calendars.length > 0) return this.renderCalendars(calendars);\n    if (message) return this.renderMessage(message);\n\n    return (\n      <InlineButton {...this.props} onPress={this.onAdd}>\n        {this.props.children || DEFAULT_TITLE}\n      </InlineButton>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  calendarsPopup: {\n    width: 250,\n    maxHeight: 400,\n    padding: 16,\n    borderRadius: 12,\n  },\n  calendarPopupTitle: {\n    fontFamily: 'sf-bold',\n    color: TEXT_DARK,\n    fontSize: 18,\n    marginBottom: 16,\n  },\n  calendarPopupContainer: {\n    flex: 1,\n    justifyContent: 'space-between',\n  },\n  calendarContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: 200,\n    height: 40,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n    marginBottom: 10,\n  },\n  calendarText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n    flex: 1,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst button = connect(mapStateToProps, {})(AddToCalendarButton);\nexport { button as AddToCalendarButton };\n"]}

package/dist/module/components/ConfirmPopup.js

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import { Text, View } from 'react-native';
+import _ from 'lodash';
 import { connect } from 'react-redux';
 import { getMainBrandingColourFromState, TEXT_DARK } from '../colours';
 import { Spinner } from './Spinner';
@@ -19,29 +20,33 @@ class ConfirmPopup extends PureComponent {
         width: 350,
         marginBottom: 16
       }
-    }, this.props.headerContent), /*#__PURE__*/React.createElement(Text, {
-      style: styles.text
-    }, this.props.text), this.props.extraContent && /*#__PURE__*/React.createElement(View, {
+    }, this.props.headerContent), !_.isEmpty(this.props.text) && /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, this.props.textAlignLeft && styles.textAlignLeft]
+    }, this.props.text), !_.isEmpty(this.props.subtext) && /*#__PURE__*/React.createElement(Text, {
+      style: [styles.subtext, this.props.textAlignLeft && styles.textAlignLeft]
+    }, this.props.subtext), this.props.extraContent && /*#__PURE__*/React.createElement(View, {
       style: {
         width: 350,
         marginTop: 16
       }
-    }, this.props.extraContent), /*#__PURE__*/React.createElement(View, {
-      style: styles.buttonsContainer
-    }, this.props.buttonsLoading && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Spinner, null)), !this.props.hideNo && !this.props.buttonsLoading && /*#__PURE__*/React.createElement(InlineButton, {
+    }, this.props.extraContent), this.props.children, /*#__PURE__*/React.createElement(View, {
+      style: [styles.buttonsContainer, this.props.verticalButtons && styles.verticalButtons]
+    }, this.props.buttonsLoading && /*#__PURE__*/React.createElement(View, {
+      style: styles.loadingContainer
+    }, /*#__PURE__*/React.createElement(Spinner, null)), !this.props.hideNo && !this.props.buttonsLoading && /*#__PURE__*/React.createElement(InlineButton, {
       onPress: this.props.onCancel,
       color: "#fff",
-      style: [styles.button, styles.noButton, {
+      style: [styles.button, styles.noButton, this.props.verticalButtons && styles.buttonVertical, {
         borderColor: this.props.colourBrandingMain
       }],
       textStyle: {
         color: this.props.colourBrandingMain
       },
       large: true
-    }, this.props.noText || 'No'), !this.props.buttonsLoading && /*#__PURE__*/React.createElement(InlineButton, {
+    }, this.props.noText || 'No'), !this.props.hideYes && !this.props.buttonsLoading && /*#__PURE__*/React.createElement(InlineButton, {
       onPress: this.props.onConfirm,
       color: this.props.colourBrandingMain,
-      style: styles.button,
+      style: [styles.button, this.props.verticalButtons && styles.buttonVertical],
       large: true
     }, this.props.yesText || 'Yes')));
   }
@@ -50,7 +55,7 @@ class ConfirmPopup extends PureComponent {
 
 const styles = {
   popup: {
-    padding: 32,
+    padding: 24,
     margin: 16,
     maxWidth: 350
   },
@@ -60,10 +65,24 @@ const styles = {
     color: TEXT_DARK,
     textAlign: 'center'
   },
+  subtext: {
+    fontFamily: 'sf-regular',
+    fontSize: 17,
+    color: TEXT_DARK,
+    textAlign: 'center'
+  },
+  textAlignLeft: {
+    textAlign: 'left'
+  },
   buttonsContainer: {
     flexDirection: 'row',
     marginTop: 24
   },
+  loadingContainer: {
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
   button: {
     width: 120,
     paddingHorizontal: 2
@@ -71,6 +90,15 @@ const styles = {
   noButton: {
     borderWidth: 1,
     marginRight: 16
+  },
+  buttonVertical: {
+    width: '100%',
+    marginTop: 16,
+    marginRight: 0,
+    paddingHorizontal: 8
+  },
+  verticalButtons: {
+    flexDirection: 'column-reverse'
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["ConfirmPopup.js"],"names":["React","PureComponent","Text","View","connect","getMainBrandingColourFromState","TEXT_DARK","Spinner","InlineButton","MiddlePopup","ConfirmPopup","render","props","visible","onClose","styles","popup","headerContent","paddingTop","width","marginBottom","text","extraContent","marginTop","buttonsContainer","buttonsLoading","hideNo","onCancel","button","noButton","borderColor","colourBrandingMain","color","noText","onConfirm","yesText","padding","margin","maxWidth","fontFamily","fontSize","textAlign","flexDirection","paddingHorizontal","borderWidth","marginRight","mapStateToProps","state","confirmPopup"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState, TEXT_DARK } from '../colours';\nimport { Spinner } from './Spinner';\nimport { InlineButton } from './InlineButton';\nimport { MiddlePopup } from './MiddlePopup';\n\nclass ConfirmPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup\n        visible={this.props.visible}\n        onClose={this.props.onClose}\n        style={[styles.popup, this.props.headerContent && { paddingTop: 16 }]}\n      >\n        {this.props.headerContent && <View style={{ width: 350, marginBottom: 16 }}>{this.props.headerContent}</View>}\n        <Text style={styles.text}>{this.props.text}</Text>\n        {this.props.extraContent && <View style={{ width: 350, marginTop: 16 }}>{this.props.extraContent}</View>}\n        <View style={styles.buttonsContainer}>\n          {this.props.buttonsLoading && (\n            <View>\n              <Spinner />\n            </View>\n          )}\n          {!this.props.hideNo && !this.props.buttonsLoading && (\n            <InlineButton\n              onPress={this.props.onCancel}\n              color=\"#fff\"\n              style={[styles.button, styles.noButton, { borderColor: this.props.colourBrandingMain }]}\n              textStyle={{ color: this.props.colourBrandingMain }}\n              large\n            >\n              {this.props.noText || 'No'}\n            </InlineButton>\n          )}\n          {!this.props.buttonsLoading && (\n            <InlineButton onPress={this.props.onConfirm} color={this.props.colourBrandingMain} style={styles.button} large>\n              {this.props.yesText || 'Yes'}\n            </InlineButton>\n          )}\n        </View>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    padding: 32,\n    margin: 16,\n    maxWidth: 350,\n  },\n  text: {\n    fontFamily: 'sf-bold',\n    fontSize: 20,\n    color: TEXT_DARK,\n    textAlign: 'center',\n  },\n  buttonsContainer: {\n    flexDirection: 'row',\n    marginTop: 24,\n  },\n  button: {\n    width: 120,\n    paddingHorizontal: 2,\n  },\n  noButton: {\n    borderWidth: 1,\n    marginRight: 16,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst confirmPopup = connect(mapStateToProps, {})(ConfirmPopup);\nexport { confirmPopup as ConfirmPopup };\n"]}
+{"version":3,"sources":["ConfirmPopup.js"],"names":["React","PureComponent","Text","View","_","connect","getMainBrandingColourFromState","TEXT_DARK","Spinner","InlineButton","MiddlePopup","ConfirmPopup","render","props","visible","onClose","styles","popup","headerContent","paddingTop","width","marginBottom","isEmpty","text","textAlignLeft","subtext","extraContent","marginTop","children","buttonsContainer","verticalButtons","buttonsLoading","loadingContainer","hideNo","onCancel","button","noButton","buttonVertical","borderColor","colourBrandingMain","color","noText","hideYes","onConfirm","yesText","padding","margin","maxWidth","fontFamily","fontSize","textAlign","flexDirection","height","justifyContent","alignItems","paddingHorizontal","borderWidth","marginRight","mapStateToProps","state","confirmPopup"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View } from 'react-native';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState, TEXT_DARK } from '../colours';\nimport { Spinner } from './Spinner';\nimport { InlineButton } from './InlineButton';\nimport { MiddlePopup } from './MiddlePopup';\n\nclass ConfirmPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup\n        visible={this.props.visible}\n        onClose={this.props.onClose}\n        style={[styles.popup, this.props.headerContent && { paddingTop: 16 }]}\n      >\n        {this.props.headerContent && <View style={{ width: 350, marginBottom: 16 }}>{this.props.headerContent}</View>}\n        {!_.isEmpty(this.props.text) && (\n          <Text style={[styles.text, this.props.textAlignLeft && styles.textAlignLeft]}>{this.props.text}</Text>\n        )}\n        {!_.isEmpty(this.props.subtext) && (\n          <Text style={[styles.subtext, this.props.textAlignLeft && styles.textAlignLeft]}>{this.props.subtext}</Text>\n        )}\n        {this.props.extraContent && <View style={{ width: 350, marginTop: 16 }}>{this.props.extraContent}</View>}\n        {this.props.children}\n        <View style={[styles.buttonsContainer, this.props.verticalButtons && styles.verticalButtons]}>\n          {this.props.buttonsLoading && (\n            <View style={styles.loadingContainer}>\n              <Spinner />\n            </View>\n          )}\n          {!this.props.hideNo && !this.props.buttonsLoading && (\n            <InlineButton\n              onPress={this.props.onCancel}\n              color=\"#fff\"\n              style={[\n                styles.button,\n                styles.noButton,\n                this.props.verticalButtons && styles.buttonVertical,\n                { borderColor: this.props.colourBrandingMain },\n              ]}\n              textStyle={{ color: this.props.colourBrandingMain }}\n              large\n            >\n              {this.props.noText || 'No'}\n            </InlineButton>\n          )}\n          {!this.props.hideYes && !this.props.buttonsLoading && (\n            <InlineButton\n              onPress={this.props.onConfirm}\n              color={this.props.colourBrandingMain}\n              style={[styles.button, this.props.verticalButtons && styles.buttonVertical]}\n              large\n            >\n              {this.props.yesText || 'Yes'}\n            </InlineButton>\n          )}\n        </View>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    padding: 24,\n    margin: 16,\n    maxWidth: 350,\n  },\n  text: {\n    fontFamily: 'sf-bold',\n    fontSize: 20,\n    color: TEXT_DARK,\n    textAlign: 'center',\n  },\n  subtext: {\n    fontFamily: 'sf-regular',\n    fontSize: 17,\n    color: TEXT_DARK,\n    textAlign: 'center',\n  },\n  textAlignLeft: {\n    textAlign: 'left',\n  },\n  buttonsContainer: {\n    flexDirection: 'row',\n    marginTop: 24,\n  },\n  loadingContainer: {\n    height: 40,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  button: {\n    width: 120,\n    paddingHorizontal: 2,\n  },\n  noButton: {\n    borderWidth: 1,\n    marginRight: 16,\n  },\n  buttonVertical: {\n    width: '100%',\n    marginTop: 16,\n    marginRight: 0,\n    paddingHorizontal: 8,\n  },\n  verticalButtons: {\n    flexDirection: 'column-reverse',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst confirmPopup = connect(mapStateToProps, {})(ConfirmPopup);\nexport { confirmPopup as ConfirmPopup };\n"]}

package/dist/module/components/EmptyStateMain.js

@@ -1,10 +1,17 @@
 import React, { PureComponent } from 'react';
 import { Text, View, ScrollView, StyleSheet } from 'react-native';
+import _ from 'lodash';
 import { TEXT_BLUEGREY } from '../colours';
 
 class EmptyStateMain extends PureComponent {
-  renderPlaceHolder() {
-    let opacity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  renderPlaceHolder(index) {
+    let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    const barCount = _.isUndefined(this.props.barCount) ? 3 : this.props.barCount;
+
+    if (barCount <= index) {
+      return null;
+    }
+
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.item, {
         opacity
@@ -15,11 +22,11 @@ class EmptyStateMain extends PureComponent {
   render() {
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.container, this.props.style]
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, !this.props.hideTitle && /*#__PURE__*/React.createElement(Text, {
       style: styles.titleText
-    }, this.props.title || 'Nothing to see here'), /*#__PURE__*/React.createElement(ScrollView, {
+    }, this.props.title || 'Nothing to see here'), this.props.content, /*#__PURE__*/React.createElement(ScrollView, {
       style: styles.itemContainer
-    }, this.renderPlaceHolder(0.8), this.renderPlaceHolder(0.6), this.renderPlaceHolder(0.4)));
+    }, this.renderPlaceHolder(0, 0.8), this.renderPlaceHolder(1, 0.6), this.renderPlaceHolder(2, 0.4)));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["EmptyStateMain.js"],"names":["React","PureComponent","Text","View","ScrollView","StyleSheet","TEXT_BLUEGREY","EmptyStateMain","renderPlaceHolder","opacity","styles","item","render","container","props","style","titleText","title","itemContainer","create","borderRadius","paddingVertical","fontFamily","fontSize","color","marginTop","flexDirection","width","height","backgroundColor","marginBottom"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,UAArB,EAAiCC,UAAjC,QAAmD,cAAnD;AACA,SAASC,aAAT,QAA8B,YAA9B;;AAEA,MAAMC,cAAN,SAA6BN,aAA7B,CAA2C;AACzCO,EAAAA,iBAAiB,GAAc;AAAA,QAAbC,OAAa,uEAAH,CAAG;AAC7B,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc;AAAEF,QAAAA;AAAF,OAAd;AAAb,MAAP;AACD;;AAEDG,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACF,MAAM,CAACG,SAAR,EAAmB,KAAKC,KAAL,CAAWC,KAA9B;AAAb,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEL,MAAM,CAACM;AAApB,OAAgC,KAAKF,KAAL,CAAWG,KAAX,IAAoB,qBAApD,CADF,eAEE,oBAAC,UAAD;AAAY,MAAA,KAAK,EAAEP,MAAM,CAACQ;AAA1B,OACG,KAAKV,iBAAL,CAAuB,GAAvB,CADH,EAEG,KAAKA,iBAAL,CAAuB,GAAvB,CAFH,EAGG,KAAKA,iBAAL,CAAuB,GAAvB,CAHH,CAFF,CADF;AAUD;;AAhBwC;;AAmB3C,MAAME,MAAM,GAAGL,UAAU,CAACc,MAAX,CAAkB;AAC/BN,EAAAA,SAAS,EAAE;AACTO,IAAAA,YAAY,EAAE,CADL;AAETC,IAAAA,eAAe,EAAE;AAFR,GADoB;AAK/BL,EAAAA,SAAS,EAAE;AACTM,IAAAA,UAAU,EAAE,SADH;AAETC,IAAAA,QAAQ,EAAE,EAFD;AAGTC,IAAAA,KAAK,EAAElB;AAHE,GALoB;AAU/BY,EAAAA,aAAa,EAAE;AACbO,IAAAA,SAAS,EAAE,EADE;AAEbC,IAAAA,aAAa,EAAE;AAFF,GAVgB;AAc/Bf,EAAAA,IAAI,EAAE;AACJS,IAAAA,YAAY,EAAE,CADV;AAEJO,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,MAAM,EAAE,EAHJ;AAIJC,IAAAA,eAAe,EAAE,SAJb;AAKJC,IAAAA,YAAY,EAAE;AALV;AAdyB,CAAlB,CAAf;AAuBA,eAAevB,cAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport { TEXT_BLUEGREY } from '../colours';\n\nclass EmptyStateMain extends PureComponent {\n  renderPlaceHolder(opacity = 1) {\n    return <View style={[styles.item, { opacity }]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>\n        <ScrollView style={styles.itemContainer}>\n          {this.renderPlaceHolder(0.8)}\n          {this.renderPlaceHolder(0.6)}\n          {this.renderPlaceHolder(0.4)}\n        </ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 5,\n    paddingVertical: 5,\n  },\n  titleText: {\n    fontFamily: 'qs-bold',\n    fontSize: 16,\n    color: TEXT_BLUEGREY,\n  },\n  itemContainer: {\n    marginTop: 20,\n    flexDirection: 'column',\n  },\n  item: {\n    borderRadius: 4,\n    width: '100%',\n    height: 32,\n    backgroundColor: '#e6ebef',\n    marginBottom: 17,\n  },\n});\n\nexport default EmptyStateMain;\n"]}
+{"version":3,"sources":["EmptyStateMain.js"],"names":["React","PureComponent","Text","View","ScrollView","StyleSheet","_","TEXT_BLUEGREY","EmptyStateMain","renderPlaceHolder","index","opacity","barCount","isUndefined","props","styles","item","render","container","style","hideTitle","titleText","title","content","itemContainer","create","borderRadius","paddingVertical","fontFamily","fontSize","color","marginTop","flexDirection","width","height","backgroundColor","marginBottom"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,UAArB,EAAiCC,UAAjC,QAAmD,cAAnD;AACA,OAAOC,CAAP,MAAc,QAAd;AACA,SAASC,aAAT,QAA8B,YAA9B;;AAEA,MAAMC,cAAN,SAA6BP,aAA7B,CAA2C;AACzCQ,EAAAA,iBAAiB,CAACC,KAAD,EAAqB;AAAA,QAAbC,OAAa,uEAAH,CAAG;AACpC,UAAMC,QAAQ,GAAGN,CAAC,CAACO,WAAF,CAAc,KAAKC,KAAL,CAAWF,QAAzB,IAAqC,CAArC,GAAyC,KAAKE,KAAL,CAAWF,QAArE;;AACA,QAAIA,QAAQ,IAAIF,KAAhB,EAAuB;AACrB,aAAO,IAAP;AACD;;AACD,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACK,MAAM,CAACC,IAAR,EAAc;AAAEL,QAAAA;AAAF,OAAd;AAAb,MAAP;AACD;;AAEDM,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACF,MAAM,CAACG,SAAR,EAAmB,KAAKJ,KAAL,CAAWK,KAA9B;AAAb,OACG,CAAC,KAAKL,KAAL,CAAWM,SAAZ,iBAAyB,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEL,MAAM,CAACM;AAApB,OAAgC,KAAKP,KAAL,CAAWQ,KAAX,IAAoB,qBAApD,CAD5B,EAEG,KAAKR,KAAL,CAAWS,OAFd,eAGE,oBAAC,UAAD;AAAY,MAAA,KAAK,EAAER,MAAM,CAACS;AAA1B,OACG,KAAKf,iBAAL,CAAuB,CAAvB,EAA0B,GAA1B,CADH,EAEG,KAAKA,iBAAL,CAAuB,CAAvB,EAA0B,GAA1B,CAFH,EAGG,KAAKA,iBAAL,CAAuB,CAAvB,EAA0B,GAA1B,CAHH,CAHF,CADF;AAWD;;AArBwC;;AAwB3C,MAAMM,MAAM,GAAGV,UAAU,CAACoB,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,YAAY,EAAE,CADL;AAETC,IAAAA,eAAe,EAAE;AAFR,GADoB;AAK/BN,EAAAA,SAAS,EAAE;AACTO,IAAAA,UAAU,EAAE,SADH;AAETC,IAAAA,QAAQ,EAAE,EAFD;AAGTC,IAAAA,KAAK,EAAEvB;AAHE,GALoB;AAU/BiB,EAAAA,aAAa,EAAE;AACbO,IAAAA,SAAS,EAAE,EADE;AAEbC,IAAAA,aAAa,EAAE;AAFF,GAVgB;AAc/BhB,EAAAA,IAAI,EAAE;AACJU,IAAAA,YAAY,EAAE,CADV;AAEJO,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,MAAM,EAAE,EAHJ;AAIJC,IAAAA,eAAe,EAAE,SAJb;AAKJC,IAAAA,YAAY,EAAE;AALV;AAdyB,CAAlB,CAAf;AAuBA,eAAe5B,cAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport _ from 'lodash';\nimport { TEXT_BLUEGREY } from '../colours';\n\nclass EmptyStateMain extends PureComponent {\n  renderPlaceHolder(index, opacity = 1) {\n    const barCount = _.isUndefined(this.props.barCount) ? 3 : this.props.barCount;\n    if (barCount <= index) {\n      return null;\n    }\n    return <View style={[styles.item, { opacity }]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {!this.props.hideTitle && <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>}\n        {this.props.content}\n        <ScrollView style={styles.itemContainer}>\n          {this.renderPlaceHolder(0, 0.8)}\n          {this.renderPlaceHolder(1, 0.6)}\n          {this.renderPlaceHolder(2, 0.4)}\n        </ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 5,\n    paddingVertical: 5,\n  },\n  titleText: {\n    fontFamily: 'qs-bold',\n    fontSize: 16,\n    color: TEXT_BLUEGREY,\n  },\n  itemContainer: {\n    marginTop: 20,\n    flexDirection: 'column',\n  },\n  item: {\n    borderRadius: 4,\n    width: '100%',\n    height: 32,\n    backgroundColor: '#e6ebef',\n    marginBottom: 17,\n  },\n});\n\nexport default EmptyStateMain;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-app",
-  "version": "1.5.6-beta.0",
+  "version": "1.5.8-beta.0",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/module/index.js",
   "module": "dist/module/index.js",

package/src/components/AddToCalendarButton.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
-import { Platform, Linking, StyleSheet, Text, View, TouchableOpacity } from 'react-native';
+import { Platform, Linking, StyleSheet, Text, View, TouchableOpacity, ScrollView } from 'react-native';
 import { connect } from 'react-redux';
+import _ from 'lodash';
 import * as Calendar from 'expo-calendar';
 import { TEXT_DARK, getMainBrandingColourFromState } from '../colours';
 import { InlineButton } from './InlineButton';
@@ -50,7 +51,19 @@ class AddToCalendarButton extends Component {
       let calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);
       // console.log('all calendars', calendars);
       if (calendars && calendars.length > 0) {
-        calendars = calendars.filter(c => c.allowsModifications);
+        calendars = calendars
+          .filter(c => c.allowsModifications)
+          .map(c => {
+            return {
+              id: c.id,
+              title: c.title,
+              source: c.source.name,
+              color: c.color,
+              type: c.type,
+            };
+          });
+        calendars = _.orderBy(calendars, ['source', 'title']);
+        // console.log('sorted calendars', calendars);
       }
       this.setState({ calendars });
     }
@@ -103,18 +116,20 @@ class AddToCalendarButton extends Component {
 
   renderCalendars(calendars) {
     return (
-      <MiddlePopup style={[styles.calendarsPopup, { height: calendars.length * 50 + 100 }]} onClose={this.onCloseCalendars}>
+      <MiddlePopup style={[styles.calendarsPopup, { height: calendars.length * 60 + 120 }]} onClose={this.onCloseCalendars}>
         <Text style={styles.calendarPopupTitle}>Select Calendar</Text>
         <View style={styles.calendarPopupContainer}>
-          {calendars.map(cal => {
-            return (
-              <TouchableOpacity key={cal.id} onPress={() => this.onSelectCalendar(cal)}>
-                <View style={[styles.calendarContainer, { backgroundColor: cal.color }]}>
-                  <Text style={styles.calendarText}>{cal.title}</Text>
-                </View>
-              </TouchableOpacity>
-            );
-          })}
+          <ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false}>
+            {calendars.map(cal => {
+              return (
+                <TouchableOpacity key={cal.id} onPress={() => this.onSelectCalendar(cal)}>
+                  <View style={[styles.calendarContainer, { backgroundColor: cal.color }]}>
+                    <Text style={styles.calendarText}>{`${cal.source}${cal.source === cal.title ? '' : `\n${cal.title}`}`}</Text>
+                  </View>
+                </TouchableOpacity>
+              );
+            })}
+          </ScrollView>
           <TouchableOpacity key={'cancel'} onPress={this.onCloseCalendars}>
             <View style={[styles.calendarContainer, { marginTop: 20, backgroundColor: this.props.colourBrandingMain }]}>
               <Text style={styles.calendarText}>Cancel</Text>
@@ -158,6 +173,7 @@ class AddToCalendarButton extends Component {
 const styles = StyleSheet.create({
   calendarsPopup: {
     width: 250,
+    maxHeight: 400,
     padding: 16,
     borderRadius: 12,
   },
@@ -174,11 +190,11 @@ const styles = StyleSheet.create({
   calendarContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
     width: 200,
-    height: 30,
+    height: 40,
     paddingHorizontal: 8,
     borderRadius: 4,
+    marginBottom: 10,
   },
   calendarText: {
     color: '#fff',

package/src/components/ConfirmPopup.js

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import { Text, View } from 'react-native';
+import _ from 'lodash';
 import { connect } from 'react-redux';
 import { getMainBrandingColourFromState, TEXT_DARK } from '../colours';
 import { Spinner } from './Spinner';
@@ -15,11 +16,17 @@ class ConfirmPopup extends PureComponent {
         style={[styles.popup, this.props.headerContent && { paddingTop: 16 }]}
       >
         {this.props.headerContent && <View style={{ width: 350, marginBottom: 16 }}>{this.props.headerContent}</View>}
-        <Text style={styles.text}>{this.props.text}</Text>
+        {!_.isEmpty(this.props.text) && (
+          <Text style={[styles.text, this.props.textAlignLeft && styles.textAlignLeft]}>{this.props.text}</Text>
+        )}
+        {!_.isEmpty(this.props.subtext) && (
+          <Text style={[styles.subtext, this.props.textAlignLeft && styles.textAlignLeft]}>{this.props.subtext}</Text>
+        )}
         {this.props.extraContent && <View style={{ width: 350, marginTop: 16 }}>{this.props.extraContent}</View>}
-        <View style={styles.buttonsContainer}>
+        {this.props.children}
+        <View style={[styles.buttonsContainer, this.props.verticalButtons && styles.verticalButtons]}>
           {this.props.buttonsLoading && (
-            <View>
+            <View style={styles.loadingContainer}>
               <Spinner />
             </View>
           )}
@@ -27,15 +34,25 @@ class ConfirmPopup extends PureComponent {
             <InlineButton
               onPress={this.props.onCancel}
               color="#fff"
-              style={[styles.button, styles.noButton, { borderColor: this.props.colourBrandingMain }]}
+              style={[
+                styles.button,
+                styles.noButton,
+                this.props.verticalButtons && styles.buttonVertical,
+                { borderColor: this.props.colourBrandingMain },
+              ]}
               textStyle={{ color: this.props.colourBrandingMain }}
               large
             >
               {this.props.noText || 'No'}
             </InlineButton>
           )}
-          {!this.props.buttonsLoading && (
-            <InlineButton onPress={this.props.onConfirm} color={this.props.colourBrandingMain} style={styles.button} large>
+          {!this.props.hideYes && !this.props.buttonsLoading && (
+            <InlineButton
+              onPress={this.props.onConfirm}
+              color={this.props.colourBrandingMain}
+              style={[styles.button, this.props.verticalButtons && styles.buttonVertical]}
+              large
+            >
               {this.props.yesText || 'Yes'}
             </InlineButton>
           )}
@@ -47,7 +64,7 @@ class ConfirmPopup extends PureComponent {
 
 const styles = {
   popup: {
-    padding: 32,
+    padding: 24,
     margin: 16,
     maxWidth: 350,
   },
@@ -57,10 +74,24 @@ const styles = {
     color: TEXT_DARK,
     textAlign: 'center',
   },
+  subtext: {
+    fontFamily: 'sf-regular',
+    fontSize: 17,
+    color: TEXT_DARK,
+    textAlign: 'center',
+  },
+  textAlignLeft: {
+    textAlign: 'left',
+  },
   buttonsContainer: {
     flexDirection: 'row',
     marginTop: 24,
   },
+  loadingContainer: {
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
   button: {
     width: 120,
     paddingHorizontal: 2,
@@ -69,6 +100,15 @@ const styles = {
     borderWidth: 1,
     marginRight: 16,
   },
+  buttonVertical: {
+    width: '100%',
+    marginTop: 16,
+    marginRight: 0,
+    paddingHorizontal: 8,
+  },
+  verticalButtons: {
+    flexDirection: 'column-reverse',
+  },
 };
 
 const mapStateToProps = state => {

package/src/components/EmptyStateMain.js

@@ -1,20 +1,26 @@
 import React, { PureComponent } from 'react';
 import { Text, View, ScrollView, StyleSheet } from 'react-native';
+import _ from 'lodash';
 import { TEXT_BLUEGREY } from '../colours';
 
 class EmptyStateMain extends PureComponent {
-  renderPlaceHolder(opacity = 1) {
+  renderPlaceHolder(index, opacity = 1) {
+    const barCount = _.isUndefined(this.props.barCount) ? 3 : this.props.barCount;
+    if (barCount <= index) {
+      return null;
+    }
     return <View style={[styles.item, { opacity }]} />;
   }
 
   render() {
     return (
       <View style={[styles.container, this.props.style]}>
-        <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>
+        {!this.props.hideTitle && <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>}
+        {this.props.content}
         <ScrollView style={styles.itemContainer}>
-          {this.renderPlaceHolder(0.8)}
-          {this.renderPlaceHolder(0.6)}
-          {this.renderPlaceHolder(0.4)}
+          {this.renderPlaceHolder(0, 0.8)}
+          {this.renderPlaceHolder(1, 0.6)}
+          {this.renderPlaceHolder(2, 0.4)}
         </ScrollView>
       </View>
     );