@plusscommunities/pluss-core-app 1.4.8 → 1.5.2

package/dist/module/components/FontScalePopup.js

@@ -0,0 +1,77 @@
+import React, { PureComponent } from 'react';
+import { TouchableOpacity, Text, View } from 'react-native';
+import { TEXT_DARK, LINEGREY } from '../colours';
+/* 
+Props- 
+    style - custom style for container
+    buttonLeftStyle - custom style for left button
+    buttonRightStyle - custom style for right button
+    onPressSmall - callback function 
+    onPressLarge - custom style for right button
+*/
+
+class FontScalePopup extends PureComponent {
+  render() {
+    if (!this.props.visible) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.button, styles.buttonLeft, this.props.buttonLeftStyle],
+      onPress: this.props.onPressSmall
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.smallText
+    }, "A")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.button, styles.buttonRight, this.props.buttonRightStyle],
+      onPress: this.props.onPressLarge
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.largeText
+    }, "A")));
+  }
+
+}
+
+const styles = {
+  container: {
+    flexDirection: 'row',
+    borderRadius: 2,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 4,
+    elevation: 4,
+    zIndex: 10,
+    backgroundColor: '#fff',
+    padding: 2
+  },
+  button: {
+    height: 50,
+    width: 64,
+    borderColor: LINEGREY,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonLeft: {
+    borderRightWidth: 1
+  },
+  buttonRight: {
+    borderLeftWidth: 1
+  },
+  smallText: {
+    fontFamily: 'sf-medium',
+    color: TEXT_DARK,
+    fontSize: 16
+  },
+  largeText: {
+    fontFamily: 'sf-medium',
+    color: TEXT_DARK,
+    fontSize: 24
+  }
+};
+export { FontScalePopup };
+//# sourceMappingURL=FontScalePopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FontScalePopup.js"],"names":["React","PureComponent","TouchableOpacity","Text","View","TEXT_DARK","LINEGREY","FontScalePopup","render","props","visible","styles","container","style","button","buttonLeft","buttonLeftStyle","onPressSmall","smallText","buttonRight","buttonRightStyle","onPressLarge","largeText","flexDirection","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","backgroundColor","padding","borderColor","alignItems","justifyContent","borderRightWidth","borderLeftWidth","fontFamily","color","fontSize"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,gBAAT,EAA2BC,IAA3B,EAAiCC,IAAjC,QAA6C,cAA7C;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,YAApC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,cAAN,SAA6BN,aAA7B,CAA2C;AACzCO,EAAAA,MAAM,GAAG;AACP,QAAI,CAAC,KAAKC,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AACD,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB,KAAKH,KAAL,CAAWI,KAA9B;AAAb,oBACE,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE,CAACF,MAAM,CAACG,MAAR,EAAgBH,MAAM,CAACI,UAAvB,EAAmC,KAAKN,KAAL,CAAWO,eAA9C,CAAzB;AAAyF,MAAA,OAAO,EAAE,KAAKP,KAAL,CAAWQ;AAA7G,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEN,MAAM,CAACO;AAApB,WADF,CADF,eAIE,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE,CAACP,MAAM,CAACG,MAAR,EAAgBH,MAAM,CAACQ,WAAvB,EAAoC,KAAKV,KAAL,CAAWW,gBAA/C,CAAzB;AAA2F,MAAA,OAAO,EAAE,KAAKX,KAAL,CAAWY;AAA/G,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEV,MAAM,CAACW;AAApB,WADF,CAJF,CADF;AAUD;;AAfwC;;AAkB3C,MAAMX,MAAM,GAAG;AACbC,EAAAA,SAAS,EAAE;AACTW,IAAAA,aAAa,EAAE,KADN;AAETC,IAAAA,YAAY,EAAE,CAFL;AAGTC,IAAAA,WAAW,EAAE,MAHJ;AAITC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,CADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KAJL;AAQTC,IAAAA,aAAa,EAAE,GARN;AASTC,IAAAA,YAAY,EAAE,CATL;AAUTC,IAAAA,SAAS,EAAE,CAVF;AAWTC,IAAAA,MAAM,EAAE,EAXC;AAYTC,IAAAA,eAAe,EAAE,MAZR;AAaTC,IAAAA,OAAO,EAAE;AAbA,GADE;AAgBbpB,EAAAA,MAAM,EAAE;AACNc,IAAAA,MAAM,EAAE,EADF;AAEND,IAAAA,KAAK,EAAE,EAFD;AAGNQ,IAAAA,WAAW,EAAE7B,QAHP;AAIN8B,IAAAA,UAAU,EAAE,QAJN;AAKNC,IAAAA,cAAc,EAAE;AALV,GAhBK;AAuBbtB,EAAAA,UAAU,EAAE;AACVuB,IAAAA,gBAAgB,EAAE;AADR,GAvBC;AA0BbnB,EAAAA,WAAW,EAAE;AACXoB,IAAAA,eAAe,EAAE;AADN,GA1BA;AA6BbrB,EAAAA,SAAS,EAAE;AACTsB,IAAAA,UAAU,EAAE,WADH;AAETC,IAAAA,KAAK,EAAEpC,SAFE;AAGTqC,IAAAA,QAAQ,EAAE;AAHD,GA7BE;AAkCbpB,EAAAA,SAAS,EAAE;AACTkB,IAAAA,UAAU,EAAE,WADH;AAETC,IAAAA,KAAK,EAAEpC,SAFE;AAGTqC,IAAAA,QAAQ,EAAE;AAHD;AAlCE,CAAf;AAyCA,SAASnC,cAAT","sourcesContent":["import React, { PureComponent } from 'react';\nimport { TouchableOpacity, Text, View } from 'react-native';\nimport { TEXT_DARK, LINEGREY } from '../colours';\n\n/* \nProps- \n    style - custom style for container\n    buttonLeftStyle - custom style for left button\n    buttonRightStyle - custom style for right button\n    onPressSmall - callback function \n    onPressLarge - custom style for right button\n*/\n\nclass FontScalePopup extends PureComponent {\n  render() {\n    if (!this.props.visible) {\n      return null;\n    }\n    return (\n      <View style={[styles.container, this.props.style]}>\n        <TouchableOpacity style={[styles.button, styles.buttonLeft, this.props.buttonLeftStyle]} onPress={this.props.onPressSmall}>\n          <Text style={styles.smallText}>A</Text>\n        </TouchableOpacity>\n        <TouchableOpacity style={[styles.button, styles.buttonRight, this.props.buttonRightStyle]} onPress={this.props.onPressLarge}>\n          <Text style={styles.largeText}>A</Text>\n        </TouchableOpacity>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n    borderRadius: 2,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.2,\n    shadowRadius: 4,\n    elevation: 4,\n    zIndex: 10,\n    backgroundColor: '#fff',\n    padding: 2,\n  },\n  button: {\n    height: 50,\n    width: 64,\n    borderColor: LINEGREY,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  buttonLeft: {\n    borderRightWidth: 1,\n  },\n  buttonRight: {\n    borderLeftWidth: 1,\n  },\n  smallText: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARK,\n    fontSize: 16,\n  },\n  largeText: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARK,\n    fontSize: 24,\n  },\n};\n\nexport { FontScalePopup };\n"]}

package/dist/module/components/FormCard.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FormCard.js"],"names":["React","PureComponent","View","FormCard","render","styles","section","props","style","children","backgroundColor","paddingHorizontal","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,QAAqB,cAArB;;AAEA,MAAMC,QAAN,SAAuBF,aAAvB,CAAqC;AACnCG,EAAAA,MAAM,GAAG;AACP,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiB,KAAKC,KAAL,CAAWC,KAA5B;AAAb,OAAkD,KAAKD,KAAL,CAAWE,QAA7D,CAAP;AACD;;AAHkC;;AAMrC,MAAMJ,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAE;AACPI,IAAAA,eAAe,EAAE,MADV;AAEPC,IAAAA,iBAAiB,EAAE,EAFZ;AAGPC,IAAAA,WAAW,EAAE,MAHN;AAIPC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,CADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KAJP;AAQPC,IAAAA,aAAa,EAAE,GARR;AASPC,IAAAA,YAAY,EAAE,CATP;AAUPC,IAAAA,SAAS,EAAE;AAVJ;AADI,CAAf;AAeA,SAASf,QAAT","sourcesContent":["import React, { PureComponent } from 'react';\nimport { View } from 'react-native';\n\nclass FormCard extends PureComponent {\n  render() {\n    return <View style={[styles.section, this.props.style]}>{this.props.children}</View>;\n  }\n}\n\nconst styles = {\n  section: {\n    backgroundColor: '#fff',\n    paddingHorizontal: 16,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 1,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 6,\n    elevation: 2,\n  },\n};\n\nexport { FormCard };\n"]}

package/dist/module/components/FormCardSection.js

@@ -0,0 +1,240 @@
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import { Pl60Icon } from '../fonts';
+import { TEXT_LIGHTER, TEXT_DARK, COLOUR_GREEN, LINEGREY, TEXT_LIGHT, COLOUR_GRAPEFRUIT, getMainBrandingColourFromState, getDarkBrandingColourFromState } from '../colours';
+import { getValueOrDefault } from '../helper';
+
+class FormCardSection extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      height: getValueOrDefault(this.props.minHeight, 20),
+      focused: false,
+      isSecure: true
+    };
+  }
+
+  onFocus() {
+    this.setState({
+      focused: true
+    });
+
+    if (this.props.onFocus) {
+      this.props.onFocus();
+    }
+  }
+
+  onBlur() {
+    this.setState({
+      focused: false
+    });
+
+    if (this.props.onBlur) {
+      this.props.onBlur();
+    }
+  }
+
+  onGrow(event) {
+    this.setState({
+      height: Math.max(event.nativeEvent.contentSize.height, this.props.minHeight)
+    });
+  }
+
+  toggleSecure() {
+    const current = this.state.isSecure;
+    this.setState({
+      isSecure: !current
+    });
+  }
+
+  showSecure() {
+    if (!_.isUndefined(this.props.secureTextToggle) && this.props.secureTextToggle) {
+      return this.state.isSecure;
+    }
+
+    return this.props.secureTextEntry;
+  }
+
+  isValid() {
+    if (this.props.required && _.isEmpty(this.props.textValue)) {
+      return false;
+    }
+
+    if (this.props.isValid && !this.props.isValid()) {
+      return false;
+    }
+
+    return true;
+  }
+
+  renderErrorDot() {
+    if (this.props.required || this.props.hasError) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.errorDot, {
+          backgroundColor: this.props.colourBrandingMain
+        }, !this.isValid() && styles.errorError, this.isValid() && styles.errorValid, this.props.errorDotStyle]
+      });
+    }
+
+    return null;
+  }
+
+  renderLabel() {
+    if (_.isEmpty(this.props.label)) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.labelContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.labelText, this.state.focused && {
+        color: this.props.colourBrandingMain
+      }, !this.isValid() && !_.isEmpty(this.props.textValue) && styles.labelError, this.props.labelStyle]
+    }, this.props.label), this.renderErrorDot());
+  }
+
+  renderInput() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(TextInput, {
+      value: this.props.textValue,
+      onChangeText: this.props.onChangeText,
+      keyboardType: this.props.keyboardType
+      /* Main Styling Props */
+      ,
+      selectionColor: this.props.colourBrandingDark,
+      placeholder: this.props.placeholder,
+      placeholderTextColor: this.props.placeholderTextColor || TEXT_LIGHTER,
+      style: [styles.inputStyle, {
+        textAlignVertical: this.props.autoGrow ? 'top' : 'center',
+        color: this.props.textColour || TEXT_DARK,
+        minHeight: this.props.minHeight || 20
+      }, this.props.textStyle],
+      underlineColorAndroid: 'rgba(0,0,0,0)'
+      /* Other Props */
+      ,
+      autoFocus: _.isUndefined(this.props.autoFocus) ? false : this.props.autoFocus,
+      editable: _.isUndefined(this.props.editable) ? true : this.props.editable,
+      secureTextEntry: _.isUndefined(this.props.secureTextEntry) ? false : this.showSecure(),
+      autoCorrect: _.isUndefined(this.props.autoCorrect) ? false : this.props.autoCorrect,
+      multiline: _.isUndefined(this.props.multiline) ? false : this.props.multiline,
+      autoGrow: _.isUndefined(this.props.autoGrow) ? false : this.props.autoGrow,
+      autoCapitalize: _.isUndefined(this.props.autoCapitalize) ? 'sentences' : this.props.autoCapitalize,
+      onContentSizeChange: this.onGrow.bind(this)
+      /* Focus Props */
+      ,
+      onFocus: this.onFocus.bind(this),
+      onBlur: this.onBlur.bind(this)
+    })), !_.isUndefined(this.props.secureTextToggle) && this.props.secureTextToggle && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.toggleSecure.bind(this)
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: this.state.isSecure ? 'show' : 'hide',
+      style: {
+        fontSize: 21,
+        lineHeight: 20,
+        color: TEXT_LIGHT,
+        paddingLeft: 16
+      }
+    })));
+  }
+
+  renderContent() {
+    if (this.props.hasContent) {
+      return this.props.children;
+    }
+
+    if (this.props.pointerEvents) {
+      return /*#__PURE__*/React.createElement(View, {
+        pointerEvents: this.props.pointerEvents
+      }, this.renderInput());
+    }
+
+    return this.renderInput();
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      style: [styles.sectionItem, this.props.hasUnderline && styles.sectionItemUnderline, this.state.focused && styles.inputFocus, this.state.focused && {
+        borderBottomColor: this.props.colourBrandingMain
+      }, !this.isValid() && !_.isEmpty(this.props.textValue) && styles.inputError, !_.isUndefined(this.props.showError) && this.props.showError === true && !this.isValid() && styles.inputError, this.props.sectionStyle]
+    }, this.renderLabel(), /*#__PURE__*/React.createElement(View, null, this.renderContent())), !_.isUndefined(this.props.showError) && this.props.showError === true && !this.isValid() && /*#__PURE__*/React.createElement(Text, {
+      style: styles.errorText
+    }, this.props.errorText));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  sectionItem: {
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    borderBottomColor: LINEGREY
+  },
+  sectionItemUnderline: {
+    borderBottomWidth: 1
+  },
+  inputFocus: {
+    borderBottomWidth: 1
+  },
+  inputError: {
+    borderBottomWidth: 1,
+    borderBottomColor: COLOUR_GRAPEFRUIT
+  },
+  labelContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 6
+  },
+  labelText: {
+    fontFamily: 'sf-regular',
+    fontSize: 13,
+    color: TEXT_LIGHT
+  },
+  labelError: {
+    color: COLOUR_GRAPEFRUIT
+  },
+  errorDot: {
+    height: 6,
+    width: 6,
+    borderRadius: 3,
+    marginLeft: 8,
+    marginBottom: 3
+  },
+  errorError: {
+    backgroundColor: COLOUR_GRAPEFRUIT
+  },
+  errorValid: {
+    backgroundColor: COLOUR_GREEN
+  },
+  inputStyle: {
+    fontFamily: 'sf-regular',
+    fontSize: 17,
+    margin: 0,
+    padding: 0
+  },
+  errorText: {
+    paddingTop: 8,
+    fontSize: 13,
+    fontFamily: 'sf-regular',
+    color: COLOUR_GRAPEFRUIT
+  }
+});
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    colourBrandingDark: getDarkBrandingColourFromState(state)
+  };
+};
+
+const formCardSection = connect(mapStateToProps, {})(FormCardSection);
+export { formCardSection as FormCardSection };
+//# sourceMappingURL=FormCardSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FormCardSection.js"],"names":["React","Component","_","View","Text","TextInput","TouchableOpacity","StyleSheet","connect","Pl60Icon","TEXT_LIGHTER","TEXT_DARK","COLOUR_GREEN","LINEGREY","TEXT_LIGHT","COLOUR_GRAPEFRUIT","getMainBrandingColourFromState","getDarkBrandingColourFromState","getValueOrDefault","FormCardSection","constructor","props","state","height","minHeight","focused","isSecure","onFocus","setState","onBlur","onGrow","event","Math","max","nativeEvent","contentSize","toggleSecure","current","showSecure","isUndefined","secureTextToggle","secureTextEntry","isValid","required","isEmpty","textValue","renderErrorDot","hasError","styles","errorDot","backgroundColor","colourBrandingMain","errorError","errorValid","errorDotStyle","renderLabel","label","labelContainer","labelText","color","labelError","labelStyle","renderInput","flexDirection","flex","onChangeText","keyboardType","colourBrandingDark","placeholder","placeholderTextColor","inputStyle","textAlignVertical","autoGrow","textColour","textStyle","autoFocus","editable","autoCorrect","multiline","autoCapitalize","bind","fontSize","lineHeight","paddingLeft","renderContent","hasContent","children","pointerEvents","render","sectionItem","hasUnderline","sectionItemUnderline","inputFocus","borderBottomColor","inputError","showError","sectionStyle","errorText","create","paddingVertical","paddingHorizontal","borderBottomWidth","alignItems","marginBottom","fontFamily","width","borderRadius","marginLeft","margin","padding","paddingTop","mapStateToProps","formCardSection"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Pl60Icon } from '../fonts';\nimport {\n  TEXT_LIGHTER,\n  TEXT_DARK,\n  COLOUR_GREEN,\n  LINEGREY,\n  TEXT_LIGHT,\n  COLOUR_GRAPEFRUIT,\n  getMainBrandingColourFromState,\n  getDarkBrandingColourFromState,\n} from '../colours';\nimport { getValueOrDefault } from '../helper';\n\nclass FormCardSection extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      height: getValueOrDefault(this.props.minHeight, 20),\n      focused: false,\n      isSecure: true,\n    };\n  }\n\n  onFocus() {\n    this.setState({ focused: true });\n    if (this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  onBlur() {\n    this.setState({ focused: false });\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  }\n\n  onGrow(event) {\n    this.setState({\n      height: Math.max(event.nativeEvent.contentSize.height, this.props.minHeight),\n    });\n  }\n\n  toggleSecure() {\n    const current = this.state.isSecure;\n    this.setState({ isSecure: !current });\n  }\n\n  showSecure() {\n    if (!_.isUndefined(this.props.secureTextToggle) && this.props.secureTextToggle) {\n      return this.state.isSecure;\n    }\n    return this.props.secureTextEntry;\n  }\n\n  isValid() {\n    if (this.props.required && _.isEmpty(this.props.textValue)) {\n      return false;\n    }\n    if (this.props.isValid && !this.props.isValid()) {\n      return false;\n    }\n    return true;\n  }\n\n  renderErrorDot() {\n    if (this.props.required || this.props.hasError) {\n      return (\n        <View\n          style={[\n            styles.errorDot,\n            { backgroundColor: this.props.colourBrandingMain },\n            !this.isValid() && styles.errorError,\n            this.isValid() && styles.errorValid,\n            this.props.errorDotStyle,\n          ]}\n        />\n      );\n    }\n    return null;\n  }\n\n  renderLabel() {\n    if (_.isEmpty(this.props.label)) {\n      return null;\n    }\n    return (\n      <View style={styles.labelContainer}>\n        <Text\n          style={[\n            styles.labelText,\n            this.state.focused && { color: this.props.colourBrandingMain },\n            !this.isValid() && !_.isEmpty(this.props.textValue) && styles.labelError,\n            this.props.labelStyle,\n          ]}\n        >\n          {this.props.label}\n        </Text>\n        {this.renderErrorDot()}\n      </View>\n    );\n  }\n\n  renderInput() {\n    return (\n      <View style={{ flexDirection: 'row' }}>\n        <View style={{ flex: 1 }}>\n          <TextInput\n            value={this.props.textValue}\n            onChangeText={this.props.onChangeText}\n            keyboardType={this.props.keyboardType}\n            /* Main Styling Props */\n            selectionColor={this.props.colourBrandingDark}\n            placeholder={this.props.placeholder}\n            placeholderTextColor={this.props.placeholderTextColor || TEXT_LIGHTER}\n            style={[\n              styles.inputStyle,\n              {\n                textAlignVertical: this.props.autoGrow ? 'top' : 'center',\n                color: this.props.textColour || TEXT_DARK,\n                minHeight: this.props.minHeight || 20,\n              },\n              this.props.textStyle,\n            ]}\n            underlineColorAndroid={'rgba(0,0,0,0)'}\n            /* Other Props */\n            autoFocus={_.isUndefined(this.props.autoFocus) ? false : this.props.autoFocus}\n            editable={_.isUndefined(this.props.editable) ? true : this.props.editable}\n            secureTextEntry={_.isUndefined(this.props.secureTextEntry) ? false : this.showSecure()}\n            autoCorrect={_.isUndefined(this.props.autoCorrect) ? false : this.props.autoCorrect}\n            multiline={_.isUndefined(this.props.multiline) ? false : this.props.multiline}\n            autoGrow={_.isUndefined(this.props.autoGrow) ? false : this.props.autoGrow}\n            autoCapitalize={_.isUndefined(this.props.autoCapitalize) ? 'sentences' : this.props.autoCapitalize}\n            onContentSizeChange={this.onGrow.bind(this)}\n            /* Focus Props */\n            onFocus={this.onFocus.bind(this)}\n            onBlur={this.onBlur.bind(this)}\n          />\n        </View>\n        {!_.isUndefined(this.props.secureTextToggle) && this.props.secureTextToggle && (\n          <TouchableOpacity onPress={this.toggleSecure.bind(this)}>\n            {/* <Icon\n                            name={this.state.isSecure ? 'eye' : 'eye-slash'}\n                            type='font-awesome'\n                            iconStyle={{ fontSize: 16, color: TEXT_MID, paddingLeft: 16 }}\n                        /> */}\n            <Pl60Icon\n              name={this.state.isSecure ? 'show' : 'hide'}\n              style={{ fontSize: 21, lineHeight: 20, color: TEXT_LIGHT, paddingLeft: 16 }}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  }\n\n  renderContent() {\n    if (this.props.hasContent) {\n      return this.props.children;\n    }\n    if (this.props.pointerEvents) {\n      return <View pointerEvents={this.props.pointerEvents}>{this.renderInput()}</View>;\n    }\n    return this.renderInput();\n  }\n\n  render() {\n    return (\n      <View>\n        <View\n          style={[\n            styles.sectionItem,\n            this.props.hasUnderline && styles.sectionItemUnderline,\n            this.state.focused && styles.inputFocus,\n            this.state.focused && { borderBottomColor: this.props.colourBrandingMain },\n            !this.isValid() && !_.isEmpty(this.props.textValue) && styles.inputError,\n            !_.isUndefined(this.props.showError) && this.props.showError === true && !this.isValid() && styles.inputError,\n            this.props.sectionStyle,\n          ]}\n        >\n          {this.renderLabel()}\n          <View>{this.renderContent()}</View>\n        </View>\n        {!_.isUndefined(this.props.showError) && this.props.showError === true && !this.isValid() && (\n          <Text style={styles.errorText}>{this.props.errorText}</Text>\n        )}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  sectionItem: {\n    paddingVertical: 16,\n    paddingHorizontal: 8,\n    borderBottomColor: LINEGREY,\n  },\n  sectionItemUnderline: {\n    borderBottomWidth: 1,\n  },\n  inputFocus: {\n    borderBottomWidth: 1,\n  },\n  inputError: {\n    borderBottomWidth: 1,\n    borderBottomColor: COLOUR_GRAPEFRUIT,\n  },\n  labelContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginBottom: 6,\n  },\n  labelText: {\n    fontFamily: 'sf-regular',\n    fontSize: 13,\n    color: TEXT_LIGHT,\n  },\n  labelError: {\n    color: COLOUR_GRAPEFRUIT,\n  },\n  errorDot: {\n    height: 6,\n    width: 6,\n    borderRadius: 3,\n    marginLeft: 8,\n    marginBottom: 3,\n  },\n  errorError: {\n    backgroundColor: COLOUR_GRAPEFRUIT,\n  },\n  errorValid: {\n    backgroundColor: COLOUR_GREEN,\n  },\n  inputStyle: {\n    fontFamily: 'sf-regular',\n    fontSize: 17,\n    margin: 0,\n    padding: 0,\n  },\n  errorText: {\n    paddingTop: 8,\n    fontSize: 13,\n    fontFamily: 'sf-regular',\n    color: COLOUR_GRAPEFRUIT,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    colourBrandingDark: getDarkBrandingColourFromState(state),\n  };\n};\n\nconst formCardSection = connect(mapStateToProps, {})(FormCardSection);\nexport { formCardSection as FormCardSection };\n"]}

