react-native-theoplayer 1.8.2 → 2.0.0

package/lib/commonjs/ui/components/activityindicator/CenteredDelayedActivityIndicator.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CenteredDelayedActivityIndicator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _DelayedActivityIndicator = require("./DelayedActivityIndicator");
+var _reactNative = require("react-native");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _PlayerContext = require("../util/PlayerContext");
+var _UiContainer = require("../uicontroller/UiContainer");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+/**
+ * The default spinner for the `react-native-theoplayer` UI. It renders a ActivityIndicator when the player's playback is stalling due
+ * readystate changes.
+ */
+class CenteredDelayedActivityIndicator extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onReadyStateChange", event => {
+      this.maybeShowLoadingIndicator(event.readyState < 3);
+    });
+    _defineProperty(this, "onError", event => {
+      const {
+        error
+      } = event;
+      this.setState({
+        error
+      });
+      this.maybeShowLoadingIndicator(false);
+    });
+    _defineProperty(this, "onPlaying", () => {
+      this.maybeShowLoadingIndicator(false);
+    });
+    _defineProperty(this, "onSourceChange", () => {
+      this.setState({
+        error: undefined
+      });
+      this.maybeShowLoadingIndicator(false);
+    });
+    _defineProperty(this, "onLoadStart", () => {
+      this.setState({
+        error: undefined
+      });
+      this.maybeShowLoadingIndicator(true);
+    });
+    this.state = CenteredDelayedActivityIndicator.initialState;
+  }
+  componentDidMount() {
+    const player = this.context.player;
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.ERROR, this.onError);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlaying);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.LOAD_START, this.onLoadStart);
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.ERROR, this.onError);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlaying);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.LOAD_START, this.onLoadStart);
+  }
+  maybeShowLoadingIndicator(showLoading) {
+    const {
+      error
+    } = this.state;
+    // do not change state to buffering in case of an error or if the player is paused
+    const player = this.context.player;
+    this.setState({
+      showLoadingIndicator: showLoading && !error && !player.paused
+    });
+  }
+  render() {
+    const {
+      showLoadingIndicator
+    } = this.state;
+    const player = this.context.player;
+    return showLoadingIndicator && !player.paused && /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _UiContainer.FULLSCREEN_CENTER_STYLE
+    }, /*#__PURE__*/_react.default.createElement(_DelayedActivityIndicator.DelayedActivityIndicator, _extends({
+      color: context.style.colors.icon
+    }, this.props))));
+  }
+}
+exports.CenteredDelayedActivityIndicator = CenteredDelayedActivityIndicator;
+_defineProperty(CenteredDelayedActivityIndicator, "initialState", {
+  showLoadingIndicator: false,
+  error: undefined
+});
+CenteredDelayedActivityIndicator.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=CenteredDelayedActivityIndicator.js.map

