@plusscommunities/pluss-core-app 8.0.29 → 8.0.35

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Text","Animated","View","StatusBar","Image","Dimensions","TouchableOpacity","Platform","Icon","LinearGradient","connect","StatusBarHeight","getSiteSettingFromState","COLOUR_TRANSPARENT","TEXT_DARK","TEXT_LIGHT","LINEGREY","COLOUR_GREEN","getMainBrandingColourFromState","hexToRGBAstring","FontAwesome","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 { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tAnimated,\n\tView,\n\tStatusBar,\n\tImage,\n\tDimensions,\n\tTouchableOpacity,\n\tPlatform,\n} from \"react-native\";\nimport { Icon } from \"@rneui/themed\";\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\tCOLOUR_TRANSPARENT,\n\tTEXT_DARK,\n\tTEXT_LIGHT,\n\tLINEGREY,\n\tCOLOUR_GREEN,\n\tgetMainBrandingColourFromState,\n\thexToRGBAstring,\n} from \"../colours\";\nimport { FontAwesome } from \"./Icon\";\nimport Config from \"../config\";\n// import { HAS_GRADIENT_HEADER } from '../../config';\n\nclass Header extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tlet barStyle = Platform.select({ ios: \"dark-content\", android: \"default\" });\n\t\tif (this.props.barStyle) {\n\t\t\tbarStyle = this.props.barStyle;\n\t\t} else if (\n\t\t\tthis.props.headerType !== \"white\" &&\n\t\t\t!this.props.noGradient &&\n\t\t\t!this.props.transparent\n\t\t) {\n\t\t\tbarStyle = \"light-content\";\n\t\t}\n\t\tthis.setState({ windowWidth: Dimensions.get(\"window\").width, barStyle });\n\t}\n\n\tgetTextColourStyle() {\n\t\tif (this.props.textColour) {\n\t\t\treturn { color: this.props.textColour };\n\t\t}\n\t\tif (\n\t\t\tthis.props.headerType !== \"white\" &&\n\t\t\t!this.props.noGradient &&\n\t\t\t!this.props.transparent\n\t\t) {\n\t\t\treturn { color: \"#fff\" };\n\t\t}\n\t\treturn null;\n\t}\n\n\trenderBackground() {\n\t\tif (this.props.headerBackground) return this.props.headerBackground;\n\t\tif (this.props.headerImage) {\n\t\t\treturn (\n\t\t\t\t<Image\n\t\t\t\t\tstyle={[styles.thumbnailStyle, { width: this.state.windowWidth }]}\n\t\t\t\t\tsource={{ uri: this.props.headerImage }}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\tthis.props.headerType === \"pattern\" &&\n\t\t\t!this.props.noGradient &&\n\t\t\t!this.props.transparent\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.thumbnailStyle,\n\t\t\t\t\t\tthis.props.contentContainerStyle,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\twidth: this.state.windowWidth,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.props.popupHeader && styles.thumbnailPopupHeader,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.headerPattern,\n\t\t\t\t\t\t\tthis.props.patternColour && {\n\t\t\t\t\t\t\t\ttintColor: this.props.patternColour,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t\tsource={{ uri: this.props.headerPattern }}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\tthis.props.headerType === \"block\" &&\n\t\t\t!this.props.noGradient &&\n\t\t\t!this.props.transparent\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.thumbnailStyle,\n\t\t\t\t\t\tthis.props.contentContainerStyle,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\twidth: this.state.windowWidth,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.props.popupHeader && styles.thumbnailPopupHeader,\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\tthis.props.headerType === \"gradient\" &&\n\t\t\t!this.props.noGradient &&\n\t\t\t!this.props.transparent\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.thumbnailStyle,\n\t\t\t\t\t\tthis.props.contentContainerStyle,\n\t\t\t\t\t\t{ width: this.state.windowWidth },\n\t\t\t\t\t\tthis.props.popupHeader && styles.thumbnailPopupHeader,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<LinearGradient\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t\tcolors={[\n\t\t\t\t\t\t\tthis.props.colourBrandingMain,\n\t\t\t\t\t\t\thexToRGBAstring(this.props.colourBrandingMain, 0.7),\n\t\t\t\t\t\t]}\n\t\t\t\t\t\tstart={{ x: 0, y: 0 }}\n\t\t\t\t\t\tend={{ x: 1, y: 1 }}\n\t\t\t\t\t\tlocations={[0.4, 1]}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trenderLeftBubble() {\n\t\tif (!this.props.hasLeftBubble) {\n\t\t\treturn null;\n\t\t}\n\t\treturn <View style={[styles.counter, styles.smallCounter]} />;\n\t}\n\n\trenderLeftIcon() {\n\t\tif (\n\t\t\t(!this.props.leftIcon && !this.props.leftText) ||\n\t\t\t!this.props.onPressLeft\n\t\t) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.leftText) {\n\t\t\treturn (\n\t\t\t\t<View style={[styles.headerContentIcon, { width: \"auto\" }]}>\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tonPress={this.props.onPressLeft}\n\t\t\t\t\t\tactiveOpacity={0.6}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.buttonText,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tpaddingRight: 5,\n\t\t\t\t\t\t\t\t\tpaddingLeft: 15,\n\t\t\t\t\t\t\t\t\tcolor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tthis.props.leftTextStyle,\n\t\t\t\t\t\t\t\tthis.props.headerType !== \"white\" &&\n\t\t\t\t\t\t\t\t\t!this.props.noGradient &&\n\t\t\t\t\t\t\t\t\t!this.props.transparent && { color: \"#fff\" },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.leftText}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.leftIconType && this.props.leftIconType === \"pluss\") {\n\t\t\treturn (\n\t\t\t\t<View style={styles.headerContentIcon}>\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tonPress={this.props.onPressLeft}\n\t\t\t\t\t\tactiveOpacity={0.6}\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={styles.headerContentIcon}>\n\t\t\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\t\t\tname={this.props.leftIcon}\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.leftIcon,\n\t\t\t\t\t\t\t\t\tthis.props.leftIconStyle,\n\t\t\t\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{this.renderLeftBubble()}\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.headerContentIcon}>\n\t\t\t\t<TouchableOpacity onPress={this.props.onPressLeft} activeOpacity={0.6}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname={this.props.leftIcon}\n\t\t\t\t\t\tstyle={styles.headerContentIcon}\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.leftIcon,\n\t\t\t\t\t\t\tthis.props.leftIconStyle,\n\t\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.renderLeftBubble()}\n\t\t\t\t</TouchableOpacity>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderHeaderText() {\n\t\tif (!this.props.text) {\n\t\t\tif (this.props.centerContent) {\n\t\t\t\treturn this.props.centerContent;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.onTextPress) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tonPress={this.props.onTextPress}\n\t\t\t\t\tactiveOpacity={0.6}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.headerTextContainer,\n\t\t\t\t\t\tthis.props.leftIcon &&\n\t\t\t\t\t\t\t((!this.props.rightIcon && !this.props.rightText) ||\n\t\t\t\t\t\t\t\tthis.props.absoluteRight) && { paddingRight: 55 },\n\t\t\t\t\t\tthis.props.textContainerStyle,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.headerText,\n\t\t\t\t\t\t\tthis.props.textStyle,\n\t\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t\t]}\n\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.text}\n\t\t\t\t\t</Text>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.headerTextContainer,\n\t\t\t\t\tthis.props.leftIcon &&\n\t\t\t\t\t\t((!this.props.rightIcon && !this.props.rightText) ||\n\t\t\t\t\t\t\tthis.props.absoluteRight) && { paddingRight: 55 },\n\t\t\t\t\tthis.props.rightIcon &&\n\t\t\t\t\t\t((!this.props.leftIcon && !this.props.leftText) ||\n\t\t\t\t\t\t\tthis.props.absoluteLeft) && { paddingLeft: 55 },\n\t\t\t\t\tthis.props.textContainerStyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.headerText,\n\t\t\t\t\t\tthis.props.textStyle,\n\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t]}\n\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t>\n\t\t\t\t\t{this.props.text}\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderRightIcon() {\n\t\tif (this.props.rightContent) {\n\t\t\treturn this.props.rightContent;\n\t\t}\n\t\tif (!this.props.onPressRight) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.rightText && this.props.onPressRight) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.headerContentIcon,\n\t\t\t\t\t\t{ width: \"auto\" },\n\t\t\t\t\t\tthis.props.absoluteRight && styles.absoluteRight,\n\t\t\t\t\t\tthis.props.rightContainerStyle,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tonPress={this.props.onPressRight}\n\t\t\t\t\t\tactiveOpacity={0.6}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.buttonText,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tpaddingRight: 15,\n\t\t\t\t\t\t\t\t\tpaddingLeft: 5,\n\t\t\t\t\t\t\t\t\ttextAlign: \"right\",\n\t\t\t\t\t\t\t\t\tfontFamily: \"sf-semibold\",\n\t\t\t\t\t\t\t\t\tcolor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t\t\t\tthis.props.optionalRightStyle,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.rightText}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (!this.props.rightIcon) {\n\t\t\tif (this.props.rightImage) {\n\t\t\t\treturn (\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tonPress={this.props.onPressRight}\n\t\t\t\t\t\tactiveOpacity={0.6}\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={styles.headerContentIcon}>\n\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\tsource={{ uri: this.props.rightImage }}\n\t\t\t\t\t\t\t\tstyle={styles.rightImage}\n\t\t\t\t\t\t\t\tresizeMode=\"contain\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<TouchableOpacity onPress={this.props.onPressRight} activeOpacity={0.6}>\n\t\t\t\t{this.props.rightIconType && this.props.rightIconType === \"pluss\" ? (\n\t\t\t\t\t<View style={styles.headerContentIcon}>\n\t\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.rightIcon,\n\t\t\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t\t\t\tthis.props.rightIconStyle,\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) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\t\tstyle={styles.headerContentIcon}\n\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\tthis.props.rightIconType\n\t\t\t\t\t\t\t\t? this.props.rightIconType\n\t\t\t\t\t\t\t\t: \"font-awesome\"\n\t\t\t\t\t\t}\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.rightIcon,\n\t\t\t\t\t\t\tthis.getTextColourStyle(),\n\t\t\t\t\t\t\tthis.props.rightIconStyle,\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.props.animatedHeader) {\n\t\t\treturn (\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.container,\n\t\t\t\t\t\t!this.props.noShadow && styles.containerShadow,\n\t\t\t\t\t\tthis.props.transparent && styles.transparentContainer,\n\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: this.props.headerColourOffset,\n\t\t\t\t\t\t\televation: this.props.headerElev,\n\t\t\t\t\t\t\tshadowColor: this.props.headerShadow,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t{this.renderBackground()}\n\t\t\t\t\t<StatusBar barStyle={this.state.barStyle} translucent />\n\t\t\t\t\t<View style={styles.headerContent}>\n\t\t\t\t\t\t{this.renderLeftIcon()}\n\t\t\t\t\t\t{this.renderHeaderText()}\n\t\t\t\t\t\t{this.renderRightIcon()}\n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t</View>\n\t\t\t\t\t{this.props.extraHeaderContent}\n\t\t\t\t</Animated.View>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.container,\n\t\t\t\t\t!this.props.noShadow && styles.containerShadow,\n\t\t\t\t\tthis.props.transparent && styles.transparentContainer,\n\t\t\t\t\tthis.props.lineSeparated && styles.lineSeparated,\n\t\t\t\t\tthis.props.popupHeader && styles.popupHeader,\n\t\t\t\t\tthis.props.style,\n\t\t\t\t\tthis.props.colourBrandingHeader && {\n\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingHeader,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.contentContainer,\n\t\t\t\t\t\tthis.props.popupHeader && styles.popupContentContainer,\n\t\t\t\t\t\tthis.props.contentContainerStyle,\n\t\t\t\t\t\tthis.props.colourBrandingHeader && {\n\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingHeader,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t{this.renderBackground()}\n\t\t\t\t\t<StatusBar barStyle={this.state.barStyle} translucent />\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.headerContent,\n\t\t\t\t\t\t\tthis.props.popupHeader && styles.headerContentPopup,\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.renderLeftIcon()}\n\t\t\t\t\t\t{this.renderHeaderText()}\n\t\t\t\t\t\t{this.renderRightIcon()}\n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{this.props.extraHeaderContent}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\talignSelf: \"stretch\",\n\t\tbackgroundColor: \"#fff\",\n\t\tzIndex: 10,\n\t},\n\tcontainerShadow: {\n\t\tshadowColor: \"#000\",\n\t\tshadowOffset: {\n\t\t\twidth: 0,\n\t\t\theight: 1,\n\t\t},\n\t\tshadowOpacity: 0.1,\n\t\tshadowRadius: 6,\n\t\televation: 3,\n\t},\n\tlineSeparated: {\n\t\tborderBottomWidth: 1,\n\t\tborderColor: LINEGREY,\n\t\tshadowOpacity: 0,\n\t\televation: 0,\n\t},\n\tpopupHeader: {\n\t\tborderBottomWidth: 1,\n\t\tborderColor: LINEGREY,\n\t\tshadowOpacity: 0,\n\t\televation: 0,\n\t\tborderTopLeftRadius: 12,\n\t\tborderTopRightRadius: 12,\n\t},\n\tcontentContainer: {\n\t\theight: StatusBarHeight(70),\n\t\talignSelf: \"stretch\",\n\t\tflexDirection: \"row\",\n\t},\n\tpopupContentContainer: {\n\t\theight: 70,\n\t\tborderTopLeftRadius: 12,\n\t\tborderTopRightRadius: 12,\n\t},\n\ttransparentContainer: {\n\t\tbackgroundColor: COLOUR_TRANSPARENT,\n\t\tshadowColor: COLOUR_TRANSPARENT,\n\t\televation: 0,\n\t},\n\tthumbnailStyle: {\n\t\theight: StatusBarHeight(70),\n\t\twidth: null,\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tresizeMode: \"cover\",\n\t},\n\tthumbnailPopupHeader: {\n\t\theight: 70,\n\t\twidth: \"100%\",\n\t\tborderTopLeftRadius: 12,\n\t\tborderTopRightRadius: 12,\n\t\toverflow: \"hidden\",\n\t},\n\theaderContent: {\n\t\talignSelf: \"stretch\",\n\t\tflexDirection: \"row\",\n\t\tflex: 1,\n\t\tpaddingTop: StatusBarHeight(0),\n\t},\n\theaderContentPopup: {\n\t\tpaddingTop: 0,\n\t},\n\theaderContentIcon: {\n\t\theight: 70,\n\t\twidth: 55,\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\tabsoluteRight: {\n\t\theight: 70,\n\t\tjustifyContent: \"center\",\n\t\tposition: \"absolute\",\n\t\tright: 0,\n\t\ttop: StatusBarHeight(0),\n\t},\n\tleftIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: TEXT_LIGHT,\n\t},\n\theaderTextContainer: {\n\t\theight: 70,\n\t\tflex: 1,\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\theaderText: {\n\t\tfontSize: 16,\n\t\tflex: 1,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARK,\n\t\ttextAlign: \"center\",\n\t\tbackgroundColor: \"rgba(255,255,255,0)\",\n\t},\n\tbuttonText: {\n\t\tfontSize: 15,\n\t\tfontFamily: \"sf-regular\",\n\t\twidth: 80,\n\t\tbackgroundColor: \"rgba(255,255,255,0)\",\n\t},\n\trightIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: TEXT_LIGHT,\n\t},\n\trightImage: {\n\t\twidth: 24,\n\t\theight: 24,\n\t\tmarginRight: 15,\n\t\tmarginLeft: 13,\n\t},\n\tcounter: {\n\t\ttop: 15,\n\t\tright: 5,\n\t\tborderRadius: 10,\n\t\tposition: \"absolute\",\n\t\theight: 20,\n\t\tminWidth: 20,\n\t\tbackgroundColor: COLOUR_GREEN,\n\t\tjustifyContent: \"center\",\n\t},\n\tcounterText: {\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 10,\n\t\tlineHeight: 12,\n\t\tbackgroundColor: \"transparent\",\n\t},\n\tsmallCounter: {\n\t\twidth: 5,\n\t\theight: 5,\n\t\tminWidth: 5,\n\t\ttop: 20,\n\t\tright: 10,\n\t},\n\theaderPattern: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\twidth: \"100%\",\n\t\theight: \"100%\",\n\t\tresizeMode: \"cover\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\theaderType: getSiteSettingFromState(\n\t\t\tstate,\n\t\t\t\"HeaderType\",\n\t\t\tgetSiteSettingFromState(\n\t\t\t\tstate,\n\t\t\t\t\"UseGradientHeader\",\n\t\t\t\tConfig.env.hasGradientHeader,\n\t\t\t)\n\t\t\t\t? \"gradient\"\n\t\t\t\t: \"white\",\n\t\t),\n\t\theaderPattern: getSiteSettingFromState(state, \"HeaderPattern\"),\n\t\tpatternColour: getSiteSettingFromState(state, \"PatternColour\"),\n\t};\n};\n\nexport default connect(mapStateToProps, {})(Header);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Icon.js

