npm - @plusscommunities/pluss-circles-app-groups - Versions diffs - 8.0.9-beta.3 → 8.0.10 - Mend

@plusscommunities/pluss-circles-app-groups 8.0.9-beta.3 → 8.0.10

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.

Files changed (46) hide show

package/dist/module/components/notifications/GroupInviteAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Component","ScrollView","Text","View","ImageBackground","Dimensions","connect","_","moment","LinearGradient","getImageSource","TEXT_DARK","TEXT_BLUEGREY","getFirstName","COLOUR_TRANSPARENT","LINEGREY","getMainBrandingColourFromState","StatusBarHeight","Spinner","ProfilePic","MiddlePopup","InlineButton","BackButton","handleGroupInvite","values","SCREEN_HEIGHT","get","height","CARD_IMAGE_HEIGHT","SCREEN_WIDTH","width","GroupInviteAction","constructor","props","state","group","loading","UNSAFE_componentWillMount","setState","componentWillUnmount","onClose","getShortName","name","names","split","match","length","acceptInvite","user","uid","declineInvite","backClose","renderButtons","createElement","style","paddingTop","flexDirection","justifyContent","borderTopWidth","borderTopColor","large","color","borderWidth","borderColor","colourBrandingMain","onPress","textStyle","capitalize","entityName","renderPeople","source","filter","Audience","item","userId","isEmpty","paddingBottom","styles","normalText","fontFamily","map","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","fontSize","Timestamp","format","Description","buttonContainer","left","top","zIndex","elevation","alignSelf","flex","borderRadius","undefined","mapStateToProps"],"sources":["GroupInviteAction.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 moment from \"moment\";\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 { handleGroupInvite } 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 GroupInviteAction 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\tacceptInvite() {\n\t\tif (this.state.loading) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({ loading: true });\n\t\tthis.props.handleGroupInvite(this.state.group, true, this.props.user.uid);\n\t}\n\n\tdeclineInvite() {\n\t\tif (!this.state.loading) {\n\t\t\tthis.props.handleGroupInvite(this.state.group, false);\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tbackClose() {\n\t\t// if (!this.state.loading) {\n\t\tthis.props.onClose();\n\t\t// }\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=\"#fff\"\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 / 2 - 24,\n\t\t\t\t\t}}\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.declineInvite();\n\t\t\t\t\t}}\n\t\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t\t>\n\t\t\t\t\tDecline Invite\n\t\t\t\t</InlineButton>\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 / 2 - 24,\n\t\t\t\t\t}}\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.acceptInvite();\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\t// const source = _.filter([...this.state.group.Audience, ...this.state.group.Invites], item => {\n\t\t// return item != null && item.userId !== this.props.user.uid;\n\t\t// });\n\t\tconst source = _.filter([...this.state.group.Audience], (item) => {\n\t\t\treturn item != null && item.userId !== this.props.user.uid;\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) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tkey={user.userId}\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\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 2,\n\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: 8,\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={[\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.eventTitle,\n\t\t\t\t\t\t\t\t\t\t\t\t{ fontFamily: \"sf-semibold\", fontSize: 14 },\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tInvited on\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.eventTitle,\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: 24,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontFamily: \"sf-regular\",\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{moment(this.state.group.Timestamp).format(\n\t\t\t\t\t\t\t\t\t\t\t\t\"MMMM Do, YYYY\",\n\t\t\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</View>\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: 70,\n\t},\n\theaderContent: {\n\t\talignSelf: \"stretch\",\n\t\tflexDirection: \"row\",\n\t\tflex: 1,\n\t\tpaddingTop: StatusBarHeight(10),\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, { handleGroupInvite })(\n\tGroupInviteAction,\n);\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","Component","Text","ScrollView","View","ImageBackground","Dimensions","connect","_","moment","LinearGradient","getImageSource","TEXT_DARK","TEXT_BLUEGREY","getFirstName","COLOUR_TRANSPARENT","LINEGREY","getMainBrandingColourFromState","StatusBarHeight","Spinner","ProfilePic","MiddlePopup","InlineButton","BackButton","handleGroupInvite","values","SCREEN_HEIGHT","get","height","CARD_IMAGE_HEIGHT","SCREEN_WIDTH","width","GroupInviteAction","constructor","props","state","group","loading","UNSAFE_componentWillMount","setState","componentWillUnmount","onClose","getShortName","name","names","split","match","length","acceptInvite","user","uid","declineInvite","backClose","renderButtons","createElement","style","paddingTop","flexDirection","justifyContent","borderTopWidth","borderTopColor","large","color","borderWidth","borderColor","colourBrandingMain","onPress","textStyle","capitalize","entityName","renderPeople","source","filter","Audience","item","userId","isEmpty","paddingBottom","styles","normalText","fontFamily","map","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","fontSize","Timestamp","format","Description","buttonContainer","left","top","zIndex","elevation","alignSelf","flex","borderRadius","undefined","mapStateToProps"],"sources":["GroupInviteAction.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport { ScrollView, View, ImageBackground, Dimensions } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport moment from \"moment\";\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 { handleGroupInvite } 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 GroupInviteAction 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\tacceptInvite() {\n\t\tif (this.state.loading) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({ loading: true });\n\t\tthis.props.handleGroupInvite(this.state.group, true, this.props.user.uid);\n\t}\n\n\tdeclineInvite() {\n\t\tif (!this.state.loading) {\n\t\t\tthis.props.handleGroupInvite(this.state.group, false);\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tbackClose() {\n\t\t// if (!this.state.loading) {\n\t\tthis.props.onClose();\n\t\t// }\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=\"#fff\"\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 / 2 - 24,\n\t\t\t\t\t}}\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.declineInvite();\n\t\t\t\t\t}}\n\t\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t\t>\n\t\t\t\t\tDecline Invite\n\t\t\t\t</InlineButton>\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 / 2 - 24,\n\t\t\t\t\t}}\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.acceptInvite();\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\t// const source = _.filter([...this.state.group.Audience, ...this.state.group.Invites], item => {\n\t\t// return item != null && item.userId !== this.props.user.uid;\n\t\t// });\n\t\tconst source = _.filter([...this.state.group.Audience], (item) => {\n\t\t\treturn item != null && item.userId !== this.props.user.uid;\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) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tkey={user.userId}\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\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: \"row\",\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 2,\n\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: 8,\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={[\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.eventTitle,\n\t\t\t\t\t\t\t\t\t\t\t\t{ fontFamily: \"sf-semibold\", fontSize: 14 },\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tInvited on\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.eventTitle,\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: 24,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontFamily: \"sf-regular\",\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{moment(this.state.group.Timestamp).format(\n\t\t\t\t\t\t\t\t\t\t\t\t\"MMMM Do, YYYY\",\n\t\t\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</View>\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: 70,\n\t},\n\theaderContent: {\n\t\talignSelf: \"stretch\",\n\t\tflexDirection: \"row\",\n\t\tflex: 1,\n\t\tpaddingTop: StatusBarHeight(10),\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, { handleGroupInvite })(\n\tGroupInviteAction,\n);\n"],"mappings":"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"}

