@plusscommunities/pluss-circles-app 7.0.19 → 7.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,9 @@
1
1
  import React, { Component } from "react";
2
- import { ScrollView, Text, View, ImageBackground, Dimensions } from "react-native";
2
+ import { ScrollView, Text, View, ImageBackground, Dimensions, Platform } from "react-native";
3
3
  import { connect } from "react-redux";
4
4
  import _ from "lodash";
5
5
  import { LinearGradient } from "expo-linear-gradient";
6
+ import { withSafeAreaInsets } from "react-native-safe-area-context";
6
7
  import { getImageSource, TEXT_DARK, TEXT_BLUEGREY, getFirstName, COLOUR_TRANSPARENT, LINEGREY, getMainBrandingColourFromState, StatusBarHeight } from "../../js";
7
8
  import { Spinner, ProfilePic, MiddlePopup, InlineButton, BackButton } from "../common";
8
9
  import { joinGroup } from "../../actions";
@@ -127,12 +128,16 @@ class PublicGroupAction extends Component {
127
128
  return null;
128
129
  }
129
130
  if (this.props.showingAction) {
131
+ var _this$props$insets;
130
132
  return /*#__PURE__*/React.createElement(MiddlePopup, {
131
133
  onClose: () => {
132
134
  this.backClose();
133
135
  }
134
136
  }, /*#__PURE__*/React.createElement(View, {
135
- style: styles.popupContainer
137
+ style: [styles.popupContainer, {
138
+ height: SCREEN_HEIGHT,
139
+ paddingBottom: Platform.OS === "android" ? (((_this$props$insets = this.props.insets) === null || _this$props$insets === void 0 ? void 0 : _this$props$insets.bottom) ?? 0) + StatusBarHeight(0) : 0
140
+ }]
136
141
  }, /*#__PURE__*/React.createElement(View, {
137
142
  style: styles.backButton
138
143
  }, /*#__PURE__*/React.createElement(View, {
@@ -146,7 +151,9 @@ class PublicGroupAction extends Component {
146
151
  }
147
152
  }))), /*#__PURE__*/React.createElement(ScrollView, {
148
153
  style: styles.scroll,
149
- keyboardShouldPersistTaps: "always"
154
+ keyboardShouldPersistTaps: "always",
155
+ nestedScrollEnabled: true,
156
+ removeClippedSubviews: false
150
157
  }, /*#__PURE__*/React.createElement(View, {
151
158
  style: [styles.mainHeader, this.state.group.Image == null && {
152
159
  height: 80
@@ -217,8 +224,7 @@ const styles = {
217
224
  popupContainer: {
218
225
  borderRadius: 0,
219
226
  backgroundColor: "#fff",
220
- width: SCREEN_WIDTH,
221
- flex: 1
227
+ width: SCREEN_WIDTH
222
228
  },
223
229
  scroll: {
224
230
  flex: 1,
@@ -1 +1 @@
1
- {"version":3,"names":["React","Component","ScrollView","Text","View","ImageBackground","Dimensions","connect","_","LinearGradient","getImageSource","TEXT_DARK","TEXT_BLUEGREY","getFirstName","COLOUR_TRANSPARENT","LINEGREY","getMainBrandingColourFromState","StatusBarHeight","Spinner","ProfilePic","MiddlePopup","InlineButton","BackButton","joinGroup","values","SCREEN_HEIGHT","get","height","CARD_IMAGE_HEIGHT","SCREEN_WIDTH","width","PublicGroupAction","constructor","props","state","group","loading","UNSAFE_componentWillMount","setState","componentWillUnmount","onClose","getShortName","name","names","split","match","length","user","uid","backClose","renderButtons","createElement","style","paddingTop","flexDirection","justifyContent","borderTopWidth","borderTopColor","large","color","colourBrandingMain","borderWidth","borderColor","onPress","capitalize","entityName","renderPeople","source","filter","Audience","item","isEmpty","paddingBottom","styles","normalText","fontFamily","map","index","key","position","marginTop","alignItems","Diameter","profilePic","marginLeft","lineHeight","displayName","render","showingAction","popupContainer","backButton","headerContent","scroll","keyboardShouldPersistTaps","mainHeader","Image","Id","image","backgroundColor","gradientOverlay","colors","start","x","y","end","locations","paddingHorizontal","titleContainer","eventTitle","Title","Description","buttonContainer","left","top","zIndex","elevation","alignSelf","flex","borderRadius","undefined","fontSize","mapStateToProps","withSafeAreaInsets"],"sources":["PublicGroupAction.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n\tScrollView,\n\tText,\n\tView,\n\tImageBackground,\n\tDimensions,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport {\n\tgetImageSource,\n\tTEXT_DARK,\n\tTEXT_BLUEGREY,\n\tgetFirstName,\n\tCOLOUR_TRANSPARENT,\n\tLINEGREY,\n\tgetMainBrandingColourFromState,\n\tStatusBarHeight,\n} from \"../../js\";\nimport {\n\tSpinner,\n\tProfilePic,\n\tMiddlePopup,\n\tInlineButton,\n\tBackButton,\n} from \"../common\";\nimport { joinGroup } from \"../../actions\";\nimport { values } from \"../../values.config\";\n\nconst SCREEN_HEIGHT = Dimensions.get(\"window\").height;\nconst CARD_IMAGE_HEIGHT = SCREEN_HEIGHT * 0.3;\nconst SCREEN_WIDTH = Dimensions.get(\"window\").width;\n\nclass PublicGroupAction extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tgroup: {},\n\t\t\tloading: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\t// this.loadEvent();\n\t\tthis.setState({ group: this.props.group });\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.onClose();\n\t}\n\n\tgetShortName(name) {\n\t\tif (!name) {\n\t\t\treturn name;\n\t\t}\n\t\tconst names = name.split(\",\")[0].match(/\\b\\w/g);\n\t\treturn names && names.length > 0\n\t\t\t? `${names[0]}${names.length > 1 ? names[names.length - 1] : \"\"}`\n\t\t\t: \"\";\n\t}\n\n\tjoinGroup() {\n\t\tif (this.state.loading) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({ loading: true });\n\t\tthis.props.onClose(true);\n\t\tthis.props.joinGroup(this.state.group, true, this.props.user.uid);\n\t}\n\n\tbackClose() {\n\t\tthis.props.onClose();\n\t}\n\n\trenderButtons() {\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpaddingTop: 15,\n\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</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\tpaddingTop: 15,\n\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<InlineButton\n\t\t\t\t\tlarge\n\t\t\t\t\tcolor={this.props.colourBrandingMain}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderWidth: 1,\n\t\t\t\t\t\tborderColor: this.props.colourBrandingMain,\n\t\t\t\t\t\twidth: SCREEN_WIDTH - 32,\n\t\t\t\t\t}}\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.joinGroup();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{`Join ${_.capitalize(values.entityName)}`}\n\t\t\t\t</InlineButton>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderPeople() {\n\t\tconst source = _.filter([...this.state.group.Audience], (item) => {\n\t\t\treturn item != null;\n\t\t});\n\t\tif (_.isEmpty(source)) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\tpaddingTop: 8,\n\t\t\t\t\tpaddingBottom: 16,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={[styles.normalText, { fontFamily: \"sf-semibold\" }]}\n\t\t\t\t>{`Members (${source.length})`}</Text>\n\t\t\t\t{source.map((user, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ProfilePic Diameter={40} ProfilePic={user.profilePic} />\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.normalText,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tfontFamily: \"sf-semibold\",\n\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 14,\n\t\t\t\t\t\t\t\t\t\tlineHeight: 16,\n\t\t\t\t\t\t\t\t\t},\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\t{getFirstName(user.displayName)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (_.isEmpty(this.state.group)) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.showingAction) {\n\t\t\treturn (\n\t\t\t\t<MiddlePopup\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tthis.backClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<View style={styles.popupContainer}>\n\t\t\t\t\t\t{/* Top Back Button */}\n\t\t\t\t\t\t<View style={styles.backButton}>\n\t\t\t\t\t\t\t<View style={styles.headerContent}>\n\t\t\t\t\t\t\t\t<BackButton\n\t\t\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\t\t\tthis.backClose();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 16,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\tstyle={styles.scroll}\n\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.mainHeader,\n\t\t\t\t\t\t\t\t\tthis.state.group.Image == null && { height: 80 },\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\t<ImageBackground\n\t\t\t\t\t\t\t\t\tId=\"image\"\n\t\t\t\t\t\t\t\t\tstyle={[styles.image, { backgroundColor: TEXT_BLUEGREY }]}\n\t\t\t\t\t\t\t\t\tkey={this.state.group.Id}\n\t\t\t\t\t\t\t\t\tsource={getImageSource(this.state.group.Image)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<LinearGradient\n\t\t\t\t\t\t\t\t\t\tstyle={styles.gradientOverlay}\n\t\t\t\t\t\t\t\t\t\tcolors={[\"rgba(0,0,0,0.7)\", COLOUR_TRANSPARENT]}\n\t\t\t\t\t\t\t\t\t\tstart={{ x: 0, y: 0 }}\n\t\t\t\t\t\t\t\t\t\tend={{ x: 0, y: 1 }}\n\t\t\t\t\t\t\t\t\t\tlocations={[0, 0.5]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ImageBackground>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t<View style={{ paddingHorizontal: 16, paddingBottom: 16 }}>\n\t\t\t\t\t\t\t\t<View style={styles.titleContainer}>\n\t\t\t\t\t\t\t\t\t<Text style={styles.eventTitle}>\n\t\t\t\t\t\t\t\t\t\t{this.state.group.Title}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t{!_.isEmpty(this.state.group.Description) && (\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t\t\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t\t\t\t\t\tpaddingTop: 8,\n\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: 16,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tstyle={[styles.normalText, { fontFamily: \"sf-semibold\" }]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tDescription\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<Text style={[styles.normalText]}>\n\t\t\t\t\t\t\t\t\t\t\t{this.state.group.Description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{this.renderPeople()}\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t<View style={styles.buttonContainer}>{this.renderButtons()}</View>\n\t\t\t\t\t</View>\n\t\t\t\t</MiddlePopup>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n}\n\nconst styles = {\n\tbackButton: {\n\t\tposition: \"absolute\",\n\t\tleft: 0,\n\t\ttop: 0,\n\t\tzIndex: 10,\n\t\televation: 10,\n\t\theight: StatusBarHeight(70),\n\t},\n\theaderContent: {\n\t\talignSelf: \"stretch\",\n\t\tflexDirection: \"row\",\n\t\tflex: 1,\n\t\tpaddingTop: StatusBarHeight(12),\n\t},\n\tpopupContainer: {\n\t\tborderRadius: 0,\n\t\tbackgroundColor: \"#fff\",\n\t\twidth: SCREEN_WIDTH,\n\t\tflex: 1,\n\t},\n\tscroll: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tbuttonContainer: {\n\t\tpaddingBottom: 16,\n\t\tpaddingHorizontal: 16,\n\t},\n\tmainHeader: {\n\t\tposition: \"relative\",\n\t\theight: CARD_IMAGE_HEIGHT,\n\t\twidth: SCREEN_WIDTH,\n\t},\n\tgradientOverlay: {\n\t\tflex: 1,\n\t},\n\timage: {\n\t\tbackgroundColor: \"#fff\",\n\t\tposition: \"relative\",\n\t\twidth: undefined,\n\t\theight: undefined,\n\t\tflex: 1,\n\t},\n\ttitleContainer: {\n\t\t/* flex: 1,\n flexDirection: 'row-reverse', */\n\t\tpaddingTop: 20,\n\t},\n\teventTitle: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tlineHeight: 32,\n\t\tcolor: TEXT_DARK,\n\t\tbackgroundColor: \"transparent\",\n\t},\n\tnormalText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tcolor: TEXT_DARK,\n\t\tmarginTop: 6,\n\t\tbackgroundColor: \"transparent\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, { joinGroup })(\n\twithSafeAreaInsets(PublicGroupAction),\n);\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","Component","ScrollView","Text","View","ImageBackground","Dimensions","Platform","connect","_","LinearGradient","withSafeAreaInsets","getImageSource","TEXT_DARK","TEXT_BLUEGREY","getFirstName","COLOUR_TRANSPARENT","LINEGREY","getMainBrandingColourFromState","StatusBarHeight","Spinner","ProfilePic","MiddlePopup","InlineButton","BackButton","joinGroup","values","SCREEN_HEIGHT","get","height","CARD_IMAGE_HEIGHT","SCREEN_WIDTH","width","PublicGroupAction","constructor","props","state","group","loading","UNSAFE_componentWillMount","setState","componentWillUnmount","onClose","getShortName","name","names","split","match","length","user","uid","backClose","renderButtons","createElement","style","paddingTop","flexDirection","justifyContent","borderTopWidth","borderTopColor","large","color","colourBrandingMain","borderWidth","borderColor","onPress","capitalize","entityName","renderPeople","source","filter","Audience","item","isEmpty","paddingBottom","styles","normalText","fontFamily","map","index","key","position","marginTop","alignItems","Diameter","profilePic","marginLeft","lineHeight","displayName","render","showingAction","_this$props$insets","popupContainer","OS","insets","bottom","backButton","headerContent","scroll","keyboardShouldPersistTaps","nestedScrollEnabled","removeClippedSubviews","mainHeader","Image","Id","image","backgroundColor","gradientOverlay","colors","start","x","y","end","locations","paddingHorizontal","titleContainer","eventTitle","Title","Description","buttonContainer","left","top","zIndex","elevation","alignSelf","flex","borderRadius","undefined","fontSize","mapStateToProps"],"sources":["PublicGroupAction.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n\tScrollView,\n\tText,\n\tView,\n\tImageBackground,\n\tDimensions,\n\tPlatform,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { withSafeAreaInsets } from \"react-native-safe-area-context\";\nimport {\n\tgetImageSource,\n\tTEXT_DARK,\n\tTEXT_BLUEGREY,\n\tgetFirstName,\n\tCOLOUR_TRANSPARENT,\n\tLINEGREY,\n\tgetMainBrandingColourFromState,\n\tStatusBarHeight,\n} from \"../../js\";\nimport {\n\tSpinner,\n\tProfilePic,\n\tMiddlePopup,\n\tInlineButton,\n\tBackButton,\n} from \"../common\";\nimport { joinGroup } from \"../../actions\";\nimport { values } from \"../../values.config\";\n\nconst SCREEN_HEIGHT = Dimensions.get(\"window\").height;\nconst CARD_IMAGE_HEIGHT = SCREEN_HEIGHT * 0.3;\nconst SCREEN_WIDTH = Dimensions.get(\"window\").width;\n\nclass PublicGroupAction extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tgroup: {},\n\t\t\tloading: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\t// this.loadEvent();\n\t\tthis.setState({ group: this.props.group });\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.onClose();\n\t}\n\n\tgetShortName(name) {\n\t\tif (!name) {\n\t\t\treturn name;\n\t\t}\n\t\tconst names = name.split(\",\")[0].match(/\\b\\w/g);\n\t\treturn names && names.length > 0\n\t\t\t? `${names[0]}${names.length > 1 ? names[names.length - 1] : \"\"}`\n\t\t\t: \"\";\n\t}\n\n\tjoinGroup() {\n\t\tif (this.state.loading) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({ loading: true });\n\t\tthis.props.onClose(true);\n\t\tthis.props.joinGroup(this.state.group, true, this.props.user.uid);\n\t}\n\n\tbackClose() {\n\t\tthis.props.onClose();\n\t}\n\n\trenderButtons() {\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpaddingTop: 15,\n\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</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\tpaddingTop: 15,\n\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<InlineButton\n\t\t\t\t\tlarge\n\t\t\t\t\tcolor={this.props.colourBrandingMain}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderWidth: 1,\n\t\t\t\t\t\tborderColor: this.props.colourBrandingMain,\n\t\t\t\t\t\twidth: SCREEN_WIDTH - 32,\n\t\t\t\t\t}}\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.joinGroup();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{`Join ${_.capitalize(values.entityName)}`}\n\t\t\t\t</InlineButton>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderPeople() {\n\t\tconst source = _.filter([...this.state.group.Audience], (item) => {\n\t\t\treturn item != null;\n\t\t});\n\t\tif (_.isEmpty(source)) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\tpaddingTop: 8,\n\t\t\t\t\tpaddingBottom: 16,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={[styles.normalText, { fontFamily: \"sf-semibold\" }]}\n\t\t\t\t>{`Members (${source.length})`}</Text>\n\t\t\t\t{source.map((user, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ProfilePic Diameter={40} ProfilePic={user.profilePic} />\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.normalText,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tfontFamily: \"sf-semibold\",\n\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 14,\n\t\t\t\t\t\t\t\t\t\tlineHeight: 16,\n\t\t\t\t\t\t\t\t\t},\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\t{getFirstName(user.displayName)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (_.isEmpty(this.state.group)) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.showingAction) {\n\t\t\treturn (\n\t\t\t\t<MiddlePopup\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tthis.backClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.popupContainer,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: SCREEN_HEIGHT,\n\t\t\t\t\t\t\t\tpaddingBottom:\n\t\t\t\t\t\t\t\t\tPlatform.OS === \"android\"\n\t\t\t\t\t\t\t\t\t\t? (this.props.insets?.bottom ?? 0) + StatusBarHeight(0)\n\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* Top Back Button */}\n\t\t\t\t\t\t<View style={styles.backButton}>\n\t\t\t\t\t\t\t<View style={styles.headerContent}>\n\t\t\t\t\t\t\t\t<BackButton\n\t\t\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\t\t\tthis.backClose();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 16,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\tstyle={styles.scroll}\n\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\t\t\tnestedScrollEnabled={true}\n\t\t\t\t\t\t\tremoveClippedSubviews={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.mainHeader,\n\t\t\t\t\t\t\t\t\tthis.state.group.Image == null && { height: 80 },\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\t<ImageBackground\n\t\t\t\t\t\t\t\t\tId=\"image\"\n\t\t\t\t\t\t\t\t\tstyle={[styles.image, { backgroundColor: TEXT_BLUEGREY }]}\n\t\t\t\t\t\t\t\t\tkey={this.state.group.Id}\n\t\t\t\t\t\t\t\t\tsource={getImageSource(this.state.group.Image)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<LinearGradient\n\t\t\t\t\t\t\t\t\t\tstyle={styles.gradientOverlay}\n\t\t\t\t\t\t\t\t\t\tcolors={[\"rgba(0,0,0,0.7)\", COLOUR_TRANSPARENT]}\n\t\t\t\t\t\t\t\t\t\tstart={{ x: 0, y: 0 }}\n\t\t\t\t\t\t\t\t\t\tend={{ x: 0, y: 1 }}\n\t\t\t\t\t\t\t\t\t\tlocations={[0, 0.5]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ImageBackground>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t<View style={{ paddingHorizontal: 16, paddingBottom: 16 }}>\n\t\t\t\t\t\t\t\t<View style={styles.titleContainer}>\n\t\t\t\t\t\t\t\t\t<Text style={styles.eventTitle}>\n\t\t\t\t\t\t\t\t\t\t{this.state.group.Title}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t{!_.isEmpty(this.state.group.Description) && (\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tborderTopColor: LINEGREY,\n\t\t\t\t\t\t\t\t\t\t\tborderTopWidth: 1,\n\t\t\t\t\t\t\t\t\t\t\tpaddingTop: 8,\n\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: 16,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tstyle={[styles.normalText, { fontFamily: \"sf-semibold\" }]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tDescription\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<Text style={[styles.normalText]}>\n\t\t\t\t\t\t\t\t\t\t\t{this.state.group.Description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{this.renderPeople()}\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t<View style={styles.buttonContainer}>{this.renderButtons()}</View>\n\t\t\t\t\t</View>\n\t\t\t\t</MiddlePopup>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n}\n\nconst styles = {\n\tbackButton: {\n\t\tposition: \"absolute\",\n\t\tleft: 0,\n\t\ttop: 0,\n\t\tzIndex: 10,\n\t\televation: 10,\n\t\theight: StatusBarHeight(70),\n\t},\n\theaderContent: {\n\t\talignSelf: \"stretch\",\n\t\tflexDirection: \"row\",\n\t\tflex: 1,\n\t\tpaddingTop: StatusBarHeight(12),\n\t},\n\tpopupContainer: {\n\t\tborderRadius: 0,\n\t\tbackgroundColor: \"#fff\",\n\t\twidth: SCREEN_WIDTH,\n\t},\n\tscroll: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tbuttonContainer: {\n\t\tpaddingBottom: 16,\n\t\tpaddingHorizontal: 16,\n\t},\n\tmainHeader: {\n\t\tposition: \"relative\",\n\t\theight: CARD_IMAGE_HEIGHT,\n\t\twidth: SCREEN_WIDTH,\n\t},\n\tgradientOverlay: {\n\t\tflex: 1,\n\t},\n\timage: {\n\t\tbackgroundColor: \"#fff\",\n\t\tposition: \"relative\",\n\t\twidth: undefined,\n\t\theight: undefined,\n\t\tflex: 1,\n\t},\n\ttitleContainer: {\n\t\t/* flex: 1,\n flexDirection: 'row-reverse', */\n\t\tpaddingTop: 20,\n\t},\n\teventTitle: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tlineHeight: 32,\n\t\tcolor: TEXT_DARK,\n\t\tbackgroundColor: \"transparent\",\n\t},\n\tnormalText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tcolor: TEXT_DARK,\n\t\tmarginTop: 6,\n\t\tbackgroundColor: \"transparent\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, { joinGroup })(\n\twithSafeAreaInsets(PublicGroupAction),\n);\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plusscommunities/pluss-circles-app",
3
- "version": "7.0.19",
3
+ "version": "7.0.20",
4
4
  "description": "Extension package to enable circles on Pluss Communities Platform",
5
5
  "main": "dist/module/index.js",
6
6
  "module": "dist/module/index.js",
@@ -5,10 +5,12 @@ import {
5
5
  View,
6
6
  ImageBackground,
7
7
  Dimensions,
8
+ Platform,
8
9
  } from "react-native";
9
10
  import { connect } from "react-redux";
10
11
  import _ from "lodash";
11
12
  import { LinearGradient } from "expo-linear-gradient";
13
+ import { withSafeAreaInsets } from "react-native-safe-area-context";
12
14
  import {
13
15
  getImageSource,
14
16
  TEXT_DARK,
@@ -182,7 +184,18 @@ class PublicGroupAction extends Component {
182
184
  this.backClose();
183
185
  }}
184
186
  >
185
- <View style={styles.popupContainer}>
187
+ <View
188
+ style={[
189
+ styles.popupContainer,
190
+ {
191
+ height: SCREEN_HEIGHT,
192
+ paddingBottom:
193
+ Platform.OS === "android"
194
+ ? (this.props.insets?.bottom ?? 0) + StatusBarHeight(0)
195
+ : 0,
196
+ },
197
+ ]}
198
+ >
186
199
  {/* Top Back Button */}
187
200
  <View style={styles.backButton}>
188
201
  <View style={styles.headerContent}>
@@ -199,6 +212,8 @@ class PublicGroupAction extends Component {
199
212
  <ScrollView
200
213
  style={styles.scroll}
201
214
  keyboardShouldPersistTaps="always"
215
+ nestedScrollEnabled={true}
216
+ removeClippedSubviews={false}
202
217
  >
203
218
  <View
204
219
  style={[
@@ -277,7 +292,6 @@ const styles = {
277
292
  borderRadius: 0,
278
293
  backgroundColor: "#fff",
279
294
  width: SCREEN_WIDTH,
280
- flex: 1,
281
295
  },
282
296
  scroll: {
283
297
  flex: 1,