react-native-theoplayer 1.8.2 → 2.0.0

package/lib/commonjs/ui/components/menu/common/SubMenuWithButton.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubMenuWithButton = void 0;
+var _PlayerContext = require("../../util/PlayerContext");
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _ArrowForwardSvg = require("../../button/svg/ArrowForwardSvg");
+var _MenuRadioButton = require("./MenuRadioButton");
+var _ActionButton = require("../../button/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; }
+/**
+ * A component that can be put inside a SettingsMenuButton to create a sub menu.
+ */
+const SubMenuWithButton = props => {
+  const {
+    style,
+    textStyle,
+    menuConstructor,
+    label,
+    preview
+  } = props;
+  const context = (0, _react.useContext)(_PlayerContext.PlayerContext);
+  const onTouch = () => {
+    if (menuConstructor) {
+      context.ui.openMenu_(menuConstructor);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      height: 44,
+      flexDirection: 'row',
+      width: '100%',
+      justifyContent: 'center'
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_MenuRadioButton.DEFAULT_MENU_BUTTON_STYLE, {
+      color: context.style.colors.text,
+      width: '30%'
+    }, textStyle]
+  }, label), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      width: '40%',
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: {
+      flexDirection: 'row'
+    },
+    onPress: onTouch
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_MenuRadioButton.DEFAULT_MENU_BUTTON_STYLE, {
+      color: context.style.colors.text
+    }, textStyle]
+  }, preview), /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, {
+    touchable: false,
+    svg: /*#__PURE__*/_react.default.createElement(_ArrowForwardSvg.ArrowForwardSvg, null)
+  })))));
+};
+exports.SubMenuWithButton = SubMenuWithButton;
+//# sourceMappingURL=SubMenuWithButton.js.map