package/lib/commonjs/ui/components/activityindicator/CenteredDelayedActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_DelayedActivityIndicator","_reactNative","_reactNativeTheoplayer","_PlayerContext","_UiContainer","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","CenteredDelayedActivityIndicator","PureComponent","constructor","props","event","maybeShowLoadingIndicator","readyState","error","setState","state","initialState","componentDidMount","player","context","addEventListener","PlayerEventType","READYSTATE_CHANGE","onReadyStateChange","ERROR","onError","PLAYING","onPlaying","SOURCE_CHANGE","onSourceChange","LOAD_START","onLoadStart","componentWillUnmount","removeEventListener","showLoading","showLoadingIndicator","paused","render","createElement","PlayerContext","Consumer","View","style","FULLSCREEN_CENTER_STYLE","DelayedActivityIndicator","color","colors","icon","exports","contextType"],"sources":["CenteredDelayedActivityIndicator.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport type { DelayedActivityIndicatorProps } from './DelayedActivityIndicator';\nimport { DelayedActivityIndicator } from './DelayedActivityIndicator';\nimport { View } from 'react-native';\nimport { ErrorEvent, PlayerError, PlayerEventType, ReadyStateChangeEvent } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { FULLSCREEN_CENTER_STYLE } from '../uicontroller/UiContainer';\n\ninterface CenteredDelayedActivityIndicatorState {\n  showLoadingIndicator: boolean;\n  error: PlayerError | undefined;\n}\n\n/**\n * The default spinner for the `react-native-theoplayer` UI. It renders a ActivityIndicator when the player's playback is stalling due\n * readystate changes.\n */\nexport class CenteredDelayedActivityIndicator extends PureComponent<DelayedActivityIndicatorProps, CenteredDelayedActivityIndicatorState> {\n  private static initialState: CenteredDelayedActivityIndicatorState = {\n    showLoadingIndicator: false,\n    error: undefined,\n  };\n\n  constructor(props: DelayedActivityIndicatorProps) {\n    super(props);\n    this.state = CenteredDelayedActivityIndicator.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);\n    player.addEventListener(PlayerEventType.ERROR, this.onError);\n    player.addEventListener(PlayerEventType.PLAYING, this.onPlaying);\n    player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.addEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.READYSTATE_CHANGE, this.onReadyStateChange);\n    player.removeEventListener(PlayerEventType.ERROR, this.onError);\n    player.removeEventListener(PlayerEventType.PLAYING, this.onPlaying);\n    player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    player.removeEventListener(PlayerEventType.LOAD_START, this.onLoadStart);\n  }\n\n  private onReadyStateChange = (event: ReadyStateChangeEvent) => {\n    this.maybeShowLoadingIndicator(event.readyState < 3);\n  };\n\n  private onError = (event: ErrorEvent) => {\n    const { error } = event;\n    this.setState({ error });\n    this.maybeShowLoadingIndicator(false);\n  };\n\n  private onPlaying = () => {\n    this.maybeShowLoadingIndicator(false);\n  };\n\n  private onSourceChange = () => {\n    this.setState({ error: undefined });\n    this.maybeShowLoadingIndicator(false);\n  };\n\n  private onLoadStart = () => {\n    this.setState({ error: undefined });\n    this.maybeShowLoadingIndicator(true);\n  };\n\n  private maybeShowLoadingIndicator(showLoading: boolean) {\n    const { error } = this.state;\n    // do not change state to buffering in case of an error or if the player is paused\n    const player = (this.context as UiContext).player;\n    this.setState({ showLoadingIndicator: showLoading && !error && !player.paused });\n  }\n\n  render() {\n    const { showLoadingIndicator } = this.state;\n    const player = (this.context as UiContext).player;\n    return (\n      showLoadingIndicator &&\n      !player.paused && (\n        <PlayerContext.Consumer>\n          {(context: UiContext) => (\n            <View style={FULLSCREEN_CENTER_STYLE}>\n              <DelayedActivityIndicator color={context.style.colors.icon} {...this.props} />\n            </View>\n          )}\n        </PlayerContext.Consumer>\n      )\n    );\n  }\n}\n\nCenteredDelayedActivityIndicator.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/commonjs/ui/components/activityindicator/DelayedActivityIndicator.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DelayedActivityIndicator = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+const DEFAULT_DELAY = 200;
+
+/**
+ * The DelayedActivityIndicator renders a native ActivityIndicator after a certain delay.
+ */
+const DelayedActivityIndicator = props => {
+  const [showing, setShowing] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const {
+      delay
+    } = props;
+    const timer = setTimeout(() => {
+      setShowing(true);
+    }, delay || DEFAULT_DELAY);
+    return () => clearTimeout(timer);
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, _extends({
+    style: {
+      opacity: showing ? 1.0 : 0.0
+    }
+  }, props));
+};
+exports.DelayedActivityIndicator = DelayedActivityIndicator;
+//# sourceMappingURL=DelayedActivityIndicator.js.map

