@plusscommunities/pluss-core-app 8.0.27 → 8.0.28-beta.2

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","_","TextInput","View","TouchableWithoutFeedback","Text","Icon","TEXT_LIGHT","TEXT_DARK","TEXT_DARKEST","FontAwesome","GenericInput","constructor","props","state","showSecureText","inputRef","createRef","blur","current","toggleSecureText","setState","renderLeftIcon","icon","iconType","createElement","name","style","styles","searchIcon","type","iconStyle","renderRightIcon","secureTextEntry","onPress","bind","clearIcon","secureIcon","rightIcon","rightIconAction","hasClear","isEmpty","value","onChangeText","render","searchInputContainer","squaredCorners","squaredSearchInputContainer","autoGrow","paddingVertical","minHeight","height","containerStyle","maxFontSizeMultiplier","ref","placeholder","placeholderTextColor","autoCorrect","autoFocus","multiline","searchText","textAlignVertical","keyboardType","returnKeyType","selectionColor","underlineColorAndroid","editable","autoCapitalize","onKeyPress","onSubmitEditing","onFocus","onBlur","flex","borderRadius","backgroundColor","alignItems","flexDirection","paddingHorizontal","fontSize","color","marginRight","marginLeft","marginTop","marginBottom","fontFamily"],"sources":["GenericInput.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TextInput, View, TouchableWithoutFeedback } from \"react-native\";\nimport { Text } from \".\";\nimport { Icon } from \"@rneui/themed\";\nimport { TEXT_LIGHT, TEXT_DARK, TEXT_DARKEST } from \"../colours\";\nimport { FontAwesome } from \"./Icon\";\n\nclass GenericInput extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tshowSecureText: false,\n\t\t};\n\t\tthis.inputRef = React.createRef();\n\t}\n\n\tblur() {\n\t\tthis.inputRef.current.blur();\n\t}\n\n\ttoggleSecureText() {\n\t\tthis.setState({\n\t\t\tshowSecureText: !this.state.showSecureText,\n\t\t});\n\t}\n\n\trenderLeftIcon() {\n\t\tif (!this.props.icon) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.iconType && this.props.iconType === \"pl60\") {\n\t\t\treturn <FontAwesome name={this.props.icon} style={styles.searchIcon} />;\n\t\t}\n\t\treturn (\n\t\t\t<Icon\n\t\t\t\ttype=\"font-awesome\"\n\t\t\t\tname={this.props.icon}\n\t\t\t\ticonStyle={styles.searchIcon}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderRightIcon() {\n\t\tif (this.props.secureTextEntry) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback onPress={this.toggleSecureText.bind(this)}>\n\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\tname={this.state.showSecureText ? \"eye-slash\" : \"eye\"}\n\t\t\t\t\t\tstyle={[styles.clearIcon, styles.secureIcon]}\n\t\t\t\t\t/>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\t\tif (this.props.rightIcon) {\n\t\t\tif (this.props.rightIconAction) {\n\t\t\t\treturn (\n\t\t\t\t\t<TouchableWithoutFeedback onPress={this.props.rightIconAction}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\t\t\ticonStyle={styles.clearIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Icon\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\ticonStyle={styles.clearIcon}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (this.props.hasClear && !_.isEmpty(this.props.value)) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.props.onChangeText(\"\");\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FontAwesome name=\"circle-x\" style={styles.clearIcon} />\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.searchInputContainer,\n\t\t\t\t\tthis.props.squaredCorners && styles.squaredSearchInputContainer,\n\t\t\t\t\tthis.props.autoGrow\n\t\t\t\t\t\t? { paddingVertical: 8, minHeight: 40 }\n\t\t\t\t\t\t: { height: 36 },\n\t\t\t\t\tthis.props.containerStyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{this.renderLeftIcon()}\n\t\t\t\t<TextInput\n\t\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\t\tref={this.inputRef}\n\t\t\t\t\tplaceholder={this.props.placeholder}\n\t\t\t\t\tplaceholderTextColor={TEXT_LIGHT}\n\t\t\t\t\tautoCorrect={\n\t\t\t\t\t\tthis.props.autoCorrect != null ? this.props.autoCorrect : false\n\t\t\t\t\t}\n\t\t\t\t\tautoFocus={\n\t\t\t\t\t\tthis.props.autoFocus != null ? this.props.autoFocus : false\n\t\t\t\t\t}\n\t\t\t\t\tautoGrow={this.props.autoGrow != null ? this.props.autoGrow : false}\n\t\t\t\t\tmultiline={\n\t\t\t\t\t\tthis.props.multiline != null ? this.props.multiline : false\n\t\t\t\t\t}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.searchText,\n\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t\t{ textAlignVertical: this.props.multiline ? \"top\" : \"center\" },\n\t\t\t\t\t\tthis.props.minHeight && { minHeight: this.props.minHeight },\n\t\t\t\t\t]}\n\t\t\t\t\tvalue={this.props.value}\n\t\t\t\t\tonChangeText={this.props.onChangeText}\n\t\t\t\t\tkeyboardType={this.props.keyboardType}\n\t\t\t\t\treturnKeyType={this.props.returnKeyType}\n\t\t\t\t\tselectionColor={TEXT_DARK}\n\t\t\t\t\tunderlineColorAndroid=\"rgba(0,0,0,0)\"\n\t\t\t\t\teditable={this.props.editable != null ? this.props.editable : true}\n\t\t\t\t\tautoCapitalize={this.props.autoCapitalize || \"none\"}\n\t\t\t\t\tonKeyPress={this.props.onKeyPress}\n\t\t\t\t\tonSubmitEditing={this.props.onSubmitEditing}\n\t\t\t\t\tonFocus={this.props.onFocus}\n\t\t\t\t\tonBlur={this.props.onBlur}\n\t\t\t\t\tsecureTextEntry={\n\t\t\t\t\t\tthis.props.secureTextEntry && !this.state.showSecureText\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{this.renderRightIcon()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tsearchInputContainer: {\n\t\tflex: 1,\n\t\tborderRadius: 25,\n\t\tbackgroundColor: \"#ebeff2\",\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tpaddingHorizontal: 16,\n\t},\n\tsquaredSearchInputContainer: {\n\t\tborderRadius: 5,\n\t\tpaddingHorizontal: 8,\n\t},\n\tsearchIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginRight: 8,\n\t},\n\tclearIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginLeft: 8,\n\t\tmarginTop: 8,\n\t\tmarginBottom: 8,\n\t},\n\tsecureIcon: {\n\t\tfontSize: 20,\n\t},\n\tsearchText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\tflex: 1,\n\t},\n};\n\nexport { GenericInput };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/GenericInputSection.js

