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

package/dist/module/components/FontScaleButton.js

@@ -0,0 +1,36 @@
+import React, { PureComponent } from 'react';
+import { TouchableOpacity, Text } from 'react-native';
+import { TEXT_DARK } from '../colours';
+
+/* 
+Props- 
+    style - custom style for container
+*/
+
+class FontScaleButton extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.container, this.props.style],
+      onPress: this.props.onPress
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, /*#__PURE__*/React.createElement(Text, null, "A"), /*#__PURE__*/React.createElement(Text, null, ` `), /*#__PURE__*/React.createElement(Text, {
+      style: styles.largeText
+    }, "A")));
+  }
+}
+const styles = {
+  container: {
+    padding: 15
+  },
+  text: {
+    fontFamily: 'sf-medium',
+    color: TEXT_DARK,
+    fontSize: 14
+  },
+  largeText: {
+    fontSize: 24
+  }
+};
+export { FontScaleButton };
+//# sourceMappingURL=FontScaleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","TouchableOpacity","Text","TEXT_DARK","FontScaleButton","render","createElement","style","styles","container","props","onPress","text","largeText","padding","fontFamily","color","fontSize"],"sources":["FontScaleButton.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { TouchableOpacity, Text } from 'react-native';\nimport { TEXT_DARK } from '../colours';\n\n/* \nProps- \n    style - custom style for container\n*/\n\nclass FontScaleButton extends PureComponent {\n  render() {\n    return (\n      <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}>\n        <Text style={styles.text}>\n          <Text>A</Text>\n          <Text>{` `}</Text>\n          <Text style={styles.largeText}>A</Text>\n        </Text>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    padding: 15,\n  },\n  text: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARK,\n    fontSize: 14,\n  },\n  largeText: {\n    fontSize: 24,\n  },\n};\n\nexport { FontScaleButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,YAAY;;AAEtC;AACA;AACA;AACA;;AAEA,MAAMC,eAAe,SAASJ,aAAa,CAAC;EAC1CK,MAAMA,CAAA,EAAG;IACP,oBACEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB;MAACM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE,IAAI,CAACC,KAAK,CAACH,KAAK,CAAE;MAACI,OAAO,EAAE,IAAI,CAACD,KAAK,CAACC;IAAQ,gBACzFZ,KAAA,CAAAO,aAAA,CAACJ,IAAI;MAACK,KAAK,EAAEC,MAAM,CAACI;IAAK,gBACvBb,KAAA,CAAAO,aAAA,CAACJ,IAAI,QAAC,GAAO,CAAC,eACdH,KAAA,CAAAO,aAAA,CAACJ,IAAI,QAAG,GAAS,CAAC,eAClBH,KAAA,CAAAO,aAAA,CAACJ,IAAI;MAACK,KAAK,EAAEC,MAAM,CAACK;IAAU,GAAC,GAAO,CAClC,CACU,CAAC;EAEvB;AACF;AAEA,MAAML,MAAM,GAAG;EACbC,SAAS,EAAE;IACTK,OAAO,EAAE;EACX,CAAC;EACDF,IAAI,EAAE;IACJG,UAAU,EAAE,WAAW;IACvBC,KAAK,EAAEb,SAAS;IAChBc,QAAQ,EAAE;EACZ,CAAC;EACDJ,SAAS,EAAE;IACTI,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,SAASb,eAAe"}

package/dist/module/components/FontScalePopup.js

@@ -0,0 +1,75 @@
+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,"names":["React","PureComponent","TouchableOpacity","Text","View","TEXT_DARK","LINEGREY","FontScalePopup","render","props","visible","createElement","style","styles","container","button","buttonLeft","buttonLeftStyle","onPress","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"],"sources":["FontScalePopup.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,gBAAgB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC3D,SAASC,SAAS,EAAEC,QAAQ,QAAQ,YAAY;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,cAAc,SAASN,aAAa,CAAC;EACzCO,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,OAAO,EAAE;MACvB,OAAO,IAAI;IACb;IACA,oBACEV,KAAA,CAAAW,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE,IAAI,CAACL,KAAK,CAACG,KAAK;IAAE,gBAChDZ,KAAA,CAAAW,aAAA,CAACT,gBAAgB;MAACU,KAAK,EAAE,CAACC,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,UAAU,EAAE,IAAI,CAACP,KAAK,CAACQ,eAAe,CAAE;MAACC,OAAO,EAAE,IAAI,CAACT,KAAK,CAACU;IAAa,gBACxHnB,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACS,KAAK,EAAEC,MAAM,CAACO;IAAU,GAAC,GAAO,CACtB,CAAC,eACnBpB,KAAA,CAAAW,aAAA,CAACT,gBAAgB;MAACU,KAAK,EAAE,CAACC,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACQ,WAAW,EAAE,IAAI,CAACZ,KAAK,CAACa,gBAAgB,CAAE;MAACJ,OAAO,EAAE,IAAI,CAACT,KAAK,CAACc;IAAa,gBAC1HvB,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACS,KAAK,EAAEC,MAAM,CAACW;IAAU,GAAC,GAAO,CACtB,CACd,CAAC;EAEX;AACF;AAEA,MAAMX,MAAM,GAAG;EACbC,SAAS,EAAE;IACTW,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAE,MAAM;IACvBC,OAAO,EAAE;EACX,CAAC;EACDrB,MAAM,EAAE;IACNe,MAAM,EAAE,EAAE;IACVD,KAAK,EAAE,EAAE;IACTQ,WAAW,EAAE/B,QAAQ;IACrBgC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDvB,UAAU,EAAE;IACVwB,gBAAgB,EAAE;EACpB,CAAC;EACDnB,WAAW,EAAE;IACXoB,eAAe,EAAE;EACnB,CAAC;EACDrB,SAAS,EAAE;IACTsB,UAAU,EAAE,WAAW;IACvBC,KAAK,EAAEtC,SAAS;IAChBuC,QAAQ,EAAE;EACZ,CAAC;EACDpB,SAAS,EAAE;IACTkB,UAAU,EAAE,WAAW;IACvBC,KAAK,EAAEtC,SAAS;IAChBuC,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,SAASrC,cAAc"}