package/lib/commonjs/ui/components/menu/common/SubMenuWithButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PlayerContext","require","_reactNative","_react","_interopRequireWildcard","_ArrowForwardSvg","_MenuRadioButton","_ActionButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SubMenuWithButton","props","style","textStyle","menuConstructor","label","preview","context","useContext","PlayerContext","onTouch","ui","openMenu_","createElement","Consumer","View","height","flexDirection","width","justifyContent","Text","DEFAULT_MENU_BUTTON_STYLE","color","colors","text","TouchableOpacity","onPress","ActionButton","touchable","svg","ArrowForwardSvg","exports"],"sources":["SubMenuWithButton.tsx"],"sourcesContent":["import { PlayerContext, UiContext } from '../../util/PlayerContext';\nimport { StyleProp, Text, TextStyle, TouchableOpacity, View, ViewStyle } from 'react-native';\nimport React, { useContext } from 'react';\nimport { ArrowForwardSvg } from '../../button/svg/ArrowForwardSvg';\nimport type { MenuConstructor } from '../../uicontroller/UiControls';\nimport { DEFAULT_MENU_BUTTON_STYLE } from './MenuRadioButton';\nimport { ActionButton } from '../../button/actionbutton/ActionButton';\n\nexport interface SubMenuButtonProps {\n  /**\n   * The style overrides.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The style overrides for the text components.\n   */\n  textStyle?: StyleProp<TextStyle>;\n  /**\n   * The sub menu that will be opened.\n   */\n  menuConstructor: MenuConstructor;\n  /**\n   * The label for the sub menu button.\n   */\n  label: string;\n  /**\n   * A preview for the currently selected value before opening the sub menu.\n   */\n  preview: string;\n}\n\n/**\n * A component that can be put inside a SettingsMenuButton to create a sub menu.\n */\nexport const SubMenuWithButton = (props: SubMenuButtonProps) => {\n  const { style, textStyle, menuConstructor, label, preview } = props;\n  const context = useContext(PlayerContext);\n  const onTouch = () => {\n    if (menuConstructor) {\n      context.ui.openMenu_(menuConstructor);\n    }\n  };\n  return (\n    <PlayerContext.Consumer>\n      {(context: UiContext) => (\n        <View style={[{ height: 44, flexDirection: 'row', width: '100%', justifyContent: 'center' }, style]}>\n          <Text style={[DEFAULT_MENU_BUTTON_STYLE, { color: context.style.colors.text, width: '30%' }, textStyle]}>{label}</Text>\n          <View style={{ flexDirection: 'row', width: '40%', justifyContent: 'flex-end' }}>\n            <TouchableOpacity style={{ flexDirection: 'row' }} onPress={onTouch}>\n              <Text style={[DEFAULT_MENU_BUTTON_STYLE, { color: context.style.colors.text }, textStyle]}>{preview}</Text>\n              <ActionButton touchable={false} svg={<ArrowForwardSvg />} />\n            </TouchableOpacity>\n          </View>\n        </View>\n      )}\n    </PlayerContext.Consumer>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _MenuButton = require("./MenuButton");
+Object.keys(_MenuButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MenuButton[key];
+    }
+  });
+});
+var _MenuTitle = require("./MenuTitle");
+Object.keys(_MenuTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MenuTitle[key];
+    }
+  });
+});
+var _MenuView = require("./MenuView");
+Object.keys(_MenuView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MenuView[key];
+    }
+  });
+});
+var _MenuRadioButton = require("./MenuRadioButton");
+Object.keys(_MenuRadioButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuRadioButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MenuRadioButton[key];
+    }
+  });
+});
+var _ScrollableMenu = require("./ScrollableMenu");
+Object.keys(_ScrollableMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScrollableMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScrollableMenu[key];
+    }
+  });
+});
+var _SubMenuWithButton = require("./SubMenuWithButton");
+Object.keys(_SubMenuWithButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SubMenuWithButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SubMenuWithButton[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MenuButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_MenuTitle","_MenuView","_MenuRadioButton","_ScrollableMenu","_SubMenuWithButton"],"sources":["barrel.ts"],"sourcesContent":["export * from './MenuButton';\nexport * from './MenuTitle';\nexport * from './MenuView';\nexport * from './MenuRadioButton';\nexport * from './ScrollableMenu';\nexport * from './SubMenuWithButton';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,SAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,SAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,SAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,SAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,gBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,gBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,gBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,gBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,eAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,eAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,eAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,eAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,kBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,kBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,kBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,kBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/message/CastMessage.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CastMessage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _reactNative = require("react-native");
+var _PlayerContext = require("../util/PlayerContext");
+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); }
+/**
+ * A simple cast message showing the current state of casting for the `react-native-theoplayer` UI.
+ */
+class CastMessage extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "_processCastState", (state, target) => {
+      let message;
+      switch (state) {
+        case 'connecting':
+          message = `Connecting to ${target} ...`;
+          break;
+        case 'connected':
+          message = `Playing on ${target}`;
+          break;
+      }
+      this.setState({
+        message
+      });
+    });
+    _defineProperty(this, "onCastEvent", event => {
+      if (event.subType !== _reactNativeTheoplayer.CastEventType.CHROMECAST_STATE_CHANGE && event.subType !== _reactNativeTheoplayer.CastEventType.AIRPLAY_STATE_CHANGE) {
+        return;
+      }
+      const castTarget = event.subType === _reactNativeTheoplayer.CastEventType.CHROMECAST_STATE_CHANGE ? 'Chromecast' : 'Airplay';
+      this._processCastState(event.state, castTarget);
+    });
+    this.state = {
+      message: undefined
+    };
+  }
+  componentDidMount() {
+    var _player$cast$chromeca, _player$cast$airplay;
+    const player = this.context.player;
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastEvent);
+    const chromecastState = (_player$cast$chromeca = player.cast.chromecast) === null || _player$cast$chromeca === void 0 ? void 0 : _player$cast$chromeca.state;
+    const airplayState = (_player$cast$airplay = player.cast.airplay) === null || _player$cast$airplay === void 0 ? void 0 : _player$cast$airplay.state;
+    if (chromecastState === 'connecting' || chromecastState === 'connected') {
+      this._processCastState(chromecastState, 'Chromecast');
+    } else if (airplayState === 'connecting' || airplayState === 'connected') {
+      this._processCastState(airplayState, 'Airplay');
+    }
+  }
+  componentWillUnmount() {
+    const context = this.context;
+    context.player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, this.onCastEvent);
+  }
+  render() {
+    const {
+      message
+    } = this.state;
+    if (!message) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [context.style.text, {
+        color: context.style.colors.text
+      }]
+    }, message));
+  }
+}
+exports.CastMessage = CastMessage;
+CastMessage.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=CastMessage.js.map

