@times-components/video/dist/video.js

Video

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IsPaidSubscriberContext = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _image = _interopRequireDefault(require("@times-components/image"));

var _errorView = _interopRequireDefault(require("@times-components/error-view"));

var _inlineVideoPlayer = _interopRequireDefault(require("./inline-video-player"));

var _isPaidSubscriber = _interopRequireDefault(require("./is-paid-subscriber"));

var _videoError = _interopRequireDefault(require("./video-error"));

var _videoPropTypes = require("./video-prop-types");

var _styles = require("./styles");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Video = function Video(props) {
  var height = props.height,
      poster = props.poster,
      width = props.width;
  return /*#__PURE__*/_react["default"].createElement(_errorView["default"], null, function (_ref) {
    var hasError = _ref.hasError;
    return hasError ? /*#__PURE__*/_react["default"].createElement(_videoError["default"], {
      height: height,
      width: width
    }) : /*#__PURE__*/_react["default"].createElement(_isPaidSubscriber["default"].Consumer, null, function (isPaidSubscriber) {
      return !isPaidSubscriber ? /*#__PURE__*/_react["default"].createElement("div", {
        style: {
          height: height,
          width: width
        }
      }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
        aspectRatio: width / height,
        uri: poster.uri
      }), /*#__PURE__*/_react["default"].createElement(_styles.NoSubscriptionWrapper, null, /*#__PURE__*/_react["default"].createElement(_styles.NoSubscriptionMessage, null, "We are sorry, you need to be a subscriber to watch this video"))) : /*#__PURE__*/_react["default"].createElement(_inlineVideoPlayer["default"], props);
    });
  });
};

Video.defaultProps = _videoPropTypes.defaultProps;
Video.propTypes = _videoPropTypes.propTypes;
var _default = Video;
exports["default"] = _default;
var IsPaidSubscriberContext = _isPaidSubscriber["default"].Provider;
exports.IsPaidSubscriberContext = IsPaidSubscriberContext;