@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

package/dist/module/components/RadioButton.js

@@ -0,0 +1,84 @@
+import React, { PureComponent } from 'react';
+import { View, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Text } from 'react-native';
+import { connect } from 'react-redux';
+import { getMainBrandingColourFromState, LINEGREY, TEXT_DARKEST } from '../colours';
+
+class RadioButton extends PureComponent {
+  render() {
+    const {
+      size,
+      isActive,
+      value,
+      onPress,
+      colourBrandingMain,
+      style,
+      label
+    } = this.props;
+    const iconSize = size || 20;
+    const innerSize = iconSize - 8;
+    const content = /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: () => onPress(value)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, {
+        width: iconSize,
+        height: iconSize,
+        borderRadius: iconSize / 2
+      }, style]
+    }, isActive && /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: innerSize,
+        height: innerSize,
+        borderRadius: innerSize / 2,
+        backgroundColor: colourBrandingMain
+      }
+    })));
+
+    if (label) {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => onPress(value),
+        key: label,
+        style: styles.radioOption,
+        hitSlop: {
+          top: 8,
+          left: 8,
+          bottom: 8,
+          right: 8
+        }
+      }, content, /*#__PURE__*/React.createElement(Text, {
+        style: styles.radioOptionText
+      }, label));
+    }
+
+    return content;
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderColor: LINEGREY,
+    borderWidth: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  radioOption: {
+    flexDirection: 'row',
+    marginRight: 26
+  },
+  radioOptionText: {
+    fontFamily: 'sf-medium',
+    fontSize: 14,
+    color: TEXT_DARKEST
+  }
+});
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const radioButton = connect(mapStateToProps, {})(RadioButton);
+export { radioButton as RadioButton };
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RadioButton.js"],"names":["React","PureComponent","View","TouchableOpacity","TouchableWithoutFeedback","StyleSheet","Text","connect","getMainBrandingColourFromState","LINEGREY","TEXT_DARKEST","RadioButton","render","size","isActive","value","onPress","colourBrandingMain","style","label","props","iconSize","innerSize","content","styles","container","width","height","borderRadius","backgroundColor","radioOption","top","left","bottom","right","radioOptionText","create","borderColor","borderWidth","alignItems","justifyContent","flexDirection","marginRight","fontFamily","fontSize","color","mapStateToProps","state","radioButton"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,gBAAf,EAAiCC,wBAAjC,EAA2DC,UAA3D,EAAuEC,IAAvE,QAAmF,cAAnF;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,8BAAT,EAAyCC,QAAzC,EAAmDC,YAAnD,QAAuE,YAAvE;;AAEA,MAAMC,WAAN,SAA0BV,aAA1B,CAAwC;AACtCW,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,IAAF;AAAQC,MAAAA,QAAR;AAAkBC,MAAAA,KAAlB;AAAyBC,MAAAA,OAAzB;AAAkCC,MAAAA,kBAAlC;AAAsDC,MAAAA,KAAtD;AAA6DC,MAAAA;AAA7D,QAAuE,KAAKC,KAAlF;AACA,UAAMC,QAAQ,GAAGR,IAAI,IAAI,EAAzB;AACA,UAAMS,SAAS,GAAGD,QAAQ,GAAG,CAA7B;AAEA,UAAME,OAAO,gBACX,oBAAC,wBAAD;AAA0B,MAAA,OAAO,EAAE,MAAMP,OAAO,CAACD,KAAD;AAAhD,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmB;AAAEC,QAAAA,KAAK,EAAEL,QAAT;AAAmBM,QAAAA,MAAM,EAAEN,QAA3B;AAAqCO,QAAAA,YAAY,EAAEP,QAAQ,GAAG;AAA9D,OAAnB,EAAsFH,KAAtF;AAAb,OACGJ,QAAQ,iBACP,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAAEY,QAAAA,KAAK,EAAEJ,SAAT;AAAoBK,QAAAA,MAAM,EAAEL,SAA5B;AAAuCM,QAAAA,YAAY,EAAEN,SAAS,GAAG,CAAjE;AAAoEO,QAAAA,eAAe,EAAEZ;AAArF;AAAb,MAFJ,CADF,CADF;;AAUA,QAAIE,KAAJ,EAAW;AACT,0BACE,oBAAC,gBAAD;AACE,QAAA,OAAO,EAAE,MAAMH,OAAO,CAACD,KAAD,CADxB;AAEE,QAAA,GAAG,EAAEI,KAFP;AAGE,QAAA,KAAK,EAAEK,MAAM,CAACM,WAHhB;AAIE,QAAA,OAAO,EAAE;AAAEC,UAAAA,GAAG,EAAE,CAAP;AAAUC,UAAAA,IAAI,EAAE,CAAhB;AAAmBC,UAAAA,MAAM,EAAE,CAA3B;AAA8BC,UAAAA,KAAK,EAAE;AAArC;AAJX,SAMGX,OANH,eAOE,oBAAC,IAAD;AAAM,QAAA,KAAK,EAAEC,MAAM,CAACW;AAApB,SAAsChB,KAAtC,CAPF,CADF;AAWD;;AAED,WAAOI,OAAP;AACD;;AA/BqC;;AAkCxC,MAAMC,MAAM,GAAGnB,UAAU,CAAC+B,MAAX,CAAkB;AAC/BX,EAAAA,SAAS,EAAE;AACTY,IAAAA,WAAW,EAAE5B,QADJ;AAET6B,IAAAA,WAAW,EAAE,CAFJ;AAGTT,IAAAA,eAAe,EAAE,MAHR;AAITU,IAAAA,UAAU,EAAE,QAJH;AAKTC,IAAAA,cAAc,EAAE;AALP,GADoB;AAQ/BV,EAAAA,WAAW,EAAE;AACXW,IAAAA,aAAa,EAAE,KADJ;AAEXC,IAAAA,WAAW,EAAE;AAFF,GARkB;AAY/BP,EAAAA,eAAe,EAAE;AACfQ,IAAAA,UAAU,EAAE,WADG;AAEfC,IAAAA,QAAQ,EAAE,EAFK;AAGfC,IAAAA,KAAK,EAAEnC;AAHQ;AAZc,CAAlB,CAAf;;AAmBA,MAAMoC,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACL9B,IAAAA,kBAAkB,EAAET,8BAA8B,CAACuC,KAAD;AAD7C,GAAP;AAGD,CAJD;;AAMA,MAAMC,WAAW,GAAGzC,OAAO,CAACuC,eAAD,EAAkB,EAAlB,CAAP,CAA6BnC,WAA7B,CAApB;AACA,SAASqC,WAAW,IAAIrC,WAAxB","sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState, LINEGREY, TEXT_DARKEST } from '../colours';\n\nclass RadioButton extends PureComponent {\n  render() {\n    const { size, isActive, value, onPress, colourBrandingMain, style, label } = this.props;\n    const iconSize = size || 20;\n    const innerSize = iconSize - 8;\n\n    const content = (\n      <TouchableWithoutFeedback onPress={() => onPress(value)}>\n        <View style={[styles.container, { width: iconSize, height: iconSize, borderRadius: iconSize / 2 }, style]}>\n          {isActive && (\n            <View style={{ width: innerSize, height: innerSize, borderRadius: innerSize / 2, backgroundColor: colourBrandingMain }} />\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    );\n\n    if (label) {\n      return (\n        <TouchableOpacity\n          onPress={() => onPress(value)}\n          key={label}\n          style={styles.radioOption}\n          hitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n        >\n          {content}\n          <Text style={styles.radioOptionText}>{label}</Text>\n        </TouchableOpacity>\n      );\n    }\n\n    return content;\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderColor: LINEGREY,\n    borderWidth: 1,\n    backgroundColor: '#fff',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  radioOption: {\n    flexDirection: 'row',\n    marginRight: 26,\n  },\n  radioOptionText: {\n    fontFamily: 'sf-medium',\n    fontSize: 14,\n    color: TEXT_DARKEST,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst radioButton = connect(mapStateToProps, {})(RadioButton);\nexport { radioButton as RadioButton };\n"]}

