@desynova-digital/player 4.0.0 → 4.0.2

package/{media → components}/AudioMeter.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +9,10 @@ var _propTypes = require("prop-types");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _components = require("@desynova-digital/components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -22,15 +22,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var propTypes = {
   height: _propTypes.PropTypes.number,
@@ -39,19 +39,17 @@ var propTypes = {
 var defaultProps = {
   height: 0
 };
-var AudioMeterBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 70px;\n  right: 14px;\n  top: 0px;\n  position: absolute;\n  height: 100%;\n"])));
-var RangeBlock = (0, _styledComponents["default"])('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: -12px;\n  height: 100%;\n  overflow: hidden;\n  .range {\n    color: #aaaaaa;\n    font-family: SFUIText-Medium;\n    text-align: right;\n    font-size: 8px;\n    box-sizing: border-box;\n  }\n"])));
-var MeterBlock = (0, _styledComponents["default"])('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  .track-block {\n    position: relative;\n    width: 15px;\n    height: 100%;\n    overflow: visible;\n    &.left-track,\n    &.right-track {\n      &:after {\n        position: absolute;\n        color: #aaaaaa;\n        bottom: -12px;\n        font-size: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-family: SFUIText-Regular;\n      }\n    }\n    &.left-track:after {\n      content: 'L';\n    }\n    &.right-track:after {\n      content: 'R';\n    }\n  }\n"])));
-var ColorMeter = (0, _styledComponents["default"])('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to top, #00c8e7, #00e6b9 57%, #ff8d29 83%, #f6462c);\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  .stack-block {\n    height: 2px;\n    margin-bottom: 3px;\n    background: #000000;\n  }\n"])));
-var BlackMeter = (0, _styledComponents["default"])('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  background: #000000;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  height: 100%;\n  transition: all 0.25s ease-in-out;\n  -moz-transition: all 0.25s ease-in-out;\n  -webkit-transition: all 0.25s ease-in-out;\n  -ms-transition: all 0.25s ease-in-out;\n  -o-transition: all 0.25s ease-in-out;\n  .stack-block {\n    height: 2px;\n    margin-bottom: 3px;\n    background: #304153;\n  }\n"])));
-var AudioMute = (0, _styledComponents["default"])('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -20px;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #aaaaaa;\n  cursor: pointer;\n"])));
-var AudioMeter = /*#__PURE__*/function (_Component) {
+var RangeBlock = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  right: -12px;\n  height: 100%;\n  overflow: hidden;\n  .range {\n    color: #aaaaaa;\n    font-family: SFUIText-Medium;\n    text-align: right;\n    font-size: 8px;\n    box-sizing: border-box;\n  }\n"])));
+var MeterBlock = (0, _styledComponents["default"])('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  .track-block {\n    position: relative;\n    width: 15px;\n    height: 100%;\n    overflow: visible;\n    &.left-track,\n    &.right-track {\n      &:after {\n        position: absolute;\n        color: #aaaaaa;\n        bottom: -12px;\n        font-size: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-family: SFUIText-Regular;\n      }\n    }\n    &.left-track:after {\n      content: 'L';\n    }\n    &.right-track:after {\n      content: 'R';\n    }\n  }\n"])));
+var ColorMeter = (0, _styledComponents["default"])('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to top,\n    #00c8e7,\n    #00e6b9 57%,\n    #ff8d29 83%,\n    #f6462c\n  );\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  .stack-block {\n    height: 2px;\n    margin-bottom: 3px;\n    background: #000000;\n  }\n"])));
+var BlackMeter = (0, _styledComponents["default"])('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  background: #000000;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  height: 100%;\n  transition: all 0.25s ease-in-out;\n  -moz-transition: all 0.25s ease-in-out;\n  -webkit-transition: all 0.25s ease-in-out;\n  -ms-transition: all 0.25s ease-in-out;\n  -o-transition: all 0.25s ease-in-out;\n  .stack-block {\n    height: 2px;\n    margin-bottom: 3px;\n    background: #304153;\n  }\n"])));
+var AudioMute = (0, _styledComponents["default"])('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -20px;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #aaaaaa;\n  cursor: pointer;\n"])));
+var AudioMeter = exports["default"] = /*#__PURE__*/function (_Component) {
   _inherits(AudioMeter, _Component);
-  var _super = _createSuper(AudioMeter);
   function AudioMeter(props, context) {
     var _this;
     _classCallCheck(this, AudioMeter);
-    _this = _super.call(this, props, context);
+    _this = _callSuper(this, AudioMeter, [props, context]);
     _this.state = {
       stacksArr: [],
       rangeArray: [],
@@ -74,15 +72,10 @@ var AudioMeter = /*#__PURE__*/function (_Component) {
   _createClass(AudioMeter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props = this.props,
-        hasStarted = _this$props.hasStarted,
-        height = _this$props.height;
-      if (hasStarted) {
+      var player = this.props.player;
+      if (player.hasStarted) {
         this.initializeMeter();
       }
-      if (height) {
-        this.getNoOfStacks();
-      }
     }
   }, {
     key: "componentWillUnmount",
@@ -262,9 +255,9 @@ var AudioMeter = /*#__PURE__*/function (_Component) {
       splitter.connect(this.gainL, 0);
       splitter.connect(this.gainR, 1);
 
-      /*
-       *Connect Left and Right Nodes to the output
-       *Assuming stereo as initial status
+      /*
+       *Connect Left and Right Nodes to the output
+       *Assuming stereo as initial status
        */
       this.gainL.connect(this.merger, 0, 0);
       this.gainR.connect(this.merger, 0, 1);
@@ -275,13 +268,13 @@ var AudioMeter = /*#__PURE__*/function (_Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(newProps) {
-      var _this$props2 = this.props,
-        height = _this$props2.height,
-        hasStarted = _this$props2.hasStarted;
+      var _this$props = this.props,
+        height = _this$props.height,
+        player = _this$props.player;
       if (height && height !== newProps.height) {
         this.getNoOfStacks();
       }
-      if (hasStarted !== newProps.hasStarted && newProps.hasStarted) {
+      if (player.hasStarted !== newProps.player.hasStarted && newProps.player.hasStarted) {
         this.initializeMeter();
       }
     }
@@ -297,85 +290,79 @@ var AudioMeter = /*#__PURE__*/function (_Component) {
         rangeArray = _this$state.rangeArray,
         unitBlockHeight = _this$state.unitBlockHeight,
         audioPan = _this$state.audioPan;
-      console.log('stackArray', stacksArr);
-      return (
-        /*#__PURE__*/
-        // <AudioMeterBlock id="audio-meter-block">
-        _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(RangeBlock, null, rangeArray.map(function (range) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            key: 'range' + range,
-            style: {
-              height: unitBlockHeight + 'px'
-            },
-            className: "range"
-          }, range);
-        })), /*#__PURE__*/_react["default"].createElement(MeterBlock, {
-          ref: function ref(meterBlockRef) {
-            _this2._meterBlockRef = meterBlockRef;
-          }
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: "track-block left-track"
-        }, /*#__PURE__*/_react["default"].createElement(ColorMeter, null, stacksArr.map(function (num) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            className: "stack-block",
-            key: num
-          });
-        })), /*#__PURE__*/_react["default"].createElement(BlackMeter, {
-          id: "channel-0"
-        }, stacksArr.map(function (num) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            className: "stack-block",
-            key: num
-          });
-        })), /*#__PURE__*/_react["default"].createElement(AudioMute, {
-          onClick: function onClick() {
-            _this2.muteAudio('left');
-          }
-        }, audioPan.left ? /*#__PURE__*/_react["default"].createElement(_components.Icon, {
-          name: "volume",
-          width: 14,
-          height: 14,
-          color: "#aaaaaa"
-        }) : /*#__PURE__*/_react["default"].createElement(_components.Icon, {
-          name: "mute",
-          width: 14,
-          height: 14,
-          color: "#aaaaaa"
-        }))), /*#__PURE__*/_react["default"].createElement("div", {
-          className: "track-block right-track"
-        }, /*#__PURE__*/_react["default"].createElement(ColorMeter, null, stacksArr.map(function (num) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            className: "stack-block",
-            key: num
-          });
-        })), /*#__PURE__*/_react["default"].createElement(BlackMeter, {
-          id: "channel-1"
-        }, stacksArr.map(function (num) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            className: "stack-block",
-            key: num
-          });
-        })), /*#__PURE__*/_react["default"].createElement(AudioMute, {
-          onClick: function onClick() {
-            _this2.muteAudio('right');
-          }
-        }, audioPan.right ? /*#__PURE__*/_react["default"].createElement(_components.Icon, {
-          name: "volume",
-          width: 14,
-          height: 14,
-          color: "#aaaaaa"
-        }) : /*#__PURE__*/_react["default"].createElement(_components.Icon, {
-          name: "mute",
-          width: 14,
-          height: 14,
-          color: "#aaaaaa"
-        })))))
-      );
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(RangeBlock, null, rangeArray.map(function (range) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: 'range' + range,
+          style: {
+            height: unitBlockHeight + 'px'
+          },
+          className: "range"
+        }, range);
+      })), /*#__PURE__*/_react["default"].createElement(MeterBlock, {
+        ref: function ref(meterBlockRef) {
+          _this2._meterBlockRef = meterBlockRef;
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "track-block left-track"
+      }, /*#__PURE__*/_react["default"].createElement(ColorMeter, null, stacksArr.map(function (num) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "stack-block",
+          key: num
+        });
+      })), /*#__PURE__*/_react["default"].createElement(BlackMeter, {
+        id: "channel-0"
+      }, stacksArr.map(function (num) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "stack-block",
+          key: num
+        });
+      })), /*#__PURE__*/_react["default"].createElement(AudioMute, {
+        onClick: function onClick() {
+          _this2.muteAudio('left');
+        }
+      }, audioPan.left ? /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+        name: "volume",
+        width: 14,
+        height: 14,
+        color: "#aaaaaa"
+      }) : /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+        name: "mute",
+        width: 14,
+        height: 14,
+        color: "#aaaaaa"
+      }))), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "track-block right-track"
+      }, /*#__PURE__*/_react["default"].createElement(ColorMeter, null, stacksArr.map(function (num) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "stack-block",
+          key: num
+        });
+      })), /*#__PURE__*/_react["default"].createElement(BlackMeter, {
+        id: "channel-1"
+      }, stacksArr.map(function (num) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "stack-block",
+          key: num
+        });
+      })), /*#__PURE__*/_react["default"].createElement(AudioMute, {
+        onClick: function onClick() {
+          _this2.muteAudio('right');
+        }
+      }, audioPan.right ? /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+        name: "volume",
+        width: 14,
+        height: 14,
+        color: "#aaaaaa"
+      }) : /*#__PURE__*/_react["default"].createElement(_components.Icon, {
+        name: "mute",
+        width: 14,
+        height: 14,
+        color: "#aaaaaa"
+      })))));
     }
   }]);
   return AudioMeter;
 }(_react.Component);
