@plusscommunities/pluss-core-app 4.0.4-auth.0 → 6.0.0-auth.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","Animated","connect","getMainBrandingColourFromState","LoadingCircles","constructor","args","_defineProperty","animatedSize","Value","animatedOpacity","animatedSize2","animatedOpacity2","animatedSize3","animatedOpacity3","animatedSize4","animatedOpacity4","animatedSize5","animatedOpacity5","componentDidMount","animate","sequence","parallel","timing","state","toValue","duration","useNativeDriver","delay","start","render","createElement","style","styles","container","absolute","circle","borderColor","props","color","colourBrandingMain","width","height","opacity","alignItems","justifyContent","borderRadius","borderWidth","position","top","left","right","bottom","mapStateToProps","loadingCircles"],"sources":["LoadingCircles.js"],"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"],"mappings":"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"}

package/dist/module/components/LoadingIndicator.js

@@ -0,0 +1,86 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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,"names":["React","Component","StyleSheet","Animated","Dimensions","connect","getMainBrandingColourFromState","DEFAULT_HEIGHT","DEFAULT_WIDTH","get","width","LoadingIndicator","constructor","props","_defineProperty","sequence","timing","state","animatedLeft","toValue","duration","useNativeDriver","delay","start","animate","Value","animatedOpacity","height","componentDidMount","getSnapshotBeforeUpdate","prevProps","componentDidUpdate","visible","render","createElement","View","style","styles","container","opacity","onLayout","line","backgroundColor","colourBrandingMain","left","create","alignItems","justifyContent","overflow","innerContainer","flexDirection","mapStateToProps"],"sources":["LoadingIndicator.js"],"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"],"mappings":"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"}

package/dist/module/components/LoadingStateWidget.js

@@ -0,0 +1,46 @@
+import React, { PureComponent } from 'react';
+import { View, ScrollView, StyleSheet } from 'react-native';
+import { TEXT_BLUEGREY } from '../colours';
+class LoadingStateWidget extends PureComponent {
+  renderPlaceHolder(opacity = 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,"names":["React","PureComponent","View","ScrollView","StyleSheet","TEXT_BLUEGREY","LoadingStateWidget","renderPlaceHolder","opacity","createElement","style","styles","item","height","props","render","container","horizontal","itemContainer","create","borderRadius","paddingVertical","titleText","fontFamily","fontSize","color","marginTop","width","backgroundColor","marginRight"],"sources":["LoadingStateWidget.js"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,aAAa,QAAQ,YAAY;AAE1C,MAAMC,kBAAkB,SAASL,aAAa,CAAC;EAC7CM,iBAAiBA,CAACC,OAAO,GAAG,CAAC,EAAE;IAC7B,oBAAOR,KAAA,CAAAS,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEJ,OAAO;QAAEK,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAM,GAAG;MAAG,CAAC;IAAE,CAAE,CAAC;EACpF;EAEAE,MAAMA,CAAA,EAAG;IACP,oBACEf,KAAA,CAAAS,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAE,IAAI,CAACF,KAAK,CAACD,MAAM,IAAI;QAAEA,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD;MAAO,CAAC,EAAE,IAAI,CAACC,KAAK,CAACJ,KAAK;IAAE,gBACpGV,KAAA,CAAAS,aAAA,CAACN,UAAU;MAACc,UAAU;MAACP,KAAK,EAAEC,MAAM,CAACO;IAAc,GAChD,IAAI,CAACX,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CAAC,EAC3B,IAAI,CAACA,iBAAiB,CAAC,GAAG,CACjB,CACR,CAAC;EAEX;AACF;AAEA,MAAMI,MAAM,GAAGP,UAAU,CAACe,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpB;EACT,CAAC;EACDa,aAAa,EAAE;IACbQ,SAAS,EAAE;EACb,CAAC;EACDd,IAAI,EAAE;IACJQ,YAAY,EAAE,CAAC;IACfO,KAAK,EAAE,EAAE;IACTd,MAAM,EAAE,EAAE;IACVe,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAevB,kBAAkB"}

package/dist/module/components/MediaPlayer.js

@@ -0,0 +1,418 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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) {
+    super(props);
+    _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", (wait = RETRY_LOADING, force = 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 => {
+      if (error && error.type === 'NonFatal') {
+        return;
+      }
+      // 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, width, height) => /*#__PURE__*/React.createElement(WebView, {
+      startInLoadingState: true,
+      javaScriptEnabled: true,
+      scrollEnabled: false,
+      automaticallyAdjustContentInsets: false,
+      mediaPlaybackRequiresUserAction: true,
+      style: [styles.webView, {
+        width,
+        height
+      }],
+      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;
+        // console.log('getYoutubePlayer', youtubeId, width, height, autoPlay);
+        player = this.getYoutubePlayer(youtubeId, width, height, autoPlay);
+      } else if (isVimeo) {
+        const vimeoId = this.getVimeoId(source);
+        embedUrl = source;
+        // console.log('getVimeoPlayer', vimeoId, width, height, autoPlay);
+        player = this.getVimeoPlayer(vimeoId, width, height, autoPlay);
+      } else if (playbackId) {
+        embedUrl = this.getStreamPlaybackUrl();
+        // console.log('getStreamPlayer', embedUrl, width, height, autoPlay);
+        player = this.getStreamPlayer(embedUrl, width, height, autoPlay);
+        showLoading = true;
+      } else if (useVideoPlayer) {
+        embedUrl = source;
+        // console.log('getVideoPlayer', embedUrl, width, height, autoPlay);
+        player = this.getVideoPlayer(embedUrl, width, height, autoPlay);
+      }
+    }
+    if (!player && isUrlLink) {
+      embedUrl = source;
+      console.log('getWebviewPlayer', embedUrl, width, height);
+      player = this.getWebviewPlayer(embedUrl, width, height);
+    }
+
+    // console.log({
+    //   Streaming: embedUrl,
+    //   Landscape: isLandscape,
+    //   Loaded: playbackLoaded,
+    //   Buffering: playbackBuffering,
+    //   LoadingIndicator: showLoading,
+    //   Width: width,
+    //   Height: height,
+    //   HeightFactor: heightFactor,
+    //   isYoutube,
+    //   isVimeo,
+    //   playbackId,
+    //   useVideoPlayer,
+    // });
+    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: {
+    flex: 1,
+    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