package/dist/module/components/FormCardSectionOptionLauncher.js

@@ -0,0 +1,77 @@
+import React, { PureComponent } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { connect } from 'react-redux';
+import { TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';
+import { FormCardSection } from './FormCardSection';
+
+class FormCardSectionOptionLauncher extends PureComponent {
+  render() {
+    const {
+      onPress,
+      sectionStyle,
+      textStyle,
+      title,
+      description,
+      value,
+      icon,
+      colourBrandingMain
+    } = this.props;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: onPress
+    }, /*#__PURE__*/React.createElement(FormCardSection, {
+      hasContent: true,
+      sectionStyle: sectionStyle
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, {
+        marginRight: 16,
+        flex: 1
+      }, textStyle]
+    }, title), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, {
+        marginRight: 16
+      }]
+    }, value), /*#__PURE__*/React.createElement(Icon, {
+      name: icon ? icon : 'angle-right',
+      type: "font-awesome",
+      iconStyle: [styles.text, {
+        fontSize: 20,
+        color: colourBrandingMain
+      }]
+    })), description ? /*#__PURE__*/React.createElement(Text, {
+      style: styles.description
+    }, description) : null));
+  }
+
+}
+
+const styles = {
+  container: {
+    flexDirection: 'row',
+    alignSelf: 'stretch',
+    alignItems: 'center'
+  },
+  text: {
+    fontFamily: 'sf-regular',
+    fontSize: 17,
+    color: TEXT_DARK
+  },
+  description: {
+    fontFamily: 'sf-regular',
+    fontSize: 15,
+    color: TEXT_LIGHT,
+    marginTop: 8
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const formCardSectionOptionLauncher = connect(mapStateToProps, {})(FormCardSectionOptionLauncher);
+export { formCardSectionOptionLauncher as FormCardSectionOptionLauncher };
+//# sourceMappingURL=FormCardSectionOptionLauncher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FormCardSectionOptionLauncher.js"],"names":["React","PureComponent","View","Text","TouchableOpacity","Icon","connect","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","FormCardSection","FormCardSectionOptionLauncher","render","onPress","sectionStyle","textStyle","title","description","value","icon","colourBrandingMain","props","styles","container","text","marginRight","flex","fontSize","color","flexDirection","alignSelf","alignItems","fontFamily","marginTop","mapStateToProps","state","formCardSectionOptionLauncher"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,gBAArB,QAA6C,cAA7C;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,8BAAhC,QAAsE,YAAtE;AACA,SAASC,eAAT,QAAgC,mBAAhC;;AAEA,MAAMC,6BAAN,SAA4CV,aAA5C,CAA0D;AACxDW,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,OAAF;AAAWC,MAAAA,YAAX;AAAyBC,MAAAA,SAAzB;AAAoCC,MAAAA,KAApC;AAA2CC,MAAAA,WAA3C;AAAwDC,MAAAA,KAAxD;AAA+DC,MAAAA,IAA/D;AAAqEC,MAAAA;AAArE,QAA4F,KAAKC,KAAvG;AAEA,wBACE,oBAAC,gBAAD;AAAkB,MAAA,OAAO,EAAER;AAA3B,oBACE,oBAAC,eAAD;AAAiB,MAAA,UAAU,MAA3B;AAA4B,MAAA,YAAY,EAAEC;AAA1C,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEQ,MAAM,CAACC;AAApB,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACD,MAAM,CAACE,IAAR,EAAc;AAAEC,QAAAA,WAAW,EAAE,EAAf;AAAmBC,QAAAA,IAAI,EAAE;AAAzB,OAAd,EAA4CX,SAA5C;AAAb,OAAsEC,KAAtE,CADF,eAEE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACM,MAAM,CAACE,IAAR,EAAc;AAAEC,QAAAA,WAAW,EAAE;AAAf,OAAd;AAAb,OAAkDP,KAAlD,CAFF,eAGE,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEC,IAAI,GAAGA,IAAH,GAAU,aADtB;AAEE,MAAA,IAAI,EAAC,cAFP;AAGE,MAAA,SAAS,EAAE,CAACG,MAAM,CAACE,IAAR,EAAc;AAAEG,QAAAA,QAAQ,EAAE,EAAZ;AAAgBC,QAAAA,KAAK,EAAER;AAAvB,OAAd;AAHb,MAHF,CADF,EAUGH,WAAW,gBAAG,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEK,MAAM,CAACL;AAApB,OAAkCA,WAAlC,CAAH,GAA2D,IAVzE,CADF,CADF;AAgBD;;AApBuD;;AAuB1D,MAAMK,MAAM,GAAG;AACbC,EAAAA,SAAS,EAAE;AACTM,IAAAA,aAAa,EAAE,KADN;AAETC,IAAAA,SAAS,EAAE,SAFF;AAGTC,IAAAA,UAAU,EAAE;AAHH,GADE;AAMbP,EAAAA,IAAI,EAAE;AACJQ,IAAAA,UAAU,EAAE,YADR;AAEJL,IAAAA,QAAQ,EAAE,EAFN;AAGJC,IAAAA,KAAK,EAAErB;AAHH,GANO;AAWbU,EAAAA,WAAW,EAAE;AACXe,IAAAA,UAAU,EAAE,YADD;AAEXL,IAAAA,QAAQ,EAAE,EAFC;AAGXC,IAAAA,KAAK,EAAEpB,UAHI;AAIXyB,IAAAA,SAAS,EAAE;AAJA;AAXA,CAAf;;AAmBA,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACLf,IAAAA,kBAAkB,EAAEX,8BAA8B,CAAC0B,KAAD;AAD7C,GAAP;AAGD,CAJD;;AAMA,MAAMC,6BAA6B,GAAG9B,OAAO,CAAC4B,eAAD,EAAkB,EAAlB,CAAP,CAA6BvB,6BAA7B,CAAtC;AACA,SAASyB,6BAA6B,IAAIzB,6BAA1C","sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, Text, TouchableOpacity } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { connect } from 'react-redux';\nimport { TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';\nimport { FormCardSection } from './FormCardSection';\n\nclass FormCardSectionOptionLauncher extends PureComponent {\n  render() {\n    const { onPress, sectionStyle, textStyle, title, description, value, icon, colourBrandingMain } = this.props;\n\n    return (\n      <TouchableOpacity onPress={onPress}>\n        <FormCardSection hasContent sectionStyle={sectionStyle}>\n          <View style={styles.container}>\n            <Text style={[styles.text, { marginRight: 16, flex: 1 }, textStyle]}>{title}</Text>\n            <Text style={[styles.text, { marginRight: 16 }]}>{value}</Text>\n            <Icon\n              name={icon ? icon : 'angle-right'}\n              type=\"font-awesome\"\n              iconStyle={[styles.text, { fontSize: 20, color: colourBrandingMain }]}\n            />\n          </View>\n          {description ? <Text style={styles.description}>{description}</Text> : null}\n        </FormCardSection>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n  },\n  text: {\n    fontFamily: 'sf-regular',\n    fontSize: 17,\n    color: TEXT_DARK,\n  },\n  description: {\n    fontFamily: 'sf-regular',\n    fontSize: 15,\n    color: TEXT_LIGHT,\n    marginTop: 8,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst formCardSectionOptionLauncher = connect(mapStateToProps, {})(FormCardSectionOptionLauncher);\nexport { formCardSectionOptionLauncher as FormCardSectionOptionLauncher };\n"]}

package/dist/module/components/FormattedText.js

@@ -0,0 +1,145 @@
+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 { Linking } from 'react-native';
+import { connect } from 'react-redux';
+import ParsedText from 'react-native-parsed-text';
+import { getMainBrandingColourFromState, TEXT_DARKEST } from '../colours';
+import { getValidUrl } from '../helper';
+import { analyticsActions } from '../apis';
+
+class FormattedText extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onPressUrl", url => {
+      const urlToUse = getValidUrl(url);
+      Linking.openURL(urlToUse);
+      this.checkLog('UrlClick', urlToUse);
+    });
+
+    _defineProperty(this, "onPressUrlText", urlText => {
+      const texts = urlText.match(FormattedText.UrlTextRegex);
+      this.onPressUrl(texts[1]);
+    });
+
+    _defineProperty(this, "onPressEmail", email => {
+      Linking.openURL(`mailto:${email}`);
+      this.checkLog('EmailClick', email);
+    });
+
+    _defineProperty(this, "onPressPhone", phone => {
+      const parsedPhone = phone.replace(/\D/g, '');
+      Linking.openURL(`tel:${parsedPhone.replace(/\D/g, '')}`);
+      this.checkLog('PhoneClick', parsedPhone);
+    });
+
+    _defineProperty(this, "ifEnabled", value => this.props.disabled ? undefined : value);
+  }
+
+  static get UrlTextRegex() {
+    return /\[([^\]\|\]]+)\|([^\]\|\]]+)\]/i;
+  }
+
+  checkLog(type, target) {
+    if (this.props.logClicks) {
+      analyticsActions.log(this.props.site, type, this.props.entityType, this.props.entityId, {
+        target
+      });
+    }
+  }
+
+  renderTextContent(matchingString, matches) {
+    return matches[1];
+  }
+
+  renderUrlText(matchingString, matches) {
+    return matches[2];
+  }
+
+  render() {
+    const {
+      style,
+      numberOfLines,
+      titleSize,
+      colourBrandingMain,
+      subtitleSize,
+      children
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ParsedText, {
+      style: [styles.text, this.ifEnabled({
+        lineHeight: 24
+      }), style],
+      numberOfLines: numberOfLines,
+      parse: [{
+        pattern: /\*\*(.*?)\*\*/i,
+        style: this.ifEnabled({
+          fontFamily: 'sf-bold',
+          lineHeight: 24
+        }),
+        renderText: this.renderTextContent
+      }, {
+        pattern: /\*t\*(.*?)\*t\*/i,
+        style: this.ifEnabled({
+          fontSize: titleSize || 22,
+          color: colourBrandingMain,
+          fontFamily: 'sf-semibold',
+          lineHeight: 24
+        }),
+        renderText: this.renderTextContent
+      }, {
+        pattern: /\*s\*(.*?)\*s\*/i,
+        style: this.ifEnabled({
+          fontSize: subtitleSize || 18,
+          color: TEXT_DARKEST,
+          fontFamily: 'sf-semibold',
+          lineHeight: 24
+        }),
+        renderText: this.renderTextContent
+      }, {
+        pattern: FormattedText.UrlTextRegex,
+        style: this.ifEnabled({
+          color: colourBrandingMain
+        }),
+        onPress: this.ifEnabled(this.onPressUrlText),
+        renderText: this.renderUrlText
+      }, {
+        pattern: /(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$])/im,
+        style: this.ifEnabled({
+          color: colourBrandingMain
+        }),
+        onPress: this.ifEnabled(this.onPressUrl)
+      }, {
+        pattern: /([A-Z0-9._%-]+)@([A-Z0-9.-]+\.[A-Z]{2,4})/im,
+        style: this.ifEnabled({
+          color: colourBrandingMain
+        }),
+        onPress: this.ifEnabled(this.onPressEmail)
+      }, {
+        pattern: /(?:\+?(\d{1,3}))?([-. (]*(\d{1,3})[-. )]*)?((\d{2,4})[-. ]*(\d{2,4})(?:[-.x ]*(\d+))?)\s*$/im,
+        style: this.ifEnabled({
+          color: colourBrandingMain
+        }),
+        onPress: this.ifEnabled(this.onPressPhone)
+      }]
+    }, children);
+  }
+
+}
+
+const styles = {
+  text: {
+    color: TEXT_DARKEST,
+    fontSize: 14,
+    fontFamily: 'sf-regular'
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+export default connect(mapStateToProps, {})(FormattedText);
+//# sourceMappingURL=FormattedText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FormattedText.js"],"names":["React","Component","Linking","connect","ParsedText","getMainBrandingColourFromState","TEXT_DARKEST","getValidUrl","analyticsActions","FormattedText","url","urlToUse","openURL","checkLog","urlText","texts","match","UrlTextRegex","onPressUrl","email","phone","parsedPhone","replace","value","props","disabled","undefined","type","target","logClicks","log","site","entityType","entityId","renderTextContent","matchingString","matches","renderUrlText","render","style","numberOfLines","titleSize","colourBrandingMain","subtitleSize","children","styles","text","ifEnabled","lineHeight","pattern","fontFamily","renderText","fontSize","color","onPress","onPressUrlText","onPressEmail","onPressPhone","mapStateToProps","state"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { Linking } from 'react-native';\nimport { connect } from 'react-redux';\nimport ParsedText from 'react-native-parsed-text';\nimport { getMainBrandingColourFromState, TEXT_DARKEST } from '../colours';\nimport { getValidUrl } from '../helper';\nimport { analyticsActions } from '../apis';\n\nclass FormattedText extends Component {\n  static get UrlTextRegex() {\n    return /\\[([^\\]\\|\\]]+)\\|([^\\]\\|\\]]+)\\]/i;\n  }\n\n  checkLog(type, target) {\n    if (this.props.logClicks) {\n      analyticsActions.log(this.props.site, type, this.props.entityType, this.props.entityId, { target });\n    }\n  }\n\n  onPressUrl = url => {\n    const urlToUse = getValidUrl(url);\n    Linking.openURL(urlToUse);\n    this.checkLog('UrlClick', urlToUse);\n  };\n\n  onPressUrlText = urlText => {\n    const texts = urlText.match(FormattedText.UrlTextRegex);\n    this.onPressUrl(texts[1]);\n  };\n\n  onPressEmail = email => {\n    Linking.openURL(`mailto:${email}`);\n    this.checkLog('EmailClick', email);\n  };\n\n  onPressPhone = phone => {\n    const parsedPhone = phone.replace(/\\D/g, '');\n    Linking.openURL(`tel:${parsedPhone.replace(/\\D/g, '')}`);\n    this.checkLog('PhoneClick', parsedPhone);\n  };\n\n  ifEnabled = value => (this.props.disabled ? undefined : value);\n\n  renderTextContent(matchingString, matches) {\n    return matches[1];\n  }\n\n  renderUrlText(matchingString, matches) {\n    return matches[2];\n  }\n\n  render() {\n    const { style, numberOfLines, titleSize, colourBrandingMain, subtitleSize, children } = this.props;\n\n    return (\n      <ParsedText\n        style={[styles.text, this.ifEnabled({ lineHeight: 24 }), style]}\n        numberOfLines={numberOfLines}\n        parse={[\n          {\n            pattern: /\\*\\*(.*?)\\*\\*/i,\n            style: this.ifEnabled({\n              fontFamily: 'sf-bold',\n              lineHeight: 24,\n            }),\n            renderText: this.renderTextContent,\n          },\n          {\n            pattern: /\\*t\\*(.*?)\\*t\\*/i,\n            style: this.ifEnabled({\n              fontSize: titleSize || 22,\n              color: colourBrandingMain,\n              fontFamily: 'sf-semibold',\n              lineHeight: 24,\n            }),\n            renderText: this.renderTextContent,\n          },\n          {\n            pattern: /\\*s\\*(.*?)\\*s\\*/i,\n            style: this.ifEnabled({\n              fontSize: subtitleSize || 18,\n              color: TEXT_DARKEST,\n              fontFamily: 'sf-semibold',\n              lineHeight: 24,\n            }),\n            renderText: this.renderTextContent,\n          },\n          {\n            pattern: FormattedText.UrlTextRegex,\n            style: this.ifEnabled({ color: colourBrandingMain }),\n            onPress: this.ifEnabled(this.onPressUrlText),\n            renderText: this.renderUrlText,\n          },\n          {\n            pattern: /(?:(?:https?|ftp|file):\\/\\/|www\\.|ftp\\.)(?:\\([-A-Z0-9+&@#\\/%=~_|$?!:,.]*\\)|[-A-Z0-9+&@#\\/%=~_|$?!:,.])*(?:\\([-A-Z0-9+&@#\\/%=~_|$?!:,.]*\\)|[A-Z0-9+&@#\\/%=~_|$])/im,\n            style: this.ifEnabled({ color: colourBrandingMain }),\n            onPress: this.ifEnabled(this.onPressUrl),\n          },\n          {\n            pattern: /([A-Z0-9._%-]+)@([A-Z0-9.-]+\\.[A-Z]{2,4})/im,\n            style: this.ifEnabled({ color: colourBrandingMain }),\n            onPress: this.ifEnabled(this.onPressEmail),\n          },\n          {\n            pattern: /(?:\\+?(\\d{1,3}))?([-. (]*(\\d{1,3})[-. )]*)?((\\d{2,4})[-. ]*(\\d{2,4})(?:[-.x ]*(\\d+))?)\\s*$/im,\n            style: this.ifEnabled({ color: colourBrandingMain }),\n            onPress: this.ifEnabled(this.onPressPhone),\n          },\n        ]}\n      >\n        {children}\n      </ParsedText>\n    );\n  }\n}\n\nconst styles = {\n  text: {\n    color: TEXT_DARKEST,\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(FormattedText);\n"]}