@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LoadingCircles.js"],"names":["React","Component","View","Animated","connect","getMainBrandingColourFromState","LoadingCircles","animatedSize","Value","animatedOpacity","animatedSize2","animatedOpacity2","animatedSize3","animatedOpacity3","animatedSize4","animatedOpacity4","animatedSize5","animatedOpacity5","componentDidMount","animate","sequence","parallel","timing","state","toValue","duration","useNativeDriver","delay","start","render","styles","container","absolute","circle","borderColor","props","color","colourBrandingMain","width","height","opacity","alignItems","justifyContent","borderRadius","borderWidth","position","top","left","right","bottom","mapStateToProps","loadingCircles"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Animated } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState } from '../colours';\n\n/* const arr = []\nfor (var i = 0; i < 3; i++) {\n  arr.push(i);\n} */\n\nclass LoadingCircles extends Component {\n  state = {\n    animatedSize: new Animated.Value(1),\n    animatedOpacity: new Animated.Value(0),\n    animatedSize2: new Animated.Value(1),\n    animatedOpacity2: new Animated.Value(0),\n    animatedSize3: new Animated.Value(1),\n    animatedOpacity3: new Animated.Value(0),\n    animatedSize4: new Animated.Value(1),\n    animatedOpacity4: new Animated.Value(0),\n    animatedSize5: new Animated.Value(1),\n    animatedOpacity5: new Animated.Value(0),\n  };\n\n  /* constructor() {\n        super()\n        this.state.animatedSizes = [];\n        this.state.animatedOpacity = [];\n        arr.forEach((value) => {\n            this.state.animatedSizes[value] = new Animated.Value(1);\n            this.state.animatedOpacity[value] = new Animated.Value(0);\n        })\n    } */\n\n  componentDidMount() {\n    this.animate();\n    /* setTimeout(() => {\n            this.animate2();\n        }, 150);\n        setTimeout(() => {\n            this.animate3();\n        }, 300); */\n  }\n\n  animate() {\n    Animated.sequence([\n      Animated.parallel([\n        Animated.timing(this.state.animatedSize, {\n          toValue: 20,\n          duration: 900,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity, {\n          toValue: 1,\n          duration: 900,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize2, {\n          toValue: 20,\n          duration: 900,\n          delay: 150,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity2, {\n          toValue: 1,\n          duration: 900,\n          delay: 150,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize3, {\n          toValue: 20,\n          duration: 900,\n          delay: 300,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity3, {\n          toValue: 1,\n          duration: 900,\n          delay: 400,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize4, {\n          toValue: 20,\n          duration: 900,\n          delay: 450,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity4, {\n          toValue: 1,\n          duration: 900,\n          delay: 450,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize5, {\n          toValue: 20,\n          duration: 900,\n          delay: 600,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity5, {\n          toValue: 1,\n          duration: 900,\n          delay: 600,\n          useNativeDriver: false,\n        }),\n      ]),\n\n      Animated.parallel([\n        Animated.timing(this.state.animatedOpacity, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity2, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity3, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity4, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedOpacity5, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n      ]),\n\n      Animated.parallel([\n        Animated.timing(this.state.animatedSize, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize2, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize3, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize4, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n        Animated.timing(this.state.animatedSize5, {\n          toValue: 1,\n          duration: 1,\n          useNativeDriver: false,\n        }),\n      ]),\n    ]).start(() => {\n      this.animate();\n    });\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize,\n                height: this.state.animatedSize,\n                opacity: this.state.animatedOpacity,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize2,\n                height: this.state.animatedSize2,\n                opacity: this.state.animatedOpacity2,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize3,\n                height: this.state.animatedSize3,\n                opacity: this.state.animatedOpacity3,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize4,\n                height: this.state.animatedSize4,\n                opacity: this.state.animatedOpacity4,\n              },\n            ]}\n          />\n        </View>\n        <View style={[styles.container, styles.absolute]}>\n          <Animated.View\n            style={[\n              styles.circle,\n              {\n                borderColor: this.props.color || this.props.colourBrandingMain,\n                width: this.state.animatedSize5,\n                height: this.state.animatedSize5,\n                opacity: this.state.animatedOpacity5,\n              },\n            ]}\n          />\n        </View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    width: 30,\n    height: 30,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  circle: {\n    borderRadius: 15,\n    borderWidth: 1,\n  },\n  absolute: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst loadingCircles = connect(mapStateToProps, {})(LoadingCircles);\nexport { loadingCircles as LoadingCircles };\n"]}

