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

package/dist/module/components/Header.js

@@ -0,0 +1,458 @@
+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,"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","createElement","style","styles","thumbnailStyle","source","uri","contentContainerStyle","backgroundColor","colourBrandingMain","popupHeader","thumbnailPopupHeader","headerPattern","patternColour","tintColor","flex","colors","start","x","y","end","locations","renderLeftBubble","hasLeftBubble","counter","smallCounter","renderLeftIcon","leftIcon","leftText","onPressLeft","headerContentIcon","onPress","activeOpacity","buttonText","paddingRight","paddingLeft","leftTextStyle","leftIconType","name","leftIconStyle","type","iconStyle","renderHeaderText","text","centerContent","onTextPress","headerTextContainer","rightIcon","rightText","absoluteRight","textContainerStyle","headerText","textStyle","numberOfLines","ellipsizeMode","absoluteLeft","renderRightIcon","rightContent","onPressRight","rightContainerStyle","textAlign","fontFamily","optionalRightStyle","rightImage","resizeMode","rightIconType","rightIconStyle","render","animatedHeader","container","noShadow","containerShadow","transparentContainer","headerColourOffset","elevation","headerElev","shadowColor","headerShadow","translucent","headerContent","children","extraHeaderContent","lineSeparated","colourBrandingHeader","contentContainer","popupContentContainer","headerContentPopup","alignSelf","zIndex","shadowOffset","height","shadowOpacity","shadowRadius","borderBottomWidth","borderColor","borderTopLeftRadius","borderTopRightRadius","flexDirection","position","top","left","overflow","paddingTop","alignItems","justifyContent","right","fontSize","padding","marginRight","marginLeft","borderRadius","minWidth","counterText","lineHeight","bottom","mapStateToProps","env","hasGradientHeader"],"sources":["Header.js"],"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"],"mappings":"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"}