react-native-theoplayer 2.8.0 → 2.9.0

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

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ActionButton = require("../../button/actionbutton/ActionButton");
-var _PlayerContext = require("../../util/PlayerContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * A menu button that opens a fullscreen menu for in the `react-native-theoplayer` UI.
- */
-const MenuButton = props => {
-  const {
-    icon,
-    svg,
-    style,
-    menuConstructor
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, {
-    svg: svg,
-    icon: icon,
-    onPress: () => {
-      if (menuConstructor) {
-        context.ui.openMenu_(menuConstructor);
-      }
-    },
-    style: style,
-    touchable: true
-  }));
-};
-exports.MenuButton = MenuButton;
-//# sourceMappingURL=MenuButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionButton","_PlayerContext","obj","__esModule","default","MenuButton","props","icon","svg","style","menuConstructor","createElement","PlayerContext","Consumer","context","ActionButton","onPress","ui","openMenu_","touchable","exports"],"sources":["MenuButton.tsx"],"sourcesContent":["import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';\nimport React, { ReactNode } from 'react';\nimport { ActionButton } from '../../button/actionbutton/ActionButton';\nimport { PlayerContext, UiContext } from '../../util/PlayerContext';\nimport type { MenuConstructor } from '../../uicontroller/UiControls';\n\nexport interface MenuButtonProps {\n  /**\n   * The image that will be used in the button.\n   */\n  icon?: ImageSourcePropType;\n  /**\n   * The SVG that will be used in the button. Takes priority over images.\n   */\n  svg?: ReactNode;\n  /**\n   * The style overrides for the menu button.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The menu that will be constructed when the button is pressed.\n   */\n  menuConstructor?: MenuConstructor;\n}\n\n/**\n * A menu button that opens a fullscreen menu for in the `react-native-theoplayer` UI.\n */\nexport const MenuButton = (props: MenuButtonProps) => {\n  const { icon, svg, style, menuConstructor } = props;\n\n  return (\n    <PlayerContext.Consumer>\n      {(context: UiContext) => (\n        <ActionButton\n          svg={svg}\n          icon={icon}\n          onPress={() => {\n            if (menuConstructor) {\n              context.ui.openMenu_(menuConstructor);\n            }\n          }}\n          style={style}\n          touchable={true}\n        />\n      )}\n    </PlayerContext.Consumer>\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAsBpE;AACA;AACA;AACO,MAAMG,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC,IAAI;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGJ,KAAK;EAEnD,oBACET,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,cAAA,CAAAW,aAAa,CAACC,QAAQ,QACnBC,OAAkB,iBAClBjB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,aAAA,CAAAe,YAAY;IACXP,GAAG,EAAEA,GAAI;IACTD,IAAI,EAAEA,IAAK;IACXS,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIN,eAAe,EAAE;QACnBI,OAAO,CAACG,EAAE,CAACC,SAAS,CAACR,eAAe,CAAC;MACvC;IACF,CAAE;IACFD,KAAK,EAAEA,KAAM;IACbU,SAAS,EAAE;EAAK,EAEnB,CACsB;AAE7B,CAAC;AAACC,OAAA,CAAAf,UAAA,GAAAA,UAAA"}

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

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuRadioButton = exports.DEFAULT_MENU_BUTTON_STYLE = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireDefault(require("react"));
-var _PlayerContext = require("../../util/PlayerContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * The default style for the menu button.
- */
-const DEFAULT_MENU_BUTTON_STYLE = {
-  fontSize: 16,
-  lineHeight: 24,
-  padding: 10,
-  textAlign: 'center'
-};
-
-/**
- * The default radio button that can be used in menus for the `react-native-theoplayer` UI.
- */
-exports.DEFAULT_MENU_BUTTON_STYLE = DEFAULT_MENU_BUTTON_STYLE;
-const MenuRadioButton = props => {
-  const {
-    uid,
-    onSelect,
-    label,
-    selected,
-    style
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => {
-      onSelect(uid);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [DEFAULT_MENU_BUTTON_STYLE, selected ? {
-      color: context.style.colors.textSelected,
-      backgroundColor: context.style.colors.textSelectedBackground
-    } : {
-      color: context.style.colors.text
-    }, style]
-  }, label)));
-};
-exports.MenuRadioButton = MenuRadioButton;
-//# sourceMappingURL=MenuRadioButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_PlayerContext","obj","__esModule","default","DEFAULT_MENU_BUTTON_STYLE","fontSize","lineHeight","padding","textAlign","exports","MenuRadioButton","props","uid","onSelect","label","selected","style","createElement","TouchableOpacity","onPress","PlayerContext","Consumer","context","Text","color","colors","textSelected","backgroundColor","textSelectedBackground","text"],"sources":["MenuRadioButton.tsx"],"sourcesContent":["import { StyleProp, Text, TextStyle, TouchableOpacity } from 'react-native';\nimport React from 'react';\nimport { PlayerContext, UiContext } from '../../util/PlayerContext';\n\nexport interface MenuRadioButtonProps {\n  /**\n   * The label for the button.\n   */\n  label: string;\n  /**\n   * The uid used in the callback when the button is pressed.\n   */\n  uid: number | undefined;\n  /**\n   * Whether the radio button is selected.\n   */\n  selected?: boolean;\n  /**\n   * The callback that is called when the button is pressed.\n   * @param id The uid prop.\n   */\n  onSelect: (id: number | undefined) => void;\n  /**\n   * The style overrides for the radio button.\n   */\n  style?: StyleProp<TextStyle>;\n}\n\n/**\n * The default style for the menu button.\n */\nexport const DEFAULT_MENU_BUTTON_STYLE: TextStyle = {\n  fontSize: 16,\n  lineHeight: 24,\n  padding: 10,\n  textAlign: 'center',\n};\n\n/**\n * The default radio button that can be used in menus for the `react-native-theoplayer` UI.\n */\nexport const MenuRadioButton = (props: MenuRadioButtonProps) => {\n  const { uid, onSelect, label, selected, style } = props;\n  return (\n    <TouchableOpacity\n      onPress={() => {\n        onSelect(uid);\n      }}>\n      <PlayerContext.Consumer>\n        {(context: UiContext) => (\n          <Text\n            style={[\n              DEFAULT_MENU_BUTTON_STYLE,\n              selected\n                ? { color: context.style.colors.textSelected, backgroundColor: context.style.colors.textSelectedBackground }\n                : { color: context.style.colors.text },\n              style,\n            ]}>\n            {label}\n          </Text>\n        )}\n      </PlayerContext.Consumer>\n    </TouchableOpacity>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAoE,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA0BpE;AACA;AACA;AACO,MAAMG,yBAAoC,GAAG;EAClDC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAL,yBAAA,GAAAA,yBAAA;AAGO,MAAMM,eAAe,GAAIC,KAA2B,IAAK;EAC9D,MAAM;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGL,KAAK;EACvD,oBACEb,MAAA,CAAAK,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAAsB,gBAAgB;IACfC,OAAO,EAAEA,CAAA,KAAM;MACbN,QAAQ,CAACD,GAAG,CAAC;IACf;EAAE,gBACFd,MAAA,CAAAK,OAAA,CAAAc,aAAA,CAACjB,cAAA,CAAAoB,aAAa,CAACC,QAAQ,QACnBC,OAAkB,iBAClBxB,MAAA,CAAAK,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAA2B,IAAI;IACHP,KAAK,EAAE,CACLZ,yBAAyB,EACzBW,QAAQ,GACJ;MAAES,KAAK,EAAEF,OAAO,CAACN,KAAK,CAACS,MAAM,CAACC,YAAY;MAAEC,eAAe,EAAEL,OAAO,CAACN,KAAK,CAACS,MAAM,CAACG;IAAuB,CAAC,GAC1G;MAAEJ,KAAK,EAAEF,OAAO,CAACN,KAAK,CAACS,MAAM,CAACI;IAAK,CAAC,EACxCb,KAAK;EACL,GACDF,KAAK,CAET,CACsB,CACR;AAEvB,CAAC;AAACL,OAAA,CAAAC,eAAA,GAAAA,eAAA"}

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

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuTitle = exports.DEFAULT_MENU_TITLE_STYLE = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireDefault(require("react"));
-var _PlayerContext = require("../../util/PlayerContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * The default style for the menu title.
- */
-const DEFAULT_MENU_TITLE_STYLE = {
-  fontSize: 20,
-  lineHeight: 24,
-  padding: 10,
-  textAlign: 'center',
-  fontWeight: 'bold'
-};
-
-/**
- * The title placed at the top of the fullscreen menu.
- */
-exports.DEFAULT_MENU_TITLE_STYLE = DEFAULT_MENU_TITLE_STYLE;
-const MenuTitle = props => {
-  const {
-    label,
-    style
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [DEFAULT_MENU_TITLE_STYLE, {
-      color: context.style.colors.text
-    }, style]
-  }, label));
-};
-exports.MenuTitle = MenuTitle;
-//# sourceMappingURL=MenuTitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_PlayerContext","obj","__esModule","default","DEFAULT_MENU_TITLE_STYLE","fontSize","lineHeight","padding","textAlign","fontWeight","exports","MenuTitle","props","label","style","createElement","PlayerContext","Consumer","context","Text","color","colors","text"],"sources":["MenuTitle.tsx"],"sourcesContent":["import { StyleProp, Text, TextStyle } from 'react-native';\nimport React from 'react';\nimport { PlayerContext, UiContext } from '../../util/PlayerContext';\n\nexport interface MenuTitleProps {\n  /**\n   * The label of the menu title component.\n   */\n  label: string;\n  /**\n   * The style overrides.\n   */\n  style?: StyleProp<TextStyle>;\n}\n\n/**\n * The default style for the menu title.\n */\nexport const DEFAULT_MENU_TITLE_STYLE: TextStyle = {\n  fontSize: 20,\n  lineHeight: 24,\n  padding: 10,\n  textAlign: 'center',\n  fontWeight: 'bold',\n};\n\n/**\n * The title placed at the top of the fullscreen menu.\n */\nexport const MenuTitle = (props: MenuTitleProps) => {\n  const { label, style } = props;\n  return (\n    <PlayerContext.Consumer>\n      {(context: UiContext) => <Text style={[DEFAULT_MENU_TITLE_STYLE, { color: context.style.colors.text }, style]}>{label}</Text>}\n    </PlayerContext.Consumer>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAoE,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAapE;AACA;AACA;AACO,MAAMG,wBAAmC,GAAG;EACjDC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,QAAQ;EACnBC,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAN,wBAAA,GAAAA,wBAAA;AAGO,MAAMO,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAC9B,oBACEd,MAAA,CAAAK,OAAA,CAAAY,aAAA,CAACf,cAAA,CAAAgB,aAAa,CAACC,QAAQ,QACnBC,OAAkB,iBAAKpB,MAAA,CAAAK,OAAA,CAAAY,aAAA,CAACnB,YAAA,CAAAuB,IAAI;IAACL,KAAK,EAAE,CAACV,wBAAwB,EAAE;MAAEgB,KAAK,EAAEF,OAAO,CAACJ,KAAK,CAACO,MAAM,CAACC;IAAK,CAAC,EAAER,KAAK;EAAE,GAAED,KAAK,CAAQ,CACtG;AAE7B,CAAC;AAACH,OAAA,CAAAC,SAAA,GAAAA,SAAA"}

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

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuView = exports.DEFAULT_MENU_VIEW_STYLE = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _PlayerContext = require("../../util/PlayerContext");
-var _reactNative = require("react-native");
-var _ControlBar = require("../../controlbar/ControlBar");
-var _UiContainer = require("../../uicontroller/UiContainer");
-var _BackSvg = require("../../button/svg/BackSvg");
-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; }
-/**
- * The default style for the menu view.
- */
-const DEFAULT_MENU_VIEW_STYLE = {
-  flex: 1,
-  flexDirection: 'row',
-  left: 0,
-  right: 0,
-  top: 0,
-  bottom: 0,
-  paddingVertical: 20,
-  paddingLeft: 50,
-  paddingRight: 40
-};
-
-/**
- * A component to render a fullscreen menu with a title and back button for the `react-native-theoplayer` UI.
- */
-exports.DEFAULT_MENU_VIEW_STYLE = DEFAULT_MENU_VIEW_STYLE;
-const MenuView = props => {
-  const {
-    menu,
-    style
-  } = props;
-  const context = (0, _react.useContext)(_PlayerContext.PlayerContext);
-  const onClose = () => {
-    context.ui.closeCurrentMenu_();
-  };
-  return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _reactNative.StyleSheet.absoluteFill
-  }, /*#__PURE__*/_react.default.createElement(_ControlBar.ControlBar, {
-    style: _UiContainer.TOP_UI_CONTAINER_STYLE
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'row'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: {
-      flexDirection: 'row'
-    },
-    onPress: onClose
-  }, /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, {
-    touchable: false,
-    svg: /*#__PURE__*/_react.default.createElement(_BackSvg.BackSvg, null)
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: {
-      color: context.style.colors.text,
-      fontSize: 16,
-      lineHeight: 30
-    }
-  }, "Back"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexGrow: 1
-    }
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [DEFAULT_MENU_VIEW_STYLE, style]
-  }, menu)));
-};
-exports.MenuView = MenuView;
-//# sourceMappingURL=MenuView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_PlayerContext","_reactNative","_ControlBar","_UiContainer","_BackSvg","_ActionButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DEFAULT_MENU_VIEW_STYLE","flex","flexDirection","left","right","top","bottom","paddingVertical","paddingLeft","paddingRight","exports","MenuView","props","menu","style","context","useContext","PlayerContext","onClose","ui","closeCurrentMenu_","createElement","Consumer","View","StyleSheet","absoluteFill","ControlBar","TOP_UI_CONTAINER_STYLE","TouchableOpacity","onPress","ActionButton","touchable","svg","BackSvg","Text","color","colors","text","fontSize","lineHeight","flexGrow"],"sources":["MenuView.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport { PlayerContext, UiContext } from '../../util/PlayerContext';\nimport { StyleProp, StyleSheet, Text, TouchableOpacity, View, ViewStyle } from 'react-native';\nimport { ControlBar } from '../../controlbar/ControlBar';\nimport { TOP_UI_CONTAINER_STYLE } from '../../uicontroller/UiContainer';\nimport { BackSvg } from '../../button/svg/BackSvg';\nimport { ActionButton } from '../../button/actionbutton/ActionButton';\n\ninterface MenuViewProps {\n  /**\n   * The menu to render inside the menu view.\n   */\n  menu: ReactNode;\n  /**\n   * The style overrides for the menu view.\n   */\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n * The default style for the menu view.\n */\nexport const DEFAULT_MENU_VIEW_STYLE: ViewStyle = {\n  flex: 1,\n  flexDirection: 'row',\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n  paddingVertical: 20,\n  paddingLeft: 50,\n  paddingRight: 40,\n};\n\n/**\n * A component to render a fullscreen menu with a title and back button for the `react-native-theoplayer` UI.\n */\nexport const MenuView = (props: MenuViewProps) => {\n  const { menu, style } = props;\n  const context = useContext(PlayerContext);\n  const onClose = () => {\n    context.ui.closeCurrentMenu_();\n  };\n  return (\n    <PlayerContext.Consumer>\n      {(context: UiContext) => (\n        <View style={StyleSheet.absoluteFill}>\n          <ControlBar style={TOP_UI_CONTAINER_STYLE}>\n            <View style={{ flexDirection: 'row' }}>\n              <TouchableOpacity style={{ flexDirection: 'row' }} onPress={onClose}>\n                <ActionButton touchable={false} svg={<BackSvg />} />\n                <Text style={{ color: context.style.colors.text, fontSize: 16, lineHeight: 30 }}>Back</Text>\n              </TouchableOpacity>\n            </View>\n            <View style={{ flexGrow: 1 }} />\n          </ControlBar>\n          <View style={[DEFAULT_MENU_VIEW_STYLE, style]}>{menu}</View>\n        </View>\n      )}\n    </PlayerContext.Consumer>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollableMenu = exports.DEFAULT_SCROLLABLE_MENU_STYLE = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _MenuTitle = require("./MenuTitle");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * The default style for the scrollable menu.
- */
-const DEFAULT_SCROLLABLE_MENU_STYLE = {
-  flex: 1,
-  left: 0,
-  right: 0,
-  top: 0,
-  bottom: 0,
-  paddingRight: 10
-};
-
-/**
- * A menu component that provides a ScrollView for menu items for the `react-native-theoplayer` UI.
- * @param props
- * @constructor
- */
-exports.DEFAULT_SCROLLABLE_MENU_STYLE = DEFAULT_SCROLLABLE_MENU_STYLE;
-const ScrollableMenu = props => {
-  const {
-    title,
-    items
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
-    style: DEFAULT_SCROLLABLE_MENU_STYLE
-  }, /*#__PURE__*/_react.default.createElement(_MenuTitle.MenuTitle, {
-    label: title
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flexDirection: 'column'
-    }
-  }, items)));
-};
-exports.ScrollableMenu = ScrollableMenu;
-//# sourceMappingURL=ScrollableMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MenuTitle","obj","__esModule","default","DEFAULT_SCROLLABLE_MENU_STYLE","flex","left","right","top","bottom","paddingRight","exports","ScrollableMenu","props","title","items","createElement","SafeAreaView","style","MenuTitle","label","ScrollView","View","flexDirection"],"sources":["ScrollableMenu.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { SafeAreaView, ScrollView, View, ViewStyle } from 'react-native';\nimport { MenuTitle } from './MenuTitle';\n\ninterface ScrollableMenuProps {\n  /**\n   * The title of the scrollable menu.\n   */\n  title: string;\n  /**\n   * The items to be put in the scrollable menu.\n   */\n  items?: ReactNode;\n}\n\n/**\n * The default style for the scrollable menu.\n */\nexport const DEFAULT_SCROLLABLE_MENU_STYLE: ViewStyle = {\n  flex: 1,\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n  paddingRight: 10,\n};\n\n/**\n * A menu component that provides a ScrollView for menu items for the `react-native-theoplayer` UI.\n * @param props\n * @constructor\n */\nexport const ScrollableMenu = (props: ScrollableMenuProps) => {\n  const { title, items } = props;\n  return (\n    <SafeAreaView style={DEFAULT_SCROLLABLE_MENU_STYLE}>\n      <MenuTitle label={title} />\n      <ScrollView>\n        <View style={{ flexDirection: 'column' }}>{items}</View>\n      </ScrollView>\n    </SafeAreaView>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAwC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAaxC;AACA;AACA;AACO,MAAMG,6BAAwC,GAAG;EACtDC,IAAI,EAAE,CAAC;EACPC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,GAAG,EAAE,CAAC;EACNC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AAJAC,OAAA,CAAAP,6BAAA,GAAAA,6BAAA;AAKO,MAAMQ,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAC9B,oBACEjB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACjB,YAAA,CAAAkB,YAAY;IAACC,KAAK,EAAEd;EAA8B,gBACjDR,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAAChB,UAAA,CAAAmB,SAAS;IAACC,KAAK,EAAEN;EAAM,EAAG,eAC3BlB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACjB,YAAA,CAAAsB,UAAU,qBACTzB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACjB,YAAA,CAAAuB,IAAI;IAACJ,KAAK,EAAE;MAAEK,aAAa,EAAE;IAAS;EAAE,GAAER,KAAK,CAAQ,CAC7C,CACA;AAEnB,CAAC;AAACJ,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

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

@@ -1,65 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,72 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,79 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,53 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}