package/dist/module/components/Reaction.js

@@ -0,0 +1,129 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { View, Text, Image, TouchableOpacity } from 'react-native';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { getReactions, getShadowStyle } from '../helper';
+import { BG_GREY, TEXT_DARK, getMainBrandingColourFromState } from '../colours';
+import { reactionActions } from '../apis';
+
+class Reaction extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onPressReaction", () => {
+      if (!this.props.reactions[this.props.userId]) {
+        reactionActions.add(this.props.entityId, this.props.entityType, this.props.reaction.key, this.props.site);
+        this.props.onLike();
+      } else {
+        reactionActions.remove(this.props.entityId, this.props.entityType, this.props.reaction.key);
+        this.props.onUnlike();
+      }
+    });
+  }
+
+  getStyleType() {
+    if (this.props.reactions[this.props.userId]) {
+      return 'ThisHL';
+    }
+
+    if (this.props.anyHighlighted) {
+      return 'OtherHL';
+    }
+
+    return 'Default';
+  }
+
+  getTopReaction() {
+    return _.maxBy(Object.keys(this.props.reactions), key => {
+      return Object.keys(this.props.reactions[key]).length;
+    });
+  }
+
+  getIcon(topReaction) {
+    return _.find(getReactions(), r => {
+      return r.key === topReaction;
+    }).icon;
+  }
+
+  render() {
+    if (this.props.topReactionOnly) {
+      const topReaction = this.getTopReaction();
+
+      if (!topReaction) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.container, styles.containerThisHL, this.props.style]
+      }, /*#__PURE__*/React.createElement(Image, {
+        style: [styles.image, this.props.imageStyle],
+        source: this.getIcon(topReaction)
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: [styles.count, this.props.countStyle]
+      }, Object.keys(this.props.reactions[topReaction]).length));
+    }
+
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.touchable,
+      onPress: this.onPressReaction,
+      disabled: this.props.user.type === 'KIOSK'
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, styles[`container${this.getStyleType()}`], this.props.style]
+    }, /*#__PURE__*/React.createElement(Image, {
+      style: [styles.image, this.props.imageStyle],
+      source: this.props.reaction.icon
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.count, this.getStyleType() === 'ThisHL' && {
+        color: this.props.colourBrandingMain
+      }, this.props.countStyle]
+    }, Object.keys(this.props.reactions).length)));
+  }
+
+}
+
+const styles = {
+  touchable: {
+    marginHorizontal: 4,
+    width: 60,
+    height: 30
+  },
+  container: {
+    width: 60,
+    height: 30,
+    borderRadius: 15,
+    backgroundColor: BG_GREY,
+    flexDirection: 'row-reverse',
+    alignItems: 'center',
+    paddingHorizontal: 8
+  },
+  containerThisHL: { ...getShadowStyle()
+  },
+  containerOtherHL: {
+    opacity: 0.5
+  },
+  image: {
+    width: 20,
+    height: 20,
+    resizeMode: 'contain'
+  },
+  count: {
+    fontFamily: 'sf-medium',
+    color: TEXT_DARK,
+    flex: 1,
+    textAlign: 'center',
+    fontSize: 16
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    user: state.user
+  };
+};
+
+const reaction = connect(mapStateToProps, {})(Reaction);
+export { reaction as Reaction };
+//# sourceMappingURL=Reaction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Reaction.js"],"names":["React","Component","View","Text","Image","TouchableOpacity","connect","_","getReactions","getShadowStyle","BG_GREY","TEXT_DARK","getMainBrandingColourFromState","reactionActions","Reaction","props","reactions","userId","add","entityId","entityType","reaction","key","site","onLike","remove","onUnlike","getStyleType","anyHighlighted","getTopReaction","maxBy","Object","keys","length","getIcon","topReaction","find","r","icon","render","topReactionOnly","styles","container","containerThisHL","style","image","imageStyle","count","countStyle","touchable","onPressReaction","user","type","color","colourBrandingMain","marginHorizontal","width","height","borderRadius","backgroundColor","flexDirection","alignItems","paddingHorizontal","containerOtherHL","opacity","resizeMode","fontFamily","flex","textAlign","fontSize","mapStateToProps","state"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, Image, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { getReactions, getShadowStyle } from '../helper';\nimport { BG_GREY, TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { reactionActions } from '../apis';\n\nclass Reaction extends Component {\n  onPressReaction = () => {\n    if (!this.props.reactions[this.props.userId]) {\n      reactionActions.add(this.props.entityId, this.props.entityType, this.props.reaction.key, this.props.site);\n      this.props.onLike();\n    } else {\n      reactionActions.remove(this.props.entityId, this.props.entityType, this.props.reaction.key);\n      this.props.onUnlike();\n    }\n  };\n\n  getStyleType() {\n    if (this.props.reactions[this.props.userId]) {\n      return 'ThisHL';\n    }\n    if (this.props.anyHighlighted) {\n      return 'OtherHL';\n    }\n    return 'Default';\n  }\n\n  getTopReaction() {\n    return _.maxBy(Object.keys(this.props.reactions), key => {\n      return Object.keys(this.props.reactions[key]).length;\n    });\n  }\n\n  getIcon(topReaction) {\n    return _.find(getReactions(), r => {\n      return r.key === topReaction;\n    }).icon;\n  }\n\n  render() {\n    if (this.props.topReactionOnly) {\n      const topReaction = this.getTopReaction();\n      if (!topReaction) {\n        return null;\n      }\n      return (\n        <View style={[styles.container, styles.containerThisHL, this.props.style]}>\n          <Image style={[styles.image, this.props.imageStyle]} source={this.getIcon(topReaction)} />\n          <Text style={[styles.count, this.props.countStyle]}>{Object.keys(this.props.reactions[topReaction]).length}</Text>\n        </View>\n      );\n    }\n    return (\n      <TouchableOpacity style={styles.touchable} onPress={this.onPressReaction} disabled={this.props.user.type === 'KIOSK'}>\n        <View style={[styles.container, styles[`container${this.getStyleType()}`], this.props.style]}>\n          <Image style={[styles.image, this.props.imageStyle]} source={this.props.reaction.icon} />\n          <Text style={[styles.count, this.getStyleType() === 'ThisHL' && { color: this.props.colourBrandingMain }, this.props.countStyle]}>\n            {Object.keys(this.props.reactions).length}\n          </Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  touchable: {\n    marginHorizontal: 4,\n    width: 60,\n    height: 30,\n  },\n  container: {\n    width: 60,\n    height: 30,\n    borderRadius: 15,\n    backgroundColor: BG_GREY,\n    flexDirection: 'row-reverse',\n    alignItems: 'center',\n    paddingHorizontal: 8,\n  },\n  containerThisHL: {\n    ...getShadowStyle(),\n  },\n  containerOtherHL: {\n    opacity: 0.5,\n  },\n  image: {\n    width: 20,\n    height: 20,\n    resizeMode: 'contain',\n  },\n  count: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARK,\n    flex: 1,\n    textAlign: 'center',\n    fontSize: 16,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    user: state.user,\n  };\n};\n\nconst reaction = connect(mapStateToProps, {})(Reaction);\nexport { reaction as Reaction };\n"]}