@@ -0,0 +1,109 @@
+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, { useEffect, useMemo } from "react";
+import { createIconSet } from "@expo/vector-icons";
+import glyphMap from "../assets/icons/fontawesome/fa7-glyphmap.json";
+const v4ToV6Map = {
+  dashboard: "gauge",
+  navicon: "bars",
+  remove: "xmark",
+  close: "xmark",
+  pencil: "pen",
+  times: "xmark",
+  "trash-o": "trash-can",
+  "file-o": "file",
+  "picture-o": "image",
+  "photo-o": "image",
+  "camera-o": "camera",
+  "video-camera": "video",
+  "clock-o": "clock",
+  "calendar-o": "calendar",
+  "drivers-license": "id-card",
+  "drivers-license-o": "id-card",
+  "user-o": "user",
+  "user-circle-o": "circle-user",
+  "user-plus-o": "user-plus",
+  "user-times-o": "user-xmark",
+  "angle-left": "chevron-left",
+  "angle-right": "chevron-right",
+  "angle-up": "chevron-up",
+  "angle-down": "chevron-down",
+  "chevron-left": "chevron-left",
+  "chevron-right": "chevron-right",
+  "chevron-up": "chevron-up",
+  "chevron-down": "chevron-down",
+  "envelope-o": "envelope",
+  "comment-o": "comment",
+  "commenting-o": "comment-dots",
+  "comments-o": "comments",
+  "share-square-o": "share-from-square",
+  "bookmark-o": "bookmark",
+  "thumbs-o-up": "thumbs-up",
+  "thumbs-o-down": "thumbs-down",
+  "heart-o": "heart",
+  "star-o": "star",
+  "check-square-o": "square-check",
+  "circle-o": "circle",
+  "check-circle-o": "circle-check",
+  "circle-check": "circle-check",
+  warning: "triangle-exclamation",
+  "exclamation-circle": "circle-exclamation",
+  "exclamation-triangle": "triangle-exclamation",
+  "info-circle": "circle-info",
+  "question-circle": "circle-question",
+  "sign-out": "right-from-bracket",
+  "sign-in": "right-to-bracket",
+  "unlock-alt": "unlock",
+  "lock-alt": "lock",
+  "play-circle-o": "circle-play",
+  "pause-circle-o": "circle-pause",
+  "stop-circle-o": "circle-stop",
+  "shopping-cart": "cart-shopping",
+  "shopping-basket": "basket-shopping",
+  briefcase: "briefcase",
+  "building-o": "building",
+  "bell-o": "bell",
+  cog: "gear",
+  cogs: "gears",
+  check: "check",
+  "close-o": "xmark"
+};
+const IconSolid = createIconSet(glyphMap, "FontAwesomePro-Solid");
+const IconRegular = createIconSet(glyphMap, "FontAwesomePro-Regular");
+const IconLight = createIconSet(glyphMap, "FontAwesomePro-Light");
+const IconBrand = createIconSet(glyphMap, "FontAwesomePro-Brands");
+export const FontAwesome = ({
+  name,
+  size,
+  color,
+  style,
+  solid = false,
+  regular = false,
+  light = false,
+  brand = false,
+  ...props
+}) => {
+  useEffect(() => {
+    if (__DEV__) {
+      // Use __DEV__ for React Native
+      if (v4ToV6Map[name]) {
+        console.warn(`[FA7 Upgrade] "${name}" is a legacy name. Please use "${v4ToV6Map[name]}" instead.`);
+      }
+    }
+  }, [name]);
+  let iconName = name || "question";
+  iconName = iconName.replace(/^fa-/, "");
+  if (v4ToV6Map[iconName]) {
+    iconName = v4ToV6Map[iconName];
+  }
+  let SelectedIconComponent = IconSolid; // Default to Solid
+  if (regular) SelectedIconComponent = IconRegular;
+  if (light) SelectedIconComponent = IconLight;
+  if (brand) SelectedIconComponent = IconBrand;
+  return /*#__PURE__*/React.createElement(SelectedIconComponent, _extends({
+    name: iconName,
+    size: size,
+    color: color,
+    style: style
+  }, props));
+};
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","createIconSet","glyphMap","v4ToV6Map","dashboard","navicon","remove","close","pencil","times","warning","briefcase","cog","cogs","check","IconSolid","IconRegular","IconLight","IconBrand","FontAwesome","name","size","color","style","solid","regular","light","brand","props","__DEV__","console","warn","iconName","replace","SelectedIconComponent","createElement","_extends"],"sources":["Icon.js"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { createIconSet } from \"@expo/vector-icons\";\n\nimport glyphMap from \"../assets/icons/fontawesome/fa7-glyphmap.json\";\n\nconst v4ToV6Map = {\n\tdashboard: \"gauge\",\n\tnavicon: \"bars\",\n\tremove: \"xmark\",\n\tclose: \"xmark\",\n\tpencil: \"pen\",\n\ttimes: \"xmark\",\n\t\"trash-o\": \"trash-can\",\n\t\"file-o\": \"file\",\n\t\"picture-o\": \"image\",\n\t\"photo-o\": \"image\",\n\t\"camera-o\": \"camera\",\n\t\"video-camera\": \"video\",\n\t\"clock-o\": \"clock\",\n\t\"calendar-o\": \"calendar\",\n\t\"drivers-license\": \"id-card\",\n\t\"drivers-license-o\": \"id-card\",\n\t\"user-o\": \"user\",\n\t\"user-circle-o\": \"circle-user\",\n\t\"user-plus-o\": \"user-plus\",\n\t\"user-times-o\": \"user-xmark\",\n\t\"angle-left\": \"chevron-left\",\n\t\"angle-right\": \"chevron-right\",\n\t\"angle-up\": \"chevron-up\",\n\t\"angle-down\": \"chevron-down\",\n\t\"chevron-left\": \"chevron-left\",\n\t\"chevron-right\": \"chevron-right\",\n\t\"chevron-up\": \"chevron-up\",\n\t\"chevron-down\": \"chevron-down\",\n\t\"envelope-o\": \"envelope\",\n\t\"comment-o\": \"comment\",\n\t\"commenting-o\": \"comment-dots\",\n\t\"comments-o\": \"comments\",\n\t\"share-square-o\": \"share-from-square\",\n\t\"bookmark-o\": \"bookmark\",\n\t\"thumbs-o-up\": \"thumbs-up\",\n\t\"thumbs-o-down\": \"thumbs-down\",\n\t\"heart-o\": \"heart\",\n\t\"star-o\": \"star\",\n\t\"check-square-o\": \"square-check\",\n\t\"circle-o\": \"circle\",\n\t\"check-circle-o\": \"circle-check\",\n\t\"circle-check\": \"circle-check\",\n\twarning: \"triangle-exclamation\",\n\t\"exclamation-circle\": \"circle-exclamation\",\n\t\"exclamation-triangle\": \"triangle-exclamation\",\n\t\"info-circle\": \"circle-info\",\n\t\"question-circle\": \"circle-question\",\n\t\"sign-out\": \"right-from-bracket\",\n\t\"sign-in\": \"right-to-bracket\",\n\t\"unlock-alt\": \"unlock\",\n\t\"lock-alt\": \"lock\",\n\t\"play-circle-o\": \"circle-play\",\n\t\"pause-circle-o\": \"circle-pause\",\n\t\"stop-circle-o\": \"circle-stop\",\n\t\"shopping-cart\": \"cart-shopping\",\n\t\"shopping-basket\": \"basket-shopping\",\n\tbriefcase: \"briefcase\",\n\t\"building-o\": \"building\",\n\t\"bell-o\": \"bell\",\n\tcog: \"gear\",\n\tcogs: \"gears\",\n\tcheck: \"check\",\n\t\"close-o\": \"xmark\",\n};\n\nconst IconSolid = createIconSet(glyphMap, \"FontAwesomePro-Solid\");\nconst IconRegular = createIconSet(glyphMap, \"FontAwesomePro-Regular\");\nconst IconLight = createIconSet(glyphMap, \"FontAwesomePro-Light\");\nconst IconBrand = createIconSet(glyphMap, \"FontAwesomePro-Brands\");\n\nexport const FontAwesome = ({\n\tname,\n\tsize,\n\tcolor,\n\tstyle,\n\tsolid = false,\n\tregular = false,\n\tlight = false,\n\tbrand = false,\n\t...props\n}) => {\n\tuseEffect(() => {\n\t\tif (__DEV__) {\n\t\t\t// Use __DEV__ for React Native\n\t\t\tif (v4ToV6Map[name]) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[FA7 Upgrade] \"${name}\" is a legacy name. Please use \"${v4ToV6Map[name]}\" instead.`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}, [name]);\n\n\tlet iconName = name || \"question\";\n\ticonName = iconName.replace(/^fa-/, \"\");\n\tif (v4ToV6Map[iconName]) {\n\t\ticonName = v4ToV6Map[iconName];\n\t}\n\n\tlet SelectedIconComponent = IconSolid; // Default to Solid\n\tif (regular) SelectedIconComponent = IconRegular;\n\tif (light) SelectedIconComponent = IconLight;\n\tif (brand) SelectedIconComponent = IconBrand;\n\n\treturn (\n\t\t<SelectedIconComponent\n\t\t\tname={iconName}\n\t\t\tsize={size}\n\t\t\tcolor={color}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/ImagePopup.js