package/dist/module/components/LoadingIndicator.js

@@ -0,0 +1,95 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { StyleSheet, Animated, Dimensions } from 'react-native';
+import { connect } from 'react-redux';
+import { getMainBrandingColourFromState } from '../colours';
+const DEFAULT_HEIGHT = 4;
+const DEFAULT_WIDTH = Dimensions.get('window').width;
+
+class LoadingIndicator extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "animate", () => {
+      Animated.sequence([Animated.timing(this.state.animatedLeft, {
+        toValue: DEFAULT_WIDTH,
+        duration: 1500,
+        useNativeDriver: false
+      }), Animated.delay(500), Animated.timing(this.state.animatedLeft, {
+        toValue: -DEFAULT_WIDTH,
+        duration: 1500,
+        useNativeDriver: false
+      }), Animated.delay(500)]).start(() => {
+        this.animate();
+      });
+    });
+
+    this.state = {
+      animatedLeft: new Animated.Value(-DEFAULT_WIDTH),
+      animatedOpacity: new Animated.Value(0)
+    };
+    this.height = 0;
+  }
+
+  componentDidMount() {
+    this.animate();
+  }
+
+  getSnapshotBeforeUpdate(prevProps) {
+    return null;
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.visible !== this.props.visible) {
+      Animated.timing(this.state.animatedOpacity, {
+        toValue: this.props.visible ? 0.8 : 0,
+        duration: 300,
+        useNativeDriver: false
+      }).start();
+    }
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.container, this.props.style, {
+        height: DEFAULT_HEIGHT,
+        opacity: this.state.animatedOpacity
+      }],
+      onLayout: this.onLayout
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.line, {
+        backgroundColor: this.props.colourBrandingMain,
+        left: this.state.animatedLeft,
+        height: DEFAULT_HEIGHT
+      }]
+    }));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden',
+    backgroundColor: '#fff',
+    width: '100%',
+    height: 38
+  },
+  innerContainer: {
+    flexDirection: 'row'
+  },
+  line: {
+    width: DEFAULT_WIDTH
+  }
+});
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+export default connect(mapStateToProps, {})(LoadingIndicator); // export { loadingIndicator as Default };
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LoadingIndicator.js"],"names":["React","Component","StyleSheet","Animated","Dimensions","connect","getMainBrandingColourFromState","DEFAULT_HEIGHT","DEFAULT_WIDTH","get","width","LoadingIndicator","constructor","props","sequence","timing","state","animatedLeft","toValue","duration","useNativeDriver","delay","start","animate","Value","animatedOpacity","height","componentDidMount","getSnapshotBeforeUpdate","prevProps","componentDidUpdate","visible","render","styles","container","style","opacity","onLayout","line","backgroundColor","colourBrandingMain","left","create","alignItems","justifyContent","overflow","innerContainer","flexDirection","mapStateToProps"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { StyleSheet, Animated, Dimensions } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState } from '../colours';\n\nconst DEFAULT_HEIGHT = 4;\nconst DEFAULT_WIDTH = Dimensions.get('window').width;\n\nclass LoadingIndicator extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      animatedLeft: new Animated.Value(-DEFAULT_WIDTH),\n      animatedOpacity: new Animated.Value(0),\n    };\n    this.height = 0;\n  }\n\n  componentDidMount() {\n    this.animate();\n  }\n\n  getSnapshotBeforeUpdate(prevProps) {\n    return null;\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.visible !== this.props.visible) {\n      Animated.timing(this.state.animatedOpacity, {\n        toValue: this.props.visible ? 0.8 : 0,\n        duration: 300,\n        useNativeDriver: false,\n      }).start();\n    }\n  }\n\n  animate = () => {\n    Animated.sequence([\n      Animated.timing(this.state.animatedLeft, {\n        toValue: DEFAULT_WIDTH,\n        duration: 1500,\n        useNativeDriver: false,\n      }),\n      Animated.delay(500),\n      Animated.timing(this.state.animatedLeft, {\n        toValue: -DEFAULT_WIDTH,\n        duration: 1500,\n        useNativeDriver: false,\n      }),\n      Animated.delay(500),\n    ]).start(() => {\n      this.animate();\n    });\n  };\n\n  render() {\n    return (\n      <Animated.View\n        style={[styles.container, this.props.style, { height: DEFAULT_HEIGHT, opacity: this.state.animatedOpacity }]}\n        onLayout={this.onLayout}\n      >\n        <Animated.View\n          style={[styles.line, { backgroundColor: this.props.colourBrandingMain, left: this.state.animatedLeft, height: DEFAULT_HEIGHT }]}\n        />\n      </Animated.View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    backgroundColor: '#fff',\n    width: '100%',\n    height: 38,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n  },\n  line: {\n    width: DEFAULT_WIDTH,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(LoadingIndicator);\n// export { loadingIndicator as Default };\n"]}

