@theoplayer/react-native-ui/lib/commonjs/ui/components/button/PipButton.js

A React Native UI for @theoplayer/react-native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PipButton = PipButton;
var _react = _interopRequireWildcard(require("react"));
var _reactNativeTheoplayer = require("react-native-theoplayer");
var _ActionButton = require("./actionbutton/ActionButton");
var _PlayerContext = require("../util/PlayerContext");
var _PipExitSvg = require("./svg/PipExitSvg");
var _PipEnterSvg = require("./svg/PipEnterSvg");
var _usePresentationMode = require("../../hooks/usePresentationMode");
var _TestIDs = require("../../utils/TestIDs");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
/**
 * The default button to enable picture-in-picture for the `react-native-theoplayer` UI.
 */
function PipButton(props) {
  const {
    icon
  } = props;
  const {
    player,
    ui
  } = (0, _react.useContext)(_PlayerContext.PlayerContext);
  const presentationMode = (0, _usePresentationMode.usePresentationMode)();
  const togglePip = (0, _react.useCallback)(() => {
    switch (player.presentationMode) {
      case 'inline':
      case 'fullscreen':
        ui.enterPip_();
        break;
      case 'picture-in-picture':
        player.presentationMode = _reactNativeTheoplayer.PresentationMode.inline;
        break;
    }
  }, [player, ui]);
  const enterSvg = icon?.enter ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PipEnterSvg.PipEnterSvg, {});
  const exitSvg = icon?.exit ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PipExitSvg.PipExitSvg, {});
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton.ActionButton, {
    style: props.style,
    testID: props.testID ?? _TestIDs.TestIDs.PIP_BUTTON,
    svg: presentationMode === 'picture-in-picture' ? exitSvg : enterSvg,
    onPress: togglePip
  });
}
//# sourceMappingURL=PipButton.js.map