package/lib/commonjs/ui/components/activityindicator/DelayedActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DEFAULT_DELAY","DelayedActivityIndicator","props","showing","setShowing","useState","useEffect","delay","timer","setTimeout","clearTimeout","createElement","ActivityIndicator","style","opacity","exports"],"sources":["DelayedActivityIndicator.tsx"],"sourcesContent":["import { ActivityIndicator, ActivityIndicatorProps } from 'react-native';\nimport React, { useEffect, useState } from 'react';\n\nexport interface DelayedActivityIndicatorProps extends ActivityIndicatorProps {\n  delay?: number;\n}\n\nconst DEFAULT_DELAY = 200;\n\n/**\n * The DelayedActivityIndicator renders a native ActivityIndicator after a certain delay.\n */\nexport const DelayedActivityIndicator = (props: DelayedActivityIndicatorProps) => {\n  const [showing, setShowing] = useState(false);\n\n  useEffect(() => {\n    const { delay } = props;\n    const timer = setTimeout(() => {\n      setShowing(true);\n    }, delay || DEFAULT_DELAY);\n    return () => clearTimeout(timer);\n  });\n\n  return (\n    <ActivityIndicator\n      style={{\n        opacity: showing ? 1.0 : 0.0,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAmD,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAMnD,MAAMI,aAAa,GAAG,GAAG;;AAEzB;AACA;AACA;AACO,MAAMC,wBAAwB,GAAIC,KAAoC,IAAK;EAChF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAM,CAAC,GAAGL,KAAK;IACvB,MAAMM,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7BL,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAEG,KAAK,IAAIP,aAAa,CAAC;IAC1B,OAAO,MAAMU,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,CAAC;EAEF,oBACEzC,MAAA,CAAAS,OAAA,CAAAmC,aAAA,CAAC9C,YAAA,CAAA+C,iBAAiB,EAAArB,QAAA;IAChBsB,KAAK,EAAE;MACLC,OAAO,EAAEX,OAAO,GAAG,GAAG,GAAG;IAC3B;EAAE,GACED,KAAK,EACT;AAEN,CAAC;AAACa,OAAA,CAAAd,wBAAA,GAAAA,wBAAA"}

package/lib/commonjs/ui/components/activityindicator/barrel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CenteredDelayedActivityIndicator = require("./CenteredDelayedActivityIndicator");
+Object.keys(_CenteredDelayedActivityIndicator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CenteredDelayedActivityIndicator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CenteredDelayedActivityIndicator[key];
+    }
+  });
+});
+var _DelayedActivityIndicator = require("./DelayedActivityIndicator");
+Object.keys(_DelayedActivityIndicator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DelayedActivityIndicator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DelayedActivityIndicator[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

package/lib/commonjs/ui/components/activityindicator/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CenteredDelayedActivityIndicator","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DelayedActivityIndicator"],"sources":["barrel.ts"],"sourcesContent":["export * from './CenteredDelayedActivityIndicator';\nexport * from './DelayedActivityIndicator';\n"],"mappings":";;;;;AAAA,IAAAA,iCAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iCAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iCAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iCAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,yBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,yBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,yBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,yBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/barrel.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _barrel = require("./activityindicator/barrel");
+Object.keys(_barrel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel[key];
+    }
+  });
+});
+var _barrel2 = require("./button/barrel");
+Object.keys(_barrel2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel2[key];
+    }
+  });
+});
+var _barrel3 = require("./controlbar/barrel");
+Object.keys(_barrel3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel3[key];
+    }
+  });
+});
+var _barrel4 = require("./menu/barrel");
+Object.keys(_barrel4).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel4[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel4[key];
+    }
+  });
+});
+var _barrel5 = require("./message/barrel");
+Object.keys(_barrel5).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel5[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel5[key];
+    }
+  });
+});
+var _barrel6 = require("./seekbar/barrel");
+Object.keys(_barrel6).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel6[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel6[key];
+    }
+  });
+});
+var _barrel7 = require("./timelabel/barrel");
+Object.keys(_barrel7).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel7[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel7[key];
+    }
+  });
+});
+var _barrel8 = require("./uicontroller/barrel");
+Object.keys(_barrel8).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel8[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel8[key];
+    }
+  });
+});
+var _barrel9 = require("./util/barrel");
+Object.keys(_barrel9).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _barrel9[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _barrel9[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

package/lib/commonjs/ui/components/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_barrel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_barrel2","_barrel3","_barrel4","_barrel5","_barrel6","_barrel7","_barrel8","_barrel9"],"sources":["barrel.ts"],"sourcesContent":["export * from './activityindicator/barrel';\nexport * from './button/barrel';\nexport * from './controlbar/barrel';\nexport * from './menu/barrel';\nexport * from './message/barrel';\nexport * from './seekbar/barrel';\nexport * from './timelabel/barrel';\nexport * from './uicontroller/barrel';\nexport * from './util/barrel';\n"],"mappings":"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"}

package/lib/commonjs/ui/components/button/AirplayButton.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AirplayButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _PlayerContext = require("../util/PlayerContext");
+var _ChromecastButton = require("./ChromecastButton");
+var _ActionButton = require("./actionbutton/ActionButton");
+var _AirplaySvg = require("./svg/AirplaySvg");
+var _barrel = require("./../../../api/barrel");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+/**
+ * The default button to enable Airplay for the `react-native-theoplayer` UI.
+ */
+class AirplayButton extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onCastStateChangeEvent", event => {
+      if (event.subType != _barrel.CastEventType.AIRPLAY_STATE_CHANGE) {
+        return;
+      }
+      this.setState({
+        castState: event.state
+      });
+    });
+    _defineProperty(this, "onUIAirplayToggled", () => {
+      var _player$cast$airplay;
+      const player = this.context.player;
+      if (((_player$cast$airplay = player.cast.airplay) === null || _player$cast$airplay === void 0 ? void 0 : _player$cast$airplay.state) !== _barrel.CastState.unavailable) {
+        var _player$cast$airplay2;
+        if ((0, _ChromecastButton.isConnected)((_player$cast$airplay2 = player.cast.airplay) === null || _player$cast$airplay2 === void 0 ? void 0 : _player$cast$airplay2.state)) {
+          var _player$cast$airplay3;
+          (_player$cast$airplay3 = player.cast.airplay) === null || _player$cast$airplay3 === void 0 ? void 0 : _player$cast$airplay3.stop();
+        } else {
+          var _player$cast$airplay4;
+          (_player$cast$airplay4 = player.cast.airplay) === null || _player$cast$airplay4 === void 0 ? void 0 : _player$cast$airplay4.start();
+        }
+      }
+    });
+    this.state = AirplayButton.initialState;
+  }
+  componentDidMount() {
+    var _player$cast$airplay5;
+    const player = this.context.player;
+    player.addEventListener(_barrel.PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
+    this.setState({
+      castState: ((_player$cast$airplay5 = player.cast.airplay) === null || _player$cast$airplay5 === void 0 ? void 0 : _player$cast$airplay5.state) ?? _barrel.CastState.unavailable
+    });
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(_barrel.PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
+  }
+  render() {
+    const {
+      castState
+    } = this.state;
+    if (castState === _barrel.CastState.unavailable || _reactNative.Platform.isTV) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, {
+      svg: /*#__PURE__*/_react.default.createElement(_AirplaySvg.AirplaySvg, null),
+      touchable: true,
+      onPress: this.onUIAirplayToggled,
+      highlighted: (0, _ChromecastButton.isConnected)(castState)
+    });
+  }
+}
+exports.AirplayButton = AirplayButton;
+_defineProperty(AirplayButton, "initialState", {
+  castState: _barrel.CastState.unavailable
+});
+AirplayButton.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=AirplayButton.js.map