package/dist/module/components/Reactions.js

@@ -0,0 +1,84 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { View } from 'react-native';
+import { getReactions, getUserPreview } from '../helper';
+import { Reaction } from './Reaction';
+
+class Reactions extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      reactions: getReactions()
+    });
+  }
+
+  getReaction(key) {
+    if (!this.props.entity) {
+      return {};
+    }
+
+    if (!this.props.entity.Reactions) {
+      this.props.entity.Reactions = {};
+    }
+
+    return this.props.entity.Reactions[key] || {};
+  }
+
+  onLike(key) {
+    if (!this.props.entity.Reactions) {
+      this.props.entity.Reactions = {};
+    }
+
+    if (!this.props.entity.Reactions[key]) {
+      this.props.entity.Reactions[key] = {};
+    }
+
+    this.props.entity.Reactions[key][this.props.user.uid] = getUserPreview(this.props.user);
+    this.props.onUpdateReactions();
+  }
+
+  onUnlike(key) {
+    if (!this.props.entity.Reactions) {
+      return;
+    }
+
+    if (!this.props.entity.Reactions[key]) {
+      return;
+    }
+
+    delete this.props.entity.Reactions[key][this.props.user.uid];
+    this.props.onUpdateReactions();
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.state.reactions.map((r, i) => {
+      return /*#__PURE__*/React.createElement(Reaction, {
+        key: i,
+        reaction: r,
+        entityType: this.props.entityType,
+        entityId: this.props.entityId,
+        reactions: this.getReaction(r.key),
+        anyHighlighted: this.props.anyHighlighted,
+        userId: this.props.user.uid,
+        onLike: this.onLike.bind(this, r.key),
+        onUnlike: this.onUnlike.bind(this, r.key),
+        site: this.props.site
+      });
+    }));
+  }
+
+}
+
+const styles = {
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    width: '100%'
+  }
+};
+export { Reactions };
+//# sourceMappingURL=Reactions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Reactions.js"],"names":["React","Component","View","getReactions","getUserPreview","Reaction","Reactions","reactions","getReaction","key","props","entity","onLike","user","uid","onUpdateReactions","onUnlike","render","styles","container","style","state","map","r","i","entityType","entityId","anyHighlighted","bind","site","flexDirection","justifyContent","width"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View } from 'react-native';\nimport { getReactions, getUserPreview } from '../helper';\nimport { Reaction } from './Reaction';\n\nclass Reactions extends Component {\n  state = {\n    reactions: getReactions(),\n  };\n\n  getReaction(key) {\n    if (!this.props.entity) {\n      return {};\n    }\n    if (!this.props.entity.Reactions) {\n      this.props.entity.Reactions = {};\n    }\n    return this.props.entity.Reactions[key] || {};\n  }\n\n  onLike(key) {\n    if (!this.props.entity.Reactions) {\n      this.props.entity.Reactions = {};\n    }\n    if (!this.props.entity.Reactions[key]) {\n      this.props.entity.Reactions[key] = {};\n    }\n    this.props.entity.Reactions[key][this.props.user.uid] = getUserPreview(this.props.user);\n    this.props.onUpdateReactions();\n  }\n\n  onUnlike(key) {\n    if (!this.props.entity.Reactions) {\n      return;\n    }\n    if (!this.props.entity.Reactions[key]) {\n      return;\n    }\n    delete this.props.entity.Reactions[key][this.props.user.uid];\n    this.props.onUpdateReactions();\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.state.reactions.map((r, i) => {\n          return (\n            <Reaction\n              key={i}\n              reaction={r}\n              entityType={this.props.entityType}\n              entityId={this.props.entityId}\n              reactions={this.getReaction(r.key)}\n              anyHighlighted={this.props.anyHighlighted}\n              userId={this.props.user.uid}\n              onLike={this.onLike.bind(this, r.key)}\n              onUnlike={this.onUnlike.bind(this, r.key)}\n              site={this.props.site}\n            />\n          );\n        })}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    width: '100%',\n  },\n};\n\nexport { Reactions };\n"]}

