@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/cjs/viewers/image/interactive-img.js

@@ -1,75 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InteractiveImgComponent = exports.InteractiveImg = void 0;
 exports.zoomLevelAfterResize = zoomLevelAfterResize;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _mediaCommon = require("@atlaskit/media-common");
-
 var _constants = require("@atlaskit/media-client/constants");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _vidHdCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-hd-circle"));
-
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _styleWrappers = require("../../styleWrappers");
-
 var _zoomLevel = require("../../domain/zoomLevel");
-
 var _closeOnDirectClick = require("../../utils/closeOnDirectClick");
-
 var _zoomControls = require("../../zoomControls");
-
 var _closed = require("../../analytics/events/ui/closed");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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 zoomLevelAfterResize(newCamera, oldCamera, oldZoomLevel) {
   var isImgScaledToFit = oldZoomLevel.value === oldCamera.scaleDownToFit;
   var zoomLevelToRefit = new _zoomLevel.ZoomLevel(newCamera.scaleDownToFit);
   return isImgScaledToFit ? zoomLevelToRefit : oldZoomLevel;
 }
-
 var clientRectangle = function clientRectangle(el) {
   var clientWidth = el.clientWidth,
-      clientHeight = el.clientHeight;
+    clientHeight = el.clientHeight;
   return new _mediaUi.Rectangle(clientWidth, clientHeight);
 };
-
 var naturalSizeRectangle = function naturalSizeRectangle(el) {
   var naturalWidth = el.naturalWidth,
-      naturalHeight = el.naturalHeight;
+    naturalHeight = el.naturalHeight;
   return new _mediaUi.Rectangle(naturalWidth, naturalHeight);
 };
