@plusscommunities/pluss-core-app 6.1.7 → 6.1.8-auth.0

package/dist/module/components/UserListing.js

@@ -1,15 +1,16 @@
-import React, { Component } from 'react';
-import _ from 'lodash';
-import { TouchableOpacity, Text, View } from 'react-native';
-import { connect } from 'react-redux';
-import moment from 'moment';
-import { COLOUR_GREEN, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState, getLightBrandingColourFromState } from '../colours';
-import { Services } from '../config';
-import { ProfilePic } from './ProfilePic';
-import { InlineButton } from './InlineButton';
-import { Spinner } from './Spinner';
-import { followerActions } from '../apis';
-import { addFollower } from '../actions';
+import React, { Component } from "react";
+import _ from "lodash";
+import { TouchableOpacity, View } from "react-native";
+import { Text } from "./Text";
+import { connect } from "react-redux";
+import moment from "moment";
+import { COLOUR_GREEN, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState, getLightBrandingColourFromState } from "../colours";
+import { Services } from "../config";
+import { ProfilePic } from "./ProfilePic";
+import { InlineButton } from "./InlineButton";
+import { Spinner } from "./Spinner";
+import { followerActions } from "../apis";
+import { addFollower } from "../actions";
 class UserListing extends Component {
   constructor(props) {
     super(props);
@@ -21,7 +22,7 @@ class UserListing extends Component {
     const {
       hidden
     } = this.props.me;
-    if (hidden && _.includes(hidden, 'people')) return;
+    if (hidden && _.includes(hidden, "people")) return;
     if (this.props.onPress) {
       this.props.onPress();
       return;
@@ -35,7 +36,7 @@ class UserListing extends Component {
     if (_.isUndefined(user.id)) {
       user.id = user.userId;
     }
-    Services.navigation.navigate('profile', {
+    Services.navigation.navigate("profile", {
       user
     });
   }
@@ -58,23 +59,23 @@ class UserListing extends Component {
   }
   getTimeText(input) {
     const gug = moment.unix(input);
-    if (gug.isBefore(moment().local().startOf('d'))) {
-      return gug.format('D MMM');
+    if (gug.isBefore(moment().local().startOf("d"))) {
+      return gug.format("D MMM");
     }
-    return gug.format('h:mma');
+    return gug.format("h:mma");
   }
   getProfilePic() {
     if (this.props.user.profilePic == null) return null;
     let profilePic = this.props.user.profilePic;
     if (!_.isUndefined(this.props.user.profilePicThumb) && !_.isEmpty(this.props.user.profilePicThumb)) {
       profilePic = this.props.user.profilePicThumb;
-    } else if (this.props.user.profilePic.indexOf('.amazonaws.com/1400/') > -1) {
-      profilePic = profilePic.replace('/1400/', '/300/');
+    } else if (this.props.user.profilePic.indexOf(".amazonaws.com/1400/") > -1) {
+      profilePic = profilePic.replace("/1400/", "/300/");
     }
     return profilePic;
   }
   getLastMessage(chat) {
-    if (typeof chat.lastMessage === 'string') {
+    if (typeof chat.lastMessage === "string") {
       return chat.lastMessage;
     }
     // TODO recognise user name of last message
@@ -84,16 +85,16 @@ class UserListing extends Component {
     if (this.props.user.privateChat) {
       return /*#__PURE__*/React.createElement(View, {
         style: {
-          justifyContent: 'flex-start'
+          justifyContent: "flex-start"
         }
       }, /*#__PURE__*/React.createElement(Text, {
         style: [styles.chatTimeStamp, this.props.user.unread > 0 && {
           color: TEXT_DARK,
-          fontFamily: 'sf-bold'
+          fontFamily: "sf-bold"
         }]
       }, this.getTimeText(this.props.user.Changed)), /*#__PURE__*/React.createElement(View, {
         style: [{
-          flexDirection: 'row-reverse',
+          flexDirection: "row-reverse",
           marginTop: 2
         }, this.props.user.unread === 0 && {
           opacity: 0
@@ -192,27 +193,27 @@ const styles = {
   listItem: {
     paddingVertical: 8,
     paddingHorizontal: 16,
-    justifyContent: 'flex-start',
-    flexDirection: 'row',
-    position: 'relative'
+    justifyContent: "flex-start",
+    flexDirection: "row",
+    position: "relative"
   },
   listItemTextContainer: {
     flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'space-around',
+    flexDirection: "column",
+    justifyContent: "space-around",
     paddingLeft: 16
   },
   contactName: {
     fontSize: 15,
-    fontFamily: 'sf-semibold',
-    backgroundColor: 'rgba(255,255,255,0)',
+    fontFamily: "sf-semibold",
+    backgroundColor: "rgba(255,255,255,0)",
     color: TEXT_DARK
   },
   statusText: {
-    position: 'absolute',
+    position: "absolute",
     top: 0,
     left: 82,
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 12,
     color: TEXT_LIGHT
   },
@@ -220,10 +221,10 @@ const styles = {
     flex: 1
   },
   alignCenter: {
-    alignItems: 'center'
+    alignItems: "center"
   },
   flexRowReverse: {
-    flexDirection: 'row-reverse'
+    flexDirection: "row-reverse"
   },
   friendsButton: {
     width: 100
@@ -231,25 +232,25 @@ const styles = {
   counter: {
     borderRadius: 10,
     height: 20,
-    justifyContent: 'center',
+    justifyContent: "center",
     minWidth: 20,
     paddingHorizontal: 4,
     backgroundColor: COLOUR_GREEN
   },
   counterText: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 12,
-    fontFamily: 'sf-semibold',
-    textAlign: 'center'
+    fontFamily: "sf-semibold",
+    textAlign: "center"
   },
   chatTimeStamp: {
     fontSize: 10,
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: TEXT_LIGHT
   },
   chatLastMessage: {
     fontSize: 13,
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     color: TEXT_LIGHT,
     marginRight: 5
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","_","TouchableOpacity","Text","View","connect","moment","COLOUR_GREEN","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","getLightBrandingColourFromState","Services","ProfilePic","InlineButton","Spinner","followerActions","addFollower","UserListing","constructor","props","state","pending","onPress","hidden","me","includes","user","isUndefined","key","userId","id","navigation","navigate","onFollowUser","userToSave","profilePic","displayName","setState","myId","then","catch","getTimeText","input","gug","unix","isBefore","local","startOf","format","getProfilePic","profilePicThumb","isEmpty","indexOf","replace","getLastMessage","chat","lastMessage","text","renderFollowButton","privateChat","createElement","style","justifyContent","styles","chatTimeStamp","unread","color","fontFamily","Changed","flexDirection","marginTop","opacity","counter","counterText","showFriendsButton","isFollowing","colourBrandingLight","friendsButton","textStyle","colourBrandingMain","disabled","borderColor","borderWidth","noText","size","bind","renderStatusText","statusText","render","containerStyle","activeOpacity","onPressDisabled","listItem","listItemStyle","Diameter","fill","flexRowReverse","alignCenter","rightContent","listItemTextContainer","contactName","numberOfLines","chatLastMessage","subText","paddingVertical","paddingHorizontal","position","flex","paddingLeft","fontSize","backgroundColor","top","left","alignItems","width","borderRadius","height","minWidth","textAlign","marginRight","mapStateToProps"],"sources":["UserListing.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, Text, View } from 'react-native';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { COLOUR_GREEN, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState, getLightBrandingColourFromState } from '../colours';\nimport { Services } from '../config';\nimport { ProfilePic } from './ProfilePic';\nimport { InlineButton } from './InlineButton';\nimport { Spinner } from './Spinner';\nimport { followerActions } from '../apis';\nimport { addFollower } from '../actions';\n\nclass UserListing extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { pending: false };\n  }\n\n  onPress() {\n    const { hidden } = this.props.me;\n    if (hidden && _.includes(hidden, 'people')) return;\n\n    if (this.props.onPress) {\n      this.props.onPress();\n      return;\n    }\n    const user = { ...this.props.user };\n    if (_.isUndefined(user.key)) {\n      user.key = user.userId;\n    }\n    if (_.isUndefined(user.id)) {\n      user.id = user.userId;\n    }\n    Services.navigation.navigate('profile', { user });\n  }\n\n  onFollowUser() {\n    const userToSave = {\n      profilePic: this.props.user.profilePic,\n      displayName: this.props.user.displayName,\n      id: this.props.user.id,\n    };\n    this.setState({ pending: true });\n    followerActions\n      .addFollower(userToSave, this.props.myId)\n      .then(() => {\n        this.props.addFollower(userToSave);\n      })\n      .catch(() => {\n        this.setState({ pending: false });\n      });\n  }\n\n  getTimeText(input) {\n    const gug = moment.unix(input);\n    if (\n      gug.isBefore(\n        moment()\n          .local()\n          .startOf('d'),\n      )\n    ) {\n      return gug.format('D MMM');\n    }\n    return gug.format('h:mma');\n  }\n\n  getProfilePic() {\n    if (this.props.user.profilePic == null) return null;\n    let profilePic = this.props.user.profilePic;\n    if (!_.isUndefined(this.props.user.profilePicThumb) && !_.isEmpty(this.props.user.profilePicThumb)) {\n      profilePic = this.props.user.profilePicThumb;\n    } else if (this.props.user.profilePic.indexOf('.amazonaws.com/1400/') > -1) {\n      profilePic = profilePic.replace('/1400/', '/300/');\n    }\n    return profilePic;\n  }\n\n  getLastMessage(chat) {\n    if (typeof chat.lastMessage === 'string') {\n      return chat.lastMessage;\n    }\n    // TODO recognise user name of last message\n    return chat.lastMessage.text;\n  }\n\n  renderFollowButton() {\n    if (this.props.user.privateChat) {\n      return (\n        <View style={{ justifyContent: 'flex-start' }}>\n          <Text style={[styles.chatTimeStamp, this.props.user.unread > 0 && { color: TEXT_DARK, fontFamily: 'sf-bold' }]}>\n            {this.getTimeText(this.props.user.Changed)}\n          </Text>\n          <View style={[{ flexDirection: 'row-reverse', marginTop: 2 }, this.props.user.unread === 0 && { opacity: 0 }]}>\n            <View style={styles.counter}>\n              <Text style={styles.counterText}>{this.props.user.unread}</Text>\n            </View>\n          </View>\n        </View>\n      );\n    }\n\n    if (!this.props.showFriendsButton) {\n      return null;\n    }\n\n    // self\n    if (this.props.myId === this.props.user.id) {\n      return null;\n    }\n\n    // already following\n    if (this.props.isFollowing) {\n      return (\n        <InlineButton\n          color={this.props.colourBrandingLight}\n          style={styles.friendsButton}\n          textStyle={{ color: this.props.colourBrandingMain }}\n          disabled\n        >\n          Friends\n        </InlineButton>\n      );\n    }\n\n    // in process of following\n    if (this.state.pending) {\n      return (\n        <InlineButton style={[styles.friendsButton, { borderColor: this.props.colourBrandingMain, borderWidth: 1 }]} disabled noText>\n          <Spinner size=\"small\" color={this.props.colourBrandingMain} />\n        </InlineButton>\n      );\n    }\n\n    // not following yet\n    return (\n      <InlineButton\n        onPress={this.onFollowUser.bind(this)}\n        color=\"#fff\"\n        style={[styles.friendsButton, { borderColor: this.props.colourBrandingMain, borderWidth: 1 }]}\n        textStyle={{ color: this.props.colourBrandingMain }}\n      >\n        Add friend\n      </InlineButton>\n    );\n  }\n\n  renderStatusText() {\n    if (!this.props.statusText) {\n      return null;\n    }\n    return <Text style={styles.statusText}>{this.props.statusText}</Text>;\n  }\n\n  render() {\n    return (\n      <View style={this.props.containerStyle}>\n        <TouchableOpacity activeOpacity={0.9} onPress={this.onPress.bind(this)} disabled={this.props.onPressDisabled}>\n          <View style={[styles.listItem, this.props.listItemStyle]}>\n            {this.renderStatusText()}\n            <ProfilePic ProfilePic={this.getProfilePic()} Diameter={42} />\n            <View style={[styles.fill, styles.flexRowReverse, styles.alignCenter]}>\n              {this.props.rightContent}\n              {this.renderFollowButton()}\n              <View style={styles.fill}>\n                <View style={styles.listItemTextContainer}>\n                  <Text style={styles.contactName} numberOfLines={1}>\n                    {this.props.user.displayName}\n                  </Text>\n                  {this.props.user.privateChat && (\n                    <Text style={styles.chatLastMessage} numberOfLines={1}>\n                      {this.getLastMessage(this.props.user)}\n                    </Text>\n                  )}\n                  {this.props.subText}\n                </View>\n              </View>\n            </View>\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  listItem: {\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    justifyContent: 'flex-start',\n    flexDirection: 'row',\n    position: 'relative',\n  },\n  listItemTextContainer: {\n    flex: 1,\n    flexDirection: 'column',\n    justifyContent: 'space-around',\n    paddingLeft: 16,\n  },\n  contactName: {\n    fontSize: 15,\n    fontFamily: 'sf-semibold',\n    backgroundColor: 'rgba(255,255,255,0)',\n    color: TEXT_DARK,\n  },\n  statusText: {\n    position: 'absolute',\n    top: 0,\n    left: 82,\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    color: TEXT_LIGHT,\n  },\n  fill: {\n    flex: 1,\n  },\n  alignCenter: {\n    alignItems: 'center',\n  },\n  flexRowReverse: {\n    flexDirection: 'row-reverse',\n  },\n  friendsButton: {\n    width: 100,\n  },\n  counter: {\n    borderRadius: 10,\n    height: 20,\n    justifyContent: 'center',\n    minWidth: 20,\n    paddingHorizontal: 4,\n    backgroundColor: COLOUR_GREEN,\n  },\n  counterText: {\n    color: '#fff',\n    fontSize: 12,\n    fontFamily: 'sf-semibold',\n    textAlign: 'center',\n  },\n  chatTimeStamp: {\n    fontSize: 10,\n    fontFamily: 'sf-semibold',\n    color: TEXT_LIGHT,\n  },\n  chatLastMessage: {\n    fontSize: 13,\n    fontFamily: 'sf-medium',\n    color: TEXT_LIGHT,\n    marginRight: 5,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    me: state.user,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    colourBrandingLight: getLightBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, { addFollower })(UserListing);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","_","TouchableOpacity","View","Text","connect","moment","COLOUR_GREEN","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","getLightBrandingColourFromState","Services","ProfilePic","InlineButton","Spinner","followerActions","addFollower","UserListing","constructor","props","state","pending","onPress","hidden","me","includes","user","isUndefined","key","userId","id","navigation","navigate","onFollowUser","userToSave","profilePic","displayName","setState","myId","then","catch","getTimeText","input","gug","unix","isBefore","local","startOf","format","getProfilePic","profilePicThumb","isEmpty","indexOf","replace","getLastMessage","chat","lastMessage","text","renderFollowButton","privateChat","createElement","style","justifyContent","styles","chatTimeStamp","unread","color","fontFamily","Changed","flexDirection","marginTop","opacity","counter","counterText","showFriendsButton","isFollowing","colourBrandingLight","friendsButton","textStyle","colourBrandingMain","disabled","borderColor","borderWidth","noText","size","bind","renderStatusText","statusText","render","containerStyle","activeOpacity","onPressDisabled","listItem","listItemStyle","Diameter","fill","flexRowReverse","alignCenter","rightContent","listItemTextContainer","contactName","numberOfLines","chatLastMessage","subText","paddingVertical","paddingHorizontal","position","flex","paddingLeft","fontSize","backgroundColor","top","left","alignItems","width","borderRadius","height","minWidth","textAlign","marginRight","mapStateToProps"],"sources":["UserListing.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TouchableOpacity, View } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\nimport {\n\tCOLOUR_GREEN,\n\tTEXT_DARK,\n\tTEXT_LIGHT,\n\tgetMainBrandingColourFromState,\n\tgetLightBrandingColourFromState,\n} from \"../colours\";\nimport { Services } from \"../config\";\nimport { ProfilePic } from \"./ProfilePic\";\nimport { InlineButton } from \"./InlineButton\";\nimport { Spinner } from \"./Spinner\";\nimport { followerActions } from \"../apis\";\nimport { addFollower } from \"../actions\";\n\nclass UserListing extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = { pending: false };\n\t}\n\n\tonPress() {\n\t\tconst { hidden } = this.props.me;\n\t\tif (hidden && _.includes(hidden, \"people\")) return;\n\n\t\tif (this.props.onPress) {\n\t\t\tthis.props.onPress();\n\t\t\treturn;\n\t\t}\n\t\tconst user = { ...this.props.user };\n\t\tif (_.isUndefined(user.key)) {\n\t\t\tuser.key = user.userId;\n\t\t}\n\t\tif (_.isUndefined(user.id)) {\n\t\t\tuser.id = user.userId;\n\t\t}\n\t\tServices.navigation.navigate(\"profile\", { user });\n\t}\n\n\tonFollowUser() {\n\t\tconst userToSave = {\n\t\t\tprofilePic: this.props.user.profilePic,\n\t\t\tdisplayName: this.props.user.displayName,\n\t\t\tid: this.props.user.id,\n\t\t};\n\t\tthis.setState({ pending: true });\n\t\tfollowerActions\n\t\t\t.addFollower(userToSave, this.props.myId)\n\t\t\t.then(() => {\n\t\t\t\tthis.props.addFollower(userToSave);\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tthis.setState({ pending: false });\n\t\t\t});\n\t}\n\n\tgetTimeText(input) {\n\t\tconst gug = moment.unix(input);\n\t\tif (gug.isBefore(moment().local().startOf(\"d\"))) {\n\t\t\treturn gug.format(\"D MMM\");\n\t\t}\n\t\treturn gug.format(\"h:mma\");\n\t}\n\n\tgetProfilePic() {\n\t\tif (this.props.user.profilePic == null) return null;\n\t\tlet profilePic = this.props.user.profilePic;\n\t\tif (\n\t\t\t!_.isUndefined(this.props.user.profilePicThumb) &&\n\t\t\t!_.isEmpty(this.props.user.profilePicThumb)\n\t\t) {\n\t\t\tprofilePic = this.props.user.profilePicThumb;\n\t\t} else if (\n\t\t\tthis.props.user.profilePic.indexOf(\".amazonaws.com/1400/\") > -1\n\t\t) {\n\t\t\tprofilePic = profilePic.replace(\"/1400/\", \"/300/\");\n\t\t}\n\t\treturn profilePic;\n\t}\n\n\tgetLastMessage(chat) {\n\t\tif (typeof chat.lastMessage === \"string\") {\n\t\t\treturn chat.lastMessage;\n\t\t}\n\t\t// TODO recognise user name of last message\n\t\treturn chat.lastMessage.text;\n\t}\n\n\trenderFollowButton() {\n\t\tif (this.props.user.privateChat) {\n\t\t\treturn (\n\t\t\t\t<View style={{ justifyContent: \"flex-start\" }}>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.chatTimeStamp,\n\t\t\t\t\t\t\tthis.props.user.unread > 0 && {\n\t\t\t\t\t\t\t\tcolor: TEXT_DARK,\n\t\t\t\t\t\t\t\tfontFamily: \"sf-bold\",\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{this.getTimeText(this.props.user.Changed)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t{ flexDirection: \"row-reverse\", marginTop: 2 },\n\t\t\t\t\t\t\tthis.props.user.unread === 0 && { opacity: 0 },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={styles.counter}>\n\t\t\t\t\t\t\t<Text style={styles.counterText}>{this.props.user.unread}</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\tif (!this.props.showFriendsButton) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// self\n\t\tif (this.props.myId === this.props.user.id) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// already following\n\t\tif (this.props.isFollowing) {\n\t\t\treturn (\n\t\t\t\t<InlineButton\n\t\t\t\t\tcolor={this.props.colourBrandingLight}\n\t\t\t\t\tstyle={styles.friendsButton}\n\t\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t\t\tdisabled\n\t\t\t\t>\n\t\t\t\t\tFriends\n\t\t\t\t</InlineButton>\n\t\t\t);\n\t\t}\n\n\t\t// in process of following\n\t\tif (this.state.pending) {\n\t\t\treturn (\n\t\t\t\t<InlineButton\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.friendsButton,\n\t\t\t\t\t\t{ borderColor: this.props.colourBrandingMain, borderWidth: 1 },\n\t\t\t\t\t]}\n\t\t\t\t\tdisabled\n\t\t\t\t\tnoText\n\t\t\t\t>\n\t\t\t\t\t<Spinner size=\"small\" color={this.props.colourBrandingMain} />\n\t\t\t\t</InlineButton>\n\t\t\t);\n\t\t}\n\n\t\t// not following yet\n\t\treturn (\n\t\t\t<InlineButton\n\t\t\t\tonPress={this.onFollowUser.bind(this)}\n\t\t\t\tcolor=\"#fff\"\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.friendsButton,\n\t\t\t\t\t{ borderColor: this.props.colourBrandingMain, borderWidth: 1 },\n\t\t\t\t]}\n\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t>\n\t\t\t\tAdd friend\n\t\t\t</InlineButton>\n\t\t);\n\t}\n\n\trenderStatusText() {\n\t\tif (!this.props.statusText) {\n\t\t\treturn null;\n\t\t}\n\t\treturn <Text style={styles.statusText}>{this.props.statusText}</Text>;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={this.props.containerStyle}>\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={0.9}\n\t\t\t\t\tonPress={this.onPress.bind(this)}\n\t\t\t\t\tdisabled={this.props.onPressDisabled}\n\t\t\t\t>\n\t\t\t\t\t<View style={[styles.listItem, this.props.listItemStyle]}>\n\t\t\t\t\t\t{this.renderStatusText()}\n\t\t\t\t\t\t<ProfilePic ProfilePic={this.getProfilePic()} Diameter={42} />\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[styles.fill, styles.flexRowReverse, styles.alignCenter]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.rightContent}\n\t\t\t\t\t\t\t{this.renderFollowButton()}\n\t\t\t\t\t\t\t<View style={styles.fill}>\n\t\t\t\t\t\t\t\t<View style={styles.listItemTextContainer}>\n\t\t\t\t\t\t\t\t\t<Text style={styles.contactName} numberOfLines={1}>\n\t\t\t\t\t\t\t\t\t\t{this.props.user.displayName}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{this.props.user.privateChat && (\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.chatLastMessage} numberOfLines={1}>\n\t\t\t\t\t\t\t\t\t\t\t{this.getLastMessage(this.props.user)}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{this.props.subText}\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t</View>\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 = {\n\tlistItem: {\n\t\tpaddingVertical: 8,\n\t\tpaddingHorizontal: 16,\n\t\tjustifyContent: \"flex-start\",\n\t\tflexDirection: \"row\",\n\t\tposition: \"relative\",\n\t},\n\tlistItemTextContainer: {\n\t\tflex: 1,\n\t\tflexDirection: \"column\",\n\t\tjustifyContent: \"space-around\",\n\t\tpaddingLeft: 16,\n\t},\n\tcontactName: {\n\t\tfontSize: 15,\n\t\tfontFamily: \"sf-semibold\",\n\t\tbackgroundColor: \"rgba(255,255,255,0)\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tstatusText: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 82,\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tfill: {\n\t\tflex: 1,\n\t},\n\talignCenter: {\n\t\talignItems: \"center\",\n\t},\n\tflexRowReverse: {\n\t\tflexDirection: \"row-reverse\",\n\t},\n\tfriendsButton: {\n\t\twidth: 100,\n\t},\n\tcounter: {\n\t\tborderRadius: 10,\n\t\theight: 20,\n\t\tjustifyContent: \"center\",\n\t\tminWidth: 20,\n\t\tpaddingHorizontal: 4,\n\t\tbackgroundColor: COLOUR_GREEN,\n\t},\n\tcounterText: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 12,\n\t\tfontFamily: \"sf-semibold\",\n\t\ttextAlign: \"center\",\n\t},\n\tchatTimeStamp: {\n\t\tfontSize: 10,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tchatLastMessage: {\n\t\tfontSize: 13,\n\t\tfontFamily: \"sf-medium\",\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginRight: 5,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tme: state.user,\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tcolourBrandingLight: getLightBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, { addFollower })(UserListing);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/VideoPopup.js

@@ -1,19 +1,19 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { Platform, View, Modal, TouchableOpacity, StyleSheet } from 'react-native';
-import * as ScreenOrientation from 'expo-screen-orientation';
-import { StatusBarHeight, getCompressed, imageExists } from '../helper';
-import { Pl60Icon } from '../fonts';
-import { SharingTools } from './SharingTools';
-import MediaPlayer from './MediaPlayer';
+import React, { Component } from "react";
+import { Platform, View, Modal, TouchableOpacity, StyleSheet } from "react-native";
+import * as ScreenOrientation from "expo-screen-orientation";
+import { StatusBarHeight, getCompressed, imageExists } from "../helper";
+import { FontAwesome } from "./Icon";
+import { SharingTools } from "./SharingTools";
+import MediaPlayer from "./MediaPlayer";
 class VideoPopup extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "UNSAFE_componentWillMount", async () => {
       this.checkCompressed(this.props.uri);
-      await ScreenOrientation.lockAsync(Platform.OS === 'ios' ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL);
+      await ScreenOrientation.lockAsync(Platform.OS === "ios" ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL);
     });
     _defineProperty(this, "componentWillUnmount", async () => {
       await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
@@ -27,7 +27,7 @@ class VideoPopup extends Component {
       });
     });
     this.state = {
-      uri: '',
+      uri: "",
       isFullScreen: false
     };
   }
@@ -40,8 +40,8 @@ class VideoPopup extends Component {
       style: styles.menuIconContainer,
       onPress: this.props.onClose,
       activeOpacity: 0.6
-    }, /*#__PURE__*/React.createElement(Pl60Icon, {
-      name: "close",
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "x",
       style: styles.menuIcon
     }));
   }
@@ -73,10 +73,10 @@ class VideoPopup extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(Modal, {
       visible: visible,
-      animationType: animationType || 'fade',
+      animationType: animationType || "fade",
       onRequestClose: onClose,
       style: [styles.container, style],
-      supportedOrientations: ['portrait', 'landscape']
+      supportedOrientations: ["portrait", "landscape"]
     }, this.renderPlayer(), !isFullScreen && this.renderClose(), !isFullScreen && /*#__PURE__*/React.createElement(SharingTools, {
       uri: this.props.uri
     }));
@@ -84,10 +84,10 @@ class VideoPopup extends Component {
 }
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#000'
+    backgroundColor: "#000"
   },
   menuIconContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: StatusBarHeight(0),
     right: 0,
     width: 55,
@@ -98,15 +98,15 @@ const styles = StyleSheet.create({
     fontSize: 25,
     padding: 15,
     width: 55,
-    textAlign: 'center',
-    color: '#fff',
+    textAlign: "center",
+    color: "#fff",
     zIndex: 3
   },
   playerContainer: {
     flex: 1,
-    backgroundColor: '#000',
-    alignItems: 'center',
-    justifyContent: 'center'
+    backgroundColor: "#000",
+    alignItems: "center",
+    justifyContent: "center"
   }
 });
 export { VideoPopup };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Platform","View","Modal","TouchableOpacity","StyleSheet","ScreenOrientation","StatusBarHeight","getCompressed","imageExists","Pl60Icon","SharingTools","MediaPlayer","VideoPopup","constructor","props","_defineProperty","checkCompressed","uri","lockAsync","OS","OrientationLock","DEFAULT","ALL","PORTRAIT_UP","url","compressedUri","then","compressedExists","setState","state","isFullScreen","UNSAFE_componentWillReceiveProps","nextProps","renderClose","createElement","style","styles","menuIconContainer","onPress","onClose","activeOpacity","name","menuIcon","renderPlayer","playerContainer","source","useVideoPlayer","autoPlay","orientationChanged","render","visible","animationType","onRequestClose","container","supportedOrientations","create","backgroundColor","position","top","right","width","height","zIndex","fontSize","padding","textAlign","color","flex","alignItems","justifyContent"],"sources":["VideoPopup.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { Platform, View, Modal, TouchableOpacity, StyleSheet } from 'react-native';\nimport * as ScreenOrientation from 'expo-screen-orientation';\nimport { StatusBarHeight, getCompressed, imageExists } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { SharingTools } from './SharingTools';\nimport MediaPlayer from './MediaPlayer';\n\nclass VideoPopup extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      uri: '',\n      isFullScreen: false,\n    };\n  }\n\n  UNSAFE_componentWillMount = async () => {\n    this.checkCompressed(this.props.uri);\n    await ScreenOrientation.lockAsync(\n      Platform.OS === 'ios' ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL,\n    );\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (this.props.uri === nextProps.uri) return;\n    this.checkCompressed(nextProps.uri);\n  }\n\n  componentWillUnmount = async () => {\n    await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);\n  };\n\n  checkCompressed = url => {\n    const compressedUri = getCompressed(url);\n    imageExists(compressedUri).then(compressedExists => {\n      this.setState({ uri: compressedExists ? compressedUri : url });\n    });\n  };\n\n  renderClose() {\n    return (\n      <TouchableOpacity style={styles.menuIconContainer} onPress={this.props.onClose} activeOpacity={0.6}>\n        <Pl60Icon name=\"close\" style={styles.menuIcon} />\n      </TouchableOpacity>\n    );\n  }\n\n  renderPlayer() {\n    const { uri } = this.state;\n    if (!uri) return null;\n\n    return (\n      <View style={styles.playerContainer}>\n        <MediaPlayer\n          source={uri}\n          useVideoPlayer={true}\n          autoPlay={true}\n          orientationChanged={isFullScreen => this.setState({ isFullScreen })}\n        />\n      </View>\n    );\n  }\n\n  render() {\n    const { isFullScreen } = this.state;\n    const { visible, onClose, animationType, style } = this.props;\n\n    return (\n      <Modal\n        visible={visible}\n        animationType={animationType || 'fade'}\n        onRequestClose={onClose}\n        style={[styles.container, style]}\n        supportedOrientations={['portrait', 'landscape']}\n      >\n        {this.renderPlayer()}\n        {!isFullScreen && this.renderClose()}\n        {!isFullScreen && <SharingTools uri={this.props.uri} />}\n      </Modal>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: '#000',\n  },\n  menuIconContainer: {\n    position: 'absolute',\n    top: StatusBarHeight(0),\n    right: 0,\n    width: 55,\n    height: 55,\n    zIndex: 3,\n  },\n  menuIcon: {\n    fontSize: 25,\n    padding: 15,\n    width: 55,\n    textAlign: 'center',\n    color: '#fff',\n    zIndex: 3,\n  },\n  playerContainer: {\n    flex: 1,\n    backgroundColor: '#000',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport { VideoPopup };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","Platform","View","Modal","TouchableOpacity","StyleSheet","ScreenOrientation","StatusBarHeight","getCompressed","imageExists","FontAwesome","SharingTools","MediaPlayer","VideoPopup","constructor","props","_defineProperty","checkCompressed","uri","lockAsync","OS","OrientationLock","DEFAULT","ALL","PORTRAIT_UP","url","compressedUri","then","compressedExists","setState","state","isFullScreen","UNSAFE_componentWillReceiveProps","nextProps","renderClose","createElement","style","styles","menuIconContainer","onPress","onClose","activeOpacity","name","menuIcon","renderPlayer","playerContainer","source","useVideoPlayer","autoPlay","orientationChanged","render","visible","animationType","onRequestClose","container","supportedOrientations","create","backgroundColor","position","top","right","width","height","zIndex","fontSize","padding","textAlign","color","flex","alignItems","justifyContent"],"sources":["VideoPopup.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n\tPlatform,\n\tView,\n\tModal,\n\tTouchableOpacity,\n\tStyleSheet,\n} from \"react-native\";\nimport * as ScreenOrientation from \"expo-screen-orientation\";\nimport { StatusBarHeight, getCompressed, imageExists } from \"../helper\";\nimport { FontAwesome } from \"./Icon\";\nimport { SharingTools } from \"./SharingTools\";\nimport MediaPlayer from \"./MediaPlayer\";\n\nclass VideoPopup extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\turi: \"\",\n\t\t\tisFullScreen: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = async () => {\n\t\tthis.checkCompressed(this.props.uri);\n\t\tawait ScreenOrientation.lockAsync(\n\t\t\tPlatform.OS === \"ios\"\n\t\t\t\t? ScreenOrientation.OrientationLock.DEFAULT\n\t\t\t\t: ScreenOrientation.OrientationLock.ALL,\n\t\t);\n\t};\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (this.props.uri === nextProps.uri) return;\n\t\tthis.checkCompressed(nextProps.uri);\n\t}\n\n\tcomponentWillUnmount = async () => {\n\t\tawait ScreenOrientation.lockAsync(\n\t\t\tScreenOrientation.OrientationLock.PORTRAIT_UP,\n\t\t);\n\t};\n\n\tcheckCompressed = (url) => {\n\t\tconst compressedUri = getCompressed(url);\n\t\timageExists(compressedUri).then((compressedExists) => {\n\t\t\tthis.setState({ uri: compressedExists ? compressedUri : url });\n\t\t});\n\t};\n\n\trenderClose() {\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={styles.menuIconContainer}\n\t\t\t\tonPress={this.props.onClose}\n\t\t\t\tactiveOpacity={0.6}\n\t\t\t>\n\t\t\t\t<FontAwesome name=\"x\" style={styles.menuIcon} />\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderPlayer() {\n\t\tconst { uri } = this.state;\n\t\tif (!uri) return null;\n\n\t\treturn (\n\t\t\t<View style={styles.playerContainer}>\n\t\t\t\t<MediaPlayer\n\t\t\t\t\tsource={uri}\n\t\t\t\t\tuseVideoPlayer={true}\n\t\t\t\t\tautoPlay={true}\n\t\t\t\t\torientationChanged={(isFullScreen) => this.setState({ isFullScreen })}\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { isFullScreen } = this.state;\n\t\tconst { visible, onClose, animationType, style } = this.props;\n\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible={visible}\n\t\t\t\tanimationType={animationType || \"fade\"}\n\t\t\t\tonRequestClose={onClose}\n\t\t\t\tstyle={[styles.container, style]}\n\t\t\t\tsupportedOrientations={[\"portrait\", \"landscape\"]}\n\t\t\t>\n\t\t\t\t{this.renderPlayer()}\n\t\t\t\t{!isFullScreen && this.renderClose()}\n\t\t\t\t{!isFullScreen && <SharingTools uri={this.props.uri} />}\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tbackgroundColor: \"#000\",\n\t},\n\tmenuIconContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: StatusBarHeight(0),\n\t\tright: 0,\n\t\twidth: 55,\n\t\theight: 55,\n\t\tzIndex: 3,\n\t},\n\tmenuIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: \"#fff\",\n\t\tzIndex: 3,\n\t},\n\tplayerContainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n});\n\nexport { VideoPopup };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/WarningPopup.js

@@ -1,12 +1,13 @@
-import React, { PureComponent } from 'react';
-import _ from 'lodash';
-import { View, Text, Dimensions } from 'react-native';
-import { connect } from 'react-redux';
-import { Pl60Icon } from '../fonts';
-import { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from '../colours';
-import { MiddlePopup } from './MiddlePopup';
-import { InlineButton } from './InlineButton';
-const SCREEN_WIDTH = Dimensions.get('window').width;
+import React, { PureComponent } from "react";
+import _ from "lodash";
+import { View, Dimensions } from "react-native";
+import { Text } from "./Text";
+import { connect } from "react-redux";
+import { FontAwesome } from "./Icon";
+import { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from "../colours";
+import { MiddlePopup } from "./MiddlePopup";
+import { InlineButton } from "./InlineButton";
+const SCREEN_WIDTH = Dimensions.get("window").width;
 class WarningPopup extends PureComponent {
   render() {
     return /*#__PURE__*/React.createElement(MiddlePopup, {
@@ -15,9 +16,9 @@ class WarningPopup extends PureComponent {
       style: [styles.popup, this.props.padHorizontal && {
         paddingHorizontal: 16
       }]
-    }, this.props.isSuccess && /*#__PURE__*/React.createElement(Pl60Icon, {
+    }, this.props.isSuccess && /*#__PURE__*/React.createElement(FontAwesome, {
       style: styles.icon,
-      name: "circleoutlined"
+      name: "circle-check"
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.text
     }, this.props.confirmText), /*#__PURE__*/React.createElement(View, {
@@ -29,18 +30,18 @@ class WarningPopup extends PureComponent {
       style: [styles.infoText, this.props.infoTextStyle]
     }, this.props.infoText)), /*#__PURE__*/React.createElement(InlineButton, {
       onPress: this.props.onClose,
-      color: this.props.ctaButton ? this.props.colourBrandingMain : '#fff',
+      color: this.props.ctaButton ? this.props.colourBrandingMain : "#fff",
       style: styles.button,
       textStyle: [styles.closeText, {
-        color: this.props.ctaButton ? '#fff' : this.props.colourBrandingMain
+        color: this.props.ctaButton ? "#fff" : this.props.colourBrandingMain
       }],
       large: true
-    }, !_.isUndefined(this.props.buttonText) ? this.props.buttonText : 'Close'));
+    }, !_.isUndefined(this.props.buttonText) ? this.props.buttonText : "Close"));
   }
 }
 const styles = {
   popup: {
-    width: 'auto',
+    width: "auto",
     maxWidth: SCREEN_WIDTH - 34,
     paddingVertical: 16
   },
@@ -51,26 +52,26 @@ const styles = {
     color: COLOUR_GREEN
   },
   text: {
-    fontFamily: 'sf-bold',
+    fontFamily: "sf-bold",
     fontSize: 24,
     lineHeight: 24,
     color: TEXT_DARK,
-    textAlign: 'center',
+    textAlign: "center",
     marginTop: 8
   },
   infoText: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 16,
     lineHeight: 22,
     color: TEXT_DARK,
-    textAlign: 'left'
+    textAlign: "left"
   },
   button: {
     width: 130,
     marginTop: 20
   },
   closeText: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     fontSize: 15
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","_","View","Text","Dimensions","connect","Pl60Icon","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","SCREEN_WIDTH","get","width","WarningPopup","render","createElement","visible","props","onClose","style","styles","popup","padHorizontal","paddingHorizontal","isSuccess","icon","name","text","confirmText","marginTop","infoText","infoTextStyle","onPress","color","ctaButton","colourBrandingMain","button","textStyle","closeText","large","isUndefined","buttonText","maxWidth","paddingVertical","paddingBottom","fontSize","fontFamily","lineHeight","textAlign","mapStateToProps","state","warningPopup"],"sources":["WarningPopup.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport _ from 'lodash';\nimport { View, Text, Dimensions } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Pl60Icon } from '../fonts';\nimport { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { MiddlePopup } from './MiddlePopup';\nimport { InlineButton } from './InlineButton';\n\nconst SCREEN_WIDTH = Dimensions.get('window').width;\n\nclass WarningPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup\n        visible={this.props.visible}\n        onClose={this.props.onClose}\n        style={[styles.popup, this.props.padHorizontal && { paddingHorizontal: 16 }]}\n      >\n        {this.props.isSuccess && <Pl60Icon style={styles.icon} name=\"circleoutlined\" />}\n        <Text style={styles.text}>{this.props.confirmText}</Text>\n        <View style={{ marginTop: 16, paddingHorizontal: 24 }}>\n          <Text style={[styles.infoText, this.props.infoTextStyle]}>{this.props.infoText}</Text>\n        </View>\n        <InlineButton\n          onPress={this.props.onClose}\n          color={this.props.ctaButton ? this.props.colourBrandingMain : '#fff'}\n          style={styles.button}\n          textStyle={[styles.closeText, { color: this.props.ctaButton ? '#fff' : this.props.colourBrandingMain }]}\n          large\n        >\n          {!_.isUndefined(this.props.buttonText) ? this.props.buttonText : 'Close'}\n        </InlineButton>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    width: 'auto',\n    maxWidth: SCREEN_WIDTH - 34,\n    paddingVertical: 16,\n  },\n  icon: {\n    marginTop: 20,\n    paddingBottom: 16,\n    fontSize: 52,\n    color: COLOUR_GREEN,\n  },\n  text: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    lineHeight: 24,\n    color: TEXT_DARK,\n    textAlign: 'center',\n    marginTop: 8,\n  },\n  infoText: {\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n    lineHeight: 22,\n    color: TEXT_DARK,\n    textAlign: 'left',\n  },\n  button: {\n    width: 130,\n    marginTop: 20,\n  },\n  closeText: {\n    fontFamily: 'sf-medium',\n    fontSize: 15,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst warningPopup = connect(mapStateToProps, {})(WarningPopup);\nexport { warningPopup as WarningPopup };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","_","View","Dimensions","Text","connect","FontAwesome","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","SCREEN_WIDTH","get","width","WarningPopup","render","createElement","visible","props","onClose","style","styles","popup","padHorizontal","paddingHorizontal","isSuccess","icon","name","text","confirmText","marginTop","infoText","infoTextStyle","onPress","color","ctaButton","colourBrandingMain","button","textStyle","closeText","large","isUndefined","buttonText","maxWidth","paddingVertical","paddingBottom","fontSize","fontFamily","lineHeight","textAlign","mapStateToProps","state","warningPopup"],"sources":["WarningPopup.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport _ from \"lodash\";\nimport { View, Dimensions } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { FontAwesome } from \"./Icon\";\nimport {\n\tCOLOUR_GREEN,\n\tTEXT_DARK,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { MiddlePopup } from \"./MiddlePopup\";\nimport { InlineButton } from \"./InlineButton\";\n\nconst SCREEN_WIDTH = Dimensions.get(\"window\").width;\n\nclass WarningPopup extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<MiddlePopup\n\t\t\t\tvisible={this.props.visible}\n\t\t\t\tonClose={this.props.onClose}\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.popup,\n\t\t\t\t\tthis.props.padHorizontal && { paddingHorizontal: 16 },\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{this.props.isSuccess && (\n\t\t\t\t\t<FontAwesome style={styles.icon} name=\"circle-check\" />\n\t\t\t\t)}\n\t\t\t\t<Text style={styles.text}>{this.props.confirmText}</Text>\n\t\t\t\t<View style={{ marginTop: 16, paddingHorizontal: 24 }}>\n\t\t\t\t\t<Text style={[styles.infoText, this.props.infoTextStyle]}>\n\t\t\t\t\t\t{this.props.infoText}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t\t<InlineButton\n\t\t\t\t\tonPress={this.props.onClose}\n\t\t\t\t\tcolor={this.props.ctaButton ? this.props.colourBrandingMain : \"#fff\"}\n\t\t\t\t\tstyle={styles.button}\n\t\t\t\t\ttextStyle={[\n\t\t\t\t\t\tstyles.closeText,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: this.props.ctaButton\n\t\t\t\t\t\t\t\t? \"#fff\"\n\t\t\t\t\t\t\t\t: this.props.colourBrandingMain,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tlarge\n\t\t\t\t>\n\t\t\t\t\t{!_.isUndefined(this.props.buttonText)\n\t\t\t\t\t\t? this.props.buttonText\n\t\t\t\t\t\t: \"Close\"}\n\t\t\t\t</InlineButton>\n\t\t\t</MiddlePopup>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tpopup: {\n\t\twidth: \"auto\",\n\t\tmaxWidth: SCREEN_WIDTH - 34,\n\t\tpaddingVertical: 16,\n\t},\n\ticon: {\n\t\tmarginTop: 20,\n\t\tpaddingBottom: 16,\n\t\tfontSize: 52,\n\t\tcolor: COLOUR_GREEN,\n\t},\n\ttext: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tlineHeight: 24,\n\t\tcolor: TEXT_DARK,\n\t\ttextAlign: \"center\",\n\t\tmarginTop: 8,\n\t},\n\tinfoText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\tlineHeight: 22,\n\t\tcolor: TEXT_DARK,\n\t\ttextAlign: \"left\",\n\t},\n\tbutton: {\n\t\twidth: 130,\n\t\tmarginTop: 20,\n\t},\n\tcloseText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 15,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst warningPopup = connect(mapStateToProps, {})(WarningPopup);\nexport { warningPopup as WarningPopup };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/expo-image-picker-multiple/ImageBrowser.js

@@ -1,17 +1,17 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { StyleSheet, View, FlatList, Dimensions, ActivityIndicator, Platform } from 'react-native';
-import _ from 'lodash';
-import * as ScreenOrientation from 'expo-screen-orientation';
-import * as MediaLibrary from 'expo-media-library';
-import { Camera } from 'expo-camera';
-import { isVideo } from '../../helper';
-import ImageTile from './ImageTile';
+import React from "react";
+import { StyleSheet, View, FlatList, Dimensions, ActivityIndicator, Platform } from "react-native";
+import _ from "lodash";
+import * as ScreenOrientation from "expo-screen-orientation";
+import * as MediaLibrary from "expo-media-library";
+import { Camera } from "expo-camera";
+import { isVideo } from "../../helper";
+import ImageTile from "./ImageTile";
 const {
   width
-} = Dimensions.get('window');
+} = Dimensions.get("window");
 const defaultSelectionLimit = 10;
 const defaultLoadCount = 50;
 export default class ImageBrowser extends React.Component {
@@ -28,8 +28,8 @@ export default class ImageBrowser extends React.Component {
         status: cameraRoll
       } = await MediaLibrary.requestPermissionsAsync();
       this.setState({
-        hasCameraPermission: camera === 'granted',
-        hasCameraRollPermission: cameraRoll === 'granted'
+        hasCameraPermission: camera === "granted",
+        hasCameraRollPermission: cameraRoll === "granted"
       });
     });
     _defineProperty(this, "onOrientationChange", ({
@@ -123,7 +123,7 @@ export default class ImageBrowser extends React.Component {
           first: loadCount || defaultLoadCount,
           mediaType,
           album: album || undefined,
-          sortBy: [Platform.OS === 'android' ? 'modificationTime' : 'creationTime']
+          sortBy: [Platform.OS === "android" ? "modificationTime" : "creationTime"]
         };
         if (reset) {
           this.setState({
@@ -141,7 +141,7 @@ export default class ImageBrowser extends React.Component {
         // Use remote albums
         const selectedAlbum = remoteAlbums.find(item => item.id === album);
         if (selectedAlbum && ((_selectedAlbum$images = selectedAlbum.images) === null || _selectedAlbum$images === void 0 ? void 0 : _selectedAlbum$images.length) > 0) {
-          const ordered = _.orderBy(selectedAlbum.images, 'date', 'desc');
+          const ordered = _.orderBy(selectedAlbum.images, "date", "desc");
           this.setState({
             photos: ordered.map(image => {
               return {