react-wistia/lib/WistiaPlayer.js

React.js wrapper for Wistia player

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var WistiaPlayer = function (_Component) {
    _inherits(WistiaPlayer, _Component);

    function WistiaPlayer() {
        var _ref;

        var _temp, _this, _ret;

        _classCallCheck(this, WistiaPlayer);

        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
        }

        return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = WistiaPlayer.__proto__ || Object.getPrototypeOf(WistiaPlayer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {}, _this.onReady = function (video) {
            video.bind('end', _this.props.onEnd);
            video.bind('play', _this.props.onPlay);
            video.bind('pause', _this.props.onPause);
            video.bind('secondchange', _this.props.onSecondChange);
            video.bind('timechange', _this.props.onTimeChange);

            _this.setState({ video: video }, function () {
                return _this.handleProps();
            });
        }, _temp), _possibleConstructorReturn(_this, _ret);
    }

    _createClass(WistiaPlayer, [{
        key: 'handleProps',
        value: function handleProps() {
            var video = this.state.video;


            if (!video) {
                return;
            }

            this.props.onReady && this.props.onReady(video);

            if (this.props.play) {
                video.play();
            } else {
                video.pause();
            }
        }
    }, {
        key: 'componentWillReceiveProps',
        value: function componentWillReceiveProps(nextProps) {
            var video = this.state.video;

            if (!video) {
                return;
            }

            if (typeof nextProps.timeValue !== 'undefined' && Math.abs(nextProps.timeValue - video.time()) > 0.3) {
                video.time(nextProps.timeValue);
            }

            if (this.props.play && !nextProps.play) {
                video.pause();
            } else if (!this.props.play && nextProps.play) {
                video.play();
            }
        }
    }, {
        key: 'componentDidMount',
        value: function componentDidMount() {
            var _props = this.props,
                wq = _props.wq,
                id = _props.videoId,
                options = _props.playerOptions;


            wq.push({
                id: id,
                onReady: this.onReady,
                options: options
            });
        }
    }, {
        key: 'render',
        value: function render() {
            var _props2 = this.props,
                videoId = _props2.videoId,
                _props2$className = _props2.className,
                additionalClasses = _props2$className === undefined ? '' : _props2$className;

            var className = 'wistia_embed wistia_async_' + videoId + ' ' + additionalClasses;

            return _react2.default.createElement('div', { className: className });
        }
    }]);

    return WistiaPlayer;
}(_react.Component);

WistiaPlayer.propTypes = {
    videoId: _react.PropTypes.string.isRequired,
    wq: _react.PropTypes.array.isRequired,
    playerOptions: _react.PropTypes.object,

    play: _react.PropTypes.bool,

    onEnd: _react.PropTypes.func,
    onPlay: _react.PropTypes.func,
    onPause: _react.PropTypes.func,
    onSecondChange: _react.PropTypes.func,
    onTimeChange: _react.PropTypes.func
};
exports.default = WistiaPlayer;