package/dist/module/components/notifications/GroupMessage.js CHANGED Viewed

@@ -2,7 +2,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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, View, TouchableOpacity, StyleSheet } from "react-native";
+import { View, TouchableOpacity, StyleSheet } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { connect } from "react-redux";
 import _ from "lodash";
 import { ProfilePic } from "../common";

package/dist/module/components/notifications/GroupMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Component","~~Text","~~View","TouchableOpacity","StyleSheet","connect","_","ProfilePic","TEXT_DARK","TEXT_LIGHT","getFirstName","updateNavRead","clearGroupCounter","NavigationService","values","GroupMessage","constructor","args","_defineProperty","message","props","openedNotifs","Id","user","uid","navigate","screenCircleChat","chat","isEmpty","Thumbnail","Image","IsPrivate","otherUser","find","Audience","u","userId","profilePic","render","_message$lastMessage","_message$lastMessage2","_message$lastMessage3","_message$lastMessage4","index","chatImage","getChatImage","createElement","key","style","styles","notifWrapper","activeOpacity","onPress","onPressChat","notifInner","marginRight","Diameter","flex","notifInner_title","Title","lastMessage","name","notifInner_text","isPrivate","text","substring","create","width","padding","paddingBottom","backgroundColor","flexDirection","borderBottomWidth","borderBottomColor","fontSize","fontFamily","color","marginTop","lineHeight","mapStateToProps","state"],"sources":["GroupMessage.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { ~~Text,~~ View, TouchableOpacity, StyleSheet } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { ProfilePic } from \"../common\";\nimport { TEXT_DARK, TEXT_LIGHT, getFirstName } from \"../../js\";\nimport { updateNavRead, clearGroupCounter } from \"../../actions\";\nimport NavigationService from \"../../js/NavigationService\";\nimport { values } from \"../../values.config\";\n\nclass GroupMessage extends Component {\n\tonPressChat = (message) => {\n\t\t// if (message.isPrivate) {\n\t\t// // TODO: No need to handle?\n\t\t// NavigationService.navigate('profile', {\n\t\t// user: {\n\t\t// ...message.PrivateChatUser,\n\t\t// key: message.PrivateChatUser ? message.PrivateChatUser.userId : '',\n\t\t// id: message.PrivateChatUser ? message.PrivateChatUser.userId : '',\n\t\t// },\n\t\t// });\n\t\t// } else {\n\t\tthis.props.updateNavRead({ openedNotifs: true });\n\t\tthis.props.clearGroupCounter(message.Id, this.props.user.uid);\n\t\tNavigationService.navigate(values.screenCircleChat, { chat: message });\n\t\t// }\n\t};\n\n\tgetChatImage = (chat) => {\n\t\tif (!_.isEmpty(chat.Thumbnail)) {\n\t\t\treturn chat.Thumbnail;\n\t\t}\n\t\tif (!_.isEmpty(chat.Image)) {\n\t\t\treturn chat.Image;\n\t\t}\n\t\tif (chat.IsPrivate) {\n\t\t\tconst otherUser = _.find(chat.Audience \|\| [], (u) => {\n\t\t\t\treturn u.userId !== this.props.user.Id;\n\t\t\t});\n\t\t\tif (otherUser) {\n\t\t\t\treturn otherUser.profilePic;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t};\n\n\trender() {\n\t\tconst { message, index } = this.props;\n\n\t\tconst chatImage = this.getChatImage(message);\n\t\treturn (\n\t\t\t<View key={index} style={styles.notifWrapper}>\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={0.9}\n\t\t\t\t\tonPress={() => this.onPressChat(message)}\n\t\t\t\t>\n\t\t\t\t\t<View style={styles.notifInner}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginRight: 16,\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={chatImage} />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<Text style={styles.notifInner_title}>\n\t\t\t\t\t\t\t\t{message.Title\n\t\t\t\t\t\t\t\t\t? `New message in ${message.Title}`\n\t\t\t\t\t\t\t\t\t: `Message from ${message?.lastMessage?.user?.name ? message.lastMessage.user.name : \"\"}`}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text style={styles.notifInner_text}>\n\t\t\t\t\t\t\t\t{message.isPrivate\n\t\t\t\t\t\t\t\t\t? `${message.lastMessage?.text \|\| \"\"}`.substring(0, 150)\n\t\t\t\t\t\t\t\t\t: `${getFirstName(message.lastMessage?.user?.name \|\| \"Someone\")} posted: ${message.lastMessage?.text \|\| \"\"}`.substring(\n\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t100,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tnotifWrapper: {\n\t\twidth: \"100%\",\n\t\tpadding: 16,\n\t\tpaddingBottom: 0,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tnotifInner: {\n\t\tpaddingBottom: 16,\n\t\tflexDirection: \"row\",\n\t\tborderBottomWidth: 1,\n\t\tborderBottomColor: \"rgb(235, 239, 242)\",\n\t},\n\tnotifInner_title: {\n\t\tfontSize: 14,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tnotifInner_text: {\n\t\tmarginTop: 4,\n\t\tfontSize: 12,\n\t\tlineHeight: 14,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: TEXT_LIGHT,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t};\n};\n\nexport default connect(mapStateToProps, { updateNavRead, clearGroupCounter })(\n\tGroupMessage,\n);\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,~~IAAI,EAAEC,~~gBAAgB,EAAEC,UAAU,QAAQ,cAAc;~~AACvE~~,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,CAAC,MAAM,QAAQ;AACtB,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,SAAS,EAAEC,UAAU,EAAEC,YAAY,QAAQ,UAAU;AAC9D,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,eAAe;AAChE,OAAOC,iBAAiB,MAAM,4BAA4B;AAC1D,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,MAAMC,YAAY,SAASf,SAAS,CAAC;EAAAgB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBACrBC,OAAO,IAAK;MAC1B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI,CAACC,KAAK,CAACT,aAAa,CAAC;QAAEU,YAAY,EAAE;MAAK,CAAC,CAAC;MAChD,IAAI,CAACD,KAAK,CAACR,iBAAiB,CAACO,OAAO,CAACG,EAAE,EAAE,IAAI,CAACF,KAAK,CAACG,IAAI,CAACC,GAAG,CAAC;MAC7DX,iBAAiB,CAACY,QAAQ,CAACX,MAAM,CAACY,gBAAgB,EAAE;QAAEC,IAAI,EAAER;MAAQ,CAAC,CAAC;MACtE;IACD,CAAC;IAAAD,eAAA,uBAEeS,IAAI,IAAK;MACxB,IAAI,CAACrB,CAAC,CAACsB,OAAO,CAACD,IAAI,CAACE,SAAS,CAAC,EAAE;QAC/B,OAAOF,IAAI,CAACE,SAAS;MACtB;MACA,IAAI,CAACvB,CAAC,CAACsB,OAAO,CAACD,IAAI,CAACG,KAAK,CAAC,EAAE;QAC3B,OAAOH,IAAI,CAACG,KAAK;MAClB;MACA,IAAIH,IAAI,CAACI,SAAS,EAAE;QACnB,MAAMC,SAAS,GAAG1B,CAAC,CAAC2B,IAAI,CAACN,IAAI,CAACO,QAAQ,IAAI,EAAE,EAAGC,CAAC,IAAK;UACpD,OAAOA,CAAC,CAACC,MAAM,KAAK,IAAI,CAAChB,KAAK,CAACG,IAAI,CAACD,EAAE;QACvC,CAAC,CAAC;QACF,IAAIU,SAAS,EAAE;UACd,OAAOA,SAAS,CAACK,UAAU;QAC5B;MACD;MACA,OAAO,IAAI;IACZ,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IAAA,IAAAC,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;IACR,MAAM;MAAEvB,OAAO;MAAEwB;IAAM,CAAC,GAAG,IAAI,CAACvB,KAAK;IAErC,MAAMwB,SAAS,GAAG,IAAI,CAACC,YAAY,CAAC1B,OAAO,CAAC;IAC5C,oBACCpB,KAAA,CAAA+C,aAAA,~~CAAC5C~~,IAAI;~~MAAC6C~~,GAAG,EAAEJ,KAAM;MAACK,KAAK,EAAEC,MAAM,CAACC;IAAa,gBAC5CnD,KAAA,CAAA+C,aAAA,~~CAAC3C~~,gBAAgB;~~MAChBgD~~,aAAa,EAAE,GAAI;MACnBC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,WAAW,CAAClC,OAAO;IAAE,gBAEzCpB,KAAA,CAAA+C,aAAA,~~CAAC5C~~,IAAI;~~MAAC8C~~,KAAK,EAAEC,MAAM,CAACK;IAAW,gBAC9BvD,KAAA,CAAA+C,aAAA,~~CAAC5C~~,IAAI;~~MACJ8C~~,KAAK,EAAE;QACNO,WAAW,EAAE;MACd;IAAE,gBAEFxD,KAAA,CAAA+C,aAAA,CAACvC,UAAU;MAACiD,QAAQ,EAAE,EAAG;MAACjD,UAAU,EAAEqC;IAAU,CAAE,CAC7C,CAAC,eACP7C,KAAA,CAAA+C,aAAA,~~CAAC5C~~,IAAI;~~MAAC8C~~,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE;IAAE,gBACxB1D,KAAA,CAAA+C,aAAA,~~CAAC7C~~,IAAI;~~MAAC+C~~,KAAK,EAAEC,MAAM,CAACS;IAAiB,GACnCvC,OAAO,CAACwC,KAAK,GACV,kBAAiBxC,OAAO,CAACwC,KAAM,EAAC,GAChC,gBAAexC,OAAO,aAAPA,OAAO,gBAAAoB,oBAAA,GAAPpB,OAAO,CAAEyC,WAAW,cAAArB,oBAAA,gBAAAA,oBAAA,GAApBA,oBAAA,CAAsBhB,IAAI,cAAAgB,oBAAA,eAA1BA,oBAAA,CAA4BsB,IAAI,GAAG1C,OAAO,CAACyC,WAAW,CAACrC,IAAI,CAACsC,IAAI,GAAG,EAAG,EACpF,CAAC,eACP9D,KAAA,CAAA+C,aAAA,~~CAAC7C~~,IAAI;~~MAAC+C~~,KAAK,EAAEC,MAAM,CAACa;IAAgB,GAClC3C,OAAO,CAAC4C,SAAS,GACd,GAAE,EAAAvB,qBAAA,GAAArB,OAAO,CAACyC,WAAW,cAAApB,qBAAA,uBAAnBA,qBAAA,CAAqBwB,IAAI,KAAI,EAAG,EAAC,CAACC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,GACrD,GAAEvD,YAAY,CAAC,EAAA+B,qBAAA,GAAAtB,OAAO,CAACyC,WAAW,cAAAnB,qBAAA,gBAAAA,qBAAA,GAAnBA,qBAAA,CAAqBlB,IAAI,cAAAkB,qBAAA,uBAAzBA,qBAAA,CAA2BoB,IAAI,KAAI,SAAS,CAAE,YAAW,EAAAnB,qBAAA,GAAAvB,OAAO,CAACyC,WAAW,cAAAlB,qBAAA,uBAAnBA,qBAAA,CAAqBsB,IAAI,KAAI,EAAG,EAAC,CAACC,SAAS,CACpH,CAAC,EACD,GACD,CACG,CACD,CACD,CACW,CACb,CAAC;EAET;AACD;AAEA,MAAMhB,MAAM,~~GAAG7C~~,UAAU,~~CAAC8D~~,MAAM,CAAC;EAChChB,YAAY,EAAE;IACbiB,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE,CAAC;IAChBC,eAAe,EAAE;EAClB,CAAC;EACDhB,UAAU,EAAE;IACXe,aAAa,EAAE,EAAE;IACjBE,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAE;EACpB,CAAC;EACDf,gBAAgB,EAAE;IACjBgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,aAAa;IACzBC,KAAK,EAAEpE;EACR,CAAC;EACDsD,eAAe,EAAE;IAChBe,SAAS,EAAE,CAAC;IACZH,QAAQ,EAAE,EAAE;IACZI,UAAU,EAAE,EAAE;IACdH,UAAU,EAAE,YAAY;IACxBC,KAAK,EAAEnE;EACR;AACD,CAAC,CAAC;AAEF,MAAMsE,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNzD,IAAI,EAAEyD,KAAK,CAACzD;EACb,CAAC;AACF,CAAC;AAED,eAAelB,OAAO,CAAC0E,eAAe,EAAE;EAAEpE,aAAa;EAAEC;AAAkB,CAAC,CAAC,CAC5EG,YACD,CAAC"}
1	+ {"version":3,"names":["React","Component","View","TouchableOpacity","StyleSheet","Text","connect","_","ProfilePic","TEXT_DARK","TEXT_LIGHT","getFirstName","updateNavRead","clearGroupCounter","NavigationService","values","GroupMessage","constructor","args","_defineProperty","message","props","openedNotifs","Id","user","uid","navigate","screenCircleChat","chat","isEmpty","Thumbnail","Image","IsPrivate","otherUser","find","Audience","u","userId","profilePic","render","_message$lastMessage","_message$lastMessage2","_message$lastMessage3","_message$lastMessage4","index","chatImage","getChatImage","createElement","key","style","styles","notifWrapper","activeOpacity","onPress","onPressChat","notifInner","marginRight","Diameter","flex","notifInner_title","Title","lastMessage","name","notifInner_text","isPrivate","text","substring","create","width","padding","paddingBottom","backgroundColor","flexDirection","borderBottomWidth","borderBottomColor","fontSize","fontFamily","color","marginTop","lineHeight","mapStateToProps","state"],"sources":["GroupMessage.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, TouchableOpacity, StyleSheet } from \"react-native\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { ProfilePic } from \"../common\";\nimport { TEXT_DARK, TEXT_LIGHT, getFirstName } from \"../../js\";\nimport { updateNavRead, clearGroupCounter } from \"../../actions\";\nimport NavigationService from \"../../js/NavigationService\";\nimport { values } from \"../../values.config\";\n\nclass GroupMessage extends Component {\n\tonPressChat = (message) => {\n\t\t// if (message.isPrivate) {\n\t\t// // TODO: No need to handle?\n\t\t// NavigationService.navigate('profile', {\n\t\t// user: {\n\t\t// ...message.PrivateChatUser,\n\t\t// key: message.PrivateChatUser ? message.PrivateChatUser.userId : '',\n\t\t// id: message.PrivateChatUser ? message.PrivateChatUser.userId : '',\n\t\t// },\n\t\t// });\n\t\t// } else {\n\t\tthis.props.updateNavRead({ openedNotifs: true });\n\t\tthis.props.clearGroupCounter(message.Id, this.props.user.uid);\n\t\tNavigationService.navigate(values.screenCircleChat, { chat: message });\n\t\t// }\n\t};\n\n\tgetChatImage = (chat) => {\n\t\tif (!_.isEmpty(chat.Thumbnail)) {\n\t\t\treturn chat.Thumbnail;\n\t\t}\n\t\tif (!_.isEmpty(chat.Image)) {\n\t\t\treturn chat.Image;\n\t\t}\n\t\tif (chat.IsPrivate) {\n\t\t\tconst otherUser = _.find(chat.Audience \|\| [], (u) => {\n\t\t\t\treturn u.userId !== this.props.user.Id;\n\t\t\t});\n\t\t\tif (otherUser) {\n\t\t\t\treturn otherUser.profilePic;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t};\n\n\trender() {\n\t\tconst { message, index } = this.props;\n\n\t\tconst chatImage = this.getChatImage(message);\n\t\treturn (\n\t\t\t<View key={index} style={styles.notifWrapper}>\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={0.9}\n\t\t\t\t\tonPress={() => this.onPressChat(message)}\n\t\t\t\t>\n\t\t\t\t\t<View style={styles.notifInner}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginRight: 16,\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={chatImage} />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<Text style={styles.notifInner_title}>\n\t\t\t\t\t\t\t\t{message.Title\n\t\t\t\t\t\t\t\t\t? `New message in ${message.Title}`\n\t\t\t\t\t\t\t\t\t: `Message from ${message?.lastMessage?.user?.name ? message.lastMessage.user.name : \"\"}`}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text style={styles.notifInner_text}>\n\t\t\t\t\t\t\t\t{message.isPrivate\n\t\t\t\t\t\t\t\t\t? `${message.lastMessage?.text \|\| \"\"}`.substring(0, 150)\n\t\t\t\t\t\t\t\t\t: `${getFirstName(message.lastMessage?.user?.name \|\| \"Someone\")} posted: ${message.lastMessage?.text \|\| \"\"}`.substring(\n\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t100,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tnotifWrapper: {\n\t\twidth: \"100%\",\n\t\tpadding: 16,\n\t\tpaddingBottom: 0,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tnotifInner: {\n\t\tpaddingBottom: 16,\n\t\tflexDirection: \"row\",\n\t\tborderBottomWidth: 1,\n\t\tborderBottomColor: \"rgb(235, 239, 242)\",\n\t},\n\tnotifInner_title: {\n\t\tfontSize: 14,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tnotifInner_text: {\n\t\tmarginTop: 4,\n\t\tfontSize: 12,\n\t\tlineHeight: 14,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: TEXT_LIGHT,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t};\n};\n\nexport default connect(mapStateToProps, { updateNavRead, clearGroupCounter })(\n\tGroupMessage,\n);\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@plusscommunities/pluss-circles-app-groups",
-	"version": "8.0.9-beta.3",
+	"version": "8.0.10",
 	"description": "Extension package to enable circles on Pluss Communities Platform",
 	"main": "dist/module/index.js",
 	"module": "dist/module/index.js",

package/src/components/chat/ChatList.js CHANGED Viewed

@@ -1,16 +1,11 @@
 import React, { Component } from "react";
-import {
-	View,
-	TouchableOpacity,
-	Text,
-	FlatList,
-	ScrollView,
-} from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { View, TouchableOpacity, FlatList, ScrollView } from "react-native";
 import { connect } from "react-redux";
 import moment from "moment";
 import _ from "lodash";
 import { Icon } from "@rneui/themed";
-import { ProfilePic, EmptyStateMain, TextStyle } from "../common";
+import { ProfilePic, EmptyStateMain } from "../common";
 import NavigationService from "../../js/NavigationService";
 import {
 	TEXT_DARK,
@@ -234,13 +229,13 @@ class ChatList extends Component {
 		}
 		return (
 			<View style={styles.publicGroupsHeaderContainer}>
-				<TextStyle type="label" style={styles.publicGroupsTitle}>
+				<Text type="label" style={styles.publicGroupsTitle}>
 					Groups You Can Join
-				</TextStyle>
-				<TextStyle type="body" style={styles.publicGroupsHelper}>
+				</Text>
+				<Text type="body" style={styles.publicGroupsHelper}>
 					Any member of your community can join these groups. Tap any group to
 					join.
-				</TextStyle>
+				</Text>
 			</View>
 		);
 	}

package/src/components/chat/ContactsList.js CHANGED Viewed

@@ -1,6 +1,7 @@
 /* eslint-disable no-param-reassign */
 import React, { PureComponent } from "react";
-import { View, Text, SectionList } from "react-native";
+import { View, SectionList } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { connect } from "react-redux";
 import moment from "moment";
 import _ from "lodash";

package/src/components/chat/KioskPeoplePage.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { Component } from "react";
 import { connect } from "react-redux";
-import { View, Text, SectionList } from "react-native";
+import { View, SectionList } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { withNavigationFocus } from "@plusscommunities/pluss-core-app";
 import _ from "lodash";
 import moment from "moment";

package/src/components/common/SwipeableUserListing.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
-import { View, Text, TouchableOpacity, Animated, Alert } from "react-native";
+import { View, TouchableOpacity, Animated, Alert } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { Swipeable } from "react-native-gesture-handler";
 import { Icon } from "@rneui/themed";
 import { connect } from "react-redux";

package/src/components/common/index.js CHANGED Viewed

@@ -22,7 +22,7 @@ export const PlussChat = Components.PlussChat;
 export const ProfilePic = Components.ProfilePic;
 export const Spinner = Components.Spinner;
 export const StickyFooter = Components.StickyFooter;
-export const TextStyle = Components.TextStyle;
+export const Text = Components.Text;
 export const Toggle = Components.Toggle;
 export const UserListing = Components.UserListing;
 export const UserMessageListing = Components.UserMessageListing;

package/src/components/events/EventInvitePopup.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import {
 	Keyboard,
-	Text,
 	View,
 	Modal,
 	FlatList,

package/src/components/groups/EditGroup.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import _ from "lodash";
 import { connect } from "react-redux";
 import {
 	Platform,
 	Dimensions,
 	ImageBackground,
-	Text,
 	ScrollView,
 	TouchableOpacity,
 	View,
@@ -21,7 +21,6 @@ import {
 	ImageUploader,
 	InlineButton,
 	StickyFooter,
-	TextStyle,
 	UserListing,
 } from "../common";
 import {
@@ -383,7 +382,7 @@ class EditGroup extends Component {
 				</View>
 				<View style={{ paddingVertical: 24, paddingHorizontal: 8 }}>
 					<View style={{ paddingHorizontal: 16 }}>
-						<TextStyle type="detailLabel">Members</TextStyle>
+						<Text type="detailLabel">Members</Text>
 					</View>
 					{this.getAttendees().map((user) => {
 						return (

package/src/components/groups/GroupDetails.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
-import { View, ScrollView, Text, TouchableOpacity, Image } from "react-native";
+import { View, ScrollView, TouchableOpacity, Image } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { connect } from "react-redux";
 import { Icon } from "@rneui/themed";
 import _ from "lodash";
@@ -16,7 +17,6 @@ import {
 import {
 	Attachment,
 	Header,
-	TextStyle,
 	UserListing,
 	PDFPopup,
 	ImagePopup,
@@ -154,11 +154,11 @@ class GroupDetails extends Component {
 						/>
 					</TouchableOpacity>
 					<View style={{ flex: 1 }}>
-						<TextStyle type="detailLabel">
+						<Text type="detailLabel">
 							{isPending
 								? `Invited (${source.length})`
 								: `Members (${source.length})`}
-						</TextStyle>
+						</Text>
 					</View>
 				</View>
 				{isExpanded &&
@@ -192,7 +192,7 @@ class GroupDetails extends Component {
 						/>
 					</TouchableOpacity>
 					<View style={{ flex: 1 }}>
-						<TextStyle type="detailLabel">{`Images (${this.state.images.length})`}</TextStyle>
+						<Text type="detailLabel">{`Images (${this.state.images.length})`}</Text>
 					</View>
 				</View>
 				{this.state.imagesExpanded && (
@@ -229,7 +229,7 @@ class GroupDetails extends Component {
 						/>
 					</TouchableOpacity>
 					<View style={{ flex: 1 }}>
-						<TextStyle type="detailLabel">{`Files (${this.state.files.length})`}</TextStyle>
+						<Text type="detailLabel">{`Files (${this.state.files.length})`}</Text>
 					</View>
 				</View>
 				{this.state.filesExpanded && (

package/src/components/groups/GroupsWidget.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
-import { Text, View, StyleSheet } from "react-native";
+import { View, StyleSheet } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { connect } from "react-redux";
 import _ from "lodash";
 import { InlineButton } from "../common";

package/src/components/groups/NewGroup.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import _ from "lodash";
 import { connect } from "react-redux";
 import {
 	Dimensions,
 	ImageBackground,
-	Text,
 	ScrollView,
 	TouchableOpacity,
 	View,

package/src/components/groups/PublicGroup.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
-import { Text, View, Image, TouchableOpacity } from "react-native";
+import { View, Image, TouchableOpacity } from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
 import { connect } from "react-redux";
 import _ from "lodash";
 import {

package/src/components/groups/PublicGroupAction.js CHANGED Viewed

@@ -1,11 +1,6 @@
 import React, { Component } from "react";
-import {
-	ScrollView,
-	Text,
-	View,
-	ImageBackground,
-	Dimensions,
-} from "react-native";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { ScrollView, View, ImageBackground, Dimensions } from "react-native";
 import { connect } from "react-redux";
 import _ from "lodash";
 import { LinearGradient } from "expo-linear-gradient";