package/dist/module/components/FormCard.js

@@ -0,0 +1,25 @@
+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,"names":["React","PureComponent","View","FormCard","render","createElement","style","styles","section","props","children","backgroundColor","paddingHorizontal","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation"],"sources":["FormCard.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,QAAQ,SAASF,aAAa,CAAC;EACnCG,MAAMA,CAAA,EAAG;IACP,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,IAAI;MAACI,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACH,KAAK;IAAE,GAAE,IAAI,CAACG,KAAK,CAACC,QAAe,CAAC;EACtF;AACF;AAEA,MAAMH,MAAM,GAAG;EACbC,OAAO,EAAE;IACPG,eAAe,EAAE,MAAM;IACvBC,iBAAiB,EAAE,EAAE;IACrBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb;AACF,CAAC;AAED,SAAShB,QAAQ"}

package/dist/module/components/FormCardSection.js

@@ -0,0 +1,212 @@
+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,"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","createElement","style","styles","errorDot","backgroundColor","colourBrandingMain","errorError","errorValid","errorDotStyle","renderLabel","label","labelContainer","labelText","color","labelError","labelStyle","renderInput","flexDirection","flex","value","onChangeText","keyboardType","selectionColor","colourBrandingDark","placeholder","placeholderTextColor","inputStyle","textAlignVertical","autoGrow","textColour","textStyle","underlineColorAndroid","autoFocus","editable","autoCorrect","multiline","autoCapitalize","onContentSizeChange","bind","onPress","name","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"],"sources":["FormCardSection.js"],"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"],"mappings":"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"}

package/dist/module/components/FormCardSectionOptionLauncher.js

@@ -0,0 +1,72 @@
+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,"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","createElement","hasContent","style","styles","container","text","marginRight","flex","name","type","iconStyle","fontSize","color","flexDirection","alignSelf","alignItems","fontFamily","marginTop","mapStateToProps","state","formCardSectionOptionLauncher"],"sources":["FormCardSectionOptionLauncher.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,SAAS,EAAEC,UAAU,EAAEC,8BAA8B,QAAQ,YAAY;AAClF,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAMC,6BAA6B,SAASV,aAAa,CAAC;EACxDW,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,OAAO;MAAEC,YAAY;MAAEC,SAAS;MAAEC,KAAK;MAAEC,WAAW;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAmB,CAAC,GAAG,IAAI,CAACC,KAAK;IAE5G,oBACErB,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB;MAACS,OAAO,EAAEA;IAAQ,gBACjCb,KAAA,CAAAsB,aAAA,CAACZ,eAAe;MAACa,UAAU;MAACT,YAAY,EAAEA;IAAa,gBACrDd,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACC;IAAU,gBAC5B1B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;QAAEC,WAAW,EAAE,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAC,EAAEd,SAAS;IAAE,GAAEC,KAAY,CAAC,eACnFhB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;QAAEC,WAAW,EAAE;MAAG,CAAC;IAAE,GAAEV,KAAY,CAAC,eAC/DlB,KAAA,CAAAsB,aAAA,CAACjB,IAAI;MACHyB,IAAI,EAAEX,IAAI,GAAGA,IAAI,GAAG,aAAc;MAClCY,IAAI,EAAC,cAAc;MACnBC,SAAS,EAAE,CAACP,MAAM,CAACE,IAAI,EAAE;QAAEM,QAAQ,EAAE,EAAE;QAAEC,KAAK,EAAEd;MAAmB,CAAC;IAAE,CACvE,CACG,CAAC,EACNH,WAAW,gBAAGjB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;MAACqB,KAAK,EAAEC,MAAM,CAACR;IAAY,GAAEA,WAAkB,CAAC,GAAG,IACxD,CACD,CAAC;EAEvB;AACF;AAEA,MAAMQ,MAAM,GAAG;EACbC,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,SAAS;IACpBC,UAAU,EAAE;EACd,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,YAAY;IACxBL,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE3B;EACT,CAAC;EACDU,WAAW,EAAE;IACXqB,UAAU,EAAE,YAAY;IACxBL,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE1B,UAAU;IACjB+B,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLrB,kBAAkB,EAAEX,8BAA8B,CAACgC,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMC,6BAA6B,GAAGpC,OAAO,CAACkC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC7B,6BAA6B,CAAC;AACjG,SAAS+B,6BAA6B,IAAI/B,6BAA6B"}

package/dist/module/components/FormattedText.js

@@ -0,0 +1,131 @@
+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 { 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(...args) {
+    super(...args);
+    _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,"names":["React","Component","Linking","connect","ParsedText","getMainBrandingColourFromState","TEXT_DARKEST","getValidUrl","analyticsActions","FormattedText","constructor","args","_defineProperty","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","createElement","styles","text","ifEnabled","lineHeight","parse","pattern","fontFamily","renderText","fontSize","color","onPress","onPressUrlText","onPressEmail","onPressPhone","mapStateToProps","state"],"sources":["FormattedText.js"],"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"],"mappings":"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"}