@plusscommunities/pluss-core-app 8.0.29 → 8.0.31

package/dist/module/components/FormCardSection.js

@@ -0,0 +1,214 @@
+import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import _ from "lodash";
+import { View, TextInput, TouchableOpacity, StyleSheet } from "react-native";
+import { connect } from "react-redux";
+import { TEXT_LIGHTER, TEXT_DARK, COLOUR_GREEN, LINEGREY, TEXT_LIGHT, COLOUR_GRAPEFRUIT, getMainBrandingColourFromState, getDarkBrandingColourFromState } from "../colours";
+import { getValueOrDefault } from "../helper";
+import { FontAwesome } from "./Icon";
+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, {
+      maxFontSizeMultiplier: 1.2,
+      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(FontAwesome, {
+      name: this.state.isSecure ? "eye" : "eye-slash",
+      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","Text","_","View","TextInput","TouchableOpacity","StyleSheet","connect","TEXT_LIGHTER","TEXT_DARK","COLOUR_GREEN","LINEGREY","TEXT_LIGHT","COLOUR_GRAPEFRUIT","getMainBrandingColourFromState","getDarkBrandingColourFromState","getValueOrDefault","FontAwesome","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","maxFontSizeMultiplier","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 { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport _ from \"lodash\";\nimport { View, TextInput, TouchableOpacity, StyleSheet } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport {\n\tTEXT_LIGHTER,\n\tTEXT_DARK,\n\tCOLOUR_GREEN,\n\tLINEGREY,\n\tTEXT_LIGHT,\n\tCOLOUR_GRAPEFRUIT,\n\tgetMainBrandingColourFromState,\n\tgetDarkBrandingColourFromState,\n} from \"../colours\";\nimport { getValueOrDefault } from \"../helper\";\nimport { FontAwesome } from \"./Icon\";\n\nclass FormCardSection extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\theight: getValueOrDefault(this.props.minHeight, 20),\n\t\t\tfocused: false,\n\t\t\tisSecure: true,\n\t\t};\n\t}\n\n\tonFocus() {\n\t\tthis.setState({ focused: true });\n\t\tif (this.props.onFocus) {\n\t\t\tthis.props.onFocus();\n\t\t}\n\t}\n\n\tonBlur() {\n\t\tthis.setState({ focused: false });\n\t\tif (this.props.onBlur) {\n\t\t\tthis.props.onBlur();\n\t\t}\n\t}\n\n\tonGrow(event) {\n\t\tthis.setState({\n\t\t\theight: Math.max(\n\t\t\t\tevent.nativeEvent.contentSize.height,\n\t\t\t\tthis.props.minHeight,\n\t\t\t),\n\t\t});\n\t}\n\n\ttoggleSecure() {\n\t\tconst current = this.state.isSecure;\n\t\tthis.setState({ isSecure: !current });\n\t}\n\n\tshowSecure() {\n\t\tif (\n\t\t\t!_.isUndefined(this.props.secureTextToggle) &&\n\t\t\tthis.props.secureTextToggle\n\t\t) {\n\t\t\treturn this.state.isSecure;\n\t\t}\n\t\treturn this.props.secureTextEntry;\n\t}\n\n\tisValid() {\n\t\tif (this.props.required && _.isEmpty(this.props.textValue)) {\n\t\t\treturn false;\n\t\t}\n\t\tif (this.props.isValid && !this.props.isValid()) {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\trenderErrorDot() {\n\t\tif (this.props.required || this.props.hasError) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.errorDot,\n\t\t\t\t\t\t{ backgroundColor: this.props.colourBrandingMain },\n\t\t\t\t\t\t!this.isValid() && styles.errorError,\n\t\t\t\t\t\tthis.isValid() && styles.errorValid,\n\t\t\t\t\t\tthis.props.errorDotStyle,\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trenderLabel() {\n\t\tif (_.isEmpty(this.props.label)) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.labelContainer}>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.labelText,\n\t\t\t\t\t\tthis.state.focused && { color: this.props.colourBrandingMain },\n\t\t\t\t\t\t!this.isValid() &&\n\t\t\t\t\t\t\t!_.isEmpty(this.props.textValue) &&\n\t\t\t\t\t\t\tstyles.labelError,\n\t\t\t\t\t\tthis.props.labelStyle,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t</Text>\n\t\t\t\t{this.renderErrorDot()}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderInput() {\n\t\treturn (\n\t\t\t<View style={{ flexDirection: \"row\" }}>\n\t\t\t\t<View style={{ flex: 1 }}>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\t\t\tvalue={this.props.textValue}\n\t\t\t\t\t\tonChangeText={this.props.onChangeText}\n\t\t\t\t\t\tkeyboardType={this.props.keyboardType}\n\t\t\t\t\t\t/* Main Styling Props */\n\t\t\t\t\t\tselectionColor={this.props.colourBrandingDark}\n\t\t\t\t\t\tplaceholder={this.props.placeholder}\n\t\t\t\t\t\tplaceholderTextColor={\n\t\t\t\t\t\t\tthis.props.placeholderTextColor || TEXT_LIGHTER\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.inputStyle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttextAlignVertical: this.props.autoGrow ? \"top\" : \"center\",\n\t\t\t\t\t\t\t\tcolor: this.props.textColour || TEXT_DARK,\n\t\t\t\t\t\t\t\tminHeight: this.props.minHeight || 20,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tthis.props.textStyle,\n\t\t\t\t\t\t]}\n\t\t\t\t\t\tunderlineColorAndroid={\"rgba(0,0,0,0)\"}\n\t\t\t\t\t\t/* Other Props */\n\t\t\t\t\t\tautoFocus={\n\t\t\t\t\t\t\t_.isUndefined(this.props.autoFocus) ? false : this.props.autoFocus\n\t\t\t\t\t\t}\n\t\t\t\t\t\teditable={\n\t\t\t\t\t\t\t_.isUndefined(this.props.editable) ? true : this.props.editable\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsecureTextEntry={\n\t\t\t\t\t\t\t_.isUndefined(this.props.secureTextEntry)\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: this.showSecure()\n\t\t\t\t\t\t}\n\t\t\t\t\t\tautoCorrect={\n\t\t\t\t\t\t\t_.isUndefined(this.props.autoCorrect)\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: this.props.autoCorrect\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmultiline={\n\t\t\t\t\t\t\t_.isUndefined(this.props.multiline) ? false : this.props.multiline\n\t\t\t\t\t\t}\n\t\t\t\t\t\tautoGrow={\n\t\t\t\t\t\t\t_.isUndefined(this.props.autoGrow) ? false : this.props.autoGrow\n\t\t\t\t\t\t}\n\t\t\t\t\t\tautoCapitalize={\n\t\t\t\t\t\t\t_.isUndefined(this.props.autoCapitalize)\n\t\t\t\t\t\t\t\t? \"sentences\"\n\t\t\t\t\t\t\t\t: this.props.autoCapitalize\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonContentSizeChange={this.onGrow.bind(this)}\n\t\t\t\t\t\t/* Focus Props */\n\t\t\t\t\t\tonFocus={this.onFocus.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlur.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t{!_.isUndefined(this.props.secureTextToggle) &&\n\t\t\t\t\tthis.props.secureTextToggle && (\n\t\t\t\t\t\t<TouchableOpacity onPress={this.toggleSecure.bind(this)}>\n\t\t\t\t\t\t\t{/* <Icon\n                            name={this.state.isSecure ? 'eye' : 'eye-slash'}\n                            type='font-awesome'\n                            iconStyle={{ fontSize: 16, color: TEXT_MID, paddingLeft: 16 }}\n                        /> */}\n\t\t\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\t\t\tname={this.state.isSecure ? \"eye\" : \"eye-slash\"}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tfontSize: 21,\n\t\t\t\t\t\t\t\t\tlineHeight: 20,\n\t\t\t\t\t\t\t\t\tcolor: TEXT_LIGHT,\n\t\t\t\t\t\t\t\t\tpaddingLeft: 16,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent() {\n\t\tif (this.props.hasContent) {\n\t\t\treturn this.props.children;\n\t\t}\n\t\tif (this.props.pointerEvents) {\n\t\t\treturn (\n\t\t\t\t<View pointerEvents={this.props.pointerEvents}>\n\t\t\t\t\t{this.renderInput()}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn this.renderInput();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.sectionItem,\n\t\t\t\t\t\tthis.props.hasUnderline && styles.sectionItemUnderline,\n\t\t\t\t\t\tthis.state.focused && styles.inputFocus,\n\t\t\t\t\t\tthis.state.focused && {\n\t\t\t\t\t\t\tborderBottomColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t!this.isValid() &&\n\t\t\t\t\t\t\t!_.isEmpty(this.props.textValue) &&\n\t\t\t\t\t\t\tstyles.inputError,\n\t\t\t\t\t\t!_.isUndefined(this.props.showError) &&\n\t\t\t\t\t\t\tthis.props.showError === true &&\n\t\t\t\t\t\t\t!this.isValid() &&\n\t\t\t\t\t\t\tstyles.inputError,\n\t\t\t\t\t\tthis.props.sectionStyle,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t{this.renderLabel()}\n\t\t\t\t\t<View>{this.renderContent()}</View>\n\t\t\t\t</View>\n\t\t\t\t{!_.isUndefined(this.props.showError) &&\n\t\t\t\t\tthis.props.showError === true &&\n\t\t\t\t\t!this.isValid() && (\n\t\t\t\t\t\t<Text style={styles.errorText}>{this.props.errorText}</Text>\n\t\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tsectionItem: {\n\t\tpaddingVertical: 16,\n\t\tpaddingHorizontal: 8,\n\t\tborderBottomColor: LINEGREY,\n\t},\n\tsectionItemUnderline: {\n\t\tborderBottomWidth: 1,\n\t},\n\tinputFocus: {\n\t\tborderBottomWidth: 1,\n\t},\n\tinputError: {\n\t\tborderBottomWidth: 1,\n\t\tborderBottomColor: COLOUR_GRAPEFRUIT,\n\t},\n\tlabelContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginBottom: 6,\n\t},\n\tlabelText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 13,\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tlabelError: {\n\t\tcolor: COLOUR_GRAPEFRUIT,\n\t},\n\terrorDot: {\n\t\theight: 6,\n\t\twidth: 6,\n\t\tborderRadius: 3,\n\t\tmarginLeft: 8,\n\t\tmarginBottom: 3,\n\t},\n\terrorError: {\n\t\tbackgroundColor: COLOUR_GRAPEFRUIT,\n\t},\n\terrorValid: {\n\t\tbackgroundColor: COLOUR_GREEN,\n\t},\n\tinputStyle: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 17,\n\t\tmargin: 0,\n\t\tpadding: 0,\n\t},\n\terrorText: {\n\t\tpaddingTop: 8,\n\t\tfontSize: 13,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: COLOUR_GRAPEFRUIT,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tcolourBrandingDark: getDarkBrandingColourFromState(state),\n\t};\n};\n\nconst formCardSection = connect(mapStateToProps, {})(FormCardSection);\nexport { formCardSection as FormCardSection };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/FormCardSectionOptionLauncher.js

@@ -0,0 +1,73 @@
+import React, { PureComponent } from "react";
+import { View, TouchableOpacity } from "react-native";
+import { Text } from "./Text";
+import { Icon } from "@rneui/themed";
+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","TouchableOpacity","Text","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, TouchableOpacity } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"@rneui/themed\";\nimport { connect } from \"react-redux\";\nimport {\n\tTEXT_DARK,\n\tTEXT_LIGHT,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { FormCardSection } from \"./FormCardSection\";\n\nclass FormCardSectionOptionLauncher extends PureComponent {\n\trender() {\n\t\tconst {\n\t\t\tonPress,\n\t\t\tsectionStyle,\n\t\t\ttextStyle,\n\t\t\ttitle,\n\t\t\tdescription,\n\t\t\tvalue,\n\t\t\ticon,\n\t\t\tcolourBrandingMain,\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t<TouchableOpacity onPress={onPress}>\n\t\t\t\t<FormCardSection hasContent sectionStyle={sectionStyle}>\n\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={[styles.text, { marginRight: 16, flex: 1 }, textStyle]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text style={[styles.text, { marginRight: 16 }]}>{value}</Text>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={icon ? icon : \"angle-right\"}\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\t\tstyles.text,\n\t\t\t\t\t\t\t\t{ fontSize: 20, color: colourBrandingMain },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<Text style={styles.description}>{description}</Text>\n\t\t\t\t\t) : null}\n\t\t\t\t</FormCardSection>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\tflexDirection: \"row\",\n\t\talignSelf: \"stretch\",\n\t\talignItems: \"center\",\n\t},\n\ttext: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 17,\n\t\tcolor: TEXT_DARK,\n\t},\n\tdescription: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 15,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginTop: 8,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst formCardSectionOptionLauncher = connect(\n\tmapStateToProps,\n\t{},\n)(FormCardSectionOptionLauncher);\nexport { formCardSectionOptionLauncher as FormCardSectionOptionLauncher };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,OAAO,QAAQ,aAAa;AACrC,SACCC,SAAS,EACTC,UAAU,EACVC,8BAA8B,QACxB,YAAY;AACnB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAMC,6BAA6B,SAASV,aAAa,CAAC;EACzDW,MAAMA,CAAA,EAAG;IACR,MAAM;MACLC,OAAO;MACPC,YAAY;MACZC,SAAS;MACTC,KAAK;MACLC,WAAW;MACXC,KAAK;MACLC,IAAI;MACJC;IACD,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACCrB,KAAA,CAAAsB,aAAA,CAACnB,gBAAgB;MAACU,OAAO,EAAEA;IAAQ,gBAClCb,KAAA,CAAAsB,aAAA,CAACZ,eAAe;MAACa,UAAU;MAACT,YAAY,EAAEA;IAAa,gBACtDd,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACC;IAAU,gBAC7B1B,KAAA,CAAAsB,aAAA,CAAClB,IAAI;MACJoB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;QAAEC,WAAW,EAAE,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAC,EAAEd,SAAS;IAAE,GAE7DC,KACI,CAAC,eACPhB,KAAA,CAAAsB,aAAA,CAAClB,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;QAAEC,WAAW,EAAE;MAAG,CAAC;IAAE,GAAEV,KAAY,CAAC,eAC/DlB,KAAA,CAAAsB,aAAA,CAACjB,IAAI;MACJyB,IAAI,EAAEX,IAAI,GAAGA,IAAI,GAAG,aAAc;MAClCY,IAAI,EAAC,cAAc;MACnBC,SAAS,EAAE,CACVP,MAAM,CAACE,IAAI,EACX;QAAEM,QAAQ,EAAE,EAAE;QAAEC,KAAK,EAAEd;MAAmB,CAAC;IAC1C,CACF,CACI,CAAC,EACNH,WAAW,gBACXjB,KAAA,CAAAsB,aAAA,CAAClB,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACR;IAAY,GAAEA,WAAkB,CAAC,GAClD,IACY,CACA,CAAC;EAErB;AACD;AAEA,MAAMQ,MAAM,GAAG;EACdC,SAAS,EAAE;IACVS,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,SAAS;IACpBC,UAAU,EAAE;EACb,CAAC;EACDV,IAAI,EAAE;IACLW,UAAU,EAAE,YAAY;IACxBL,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE3B;EACR,CAAC;EACDU,WAAW,EAAE;IACZqB,UAAU,EAAE,YAAY;IACxBL,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE1B,UAAU;IACjB+B,SAAS,EAAE;EACZ;AACD,CAAC;AAED,MAAMC,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNrB,kBAAkB,EAAEX,8BAA8B,CAACgC,KAAK;EACzD,CAAC;AACF,CAAC;AAED,MAAMC,6BAA6B,GAAGpC,OAAO,CAC5CkC,eAAe,EACf,CAAC,CACF,CAAC,CAAC7B,6BAA6B,CAAC;AAChC,SAAS+B,6BAA6B,IAAI/B,6BAA6B","ignoreList":[]}

package/dist/module/components/FormattedText.js

@@ -0,0 +1,133 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from "react";
+import { Linking } from "react-native";
+import { connect } from "react-redux";
+import ParsedText from "react-native-parsed-text";
+import { Text } from "./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, {
+      maxFontSizeMultiplier: 1.2,
+      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","Text","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","maxFontSizeMultiplier","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 { Text } from \"./Text\";\nimport { getMainBrandingColourFromState, TEXT_DARKEST } from \"../colours\";\nimport { getValidUrl } from \"../helper\";\nimport { analyticsActions } from \"../apis\";\n\nclass FormattedText extends Component {\n\tstatic get UrlTextRegex() {\n\t\treturn /\\[([^\\]\\|\\]]+)\\|([^\\]\\|\\]]+)\\]/i;\n\t}\n\n\tcheckLog(type, target) {\n\t\tif (this.props.logClicks) {\n\t\t\tanalyticsActions.log(\n\t\t\t\tthis.props.site,\n\t\t\t\ttype,\n\t\t\t\tthis.props.entityType,\n\t\t\t\tthis.props.entityId,\n\t\t\t\t{ target },\n\t\t\t);\n\t\t}\n\t}\n\n\tonPressUrl = (url) => {\n\t\tconst urlToUse = getValidUrl(url);\n\t\tLinking.openURL(urlToUse);\n\t\tthis.checkLog(\"UrlClick\", urlToUse);\n\t};\n\n\tonPressUrlText = (urlText) => {\n\t\tconst texts = urlText.match(FormattedText.UrlTextRegex);\n\t\tthis.onPressUrl(texts[1]);\n\t};\n\n\tonPressEmail = (email) => {\n\t\tLinking.openURL(`mailto:${email}`);\n\t\tthis.checkLog(\"EmailClick\", email);\n\t};\n\n\tonPressPhone = (phone) => {\n\t\tconst parsedPhone = phone.replace(/\\D/g, \"\");\n\t\tLinking.openURL(`tel:${parsedPhone.replace(/\\D/g, \"\")}`);\n\t\tthis.checkLog(\"PhoneClick\", parsedPhone);\n\t};\n\n\tifEnabled = (value) => (this.props.disabled ? undefined : value);\n\n\trenderTextContent(matchingString, matches) {\n\t\treturn matches[1];\n\t}\n\n\trenderUrlText(matchingString, matches) {\n\t\treturn matches[2];\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tstyle,\n\t\t\tnumberOfLines,\n\t\t\ttitleSize,\n\t\t\tcolourBrandingMain,\n\t\t\tsubtitleSize,\n\t\t\tchildren,\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t<ParsedText\n\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\tstyle={[styles.text, this.ifEnabled({ lineHeight: 24 }), style]}\n\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\tparse={[\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern: /\\*\\*(.*?)\\*\\*/i,\n\t\t\t\t\t\tstyle: this.ifEnabled({\n\t\t\t\t\t\t\tfontFamily: \"sf-bold\",\n\t\t\t\t\t\t\tlineHeight: 24,\n\t\t\t\t\t\t}),\n\t\t\t\t\t\trenderText: this.renderTextContent,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern: /\\*t\\*(.*?)\\*t\\*/i,\n\t\t\t\t\t\tstyle: this.ifEnabled({\n\t\t\t\t\t\t\tfontSize: titleSize || 22,\n\t\t\t\t\t\t\tcolor: colourBrandingMain,\n\t\t\t\t\t\t\tfontFamily: \"sf-semibold\",\n\t\t\t\t\t\t\tlineHeight: 24,\n\t\t\t\t\t\t}),\n\t\t\t\t\t\trenderText: this.renderTextContent,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern: /\\*s\\*(.*?)\\*s\\*/i,\n\t\t\t\t\t\tstyle: this.ifEnabled({\n\t\t\t\t\t\t\tfontSize: subtitleSize || 18,\n\t\t\t\t\t\t\tcolor: TEXT_DARKEST,\n\t\t\t\t\t\t\tfontFamily: \"sf-semibold\",\n\t\t\t\t\t\t\tlineHeight: 24,\n\t\t\t\t\t\t}),\n\t\t\t\t\t\trenderText: this.renderTextContent,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern: FormattedText.UrlTextRegex,\n\t\t\t\t\t\tstyle: this.ifEnabled({ color: colourBrandingMain }),\n\t\t\t\t\t\tonPress: this.ifEnabled(this.onPressUrlText),\n\t\t\t\t\t\trenderText: this.renderUrlText,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern:\n\t\t\t\t\t\t\t/(?:(?:https?|ftp|file):\\/\\/|www\\.|ftp\\.)(?:\\([-A-Z0-9+&@#\\/%=~_|$?!:,.]*\\)|[-A-Z0-9+&@#\\/%=~_|$?!:,.])*(?:\\([-A-Z0-9+&@#\\/%=~_|$?!:,.]*\\)|[A-Z0-9+&@#\\/%=~_|$])/im,\n\t\t\t\t\t\tstyle: this.ifEnabled({ color: colourBrandingMain }),\n\t\t\t\t\t\tonPress: this.ifEnabled(this.onPressUrl),\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern: /([A-Z0-9._%-]+)@([A-Z0-9.-]+\\.[A-Z]{2,4})/im,\n\t\t\t\t\t\tstyle: this.ifEnabled({ color: colourBrandingMain }),\n\t\t\t\t\t\tonPress: this.ifEnabled(this.onPressEmail),\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpattern:\n\t\t\t\t\t\t\t/(?:\\+?(\\d{1,3}))?([-. (]*(\\d{1,3})[-. )]*)?((\\d{2,4})[-. ]*(\\d{2,4})(?:[-.x ]*(\\d+))?)\\s*$/im,\n\t\t\t\t\t\tstyle: this.ifEnabled({ color: colourBrandingMain }),\n\t\t\t\t\t\tonPress: this.ifEnabled(this.onPressPhone),\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ParsedText>\n\t\t);\n\t}\n}\n\nconst styles = {\n\ttext: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 14,\n\t\tfontFamily: \"sf-regular\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, {})(FormattedText);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/GenericInput.js

@@ -0,0 +1,151 @@
+import React, { Component } from "react";
+import _ from "lodash";
+import { TextInput, View, TouchableWithoutFeedback } from "react-native";
+import { Text } from ".";
+import { Icon } from "@rneui/themed";
+import { TEXT_LIGHT, TEXT_DARK, TEXT_DARKEST } from "../colours";
+import { FontAwesome } from "./Icon";
+class GenericInput extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      showSecureText: false
+    };
+    this.inputRef = /*#__PURE__*/React.createRef();
+  }
+  blur() {
+    this.inputRef.current.blur();
+  }
+  toggleSecureText() {
+    this.setState({
+      showSecureText: !this.state.showSecureText
+    });
+  }
+  renderLeftIcon() {
+    if (!this.props.icon) {
+      return null;
+    }
+    if (this.props.iconType && this.props.iconType === "pl60") {
+      return /*#__PURE__*/React.createElement(FontAwesome, {
+        name: this.props.icon,
+        style: styles.searchIcon
+      });
+    }
+    return /*#__PURE__*/React.createElement(Icon, {
+      type: "font-awesome",
+      name: this.props.icon,
+      iconStyle: styles.searchIcon
+    });
+  }
+  renderRightIcon() {
+    if (this.props.secureTextEntry) {
+      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: this.toggleSecureText.bind(this)
+      }, /*#__PURE__*/React.createElement(FontAwesome, {
+        name: this.state.showSecureText ? "eye-slash" : "eye",
+        style: [styles.clearIcon, styles.secureIcon]
+      }));
+    }
+    if (this.props.rightIcon) {
+      if (this.props.rightIconAction) {
+        return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+          onPress: this.props.rightIconAction
+        }, /*#__PURE__*/React.createElement(Icon, {
+          type: "font-awesome",
+          name: this.props.rightIcon,
+          iconStyle: styles.clearIcon
+        }));
+      }
+      return /*#__PURE__*/React.createElement(Icon, {
+        type: "font-awesome",
+        name: this.props.rightIcon,
+        iconStyle: styles.clearIcon
+      });
+    }
+    if (this.props.hasClear && !_.isEmpty(this.props.value)) {
+      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: () => {
+          this.props.onChangeText("");
+        }
+      }, /*#__PURE__*/React.createElement(FontAwesome, {
+        name: "circle-x",
+        style: styles.clearIcon
+      }));
+    }
+    return null;
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.searchInputContainer, this.props.squaredCorners && styles.squaredSearchInputContainer, this.props.autoGrow ? {
+        paddingVertical: 8,
+        minHeight: 40
+      } : {
+        height: 36
+      }, this.props.containerStyle]
+    }, this.renderLeftIcon(), /*#__PURE__*/React.createElement(TextInput, {
+      maxFontSizeMultiplier: 1.2,
+      ref: this.inputRef,
+      placeholder: this.props.placeholder,
+      placeholderTextColor: TEXT_LIGHT,
+      autoCorrect: this.props.autoCorrect != null ? this.props.autoCorrect : false,
+      autoFocus: this.props.autoFocus != null ? this.props.autoFocus : false,
+      autoGrow: this.props.autoGrow != null ? this.props.autoGrow : false,
+      multiline: this.props.multiline != null ? this.props.multiline : false,
+      style: [styles.searchText, this.props.style, {
+        textAlignVertical: this.props.multiline ? "top" : "center"
+      }, this.props.minHeight && {
+        minHeight: this.props.minHeight
+      }],
+      value: this.props.value,
+      onChangeText: this.props.onChangeText,
+      keyboardType: this.props.keyboardType,
+      returnKeyType: this.props.returnKeyType,
+      selectionColor: TEXT_DARK,
+      underlineColorAndroid: "rgba(0,0,0,0)",
+      editable: this.props.editable != null ? this.props.editable : true,
+      autoCapitalize: this.props.autoCapitalize || "none",
+      onKeyPress: this.props.onKeyPress,
+      onSubmitEditing: this.props.onSubmitEditing,
+      onFocus: this.props.onFocus,
+      onBlur: this.props.onBlur,
+      secureTextEntry: this.props.secureTextEntry && !this.state.showSecureText
+    }), this.renderRightIcon());
+  }
+}
+const styles = {
+  searchInputContainer: {
+    flex: 1,
+    borderRadius: 25,
+    backgroundColor: "#ebeff2",
+    alignItems: "center",
+    flexDirection: "row",
+    paddingHorizontal: 16
+  },
+  squaredSearchInputContainer: {
+    borderRadius: 5,
+    paddingHorizontal: 8
+  },
+  searchIcon: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    marginRight: 8
+  },
+  clearIcon: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    marginLeft: 8,
+    marginTop: 8,
+    marginBottom: 8
+  },
+  secureIcon: {
+    fontSize: 20
+  },
+  searchText: {
+    color: TEXT_DARKEST,
+    fontFamily: "sf-regular",
+    fontSize: 16,
+    flex: 1
+  }
+};
+export { GenericInput };
+//# sourceMappingURL=GenericInput.js.map