-exports["default"] = AudioMeter;
 AudioMeter.propTypes = propTypes;
 AudioMeter.defaultProps = defaultProps;
 AudioMeter.displayName = 'AudioMeter';

package/components/BigPlayButton.js

@@ -0,0 +1,84 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = require("prop-types");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _components = require("@desynova-digital/components");
+var _colors = _interopRequireDefault(require("../colors"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var propTypes = {
+  actions: _propTypes.PropTypes.instanceOf(Object),
+  player: _propTypes.PropTypes.instanceOf(Object)
+};
+var defaultProps = {
+  actions: {},
+  player: {}
+};
+var PlayButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 100px;\n  height: 100px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border: none;\n  z-index:1;\n  &:hover,\n  &:focus {\n    background: ", ";\n  }\n"])), function (props) {
+  return _colors["default"].common.video[props.assetType].buttonGradient;
+}, function (props) {
+  return _colors["default"].common.video[props.assetType].buttonGradient;
+});
+var BigPlayButton = exports["default"] = /*#__PURE__*/function (_Component) {
+  _inherits(BigPlayButton, _Component);
+  function BigPlayButton(props, context) {
+    var _this;
+    _classCallCheck(this, BigPlayButton);
+    _this = _callSuper(this, BigPlayButton, [props, context]);
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(BigPlayButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {}
+  }, {
+    key: "handleClick",
+    value: function handleClick() {
+      var actions = this.props.actions;
+      actions.play();
+      actions.handleVideoRewind(false);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var player = this.props.player;
+      return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, !player.hasStarted || !player.currentSrc || player.paused && !player.rewindActive ? /*#__PURE__*/_react["default"].createElement(PlayButton, _extends({
+        display: "rounded",
+        appearance: "cta",
+        icon: "play",
+        iconWidth: 20,
+        iconHeight: 26,
+        width: 100,
+        height: 100,
+        tabIndex: "0",
+        onClick: this.handleClick
+      }, this.props)) : null);
+    }
+  }]);
+  return BigPlayButton;
+}(_react.Component);
+BigPlayButton.propTypes = propTypes;
+BigPlayButton.defaultProps = defaultProps;
+BigPlayButton.displayName = 'BigPlayButton';