package/lib/commonjs/ui/components/message/CastMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeTheoplayer","_reactNative","_PlayerContext","_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","CastMessage","PureComponent","constructor","props","state","target","message","setState","event","subType","CastEventType","CHROMECAST_STATE_CHANGE","AIRPLAY_STATE_CHANGE","castTarget","_processCastState","componentDidMount","_player$cast$chromeca","_player$cast$airplay","player","context","addEventListener","PlayerEventType","CAST_EVENT","onCastEvent","chromecastState","cast","chromecast","airplayState","airplay","componentWillUnmount","removeEventListener","render","createElement","Fragment","PlayerContext","Consumer","Text","style","text","color","colors","exports","contextType"],"sources":["CastMessage.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { CastEvent, CastEventType, CastState, PlayerEventType } from 'react-native-theoplayer';\nimport { Text } from 'react-native';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\n\ninterface CastMessageState {\n  message: string | undefined;\n}\n\n/**\n * A simple cast message showing the current state of casting for the `react-native-theoplayer` UI.\n */\nexport class CastMessage extends PureComponent<unknown, CastMessageState> {\n  constructor(props: unknown) {\n    super(props);\n    this.state = { message: undefined };\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n    const chromecastState = player.cast.chromecast?.state;\n    const airplayState = player.cast.airplay?.state;\n    if (chromecastState === 'connecting' || chromecastState === 'connected') {\n      this._processCastState(chromecastState, 'Chromecast');\n    } else if (airplayState === 'connecting' || airplayState === 'connected') {\n      this._processCastState(airplayState, 'Airplay');\n    }\n  }\n\n  componentWillUnmount() {\n    const context = this.context as UiContext;\n    context.player.removeEventListener(PlayerEventType.CAST_EVENT, this.onCastEvent);\n  }\n\n  private _processCastState = (state: CastState, target: 'Chromecast' | 'Airplay') => {\n    let message: string | undefined;\n    switch (state) {\n      case 'connecting':\n        message = `Connecting to ${target} ...`;\n        break;\n      case 'connected':\n        message = `Playing on ${target}`;\n        break;\n    }\n    this.setState({\n      message,\n    });\n  };\n\n  private onCastEvent = (event: CastEvent) => {\n    if (event.subType !== CastEventType.CHROMECAST_STATE_CHANGE && event.subType !== CastEventType.AIRPLAY_STATE_CHANGE) {\n      return;\n    }\n    const castTarget = event.subType === CastEventType.CHROMECAST_STATE_CHANGE ? 'Chromecast' : 'Airplay';\n    this._processCastState(event.state, castTarget);\n  };\n\n  render() {\n    const { message } = this.state;\n\n    if (!message) {\n      return <></>;\n    }\n\n    return (\n      <PlayerContext.Consumer>\n        {(context: UiContext) => <Text style={[context.style.text, { color: context.style.colors.text }]}>{message}</Text>}\n      </PlayerContext.Consumer>\n    );\n  }\n}\n\nCastMessage.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/commonjs/ui/components/message/ErrorDisplay.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorDisplay = ErrorDisplay;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _PlayerContext = require("../util/PlayerContext");
+var _SvgUtils = require("../button/svg/SvgUtils");
+var _ErrorSvg = require("../button/svg/ErrorSvg");
+var _UiContainer = require("../uicontroller/UiContainer");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * A fullscreen error component for the `react-native-theoplayer` UI.
+ */
+function ErrorDisplay(props) {
+  const {
+    error
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_UiContainer.FULLSCREEN_CENTER_STYLE, {
+      backgroundColor: context.style.colors.errorBackground
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_SvgUtils.SvgContext.Provider, {
+    value: {
+      fill: context.style.colors.icon,
+      height: '100%',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      height: context.style.dimensions.controlBarHeight,
+      aspectRatio: 1,
+      padding: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ErrorSvg.ErrorSvg, null))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [context.style.text, {
+      color: context.style.colors.text,
+      alignSelf: 'center',
+      paddingLeft: 5
+    }]
+  }, "Error:")), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [context.style.text, {
+      color: context.style.colors.text
+    }]
+  }, error.errorMessage)));
+}
+//# sourceMappingURL=ErrorDisplay.js.map