-
 var initialState = {
   zoomLevel: new _zoomLevel.ZoomLevel(1),
   isHDActive: false,
@@ -79,21 +52,15 @@ var initialState = {
   cursorPos: new _mediaUi.Vector2(0, 0),
   hasBeenLoadedOnce: false
 };
-
 var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(InteractiveImgComponent, _React$Component);
-
   var _super = _createSuper(InteractiveImgComponent);
-
   function InteractiveImgComponent() {
     var _this;
-
     (0, _classCallCheck2.default)(this, InteractiveImgComponent);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", initialState);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "saveWrapperRef", function (ref) {
@@ -101,37 +68,32 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageClicked", function (e) {
       var _this$props = _this.props,
-          onClose = _this$props.onClose,
-          onBlanketClicked = _this$props.onBlanketClicked;
-
+        onClose = _this$props.onClose,
+        onBlanketClicked = _this$props.onBlanketClicked;
       if (e.target === e.currentTarget && onBlanketClicked) {
         onBlanketClicked();
       }
-
       (0, _closeOnDirectClick.closeOnDirectClick)(onClose)(e);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImgLoad", function (ev) {
       var _this$props2 = _this.props,
-          onLoad = _this$props2.onLoad,
-          originalBinaryImageSrc = _this$props2.originalBinaryImageSrc;
+        onLoad = _this$props2.onLoad,
+        originalBinaryImageSrc = _this$props2.originalBinaryImageSrc;
       var _this$state = _this.state,
-          hasBeenLoadedOnce = _this$state.hasBeenLoadedOnce,
-          oldZoomLevel = _this$state.zoomLevel,
-          currentCamera = _this$state.camera;
+        hasBeenLoadedOnce = _this$state.hasBeenLoadedOnce,
+        oldZoomLevel = _this$state.zoomLevel,
+        currentCamera = _this$state.camera;
       var _this$state2 = _this.state,
-          isHDActivating = _this$state2.isHDActivating,
-          isHDAvailable = _this$state2.isHDAvailable,
-          isHDActive = _this$state2.isHDActive;
-
+        isHDActivating = _this$state2.isHDActivating,
+        isHDAvailable = _this$state2.isHDAvailable,
+        isHDActive = _this$state2.isHDActive;
       if (!_this.wrapper) {
         return;
       }
-
       var viewport = clientRectangle(_this.wrapper);
       var originalImgRect = naturalSizeRectangle(ev.currentTarget);
       var camera = new _mediaUi.Camera(viewport, originalImgRect);
       var newZoomLevel;
-
       if (hasBeenLoadedOnce && currentCamera) {
         /* This is not first time image is loading. Likely due to new (HD) image is loaded.
          * In order to keep new image on the same perceived zoom level we need to scale.
@@ -145,19 +107,19 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
         newZoomLevel = new _zoomLevel.ZoomLevel(previousImageWidth / newImageWidth * oldZoomLevel.value);
         isHDActivating = false;
       } else {
-        newZoomLevel = new _zoomLevel.ZoomLevel(camera.scaleDownToFit); // If initial (non-HD) image is equal to MAX resolution -
-        // this means most likely original image had higher res (because non-HD is downsized and caped off with MAX res)
+        newZoomLevel = new _zoomLevel.ZoomLevel(camera.scaleDownToFit);
 
-        isHDAvailable = !!originalBinaryImageSrc && (originalImgRect.width === _constants.MAX_RESOLUTION || originalImgRect.height === _constants.MAX_RESOLUTION); // Automatically activate HD on first load if zoom level is already 100% or bigger
+        // If initial (non-HD) image is equal to MAX resolution -
+        // this means most likely original image had higher res (because non-HD is downsized and caped off with MAX res)
+        isHDAvailable = !!originalBinaryImageSrc && (originalImgRect.width === _constants.MAX_RESOLUTION || originalImgRect.height === _constants.MAX_RESOLUTION);
 
+        // Automatically activate HD on first load if zoom level is already 100% or bigger
         isHDActive = newZoomLevel.value >= 1;
-
         if (onLoad) {
           // Call onLoad only once on initial image render
           onLoad();
         }
       }
-
       _this.setState({
         camera: camera,
         zoomLevel: newZoomLevel,
@@ -169,16 +131,13 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResize", function () {
       var camera = _this.state.camera;
-
       if (!_this.wrapper || !camera) {
         return;
       }
-
       var oldZoomLevel = _this.state.zoomLevel;
       var newViewport = clientRectangle(_this.wrapper);
       var newCamera = camera.resizedViewport(newViewport);
       var newZoomLevel = zoomLevelAfterResize(newCamera, camera, oldZoomLevel);
-
       _this.setState({
         camera: newCamera,
         zoomLevel: newZoomLevel
@@ -186,40 +145,34 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onZoomChange", function (nextZoomLevel) {
       var camera = _this.state.camera;
-
       var _assertThisInitialize = (0, _assertThisInitialized2.default)(_this),
-          wrapper = _assertThisInitialize.wrapper;
-
+        wrapper = _assertThisInitialize.wrapper;
       if (!wrapper || !camera) {
         return;
       }
-
       var scrollLeft = wrapper.scrollLeft,
-          scrollTop = wrapper.scrollTop;
+        scrollTop = wrapper.scrollTop;
       var prevOffset = new _mediaUi.Vector2(scrollLeft, scrollTop);
       var _this$state3 = _this.state,
-          prevZoomLevel = _this$state3.zoomLevel,
-          prevIsHDActive = _this$state3.isHDActive,
-          prevIsHDActivating = _this$state3.isHDActivating;
+        prevZoomLevel = _this$state3.zoomLevel,
+        prevIsHDActive = _this$state3.isHDActive,
+        prevIsHDActivating = _this$state3.isHDActivating;
       var isHDActive = prevIsHDActive || nextZoomLevel.value >= 1;
       var isHDActivating = prevIsHDActivating || !prevIsHDActive && isHDActive;
-
       _this.setState({
         zoomLevel: nextZoomLevel,
         isHDActive: isHDActive,
         isHDActivating: isHDActivating
       }, function () {
         var _camera$scaledOffset = camera.scaledOffset(prevOffset, prevZoomLevel.value, nextZoomLevel.value),
-            x = _camera$scaledOffset.x,
-            y = _camera$scaledOffset.y;
-
+          x = _camera$scaledOffset.x,
+          y = _camera$scaledOffset.y;
         wrapper.scrollLeft = x;
         wrapper.scrollTop = y;
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startDragging", function (ev) {
       ev.preventDefault();
-
       _this.setState({
         isDragging: true,
         cursorPos: new _mediaUi.Vector2(ev.screenX, ev.screenY)
@@ -227,7 +180,6 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "stopDragging", function (ev) {
       ev.preventDefault();
-
       _this.setState({
         isDragging: false
       });
@@ -235,20 +187,16 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "panImage", function (ev) {
       if (_this.state.isDragging && _this.wrapper) {
         var cursorPos = new _mediaUi.Vector2(ev.screenX, ev.screenY);
-
         var delta = _this.state.cursorPos.sub(cursorPos);
-
         _this.setState({
           cursorPos: cursorPos
         });
-
         _this.wrapper.scrollLeft += delta.x;
         _this.wrapper.scrollTop += delta.y;
       }
     });
     return _this;
   }
-
   (0, _createClass2.default)(InteractiveImgComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -268,17 +216,15 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     key: "renderHDIndicator",
     value: function renderHDIndicator() {
       var _this$state4 = this.state,
-          isHDActivating = _this$state4.isHDActivating,
-          isHDAvailable = _this$state4.isHDAvailable,
-          isHDActive = _this$state4.isHDActive;
-
+        isHDActivating = _this$state4.isHDActivating,
+        isHDAvailable = _this$state4.isHDAvailable,
+        isHDActive = _this$state4.isHDActive;
       if (!isHDAvailable) {
         return null;
-      } // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-
-
-      var hdPrimaryColor = isHDActivating ? _colors.B75 : isHDActive ? _colors.B200 : _colors.DN400; // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-
+      }
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+      var hdPrimaryColor = isHDActivating ? _colors.B75 : isHDActive ? _colors.B200 : _colors.DN400;
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       var hdSecondaryColor = isHDActive && !isHDActivating ? _colors.N0 : _colors.DN60;
       var testId = isHDActivating ? 'hd-activating' : isHDActive ? 'hd-active' : 'hd-inactive';
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.HDIconGroupWrapper, {
@@ -296,35 +242,33 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          src = _this$props3.src,
-          originalBinaryImageSrc = _this$props3.originalBinaryImageSrc,
-          orientation = _this$props3.orientation,
-          onError = _this$props3.onError;
+        src = _this$props3.src,
+        originalBinaryImageSrc = _this$props3.originalBinaryImageSrc,
+        orientation = _this$props3.orientation,
+        onError = _this$props3.onError;
       var _this$state5 = this.state,
-          zoomLevel = _this$state5.zoomLevel,
-          isHDAvailable = _this$state5.isHDAvailable,
-          isHDActive = _this$state5.isHDActive,
-          camera = _this$state5.camera,
-          isDragging = _this$state5.isDragging;
-      var canDrag = camera && zoomLevel.value > camera.scaleToFit || false; // We use style attr instead of SC prop for perf reasons
+        zoomLevel = _this$state5.zoomLevel,
+        isHDAvailable = _this$state5.isHDAvailable,
+        isHDActive = _this$state5.isHDActive,
+        camera = _this$state5.camera,
+        isDragging = _this$state5.isDragging;
+      var canDrag = camera && zoomLevel.value > camera.scaleToFit || false;
+      // We use style attr instead of SC prop for perf reasons
       // @ts-ignore
-
       var imgStyle = camera && camera.scaledImg(zoomLevel.value) || {
         visibility: 'hidden'
-      }; // When image loads it does two things at the same time 1) it renders itself in the browser 2) triggers onLoad
+      };
+      // When image loads it does two things at the same time 1) it renders itself in the browser 2) triggers onLoad
       // visibility: 'hidden' is here to prevent image rendering on the screen (with 100%) before next
       // react re-render when we have `camera` and can control it's zoom level.
       // overflow: 'hidden' is here to prevent scroll going wild while image is rendered in visibility: 'hidden'
       // We can't use display: none or not render image, because we do need `onLoad` to trigger and read it's dimensions
-
       var wrapperStyleOverride = camera ? {} : {
         overflow: 'hidden'
       };
-
       if (orientation) {
         imgStyle.transform = (0, _mediaUi.getCssFromImageOrientation)(orientation);
       }
-
       var srcToDisplay = isHDAvailable && isHDActive && originalBinaryImageSrc ? originalBinaryImageSrc : src;
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ImageWrapper, {
         "data-testid": "media-viewer-image-content",
@@ -351,7 +295,6 @@ var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return InteractiveImgComponent;
 }(_react.default.Component);
-
 exports.InteractiveImgComponent = InteractiveImgComponent;
 var InteractiveImg = (0, _analyticsNext.withAnalyticsEvents)({
   onBlanketClicked: function onBlanketClicked(createAnalyticsEvent) {

package/dist/cjs/viewers/useThemeObserverHoc.js

@@ -1,26 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tokens = require("@atlaskit/tokens");
-
 var withThemeObserverHOC = function withThemeObserverHOC(Component) {
   return function (props) {
-    var theme = (0, _tokens.useThemeObserver)();
+    var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+      theme = _useThemeObserver.colorMode;
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       theme: theme
     }, props));
   };
 };
-
 var _default = withThemeObserverHOC;
 exports.default = _default;

package/dist/cjs/viewers/video.js

@@ -1,92 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VideoViewer = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _domain = require("../domain");
-
 var _errors = require("../errors");
-
 var _styleWrappers = require("../styleWrappers");
-
 var _isIE = require("../utils/isIE");
-
 var _baseViewer = require("./base-viewer");
-
 var _getObjectUrlFromFileState = require("../utils/getObjectUrlFromFileState");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var sdArtifact = 'video_640.mp4';
 var hdArtifact = 'video_1280.mp4';
 var localStorageKeyName = 'mv_video_player_quality';
-
 var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
   (0, _inherits2.default)(VideoViewer, _BaseViewer);
-
   var _super = _createSuper(VideoViewer);
-
   function VideoViewer() {
     var _this;
-
     (0, _classCallCheck2.default)(this, VideoViewer);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onHDChange", function () {
       var isHDActive = !_this.state.isHDActive;
       var preferredQuality = isHDActive ? 'hd' : 'sd';
       localStorage.setItem(localStorageKeyName, preferredQuality);
-
       _this.setState({
         isHDActive: isHDActive
       });
-
       _this.init(isHDActive);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFirstPlay", function () {
       var _this$props = _this.props,
-          item = _this$props.item,
-          onCanPlay = _this$props.onCanPlay;
-
+        item = _this$props.item,
+        onCanPlay = _this$props.onCanPlay;
       _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
         fileId: item.id,
         viewingLevel: 'full'
       });
-
       onCanPlay && onCanPlay();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onError", function () {
@@ -95,7 +63,6 @@ var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(VideoViewer, [{
     key: "initialState",
     get: function get() {
@@ -111,9 +78,9 @@ var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     value: function renderSuccessful(content) {
       var isHDActive = this.state.isHDActive;
       var _this$props2 = this.props,
-          item = _this$props2.item,
-          showControls = _this$props2.showControls,
-          previewCount = _this$props2.previewCount;
+        item = _this$props2.item,
+        showControls = _this$props2.showControls,
+        previewCount = _this$props2.previewCount;
       var useCustomVideoPlayer = !(0, _isIE.isIE)();
       var isAutoPlay = previewCount === 0;
       return useCustomVideoPlayer ? /*#__PURE__*/_react.default.createElement(_styleWrappers.CustomVideoPlayerWrapper, {
@@ -144,14 +111,13 @@ var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var isHDActive,
-            _this$props3,
-            mediaClient,
-            item,
-            collectionName,
-            contentUrl,
-            preferHd,
-            _args = arguments;
-
+          _this$props3,
+          mediaClient,
+          item,
+          collectionName,
+          contentUrl,
+          preferHd,
+          _args = arguments;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -159,61 +125,48 @@ var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
                 isHDActive = _args.length > 0 && _args[0] !== undefined ? _args[0] : this.state.isHDActive;
                 _this$props3 = this.props, mediaClient = _this$props3.mediaClient, item = _this$props3.item, collectionName = _this$props3.collectionName;
                 _context.prev = 2;
-
                 if (!(item.status === 'processed')) {
                   _context.next = 12;
                   break;
                 }
-
                 preferHd = isHDActive && isHDAvailable(item);
                 _context.next = 7;
                 return mediaClient.file.getArtifactURL(item.artifacts, preferHd ? hdArtifact : sdArtifact, collectionName);
-
               case 7:
                 contentUrl = _context.sent;
-
                 if (contentUrl) {
                   _context.next = 10;
                   break;
                 }
-
                 throw new _errors.MediaViewerError("videoviewer-missing-artefact");
-
               case 10:
                 _context.next = 18;
                 break;
-
               case 12:
                 _context.next = 14;
                 return (0, _getObjectUrlFromFileState.getObjectUrlFromFileState)(item);
-
               case 14:
                 contentUrl = _context.sent;
-
                 if (contentUrl) {
                   _context.next = 18;
                   break;
                 }
-
                 this.setState({
                   content: _domain.Outcome.pending()
                 });
                 return _context.abrupt("return");
-
               case 18:
                 this.setState({
                   content: _domain.Outcome.successful(contentUrl)
                 });
                 _context.next = 24;
                 break;
-
               case 21:
                 _context.prev = 21;
                 _context.t0 = _context["catch"](2);
                 this.setState({
                   content: _domain.Outcome.failed(new _errors.MediaViewerError('videoviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined))
                 });
-
               case 24:
               case "end":
                 return _context.stop();
@@ -221,11 +174,9 @@ var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
           }
         }, _callee, this, [[2, 21]]);
       }));
-
       function init() {
         return _init.apply(this, arguments);
       }
-
       return init;
     }()
   }, {
@@ -234,13 +185,10 @@ var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
   }]);
   return VideoViewer;
 }(_baseViewer.BaseViewer);
-
 exports.VideoViewer = VideoViewer;
-
 function isHDAvailable(file) {
   if (file.status !== 'processed') {
     return false;
   }
-
   return !!(0, _mediaClient.getArtifactUrl)(file.artifacts, hdArtifact);
 }