@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

package/dist/module/components/Header.js

@@ -0,0 +1,491 @@
+import React, { Component } from 'react';
+import { Animated, View, StatusBar, Image, Dimensions, TouchableOpacity, Text, Platform } from 'react-native';
+import { Icon } from 'react-native-elements';
+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 { Pl60Icon } from '../fonts';
+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(Pl60Icon, {
+        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(Pl60Icon, {
+      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

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

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