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

package/dist/module/components/RadioButton.js

@@ -0,0 +1,77 @@
+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,"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","createElement","styles","container","width","height","borderRadius","backgroundColor","key","radioOption","hitSlop","top","left","bottom","right","radioOptionText","create","borderColor","borderWidth","alignItems","justifyContent","flexDirection","marginRight","fontFamily","fontSize","color","mapStateToProps","state","radioButton"],"sources":["RadioButton.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,wBAAwB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACjG,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,8BAA8B,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,YAAY;AAEnF,MAAMC,WAAW,SAASV,aAAa,CAAC;EACtCW,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,KAAK;MAAEC,OAAO;MAAEC,kBAAkB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IACvF,MAAMC,QAAQ,GAAGR,IAAI,IAAI,EAAE;IAC3B,MAAMS,SAAS,GAAGD,QAAQ,GAAG,CAAC;IAE9B,MAAME,OAAO,gBACXvB,KAAA,CAAAwB,aAAA,CAACpB,wBAAwB;MAACY,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK;IAAE,gBACtDf,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACgB,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAE;QAAEC,KAAK,EAAEN,QAAQ;QAAEO,MAAM,EAAEP,QAAQ;QAAEQ,YAAY,EAAER,QAAQ,GAAG;MAAE,CAAC,EAAEH,KAAK;IAAE,GACvGJ,QAAQ,iBACPd,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACgB,KAAK,EAAE;QAAES,KAAK,EAAEL,SAAS;QAAEM,MAAM,EAAEN,SAAS;QAAEO,YAAY,EAAEP,SAAS,GAAG,CAAC;QAAEQ,eAAe,EAAEb;MAAmB;IAAE,CAAE,CAEvH,CACkB,CAC3B;IAED,IAAIE,KAAK,EAAE;MACT,oBACEnB,KAAA,CAAAwB,aAAA,CAACrB,gBAAgB;QACfa,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK,CAAE;QAC9BgB,GAAG,EAAEZ,KAAM;QACXD,KAAK,EAAEO,MAAM,CAACO,WAAY;QAC1BC,OAAO,EAAE;UAAEC,GAAG,EAAE,CAAC;UAAEC,IAAI,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE;MAAE,GAEjDd,OAAO,eACRvB,KAAA,CAAAwB,aAAA,CAAClB,IAAI;QAACY,KAAK,EAAEO,MAAM,CAACa;MAAgB,GAAEnB,KAAY,CAClC,CAAC;IAEvB;IAEA,OAAOI,OAAO;EAChB;AACF;AAEA,MAAME,MAAM,GAAGpB,UAAU,CAACkC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,WAAW,EAAE/B,QAAQ;IACrBgC,WAAW,EAAE,CAAC;IACdX,eAAe,EAAE,MAAM;IACvBY,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,WAAW,EAAE;IACXY,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAE;EACf,CAAC;EACDP,eAAe,EAAE;IACfQ,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEtC;EACT;AACF,CAAC,CAAC;AAEF,MAAMuC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLjC,kBAAkB,EAAET,8BAA8B,CAAC0C,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMC,WAAW,GAAG5C,OAAO,CAAC0C,eAAe,EAAE,CAAC,CAAC,CAAC,CAACtC,WAAW,CAAC;AAC7D,SAASwC,WAAW,IAAIxC,WAAW"}

package/dist/module/components/Reaction.js

@@ -0,0 +1,116 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import { View, 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(...args) {
+    super(...args);
+    _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,"names":["React","Component","View","Text","Image","TouchableOpacity","connect","_","getReactions","getShadowStyle","BG_GREY","TEXT_DARK","getMainBrandingColourFromState","reactionActions","Reaction","constructor","args","_defineProperty","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","createElement","style","styles","container","containerThisHL","image","imageStyle","source","count","countStyle","touchable","onPress","onPressReaction","disabled","user","type","color","colourBrandingMain","marginHorizontal","width","height","borderRadius","backgroundColor","flexDirection","alignItems","paddingHorizontal","containerOtherHL","opacity","resizeMode","fontFamily","flex","textAlign","fontSize","mapStateToProps","state"],"sources":["Reaction.js"],"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"],"mappings":"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"}

package/dist/module/components/Reactions.js

@@ -0,0 +1,71 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import { View } from 'react-native';
+import { getReactions, getUserPreview } from '../helper';
+import { Reaction } from './Reaction';
+class Reactions extends Component {
+  constructor(...args) {
+    super(...args);
+    _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,"names":["React","Component","View","getReactions","getUserPreview","Reaction","Reactions","constructor","args","_defineProperty","reactions","getReaction","key","props","entity","onLike","user","uid","onUpdateReactions","onUnlike","render","createElement","style","styles","container","state","map","r","i","reaction","entityType","entityId","anyHighlighted","userId","bind","site","flexDirection","justifyContent","width"],"sources":["Reactions.js"],"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"],"mappings":"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"}

