@theoplayer/react-native-ui/lib/commonjs/ui/hooks/useChromecast.js

A React Native UI for @theoplayer/react-native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useChromecast = void 0;
var _react = require("react");
var _reactNativeUi = require("@theoplayer/react-native-ui");
var _reactNativeTheoplayer = require("react-native-theoplayer");
/**
 * Returns {@link react-native-theoplayer!THEOplayer.cast.chromecast | the player's chromecast state}, automatically updating whenever it changes.
 *
 * This hook must only be used in a component mounted inside a {@link THEOplayerDefaultUi} or {@link UiContainer},
 * or alternatively any other component that provides a {@link PlayerContext}.
 *
 * @group Hooks
 */
const useChromecast = () => {
  const {
    player
  } = (0, _react.useContext)(_reactNativeUi.PlayerContext);
  const [castState, setCastState] = (0, _react.useState)(player.cast.chromecast?.state ?? _reactNativeTheoplayer.CastState.unavailable);
  (0, _react.useEffect)(() => {
    const onCastStateChangeEvent = event => {
      if (event.subType === _reactNativeTheoplayer.CastEventType.CHROMECAST_STATE_CHANGE) {
        setCastState(event.state);
      }
    };
    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.CAST_EVENT, onCastStateChangeEvent);
  }, [player]);
  return castState;
};
exports.useChromecast = useChromecast;
//# sourceMappingURL=useChromecast.js.map