package/dist/module/components/LoadingStateWidget.js

@@ -0,0 +1,51 @@
+import React, { PureComponent } from 'react';
+import { View, ScrollView, StyleSheet } from 'react-native';
+import { TEXT_BLUEGREY } from '../colours';
+
+class LoadingStateWidget extends PureComponent {
+  renderPlaceHolder() {
+    let opacity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.item, {
+        opacity,
+        height: this.props.height - 20
+      }]
+    });
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.height && {
+        height: this.props.height
+      }, this.props.style]
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true,
+      style: styles.itemContainer
+    }, this.renderPlaceHolder(0.8), this.renderPlaceHolder(0.6), this.renderPlaceHolder(0.4), this.renderPlaceHolder(0.2)));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 5,
+    paddingVertical: 5
+  },
+  titleText: {
+    fontFamily: 'qs-bold',
+    fontSize: 16,
+    color: TEXT_BLUEGREY
+  },
+  itemContainer: {
+    marginTop: 20
+  },
+  item: {
+    borderRadius: 4,
+    width: 97,
+    height: 98,
+    backgroundColor: '#e6ebef',
+    marginRight: 16
+  }
+});
+export default LoadingStateWidget;
+//# sourceMappingURL=LoadingStateWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LoadingStateWidget.js"],"names":["React","PureComponent","View","ScrollView","StyleSheet","TEXT_BLUEGREY","LoadingStateWidget","renderPlaceHolder","opacity","styles","item","height","props","render","container","style","itemContainer","create","borderRadius","paddingVertical","titleText","fontFamily","fontSize","color","marginTop","width","backgroundColor","marginRight"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,UAA3B,QAA6C,cAA7C;AACA,SAASC,aAAT,QAA8B,YAA9B;;AAEA,MAAMC,kBAAN,SAAiCL,aAAjC,CAA+C;AAC7CM,EAAAA,iBAAiB,GAAc;AAAA,QAAbC,OAAa,uEAAH,CAAG;AAC7B,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc;AAAEF,QAAAA,OAAF;AAAWG,QAAAA,MAAM,EAAE,KAAKC,KAAL,CAAWD,MAAX,GAAoB;AAAvC,OAAd;AAAb,MAAP;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACJ,MAAM,CAACK,SAAR,EAAmB,KAAKF,KAAL,CAAWD,MAAX,IAAqB;AAAEA,QAAAA,MAAM,EAAE,KAAKC,KAAL,CAAWD;AAArB,OAAxC,EAAuE,KAAKC,KAAL,CAAWG,KAAlF;AAAb,oBACE,oBAAC,UAAD;AAAY,MAAA,UAAU,MAAtB;AAAuB,MAAA,KAAK,EAAEN,MAAM,CAACO;AAArC,OACG,KAAKT,iBAAL,CAAuB,GAAvB,CADH,EAEG,KAAKA,iBAAL,CAAuB,GAAvB,CAFH,EAGG,KAAKA,iBAAL,CAAuB,GAAvB,CAHH,EAIG,KAAKA,iBAAL,CAAuB,GAAvB,CAJH,CADF,CADF;AAUD;;AAhB4C;;AAmB/C,MAAME,MAAM,GAAGL,UAAU,CAACa,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE;AACTI,IAAAA,YAAY,EAAE,CADL;AAETC,IAAAA,eAAe,EAAE;AAFR,GADoB;AAK/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,SADH;AAETC,IAAAA,QAAQ,EAAE,EAFD;AAGTC,IAAAA,KAAK,EAAElB;AAHE,GALoB;AAU/BW,EAAAA,aAAa,EAAE;AACbQ,IAAAA,SAAS,EAAE;AADE,GAVgB;AAa/Bd,EAAAA,IAAI,EAAE;AACJQ,IAAAA,YAAY,EAAE,CADV;AAEJO,IAAAA,KAAK,EAAE,EAFH;AAGJd,IAAAA,MAAM,EAAE,EAHJ;AAIJe,IAAAA,eAAe,EAAE,SAJb;AAKJC,IAAAA,WAAW,EAAE;AALT;AAbyB,CAAlB,CAAf;AAsBA,eAAerB,kBAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, ScrollView, StyleSheet } from 'react-native';\nimport { TEXT_BLUEGREY } from '../colours';\n\nclass LoadingStateWidget extends PureComponent {\n  renderPlaceHolder(opacity = 1) {\n    return <View style={[styles.item, { opacity, height: this.props.height - 20 }]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.height && { height: this.props.height }, this.props.style]}>\n        <ScrollView horizontal style={styles.itemContainer}>\n          {this.renderPlaceHolder(0.8)}\n          {this.renderPlaceHolder(0.6)}\n          {this.renderPlaceHolder(0.4)}\n          {this.renderPlaceHolder(0.2)}\n        </ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 5,\n    paddingVertical: 5,\n  },\n  titleText: {\n    fontFamily: 'qs-bold',\n    fontSize: 16,\n    color: TEXT_BLUEGREY,\n  },\n  itemContainer: {\n    marginTop: 20,\n  },\n  item: {\n    borderRadius: 4,\n    width: 97,\n    height: 98,\n    backgroundColor: '#e6ebef',\n    marginRight: 16,\n  },\n});\n\nexport default LoadingStateWidget;\n"]}