package/dist/module/components/SharingTools.js

@@ -0,0 +1,154 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import _ 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,"names":["React","Component","_","TouchableOpacity","StyleSheet","View","Text","Icon","FileSystem","Sharing","MediaLibrary","StatusBarHeight","isVideo","getMimeType","MiddlePopup","Config","SharingTools","constructor","props","_defineProperty","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","createElement","style","styles","toolsContainer","env","allowMediaDownload","onPress","onSave","activeOpacity","name","type","iconStyle","toolIcon","toolIconContainer","allowMediaSharing","onShare","renderMessage","visible","isEmpty","messageContainer","messageText","render","container","create","position","flexDirection","justifyContent","left","zIndex","top","width","height","fontSize","padding","textAlign","color","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","fontFamily"],"sources":["SharingTools.js"],"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"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,CAAC,MAAM,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,OAAO,KAAKC,UAAU,MAAM,kBAAkB;AAC9C,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,OAAO,KAAKC,YAAY,MAAM,oBAAoB;AAClD,SAASC,eAAe,EAAEC,OAAO,EAAEC,WAAW,QAAQ,WAAW;AACjE,SAASC,WAAW,QAAQ,eAAe;AAC3C,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,YAAY,SAASf,SAAS,CAAC;EACnCgB,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,wBAOC,YAAY;MAC1B,MAAMC,SAAS,GAAG,IAAI,CAACF,KAAK,CAACG,GAAG;MAChC,MAAMC,KAAK,GAAGF,SAAS,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC;MAC7C,MAAMC,OAAO,GAAGH,KAAK,CAAC,CAAC,CAAC;MACxB,MAAMI,SAAS,GAAGJ,KAAK,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;MAEnD,MAAMG,YAAY,GAAI,GAAEnB,UAAU,CAACoB,cAAe,GAAEH,OAAQ,IAAGC,SAAU,EAAC;MAC1E,MAAM;QAAEL,GAAG,EAAEQ;MAAS,CAAC,GAAG,MAAMrB,UAAU,CAACsB,aAAa,CAACV,SAAS,EAAEO,YAAY,CAAC;MACjF,OAAO;QAAEE,QAAQ;QAAEH;MAAU,CAAC;IAChC,CAAC;IAAAP,eAAA,iBAEQ,MAAM;MACb,IAAI,CAACY,QAAQ,CAAC;QAAEC,OAAO,EAAE;MAAY,CAAC,EAAE,YAAY;QAClD,MAAM;UAAEH;QAAS,CAAC,GAAG,MAAM,IAAI,CAACI,aAAa,CAAC,CAAC;QAC/C,MAAMvB,YAAY,CAACwB,kBAAkB,CAACL,QAAQ,CAAC;QAE/C,IAAI,CAACE,QAAQ,CAAC;UAAEC,OAAO,EAAE;QAAQ,CAAC,EAAE,MAAM;UACxCG,UAAU,CAAC,MAAM;YACf,IAAI,CAACJ,QAAQ,CAAC;cAAEC,OAAO,EAAE;YAAG,CAAC,CAAC;UAChC,CAAC,EAAE,IAAI,CAAC;QACV,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC;IAAAb,eAAA,kBAES,YAAY;MACpB,IAAI,EAAE,MAAMV,OAAO,CAAC2B,gBAAgB,CAAC,CAAC,CAAC,EAAE;MAEzC,IAAI,CAACL,QAAQ,CAAC;QAAEC,OAAO,EAAE;MAAe,CAAC,EAAE,YAAY;QACrD,MAAM;UAAEH,QAAQ;UAAEH;QAAU,CAAC,GAAG,MAAM,IAAI,CAACO,aAAa,CAAC,CAAC;QAC1D;;QAEA,MAAMI,KAAK,GAAGzB,OAAO,CAACiB,QAAQ,CAAC;QAC/B,MAAMS,QAAQ,GAAGzB,WAAW,CAACgB,QAAQ,CAAC;QACtC,MAAMU,WAAW,GAAG;UAClBb,SAAS,EAAG,IAAGA,SAAU,EAAC;UAC1Bc,YAAY,EAAE;YACZF,QAAQ;YACRG,WAAW,EAAEJ,KAAK,GAAG,aAAa,GAAG,aAAa;YAClDK,GAAG,EAAEJ;UACP;QACF,CAAC;QAED,MAAM7B,OAAO,CAACkC,UAAU,CAACd,QAAQ,EAAEU,WAAW,CAACC,YAAY,CAAC;QAC5D,IAAI,CAACT,QAAQ,CAAC;UAAEC,OAAO,EAAE;QAAG,CAAC,CAAC;MAChC,CAAC,CAAC;IACJ,CAAC;IAlDC,IAAI,CAACY,KAAK,GAAG;MACXZ,OAAO,EAAE;IACX,CAAC;EACH;EAiDAa,WAAWA,CAAA,EAAG;IACZ,oBACE7C,KAAA,CAAA8C,aAAA,CAACzC,IAAI;MAAC0C,KAAK,EAAEC,MAAM,CAACC;IAAe,GAChClC,MAAM,CAACmC,GAAG,CAACC,kBAAkB,iBAC5BnD,KAAA,CAAA8C,aAAA,CAAC3C,gBAAgB;MAACiD,OAAO,EAAE,IAAI,CAACC,MAAO;MAACC,aAAa,EAAE;IAAI,gBACzDtD,KAAA,CAAA8C,aAAA,CAACvC,IAAI;MAACgD,IAAI,EAAC,UAAU;MAACC,IAAI,EAAC,cAAc;MAACC,SAAS,EAAET,MAAM,CAACU,QAAS;MAACX,KAAK,EAAEC,MAAM,CAACW;IAAkB,CAAE,CACxF,CACnB,EACA5C,MAAM,CAACmC,GAAG,CAACU,iBAAiB,iBAC3B5D,KAAA,CAAA8C,aAAA,CAAC3C,gBAAgB;MAACiD,OAAO,EAAE,IAAI,CAACS,OAAQ;MAACP,aAAa,EAAE;IAAI,gBAC1DtD,KAAA,CAAA8C,aAAA,CAACvC,IAAI;MAACgD,IAAI,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAACC,SAAS,EAAET,MAAM,CAACU,QAAS;MAACX,KAAK,EAAEC,MAAM,CAACW;IAAkB,CAAE,CAC9F,CAEhB,CAAC;EAEX;EAEAG,aAAaA,CAAA,EAAG;IACd,oBACE9D,KAAA,CAAA8C,aAAA,CAAChC,WAAW;MAACiD,OAAO,EAAE,CAAC7D,CAAC,CAAC8D,OAAO,CAAC,IAAI,CAACpB,KAAK,CAACZ,OAAO;IAAE,gBACnDhC,KAAA,CAAA8C,aAAA,CAACzC,IAAI;MAAC0C,KAAK,EAAEC,MAAM,CAACiB;IAAiB,gBACnCjE,KAAA,CAAA8C,aAAA,CAACxC,IAAI;MAACyC,KAAK,EAAEC,MAAM,CAACkB;IAAY,GAAE,IAAI,CAACtB,KAAK,CAACZ,OAAc,CACvD,CACK,CAAC;EAElB;EAEAmC,MAAMA,CAAA,EAAG;IACP,oBACEnE,KAAA,CAAA8C,aAAA,CAACzC,IAAI;MAAC0C,KAAK,EAAEC,MAAM,CAACoB;IAAU,GAC3B,IAAI,CAACvB,WAAW,CAAC,CAAC,EAClB,IAAI,CAACiB,aAAa,CAAC,CAChB,CAAC;EAEX;AACF;AAEA,MAAMd,MAAM,GAAG5C,UAAU,CAACiE,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE;EACZ,CAAC;EACDrB,cAAc,EAAE;IACdqB,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,GAAG,EAAEhE,eAAe,CAAC,CAAC;EACxB,CAAC;EACDgD,iBAAiB,EAAE;IACjBiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDnB,QAAQ,EAAE;IACRoB,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,EAAE;IACXH,KAAK,EAAE,EAAE;IACTI,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,MAAM;IACbP,MAAM,EAAE;EACV,CAAC;EACDT,gBAAgB,EAAE;IAChBiB,eAAe,EAAE,MAAM;IACvBC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDnB,WAAW,EAAE;IACXoB,UAAU,EAAE,SAAS;IACrBR,QAAQ,EAAE,EAAE;IACZG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,SAASjE,YAAY"}

