@plusscommunities/pluss-circles-app-groups 8.0.8 → 8.0.9-beta.2
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.
- package/dist/module/components/common/index.js +1 -0
- package/dist/module/components/common/index.js.map +1 -1
- package/dist/module/components/notifications/GroupInvite.js +1 -1
- package/dist/module/components/notifications/GroupInvite.js.map +1 -1
- package/dist/module/core.config.js +1 -2
- package/dist/module/core.config.js.map +1 -1
- package/package.json +1 -1
- package/src/components/common/index.js +1 -0
- package/src/components/notifications/GroupInvite.js +159 -159
- package/src/core.config.js +0 -2
|
@@ -2,6 +2,7 @@ import { Components } from "../../core.config";
|
|
|
2
2
|
export const Attachment = Components.Attachment;
|
|
3
3
|
export const BackButton = Components.BackButton;
|
|
4
4
|
export const ConfirmPopup = Components.ConfirmPopup;
|
|
5
|
+
export const FontAwesome = Components.Icon;
|
|
5
6
|
export const DropDownMenu = Components.DropDownMenu;
|
|
6
7
|
export const DropDownItem = Components.DropDownItem;
|
|
7
8
|
export const EmptyStateMain = Components.EmptyStateMain;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Components","Attachment","BackButton","ConfirmPopup","DropDownMenu","DropDownItem","EmptyStateMain","FormCard","FormCardSection","GenericInput","Header","ImagePopup","ImageUploader","InlineButton","Input","LoadingIndicator","MiddlePopup","PDFPopup","PlussChat","ProfilePic","Spinner","StickyFooter","TextStyle","Toggle","UserListing","UserMessageListing","default","SwipeableUserListing"],"sources":["index.js"],"sourcesContent":["import { Components } from \"../../core.config\";\n\nexport const Attachment = Components.Attachment;\nexport const BackButton = Components.BackButton;\nexport const ConfirmPopup = Components.ConfirmPopup;\nexport const DropDownMenu = Components.DropDownMenu;\nexport const DropDownItem = Components.DropDownItem;\nexport const EmptyStateMain = Components.EmptyStateMain;\nexport const FormCard = Components.FormCard;\nexport const FormCardSection = Components.FormCardSection;\nexport const GenericInput = Components.GenericInput;\nexport const Header = Components.Header;\nexport const ImagePopup = Components.ImagePopup;\nexport const ImageUploader = Components.ImageUploader;\nexport const InlineButton = Components.InlineButton;\nexport const Input = Components.Input;\nexport const LoadingIndicator = Components.LoadingIndicator;\nexport const MiddlePopup = Components.MiddlePopup;\nexport const PDFPopup = Components.PDFPopup;\nexport const PlussChat = Components.PlussChat;\nexport const ProfilePic = Components.ProfilePic;\nexport const Spinner = Components.Spinner;\nexport const StickyFooter = Components.StickyFooter;\nexport const TextStyle = Components.TextStyle;\nexport const Toggle = Components.Toggle;\nexport const UserListing = Components.UserListing;\nexport const UserMessageListing = Components.UserMessageListing;\nexport { default as SwipeableUserListing } from \"./SwipeableUserListing\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAE9C,OAAO,MAAMC,UAAU,GAAGD,UAAU,CAACC,UAAU;AAC/C,OAAO,MAAMC,UAAU,GAAGF,UAAU,CAACE,UAAU;AAC/C,OAAO,MAAMC,YAAY,GAAGH,UAAU,CAACG,YAAY;AACnD,OAAO,MAAMC,
|
|
1
|
+
{"version":3,"names":["Components","Attachment","BackButton","ConfirmPopup","FontAwesome","Icon","DropDownMenu","DropDownItem","EmptyStateMain","FormCard","FormCardSection","GenericInput","Header","ImagePopup","ImageUploader","InlineButton","Input","LoadingIndicator","MiddlePopup","PDFPopup","PlussChat","ProfilePic","Spinner","StickyFooter","TextStyle","Toggle","UserListing","UserMessageListing","default","SwipeableUserListing"],"sources":["index.js"],"sourcesContent":["import { Components } from \"../../core.config\";\n\nexport const Attachment = Components.Attachment;\nexport const BackButton = Components.BackButton;\nexport const ConfirmPopup = Components.ConfirmPopup;\nexport const FontAwesome = Components.Icon;\nexport const DropDownMenu = Components.DropDownMenu;\nexport const DropDownItem = Components.DropDownItem;\nexport const EmptyStateMain = Components.EmptyStateMain;\nexport const FormCard = Components.FormCard;\nexport const FormCardSection = Components.FormCardSection;\nexport const GenericInput = Components.GenericInput;\nexport const Header = Components.Header;\nexport const ImagePopup = Components.ImagePopup;\nexport const ImageUploader = Components.ImageUploader;\nexport const InlineButton = Components.InlineButton;\nexport const Input = Components.Input;\nexport const LoadingIndicator = Components.LoadingIndicator;\nexport const MiddlePopup = Components.MiddlePopup;\nexport const PDFPopup = Components.PDFPopup;\nexport const PlussChat = Components.PlussChat;\nexport const ProfilePic = Components.ProfilePic;\nexport const Spinner = Components.Spinner;\nexport const StickyFooter = Components.StickyFooter;\nexport const TextStyle = Components.TextStyle;\nexport const Toggle = Components.Toggle;\nexport const UserListing = Components.UserListing;\nexport const UserMessageListing = Components.UserMessageListing;\nexport { default as SwipeableUserListing } from \"./SwipeableUserListing\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAE9C,OAAO,MAAMC,UAAU,GAAGD,UAAU,CAACC,UAAU;AAC/C,OAAO,MAAMC,UAAU,GAAGF,UAAU,CAACE,UAAU;AAC/C,OAAO,MAAMC,YAAY,GAAGH,UAAU,CAACG,YAAY;AACnD,OAAO,MAAMC,WAAW,GAAGJ,UAAU,CAACK,IAAI;AAC1C,OAAO,MAAMC,YAAY,GAAGN,UAAU,CAACM,YAAY;AACnD,OAAO,MAAMC,YAAY,GAAGP,UAAU,CAACO,YAAY;AACnD,OAAO,MAAMC,cAAc,GAAGR,UAAU,CAACQ,cAAc;AACvD,OAAO,MAAMC,QAAQ,GAAGT,UAAU,CAACS,QAAQ;AAC3C,OAAO,MAAMC,eAAe,GAAGV,UAAU,CAACU,eAAe;AACzD,OAAO,MAAMC,YAAY,GAAGX,UAAU,CAACW,YAAY;AACnD,OAAO,MAAMC,MAAM,GAAGZ,UAAU,CAACY,MAAM;AACvC,OAAO,MAAMC,UAAU,GAAGb,UAAU,CAACa,UAAU;AAC/C,OAAO,MAAMC,aAAa,GAAGd,UAAU,CAACc,aAAa;AACrD,OAAO,MAAMC,YAAY,GAAGf,UAAU,CAACe,YAAY;AACnD,OAAO,MAAMC,KAAK,GAAGhB,UAAU,CAACgB,KAAK;AACrC,OAAO,MAAMC,gBAAgB,GAAGjB,UAAU,CAACiB,gBAAgB;AAC3D,OAAO,MAAMC,WAAW,GAAGlB,UAAU,CAACkB,WAAW;AACjD,OAAO,MAAMC,QAAQ,GAAGnB,UAAU,CAACmB,QAAQ;AAC3C,OAAO,MAAMC,SAAS,GAAGpB,UAAU,CAACoB,SAAS;AAC7C,OAAO,MAAMC,UAAU,GAAGrB,UAAU,CAACqB,UAAU;AAC/C,OAAO,MAAMC,OAAO,GAAGtB,UAAU,CAACsB,OAAO;AACzC,OAAO,MAAMC,YAAY,GAAGvB,UAAU,CAACuB,YAAY;AACnD,OAAO,MAAMC,SAAS,GAAGxB,UAAU,CAACwB,SAAS;AAC7C,OAAO,MAAMC,MAAM,GAAGzB,UAAU,CAACyB,MAAM;AACvC,OAAO,MAAMC,WAAW,GAAG1B,UAAU,CAAC0B,WAAW;AACjD,OAAO,MAAMC,kBAAkB,GAAG3B,UAAU,CAAC2B,kBAAkB;AAC/D,SAASC,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB"}
|
|
@@ -3,7 +3,7 @@ import { Text, View, ImageBackground, TouchableOpacity } from "react-native";
|
|
|
3
3
|
import { connect } from "react-redux";
|
|
4
4
|
import _ from "lodash";
|
|
5
5
|
import { TEXT_LIGHT, TEXT_DARK, getFirstName, getMainBrandingColourFromState } from "../../js";
|
|
6
|
-
import { FontAwesome } from "
|
|
6
|
+
import { FontAwesome } from "../common";
|
|
7
7
|
import GroupInviteAction from "./GroupInviteAction";
|
|
8
8
|
class GroupInvite extends Component {
|
|
9
9
|
constructor(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Component","Text","View","ImageBackground","TouchableOpacity","connect","_","TEXT_LIGHT","TEXT_DARK","getFirstName","getMainBrandingColourFromState","FontAwesome","GroupInviteAction","GroupInvite","constructor","props","state","event","showingAction","UNSAFE_componentWillMount","setState","onPressEvent","getShortName","name","names","split","match","length","renderInviteAction","createElement","group","onClose","render","isEmpty","showHeader","style","styles","sectionTitleContainer","sectionTitle","allowFontScaling","index","onPress","bind","inviteCard","marginLeft","inviteImage","backgroundColor","colourBrandingMain","justifyContent","alignItems","imageStyle","borderRadius","source","Image","uri","Title","groupText","iconWrapper","iconStyle","color","numberOfLines","inviteTitle","inviteText","invite","InvitedBy","width","marginRight","height","marginTop","fontFamily","fontSize","lineHeight","position","bottom","right","zIndex","elevation","alignSelf","paddingHorizontal","paddingBottom","mapStateToProps","user"],"sources":["GroupInvite.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text, View, ImageBackground, TouchableOpacity } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport {\n\tTEXT_LIGHT,\n\tTEXT_DARK,\n\tgetFirstName,\n\tgetMainBrandingColourFromState,\n} from \"../../js\";\nimport { FontAwesome } from \"@expo/vector-icons\";\nimport GroupInviteAction from \"./GroupInviteAction\";\n\nclass GroupInvite extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tevent: {},\n\t\t\tshowingAction: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.setState({ event: this.props.event });\n\t}\n\n\tonPressEvent() {\n\t\tthis.setState({ showingAction: true });\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\trenderInviteAction() {\n\t\treturn (\n\t\t\t<GroupInviteAction\n\t\t\t\tgroup={this.state.event}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tthis.setState({ showingAction: false });\n\t\t\t\t}}\n\t\t\t\tshowingAction={this.state.showingAction}\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (_.isEmpty(this.state.event)) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{this.renderInviteAction()}\n\t\t\t\t{this.props.showHeader && (\n\t\t\t\t\t<View style={styles.sectionTitleContainer}>\n\t\t\t\t\t\t<Text style={styles.sectionTitle} allowFontScaling={false}>\n\t\t\t\t\t\t\t{this.props.index === 0 ? \"Invitations\" : \"\"}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tonPress={this.onPressEvent.bind(this)}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.inviteCard,\n\t\t\t\t\t\tthis.props.index === 0 && { marginLeft: 16 },\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<ImageBackground\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.inviteImage,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\tjustifyContent: \"center\",\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\timageStyle={{ borderRadius: 5 }}\n\t\t\t\t\t\tsource={this.state.event.Image && { uri: this.state.event.Image }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!this.state.event.Image && this.state.event.Title && (\n\t\t\t\t\t\t\t<Text style={styles.groupText}>\n\t\t\t\t\t\t\t\t{this.getShortName(this.state.event.Title)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<View style={styles.iconWrapper}>\n\t\t\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\t\t\tname=\"users\"\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.iconStyle,\n\t\t\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</ImageBackground>\n\t\t\t\t\t<View>\n\t\t\t\t\t\t<Text numberOfLines={1} style={styles.inviteTitle}>\n\t\t\t\t\t\t\t{this.state.event.Title}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text numberOfLines={1} style={styles.inviteText}>\n\t\t\t\t\t\t\t{`${getFirstName(this.props.invite.InvitedBy)} invited you`}\n\t\t\t\t\t\t</Text>\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 = {\n\tinviteCard: {\n\t\twidth: 125,\n\t\tmarginRight: 28,\n\t},\n\tinviteImage: {\n\t\theight: 125,\n\t\twidth: 125,\n\t\tborderRadius: 5,\n\t},\n\tinviteTitle: {\n\t\tmarginTop: 8,\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 14,\n\t\tlineHeight: 16,\n\t\tcolor: TEXT_DARK,\n\t\tbackgroundColor: \"transparent\",\n\t},\n\tinviteText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 12,\n\t\tlineHeight: 16,\n\t\tcolor: TEXT_LIGHT,\n\t\tbackgroundColor: \"transparent\",\n\t},\n\tgroupText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 24,\n\t\tcolor: \"#fff\",\n\t\tbackgroundColor: \"transparent\",\n\t},\n\ticonWrapper: {\n\t\theight: 24,\n\t\twidth: 24,\n\t\tbackgroundColor: \"#fff\",\n\t\tborderRadius: 12,\n\t\tposition: \"absolute\",\n\t\tbottom: 5,\n\t\tright: 5,\n\t\tzIndex: 2,\n\t\televation: 2,\n\t\tjustifyContent: \"center\",\n\t},\n\ticonStyle: {\n\t\tfontSize: 16,\n\t\talignSelf: \"center\",\n\t},\n\tsectionTitleContainer: {\n\t\theight: 30,\n\t\tpaddingHorizontal: 16,\n\t\tpaddingBottom: 8,\n\t\tjustifyContent: \"center\",\n\t},\n\tsectionTitle: {\n\t\tfontSize: 16,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARK,\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, {})(GroupInvite);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","Component","Text","View","ImageBackground","TouchableOpacity","connect","_","TEXT_LIGHT","TEXT_DARK","getFirstName","getMainBrandingColourFromState","FontAwesome","GroupInviteAction","GroupInvite","constructor","props","state","event","showingAction","UNSAFE_componentWillMount","setState","onPressEvent","getShortName","name","names","split","match","length","renderInviteAction","createElement","group","onClose","render","isEmpty","showHeader","style","styles","sectionTitleContainer","sectionTitle","allowFontScaling","index","onPress","bind","inviteCard","marginLeft","inviteImage","backgroundColor","colourBrandingMain","justifyContent","alignItems","imageStyle","borderRadius","source","Image","uri","Title","groupText","iconWrapper","iconStyle","color","numberOfLines","inviteTitle","inviteText","invite","InvitedBy","width","marginRight","height","marginTop","fontFamily","fontSize","lineHeight","position","bottom","right","zIndex","elevation","alignSelf","paddingHorizontal","paddingBottom","mapStateToProps","user"],"sources":["GroupInvite.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text, View, ImageBackground, TouchableOpacity } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport {\n TEXT_LIGHT,\n TEXT_DARK,\n getFirstName,\n getMainBrandingColourFromState,\n} from \"../../js\";\nimport { FontAwesome } from \"../common\"\nimport GroupInviteAction from \"./GroupInviteAction\";\n\nclass GroupInvite extends Component {\n constructor(props) {\n super(props);\n this.state = {\n event: {},\n showingAction: false,\n };\n }\n\n UNSAFE_componentWillMount() {\n this.setState({ event: this.props.event });\n }\n\n onPressEvent() {\n this.setState({ showingAction: true });\n }\n\n getShortName(name) {\n if (!name) {\n return name;\n }\n const names = name.split(\",\")[0].match(/\\b\\w/g);\n return names && names.length > 0\n ? `${names[0]}${names.length > 1 ? names[names.length - 1] : \"\"}`\n : \"\";\n }\n\n renderInviteAction() {\n return (\n <GroupInviteAction\n group={this.state.event}\n onClose={() => {\n this.setState({ showingAction: false });\n }}\n showingAction={this.state.showingAction}\n />\n );\n }\n\n render() {\n if (_.isEmpty(this.state.event)) {\n return null;\n }\n return (\n <View>\n {this.renderInviteAction()}\n {this.props.showHeader && (\n <View style={styles.sectionTitleContainer}>\n <Text style={styles.sectionTitle} allowFontScaling={false}>\n {this.props.index === 0 ? \"Invitations\" : \"\"}\n </Text>\n </View>\n )}\n <TouchableOpacity\n onPress={this.onPressEvent.bind(this)}\n style={[\n styles.inviteCard,\n this.props.index === 0 && { marginLeft: 16 },\n ]}\n >\n <ImageBackground\n style={[\n styles.inviteImage,\n {\n backgroundColor: this.props.colourBrandingMain,\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n ]}\n imageStyle={{ borderRadius: 5 }}\n source={this.state.event.Image && { uri: this.state.event.Image }}\n >\n {!this.state.event.Image && this.state.event.Title && (\n <Text style={styles.groupText}>\n {this.getShortName(this.state.event.Title)}\n </Text>\n )}\n <View style={styles.iconWrapper}>\n <FontAwesome\n name=\"users\"\n style={[\n styles.iconStyle,\n { color: this.props.colourBrandingMain },\n ]}\n />\n </View>\n </ImageBackground>\n <View>\n <Text numberOfLines={1} style={styles.inviteTitle}>\n {this.state.event.Title}\n </Text>\n <Text numberOfLines={1} style={styles.inviteText}>\n {`${getFirstName(this.props.invite.InvitedBy)} invited you`}\n </Text>\n </View>\n </TouchableOpacity>\n </View>\n );\n }\n}\n\nconst styles = {\n inviteCard: {\n width: 125,\n marginRight: 28,\n },\n inviteImage: {\n height: 125,\n width: 125,\n borderRadius: 5,\n },\n inviteTitle: {\n marginTop: 8,\n fontFamily: \"sf-semibold\",\n fontSize: 14,\n lineHeight: 16,\n color: TEXT_DARK,\n backgroundColor: \"transparent\",\n },\n inviteText: {\n fontFamily: \"sf-regular\",\n fontSize: 12,\n lineHeight: 16,\n color: TEXT_LIGHT,\n backgroundColor: \"transparent\",\n },\n groupText: {\n fontFamily: \"sf-semibold\",\n fontSize: 24,\n color: \"#fff\",\n backgroundColor: \"transparent\",\n },\n iconWrapper: {\n height: 24,\n width: 24,\n backgroundColor: \"#fff\",\n borderRadius: 12,\n position: \"absolute\",\n bottom: 5,\n right: 5,\n zIndex: 2,\n elevation: 2,\n justifyContent: \"center\",\n },\n iconStyle: {\n fontSize: 16,\n alignSelf: \"center\",\n },\n sectionTitleContainer: {\n height: 30,\n paddingHorizontal: 16,\n paddingBottom: 8,\n justifyContent: \"center\",\n },\n sectionTitle: {\n fontSize: 16,\n fontFamily: \"sf-semibold\",\n color: TEXT_DARK,\n },\n};\n\nconst mapStateToProps = (state) => {\n return {\n user: state.user,\n colourBrandingMain: getMainBrandingColourFromState(state),\n };\n};\n\nexport default connect(mapStateToProps, {})(GroupInvite);\n"],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import * as PlussCore from "@plusscommunities/pluss-core-app";
|
|
3
3
|
const {
|
|
4
4
|
Apis,
|
|
5
|
-
Fonts,
|
|
6
5
|
Actions,
|
|
7
6
|
ActionTypes,
|
|
8
7
|
Config,
|
|
@@ -13,5 +12,5 @@ const {
|
|
|
13
12
|
Constants,
|
|
14
13
|
Colours
|
|
15
14
|
} = PlussCore;
|
|
16
|
-
export { Apis,
|
|
15
|
+
export { Apis, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours };
|
|
17
16
|
//# sourceMappingURL=core.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PlussCore","Apis","
|
|
1
|
+
{"version":3,"names":["PlussCore","Apis","Actions","ActionTypes","Config","Components","Styles","Session","Helper","Constants","Colours"],"sources":["core.config.js"],"sourcesContent":["// import * as PlussCore from '../../pluss-core/src';\nimport * as PlussCore from \"@plusscommunities/pluss-core-app\";\n\nconst {\n\tApis,\n\tActions,\n\tActionTypes,\n\tConfig,\n\tComponents,\n\tStyles,\n\tSession,\n\tHelper,\n\tConstants,\n\tColours,\n} = PlussCore;\nexport {\n\tApis,\n\tActions,\n\tActionTypes,\n\tConfig,\n\tComponents,\n\tStyles,\n\tSession,\n\tHelper,\n\tConstants,\n\tColours,\n};\n"],"mappings":"AAAA;AACA,OAAO,KAAKA,SAAS,MAAM,kCAAkC;AAE7D,MAAM;EACLC,IAAI;EACJC,OAAO;EACPC,WAAW;EACXC,MAAM;EACNC,UAAU;EACVC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,SAAS;EACTC;AACD,CAAC,GAAGV,SAAS;AACb,SACCC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,MAAM,EACNC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,MAAM,EACNC,SAAS,EACTC,OAAO"}
|
package/package.json
CHANGED
|
@@ -3,6 +3,7 @@ import { Components } from "../../core.config";
|
|
|
3
3
|
export const Attachment = Components.Attachment;
|
|
4
4
|
export const BackButton = Components.BackButton;
|
|
5
5
|
export const ConfirmPopup = Components.ConfirmPopup;
|
|
6
|
+
export const FontAwesome = Components.Icon;
|
|
6
7
|
export const DropDownMenu = Components.DropDownMenu;
|
|
7
8
|
export const DropDownItem = Components.DropDownItem;
|
|
8
9
|
export const EmptyStateMain = Components.EmptyStateMain;
|
|
@@ -3,180 +3,180 @@ import { Text, View, ImageBackground, TouchableOpacity } from "react-native";
|
|
|
3
3
|
import { connect } from "react-redux";
|
|
4
4
|
import _ from "lodash";
|
|
5
5
|
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
TEXT_LIGHT,
|
|
7
|
+
TEXT_DARK,
|
|
8
|
+
getFirstName,
|
|
9
|
+
getMainBrandingColourFromState,
|
|
10
10
|
} from "../../js";
|
|
11
|
-
import { FontAwesome } from "
|
|
11
|
+
import { FontAwesome } from "../common"
|
|
12
12
|
import GroupInviteAction from "./GroupInviteAction";
|
|
13
13
|
|
|
14
14
|
class GroupInvite extends Component {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
constructor(props) {
|
|
16
|
+
super(props);
|
|
17
|
+
this.state = {
|
|
18
|
+
event: {},
|
|
19
|
+
showingAction: false,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
UNSAFE_componentWillMount() {
|
|
24
|
+
this.setState({ event: this.props.event });
|
|
25
|
+
}
|
|
26
26
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
onPressEvent() {
|
|
28
|
+
this.setState({ showingAction: true });
|
|
29
|
+
}
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
31
|
+
getShortName(name) {
|
|
32
|
+
if (!name) {
|
|
33
|
+
return name;
|
|
34
|
+
}
|
|
35
|
+
const names = name.split(",")[0].match(/\b\w/g);
|
|
36
|
+
return names && names.length > 0
|
|
37
|
+
? `${names[0]}${names.length > 1 ? names[names.length - 1] : ""}`
|
|
38
|
+
: "";
|
|
39
|
+
}
|
|
40
40
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
renderInviteAction() {
|
|
42
|
+
return (
|
|
43
|
+
<GroupInviteAction
|
|
44
|
+
group={this.state.event}
|
|
45
|
+
onClose={() => {
|
|
46
|
+
this.setState({ showingAction: false });
|
|
47
|
+
}}
|
|
48
|
+
showingAction={this.state.showingAction}
|
|
49
|
+
/>
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
52
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
53
|
+
render() {
|
|
54
|
+
if (_.isEmpty(this.state.event)) {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
return (
|
|
58
|
+
<View>
|
|
59
|
+
{this.renderInviteAction()}
|
|
60
|
+
{this.props.showHeader && (
|
|
61
|
+
<View style={styles.sectionTitleContainer}>
|
|
62
|
+
<Text style={styles.sectionTitle} allowFontScaling={false}>
|
|
63
|
+
{this.props.index === 0 ? "Invitations" : ""}
|
|
64
|
+
</Text>
|
|
65
|
+
</View>
|
|
66
|
+
)}
|
|
67
|
+
<TouchableOpacity
|
|
68
|
+
onPress={this.onPressEvent.bind(this)}
|
|
69
|
+
style={[
|
|
70
|
+
styles.inviteCard,
|
|
71
|
+
this.props.index === 0 && { marginLeft: 16 },
|
|
72
|
+
]}
|
|
73
|
+
>
|
|
74
|
+
<ImageBackground
|
|
75
|
+
style={[
|
|
76
|
+
styles.inviteImage,
|
|
77
|
+
{
|
|
78
|
+
backgroundColor: this.props.colourBrandingMain,
|
|
79
|
+
justifyContent: "center",
|
|
80
|
+
alignItems: "center",
|
|
81
|
+
},
|
|
82
|
+
]}
|
|
83
|
+
imageStyle={{ borderRadius: 5 }}
|
|
84
|
+
source={this.state.event.Image && { uri: this.state.event.Image }}
|
|
85
|
+
>
|
|
86
|
+
{!this.state.event.Image && this.state.event.Title && (
|
|
87
|
+
<Text style={styles.groupText}>
|
|
88
|
+
{this.getShortName(this.state.event.Title)}
|
|
89
|
+
</Text>
|
|
90
|
+
)}
|
|
91
|
+
<View style={styles.iconWrapper}>
|
|
92
|
+
<FontAwesome
|
|
93
|
+
name="users"
|
|
94
|
+
style={[
|
|
95
|
+
styles.iconStyle,
|
|
96
|
+
{ color: this.props.colourBrandingMain },
|
|
97
|
+
]}
|
|
98
|
+
/>
|
|
99
|
+
</View>
|
|
100
|
+
</ImageBackground>
|
|
101
|
+
<View>
|
|
102
|
+
<Text numberOfLines={1} style={styles.inviteTitle}>
|
|
103
|
+
{this.state.event.Title}
|
|
104
|
+
</Text>
|
|
105
|
+
<Text numberOfLines={1} style={styles.inviteText}>
|
|
106
|
+
{`${getFirstName(this.props.invite.InvitedBy)} invited you`}
|
|
107
|
+
</Text>
|
|
108
|
+
</View>
|
|
109
|
+
</TouchableOpacity>
|
|
110
|
+
</View>
|
|
111
|
+
);
|
|
112
|
+
}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
const styles = {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
116
|
+
inviteCard: {
|
|
117
|
+
width: 125,
|
|
118
|
+
marginRight: 28,
|
|
119
|
+
},
|
|
120
|
+
inviteImage: {
|
|
121
|
+
height: 125,
|
|
122
|
+
width: 125,
|
|
123
|
+
borderRadius: 5,
|
|
124
|
+
},
|
|
125
|
+
inviteTitle: {
|
|
126
|
+
marginTop: 8,
|
|
127
|
+
fontFamily: "sf-semibold",
|
|
128
|
+
fontSize: 14,
|
|
129
|
+
lineHeight: 16,
|
|
130
|
+
color: TEXT_DARK,
|
|
131
|
+
backgroundColor: "transparent",
|
|
132
|
+
},
|
|
133
|
+
inviteText: {
|
|
134
|
+
fontFamily: "sf-regular",
|
|
135
|
+
fontSize: 12,
|
|
136
|
+
lineHeight: 16,
|
|
137
|
+
color: TEXT_LIGHT,
|
|
138
|
+
backgroundColor: "transparent",
|
|
139
|
+
},
|
|
140
|
+
groupText: {
|
|
141
|
+
fontFamily: "sf-semibold",
|
|
142
|
+
fontSize: 24,
|
|
143
|
+
color: "#fff",
|
|
144
|
+
backgroundColor: "transparent",
|
|
145
|
+
},
|
|
146
|
+
iconWrapper: {
|
|
147
|
+
height: 24,
|
|
148
|
+
width: 24,
|
|
149
|
+
backgroundColor: "#fff",
|
|
150
|
+
borderRadius: 12,
|
|
151
|
+
position: "absolute",
|
|
152
|
+
bottom: 5,
|
|
153
|
+
right: 5,
|
|
154
|
+
zIndex: 2,
|
|
155
|
+
elevation: 2,
|
|
156
|
+
justifyContent: "center",
|
|
157
|
+
},
|
|
158
|
+
iconStyle: {
|
|
159
|
+
fontSize: 16,
|
|
160
|
+
alignSelf: "center",
|
|
161
|
+
},
|
|
162
|
+
sectionTitleContainer: {
|
|
163
|
+
height: 30,
|
|
164
|
+
paddingHorizontal: 16,
|
|
165
|
+
paddingBottom: 8,
|
|
166
|
+
justifyContent: "center",
|
|
167
|
+
},
|
|
168
|
+
sectionTitle: {
|
|
169
|
+
fontSize: 16,
|
|
170
|
+
fontFamily: "sf-semibold",
|
|
171
|
+
color: TEXT_DARK,
|
|
172
|
+
},
|
|
173
173
|
};
|
|
174
174
|
|
|
175
175
|
const mapStateToProps = (state) => {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
176
|
+
return {
|
|
177
|
+
user: state.user,
|
|
178
|
+
colourBrandingMain: getMainBrandingColourFromState(state),
|
|
179
|
+
};
|
|
180
180
|
};
|
|
181
181
|
|
|
182
182
|
export default connect(mapStateToProps, {})(GroupInvite);
|
package/src/core.config.js
CHANGED