package/dist/module/components/SharingTools.js

@@ -0,0 +1,162 @@
+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 _ from 'lodash';
+import { TouchableOpacity, StyleSheet, View, Text } from 'react-native';
+import { Icon } from 'react-native-elements';
+import * as FileSystem from 'expo-file-system';
+import * as Sharing from 'expo-sharing';
+import * as MediaLibrary from 'expo-media-library';
+import { StatusBarHeight, isVideo, getMimeType } from '../helper';
+import { MiddlePopup } from './MiddlePopup';
+import Config from '../config';
+
+class SharingTools extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "downloadMedia", async () => {
+      const remoteUrl = this.props.uri;
+      const parts = remoteUrl.split('/').splice(-2);
+      const mediaId = parts[0];
+      const extension = parts[1].split('.').splice(-1)[0];
+      const downloadPath = `${FileSystem.cacheDirectory}${mediaId}.${extension}`;
+      const {
+        uri: localUrl
+      } = await FileSystem.downloadAsync(remoteUrl, downloadPath);
+      return {
+        localUrl,
+        extension
+      };
+    });
+
+    _defineProperty(this, "onSave", () => {
+      this.setState({
+        message: 'Saving...'
+      }, async () => {
+        const {
+          localUrl
+        } = await this.downloadMedia();
+        await MediaLibrary.saveToLibraryAsync(localUrl);
+        this.setState({
+          message: 'Saved'
+        }, () => {
+          setTimeout(() => {
+            this.setState({
+              message: ''
+            });
+          }, 2000);
+        });
+      });
+    });
+
+    _defineProperty(this, "onShare", async () => {
+      if (!(await Sharing.isAvailableAsync())) return;
+      this.setState({
+        message: 'Preparing...'
+      }, async () => {
+        const {
+          localUrl,
+          extension
+        } = await this.downloadMedia(); // console.log('sharing...', localUrl);
+
+        const video = isVideo(localUrl);
+        const mimeType = getMimeType(localUrl);
+        const fileDetails = {
+          extension: `.${extension}`,
+          shareOptions: {
+            mimeType,
+            dialogTitle: video ? 'Share video' : 'Share photo',
+            UTI: mimeType
+          }
+        };
+        await Sharing.shareAsync(localUrl, fileDetails.shareOptions);
+        this.setState({
+          message: ''
+        });
+      });
+    });
+
+    this.state = {
+      message: ''
+    };
+  }
+
+  renderTools() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.toolsContainer
+    }, Config.env.allowMediaDownload && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onSave,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "download",
+      type: "font-awesome",
+      iconStyle: styles.toolIcon,
+      style: styles.toolIconContainer
+    })), Config.env.allowMediaSharing && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onShare,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "share-square-o",
+      type: "font-awesome",
+      iconStyle: styles.toolIcon,
+      style: styles.toolIconContainer
+    })));
+  }
+
+  renderMessage() {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      visible: !_.isEmpty(this.state.message)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.messageContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.messageText
+    }, this.state.message)));
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, this.renderTools(), this.renderMessage());
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute'
+  },
+  toolsContainer: {
+    position: 'absolute',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    left: 0,
+    zIndex: 3,
+    top: StatusBarHeight(0)
+  },
+  toolIconContainer: {
+    width: 55,
+    height: 55
+  },
+  toolIcon: {
+    fontSize: 25,
+    padding: 15,
+    width: 55,
+    textAlign: 'center',
+    color: '#fff',
+    zIndex: 3
+  },
+  messageContainer: {
+    backgroundColor: '#000',
+    borderRadius: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 30
+  },
+  messageText: {
+    fontFamily: 'sf-bold',
+    fontSize: 24,
+    color: '#fff'
+  }
+});
+export { SharingTools };
+//# sourceMappingURL=SharingTools.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SharingTools.js"],"names":["React","Component","_","TouchableOpacity","StyleSheet","View","Text","Icon","FileSystem","Sharing","MediaLibrary","StatusBarHeight","isVideo","getMimeType","MiddlePopup","Config","SharingTools","constructor","props","remoteUrl","uri","parts","split","splice","mediaId","extension","downloadPath","cacheDirectory","localUrl","downloadAsync","setState","message","downloadMedia","saveToLibraryAsync","setTimeout","isAvailableAsync","video","mimeType","fileDetails","shareOptions","dialogTitle","UTI","shareAsync","state","renderTools","styles","toolsContainer","env","allowMediaDownload","onSave","toolIcon","toolIconContainer","allowMediaSharing","onShare","renderMessage","isEmpty","messageContainer","messageText","render","container","create","position","flexDirection","justifyContent","left","zIndex","top","width","height","fontSize","padding","textAlign","color","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","fontFamily"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, StyleSheet, View, Text } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport * as FileSystem from 'expo-file-system';\nimport * as Sharing from 'expo-sharing';\nimport * as MediaLibrary from 'expo-media-library';\nimport { StatusBarHeight, isVideo, getMimeType } from '../helper';\nimport { MiddlePopup } from './MiddlePopup';\nimport Config from '../config';\n\nclass SharingTools extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      message: '',\n    };\n  }\n\n  downloadMedia = async () => {\n    const remoteUrl = this.props.uri;\n    const parts = remoteUrl.split('/').splice(-2);\n    const mediaId = parts[0];\n    const extension = parts[1].split('.').splice(-1)[0];\n\n    const downloadPath = `${FileSystem.cacheDirectory}${mediaId}.${extension}`;\n    const { uri: localUrl } = await FileSystem.downloadAsync(remoteUrl, downloadPath);\n    return { localUrl, extension };\n  };\n\n  onSave = () => {\n    this.setState({ message: 'Saving...' }, async () => {\n      const { localUrl } = await this.downloadMedia();\n      await MediaLibrary.saveToLibraryAsync(localUrl);\n\n      this.setState({ message: 'Saved' }, () => {\n        setTimeout(() => {\n          this.setState({ message: '' });\n        }, 2000);\n      });\n    });\n  };\n\n  onShare = async () => {\n    if (!(await Sharing.isAvailableAsync())) return;\n\n    this.setState({ message: 'Preparing...' }, async () => {\n      const { localUrl, extension } = await this.downloadMedia();\n      // console.log('sharing...', localUrl);\n\n      const video = isVideo(localUrl);\n      const mimeType = getMimeType(localUrl);\n      const fileDetails = {\n        extension: `.${extension}`,\n        shareOptions: {\n          mimeType,\n          dialogTitle: video ? 'Share video' : 'Share photo',\n          UTI: mimeType,\n        },\n      };\n\n      await Sharing.shareAsync(localUrl, fileDetails.shareOptions);\n      this.setState({ message: '' });\n    });\n  };\n\n  renderTools() {\n    return (\n      <View style={styles.toolsContainer}>\n        {Config.env.allowMediaDownload && (\n          <TouchableOpacity onPress={this.onSave} activeOpacity={0.6}>\n            <Icon name=\"download\" type=\"font-awesome\" iconStyle={styles.toolIcon} style={styles.toolIconContainer} />\n          </TouchableOpacity>\n        )}\n        {Config.env.allowMediaSharing && (\n          <TouchableOpacity onPress={this.onShare} activeOpacity={0.6}>\n            <Icon name=\"share-square-o\" type=\"font-awesome\" iconStyle={styles.toolIcon} style={styles.toolIconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  }\n\n  renderMessage() {\n    return (\n      <MiddlePopup visible={!_.isEmpty(this.state.message)}>\n        <View style={styles.messageContainer}>\n          <Text style={styles.messageText}>{this.state.message}</Text>\n        </View>\n      </MiddlePopup>\n    );\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        {this.renderTools()}\n        {this.renderMessage()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    position: 'absolute',\n  },\n  toolsContainer: {\n    position: 'absolute',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    left: 0,\n    zIndex: 3,\n    top: StatusBarHeight(0),\n  },\n  toolIconContainer: {\n    width: 55,\n    height: 55,\n  },\n  toolIcon: {\n    fontSize: 25,\n    padding: 15,\n    width: 55,\n    textAlign: 'center',\n    color: '#fff',\n    zIndex: 3,\n  },\n  messageContainer: {\n    backgroundColor: '#000',\n    borderRadius: 10,\n    paddingVertical: 10,\n    paddingHorizontal: 30,\n  },\n  messageText: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: '#fff',\n  },\n});\n\nexport { SharingTools };\n"]}