package/dist/module/components/Spinner.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { View } from 'react-native';
+import { LoadingCircles } from './LoadingCircles';
+const Spinner = ({
+  color,
+  style
+}) => {
+  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,"names":["React","View","LoadingCircles","Spinner","color","style","createElement","styles","spinnerStyle","flex","justifyContent","alignItems"],"sources":["Spinner.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACpC,oBACEL,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACI,KAAK,EAAE,CAACE,MAAM,CAACC,YAAY,EAAEH,KAAK;EAAE,gBACxCL,KAAA,CAAAM,aAAA,CAACJ,cAAc;IAACE,KAAK,EAAEA;EAAM,CAAE,CAC3B,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAG;EACbC,YAAY,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,SAASR,OAAO"}

package/dist/module/components/StickyFooter.js

@@ -0,0 +1,34 @@
+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,"names":["React","PureComponent","View","LINEGREY","FOOTER_HEIGHT","StickyFooter","render","createElement","style","styles","section","props","lineSeparated","children","backgroundColor","height","borderTopWidth","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","borderColor"],"sources":["StickyFooter.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,cAAc;AAE5C,MAAMC,YAAY,SAASJ,aAAa,CAAC;EACvCK,MAAMA,CAAA,EAAG;IACP,oBAAON,KAAA,CAAAO,aAAA,CAACL,IAAI;MAACM,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC,aAAa,IAAIH,MAAM,CAACG,aAAa,EAAE,IAAI,CAACD,KAAK,CAACH,KAAK;IAAE,GAAE,IAAI,CAACG,KAAK,CAACE,QAAe,CAAC;EACxI;AACF;AAEA,MAAMJ,MAAM,GAAG;EACbC,OAAO,EAAE;IACPI,eAAe,EAAE,MAAM;IACvBC,MAAM,EAAEX,aAAa;IACrBY,cAAc,EAAE,CAAC;IACjBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRJ,MAAM,EAAE,CAAC;IACX,CAAC;IACDK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDV,aAAa,EAAE;IACbI,cAAc,EAAE,CAAC;IACjBO,WAAW,EAAEpB,QAAQ;IACrBiB,aAAa,EAAE,CAAC;IAChBE,SAAS,EAAE;EACb;AACF,CAAC;AAED,SAASjB,YAAY"}

package/dist/module/components/TextStyle.js

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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, COLOUR_RED } 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
+  },
+  label: {
+    fontFamily: 'sf-semibold',
+    color: TEXT_DARKEST,
+    fontSize: 16
+  },
+  detailLabel: {
+    fontFamily: 'sf-bold',
+    color: TEXT_DARKEST,
+    fontSize: 16
+  },
+  input: {
+    color: TEXT_DARKEST,
+    fontFamily: 'sf-regular',
+    fontSize: 16
+  },
+  error: {
+    fontFamily: 'sf-bold',
+    color: COLOUR_RED,
+    fontSize: 16
+  }
+});
+export { TextStyle };
+//# sourceMappingURL=TextStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","StyleSheet","Text","TEXT_DARKEST","COLOUR_RED","TextStyle","render","createElement","_extends","props","style","styles","type","children","create","pageHeading","fontFamily","fontSize","color","body","label","detailLabel","input","error"],"sources":["TextStyle.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { StyleSheet, Text } from 'react-native';\nimport { TEXT_DARKEST, COLOUR_RED } 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  label: {\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARKEST,\n    fontSize: 16,\n  },\n  detailLabel: {\n    fontFamily: 'sf-bold',\n    color: TEXT_DARKEST,\n    fontSize: 16,\n  },\n  input: {\n    color: TEXT_DARKEST,\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n  },\n  error: {\n    fontFamily: 'sf-bold',\n    color: COLOUR_RED,\n    fontSize: 16,\n  },\n});\n\nexport { TextStyle };\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,YAAY,EAAEC,UAAU,QAAQ,YAAY;AAErD,MAAMC,SAAS,SAASL,aAAa,CAAC;EACpCM,MAAMA,CAAA,EAAG;IACP,oBACEP,KAAA,CAAAQ,aAAA,CAACL,IAAI,EAAAM,QAAA,KAAK,IAAI,CAACC,KAAK;MAAEC,KAAK,EAAE,CAACC,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,IAAI,CAAC,EAAE,IAAI,CAACH,KAAK,CAACC,KAAK;IAAE,IACtE,IAAI,CAACD,KAAK,CAACI,QACR,CAAC;EAEX;AACF;AAEA,MAAMF,MAAM,GAAGV,UAAU,CAACa,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEf;EACT,CAAC;EACDgB,IAAI,EAAE;IACJH,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEf;EACT,CAAC;EACDiB,KAAK,EAAE;IACLJ,UAAU,EAAE,aAAa;IACzBE,KAAK,EAAEf,YAAY;IACnBc,QAAQ,EAAE;EACZ,CAAC;EACDI,WAAW,EAAE;IACXL,UAAU,EAAE,SAAS;IACrBE,KAAK,EAAEf,YAAY;IACnBc,QAAQ,EAAE;EACZ,CAAC;EACDK,KAAK,EAAE;IACLJ,KAAK,EAAEf,YAAY;IACnBa,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDM,KAAK,EAAE;IACLP,UAAU,EAAE,SAAS;IACrBE,KAAK,EAAEd,UAAU;IACjBa,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,SAASZ,SAAS"}