@desynova-digital/player 3.9.7 → 3.9.9

package/components/BigPlayButton.js

@@ -1,110 +1,86 @@
-'use strict';
+"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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _extends = Object.assign || 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; };
-
-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 _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _components = require('@desynova-digital/components');
-
-var _colors = require('../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+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; // import { colors } from '@desynova-digital/tokens';
+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 _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 _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; }
-// import { colors } from '@desynova-digital/tokens';
-
-
+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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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, _styledComponents2.default)(_components.Button).withConfig({
-  displayName: 'BigPlayButton__PlayButton',
-  componentId: 'sc-o6dg96-0'
-})(['background:', ';width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;z-index:1;&:hover,&:focus{background:', ';}'], function (props) {
-  return _colors2.default.common.video[props.assetType].buttonGradient;
+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 _colors2.default.common.video[props.assetType].buttonGradient;
+  return _colors["default"].common.video[props.assetType].buttonGradient;
 });
-
-var BigPlayButton = function (_Component) {
+var BigPlayButton = /*#__PURE__*/function (_Component) {
   _inherits(BigPlayButton, _Component);
-
+  var _super = _createSuper(BigPlayButton);
   function BigPlayButton(props, context) {
+    var _this;
     _classCallCheck(this, BigPlayButton);
-
-    var _this = _possibleConstructorReturn(this, (BigPlayButton.__proto__ || Object.getPrototypeOf(BigPlayButton)).call(this, props, context));
-
-    _this.handleClick = _this.handleClick.bind(_this);
+    _this = _super.call(this, props, context);
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(BigPlayButton, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {}
   }, {
-    key: 'handleClick',
+    key: "handleClick",
     value: function handleClick() {
       var actions = this.props.actions;
-
       actions.play();
       actions.handleVideoRewind(false);
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var player = this.props.player;
-
-      return _react2.default.createElement(
-        _react.Fragment,
-        null,
-        !player.hasStarted || !player.currentSrc || player.paused && !player.rewindActive ? _react2.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 /*#__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);
-
-exports.default = BigPlayButton;
-
-
+exports["default"] = BigPlayButton;
 BigPlayButton.propTypes = propTypes;
 BigPlayButton.defaultProps = defaultProps;
 BigPlayButton.displayName = 'BigPlayButton';

package/components/ImageViewer.js

@@ -1,36 +1,36 @@
-'use strict';
+"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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _extends = Object.assign || 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; };
-
-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);
-
-var _propTypes = require('prop-types');
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _CommentsButton = require('./control-bar/CommentsButton');
-
-var _CommentsButton2 = _interopRequireDefault(_CommentsButton);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _CommentsButton = _interopRequireDefault(require("./control-bar/CommentsButton"));
+var _templateObject, _templateObject2, _templateObject3;
+/* eslint-disable linebreak-style */
+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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; } /* eslint-disable linebreak-style */
-
-
+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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 /*
  * import { colors } from '@desynova-digital/tokens';
  * import colors from '../colors';
@@ -39,30 +39,16 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var propTypes = {
   src: _propTypes.PropTypes.string
 };
-
-var ImageContainer = (0, _styledComponents2.default)('div').withConfig({
-  displayName: 'ImageViewer__ImageContainer',
-  componentId: 'sc-5q95u9-0'
-})(['position:relative;overflow:hidden;']);
-
-var ImageBlock = (0, _styledComponents2.default)('div').withConfig({
-  displayName: 'ImageViewer__ImageBlock',
-  componentId: 'sc-5q95u9-1'
-})(['position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:calc(100% - 50px);img{position:relative;transition:all 350ms ease-in-out;&.moving{transition:none;}}']);
-
-var ImageControls = (0, _styledComponents2.default)('div').withConfig({
-  displayName: 'ImageViewer__ImageControls',
-  componentId: 'sc-5q95u9-2'
-})(['position:relative;height:50px;background:#000;display:flex;justify-content:flex-start;align-items:center;padding:0 20px;.zoom-in,.zoom-out{width:20px;height:20px;position:relative;cursor:pointer;&:after{content:\'\';position:absolute;width:14px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background:#afb2ba;}}.zoom-in{&:before{content:\'\';position:absolute;width:2px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%);background:#afb2ba;}}.percent{font-size:14px;font-family:SFUIText-Regular;color:#fff;margin:0 15px;}']);
-
-var ImageViewer = function (_Component) {
+var ImageContainer = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  overflow: hidden;\n"])));
+var ImageBlock = (0, _styledComponents["default"])('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: calc(100% - 50px);\n  img {\n    position: relative;\n    transition: all 350ms ease-in-out;\n    &.moving {\n      transition: none;\n    }\n  }\n"])));
+var ImageControls = (0, _styledComponents["default"])('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  height: 50px;\n  background: #000;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 0 20px;\n  .zoom-in, .zoom-out {\n    width: 20px;\n    height: 20px;\n    position: relative;\n    cursor: pointer;\n    &:after {\n      content: '';\n      position: absolute;\n      width: 14px;\n      height: 2px;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: #afb2ba;\n    }\n  }\n  .zoom-in {\n    &:before {\n      content: '';\n      position: absolute;\n      width: 2px;\n      height: 14px;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: #afb2ba;\n    }\n  }\n  .percent {\n    font-size: 14px;\n    font-family: SFUIText-Regular;\n    color: #fff;\n    margin: 0 15px;\n  }\n"])));
+var ImageViewer = /*#__PURE__*/function (_Component) {
   _inherits(ImageViewer, _Component);
-
+  var _super = _createSuper(ImageViewer);
   function ImageViewer(props) {
+    var _this;
     _classCallCheck(this, ImageViewer);
-
-    var _this = _possibleConstructorReturn(this, (ImageViewer.__proto__ || Object.getPrototypeOf(ImageViewer)).call(this, props));
-
+    _this = _super.call(this, props);
     _this.state = {
       minWidth: 0,
       minHeight: 0,
@@ -78,15 +64,13 @@ var ImageViewer = function (_Component) {
     _this.initialY;
     _this.xOffset = 0;
     _this.yOffset = 0;
-
     return _this;
   }
-
   _createClass(ImageViewer, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {}
   }, {
-    key: 'onMouseDown',
+    key: "onMouseDown",
     value: function onMouseDown() {
       this.initialX = event.offsetX;
       this.initialY = event.offsetY;
@@ -95,24 +79,22 @@ var ImageViewer = function (_Component) {
       });
     }
   }, {
-    key: 'onMouseUp',
+    key: "onMouseUp",
     value: function onMouseUp() {
       this.setState({
         moving: false
       });
     }
   }, {
-    key: 'onMouseMove',
+    key: "onMouseMove",
     value: function onMouseMove() {
-      var _state = this.state,
-          moving = _state.moving,
-          draggable = _state.draggable,
-          currentWidth = _state.currentWidth,
-          currentHeight = _state.currentHeight,
-          imageTop = _state.imageTop,
-          imageLeft = _state.imageLeft;
-
-
+      var _this$state = this.state,
+        moving = _this$state.moving,
+        draggable = _this$state.draggable,
+        currentWidth = _this$state.currentWidth,
+        currentHeight = _this$state.currentHeight,
+        imageTop = _this$state.imageTop,
+        imageLeft = _this$state.imageLeft;
       if (moving && draggable) {
         this.currentX = event.offsetX - this.initialX;
         this.currentY = event.offsetY - this.initialY;
@@ -145,12 +127,11 @@ var ImageViewer = function (_Component) {
       }
     }
   }, {
-    key: 'handleImageLoaded',
+    key: "handleImageLoaded",
     value: function handleImageLoaded() {
       var percentage = Math.round(this.imageRef.offsetHeight / this.imageRef.naturalHeight * 100);
       var imageLeft = (this.imageBlock.offsetWidth - this.imageRef.offsetWidth) / 2;
       var imageTop = (this.imageBlock.offsetHeight - this.imageRef.offsetHeight) / 2;
-
       this.setState({
         minWidth: this.imageRef.offsetWidth,
         minHeight: this.imageRef.offsetHeight,
@@ -164,13 +145,12 @@ var ImageViewer = function (_Component) {
       });
     }
   }, {
-    key: 'zoomIn',
+    key: "zoomIn",
     value: function zoomIn() {
-      var _state2 = this.state,
-          maxWidth = _state2.maxWidth,
-          maxHeight = _state2.maxHeight,
-          percentage = _state2.percentage;
-
+      var _this$state2 = this.state,
+        maxWidth = _this$state2.maxWidth,
+        maxHeight = _this$state2.maxHeight,
+        percentage = _this$state2.percentage;
       if (percentage < 100) {
         var newPercentage = Math.round(percentage / 10) * 10 + 10;
         newPercentage = newPercentage > 100 ? 100 : newPercentage;
@@ -189,14 +169,13 @@ var ImageViewer = function (_Component) {
       }
     }
   }, {
-    key: 'zoomOut',
+    key: "zoomOut",
     value: function zoomOut() {
-      var _state3 = this.state,
-          minWidth = _state3.minWidth,
-          maxWidth = _state3.maxWidth,
-          maxHeight = _state3.maxHeight,
-          percentage = _state3.percentage;
-
+      var _this$state3 = this.state,
+        minWidth = _this$state3.minWidth,
+        maxWidth = _this$state3.maxWidth,
+        maxHeight = _this$state3.maxHeight,
+        percentage = _this$state3.percentage;
       if (percentage) {
         var minPercent = Math.round(minWidth / maxWidth * 100);
         var newPercentage = Math.round(percentage / 10) * 10 - 10;
@@ -214,7 +193,7 @@ var ImageViewer = function (_Component) {
           imageTop: imageTop
         };
         if (minPercent === newPercentage) {
-          stateObj = _extends({}, stateObj, {
+          stateObj = _objectSpread(_objectSpread({}, stateObj), {}, {
             draggable: false
           });
         }
@@ -222,97 +201,73 @@ var ImageViewer = function (_Component) {
       }
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this2 = this;
-
-      var _state4 = this.state,
-          minWidth = _state4.minWidth,
-          minHeight = _state4.minHeight,
-          maxWidth = _state4.maxWidth,
-          maxHeight = _state4.maxHeight,
-          currentWidth = _state4.currentWidth,
-          currentHeight = _state4.currentHeight,
-          percentage = _state4.percentage,
-          imageTop = _state4.imageTop,
-          imageLeft = _state4.imageLeft,
-          draggable = _state4.draggable,
-          moving = _state4.moving;
+      var _this$state4 = this.state,
+        minWidth = _this$state4.minWidth,
+        minHeight = _this$state4.minHeight,
+        maxWidth = _this$state4.maxWidth,
+        maxHeight = _this$state4.maxHeight,
+        currentWidth = _this$state4.currentWidth,
+        currentHeight = _this$state4.currentHeight,
+        percentage = _this$state4.percentage,
+        imageTop = _this$state4.imageTop,
+        imageLeft = _this$state4.imageLeft,
+        draggable = _this$state4.draggable,
+        moving = _this$state4.moving;
       var src = this.props.src;
-
-      return _react2.default.createElement(
-        ImageContainer,
-        null,
-        _react2.default.createElement(
-          ImageBlock,
-          {
-            ref: function ref(imageBlock) {
-              return _this2.imageBlock = imageBlock;
-            }
-          },
-          _react2.default.createElement('img', {
-            role: 'presentation',
-            style: {
-              minWidth: minWidth,
-              minHeight: minHeight,
-              maxWidth: maxWidth,
-              maxHeight: maxHeight,
-              width: currentWidth,
-              height: currentHeight,
-              top: imageTop,
-              left: imageLeft,
-              cursor: draggable ? 'grab' : 'default'
-            },
-            draggable: false,
-            ref: function ref(imageRef) {
-              return _this2.imageRef = imageRef;
-            },
-            onLoad: this.handleImageLoaded.bind(this),
-            onMouseDown: this.onMouseDown.bind(this),
-            onMouseMove: this.onMouseMove.bind(this),
-            onMouseUp: this.onMouseUp.bind(this),
-            alt: 'WILD_magazine_Polar_bear_final_00635',
-            src: src,
-            className: moving ? 'moving' : ''
-            // src='https://www.nginx.com/wp-content/uploads/2015/04/nginx-plus-dashboard_R6.png'
-          })
-        ),
-        _react2.default.createElement(
-          ImageControls,
-          null,
-          _react2.default.createElement('p', {
-            className: 'zoom-in',
-            role: 'presentation',
-            onClick: function onClick() {
-              return _this2.zoomIn();
-            }
-          }),
-          _react2.default.createElement(
-            'p',
-            {
-              className: 'percent'
-            },
-            percentage,
-            '%'
-          ),
-          _react2.default.createElement('p', {
-            className: 'zoom-out',
-            role: 'presentation',
-            onClick: function onClick() {
-              return _this2.zoomOut();
-            }
-          }),
-          _react2.default.createElement(_CommentsButton2.default, _extends({}, this.props, { key: 'comments-button', order: 6.01 }))
-        )
-      );
+      return /*#__PURE__*/_react["default"].createElement(ImageContainer, null, /*#__PURE__*/_react["default"].createElement(ImageBlock, {
+        ref: function ref(imageBlock) {
+          return _this2.imageBlock = imageBlock;
+        }
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        role: "presentation",
+        style: {
+          minWidth: minWidth,
+          minHeight: minHeight,
+          maxWidth: maxWidth,
+          maxHeight: maxHeight,
+          width: currentWidth,
+          height: currentHeight,
+          top: imageTop,
+          left: imageLeft,
+          cursor: draggable ? 'grab' : 'default'
+        },
+        draggable: false,
+        ref: function ref(imageRef) {
+          return _this2.imageRef = imageRef;
+        },
+        onLoad: this.handleImageLoaded.bind(this),
+        onMouseDown: this.onMouseDown.bind(this),
+        onMouseMove: this.onMouseMove.bind(this),
+        onMouseUp: this.onMouseUp.bind(this),
+        alt: "WILD_magazine_Polar_bear_final_00635",
+        src: src,
+        className: moving ? 'moving' : ''
+        // src='https://www.nginx.com/wp-content/uploads/2015/04/nginx-plus-dashboard_R6.png'
+      })), /*#__PURE__*/_react["default"].createElement(ImageControls, null, /*#__PURE__*/_react["default"].createElement("p", {
+        className: "zoom-in",
+        role: "presentation",
+        onClick: function onClick() {
+          return _this2.zoomIn();
+        }
+      }), /*#__PURE__*/_react["default"].createElement("p", {
+        className: "percent"
+      }, percentage, "%"), /*#__PURE__*/_react["default"].createElement("p", {
+        className: "zoom-out",
+        role: "presentation",
+        onClick: function onClick() {
+          return _this2.zoomOut();
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_CommentsButton["default"], _extends({}, this.props, {
+        key: "comments-button",
+        order: 6.01
+      }))));
     }
   }]);
-
   return ImageViewer;
 }(_react.Component);
-
-exports.default = ImageViewer;
-
-
+exports["default"] = ImageViewer;
 ImageViewer.propTypes = propTypes;
 ImageViewer.displayName = 'ImageViewer';