@@ -1,173 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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 { GenericInput } from "./GenericInput";
-import { TEXT_DARKEST, COLOUR_GREEN, COLOUR_GRAPEFRUIT, getMainBrandingColourFromState } from "../colours";
-import { RadioButton } from "./RadioButton";
-class GenericInputSection extends PureComponent {
-  renderValidationDot() {
-    if (!this.props.required) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.validatorDot, this.props.isValid() ? styles.validatorTrue : styles.validatorFalse]
-    });
-  }
-  renderLabel() {
-    if (!this.props.label) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.labelContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: [styles.labelText, this.props.labelStyle]
-    }, this.props.label), this.renderValidationDot());
-  }
-  renderRadioOption(label, value, isActive, onChange, style) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: () => onChange(value),
-      key: label,
-      style: [styles.radioOption, style],
-      hitSlop: {
-        top: 8,
-        left: 8,
-        bottom: 8,
-        right: 8
-      }
-    }, /*#__PURE__*/React.createElement(RadioButton, {
-      onPress: () => onChange(value),
-      isActive: isActive,
-      iconSize: 22,
-      style: styles.radioOptionButton
-    }), /*#__PURE__*/React.createElement(Text, {
-      style: styles.radioOptionText
-    }, label));
-  }
-  renderInput() {
-    if (this.props.children) {
-      return this.props.children;
-    }
-    if (this.props.inputType === "toggle") {
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.radioOptionsContainer
-      }, this.renderRadioOption("Yes", true, this.props.value === true, this.props.onChange), this.renderRadioOption("No", false, this.props.value === false, this.props.onChange));
-    }
-    if (this.props.inputType === "radio") {
-      return /*#__PURE__*/React.createElement(View, null, this.props.options.map(o => {
-        return this.renderRadioOption(o.Label, o.Value, this.props.value === o.Value, this.props.onChange, styles.radioOptionVertical);
-      }));
-    }
-    if (this.props.inputType === "optionSelector") {
-      return /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: this.props.onPress
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.optionSelector
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: styles.optionSelectorText
-      }, this.props.value), /*#__PURE__*/React.createElement(Icon, {
-        name: "angle-right",
-        type: "font-awesome",
-        iconStyle: [styles.optionSelectorIcon, {
-          color: this.props.colourBrandingMain
-        }]
-      })));
-    }
-    return /*#__PURE__*/React.createElement(GenericInput, _extends({}, this.props, {
-      containerStyle: [styles.input, this.props.containerStyle]
-    }));
-  }
-  renderError() {
-    if (this.props.showError === true && !this.props.isValid()) {
-      return /*#__PURE__*/React.createElement(Text, {
-        style: styles.errorText
-      }, this.props.errorText || "Required");
-    }
-    return null;
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.container, this.props.sectionStyle]
-    }, this.renderLabel(), this.renderInput(), this.renderError());
-  }
-}
-const styles = {
-  container: {},
-  labelContainer: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  labelText: {
-    fontFamily: "sf-semibold",
-    fontSize: 16,
-    color: TEXT_DARKEST
-  },
-  input: {
-    marginTop: 8
-  },
-  validatorDot: {
-    height: 6,
-    width: 6,
-    borderRadius: 3,
-    marginLeft: 8
-  },
-  validatorTrue: {
-    backgroundColor: COLOUR_GREEN
-  },
-  validatorFalse: {
-    backgroundColor: COLOUR_GRAPEFRUIT
-  },
-  radioOptionsContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginTop: 8
-  },
-  radioOptionVertical: {
-    marginTop: 16
-  },
-  radioOption: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginRight: 24
-  },
-  radioOptionButton: {
-    marginRight: 8
-  },
-  radioOptionText: {
-    fontFamily: "sf-medium",
-    fontSize: 14,
-    color: TEXT_DARKEST
-  },
-  optionSelector: {
-    marginTop: 8,
-    flex: 1,
-    height: 36,
-    backgroundColor: "#ebeff2",
-    alignItems: "center",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    borderRadius: 5,
-    paddingHorizontal: 8
-  },
-  optionSelectorText: {
-    color: TEXT_DARKEST,
-    fontFamily: "sf-regular",
-    fontSize: 16
-  },
-  errorText: {
-    paddingTop: 4,
-    fontSize: 13,
-    fontFamily: "sf-regular",
-    color: COLOUR_GRAPEFRUIT
-  }
-};
-const mapStateToProps = state => {
-  return {
-    colourBrandingMain: getMainBrandingColourFromState(state)
-  };
-};
-const genericInputSection = connect(mapStateToProps, {})(GenericInputSection);
-export { genericInputSection as GenericInputSection };
-//# sourceMappingURL=GenericInputSection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","PureComponent","View","TouchableOpacity","Text","Icon","connect","GenericInput","TEXT_DARKEST","COLOUR_GREEN","COLOUR_GRAPEFRUIT","getMainBrandingColourFromState","RadioButton","GenericInputSection","renderValidationDot","props","required","createElement","style","styles","validatorDot","isValid","validatorTrue","validatorFalse","renderLabel","label","labelContainer","labelText","labelStyle","renderRadioOption","value","isActive","onChange","onPress","key","radioOption","hitSlop","top","left","bottom","right","iconSize","radioOptionButton","radioOptionText","renderInput","children","inputType","radioOptionsContainer","options","map","o","Label","Value","radioOptionVertical","optionSelector","optionSelectorText","name","type","iconStyle","optionSelectorIcon","color","colourBrandingMain","_extends","containerStyle","input","renderError","showError","errorText","render","container","sectionStyle","flexDirection","alignItems","fontFamily","fontSize","marginTop","height","width","borderRadius","marginLeft","backgroundColor","marginRight","flex","justifyContent","paddingHorizontal","paddingTop","mapStateToProps","state","genericInputSection"],"sources":["GenericInputSection.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 { GenericInput } from \"./GenericInput\";\nimport {\n\tTEXT_DARKEST,\n\tCOLOUR_GREEN,\n\tCOLOUR_GRAPEFRUIT,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { RadioButton } from \"./RadioButton\";\n\nclass GenericInputSection extends PureComponent {\n\trenderValidationDot() {\n\t\tif (!this.props.required) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.validatorDot,\n\t\t\t\t\tthis.props.isValid() ? styles.validatorTrue : styles.validatorFalse,\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderLabel() {\n\t\tif (!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 style={[styles.labelText, this.props.labelStyle]}>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t</Text>\n\t\t\t\t{this.renderValidationDot()}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderRadioOption(label, value, isActive, onChange, style) {\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tonPress={() => onChange(value)}\n\t\t\t\tkey={label}\n\t\t\t\tstyle={[styles.radioOption, style]}\n\t\t\t\thitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n\t\t\t>\n\t\t\t\t<RadioButton\n\t\t\t\t\tonPress={() => onChange(value)}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\ticonSize={22}\n\t\t\t\t\tstyle={styles.radioOptionButton}\n\t\t\t\t/>\n\t\t\t\t<Text style={styles.radioOptionText}>{label}</Text>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderInput() {\n\t\tif (this.props.children) {\n\t\t\treturn this.props.children;\n\t\t}\n\t\tif (this.props.inputType === \"toggle\") {\n\t\t\treturn (\n\t\t\t\t<View style={styles.radioOptionsContainer}>\n\t\t\t\t\t{this.renderRadioOption(\n\t\t\t\t\t\t\"Yes\",\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tthis.props.value === true,\n\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t)}\n\t\t\t\t\t{this.renderRadioOption(\n\t\t\t\t\t\t\"No\",\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tthis.props.value === false,\n\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.inputType === \"radio\") {\n\t\t\treturn (\n\t\t\t\t<View>\n\t\t\t\t\t{this.props.options.map((o) => {\n\t\t\t\t\t\treturn this.renderRadioOption(\n\t\t\t\t\t\t\to.Label,\n\t\t\t\t\t\t\to.Value,\n\t\t\t\t\t\t\tthis.props.value === o.Value,\n\t\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t\t\tstyles.radioOptionVertical,\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.inputType === \"optionSelector\") {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity onPress={this.props.onPress}>\n\t\t\t\t\t<View style={styles.optionSelector}>\n\t\t\t\t\t\t<Text style={styles.optionSelectorText}>{this.props.value}</Text>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"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.optionSelectorIcon,\n\t\t\t\t\t\t\t\t{ color: this.props.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</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<GenericInput\n\t\t\t\t{...this.props}\n\t\t\t\tcontainerStyle={[styles.input, this.props.containerStyle]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderError() {\n\t\tif (this.props.showError === true && !this.props.isValid()) {\n\t\t\treturn (\n\t\t\t\t<Text style={styles.errorText}>\n\t\t\t\t\t{this.props.errorText || \"Required\"}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={[styles.container, this.props.sectionStyle]}>\n\t\t\t\t{this.renderLabel()}\n\t\t\t\t{this.renderInput()}\n\t\t\t\t{this.renderError()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {},\n\tlabelContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t},\n\tlabelText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\tinput: {\n\t\tmarginTop: 8,\n\t},\n\tvalidatorDot: {\n\t\theight: 6,\n\t\twidth: 6,\n\t\tborderRadius: 3,\n\t\tmarginLeft: 8,\n\t},\n\tvalidatorTrue: {\n\t\tbackgroundColor: COLOUR_GREEN,\n\t},\n\tvalidatorFalse: {\n\t\tbackgroundColor: COLOUR_GRAPEFRUIT,\n\t},\n\tradioOptionsContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginTop: 8,\n\t},\n\tradioOptionVertical: {\n\t\tmarginTop: 16,\n\t},\n\tradioOption: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginRight: 24,\n\t},\n\tradioOptionButton: {\n\t\tmarginRight: 8,\n\t},\n\tradioOptionText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\toptionSelector: {\n\t\tmarginTop: 8,\n\t\tflex: 1,\n\t\theight: 36,\n\t\tbackgroundColor: \"#ebeff2\",\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\tborderRadius: 5,\n\t\tpaddingHorizontal: 8,\n\t},\n\toptionSelectorText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t},\n\terrorText: {\n\t\tpaddingTop: 4,\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};\n};\n\nconst genericInputSection = connect(mapStateToProps, {})(GenericInputSection);\nexport { genericInputSection as GenericInputSection };\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,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACCC,YAAY,EACZC,YAAY,EACZC,iBAAiB,EACjBC,8BAA8B,QACxB,YAAY;AACnB,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,SAASZ,aAAa,CAAC;EAC/Ca,mBAAmBA,CAAA,EAAG;IACrB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,QAAQ,EAAE;MACzB,OAAO,IAAI;IACZ;IACA,oBACChB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MACJgB,KAAK,EAAE,CACNC,MAAM,CAACC,YAAY,EACnB,IAAI,CAACL,KAAK,CAACM,OAAO,CAAC,CAAC,GAAGF,MAAM,CAACG,aAAa,GAAGH,MAAM,CAACI,cAAc;IAClE,CACF,CAAC;EAEJ;EAEAC,WAAWA,CAAA,EAAG;IACb,IAAI,CAAC,IAAI,CAACT,KAAK,CAACU,KAAK,EAAE;MACtB,OAAO,IAAI;IACZ;IACA,oBACCzB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACO;IAAe,gBAClC1B,KAAA,CAAAiB,aAAA,CAACb,IAAI;MAACc,KAAK,EAAE,CAACC,MAAM,CAACQ,SAAS,EAAE,IAAI,CAACZ,KAAK,CAACa,UAAU;IAAE,GACrD,IAAI,CAACb,KAAK,CAACU,KACP,CAAC,EACN,IAAI,CAACX,mBAAmB,CAAC,CACrB,CAAC;EAET;EAEAe,iBAAiBA,CAACJ,KAAK,EAAEK,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEd,KAAK,EAAE;IAC1D,oBACClB,KAAA,CAAAiB,aAAA,CAACd,gBAAgB;MAChB8B,OAAO,EAAEA,CAAA,KAAMD,QAAQ,CAACF,KAAK,CAAE;MAC/BI,GAAG,EAAET,KAAM;MACXP,KAAK,EAAE,CAACC,MAAM,CAACgB,WAAW,EAAEjB,KAAK,CAAE;MACnCkB,OAAO,EAAE;QAAEC,GAAG,EAAE,CAAC;QAAEC,IAAI,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE;IAAE,gBAElDxC,KAAA,CAAAiB,aAAA,CAACL,WAAW;MACXqB,OAAO,EAAEA,CAAA,KAAMD,QAAQ,CAACF,KAAK,CAAE;MAC/BC,QAAQ,EAAEA,QAAS;MACnBU,QAAQ,EAAE,EAAG;MACbvB,KAAK,EAAEC,MAAM,CAACuB;IAAkB,CAChC,CAAC,eACF1C,KAAA,CAAAiB,aAAA,CAACb,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACwB;IAAgB,GAAElB,KAAY,CACjC,CAAC;EAErB;EAEAmB,WAAWA,CAAA,EAAG;IACb,IAAI,IAAI,CAAC7B,KAAK,CAAC8B,QAAQ,EAAE;MACxB,OAAO,IAAI,CAAC9B,KAAK,CAAC8B,QAAQ;IAC3B;IACA,IAAI,IAAI,CAAC9B,KAAK,CAAC+B,SAAS,KAAK,QAAQ,EAAE;MACtC,oBACC9C,KAAA,CAAAiB,aAAA,CAACf,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAAC4B;MAAsB,GACxC,IAAI,CAAClB,iBAAiB,CACtB,KAAK,EACL,IAAI,EACJ,IAAI,CAACd,KAAK,CAACe,KAAK,KAAK,IAAI,EACzB,IAAI,CAACf,KAAK,CAACiB,QACZ,CAAC,EACA,IAAI,CAACH,iBAAiB,CACtB,IAAI,EACJ,KAAK,EACL,IAAI,CAACd,KAAK,CAACe,KAAK,KAAK,KAAK,EAC1B,IAAI,CAACf,KAAK,CAACiB,QACZ,CACK,CAAC;IAET;IACA,IAAI,IAAI,CAACjB,KAAK,CAAC+B,SAAS,KAAK,OAAO,EAAE;MACrC,oBACC9C,KAAA,CAAAiB,aAAA,CAACf,IAAI,QACH,IAAI,CAACa,KAAK,CAACiC,OAAO,CAACC,GAAG,CAAEC,CAAC,IAAK;QAC9B,OAAO,IAAI,CAACrB,iBAAiB,CAC5BqB,CAAC,CAACC,KAAK,EACPD,CAAC,CAACE,KAAK,EACP,IAAI,CAACrC,KAAK,CAACe,KAAK,KAAKoB,CAAC,CAACE,KAAK,EAC5B,IAAI,CAACrC,KAAK,CAACiB,QAAQ,EACnBb,MAAM,CAACkC,mBACR,CAAC;MACF,CAAC,CACI,CAAC;IAET;IACA,IAAI,IAAI,CAACtC,KAAK,CAAC+B,SAAS,KAAK,gBAAgB,EAAE;MAC9C,oBACC9C,KAAA,CAAAiB,aAAA,CAACd,gBAAgB;QAAC8B,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACkB;MAAQ,gBAC7CjC,KAAA,CAAAiB,aAAA,CAACf,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACmC;MAAe,gBAClCtD,KAAA,CAAAiB,aAAA,CAACb,IAAI;QAACc,KAAK,EAAEC,MAAM,CAACoC;MAAmB,GAAE,IAAI,CAACxC,KAAK,CAACe,KAAY,CAAC,eACjE9B,KAAA,CAAAiB,aAAA,CAACZ,IAAI;QACJmD,IAAI,EAAC,aAAa;QAClBC,IAAI,EAAC,cAAc;QACnBC,SAAS,EAAE,CACVvC,MAAM,CAACwC,kBAAkB,EACzB;UAAEC,KAAK,EAAE,IAAI,CAAC7C,KAAK,CAAC8C;QAAmB,CAAC;MACvC,CACF,CACI,CACW,CAAC;IAErB;IACA,oBACC7D,KAAA,CAAAiB,aAAA,CAACV,YAAY,EAAAuD,QAAA,KACR,IAAI,CAAC/C,KAAK;MACdgD,cAAc,EAAE,CAAC5C,MAAM,CAAC6C,KAAK,EAAE,IAAI,CAACjD,KAAK,CAACgD,cAAc;IAAE,EAC1D,CAAC;EAEJ;EAEAE,WAAWA,CAAA,EAAG;IACb,IAAI,IAAI,CAAClD,KAAK,CAACmD,SAAS,KAAK,IAAI,IAAI,CAAC,IAAI,CAACnD,KAAK,CAACM,OAAO,CAAC,CAAC,EAAE;MAC3D,oBACCrB,KAAA,CAAAiB,aAAA,CAACb,IAAI;QAACc,KAAK,EAAEC,MAAM,CAACgD;MAAU,GAC5B,IAAI,CAACpD,KAAK,CAACoD,SAAS,IAAI,UACpB,CAAC;IAET;IACA,OAAO,IAAI;EACZ;EAEAC,MAAMA,CAAA,EAAG;IACR,oBACCpE,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACkD,SAAS,EAAE,IAAI,CAACtD,KAAK,CAACuD,YAAY;IAAE,GACvD,IAAI,CAAC9C,WAAW,CAAC,CAAC,EAClB,IAAI,CAACoB,WAAW,CAAC,CAAC,EAClB,IAAI,CAACqB,WAAW,CAAC,CACb,CAAC;EAET;AACD;AAEA,MAAM9C,MAAM,GAAG;EACdkD,SAAS,EAAE,CAAC,CAAC;EACb3C,cAAc,EAAE;IACf6C,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACb,CAAC;EACD7C,SAAS,EAAE;IACV8C,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZd,KAAK,EAAEpD;EACR,CAAC;EACDwD,KAAK,EAAE;IACNW,SAAS,EAAE;EACZ,CAAC;EACDvD,YAAY,EAAE;IACbwD,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE;EACb,CAAC;EACDzD,aAAa,EAAE;IACd0D,eAAe,EAAEvE;EAClB,CAAC;EACDc,cAAc,EAAE;IACfyD,eAAe,EAAEtE;EAClB,CAAC;EACDqC,qBAAqB,EAAE;IACtBwB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,SAAS,EAAE;EACZ,CAAC;EACDtB,mBAAmB,EAAE;IACpBsB,SAAS,EAAE;EACZ,CAAC;EACDxC,WAAW,EAAE;IACZoC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBS,WAAW,EAAE;EACd,CAAC;EACDvC,iBAAiB,EAAE;IAClBuC,WAAW,EAAE;EACd,CAAC;EACDtC,eAAe,EAAE;IAChB8B,UAAU,EAAE,WAAW;IACvBC,QAAQ,EAAE,EAAE;IACZd,KAAK,EAAEpD;EACR,CAAC;EACD8C,cAAc,EAAE;IACfqB,SAAS,EAAE,CAAC;IACZO,IAAI,EAAE,CAAC;IACPN,MAAM,EAAE,EAAE;IACVI,eAAe,EAAE,SAAS;IAC1BR,UAAU,EAAE,QAAQ;IACpBD,aAAa,EAAE,KAAK;IACpBY,cAAc,EAAE,eAAe;IAC/BL,YAAY,EAAE,CAAC;IACfM,iBAAiB,EAAE;EACpB,CAAC;EACD7B,kBAAkB,EAAE;IACnBK,KAAK,EAAEpD,YAAY;IACnBiE,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE;EACX,CAAC;EACDP,SAAS,EAAE;IACVkB,UAAU,EAAE,CAAC;IACbX,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,YAAY;IACxBb,KAAK,EAAElD;EACR;AACD,CAAC;AAED,MAAM4E,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACN1B,kBAAkB,EAAElD,8BAA8B,CAAC4E,KAAK;EACzD,CAAC;AACF,CAAC;AAED,MAAMC,mBAAmB,GAAGlF,OAAO,CAACgF,eAAe,EAAE,CAAC,CAAC,CAAC,CAACzE,mBAAmB,CAAC;AAC7E,SAAS2E,mBAAmB,IAAI3E,mBAAmB","ignoreList":[]}

