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

A React Native UI for @theoplayer/react-native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useEnded = void 0;
var _react = require("react");
var _reactNativeUi = require("@theoplayer/react-native-ui");
var _reactNativeTheoplayer = require("react-native-theoplayer");
const ENDED_CHANGE_EVENTS = [_reactNativeTheoplayer.PlayerEventType.ENDED, _reactNativeTheoplayer.PlayerEventType.SEEKING];

/**
 * Returns {@link react-native-theoplayer!THEOplayer.ended | the player's ended 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 useEnded = () => {
  const {
    player
  } = (0, _react.useContext)(_reactNativeUi.PlayerContext);
  const subscribe = (0, _react.useCallback)(callback => {
    player?.addEventListener(ENDED_CHANGE_EVENTS, callback);
    return () => player?.removeEventListener(ENDED_CHANGE_EVENTS, callback);
  }, [player]);
  return (0, _react.useSyncExternalStore)(subscribe,
  // TODO: replace this with `player.ended` once added to the SDK.
  () => player ? player.duration > 0 && player.currentTime >= player.duration : true);
};
exports.useEnded = useEnded;
//# sourceMappingURL=useEnded.js.map