package/lib/commonjs/ui/components/button/AirplayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_PlayerContext","_ChromecastButton","_ActionButton","_AirplaySvg","_barrel","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","AirplayButton","PureComponent","constructor","props","event","subType","CastEventType","AIRPLAY_STATE_CHANGE","setState","castState","state","_player$cast$airplay","player","context","cast","airplay","CastState","unavailable","_player$cast$airplay2","isConnected","_player$cast$airplay3","stop","_player$cast$airplay4","start","initialState","componentDidMount","_player$cast$airplay5","addEventListener","PlayerEventType","CAST_EVENT","onCastStateChangeEvent","componentWillUnmount","removeEventListener","render","Platform","isTV","createElement","Fragment","ActionButton","svg","AirplaySvg","touchable","onPress","onUIAirplayToggled","highlighted","exports","contextType","PlayerContext"],"sources":["AirplayButton.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { Platform } from 'react-native';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { isConnected } from './ChromecastButton';\nimport { ActionButton } from './actionbutton/ActionButton';\nimport { AirplaySvg } from './svg/AirplaySvg';\nimport { CastEvent, CastEventType, CastState, PlayerEventType } from './../../../api/barrel';\n\ninterface CastButtonState {\n  castState: CastState;\n}\n\n/**\n * The default button to enable Airplay for the `react-native-theoplayer` UI.\n */\nexport class AirplayButton extends PureComponent<unknown, CastButtonState> {\n  private static initialState: CastButtonState = {\n    castState: CastState.unavailable,\n  };\n\n  constructor(props: unknown) {\n    super(props);\n    this.state = AirplayButton.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n    this.setState({ castState: player.cast.airplay?.state ?? CastState.unavailable });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n  }\n\n  private onCastStateChangeEvent = (event: CastEvent) => {\n    if (event.subType != CastEventType.AIRPLAY_STATE_CHANGE) {\n      return;\n    }\n    this.setState({ castState: event.state });\n  };\n\n  private onUIAirplayToggled = () => {\n    const player = (this.context as UiContext).player;\n    if (player.cast.airplay?.state !== CastState.unavailable) {\n      if (isConnected(player.cast.airplay?.state)) {\n        player.cast.airplay?.stop();\n      } else {\n        player.cast.airplay?.start();\n      }\n    }\n  };\n\n  render() {\n    const { castState } = this.state;\n    if (castState === CastState.unavailable || Platform.isTV) {\n      return <></>;\n    }\n    return <ActionButton svg={<AirplaySvg />} touchable={true} onPress={this.onUIAirplayToggled} highlighted={isConnected(castState)} />;\n  }\n}\n\nAirplayButton.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/commonjs/ui/components/button/ChromecastButton.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromecastButton = void 0;
+exports.isConnected = isConnected;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeGoogleCast = require("react-native-google-cast");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _PlayerContext = require("../util/PlayerContext");
+var _ActionButton = require("./actionbutton/ActionButton");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+function isConnected(state) {
+  return state === 'connecting' || state === 'connected';
+}
+
+/**
+ * The native button to enable Chromecast for the `react-native-theoplayer` UI.
+ * This component uses the button from `react-native-google-cast` and is not supported on web.
+ */
+class ChromecastButton extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onCastStateChangeEvent", event => {
+      if (event.subType != _reactNativeTheoplayer.CastEventType.CHROMECAST_STATE_CHANGE) {
+        return;
+      }
+      this.setState({
+        connected: isConnected(event.state)
+      });
+    });
+    this.state = ChromecastButton.initialState;
+  }
+  componentDidMount() {
+    var _player$cast;
+    const player = this.context.player;
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
+    this.setState({
+      connected: (_player$cast = player.cast) === null || _player$cast === void 0 ? void 0 : _player$cast.casting
+    });
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
+  }
+  render() {
+    const {
+      connected
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNativeGoogleCast.CastButton, {
+      style: _ActionButton.DEFAULT_ACTION_BUTTON_STYLE,
+      tintColor: connected ? context.style.colors.iconSelected : context.style.colors.icon
+    }));
+  }
+}
+exports.ChromecastButton = ChromecastButton;
+_defineProperty(ChromecastButton, "initialState", {
+  connected: false
+});
+ChromecastButton.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=ChromecastButton.js.map