package/dist/module/components/Spinner.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View } from 'react-native';
+import { LoadingCircles } from './LoadingCircles';
+
+const Spinner = _ref => {
+  let {
+    color,
+    style
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.spinnerStyle, style]
+  }, /*#__PURE__*/React.createElement(LoadingCircles, {
+    color: color
+  }));
+};
+
+const styles = {
+  spinnerStyle: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+};
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Spinner.js"],"names":["React","View","LoadingCircles","Spinner","color","style","styles","spinnerStyle","flex","justifyContent","alignItems"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,OAAO,GAAG,QAAsB;AAAA,MAArB;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAqB;AACpC,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,YAAR,EAAsBF,KAAtB;AAAb,kBACE,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAED;AAAvB,IADF,CADF;AAKD,CAND;;AAQA,MAAME,MAAM,GAAG;AACbC,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAE,CADM;AAEZC,IAAAA,cAAc,EAAE,QAFJ;AAGZC,IAAAA,UAAU,EAAE;AAHA;AADD,CAAf;AAQA,SAASP,OAAT","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { LoadingCircles } from './LoadingCircles';\n\nconst Spinner = ({ color, style }) => {\n  return (\n    <View style={[styles.spinnerStyle, style]}>\n      <LoadingCircles color={color} />\n    </View>\n  );\n};\n\nconst styles = {\n  spinnerStyle: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n};\n\nexport { Spinner };\n"]}