package/dist/module/components/Header.js

@@ -1,459 +0,0 @@
-import React, { Component } from "react";
-import { Text } from "@plusscommunities/pluss-core-app/components";
-import { Animated, View, StatusBar, Image, Dimensions, TouchableOpacity, Platform } from "react-native";
-import { Icon } from "@rneui/themed";
-import { LinearGradient } from "expo-linear-gradient";
-import { connect } from "react-redux";
-// import {
-//   StatusBarHeight,
-//   COLOUR_TRANSPARENT,
-//   TEXT_DARK,
-//   TEXT_LIGHT,
-//   LINEGREY,
-//   COLOUR_GREEN,
-//   getMainBrandingColourFromState,
-//   hexToRGBAstring,
-//   getSiteSettingFromState,
-// } from '../../js';
-import { StatusBarHeight, getSiteSettingFromState } from "../helper";
-import { COLOUR_TRANSPARENT, TEXT_DARK, TEXT_LIGHT, LINEGREY, COLOUR_GREEN, getMainBrandingColourFromState, hexToRGBAstring } from "../colours";
-import { FontAwesome } from "./Icon";
-import Config from "../config";
-// import { HAS_GRADIENT_HEADER } from '../../config';
-
-class Header extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  UNSAFE_componentWillMount() {
-    let barStyle = Platform.select({
-      ios: "dark-content",
-      android: "default"
-    });
-    if (this.props.barStyle) {
-      barStyle = this.props.barStyle;
-    } else if (this.props.headerType !== "white" && !this.props.noGradient && !this.props.transparent) {
-      barStyle = "light-content";
-    }
-    this.setState({
-      windowWidth: Dimensions.get("window").width,
-      barStyle
-    });
-  }
-  getTextColourStyle() {
-    if (this.props.textColour) {
-      return {
-        color: this.props.textColour
-      };
-    }
-    if (this.props.headerType !== "white" && !this.props.noGradient && !this.props.transparent) {
-      return {
-        color: "#fff"
-      };
-    }
-    return null;
-  }
-  renderBackground() {
-    if (this.props.headerBackground) return this.props.headerBackground;
-    if (this.props.headerImage) {
-      return /*#__PURE__*/React.createElement(Image, {
-        style: [styles.thumbnailStyle, {
-          width: this.state.windowWidth
-        }],
-        source: {
-          uri: this.props.headerImage
-        }
-      });
-    }
-    if (this.props.headerType === "pattern" && !this.props.noGradient && !this.props.transparent) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [styles.thumbnailStyle, this.props.contentContainerStyle, {
-          backgroundColor: this.props.colourBrandingMain,
-          width: this.state.windowWidth
-        }, this.props.popupHeader && styles.thumbnailPopupHeader]
-      }, /*#__PURE__*/React.createElement(Image, {
-        style: [styles.headerPattern, this.props.patternColour && {
-          tintColor: this.props.patternColour
-        }],
-        source: {
-          uri: this.props.headerPattern
-        }
-      }));
-    }
-    if (this.props.headerType === "block" && !this.props.noGradient && !this.props.transparent) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [styles.thumbnailStyle, this.props.contentContainerStyle, {
-          backgroundColor: this.props.colourBrandingMain,
-          width: this.state.windowWidth
-        }, this.props.popupHeader && styles.thumbnailPopupHeader]
-      });
-    }
-    if (this.props.headerType === "gradient" && !this.props.noGradient && !this.props.transparent) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [styles.thumbnailStyle, this.props.contentContainerStyle, {
-          width: this.state.windowWidth
-        }, this.props.popupHeader && styles.thumbnailPopupHeader]
-      }, /*#__PURE__*/React.createElement(LinearGradient, {
-        style: {
-          flex: 1
-        },
-        colors: [this.props.colourBrandingMain, hexToRGBAstring(this.props.colourBrandingMain, 0.7)],
-        start: {
-          x: 0,
-          y: 0
-        },
-        end: {
-          x: 1,
-          y: 1
-        },
-        locations: [0.4, 1]
-      }));
-    }
-    return null;
-  }
-  renderLeftBubble() {
-    if (!this.props.hasLeftBubble) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.counter, styles.smallCounter]
-    });
-  }
-  renderLeftIcon() {
-    if (!this.props.leftIcon && !this.props.leftText || !this.props.onPressLeft) {
-      return null;
-    }
-    if (this.props.leftText) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [styles.headerContentIcon, {
-          width: "auto"
-        }]
-      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: this.props.onPressLeft,
-        activeOpacity: 0.6
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: [styles.buttonText, {
-          paddingRight: 5,
-          paddingLeft: 15,
-          color: this.props.colourBrandingMain
-        }, this.props.leftTextStyle, this.props.headerType !== "white" && !this.props.noGradient && !this.props.transparent && {
-          color: "#fff"
-        }]
-      }, this.props.leftText)));
-    }
-    if (this.props.leftIconType && this.props.leftIconType === "pluss") {
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.headerContentIcon
-      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: this.props.onPressLeft,
-        activeOpacity: 0.6
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.headerContentIcon
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        name: this.props.leftIcon,
-        style: [styles.leftIcon, this.props.leftIconStyle, this.getTextColourStyle()]
-      }), this.renderLeftBubble())));
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.headerContentIcon
-    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: this.props.onPressLeft,
-      activeOpacity: 0.6
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: this.props.leftIcon,
-      style: styles.headerContentIcon,
-      type: "font-awesome",
-      iconStyle: [styles.leftIcon, this.props.leftIconStyle, this.getTextColourStyle()]
-    }), this.renderLeftBubble()));
-  }
-  renderHeaderText() {
-    if (!this.props.text) {
-      if (this.props.centerContent) {
-        return this.props.centerContent;
-      }
-      return null;
-    }
-    if (this.props.onTextPress) {
-      return /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: this.props.onTextPress,
-        activeOpacity: 0.6,
-        style: [styles.headerTextContainer, this.props.leftIcon && (!this.props.rightIcon && !this.props.rightText || this.props.absoluteRight) && {
-          paddingRight: 55
-        }, this.props.textContainerStyle]
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: [styles.headerText, this.props.textStyle, this.getTextColourStyle()],
-        numberOfLines: 1,
-        ellipsizeMode: "tail"
-      }, this.props.text));
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.headerTextContainer, this.props.leftIcon && (!this.props.rightIcon && !this.props.rightText || this.props.absoluteRight) && {
-        paddingRight: 55
-      }, this.props.rightIcon && (!this.props.leftIcon && !this.props.leftText || this.props.absoluteLeft) && {
-        paddingLeft: 55
-      }, this.props.textContainerStyle]
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: [styles.headerText, this.props.textStyle, this.getTextColourStyle()],
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, this.props.text));
-  }
-  renderRightIcon() {
-    if (this.props.rightContent) {
-      return this.props.rightContent;
-    }
-    if (!this.props.onPressRight) {
-      return null;
-    }
-    if (this.props.rightText && this.props.onPressRight) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [styles.headerContentIcon, {
-          width: "auto"
-        }, this.props.absoluteRight && styles.absoluteRight, this.props.rightContainerStyle]
-      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: this.props.onPressRight,
-        activeOpacity: 0.6
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: [styles.buttonText, {
-          paddingRight: 15,
-          paddingLeft: 5,
-          textAlign: "right",
-          fontFamily: "sf-semibold",
-          color: this.props.colourBrandingMain
-        }, this.getTextColourStyle(), this.props.optionalRightStyle]
-      }, this.props.rightText)));
-    }
-    if (!this.props.rightIcon) {
-      if (this.props.rightImage) {
-        return /*#__PURE__*/React.createElement(TouchableOpacity, {
-          onPress: this.props.onPressRight,
-          activeOpacity: 0.6
-        }, /*#__PURE__*/React.createElement(View, {
-          style: styles.headerContentIcon
-        }, /*#__PURE__*/React.createElement(Image, {
-          source: {
-            uri: this.props.rightImage
-          },
-          style: styles.rightImage,
-          resizeMode: "contain"
-        })));
-      }
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: this.props.onPressRight,
-      activeOpacity: 0.6
-    }, this.props.rightIconType && this.props.rightIconType === "pluss" ? /*#__PURE__*/React.createElement(View, {
-      style: styles.headerContentIcon
-    }, /*#__PURE__*/React.createElement(FontAwesome, {
-      name: this.props.rightIcon,
-      style: [styles.rightIcon, this.getTextColourStyle(), this.props.rightIconStyle]
-    })) : /*#__PURE__*/React.createElement(Icon, {
-      name: this.props.rightIcon,
-      style: styles.headerContentIcon,
-      type: this.props.rightIconType ? this.props.rightIconType : "font-awesome",
-      iconStyle: [styles.rightIcon, this.getTextColourStyle(), this.props.rightIconStyle]
-    }));
-  }
-  render() {
-    if (this.props.animatedHeader) {
-      return /*#__PURE__*/React.createElement(Animated.View, {
-        style: [styles.container, !this.props.noShadow && styles.containerShadow, this.props.transparent && styles.transparentContainer, this.props.style, {
-          backgroundColor: this.props.headerColourOffset,
-          elevation: this.props.headerElev,
-          shadowColor: this.props.headerShadow
-        }]
-      }, this.renderBackground(), /*#__PURE__*/React.createElement(StatusBar, {
-        barStyle: this.state.barStyle,
-        translucent: true
-      }), /*#__PURE__*/React.createElement(View, {
-        style: styles.headerContent
-      }, this.renderLeftIcon(), this.renderHeaderText(), this.renderRightIcon(), this.props.children), this.props.extraHeaderContent);
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.container, !this.props.noShadow && styles.containerShadow, this.props.transparent && styles.transparentContainer, this.props.lineSeparated && styles.lineSeparated, this.props.popupHeader && styles.popupHeader, this.props.style, this.props.colourBrandingHeader && {
-        backgroundColor: this.props.colourBrandingHeader
-      }]
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [styles.contentContainer, this.props.popupHeader && styles.popupContentContainer, this.props.contentContainerStyle, this.props.colourBrandingHeader && {
-        backgroundColor: this.props.colourBrandingHeader
-      }]
-    }, this.renderBackground(), /*#__PURE__*/React.createElement(StatusBar, {
-      barStyle: this.state.barStyle,
-      translucent: true
-    }), /*#__PURE__*/React.createElement(View, {
-      style: [styles.headerContent, this.props.popupHeader && styles.headerContentPopup]
-    }, this.renderLeftIcon(), this.renderHeaderText(), this.renderRightIcon(), this.props.children)), this.props.extraHeaderContent);
-  }
-}
-const styles = {
-  container: {
-    alignSelf: "stretch",
-    backgroundColor: "#fff",
-    zIndex: 10
-  },
-  containerShadow: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6,
-    elevation: 3
-  },
-  lineSeparated: {
-    borderBottomWidth: 1,
-    borderColor: LINEGREY,
-    shadowOpacity: 0,
-    elevation: 0
-  },
-  popupHeader: {
-    borderBottomWidth: 1,
-    borderColor: LINEGREY,
-    shadowOpacity: 0,
-    elevation: 0,
-    borderTopLeftRadius: 12,
-    borderTopRightRadius: 12
-  },
-  contentContainer: {
-    height: StatusBarHeight(70),
-    alignSelf: "stretch",
-    flexDirection: "row"
-  },
-  popupContentContainer: {
-    height: 70,
-    borderTopLeftRadius: 12,
-    borderTopRightRadius: 12
-  },
-  transparentContainer: {
-    backgroundColor: COLOUR_TRANSPARENT,
-    shadowColor: COLOUR_TRANSPARENT,
-    elevation: 0
-  },
-  thumbnailStyle: {
-    height: StatusBarHeight(70),
-    width: null,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    resizeMode: "cover"
-  },
-  thumbnailPopupHeader: {
-    height: 70,
-    width: "100%",
-    borderTopLeftRadius: 12,
-    borderTopRightRadius: 12,
-    overflow: "hidden"
-  },
-  headerContent: {
-    alignSelf: "stretch",
-    flexDirection: "row",
-    flex: 1,
-    paddingTop: StatusBarHeight(0)
-  },
-  headerContentPopup: {
-    paddingTop: 0
-  },
-  headerContentIcon: {
-    height: 70,
-    width: 55,
-    alignItems: "center",
-    flexDirection: "row",
-    justifyContent: "space-between"
-  },
-  absoluteRight: {
-    height: 70,
-    justifyContent: "center",
-    position: "absolute",
-    right: 0,
-    top: StatusBarHeight(0)
-  },
-  leftIcon: {
-    fontSize: 25,
-    padding: 15,
-    width: 55,
-    textAlign: "center",
-    color: TEXT_LIGHT
-  },
-  headerTextContainer: {
-    height: 70,
-    flex: 1,
-    alignItems: "center",
-    flexDirection: "row",
-    justifyContent: "space-between"
-  },
-  headerText: {
-    fontSize: 16,
-    flex: 1,
-    fontFamily: "sf-semibold",
-    color: TEXT_DARK,
-    textAlign: "center",
-    backgroundColor: "rgba(255,255,255,0)"
-  },
-  buttonText: {
-    fontSize: 15,
-    fontFamily: "sf-regular",
-    width: 80,
-    backgroundColor: "rgba(255,255,255,0)"
-  },
-  rightIcon: {
-    fontSize: 25,
-    padding: 15,
-    width: 55,
-    textAlign: "center",
-    color: TEXT_LIGHT
-  },
-  rightImage: {
-    width: 24,
-    height: 24,
-    marginRight: 15,
-    marginLeft: 13
-  },
-  counter: {
-    top: 15,
-    right: 5,
-    borderRadius: 10,
-    position: "absolute",
-    height: 20,
-    minWidth: 20,
-    backgroundColor: COLOUR_GREEN,
-    justifyContent: "center"
-  },
-  counterText: {
-    color: "#fff",
-    textAlign: "center",
-    fontFamily: "sf-bold",
-    fontSize: 10,
-    lineHeight: 12,
-    backgroundColor: "transparent"
-  },
-  smallCounter: {
-    width: 5,
-    height: 5,
-    minWidth: 5,
-    top: 20,
-    right: 10
-  },
-  headerPattern: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    height: "100%",
-    resizeMode: "cover"
-  }
-};
-const mapStateToProps = state => {
-  return {
-    colourBrandingMain: getMainBrandingColourFromState(state),
-    headerType: getSiteSettingFromState(state, "HeaderType", getSiteSettingFromState(state, "UseGradientHeader", Config.env.hasGradientHeader) ? "gradient" : "white"),
-    headerPattern: getSiteSettingFromState(state, "HeaderPattern"),
-    patternColour: getSiteSettingFromState(state, "PatternColour")
-  };
-};
-export default connect(mapStateToProps, {})(Header);
-//# sourceMappingURL=Header.js.map