package/lib/commonjs/ui/components/button/ChromecastButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeGoogleCast","_reactNativeTheoplayer","_PlayerContext","_ActionButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","isConnected","state","ChromecastButton","PureComponent","constructor","props","event","subType","CastEventType","CHROMECAST_STATE_CHANGE","setState","connected","initialState","componentDidMount","_player$cast","player","context","addEventListener","PlayerEventType","CAST_EVENT","onCastStateChangeEvent","cast","casting","componentWillUnmount","removeEventListener","render","createElement","PlayerContext","Consumer","CastButton","style","DEFAULT_ACTION_BUTTON_STYLE","tintColor","colors","iconSelected","icon","exports","contextType"],"sources":["ChromecastButton.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { CastButton } from 'react-native-google-cast';\nimport type { CastEvent } from 'react-native-theoplayer';\nimport { CastEventType, CastState, PlayerEventType } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { DEFAULT_ACTION_BUTTON_STYLE } from './actionbutton/ActionButton';\n\ninterface CastButtonState {\n  connected: boolean;\n}\n\nexport function isConnected(state: CastState | undefined): boolean {\n  return state === 'connecting' || state === 'connected';\n}\n\n/**\n * The native button to enable Chromecast for the `react-native-theoplayer` UI.\n * This component uses the button from `react-native-google-cast` and is not supported on web.\n */\nexport class ChromecastButton extends PureComponent<unknown, CastButtonState> {\n  private static initialState: CastButtonState = {\n    connected: false,\n  };\n\n  constructor(props: unknown) {\n    super(props);\n    this.state = ChromecastButton.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n    this.setState({ connected: player.cast?.casting });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n  }\n\n  private onCastStateChangeEvent = (event: CastEvent) => {\n    if (event.subType != CastEventType.CHROMECAST_STATE_CHANGE) {\n      return;\n    }\n    this.setState({ connected: isConnected(event.state) });\n  };\n\n  render() {\n    const { connected } = this.state;\n    return (\n      <PlayerContext.Consumer>\n        {(context: UiContext) => (\n          <CastButton style={DEFAULT_ACTION_BUTTON_STYLE} tintColor={connected ? context.style.colors.iconSelected : context.style.colors.icon} />\n        )}\n      </PlayerContext.Consumer>\n    );\n  }\n}\n\nChromecastButton.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/commonjs/ui/components/button/ChromecastButton.web.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromecastButton = void 0;
+exports.isConnected = isConnected;
+var _barrel = require("./../../../api/barrel");
+var _react = _interopRequireWildcard(require("react"));
+var _PlayerContext = require("../util/PlayerContext");
+var _ChromecastSvg = require("./svg/ChromecastSvg");
+var _reactNative = require("react-native");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+function isConnected(state) {
+  return state === 'connecting' || state === 'connected';
+}
+
+/**
+ * The button to enable Chromecast for web for the `react-native-theoplayer` UI
+ */
+class ChromecastButton extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onCastStateChangeEvent", event => {
+      if (event.subType != _barrel.CastEventType.CHROMECAST_STATE_CHANGE) {
+        return;
+      }
+      this.setState({
+        castState: event.state
+      });
+    });
+    _defineProperty(this, "onPress", () => {
+      const player = this.context.player;
+      if (isConnected(this.state.castState)) {
+        var _player$cast$chromeca;
+        (_player$cast$chromeca = player.cast.chromecast) === null || _player$cast$chromeca === void 0 ? void 0 : _player$cast$chromeca.stop();
+      } else {
+        var _player$cast$chromeca2;
+        (_player$cast$chromeca2 = player.cast.chromecast) === null || _player$cast$chromeca2 === void 0 ? void 0 : _player$cast$chromeca2.start();
+      }
+    });
+    this.state = ChromecastButton.initialState;
+  }
+  componentDidMount() {
+    var _player$cast$chromeca3;
+    const player = this.context.player;
+    player.addEventListener(_barrel.PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
+    this.setState({
+      castState: ((_player$cast$chromeca3 = player.cast.chromecast) === null || _player$cast$chromeca3 === void 0 ? void 0 : _player$cast$chromeca3.state) ?? _barrel.CastState.unavailable
+    });
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(_barrel.PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);
+  }
+  render() {
+    const {
+      castState
+    } = this.state;
+    // TODO: state is reported as unavailable by Android bridge when it is available.
+    if (_reactNative.Platform.OS === 'web' && castState === _barrel.CastState.unavailable) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_reactNativeTheoplayer.ActionButton, {
+      svg: /*#__PURE__*/_react.default.createElement(_ChromecastSvg.ChromecastSvg, null),
+      touchable: true,
+      onPress: this.onPress,
+      highlighted: isConnected(castState)
+    });
+  }
+}
+exports.ChromecastButton = ChromecastButton;
+_defineProperty(ChromecastButton, "initialState", {
+  castState: _barrel.CastState.unavailable
+});
+ChromecastButton.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=ChromecastButton.web.js.map

