@plusscommunities/pluss-core-app 1.5.5 → 1.5.7-beta.0

package/dist/module/components/AddToCalendarButton.js

@@ -0,0 +1,241 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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, 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';
+import { Popup } from './Popup';
+import { MiddlePopup } from './MiddlePopup';
+const DEFAULT_TITLE = 'Add to Calendar';
+const ERROR_EVENT_ADD = 'There was a problem adding a calendar event.'; // Required: eventToAdd
+// Documentation: https://docs.expo.dev/versions/latest/sdk/calendar/#event
+
+class AddToCalendarButton extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "showWarningPopup", () => {
+      if (Platform.OS !== 'ios') return;
+      this.setState({
+        showPermissionWarning: true
+      });
+    });
+
+    _defineProperty(this, "closeWarningPopup", () => {
+      this.setState({
+        showPermissionWarning: false
+      });
+    });
+
+    _defineProperty(this, "goToPermissionSettings", () => {
+      Linking.openURL('app-settings:');
+      this.setState({
+        showPermissionWarning: false
+      });
+    });
+
+    _defineProperty(this, "onAdd", async () => {
+      if (!this.props.eventToAdd) {
+        this.setState({
+          message: 'There is no event to add'
+        });
+        return;
+      }
+
+      const {
+        status
+      } = await Calendar.requestCalendarPermissionsAsync();
+
+      if (status !== 'granted') {
+        this.showWarningPopup();
+      } else {
+        let calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT); // console.log('all calendars', calendars);
+
+        if (calendars && calendars.length > 0) {
+          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
+        });
+      }
+    });
+
+    _defineProperty(this, "onCloseCalendars", () => {
+      this.setState({
+        calendars: null
+      });
+    });
+
+    _defineProperty(this, "onSelectCalendar", async calendar => {
+      try {
+        const {
+          eventToAdd
+        } = this.props;
+        if (!eventToAdd) return;
+        const eventId = await Calendar.createEventAsync(calendar.id, eventToAdd);
+        this.setState({
+          calendars: null,
+          message: eventId ? `${eventToAdd.title} was added to ${calendar.title} successfully.` : ERROR_EVENT_ADD
+        });
+      } catch (error) {
+        console.log('onSelectCalendar', error);
+        this.setState({
+          calendars: null,
+          message: ERROR_EVENT_ADD
+        });
+      }
+    });
+
+    _defineProperty(this, "onCloseMessage", () => {
+      this.setState({
+        message: null
+      });
+    });
+
+    this.state = {
+      showPermissionWarning: false,
+      calendars: null,
+      message: null
+    };
+  }
+
+  renderPermission() {
+    return /*#__PURE__*/React.createElement(Popup, {
+      title: "Permissions missing",
+      text: "You must grant access to the Calendars. Tap Go to settings to change your permission settings.",
+      options: [{
+        text: 'Go to settings',
+        action: this.goToPermissionSettings,
+        bold: true
+      }, {
+        text: 'Ignore',
+        action: this.closeWarningPopup
+      }]
+    });
+  }
+
+  renderCalendars(calendars) {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      style: [styles.calendarsPopup, {
+        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,
+        onPress: () => this.onSelectCalendar(cal)
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [styles.calendarContainer, {
+          backgroundColor: cal.color
+        }]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.calendarText
+      }, `${cal.source}${cal.source === cal.title ? '' : `\n${cal.title}`}`)));
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: 'cancel',
+      onPress: this.onCloseCalendars
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.calendarContainer, {
+        marginTop: 20,
+        backgroundColor: this.props.colourBrandingMain
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.calendarText
+    }, "Cancel")))));
+  }
+
+  renderMessage(message) {
+    return /*#__PURE__*/React.createElement(Popup, {
+      title: "Add to Calendar",
+      text: message,
+      options: [{
+        text: 'Ok',
+        action: this.onCloseMessage
+      }]
+    });
+  }
+
+  render() {
+    const {
+      showPermissionWarning,
+      calendars,
+      message
+    } = this.state;
+    if (showPermissionWarning) return this.renderPermission();
+    if (calendars && calendars.length > 0) return this.renderCalendars(calendars);
+    if (message) return this.renderMessage(message);
+    return /*#__PURE__*/React.createElement(InlineButton, _extends({}, this.props, {
+      onPress: this.onAdd
+    }), this.props.children || DEFAULT_TITLE);
+  }
+
+}
+
+const styles = StyleSheet.create({
+  calendarsPopup: {
+    width: 250,
+    maxHeight: 400,
+    padding: 16,
+    borderRadius: 12
+  },
+  calendarPopupTitle: {
+    fontFamily: 'sf-bold',
+    color: TEXT_DARK,
+    fontSize: 18,
+    marginBottom: 16
+  },
+  calendarPopupContainer: {
+    flex: 1,
+    justifyContent: 'space-between'
+  },
+  calendarContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: 200,
+    height: 40,
+    paddingHorizontal: 8,
+    borderRadius: 4,
+    marginBottom: 10
+  },
+  calendarText: {
+    color: '#fff',
+    textAlign: 'center',
+    fontFamily: 'sf-semibold',
+    fontSize: 13,
+    flex: 1
+  }
+});
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const button = connect(mapStateToProps, {})(AddToCalendarButton);
+export { button as AddToCalendarButton };
+//# sourceMappingURL=AddToCalendarButton.js.map

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