package/dist/module/components/StickyFooter.js

@@ -0,0 +1,37 @@
+import React, { PureComponent } from 'react';
+import { View } from 'react-native';
+import { LINEGREY } from '../colours';
+import { FOOTER_HEIGHT } from '../constants';
+
+class StickyFooter extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.section, this.props.lineSeparated && styles.lineSeparated, this.props.style]
+    }, this.props.children);
+  }
+
+}
+
+const styles = {
+  section: {
+    backgroundColor: '#fff',
+    height: FOOTER_HEIGHT,
+    borderTopWidth: 0,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 6,
+    elevation: 16
+  },
+  lineSeparated: {
+    borderTopWidth: 1,
+    borderColor: LINEGREY,
+    shadowOpacity: 0,
+    elevation: 0
+  }
+};
+export { StickyFooter };
+//# sourceMappingURL=StickyFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["StickyFooter.js"],"names":["React","PureComponent","View","LINEGREY","FOOTER_HEIGHT","StickyFooter","render","styles","section","props","lineSeparated","style","children","backgroundColor","height","borderTopWidth","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","borderColor"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,aAAT,QAA8B,cAA9B;;AAEA,MAAMC,YAAN,SAA2BJ,aAA3B,CAAyC;AACvCK,EAAAA,MAAM,GAAG;AACP,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiB,KAAKC,KAAL,CAAWC,aAAX,IAA4BH,MAAM,CAACG,aAApD,EAAmE,KAAKD,KAAL,CAAWE,KAA9E;AAAb,OAAoG,KAAKF,KAAL,CAAWG,QAA/G,CAAP;AACD;;AAHsC;;AAMzC,MAAML,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAE;AACPK,IAAAA,eAAe,EAAE,MADV;AAEPC,IAAAA,MAAM,EAAEV,aAFD;AAGPW,IAAAA,cAAc,EAAE,CAHT;AAIPC,IAAAA,WAAW,EAAE,MAJN;AAKPC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,CADK;AAEZJ,MAAAA,MAAM,EAAE,CAAC;AAFG,KALP;AASPK,IAAAA,aAAa,EAAE,GATR;AAUPC,IAAAA,YAAY,EAAE,CAVP;AAWPC,IAAAA,SAAS,EAAE;AAXJ,GADI;AAcbX,EAAAA,aAAa,EAAE;AACbK,IAAAA,cAAc,EAAE,CADH;AAEbO,IAAAA,WAAW,EAAEnB,QAFA;AAGbgB,IAAAA,aAAa,EAAE,CAHF;AAIbE,IAAAA,SAAS,EAAE;AAJE;AAdF,CAAf;AAsBA,SAAShB,YAAT","sourcesContent":["import React, { PureComponent } from 'react';\nimport { View } from 'react-native';\nimport { LINEGREY } from '../colours';\nimport { FOOTER_HEIGHT } from '../constants';\n\nclass StickyFooter extends PureComponent {\n  render() {\n    return <View style={[styles.section, this.props.lineSeparated && styles.lineSeparated, this.props.style]}>{this.props.children}</View>;\n  }\n}\n\nconst styles = {\n  section: {\n    backgroundColor: '#fff',\n    height: FOOTER_HEIGHT,\n    borderTopWidth: 0,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: -1,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 6,\n    elevation: 16,\n  },\n  lineSeparated: {\n    borderTopWidth: 1,\n    borderColor: LINEGREY,\n    shadowOpacity: 0,\n    elevation: 0,\n  },\n};\n\nexport { StickyFooter };\n"]}