package/lib/commonjs/ui/components/button/ChromecastButton.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_barrel","require","_react","_interopRequireWildcard","_PlayerContext","_ChromecastSvg","_reactNative","_reactNativeTheoplayer","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","isConnected","state","ChromecastButton","PureComponent","constructor","props","event","subType","CastEventType","CHROMECAST_STATE_CHANGE","setState","castState","player","context","_player$cast$chromeca","cast","chromecast","stop","_player$cast$chromeca2","start","initialState","componentDidMount","_player$cast$chromeca3","addEventListener","PlayerEventType","CAST_EVENT","onCastStateChangeEvent","CastState","unavailable","componentWillUnmount","removeEventListener","render","Platform","OS","createElement","Fragment","ActionButton","svg","ChromecastSvg","touchable","onPress","highlighted","exports","contextType","PlayerContext"],"sources":["ChromecastButton.web.tsx"],"sourcesContent":["import { CastEvent, CastEventType, CastState, PlayerEventType } from './../../../api/barrel';\nimport React, { PureComponent } from 'react';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { ChromecastSvg } from './svg/ChromecastSvg';\nimport { Platform } from 'react-native';\nimport { ActionButton } from 'react-native-theoplayer';\n\ninterface CastButtonState {\n  castState: CastState;\n}\n\nexport function isConnected(state: CastState | undefined): boolean {\n  return state === 'connecting' || state === 'connected';\n}\n\n/**\n * The button to enable Chromecast for web for the `react-native-theoplayer` UI\n */\nexport class ChromecastButton extends PureComponent<unknown, CastButtonState> {\n  private static initialState: CastButtonState = {\n    castState: CastState.unavailable,\n  };\n\n  constructor(props: unknown) {\n    super(props);\n    this.state = ChromecastButton.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n    this.setState({ castState: player.cast.chromecast?.state ?? CastState.unavailable });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastStateChangeEvent);\n  }\n\n  private onCastStateChangeEvent = (event: CastEvent) => {\n    if (event.subType != CastEventType.CHROMECAST_STATE_CHANGE) {\n      return;\n    }\n    this.setState({ castState: event.state });\n  };\n\n  private onPress = () => {\n    const player = (this.context as UiContext).player;\n    if (isConnected(this.state.castState)) {\n      player.cast.chromecast?.stop();\n    } else {\n      player.cast.chromecast?.start();\n    }\n  };\n\n  render() {\n    const { castState } = this.state;\n    // TODO: state is reported as unavailable by Android bridge when it is available.\n    if (Platform.OS === 'web' && castState === CastState.unavailable) {\n      return <></>;\n    }\n    return <ActionButton svg={<ChromecastSvg />} touchable={true} onPress={this.onPress} highlighted={isConnected(castState)} />;\n  }\n}\n\nChromecastButton.contextType = PlayerContext;\n"],"mappings":"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"}