@@ -0,0 +1 @@
+{"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/Popup.js

@@ -2,8 +2,7 @@ import React, { Component } from 'react';
 import { View, Text, TouchableWithoutFeedback, Modal } from 'react-native';
 import _ from 'lodash';
 import { connect } from 'react-redux';
-import { LINEGREY, TEXT_DARK, TEXT_LIGHT } from '../colours';
-import { getMainBrandingColourFromState } from '../helper';
+import { LINEGREY, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';
 import { InlineButton } from './InlineButton';
 
 class Popup extends Component {

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

@@ -1 +1 @@
-{"version":3,"sources":["Popup.js"],"names":["React","Component","View","Text","TouchableWithoutFeedback","Modal","_","connect","LINEGREY","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","InlineButton","Popup","renderOptions","props","options","styles","bottom","map","option","index","action","optionText","color","colourBrandingMain","bold","optionTextBold","text","renderTitle","title","renderContent","content","render","onClose","container","menu","containerStyle","top","children","position","left","right","backgroundColor","zIndex","paddingHorizontal","paddingVertical","justifyContent","alignItems","width","borderRadius","padding","fontFamily","fontSize","lineHeight","textAlign","marginBottom","borderTopColor","borderTopWidth","flexDirection","marginRight","mapStateToProps","state","popup"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, TouchableWithoutFeedback, Modal } from 'react-native';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { LINEGREY, TEXT_DARK, TEXT_LIGHT } from '../colours';\nimport { getMainBrandingColourFromState } from '../helper';\nimport { InlineButton } from './InlineButton';\n\nclass Popup extends Component {\n  renderOptions() {\n    if (!this.props.options) {\n      return null;\n    }\n    return (\n      <View style={styles.bottom}>\n        {_.map(this.props.options, (option, index) => {\n          return (\n            <InlineButton\n              key={index}\n              onPress={option.action}\n              color=\"#fff\"\n              textStyle={[styles.optionText, { color: this.props.colourBrandingMain }, option.bold && styles.optionTextBold]}\n            >\n              {option.text}\n            </InlineButton>\n          );\n        })}\n      </View>\n    );\n  }\n\n  renderTitle() {\n    if (!this.props.title) {\n      return null;\n    }\n    return <Text style={[styles.title, { color: this.props.colourBrandingMain }]}>{this.props.title}</Text>;\n  }\n\n  renderContent() {\n    if (this.props.content) {\n      return this.props.content;\n    }\n    if (!this.props.text) {\n      return null;\n    }\n    return <Text style={styles.text}>{this.props.text}</Text>;\n  }\n\n  render() {\n    return (\n      <Modal visible transparent animationType=\"fade\" onRequestClose={this.props.onClose}>\n        <TouchableWithoutFeedback style={styles.container} onPress={this.props.onClose}>\n          <View style={styles.container}>\n            <View style={[styles.menu, this.props.containerStyle]}>\n              <View style={styles.top}>\n                {this.renderTitle()}\n                {this.renderContent()}\n                {this.props.children}\n              </View>\n              {this.renderOptions()}\n            </View>\n          </View>\n        </TouchableWithoutFeedback>\n      </Modal>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    backgroundColor: 'rgba(0,0,0,0.5)',\n    zIndex: 1000,\n    paddingHorizontal: 16,\n    paddingVertical: 32,\n    justifyContent: 'center',\n    alignItems: 'center',\n    width: '100%',\n  },\n  menu: {\n    backgroundColor: '#fff',\n    borderRadius: 12,\n  },\n  top: {\n    padding: 24,\n  },\n  title: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    lineHeight: 24,\n    color: TEXT_DARK,\n    textAlign: 'center',\n    marginBottom: 16,\n  },\n  text: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n    lineHeight: 22,\n    color: TEXT_LIGHT,\n    textAlign: 'center',\n  },\n  bottom: {\n    borderTopColor: LINEGREY,\n    borderTopWidth: 1,\n    flexDirection: 'row-reverse',\n    padding: 8,\n  },\n  option: {\n    marginRight: 16,\n  },\n  optionText: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n  },\n  optionTextBold: {\n    fontFamily: 'sf-semibold',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst popup = connect(mapStateToProps, {})(Popup);\nexport { popup as Popup };\n"]}
+{"version":3,"sources":["Popup.js"],"names":["React","Component","View","Text","TouchableWithoutFeedback","Modal","_","connect","LINEGREY","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","InlineButton","Popup","renderOptions","props","options","styles","bottom","map","option","index","action","optionText","color","colourBrandingMain","bold","optionTextBold","text","renderTitle","title","renderContent","content","render","onClose","container","menu","containerStyle","top","children","position","left","right","backgroundColor","zIndex","paddingHorizontal","paddingVertical","justifyContent","alignItems","width","borderRadius","padding","fontFamily","fontSize","lineHeight","textAlign","marginBottom","borderTopColor","borderTopWidth","flexDirection","marginRight","mapStateToProps","state","popup"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, TouchableWithoutFeedback, Modal } from 'react-native';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { LINEGREY, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';\nimport { InlineButton } from './InlineButton';\n\nclass Popup extends Component {\n  renderOptions() {\n    if (!this.props.options) {\n      return null;\n    }\n    return (\n      <View style={styles.bottom}>\n        {_.map(this.props.options, (option, index) => {\n          return (\n            <InlineButton\n              key={index}\n              onPress={option.action}\n              color=\"#fff\"\n              textStyle={[styles.optionText, { color: this.props.colourBrandingMain }, option.bold && styles.optionTextBold]}\n            >\n              {option.text}\n            </InlineButton>\n          );\n        })}\n      </View>\n    );\n  }\n\n  renderTitle() {\n    if (!this.props.title) {\n      return null;\n    }\n    return <Text style={[styles.title, { color: this.props.colourBrandingMain }]}>{this.props.title}</Text>;\n  }\n\n  renderContent() {\n    if (this.props.content) {\n      return this.props.content;\n    }\n    if (!this.props.text) {\n      return null;\n    }\n    return <Text style={styles.text}>{this.props.text}</Text>;\n  }\n\n  render() {\n    return (\n      <Modal visible transparent animationType=\"fade\" onRequestClose={this.props.onClose}>\n        <TouchableWithoutFeedback style={styles.container} onPress={this.props.onClose}>\n          <View style={styles.container}>\n            <View style={[styles.menu, this.props.containerStyle]}>\n              <View style={styles.top}>\n                {this.renderTitle()}\n                {this.renderContent()}\n                {this.props.children}\n              </View>\n              {this.renderOptions()}\n            </View>\n          </View>\n        </TouchableWithoutFeedback>\n      </Modal>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    backgroundColor: 'rgba(0,0,0,0.5)',\n    zIndex: 1000,\n    paddingHorizontal: 16,\n    paddingVertical: 32,\n    justifyContent: 'center',\n    alignItems: 'center',\n    width: '100%',\n  },\n  menu: {\n    backgroundColor: '#fff',\n    borderRadius: 12,\n  },\n  top: {\n    padding: 24,\n  },\n  title: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    lineHeight: 24,\n    color: TEXT_DARK,\n    textAlign: 'center',\n    marginBottom: 16,\n  },\n  text: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n    lineHeight: 22,\n    color: TEXT_LIGHT,\n    textAlign: 'center',\n  },\n  bottom: {\n    borderTopColor: LINEGREY,\n    borderTopWidth: 1,\n    flexDirection: 'row-reverse',\n    padding: 8,\n  },\n  option: {\n    marginRight: 16,\n  },\n  optionText: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n  },\n  optionTextBold: {\n    fontFamily: 'sf-semibold',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst popup = connect(mapStateToProps, {})(Popup);\nexport { popup as Popup };\n"]}

package/dist/module/components/index.js

@@ -1,4 +1,5 @@
 export * from './InlineButton';
+export * from './AddToCalendarButton';
 export * from './FormCard';
 export * from './FormCardSection';
 export * from './FormCardSectionOptionLauncher';

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":["default","EmptyStateWidget","EmptyStateMain","LoadingStateWidget","Header","LoadingIndicator","ImageUploader","ImageUploadProgress","UserListing","PlussChat","PositionedImage","FormattedText","MediaPlayer","AudienceSelectorPage"],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,mBAAd;AACA,cAAc,iCAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,kBAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,kBAAd;AACA,cAAc,gBAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,uBAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,sBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd;AACA,cAAc,aAAd;AACA,cAAc,4BAAd;AACA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,kBAA1C;AACA,SAASF,OAAO,IAAIG,kBAApB,QAA8C,sBAA9C;AACA,SAASH,OAAO,IAAII,MAApB,QAAkC,UAAlC;AACA,SAASJ,OAAO,IAAIK,gBAApB,QAA4C,oBAA5C;AACA,SAASL,OAAO,IAAIM,aAApB,QAAyC,iBAAzC;AACA,SAASN,OAAO,IAAIO,mBAApB,QAA+C,uBAA/C;AACA,SAASP,OAAO,IAAIQ,WAApB,QAAuC,eAAvC;AACA,SAASR,OAAO,IAAIS,SAApB,QAAqC,aAArC;AACA,SAAST,OAAO,IAAIU,eAApB,QAA2C,mBAA3C;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,iBAAzC;AACA,SAASX,OAAO,IAAIY,WAApB,QAAuC,eAAvC;AACA,SAASZ,OAAO,IAAIa,oBAApB,QAAgD,wBAAhD","sourcesContent":["export * from './InlineButton';\nexport * from './FormCard';\nexport * from './FormCardSection';\nexport * from './FormCardSectionOptionLauncher';\nexport * from './ProfilePic';\nexport * from './Spinner';\nexport * from './LoadingCircles';\nexport * from './Popup';\nexport * from './ImagePopup';\nexport * from './VideoPopup';\nexport * from './SharingTools';\nexport * from './MiddlePopup';\nexport * from './ConfirmPopup';\nexport * from './ConfirmationPopup';\nexport * from './CommentSection';\nexport * from './CommentReply';\nexport * from './PopupMenu';\nexport * from './AddButton';\nexport * from './Attachment';\nexport * from './GenericInputSection';\nexport * from './GenericInput';\nexport * from './RadioButton';\nexport * from './PDFPopup';\nexport * from './TextStyle';\nexport * from './Toggle';\nexport * from './Input';\nexport * from './StickyFooter';\nexport * from './CategoryTabs';\nexport * from './DropDownMenu';\nexport * from './DropDownItem';\nexport * from './BackButton';\nexport * from './Reaction';\nexport * from './TouchableSearchBar';\nexport * from './WarningPopup';\nexport * from './FontScalePopup';\nexport * from './FontScaleButton';\nexport * from './UserListPopup';\nexport * from './Reactions';\nexport * from './AudienceSelectorLauncher';\nexport { default as EmptyStateWidget } from './EmptyStateWidget';\nexport { default as EmptyStateMain } from './EmptyStateMain';\nexport { default as LoadingStateWidget } from './LoadingStateWidget';\nexport { default as Header } from './Header';\nexport { default as LoadingIndicator } from './LoadingIndicator';\nexport { default as ImageUploader } from './ImageUploader';\nexport { default as ImageUploadProgress } from './ImageUploadProgress';\nexport { default as UserListing } from './UserListing';\nexport { default as PlussChat } from './PlussChat';\nexport { default as PositionedImage } from './PositionedImage';\nexport { default as FormattedText } from './FormattedText';\nexport { default as MediaPlayer } from './MediaPlayer';\nexport { default as AudienceSelectorPage } from './AudienceSelectorPage';\n"]}
+{"version":3,"sources":["index.js"],"names":["default","EmptyStateWidget","EmptyStateMain","LoadingStateWidget","Header","LoadingIndicator","ImageUploader","ImageUploadProgress","UserListing","PlussChat","PositionedImage","FormattedText","MediaPlayer","AudienceSelectorPage"],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,uBAAd;AACA,cAAc,YAAd;AACA,cAAc,mBAAd;AACA,cAAc,iCAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,kBAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,kBAAd;AACA,cAAc,gBAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,uBAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,sBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd;AACA,cAAc,aAAd;AACA,cAAc,4BAAd;AACA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,kBAA1C;AACA,SAASF,OAAO,IAAIG,kBAApB,QAA8C,sBAA9C;AACA,SAASH,OAAO,IAAII,MAApB,QAAkC,UAAlC;AACA,SAASJ,OAAO,IAAIK,gBAApB,QAA4C,oBAA5C;AACA,SAASL,OAAO,IAAIM,aAApB,QAAyC,iBAAzC;AACA,SAASN,OAAO,IAAIO,mBAApB,QAA+C,uBAA/C;AACA,SAASP,OAAO,IAAIQ,WAApB,QAAuC,eAAvC;AACA,SAASR,OAAO,IAAIS,SAApB,QAAqC,aAArC;AACA,SAAST,OAAO,IAAIU,eAApB,QAA2C,mBAA3C;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,iBAAzC;AACA,SAASX,OAAO,IAAIY,WAApB,QAAuC,eAAvC;AACA,SAASZ,OAAO,IAAIa,oBAApB,QAAgD,wBAAhD","sourcesContent":["export * from './InlineButton';\nexport * from './AddToCalendarButton';\nexport * from './FormCard';\nexport * from './FormCardSection';\nexport * from './FormCardSectionOptionLauncher';\nexport * from './ProfilePic';\nexport * from './Spinner';\nexport * from './LoadingCircles';\nexport * from './Popup';\nexport * from './ImagePopup';\nexport * from './VideoPopup';\nexport * from './SharingTools';\nexport * from './MiddlePopup';\nexport * from './ConfirmPopup';\nexport * from './ConfirmationPopup';\nexport * from './CommentSection';\nexport * from './CommentReply';\nexport * from './PopupMenu';\nexport * from './AddButton';\nexport * from './Attachment';\nexport * from './GenericInputSection';\nexport * from './GenericInput';\nexport * from './RadioButton';\nexport * from './PDFPopup';\nexport * from './TextStyle';\nexport * from './Toggle';\nexport * from './Input';\nexport * from './StickyFooter';\nexport * from './CategoryTabs';\nexport * from './DropDownMenu';\nexport * from './DropDownItem';\nexport * from './BackButton';\nexport * from './Reaction';\nexport * from './TouchableSearchBar';\nexport * from './WarningPopup';\nexport * from './FontScalePopup';\nexport * from './FontScaleButton';\nexport * from './UserListPopup';\nexport * from './Reactions';\nexport * from './AudienceSelectorLauncher';\nexport { default as EmptyStateWidget } from './EmptyStateWidget';\nexport { default as EmptyStateMain } from './EmptyStateMain';\nexport { default as LoadingStateWidget } from './LoadingStateWidget';\nexport { default as Header } from './Header';\nexport { default as LoadingIndicator } from './LoadingIndicator';\nexport { default as ImageUploader } from './ImageUploader';\nexport { default as ImageUploadProgress } from './ImageUploadProgress';\nexport { default as UserListing } from './UserListing';\nexport { default as PlussChat } from './PlussChat';\nexport { default as PositionedImage } from './PositionedImage';\nexport { default as FormattedText } from './FormattedText';\nexport { default as MediaPlayer } from './MediaPlayer';\nexport { default as AudienceSelectorPage } from './AudienceSelectorPage';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-app",
-  "version": "1.5.5",
+  "version": "1.5.7-beta.0",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/module/index.js",
   "module": "dist/module/index.js",
@@ -10,7 +10,7 @@
     "src/"
   ],
   "scripts": {
-    "build": "bob build",
+    "build": "npm i && bob build",
     "betapatch": "npm version prepatch --preid=beta",
     "patch": "npm version patch",
     "betaupload": "npm run build && npm publish --access public --tag beta",
@@ -28,11 +28,12 @@
     "aws-amplify": "^4.3.11",
     "aws-amplify-react-native": "^6.0.2",
     "expo-av": "~10.2.0",
+    "expo-calendar": "~10.1.0",
     "expo-constants": "~13.0.0",
-    "expo-file-system": "~13.1.0",
+    "expo-file-system": "~13.1.4",
     "expo-image-manipulator": "~10.2.0",
     "expo-image-picker": "~12.0.1",
-    "expo-linear-gradient": "~11.0.0",
+    "expo-linear-gradient": "~11.0.3",
     "expo-media-library": "~14.0.0",
     "expo-screen-orientation": "~4.1.1",
     "expo-sharing": "~10.1.0",

package/src/components/AddToCalendarButton.js

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

package/src/components/Popup.js

@@ -2,8 +2,7 @@ import React, { Component } from 'react';
 import { View, Text, TouchableWithoutFeedback, Modal } from 'react-native';
 import _ from 'lodash';
 import { connect } from 'react-redux';
-import { LINEGREY, TEXT_DARK, TEXT_LIGHT } from '../colours';
-import { getMainBrandingColourFromState } from '../helper';
+import { LINEGREY, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';
 import { InlineButton } from './InlineButton';
 
 class Popup extends Component {

package/src/components/index.js

@@ -1,4 +1,5 @@
 export * from './InlineButton';
+export * from './AddToCalendarButton';
 export * from './FormCard';
 export * from './FormCardSection';
 export * from './FormCardSectionOptionLauncher';