@plusscommunities/pluss-core-app 8.0.29 → 8.0.31

package/dist/module/components/UserListing.js

@@ -0,0 +1,268 @@
+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);
+    this.state = {
+      pending: false
+    };
+  }
+  onPress() {
+    const {
+      hidden
+    } = this.props.me;
+    if (hidden && _.includes(hidden, "people")) return;
+    if (this.props.onPress) {
+      this.props.onPress();
+      return;
+    }
+    const user = {
+      ...this.props.user
+    };
+    if (_.isUndefined(user.key)) {
+      user.key = user.userId;
+    }
+    if (_.isUndefined(user.id)) {
+      user.id = user.userId;
+    }
+    Services.navigation.navigate("profile", {
+      user
+    });
+  }
+  onFollowUser() {
+    const userToSave = {
+      profilePic: this.props.user.profilePic,
+      displayName: this.props.user.displayName,
+      id: this.props.user.id
+    };
+    this.setState({
+      pending: true
+    });
+    followerActions.addFollower(userToSave, this.props.myId).then(() => {
+      this.props.addFollower(userToSave);
+    }).catch(() => {
+      this.setState({
+        pending: false
+      });
+    });
+  }
+  getTimeText(input) {
+    const gug = moment.unix(input);
+    if (gug.isBefore(moment().local().startOf("d"))) {
+      return gug.format("D MMM");
+    }
+    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/");
+    }
+    return profilePic;
+  }
+  getLastMessage(chat) {
+    if (typeof chat.lastMessage === "string") {
+      return chat.lastMessage;
+    }
+    // TODO recognise user name of last message
+    return chat.lastMessage.text;
+  }
+  renderFollowButton() {
+    if (this.props.user.privateChat) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          justifyContent: "flex-start"
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.chatTimeStamp, this.props.user.unread > 0 && {
+          color: TEXT_DARK,
+          fontFamily: "sf-bold"
+        }]
+      }, this.getTimeText(this.props.user.Changed)), /*#__PURE__*/React.createElement(View, {
+        style: [{
+          flexDirection: "row-reverse",
+          marginTop: 2
+        }, this.props.user.unread === 0 && {
+          opacity: 0
+        }]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.counter
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.counterText
+      }, this.props.user.unread))));
+    }
+    if (!this.props.showFriendsButton) {
+      return null;
+    }
+
+    // self
+    if (this.props.myId === this.props.user.id) {
+      return null;
+    }
+
+    // already following
+    if (this.props.isFollowing) {
+      return /*#__PURE__*/React.createElement(InlineButton, {
+        color: this.props.colourBrandingLight,
+        style: styles.friendsButton,
+        textStyle: {
+          color: this.props.colourBrandingMain
+        },
+        disabled: true
+      }, "Friends");
+    }
+
+    // in process of following
+    if (this.state.pending) {
+      return /*#__PURE__*/React.createElement(InlineButton, {
+        style: [styles.friendsButton, {
+          borderColor: this.props.colourBrandingMain,
+          borderWidth: 1
+        }],
+        disabled: true,
+        noText: true
+      }, /*#__PURE__*/React.createElement(Spinner, {
+        size: "small",
+        color: this.props.colourBrandingMain
+      }));
+    }
+
+    // not following yet
+    return /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.onFollowUser.bind(this),
+      color: "#fff",
+      style: [styles.friendsButton, {
+        borderColor: this.props.colourBrandingMain,
+        borderWidth: 1
+      }],
+      textStyle: {
+        color: this.props.colourBrandingMain
+      }
+    }, "Add friend");
+  }
+  renderStatusText() {
+    if (!this.props.statusText) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Text, {
+      style: styles.statusText
+    }, this.props.statusText);
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.props.containerStyle
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.9,
+      onPress: this.onPress.bind(this),
+      disabled: this.props.onPressDisabled
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.listItem, this.props.listItemStyle]
+    }, this.renderStatusText(), /*#__PURE__*/React.createElement(ProfilePic, {
+      ProfilePic: this.getProfilePic(),
+      Diameter: 42
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [styles.fill, styles.flexRowReverse, styles.alignCenter]
+    }, this.props.rightContent, this.renderFollowButton(), /*#__PURE__*/React.createElement(View, {
+      style: styles.fill
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.listItemTextContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.contactName,
+      numberOfLines: 1
+    }, this.props.user.displayName), this.props.user.privateChat && /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatLastMessage,
+      numberOfLines: 1
+    }, this.getLastMessage(this.props.user)), this.props.subText))))));
+  }
+}
+const styles = {
+  listItem: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    justifyContent: "flex-start",
+    flexDirection: "row",
+    position: "relative"
+  },
+  listItemTextContainer: {
+    flex: 1,
+    flexDirection: "column",
+    justifyContent: "space-around",
+    paddingLeft: 16
+  },
+  contactName: {
+    fontSize: 15,
+    fontFamily: "sf-semibold",
+    backgroundColor: "rgba(255,255,255,0)",
+    color: TEXT_DARK
+  },
+  statusText: {
+    position: "absolute",
+    top: 0,
+    left: 82,
+    fontFamily: "sf-semibold",
+    fontSize: 12,
+    color: TEXT_LIGHT
+  },
+  fill: {
+    flex: 1
+  },
+  alignCenter: {
+    alignItems: "center"
+  },
+  flexRowReverse: {
+    flexDirection: "row-reverse"
+  },
+  friendsButton: {
+    width: 100
+  },
+  counter: {
+    borderRadius: 10,
+    height: 20,
+    justifyContent: "center",
+    minWidth: 20,
+    paddingHorizontal: 4,
+    backgroundColor: COLOUR_GREEN
+  },
+  counterText: {
+    color: "#fff",
+    fontSize: 12,
+    fontFamily: "sf-semibold",
+    textAlign: "center"
+  },
+  chatTimeStamp: {
+    fontSize: 10,
+    fontFamily: "sf-semibold",
+    color: TEXT_LIGHT
+  },
+  chatLastMessage: {
+    fontSize: 13,
+    fontFamily: "sf-medium",
+    color: TEXT_LIGHT,
+    marginRight: 5
+  }
+};
+const mapStateToProps = state => {
+  return {
+    me: state.user,
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    colourBrandingLight: getLightBrandingColourFromState(state)
+  };
+};
+export default connect(mapStateToProps, {
+  addFollower
+})(UserListing);
+//# sourceMappingURL=UserListing.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,113 @@
+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 { 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);
+    });
+    _defineProperty(this, "componentWillUnmount", async () => {
+      await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
+    });
+    _defineProperty(this, "checkCompressed", url => {
+      const compressedUri = getCompressed(url);
+      imageExists(compressedUri).then(compressedExists => {
+        this.setState({
+          uri: compressedExists ? compressedUri : url
+        });
+      });
+    });
+    this.state = {
+      uri: "",
+      isFullScreen: false
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.uri === nextProps.uri) return;
+    this.checkCompressed(nextProps.uri);
+  }
+  renderClose() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.menuIconContainer,
+      onPress: this.props.onClose,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "x",
+      style: styles.menuIcon
+    }));
+  }
+  renderPlayer() {
+    const {
+      uri
+    } = this.state;
+    if (!uri) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.playerContainer
+    }, /*#__PURE__*/React.createElement(MediaPlayer, {
+      source: uri,
+      useVideoPlayer: true,
+      autoPlay: true,
+      orientationChanged: isFullScreen => this.setState({
+        isFullScreen
+      })
+    }));
+  }
+  render() {
+    const {
+      isFullScreen
+    } = this.state;
+    const {
+      visible,
+      onClose,
+      animationType,
+      style
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Modal, {
+      visible: visible,
+      animationType: animationType || "fade",
+      onRequestClose: onClose,
+      style: [styles.container, style],
+      supportedOrientations: ["portrait", "landscape"]
+    }, this.renderPlayer(), !isFullScreen && this.renderClose(), !isFullScreen && /*#__PURE__*/React.createElement(SharingTools, {
+      uri: this.props.uri
+    }));
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#000"
+  },
+  menuIconContainer: {
+    position: "absolute",
+    top: StatusBarHeight(0),
+    right: 0,
+    width: 55,
+    height: 55,
+    zIndex: 3
+  },
+  menuIcon: {
+    fontSize: 25,
+    padding: 15,
+    width: 55,
+    textAlign: "center",
+    color: "#fff",
+    zIndex: 3
+  },
+  playerContainer: {
+    flex: 1,
+    backgroundColor: "#000",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+export { VideoPopup };
+//# sourceMappingURL=VideoPopup.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,85 @@
+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, {
+      visible: this.props.visible,
+      onClose: this.props.onClose,
+      style: [styles.popup, this.props.padHorizontal && {
+        paddingHorizontal: 16
+      }]
+    }, this.props.isSuccess && /*#__PURE__*/React.createElement(FontAwesome, {
+      style: styles.icon,
+      name: "circle-check"
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, this.props.confirmText), /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginTop: 16,
+        paddingHorizontal: 24
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      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",
+      style: styles.button,
+      textStyle: [styles.closeText, {
+        color: this.props.ctaButton ? "#fff" : this.props.colourBrandingMain
+      }],
+      large: true
+    }, !_.isUndefined(this.props.buttonText) ? this.props.buttonText : "Close"));
+  }
+}
+const styles = {
+  popup: {
+    width: "auto",
+    maxWidth: SCREEN_WIDTH - 34,
+    paddingVertical: 16
+  },
+  icon: {
+    marginTop: 20,
+    paddingBottom: 16,
+    fontSize: 52,
+    color: COLOUR_GREEN
+  },
+  text: {
+    fontFamily: "sf-bold",
+    fontSize: 24,
+    lineHeight: 24,
+    color: TEXT_DARK,
+    textAlign: "center",
+    marginTop: 8
+  },
+  infoText: {
+    fontFamily: "sf-regular",
+    fontSize: 16,
+    lineHeight: 22,
+    color: TEXT_DARK,
+    textAlign: "left"
+  },
+  button: {
+    width: 130,
+    marginTop: 20
+  },
+  closeText: {
+    fontFamily: "sf-medium",
+    fontSize: 15
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const warningPopup = connect(mapStateToProps, {})(WarningPopup);
+export { warningPopup as WarningPopup };
+//# sourceMappingURL=WarningPopup.js.map

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

@@ -0,0 +1 @@
+{"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":[]}