@@ -0,0 +1,400 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import _ from "lodash";
+import moment from "moment";
+import { Dimensions, Modal, TouchableOpacity, StyleSheet, View, Image } from "react-native";
+import ImageViewer from "react-native-image-zoom-viewer";
+import { Icon } from "@rneui/themed";
+import { StatusBarHeight, isVideo, get1400 } from "../helper";
+import { FontAwesome } from "./Icon";
+import { SharingTools } from "./SharingTools";
+import { VideoPopup } from "./VideoPopup";
+import { ProfilePic } from "./ProfilePic";
+import { LoadingIndicator } from "./";
+const SCREEN_WIDTH = Dimensions.get("window").width;
+const SCREEN_HEIGHT = Dimensions.get("window").height;
+const MAX_IMAGE_HEIGHT = SCREEN_HEIGHT * 0.65;
+class ImagePopup extends Component {
+  constructor(_props) {
+    super(_props);
+    _defineProperty(this, "setupUrls", async () => {
+      if (!this.props.images) return;
+      const images = this.props.images.map(image => {
+        if (typeof image === "string") {
+          return {
+            url: get1400(image),
+            original: image,
+            isVideo: isVideo(image)
+          };
+        }
+        return {
+          url: get1400(image === null || image === void 0 ? void 0 : image.uri),
+          original: image === null || image === void 0 ? void 0 : image.uri,
+          isVideo: isVideo(image === null || image === void 0 ? void 0 : image.uri),
+          date: image === null || image === void 0 ? void 0 : image.date,
+          user: image === null || image === void 0 ? void 0 : image.user,
+          caption: image === null || image === void 0 ? void 0 : image.caption
+        };
+      });
+      this.setState({
+        isLoadingDimensions: true
+      });
+      const dimensions = {};
+      await Promise.all(images.map(async image => {
+        if (!image.url) return;
+        try {
+          const {
+            width,
+            height
+          } = await new Promise((resolve, reject) => {
+            Image.getSize(image.url, (w, h) => resolve({
+              width: w,
+              height: h
+            }), reject);
+          });
+          dimensions[image.url] = {
+            width,
+            height
+          };
+        } catch (err) {
+          console.log("Failed to get dimensions for", image.url, err);
+          dimensions[image.url] = {
+            width: SCREEN_WIDTH,
+            height: SCREEN_HEIGHT
+          };
+        }
+      }));
+      this.setState({
+        images,
+        index: this.state.index || this.props.index || 0,
+        imageDimensions: dimensions,
+        isLoadingDimensions: false
+      });
+    });
+    _defineProperty(this, "onChange", index => {
+      this.setState({
+        index
+      });
+    });
+    _defineProperty(this, "toggleFullscreenVideo", url => {
+      if (typeof url !== "string") url = "";
+      this.setState({
+        showFullscreenVideo: url.length > 0,
+        currentVideoUrl: url
+      });
+    });
+    _defineProperty(this, "renderImageFooter", media => {
+      var _media$user, _media$user2;
+      if (!media.user || !media.date) return null;
+      let dateText, timeText;
+      if (!_.isNil(media.date)) {
+        const imageDate = moment(media.date);
+        dateText = imageDate.format("MMMM D, YYYY");
+        timeText = imageDate.format("hh:mm A");
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.imageInfoContainer
+      }, /*#__PURE__*/React.createElement(ProfilePic, {
+        Diameter: 36,
+        ProfilePic: media === null || media === void 0 || (_media$user = media.user) === null || _media$user === void 0 ? void 0 : _media$user.profilePic
+      }), /*#__PURE__*/React.createElement(View, {
+        style: styles.imageTextContainer
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.imageTextName
+      }, media === null || media === void 0 || (_media$user2 = media.user) === null || _media$user2 === void 0 ? void 0 : _media$user2.displayName), /*#__PURE__*/React.createElement(Text, {
+        numberOfLines: 2,
+        style: styles.iamgeTextDate
+      }, `Uploaded ${dateText} • ${timeText}`)));
+    });
+    _defineProperty(this, "renderCaption", media => {
+      if (!media.caption) return null;
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.captionContainer
+      }, /*#__PURE__*/React.createElement(Text, {
+        numberOfLines: 3,
+        style: styles.captionText
+      }, media.caption));
+    });
+    _defineProperty(this, "getImageDimensions", media => {
+      const cachedDimensions = this.state.imageDimensions[media === null || media === void 0 ? void 0 : media.url] || {
+        width: SCREEN_WIDTH,
+        height: SCREEN_HEIGHT
+      };
+      const aspectRatio = cachedDimensions.width / cachedDimensions.height;
+      let imageWidth = SCREEN_WIDTH;
+      let imageHeight = imageWidth / aspectRatio;
+
+      // Cap at 70% of screen height
+      if (imageHeight > MAX_IMAGE_HEIGHT) {
+        imageHeight = MAX_IMAGE_HEIGHT;
+        imageWidth = imageHeight * aspectRatio;
+      }
+      return {
+        imageWidth,
+        imageHeight
+      };
+    });
+    _defineProperty(this, "renderImage", props => {
+      const media = this.state.images.find(image => image.url === props.source.uri);
+      const isVideoMedia = !_.isNil(media) && media.isVideo;
+      const {
+        imageWidth,
+        imageHeight
+      } = this.getImageDimensions(media);
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.imageContainer
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: media === null || media === void 0 ? void 0 : media.url
+        },
+        style: {
+          width: imageWidth,
+          height: imageHeight
+        },
+        resizeMode: "contain"
+      }), isVideoMedia && /*#__PURE__*/React.createElement(View, {
+        style: [styles.videoOverlay, {
+          width: imageWidth,
+          height: imageHeight
+        }]
+      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: this.toggleFullscreenVideo.bind(this, media.original)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        name: "play",
+        type: "font-awesome",
+        iconStyle: styles.videoPlayIcon
+      }))));
+    });
+    _defineProperty(this, "renderBottomContent", () => {
+      const {
+        index,
+        images
+      } = this.state;
+      const media = images[index];
+      if (!media) return null;
+      const hasCaption = !_.isNil(media.caption);
+      const hasUserInfo = !_.isNil(media.user) || !_.isNil(media.date);
+      if (!hasCaption && !hasUserInfo) return null;
+
+      // Calculate where the image ends (for caption positioning)
+      const {
+        imageHeight
+      } = this.getImageDimensions(media);
+      const imageTop = (SCREEN_HEIGHT - imageHeight) / 2;
+      const imageBottom = imageTop + imageHeight;
+      const captionTop = imageBottom + 16;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, hasCaption && /*#__PURE__*/React.createElement(View, {
+        style: [styles.captionWrapper, {
+          top: captionTop
+        }]
+      }, this.renderCaption(media)), hasUserInfo && /*#__PURE__*/React.createElement(View, {
+        style: styles.userInfoWrapper
+      }, this.renderImageFooter(media)));
+    });
+    this.state = {
+      index: 0,
+      images: [],
+      showFullscreenVideo: false,
+      currentVideoUrl: "",
+      imageDimensions: {},
+      isLoadingDimensions: false
+    };
+  }
+  componentDidMount() {
+    this.setupUrls();
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      visible,
+      index
+    } = this.props;
+    if (!prevProps.visible && visible) this.setupUrls();
+    if (prevProps.index !== index) this.setState({
+      index
+    });
+  }
+  scrollTo(index) {
+    this.setState({
+      index
+    });
+  }
+  renderClose() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.menuIconContainer,
+      onPress: this.props.onClose,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "x",
+      style: [styles.menuIcon]
+    }));
+  }
+  renderVideoPlayerPopup() {
+    const {
+      showFullscreenVideo,
+      currentVideoUrl
+    } = this.state;
+    if (!currentVideoUrl) return;
+    return /*#__PURE__*/React.createElement(VideoPopup, {
+      uri: currentVideoUrl,
+      visible: showFullscreenVideo,
+      onClose: this.toggleFullscreenVideo
+    });
+  }
+  render() {
+    var _images$index;
+    const {
+      visible,
+      onClose
+    } = this.props;
+    const {
+      index,
+      images,
+      isLoadingDimensions
+    } = this.state;
+    if (_.isEmpty(images)) {
+      return null;
+    }
+    if (isLoadingDimensions) {
+      return /*#__PURE__*/React.createElement(Modal, {
+        visible: visible,
+        animationType: "slide",
+        onRequestClose: onClose,
+        style: styles.modal
+      }, /*#__PURE__*/React.createElement(LoadingIndicator, {
+        visible: true
+      }));
+    }
+    const imagesWithSizes = images.map(image => {
+      return {
+        ...image,
+        width: SCREEN_WIDTH,
+        height: SCREEN_HEIGHT
+      };
+    });
+    return /*#__PURE__*/React.createElement(Modal, {
+      visible: visible,
+      animationType: "slide",
+      onRequestClose: onClose,
+      style: styles.modal
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(ImageViewer, {
+      style: styles.imageViewer,
+      index: index,
+      onChange: this.onChange,
+      onSwipeDown: onClose,
+      enableSwipeDown: true,
+      imageUrls: imagesWithSizes,
+      saveToLocalByLongPress: false,
+      renderImage: this.renderImage,
+      backgroundColor: "#000"
+    }), this.renderBottomContent(), this.renderClose(), /*#__PURE__*/React.createElement(SharingTools, {
+      uri: (_images$index = images[index]) === null || _images$index === void 0 ? void 0 : _images$index.original
+    })), this.renderVideoPlayerPopup());
+  }
+}
+const styles = StyleSheet.create({
+  modal: {
+    backgroundColor: "#000"
+  },
+  container: {
+    flex: 1,
+    backgroundColor: "#000"
+  },
+  imageViewer: {
+    flex: 1,
+    backgroundColor: "#000"
+  },
+  imageContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  captionWrapper: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    zIndex: 10
+  },
+  userInfoWrapper: {
+    position: "absolute",
+    bottom: 40,
+    // Safe area padding
+    left: 16,
+    right: 16,
+    zIndex: 10
+  },
+  menuIconContainer: {
+    position: "absolute",
+    top: StatusBarHeight(0),
+    right: 0,
+    width: 55,
+    height: 55,
+    zIndex: 3
+  },
+  menuIcon: {
+    fontSize: 25,
+    padding: 15,
+    width: 55,
+    textAlign: "center",
+    color: "#fff",
+    zIndex: 3
+  },
+  videoOverlay: {
+    position: "absolute",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  videoPlayIcon: {
+    color: "#fff",
+    fontSize: 30,
+    textShadowColor: "rgba(0,0,0,0.3)",
+    textShadowOffset: {
+      width: 2,
+      height: 2
+    }
+  },
+  imageInfoContainer: {
+    flexDirection: "row",
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+    gap: 4,
+    borderRadius: 8,
+    alignItems: "center"
+  },
+  imageTextContainer: {
+    marginLeft: 12,
+    flexDirection: "column",
+    gap: 4,
+    flex: 1,
+    justifyContent: "space-around"
+  },
+  imageTextName: {
+    fontFamily: "sf-semibold",
+    fontSize: 14,
+    color: "#fff"
+  },
+  iamgeTextDate: {
+    fontFamily: "sf-regular",
+    fontSize: 12,
+    color: "rgba(255, 255, 255, 0.8)"
+  },
+  captionContainer: {
+    borderRadius: 16,
+    padding: 0,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  captionText: {
+    fontFamily: "sf-regular",
+    fontSize: 15,
+    color: "#fff",
+    textAlign: "center",
+    lineHeight: 20
+  }
+});
+export { ImagePopup };
+//# sourceMappingURL=ImagePopup.js.map