package/lib/commonjs/ui/components/message/ErrorDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PlayerContext","_SvgUtils","_ErrorSvg","_UiContainer","obj","__esModule","default","ErrorDisplay","props","error","createElement","PlayerContext","Consumer","context","View","style","FULLSCREEN_CENTER_STYLE","backgroundColor","colors","errorBackground","flexDirection","SvgContext","Provider","value","fill","icon","height","width","dimensions","controlBarHeight","aspectRatio","padding","ErrorSvg","Text","text","color","alignSelf","paddingLeft","errorMessage"],"sources":["ErrorDisplay.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { PlayerError } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { SvgContext } from '../button/svg/SvgUtils';\nimport { ErrorSvg } from '../button/svg/ErrorSvg';\nimport { FULLSCREEN_CENTER_STYLE } from '../uicontroller/UiContainer';\n\nexport interface ErrorDisplayProps {\n  /**\n   * The error that will be displayed.\n   */\n  error: PlayerError;\n}\n\n/**\n * A fullscreen error component for the `react-native-theoplayer` UI.\n */\nexport function ErrorDisplay(props: ErrorDisplayProps) {\n  const { error } = props;\n  return (\n    <PlayerContext.Consumer>\n      {(context: UiContext) => (\n        <View style={[FULLSCREEN_CENTER_STYLE, { backgroundColor: context.style.colors.errorBackground }]}>\n          <View style={{ flexDirection: 'row' }}>\n            <SvgContext.Provider\n              value={{\n                fill: context.style.colors.icon,\n                height: '100%',\n                width: '100%',\n              }}>\n              <View style={{ height: context.style.dimensions.controlBarHeight, aspectRatio: 1, padding: 5 }}>\n                <ErrorSvg />\n              </View>\n            </SvgContext.Provider>\n            <Text style={[context.style.text, { color: context.style.colors.text, alignSelf: 'center', paddingLeft: 5 }]}>Error:</Text>\n          </View>\n          <Text style={[context.style.text, { color: context.style.colors.text }]}>{error.errorMessage}</Text>\n        </View>\n      )}\n    </PlayerContext.Consumer>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAsE,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAStE;AACA;AACA;AACO,SAASG,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,oBACEZ,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACV,cAAA,CAAAW,aAAa,CAACC,QAAQ,QACnBC,OAAkB,iBAClBjB,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,oCAAuB,EAAE;MAAEC,eAAe,EAAEJ,OAAO,CAACE,KAAK,CAACG,MAAM,CAACC;IAAgB,CAAC;EAAE,gBAChGvB,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE;MAAEK,aAAa,EAAE;IAAM;EAAE,gBACpCxB,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACT,SAAA,CAAAoB,UAAU,CAACC,QAAQ;IAClBC,KAAK,EAAE;MACLC,IAAI,EAAEX,OAAO,CAACE,KAAK,CAACG,MAAM,CAACO,IAAI;MAC/BC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACT;EAAE,gBACF/B,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE;MAAEW,MAAM,EAAEb,OAAO,CAACE,KAAK,CAACa,UAAU,CAACC,gBAAgB;MAAEC,WAAW,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE;EAAE,gBAC7FnC,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACR,SAAA,CAAA8B,QAAQ,OAAG,CACP,CACa,eACtBpC,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,YAAA,CAAAkC,IAAI;IAAClB,KAAK,EAAE,CAACF,OAAO,CAACE,KAAK,CAACmB,IAAI,EAAE;MAAEC,KAAK,EAAEtB,OAAO,CAACE,KAAK,CAACG,MAAM,CAACgB,IAAI;MAAEE,SAAS,EAAE,QAAQ;MAAEC,WAAW,EAAE;IAAE,CAAC;EAAE,GAAC,QAAM,CAAO,CACtH,eACPzC,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,YAAA,CAAAkC,IAAI;IAAClB,KAAK,EAAE,CAACF,OAAO,CAACE,KAAK,CAACmB,IAAI,EAAE;MAAEC,KAAK,EAAEtB,OAAO,CAACE,KAAK,CAACG,MAAM,CAACgB;IAAK,CAAC;EAAE,GAAEzB,KAAK,CAAC6B,YAAY,CAAQ,CAEvG,CACsB;AAE7B"}

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

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

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

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

package/lib/commonjs/ui/components/seekbar/SeekBar.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SeekBar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _PlayerContext = require("../util/PlayerContext");
+var _slider = _interopRequireDefault(require("@react-native-community/slider"));
+var _SingleThumbnailView = require("./thumbnail/SingleThumbnailView");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 seek bar component for the `react-native-theoplayer` UI.
+ */
+class SeekBar extends _react.PureComponent {
+  constructor(props) {
+    var _this;
+    super(props);
+    _this = this;
+    _defineProperty(this, "_seekBlockingTimeout", void 0);
+    _defineProperty(this, "_clearIsScrubbingTimout", void 0);
+    _defineProperty(this, "_onTimeUpdate", event => {
+      if (!this.state.ignoreTimeupdate) {
+        this.setState({
+          sliderTime: event.currentTime
+        });
+      }
+    });
+    _defineProperty(this, "_onLoadedMetadata", event => this.setState({
+      duration: event.duration
+    }));
+    _defineProperty(this, "_onDurationChange", event => this.setState({
+      duration: event.duration
+    }));
+    _defineProperty(this, "_onProgress", event => this.setState({
+      seekable: event.seekable
+    }));
+    _defineProperty(this, "_onSlidingStart", value => {
+      this.setState({
+        sliderTime: value
+      });
+      this._prepareSeekStart();
+      const player = this.context.player;
+      if (!player.paused) {
+        this.debounceSeek(value);
+        player.pause();
+        this.setState({
+          pausedDueToScrubbing: true
+        });
+      }
+    });
+    _defineProperty(this, "_onValueChange", value => {
+      this.setState({
+        sliderTime: value
+      });
+      if (this.state.ignoreTimeupdate) {
+        this.debounceSeek(value);
+      }
+    });
+    _defineProperty(this, "_onSlidingComplete", value => {
+      this.setState({
+        sliderTime: value
+      });
+      this.debounceSeek(value, true);
+      const player = this.context.player;
+      const isEnded = player.currentTime === player.duration;
+      if (this.state.pausedDueToScrubbing && !isEnded) {
+        player.play();
+        this.setState({
+          pausedDueToScrubbing: false
+        });
+      }
+      this._finishSeek();
+    });
+    _defineProperty(this, "_prepareSeekStart", () => {
+      this.setState({
+        isSeeking: true,
+        ignoreTimeupdate: true
+      });
+      clearTimeout(this._clearIsScrubbingTimout);
+    });
+    _defineProperty(this, "_finishSeek", () => {
+      this.setState({
+        isSeeking: false
+      });
+      // Wait for timeupdate events to settle after seeking, so the Slider does not jump back and forth.
+      this._clearIsScrubbingTimout = setTimeout(() => {
+        this.setState({
+          ignoreTimeupdate: false
+        });
+      }, 1000);
+    });
+    _defineProperty(this, "debounceSeek", function (value) {
+      let force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      // Don't bombard the player with seeks when seeking. Allow only one seek ever X milliseconds:
+      const MAX_SEEK_INTERVAL = 200;
+      if (force || _this._seekBlockingTimeout === undefined) {
+        if (force) {
+          clearTimeout(_this._seekBlockingTimeout);
+          _this._seekBlockingTimeout = undefined;
+        }
+        _this._seekBlockingTimeout = setTimeout(() => {
+          _this._seekBlockingTimeout = undefined;
+        }, MAX_SEEK_INTERVAL);
+        // Do seek
+        const player = _this.context.player;
+        player.currentTime = value;
+      }
+    });
+    this.state = SeekBar.initialState;
+  }
+  componentDidMount() {
+    const player = this.context.player;
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.LOADED_METADATA, this._onLoadedMetadata);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.DURATION_CHANGE, this._onDurationChange);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.TIME_UPDATE, this._onTimeUpdate);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.PROGRESS, this._onProgress);
+    this.setState({
+      ...SeekBar.initialState,
+      sliderTime: player.currentTime,
+      duration: player.duration,
+      seekable: player.seekable
+    });
+  }
+  componentWillUnmount() {
+    const context = this.context;
+    context.player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.LOADED_METADATA, this._onLoadedMetadata);
+    context.player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.DURATION_CHANGE, this._onDurationChange);
+    context.player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.TIME_UPDATE, this._onTimeUpdate);
+    context.player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PROGRESS, this._onProgress);
+    clearTimeout(this._seekBlockingTimeout);
+    clearTimeout(this._clearIsScrubbingTimout);
+  }
+  render() {
+    const {
+      seekable,
+      sliderTime,
+      duration,
+      isSeeking,
+      width
+    } = this.state;
+    const {
+      style
+    } = this.props;
+    const seekableStart = seekable.length > 0 ? seekable[0].start : 0;
+    const seekableEnd = seekable.length > 0 ? seekable[0].end : 0;
+    return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [_reactNative.StyleSheet.absoluteFill, style],
+      onLayout: event => {
+        this.setState({
+          width: event.nativeEvent.layout.width
+        });
+      }
+    }, isSeeking && /*#__PURE__*/_react.default.createElement(_SingleThumbnailView.SingleThumbnailView, {
+      seekableStart: seekableStart,
+      seekableEnd: seekableEnd,
+      currentTime: sliderTime,
+      seekBarWidth: width
+    }), /*#__PURE__*/_react.default.createElement(_slider.default, {
+      disabled: !(duration > 0) && seekable.length > 0,
+      style: [_reactNative.StyleSheet.absoluteFill, style],
+      minimumValue: seekableStart,
+      maximumValue: seekableEnd,
+      step: 1000,
+      onSlidingStart: this._onSlidingStart,
+      onValueChange: this._onValueChange,
+      onSlidingComplete: this._onSlidingComplete,
+      value: sliderTime,
+      focusable: true,
+      minimumTrackTintColor: context.style.colors.seekBarMinimum,
+      maximumTrackTintColor: context.style.colors.seekBarMaximum,
+      thumbTintColor: context.style.colors.seekBarDot
+    })));
+  }
+}
+exports.SeekBar = SeekBar;
+_defineProperty(SeekBar, "initialState", {
+  ignoreTimeupdate: false,
+  isSeeking: false,
+  sliderTime: 0,
+  duration: 0,
+  seekable: [],
+  pausedDueToScrubbing: false,
+  width: 0
+});
+SeekBar.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=SeekBar.js.map