package/dist/module/components/MediaPlayer.js

@@ -0,0 +1,440 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { Platform, View, StyleSheet, Dimensions } from 'react-native';
+import * as ScreenOrientation from 'expo-screen-orientation';
+import { DeviceMotion } from 'expo-sensors';
+import YoutubePlayer, { getYoutubeMeta } from 'react-native-youtube-iframe';
+import { Vimeo } from 'react-native-vimeo-iframe';
+import WebView from 'react-native-webview';
+import { Video } from 'expo-av';
+import VideoPlayer from 'expo-video-player';
+import { Spinner } from './Spinner';
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+const SCREEN_WIDTH = Dimensions.get('window').width;
+const EXPO_VIDEO_PROPS = {
+  rate: 1,
+  isMuted: false,
+  volume: 1
+};
+const RETRY_RECOVER = 30000;
+const RETRY_LOADING = 10000;
+
+class MediaPlayer extends Component {
+  constructor(props) {
+    var _this;
+
+    super(props);
+    _this = this;
+
+    _defineProperty(this, "componentDidMount", async () => {
+      await this.setupForPlaying();
+      ScreenOrientation.lockAsync(Platform.OS === 'ios' ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL);
+      const motionAvailalble = await DeviceMotion.isAvailableAsync(); // console.log('motionAvailalble', motionAvailalble);
+
+      if (motionAvailalble) {
+        DeviceMotion.setUpdateInterval(500);
+        DeviceMotion.addListener(this.onMotionChange);
+      }
+    });
+
+    _defineProperty(this, "componentWillUnmount", () => {
+      if (this.checkStreamLoaded) clearInterval(this.checkStreamLoaded);
+      DeviceMotion.removeAllListeners();
+      ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
+    });
+
+    _defineProperty(this, "getYoutubeVideoId", url => {
+      url = url.replace(/(>|<)/gi, '').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
+
+      if (url[2] !== undefined) {
+        const ids = url[2].split(/[^0-9a-z_\-]/i);
+        return ids[0];
+      } else {
+        return '';
+      }
+    });
+
+    _defineProperty(this, "getVimeoId", url => {
+      const result = url.match(/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|video\/|)(\d+)(?:[a-zA-Z0-9_\-]+)?/i);
+      return result[1];
+    });
+
+    _defineProperty(this, "setupForPlaying", async () => {
+      // Extract live stream info
+      const {
+        source,
+        useVideoPlayer
+      } = this.props;
+      const isUrlLink = source && source.startsWith('http');
+      const isYoutube = source && (source.includes('youtube.com/watch?v=') || source.includes('youtu.be/'));
+      const isVimeo = source && source.includes('vimeo.com/');
+      let heightFactor = 0;
+
+      if (isYoutube) {
+        const metadata = await getYoutubeMeta(this.getYoutubeVideoId(source));
+        heightFactor = metadata.height / metadata.width;
+      } else if (useVideoPlayer) {
+        heightFactor = 0;
+      } else {
+        heightFactor = 0.565;
+      }
+
+      this.setState({
+        isUrlLink,
+        isYoutube,
+        isVimeo,
+        playbackLoaded: isYoutube || isVimeo,
+        heightFactor,
+        readyToRender: true
+      });
+    });
+
+    _defineProperty(this, "getStreamPlaybackUrl", () => {
+      // return 'https://stream.mux.com/Ym4nKktRpGuZNBBBlzhxpyRwZLpvMlPRchcu01x6Ur600.m3u8';
+      return `https://stream.mux.com/${this.props.playbackId}.m3u8`;
+    });
+
+    _defineProperty(this, "checkReloadStream", function () {
+      let wait = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : RETRY_LOADING;
+      let force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (!force && _this.retryLoading) return;
+      console.log(`Check loading in ${wait} milliseconds...`);
+      _this.retryLoading = true;
+      setTimeout(async () => {
+        const {
+          playbackLoaded,
+          playbackBuffering
+        } = _this.state;
+
+        try {
+          if (playbackLoaded === false || playbackBuffering === true) {
+            console.log('Reloading started');
+            await _this.videoPlayer.loadAsync({
+              uri: _this.getStreamPlaybackUrl(),
+              overrideFileExtensionAndroid: 'm3u8'
+            }, EXPO_VIDEO_PROPS, false);
+          } else {
+            console.log('Already loaded - not reloading');
+          }
+
+          _this.retryLoading = false;
+        } catch {}
+      }, wait);
+    });
+
+    _defineProperty(this, "isLandscape", deviceRotation => {
+      const {
+        beta,
+        gamma
+      } = deviceRotation;
+      const absGamma = Math.abs(gamma);
+      const absBeta = Math.abs(beta);
+      const isGammaNegative = Math.sign(gamma) === -1;
+
+      if (absGamma <= 0.04 && absBeta <= 0.24) {
+        //Portrait mode, on a flat surface.
+        return false;
+      } else if ((absGamma <= 1.0 || absGamma >= 2.3) && absBeta >= 0.5) {
+        //General Portrait mode, accounting for forward and back tilt on the top of the phone.
+        return false;
+      } else {
+        if (isGammaNegative) {
+          //Landscape mode with the top of the phone to the left.
+          return true;
+        } else {
+          //Landscape mode with the top of the phone to the right.
+          return true;
+        }
+      }
+    });
+
+    _defineProperty(this, "onMotionChange", async changeEvent => {
+      const deviceRotation = changeEvent.rotation;
+      const deviceOrientation = changeEvent.orientation;
+      const isLandscape = this.isLandscape(deviceRotation);
+      this.orientationQueue.push(isLandscape);
+      if (this.orientationQueue.length > 2) this.orientationQueue = this.orientationQueue.slice(-2); // console.log('onMotionChange - orientationQueue', this.orientationQueue);
+
+      if (isLandscape !== this.state.isLandscape && isLandscape === (Math.abs(deviceOrientation) === 90) && this.orientationQueue.every(i => i === isLandscape)) {
+        this.setState({
+          isLandscape
+        }, () => {
+          // console.log('isLandscape', this.state.isLandscape);
+          if (this.props.orientationChanged) this.props.orientationChanged(this.state.isLandscape);
+        });
+      }
+    });
+
+    _defineProperty(this, "onStreamLoadStart", () => {
+      console.log('Stream load started');
+      this.checkStreamLoaded = setInterval(() => {
+        const {
+          playbackLoaded
+        } = this.state;
+
+        if (playbackLoaded === false) {
+          console.log('Stream loading failed unexpectedly');
+          this.checkReloadStream(1000, true);
+        } else {
+          clearInterval(this.checkStreamLoaded);
+        }
+      }, RETRY_RECOVER);
+    });
+
+    _defineProperty(this, "onStreamLoaded", status => {
+      console.log(`Stream loaded - isLoaded:${status.isLoaded}, isBuffering:${status.isBuffering}, isPlaying:${status.isPlaying}`);
+    });
+
+    _defineProperty(this, "onStreamError", error => {
+      console.log('Stream error', error);
+    });
+
+    _defineProperty(this, "onStreamStatusUpdate", status => {
+      this.setState({
+        playbackLoaded: status.isLoaded,
+        playbackBuffering: status.isBuffering,
+        playbackPlaying: status.isPlaying
+      }, () => {
+        const {
+          playbackLoaded,
+          playbackBuffering,
+          playbackPlaying,
+          shouldPlay
+        } = this.state; // console.log(`Status updated - isLoaded:${playbackLoaded}, isBuffering:${playbackBuffering}, isPlaying:${playbackPlaying}`);
+
+        if (playbackLoaded === false && playbackBuffering === undefined && playbackPlaying === undefined) {
+          this.checkReloadStream();
+        } else if (playbackLoaded === true && playbackBuffering === true) {
+          this.checkReloadStream(RETRY_RECOVER);
+        }
+      });
+    });
+
+    _defineProperty(this, "onYoutubeError", e => {
+      // console.log('onYoutubeError', e);
+      this.setState({
+        forceWebview: true
+      });
+    });
+
+    _defineProperty(this, "onYoutubeReady", () => {// console.log('onYoutubeReady');
+    });
+
+    _defineProperty(this, "onVideoPlayStatusUpdate", status => {// console.log('onVideoPlayStatusUpdate', status);
+    });
+
+    _defineProperty(this, "onVideoPlayError", error => {
+      // console.log('onVideoPlayError', error);
+      this.setState({
+        forceWebview: true
+      });
+    });
+
+    _defineProperty(this, "getYoutubePlayer", (youtubeId, width, height, autoPlay) => /*#__PURE__*/React.createElement(YoutubePlayer, {
+      ref: ref => this.youtubePlayer = ref,
+      height: height,
+      width: width,
+      videoId: youtubeId,
+      play: autoPlay // onChangeState={event => console.log('onChangeState', event)}
+      ,
+      onReady: this.onYoutubeReady,
+      onError: this.onYoutubeError // onPlaybackQualityChange={q => console.log('onPlaybackQualityChange', q)}
+      ,
+      volume: 50,
+      playbackRate: 1,
+      playerParams: {
+        cc_lang_pref: 'us',
+        showClosedCaptions: true
+      }
+    }));
+
+    _defineProperty(this, "getVimeoPlayer", (vimeoId, width, height, autoPlay) => /*#__PURE__*/React.createElement(View, {
+      style: {
+        width,
+        height
+      }
+    }, /*#__PURE__*/React.createElement(Vimeo, {
+      style: {
+        marginLeft: -8,
+        marginRight: -5
+      },
+      videoId: vimeoId // onReady={() => console.log('Video is ready')}
+      // onPlay={() => console.log('Video is playing')}
+      // onPlayProgress={data => console.log('Video progress data:', data)}
+      // onFinish={() => console.log('Video is finished')}
+      ,
+      loop: false,
+      autoPlay: autoPlay,
+      controls: true,
+      speed: true,
+      time: '0m0s'
+    })));
+
+    _defineProperty(this, "getWebviewPlayer", embedUrl => /*#__PURE__*/React.createElement(WebView, {
+      startInLoadingState: true,
+      javaScriptEnabled: true,
+      scrollEnabled: false,
+      automaticallyAdjustContentInsets: false,
+      mediaPlaybackRequiresUserAction: true,
+      style: styles.webView,
+      source: {
+        uri: embedUrl
+      }
+    }));
+
+    _defineProperty(this, "getStreamPlayer", (embedUrl, width, height, autoPlay) => /*#__PURE__*/React.createElement(Video, _extends({
+      ref: vp => {
+        this.videoPlayer = vp;
+      },
+      source: {
+        uri: embedUrl
+      }
+    }, EXPO_VIDEO_PROPS, {
+      shouldPlay: autoPlay,
+      resizeMode: Video.RESIZE_MODE_CONTAIN,
+      useNativeControls: true,
+      style: {
+        width,
+        height
+      },
+      onLoadStart: this.onStreamLoadStart,
+      onLoad: this.onStreamLoaded,
+      onError: this.onStreamError,
+      onPlaybackStatusUpdate: this.onStreamStatusUpdate
+    })));
+
+    _defineProperty(this, "getVideoPlayer", (embedUrl, width, height, autoPlay) => /*#__PURE__*/React.createElement(VideoPlayer, {
+      videoProps: {
+        shouldPlay: autoPlay,
+        resizeMode: Video.RESIZE_MODE_CONTAIN,
+        source: {
+          uri: embedUrl
+        }
+      },
+      showFullscreenButton: false,
+      errorCallback: this.onVideoPlayError,
+      playbackCallback: this.onVideoPlayStatusUpdate,
+      height: height,
+      width: width
+    }));
+
+    this.state = {
+      deviceOrientation: null,
+      isLandscape: false,
+      isUrlLink: true,
+      isYoutube: false,
+      isVimeo: false,
+      forceWebview: false,
+      heightFactor: 0,
+      playbackLoaded: false,
+      playbackBuffering: false,
+      playbackPlaying: false,
+      readyToRender: false
+    };
+    this.youtubePlayer = null;
+    this.videoPlayer = null;
+    this.checkStreamLoaded = null;
+    this.retryLoading = false;
+    this.orientationQueue = [];
+  }
+
+  render() {
+    let width, height;
+    const {
+      playbackId,
+      source,
+      autoPlay,
+      useVideoPlayer
+    } = this.props;
+    const {
+      readyToRender,
+      isLandscape,
+      heightFactor,
+      isUrlLink,
+      isYoutube,
+      isVimeo,
+      forceWebview,
+      playbackLoaded,
+      playbackBuffering
+    } = this.state;
+    if (!readyToRender) return null;
+
+    if (isLandscape) {
+      width = SCREEN_HEIGHT;
+      height = SCREEN_WIDTH;
+    } else {
+      width = SCREEN_WIDTH;
+      height = heightFactor ? SCREEN_WIDTH * heightFactor : SCREEN_HEIGHT;
+    }
+
+    let embedUrl, player, showLoading;
+
+    if (!forceWebview) {
+      if (isYoutube) {
+        const youtubeId = this.getYoutubeVideoId(source);
+        embedUrl = youtubeId ? `https://www.youtube.com/embed/${youtubeId}` : source;
+        player = this.getYoutubePlayer(youtubeId, width, height, autoPlay);
+      } else if (isVimeo) {
+        const vimeoId = this.getVimeoId(source);
+        embedUrl = source;
+        player = this.getVimeoPlayer(vimeoId, width, height, autoPlay);
+      } else if (playbackId) {
+        embedUrl = this.getStreamPlaybackUrl();
+        player = this.getStreamPlayer(embedUrl, width, height, autoPlay);
+        showLoading = true;
+      } else if (useVideoPlayer) {
+        embedUrl = source;
+        player = this.getVideoPlayer(embedUrl, width, height, autoPlay);
+      }
+    }
+
+    if (!player && isUrlLink) {
+      embedUrl = source;
+      player = this.getWebviewPlayer(embedUrl);
+    } // console.log({
+    //   Streaming: embedUrl,
+    //   Landscape: isLandscape,
+    //   Loaded: playbackLoaded,
+    //   Buffering: playbackBuffering,
+    //   LoadingIndicator: showLoading,
+    //   Width: width,
+    //   Height: height,
+    //   HeightFactor: heightFactor,
+    // });
+
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, player, showLoading && (!playbackLoaded || playbackBuffering) && /*#__PURE__*/React.createElement(View, {
+      style: styles.loadingContainer
+    }, /*#__PURE__*/React.createElement(Spinner, {
+      color: '#fff'
+    })));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#000',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  webView: {
+    flex: 1
+  },
+  loadingContainer: {
+    position: 'absolute',
+    top: 50,
+    left: 0,
+    right: 0,
+    bottom: 50,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default MediaPlayer;
+//# sourceMappingURL=MediaPlayer.js.map