package/dist/module/components/TextStyle.js

@@ -0,0 +1,34 @@
+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); }
+
+import React, { PureComponent } from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { TEXT_DARKEST } from '../colours';
+
+class TextStyle extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(Text, _extends({}, this.props, {
+      style: [styles[this.props.type], this.props.style]
+    }), this.props.children);
+  }
+
+}
+
+const styles = StyleSheet.create({
+  pageHeading: {
+    fontFamily: 'sf-bold',
+    fontSize: 24,
+    color: TEXT_DARKEST
+  },
+  body: {
+    fontFamily: 'sf-regular',
+    fontSize: 14,
+    color: TEXT_DARKEST
+  },
+  detailLabel: {
+    fontFamily: 'sf-bold',
+    color: TEXT_DARKEST,
+    fontSize: 16
+  }
+});
+export { TextStyle };
+//# sourceMappingURL=TextStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextStyle.js"],"names":["React","PureComponent","StyleSheet","Text","TEXT_DARKEST","TextStyle","render","props","styles","type","style","children","create","pageHeading","fontFamily","fontSize","color","body","detailLabel"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,SAASC,YAAT,QAA6B,YAA7B;;AAEA,MAAMC,SAAN,SAAwBJ,aAAxB,CAAsC;AACpCK,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD,eAAU,KAAKC,KAAf;AAAsB,MAAA,KAAK,EAAE,CAACC,MAAM,CAAC,KAAKD,KAAL,CAAWE,IAAZ,CAAP,EAA0B,KAAKF,KAAL,CAAWG,KAArC;AAA7B,QACG,KAAKH,KAAL,CAAWI,QADd,CADF;AAKD;;AAPmC;;AAUtC,MAAMH,MAAM,GAAGN,UAAU,CAACU,MAAX,CAAkB;AAC/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE,SADD;AAEXC,IAAAA,QAAQ,EAAE,EAFC;AAGXC,IAAAA,KAAK,EAAEZ;AAHI,GADkB;AAM/Ba,EAAAA,IAAI,EAAE;AACJH,IAAAA,UAAU,EAAE,YADR;AAEJC,IAAAA,QAAQ,EAAE,EAFN;AAGJC,IAAAA,KAAK,EAAEZ;AAHH,GANyB;AAW/Bc,EAAAA,WAAW,EAAE;AACXJ,IAAAA,UAAU,EAAE,SADD;AAEXE,IAAAA,KAAK,EAAEZ,YAFI;AAGXW,IAAAA,QAAQ,EAAE;AAHC;AAXkB,CAAlB,CAAf;AAkBA,SAASV,SAAT","sourcesContent":["import React, { PureComponent } from 'react';\nimport { StyleSheet, Text } from 'react-native';\nimport { TEXT_DARKEST } from '../colours';\n\nclass TextStyle extends PureComponent {\n  render() {\n    return (\n      <Text {...this.props} style={[styles[this.props.type], this.props.style]}>\n        {this.props.children}\n      </Text>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  pageHeading: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: TEXT_DARKEST,\n  },\n  body: {\n    fontFamily: 'sf-regular',\n    fontSize: 14,\n    color: TEXT_DARKEST,\n  },\n  detailLabel: {\n    fontFamily: 'sf-bold',\n    color: TEXT_DARKEST,\n    fontSize: 16,\n  },\n});\n\nexport { TextStyle };\n"]}