package/lib/commonjs/ui/components/seekbar/SeekBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeTheoplayer","_PlayerContext","_slider","_interopRequireDefault","_SingleThumbnailView","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","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","SeekBar","PureComponent","constructor","props","_this","this","event","state","ignoreTimeupdate","setState","sliderTime","currentTime","duration","seekable","_prepareSeekStart","player","context","paused","debounceSeek","pause","pausedDueToScrubbing","isEnded","play","_finishSeek","isSeeking","clearTimeout","_clearIsScrubbingTimout","setTimeout","force","arguments","length","MAX_SEEK_INTERVAL","_seekBlockingTimeout","initialState","componentDidMount","addEventListener","PlayerEventType","LOADED_METADATA","_onLoadedMetadata","DURATION_CHANGE","_onDurationChange","TIME_UPDATE","_onTimeUpdate","PROGRESS","_onProgress","componentWillUnmount","removeEventListener","render","width","style","seekableStart","start","seekableEnd","end","createElement","PlayerContext","Consumer","View","StyleSheet","absoluteFill","onLayout","nativeEvent","layout","SingleThumbnailView","seekBarWidth","disabled","minimumValue","maximumValue","step","onSlidingStart","_onSlidingStart","onValueChange","_onValueChange","onSlidingComplete","_onSlidingComplete","focusable","minimumTrackTintColor","colors","seekBarMinimum","maximumTrackTintColor","seekBarMaximum","thumbTintColor","seekBarDot","exports","contextType"],"sources":["SeekBar.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { DurationChangeEvent, LoadedMetadataEvent, PlayerEventType, ProgressEvent, TimeRange, TimeUpdateEvent } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport Slider from '@react-native-community/slider';\nimport { SingleThumbnailView } from './thumbnail/SingleThumbnailView';\n\nexport interface SeekBarProps {\n  /**\n   * Optional style applied to the SeekBar.\n   */\n  style?: StyleProp<ViewStyle>;\n}\n\ninterface SeekBarState {\n  ignoreTimeupdate: boolean;\n  isSeeking: boolean;\n  pausedDueToScrubbing: boolean;\n  seekable: TimeRange[];\n  duration: number;\n  sliderTime: number;\n  width: number;\n}\n\n/**\n * The default seek bar component for the `react-native-theoplayer` UI.\n */\nexport class SeekBar extends PureComponent<SeekBarProps, SeekBarState> {\n  private static initialState: SeekBarState = {\n    ignoreTimeupdate: false,\n    isSeeking: false,\n    sliderTime: 0,\n    duration: 0,\n    seekable: [],\n    pausedDueToScrubbing: false,\n    width: 0,\n  };\n\n  private _seekBlockingTimeout: NodeJS.Timeout | undefined;\n  private _clearIsScrubbingTimout: NodeJS.Timeout | undefined;\n\n  constructor(props: SeekBarProps) {\n    super(props);\n    this.state = SeekBar.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.LOADED_METADATA, this._onLoadedMetadata);\n    player.addEventListener(PlayerEventType.DURATION_CHANGE, this._onDurationChange);\n    player.addEventListener(PlayerEventType.TIME_UPDATE, this._onTimeUpdate);\n    player.addEventListener(PlayerEventType.PROGRESS, this._onProgress);\n    this.setState({\n      ...SeekBar.initialState,\n      sliderTime: player.currentTime,\n      duration: player.duration,\n      seekable: player.seekable,\n    });\n  }\n\n  componentWillUnmount() {\n    const context = this.context as UiContext;\n    context.player.removeEventListener(PlayerEventType.LOADED_METADATA, this._onLoadedMetadata);\n    context.player.removeEventListener(PlayerEventType.DURATION_CHANGE, this._onDurationChange);\n    context.player.removeEventListener(PlayerEventType.TIME_UPDATE, this._onTimeUpdate);\n    context.player.removeEventListener(PlayerEventType.PROGRESS, this._onProgress);\n    clearTimeout(this._seekBlockingTimeout);\n    clearTimeout(this._clearIsScrubbingTimout);\n  }\n\n  private _onTimeUpdate = (event: TimeUpdateEvent) => {\n    if (!this.state.ignoreTimeupdate) {\n      this.setState({ sliderTime: event.currentTime });\n    }\n  };\n  private _onLoadedMetadata = (event: LoadedMetadataEvent) => this.setState({ duration: event.duration });\n  private _onDurationChange = (event: DurationChangeEvent) => this.setState({ duration: event.duration });\n  private _onProgress = (event: ProgressEvent) => this.setState({ seekable: event.seekable });\n\n  private _onSlidingStart = (value: number) => {\n    this.setState({ sliderTime: value });\n    this._prepareSeekStart();\n    const player = (this.context as UiContext).player;\n    if (!player.paused) {\n      this.debounceSeek(value);\n      player.pause();\n      this.setState({ pausedDueToScrubbing: true });\n    }\n  };\n\n  private _onValueChange = (value: number) => {\n    this.setState({ sliderTime: value });\n    if (this.state.ignoreTimeupdate) {\n      this.debounceSeek(value);\n    }\n  };\n\n  private _onSlidingComplete = (value: number) => {\n    this.setState({ sliderTime: value });\n    this.debounceSeek(value, true);\n    const player = (this.context as UiContext).player;\n    const isEnded = player.currentTime === player.duration;\n    if (this.state.pausedDueToScrubbing && !isEnded) {\n      player.play();\n      this.setState({ pausedDueToScrubbing: false });\n    }\n    this._finishSeek();\n  };\n\n  private readonly _prepareSeekStart = () => {\n    this.setState({ isSeeking: true, ignoreTimeupdate: true });\n    clearTimeout(this._clearIsScrubbingTimout);\n  };\n\n  private readonly _finishSeek = () => {\n    this.setState({ isSeeking: false });\n    // Wait for timeupdate events to settle after seeking, so the Slider does not jump back and forth.\n    this._clearIsScrubbingTimout = setTimeout(() => {\n      this.setState({ ignoreTimeupdate: false });\n    }, 1000);\n  };\n\n  private debounceSeek = (value: number, force = false) => {\n    // Don't bombard the player with seeks when seeking. Allow only one seek ever X milliseconds:\n    const MAX_SEEK_INTERVAL = 200;\n    if (force || this._seekBlockingTimeout === undefined) {\n      if (force) {\n        clearTimeout(this._seekBlockingTimeout);\n        this._seekBlockingTimeout = undefined;\n      }\n      this._seekBlockingTimeout = setTimeout(() => {\n        this._seekBlockingTimeout = undefined;\n      }, MAX_SEEK_INTERVAL);\n      // Do seek\n      const player = (this.context as UiContext).player;\n      player.currentTime = value;\n    }\n  };\n\n  render() {\n    const { seekable, sliderTime, duration, isSeeking, width } = this.state;\n    const { style } = this.props;\n    const seekableStart = seekable.length > 0 ? seekable[0].start : 0;\n    const seekableEnd = seekable.length > 0 ? seekable[0].end : 0;\n    return (\n      <PlayerContext.Consumer>\n        {(context: UiContext) => (\n          <View\n            style={[StyleSheet.absoluteFill, style]}\n            onLayout={(event: LayoutChangeEvent) => {\n              this.setState({ width: event.nativeEvent.layout.width });\n            }}>\n            {isSeeking && (\n              <SingleThumbnailView seekableStart={seekableStart} seekableEnd={seekableEnd} currentTime={sliderTime} seekBarWidth={width} />\n            )}\n            <Slider\n              disabled={!(duration > 0) && seekable.length > 0}\n              style={[StyleSheet.absoluteFill, style]}\n              minimumValue={seekableStart}\n              maximumValue={seekableEnd}\n              step={1000}\n              onSlidingStart={this._onSlidingStart}\n              onValueChange={this._onValueChange}\n              onSlidingComplete={this._onSlidingComplete}\n              value={sliderTime}\n              focusable={true}\n              minimumTrackTintColor={context.style.colors.seekBarMinimum}\n              maximumTrackTintColor={context.style.colors.seekBarMaximum}\n              thumbTintColor={context.style.colors.seekBarDot}\n            />\n          </View>\n        )}\n      </PlayerContext.Consumer>\n    );\n  }\n}\n\nSeekBar.contextType = PlayerContext;\n"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SeekBar = require("./SeekBar");
+Object.keys(_SeekBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SeekBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SeekBar[key];
+    }
+  });
+});
+var _barrel = require("./thumbnail/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];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

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

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