@plusscommunities/pluss-core-app 8.0.29 → 8.0.31

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\tstate = {\n\t\tanimatedSize: new Animated.Value(1),\n\t\tanimatedOpacity: new Animated.Value(0),\n\t\tanimatedSize2: new Animated.Value(1),\n\t\tanimatedOpacity2: new Animated.Value(0),\n\t\tanimatedSize3: new Animated.Value(1),\n\t\tanimatedOpacity3: new Animated.Value(0),\n\t\tanimatedSize4: new Animated.Value(1),\n\t\tanimatedOpacity4: new Animated.Value(0),\n\t\tanimatedSize5: new Animated.Value(1),\n\t\tanimatedOpacity5: new Animated.Value(0),\n\t};\n\n\t/* 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\tcomponentDidMount() {\n\t\tthis.animate();\n\t\t/* setTimeout(() => {\n            this.animate2();\n        }, 150);\n        setTimeout(() => {\n            this.animate3();\n        }, 300); */\n\t}\n\n\tanimate() {\n\t\tAnimated.sequence([\n\t\t\tAnimated.parallel([\n\t\t\t\tAnimated.timing(this.state.animatedSize, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize2, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 150,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity2, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 150,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize3, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 300,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity3, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 400,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize4, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 450,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity4, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 450,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize5, {\n\t\t\t\t\ttoValue: 20,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 600,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity5, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 900,\n\t\t\t\t\tdelay: 600,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t]),\n\n\t\t\tAnimated.parallel([\n\t\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity2, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity3, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity4, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedOpacity5, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 500,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t]),\n\n\t\t\tAnimated.parallel([\n\t\t\t\tAnimated.timing(this.state.animatedSize, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize2, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize3, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize4, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t\tAnimated.timing(this.state.animatedSize5, {\n\t\t\t\t\ttoValue: 1,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}),\n\t\t\t]),\n\t\t]).start(() => {\n\t\t\tthis.animate();\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity,\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</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize2,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize2,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity2,\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</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize3,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize3,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity3,\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</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize4,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize4,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity4,\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</View>\n\t\t\t\t<View style={[styles.container, styles.absolute]}>\n\t\t\t\t\t<Animated.View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.circle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tborderColor: this.props.color || this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\twidth: this.state.animatedSize5,\n\t\t\t\t\t\t\t\theight: this.state.animatedSize5,\n\t\t\t\t\t\t\t\topacity: this.state.animatedOpacity5,\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</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\twidth: 30,\n\t\theight: 30,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tcircle: {\n\t\tborderRadius: 15,\n\t\tborderWidth: 1,\n\t},\n\tabsolute: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst loadingCircles = connect(mapStateToProps, {})(LoadingCircles);\nexport { loadingCircles as LoadingCircles };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/LoadingIndicator.js

@@ -0,0 +1,86 @@
+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 { 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\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tanimatedLeft: new Animated.Value(-DEFAULT_WIDTH),\n\t\t\tanimatedOpacity: new Animated.Value(0),\n\t\t};\n\t\tthis.height = 0;\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.animate();\n\t}\n\n\tgetSnapshotBeforeUpdate(prevProps) {\n\t\treturn null;\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (prevProps.visible !== this.props.visible) {\n\t\t\tAnimated.timing(this.state.animatedOpacity, {\n\t\t\t\ttoValue: this.props.visible ? 0.8 : 0,\n\t\t\t\tduration: 300,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t}).start();\n\t\t}\n\t}\n\n\tanimate = () => {\n\t\tAnimated.sequence([\n\t\t\tAnimated.timing(this.state.animatedLeft, {\n\t\t\t\ttoValue: DEFAULT_WIDTH,\n\t\t\t\tduration: 1500,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t}),\n\t\t\tAnimated.delay(500),\n\t\t\tAnimated.timing(this.state.animatedLeft, {\n\t\t\t\ttoValue: -DEFAULT_WIDTH,\n\t\t\t\tduration: 1500,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t}),\n\t\t\tAnimated.delay(500),\n\t\t]).start(() => {\n\t\t\tthis.animate();\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tthis.props.style,\n\t\t\t\t\t{ height: DEFAULT_HEIGHT, opacity: this.state.animatedOpacity },\n\t\t\t\t]}\n\t\t\t\tonLayout={this.onLayout}\n\t\t\t>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.line,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\tleft: this.state.animatedLeft,\n\t\t\t\t\t\t\theight: DEFAULT_HEIGHT,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</Animated.View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\toverflow: \"hidden\",\n\t\tbackgroundColor: \"#fff\",\n\t\twidth: \"100%\",\n\t\theight: 38,\n\t},\n\tinnerContainer: {\n\t\tflexDirection: \"row\",\n\t},\n\tline: {\n\t\twidth: DEFAULT_WIDTH,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, {})(LoadingIndicator);\n// export { loadingIndicator as Default };\n"],"mappings":"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","ignoreList":[]}

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\trenderPlaceHolder(opacity = 1) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[styles.item, { opacity, height: this.props.height - 20 }]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tthis.props.height && { height: this.props.height },\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<ScrollView horizontal style={styles.itemContainer}>\n\t\t\t\t\t{this.renderPlaceHolder(0.8)}\n\t\t\t\t\t{this.renderPlaceHolder(0.6)}\n\t\t\t\t\t{this.renderPlaceHolder(0.4)}\n\t\t\t\t\t{this.renderPlaceHolder(0.2)}\n\t\t\t\t</ScrollView>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tborderRadius: 5,\n\t\tpaddingVertical: 5,\n\t},\n\ttitleText: {\n\t\tfontFamily: \"qs-bold\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_BLUEGREY,\n\t},\n\titemContainer: {\n\t\tmarginTop: 20,\n\t},\n\titem: {\n\t\tborderRadius: 4,\n\t\twidth: 97,\n\t\theight: 98,\n\t\tbackgroundColor: \"#e6ebef\",\n\t\tmarginRight: 16,\n\t},\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;EAC9CM,iBAAiBA,CAACC,OAAO,GAAG,CAAC,EAAE;IAC9B,oBACCR,KAAA,CAAAS,aAAA,CAACP,IAAI;MACJQ,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEJ,OAAO;QAAEK,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD,MAAM,GAAG;MAAG,CAAC;IAAE,CAClE,CAAC;EAEJ;EAEAE,MAAMA,CAAA,EAAG;IACR,oBACCf,KAAA,CAAAS,aAAA,CAACP,IAAI;MACJQ,KAAK,EAAE,CACNC,MAAM,CAACK,SAAS,EAChB,IAAI,CAACF,KAAK,CAACD,MAAM,IAAI;QAAEA,MAAM,EAAE,IAAI,CAACC,KAAK,CAACD;MAAO,CAAC,EAClD,IAAI,CAACC,KAAK,CAACJ,KAAK;IACf,gBAEFV,KAAA,CAAAS,aAAA,CAACN,UAAU;MAACc,UAAU;MAACP,KAAK,EAAEC,MAAM,CAACO;IAAc,GACjD,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,CAChB,CACP,CAAC;EAET;AACD;AAEA,MAAMI,MAAM,GAAGP,UAAU,CAACe,MAAM,CAAC;EAChCH,SAAS,EAAE;IACVI,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EAClB,CAAC;EACDC,SAAS,EAAE;IACVC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpB;EACR,CAAC;EACDa,aAAa,EAAE;IACdQ,SAAS,EAAE;EACZ,CAAC;EACDd,IAAI,EAAE;IACLQ,YAAY,EAAE,CAAC;IACfO,KAAK,EAAE,EAAE;IACTd,MAAM,EAAE,EAAE;IACVe,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE;EACd;AACD,CAAC,CAAC;AAEF,eAAevB,kBAAkB","ignoreList":[]}

package/dist/module/components/MediaPlayer.js

@@ -0,0 +1,407 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { View, StyleSheet, Dimensions } from "react-native";
+import YoutubePlayer, { getYoutubeMeta } from "react-native-youtube-iframe";
+import { Vimeo } from "react-native-vimeo-iframe";
+import { WebView } from "react-native-webview";
+import { Video, ResizeMode } from "expo-av";
+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();
+    });
+    _defineProperty(this, "componentWillUnmount", () => {
+      if (this.checkStreamLoaded) clearInterval(this.checkStreamLoaded);
+    });
+    _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: ResizeMode.CONTAIN,
+      useNativeControls: true,
+      style: {
+        width,
+        height
+      },
+      onLoadStart: this.onStreamLoadStart,
+      onLoad: this.onStreamLoaded,
+      onError: this.onStreamError,
+      onPlaybackStatusUpdate: this.onStreamStatusUpdate
+    })));
+    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 = [];
+  }
+  // getVideoPlayer = (embedUrl, width, height, autoPlay) => (
+  //   <VideoPlayer
+  //     videoProps={{
+  //       shouldPlay: autoPlay,
+  //       resizeMode: Video.RESIZE_MODE_CONTAIN,
+  //       source: { uri: embedUrl },
+  //     }}
+  //     showFullscreenButton={false}
+  //     errorCallback={this.onVideoPlayError}
+  //     playbackCallback={this.onVideoPlayStatusUpdate}
+  //     height={height}
+  //     width={width}
+  //   />
+  // );
+
+  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.getStreamPlayer(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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","StyleSheet","Dimensions","YoutubePlayer","getYoutubeMeta","Vimeo","WebView","Video","ResizeMode","Spinner","SCREEN_HEIGHT","get","height","SCREEN_WIDTH","width","EXPO_VIDEO_PROPS","rate","isMuted","volume","RETRY_RECOVER","RETRY_LOADING","MediaPlayer","constructor","props","_defineProperty","setupForPlaying","checkStreamLoaded","clearInterval","url","replace","split","undefined","ids","result","match","source","useVideoPlayer","isUrlLink","startsWith","isYoutube","includes","isVimeo","heightFactor","metadata","getYoutubeVideoId","setState","playbackLoaded","readyToRender","playbackId","wait","force","retryLoading","console","log","setTimeout","playbackBuffering","state","videoPlayer","loadAsync","uri","getStreamPlaybackUrl","overrideFileExtensionAndroid","deviceRotation","beta","gamma","absGamma","Math","abs","absBeta","isGammaNegative","sign","changeEvent","rotation","deviceOrientation","orientation","isLandscape","orientationQueue","push","length","slice","every","i","orientationChanged","setInterval","checkReloadStream","status","isLoaded","isBuffering","isPlaying","error","playbackPlaying","shouldPlay","e","forceWebview","type","youtubeId","autoPlay","createElement","ref","youtubePlayer","videoId","play","onReady","onYoutubeReady","onError","onYoutubeError","playbackRate","playerParams","cc_lang_pref","showClosedCaptions","vimeoId","style","marginLeft","marginRight","loop","controls","speed","time","embedUrl","startInLoadingState","javaScriptEnabled","scrollEnabled","automaticallyAdjustContentInsets","mediaPlaybackRequiresUserAction","styles","webView","_extends","vp","resizeMode","CONTAIN","useNativeControls","onLoadStart","onStreamLoadStart","onLoad","onStreamLoaded","onStreamError","onPlaybackStatusUpdate","onStreamStatusUpdate","render","player","showLoading","getYoutubePlayer","getVimeoId","getVimeoPlayer","getStreamPlayer","getWebviewPlayer","container","loadingContainer","color","create","flex","backgroundColor","alignItems","justifyContent","position","top","left","right","bottom"],"sources":["MediaPlayer.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, StyleSheet, Dimensions } from \"react-native\";\nimport YoutubePlayer, { getYoutubeMeta } from \"react-native-youtube-iframe\";\nimport { Vimeo } from \"react-native-vimeo-iframe\";\nimport { WebView } from \"react-native-webview\";\nimport { Video, ResizeMode } from \"expo-av\";\nimport { Spinner } from \"./Spinner\";\n\nconst SCREEN_HEIGHT = Dimensions.get(\"window\").height;\nconst SCREEN_WIDTH = Dimensions.get(\"window\").width;\nconst EXPO_VIDEO_PROPS = { rate: 1, isMuted: false, volume: 1 };\nconst RETRY_RECOVER = 30000;\nconst RETRY_LOADING = 10000;\n\nclass MediaPlayer extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdeviceOrientation: null,\n\t\t\tisLandscape: false,\n\t\t\tisUrlLink: true,\n\t\t\tisYoutube: false,\n\t\t\tisVimeo: false,\n\t\t\tforceWebview: false,\n\t\t\theightFactor: 0,\n\t\t\tplaybackLoaded: false,\n\t\t\tplaybackBuffering: false,\n\t\t\tplaybackPlaying: false,\n\t\t\treadyToRender: false,\n\t\t};\n\t\tthis.youtubePlayer = null;\n\t\tthis.videoPlayer = null;\n\t\tthis.checkStreamLoaded = null;\n\t\tthis.retryLoading = false;\n\t\tthis.orientationQueue = [];\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tawait this.setupForPlaying();\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tif (this.checkStreamLoaded) clearInterval(this.checkStreamLoaded);\n\t};\n\n\tgetYoutubeVideoId = (url) => {\n\t\turl = url\n\t\t\t.replace(/(>|<)/gi, \"\")\n\t\t\t.split(/(vi\\/|v=|\\/v\\/|youtu\\.be\\/|\\/embed\\/)/);\n\t\tif (url[2] !== undefined) {\n\t\t\tconst ids = url[2].split(/[^0-9a-z_\\-]/i);\n\t\t\treturn ids[0];\n\t\t} else {\n\t\t\treturn \"\";\n\t\t}\n\t};\n\n\tgetVimeoId = (url) => {\n\t\tconst result = url.match(\n\t\t\t/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/(?:[^\\/]*)\\/videos\\/|album\\/(?:\\d+)\\/video\\/|video\\/|)(\\d+)(?:[a-zA-Z0-9_\\-]+)?/i,\n\t\t);\n\t\treturn result[1];\n\t};\n\n\tsetupForPlaying = async () => {\n\t\t// Extract live stream info\n\t\tconst { source, useVideoPlayer } = this.props;\n\t\tconst isUrlLink = source && source.startsWith(\"http\");\n\t\tconst isYoutube =\n\t\t\tsource &&\n\t\t\t(source.includes(\"youtube.com/watch?v=\") || source.includes(\"youtu.be/\"));\n\t\tconst isVimeo = source && source.includes(\"vimeo.com/\");\n\t\tlet heightFactor = 0;\n\n\t\tif (isYoutube) {\n\t\t\tconst metadata = await getYoutubeMeta(this.getYoutubeVideoId(source));\n\t\t\theightFactor = metadata.height / metadata.width;\n\t\t} else if (useVideoPlayer) {\n\t\t\theightFactor = 0;\n\t\t} else {\n\t\t\theightFactor = 0.565;\n\t\t}\n\n\t\tthis.setState({\n\t\t\tisUrlLink,\n\t\t\tisYoutube,\n\t\t\tisVimeo,\n\t\t\tplaybackLoaded: isYoutube || isVimeo,\n\t\t\theightFactor,\n\t\t\treadyToRender: true,\n\t\t});\n\t};\n\n\tgetStreamPlaybackUrl = () => {\n\t\t// return 'https://stream.mux.com/Ym4nKktRpGuZNBBBlzhxpyRwZLpvMlPRchcu01x6Ur600.m3u8';\n\t\treturn `https://stream.mux.com/${this.props.playbackId}.m3u8`;\n\t};\n\n\tcheckReloadStream = (wait = RETRY_LOADING, force = false) => {\n\t\tif (!force && this.retryLoading) return;\n\n\t\tconsole.log(`Check loading in ${wait} milliseconds...`);\n\t\tthis.retryLoading = true;\n\t\tsetTimeout(async () => {\n\t\t\tconst { playbackLoaded, playbackBuffering } = this.state;\n\t\t\ttry {\n\t\t\t\tif (playbackLoaded === false || playbackBuffering === true) {\n\t\t\t\t\tconsole.log(\"Reloading started\");\n\t\t\t\t\tawait this.videoPlayer.loadAsync(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\turi: this.getStreamPlaybackUrl(),\n\t\t\t\t\t\t\toverrideFileExtensionAndroid: \"m3u8\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\tEXPO_VIDEO_PROPS,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log(\"Already loaded - not reloading\");\n\t\t\t\t}\n\t\t\t\tthis.retryLoading = false;\n\t\t\t} catch {}\n\t\t}, wait);\n\t};\n\n\tisLandscape = (deviceRotation) => {\n\t\tconst { beta, gamma } = deviceRotation;\n\t\tconst absGamma = Math.abs(gamma);\n\t\tconst absBeta = Math.abs(beta);\n\t\tconst isGammaNegative = Math.sign(gamma) === -1;\n\n\t\tif (absGamma <= 0.04 && absBeta <= 0.24) {\n\t\t\t//Portrait mode, on a flat surface.\n\t\t\treturn false;\n\t\t} else if ((absGamma <= 1.0 || absGamma >= 2.3) && absBeta >= 0.5) {\n\t\t\t//General Portrait mode, accounting for forward and back tilt on the top of the phone.\n\t\t\treturn false;\n\t\t} else {\n\t\t\tif (isGammaNegative) {\n\t\t\t\t//Landscape mode with the top of the phone to the left.\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\t//Landscape mode with the top of the phone to the right.\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t};\n\n\tonMotionChange = async (changeEvent) => {\n\t\tconst deviceRotation = changeEvent.rotation;\n\t\tconst deviceOrientation = changeEvent.orientation;\n\t\tconst isLandscape = this.isLandscape(deviceRotation);\n\t\tthis.orientationQueue.push(isLandscape);\n\t\tif (this.orientationQueue.length > 2)\n\t\t\tthis.orientationQueue = this.orientationQueue.slice(-2);\n\t\t// console.log('onMotionChange - orientationQueue', this.orientationQueue);\n\t\tif (\n\t\t\tisLandscape !== this.state.isLandscape &&\n\t\t\tisLandscape === (Math.abs(deviceOrientation) === 90) &&\n\t\t\tthis.orientationQueue.every((i) => i === isLandscape)\n\t\t) {\n\t\t\tthis.setState({ isLandscape }, () => {\n\t\t\t\t// console.log('isLandscape', this.state.isLandscape);\n\t\t\t\tif (this.props.orientationChanged)\n\t\t\t\t\tthis.props.orientationChanged(this.state.isLandscape);\n\t\t\t});\n\t\t}\n\t};\n\n\tonStreamLoadStart = () => {\n\t\tconsole.log(\"Stream load started\");\n\t\tthis.checkStreamLoaded = setInterval(() => {\n\t\t\tconst { playbackLoaded } = this.state;\n\t\t\tif (playbackLoaded === false) {\n\t\t\t\tconsole.log(\"Stream loading failed unexpectedly\");\n\t\t\t\tthis.checkReloadStream(1000, true);\n\t\t\t} else {\n\t\t\t\tclearInterval(this.checkStreamLoaded);\n\t\t\t}\n\t\t}, RETRY_RECOVER);\n\t};\n\n\tonStreamLoaded = (status) => {\n\t\tconsole.log(\n\t\t\t`Stream loaded - isLoaded:${status.isLoaded}, isBuffering:${status.isBuffering}, isPlaying:${status.isPlaying}`,\n\t\t);\n\t};\n\n\tonStreamError = (error) => {\n\t\tconsole.log(\"Stream error\", error);\n\t};\n\n\tonStreamStatusUpdate = (status) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tplaybackLoaded: status.isLoaded,\n\t\t\t\tplaybackBuffering: status.isBuffering,\n\t\t\t\tplaybackPlaying: status.isPlaying,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tconst {\n\t\t\t\t\tplaybackLoaded,\n\t\t\t\t\tplaybackBuffering,\n\t\t\t\t\tplaybackPlaying,\n\t\t\t\t\tshouldPlay,\n\t\t\t\t} = this.state;\n\t\t\t\t// console.log(`Status updated - isLoaded:${playbackLoaded}, isBuffering:${playbackBuffering}, isPlaying:${playbackPlaying}`);\n\t\t\t\tif (\n\t\t\t\t\tplaybackLoaded === false &&\n\t\t\t\t\tplaybackBuffering === undefined &&\n\t\t\t\t\tplaybackPlaying === undefined\n\t\t\t\t) {\n\t\t\t\t\tthis.checkReloadStream();\n\t\t\t\t} else if (playbackLoaded === true && playbackBuffering === true) {\n\t\t\t\t\tthis.checkReloadStream(RETRY_RECOVER);\n\t\t\t\t}\n\t\t\t},\n\t\t);\n\t};\n\n\tonYoutubeError = (e) => {\n\t\t// console.log('onYoutubeError', e);\n\t\tthis.setState({ forceWebview: true });\n\t};\n\n\tonYoutubeReady = () => {\n\t\t// console.log('onYoutubeReady');\n\t};\n\n\tonVideoPlayStatusUpdate = (status) => {\n\t\t// console.log('onVideoPlayStatusUpdate', status);\n\t};\n\n\tonVideoPlayError = (error) => {\n\t\tif (error && error.type === \"NonFatal\") {\n\t\t\treturn;\n\t\t}\n\t\t// console.log('onVideoPlayError', error);\n\t\tthis.setState({ forceWebview: true });\n\t};\n\n\tgetYoutubePlayer = (youtubeId, width, height, autoPlay) => (\n\t\t<YoutubePlayer\n\t\t\tref={(ref) => (this.youtubePlayer = ref)}\n\t\t\theight={height}\n\t\t\twidth={width}\n\t\t\tvideoId={youtubeId}\n\t\t\tplay={autoPlay}\n\t\t\t// onChangeState={event => console.log('onChangeState', event)}\n\t\t\tonReady={this.onYoutubeReady}\n\t\t\tonError={this.onYoutubeError}\n\t\t\t// onPlaybackQualityChange={q => console.log('onPlaybackQualityChange', q)}\n\t\t\tvolume={50}\n\t\t\tplaybackRate={1}\n\t\t\tplayerParams={{\n\t\t\t\tcc_lang_pref: \"us\",\n\t\t\t\tshowClosedCaptions: true,\n\t\t\t}}\n\t\t/>\n\t);\n\n\tgetVimeoPlayer = (vimeoId, width, height, autoPlay) => (\n\t\t<View style={{ width, height }}>\n\t\t\t<Vimeo\n\t\t\t\tstyle={{ marginLeft: -8, marginRight: -5 }}\n\t\t\t\tvideoId={vimeoId}\n\t\t\t\t// onReady={() => console.log('Video is ready')}\n\t\t\t\t// onPlay={() => console.log('Video is playing')}\n\t\t\t\t// onPlayProgress={data => console.log('Video progress data:', data)}\n\t\t\t\t// onFinish={() => console.log('Video is finished')}\n\t\t\t\tloop={false}\n\t\t\t\tautoPlay={autoPlay}\n\t\t\t\tcontrols={true}\n\t\t\t\tspeed={true}\n\t\t\t\ttime={\"0m0s\"}\n\t\t\t/>\n\t\t</View>\n\t);\n\n\tgetWebviewPlayer = (embedUrl, width, height) => (\n\t\t<WebView\n\t\t\tstartInLoadingState\n\t\t\tjavaScriptEnabled\n\t\t\tscrollEnabled={false}\n\t\t\tautomaticallyAdjustContentInsets={false}\n\t\t\tmediaPlaybackRequiresUserAction\n\t\t\tstyle={[styles.webView, { width, height }]}\n\t\t\tsource={{ uri: embedUrl }}\n\t\t/>\n\t);\n\n\tgetStreamPlayer = (embedUrl, width, height, autoPlay) => (\n\t\t<Video\n\t\t\tref={(vp) => {\n\t\t\t\tthis.videoPlayer = vp;\n\t\t\t}}\n\t\t\tsource={{ uri: embedUrl }}\n\t\t\t{...EXPO_VIDEO_PROPS}\n\t\t\tshouldPlay={autoPlay}\n\t\t\tresizeMode={ResizeMode.CONTAIN}\n\t\t\tuseNativeControls\n\t\t\tstyle={{ width, height }}\n\t\t\tonLoadStart={this.onStreamLoadStart}\n\t\t\tonLoad={this.onStreamLoaded}\n\t\t\tonError={this.onStreamError}\n\t\t\tonPlaybackStatusUpdate={this.onStreamStatusUpdate}\n\t\t/>\n\t);\n\n\t// getVideoPlayer = (embedUrl, width, height, autoPlay) => (\n\t//   <VideoPlayer\n\t//     videoProps={{\n\t//       shouldPlay: autoPlay,\n\t//       resizeMode: Video.RESIZE_MODE_CONTAIN,\n\t//       source: { uri: embedUrl },\n\t//     }}\n\t//     showFullscreenButton={false}\n\t//     errorCallback={this.onVideoPlayError}\n\t//     playbackCallback={this.onVideoPlayStatusUpdate}\n\t//     height={height}\n\t//     width={width}\n\t//   />\n\t// );\n\n\trender() {\n\t\tlet width, height;\n\t\tconst { playbackId, source, autoPlay, useVideoPlayer } = this.props;\n\t\tconst {\n\t\t\treadyToRender,\n\t\t\tisLandscape,\n\t\t\theightFactor,\n\t\t\tisUrlLink,\n\t\t\tisYoutube,\n\t\t\tisVimeo,\n\t\t\tforceWebview,\n\t\t\tplaybackLoaded,\n\t\t\tplaybackBuffering,\n\t\t} = this.state;\n\t\tif (!readyToRender) return null;\n\n\t\tif (isLandscape) {\n\t\t\twidth = SCREEN_HEIGHT;\n\t\t\theight = SCREEN_WIDTH;\n\t\t} else {\n\t\t\twidth = SCREEN_WIDTH;\n\t\t\theight = heightFactor ? SCREEN_WIDTH * heightFactor : SCREEN_HEIGHT;\n\t\t}\n\n\t\tlet embedUrl, player, showLoading;\n\t\tif (!forceWebview) {\n\t\t\tif (isYoutube) {\n\t\t\t\tconst youtubeId = this.getYoutubeVideoId(source);\n\t\t\t\tembedUrl = youtubeId\n\t\t\t\t\t? `https://www.youtube.com/embed/${youtubeId}`\n\t\t\t\t\t: source;\n\t\t\t\t// console.log('getYoutubePlayer', youtubeId, width, height, autoPlay);\n\t\t\t\tplayer = this.getYoutubePlayer(youtubeId, width, height, autoPlay);\n\t\t\t} else if (isVimeo) {\n\t\t\t\tconst vimeoId = this.getVimeoId(source);\n\t\t\t\tembedUrl = source;\n\t\t\t\t// console.log('getVimeoPlayer', vimeoId, width, height, autoPlay);\n\t\t\t\tplayer = this.getVimeoPlayer(vimeoId, width, height, autoPlay);\n\t\t\t} else if (playbackId) {\n\t\t\t\tembedUrl = this.getStreamPlaybackUrl();\n\t\t\t\t// console.log('getStreamPlayer', embedUrl, width, height, autoPlay);\n\t\t\t\tplayer = this.getStreamPlayer(embedUrl, width, height, autoPlay);\n\t\t\t\tshowLoading = true;\n\t\t\t} else if (useVideoPlayer) {\n\t\t\t\tembedUrl = source;\n\t\t\t\t// console.log('getVideoPlayer', embedUrl, width, height, autoPlay);\n\t\t\t\tplayer = this.getStreamPlayer(embedUrl, width, height, autoPlay);\n\t\t\t}\n\t\t}\n\t\tif (!player && isUrlLink) {\n\t\t\tembedUrl = source;\n\t\t\tconsole.log(\"getWebviewPlayer\", embedUrl, width, height);\n\t\t\tplayer = this.getWebviewPlayer(embedUrl, width, height);\n\t\t}\n\n\t\t// console.log({\n\t\t//   Streaming: embedUrl,\n\t\t//   Landscape: isLandscape,\n\t\t//   Loaded: playbackLoaded,\n\t\t//   Buffering: playbackBuffering,\n\t\t//   LoadingIndicator: showLoading,\n\t\t//   Width: width,\n\t\t//   Height: height,\n\t\t//   HeightFactor: heightFactor,\n\t\t//   isYoutube,\n\t\t//   isVimeo,\n\t\t//   playbackId,\n\t\t//   useVideoPlayer,\n\t\t// });\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t{player}\n\t\t\t\t{showLoading && (!playbackLoaded || playbackBuffering) && (\n\t\t\t\t\t<View style={styles.loadingContainer}>\n\t\t\t\t\t\t<Spinner color={\"#fff\"} />\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\twebView: {\n\t\tflex: 1,\n\t},\n\tloadingContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: 50,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbottom: 50,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n});\n\nexport default MediaPlayer;\n"],"mappings":"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","ignoreList":[]}