@atlaskit/media-viewer 54.6.5 → 54.7.0

package/dist/cjs/viewers/codeViewer/index.js

@@ -20,7 +20,8 @@ var _errors = require("../../errors");
 var _loading = require("../../loading");
 var _baseViewer = require("../base-viewer");
 var _util = require("./util");
-var _codeViewer = require("@atlaskit/media-ui/codeViewer");
+var _getLanguageType = require("@atlaskit/media-ui/getLanguageType");
+var _getExtension = require("@atlaskit/media-ui/getExtension");
 var _msgParser = require("./msg-parser");
 var _CodeRendererAdvanced = require("./CodeRendererAdvanced/CodeRendererAdvanced");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -82,7 +83,7 @@ var CodeViewer = exports.CodeViewer = /*#__PURE__*/function (_BaseViewer) {
               });
             case 4:
               response = _context.sent;
-              ext = (0, _codeViewer.getExtension)(item.name); // Pass through EmailViewer logic
+              ext = (0, _getExtension.getExtension)(item.name); // Pass through EmailViewer logic
               if (!(ext === 'msg')) {
                 _context.next = 8;
                 break;
@@ -167,7 +168,7 @@ var CodeViewer = exports.CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "getCodeLanguage",
     value: function getCodeLanguage(item) {
       if (!(0, _mediaClient.isErrorFileState)(item)) {
-        return (0, _codeViewer.getLanguageType)(item.name, item.mimeType);
+        return (0, _getLanguageType.getLanguageType)(item.name, item.mimeType);
       }
       return _util.DEFAULT_LANGUAGE;
     }

package/dist/cjs/viewers/doc/passwordInput.js

@@ -19,7 +19,7 @@ var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locke
 var _form = _interopRequireDefault(require("@atlaskit/form/form"));
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _reactIntl = require("react-intl");
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
 var _primitives = require("@atlaskit/primitives");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
@@ -83,7 +83,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
     }, /*#__PURE__*/React.createElement(_heading.default, {
       as: "h1",
       size: "medium"
-    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_field.default, {
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_field.default, {
       name: "password",
       defaultValue: "",
       isRequired: true
@@ -93,8 +93,8 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
         xcss: inputStyle
       }, /*#__PURE__*/React.createElement(_textField.default, (0, _extends2.default)({}, fieldProps, {
         type: "password",
-        "aria-label": intl.formatMessage(_mediaUi.messages.password),
-        placeholder: intl.formatMessage(_mediaUi.messages.enter_password),
+        "aria-label": intl.formatMessage(_messages.messages.password),
+        placeholder: intl.formatMessage(_messages.messages.enter_password),
         ref: passwordInputRef,
         "aria-describedby": formError ? "".concat(fieldProps.id, "-error") : undefined,
         onChange: function onChange(value) {
@@ -113,13 +113,13 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
         className: (0, _runtime.ax)(["_19pkidpf _18u01b66"])
       }, /*#__PURE__*/React.createElement(_primitives.Text, {
         as: "p"
-      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.incorrect_password)))));
+      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.incorrect_password)))));
     }), /*#__PURE__*/React.createElement(_primitives.Box, {
       xcss: footerStyles
     }, /*#__PURE__*/React.createElement(_button.default, {
       appearance: "primary",
       type: "submit",
       isLoading: submitting
-    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.submit))));
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.submit))));
   });
 };

package/dist/cjs/viewers/image/index.js

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
-var _mediaUi = require("@atlaskit/media-ui");
+var _getOrientation = require("@atlaskit/media-ui/imageMetaData/getOrientation");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _domain = require("../../domain");
 var _errors = require("../../errors");
@@ -109,7 +109,7 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                 break;
               }
               _context.next = 8;
-              return (0, _mediaUi.getOrientation)(value);
+              return (0, _getOrientation.getOrientation)(value);
             case 8:
               orientation = _context.sent;
               objectUrl = URL.createObjectURL(value);

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

@@ -13,7 +13,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _camera = require("@atlaskit/media-ui/camera/camera");
+var _getCssFromImageOrientation = require("@atlaskit/media-ui/imageMetaData/getCssFromImageOrientation");
+var _classNames = require("@atlaskit/media-ui/classNames");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
+var _vector = require("@atlaskit/media-ui/vector2");
 var _mediaCommon = require("@atlaskit/media-common");
 var _constants = require("@atlaskit/media-client/constants");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
@@ -35,12 +39,12 @@ function zoomLevelAfterResize(newCamera, oldCamera, oldZoomLevel) {
 var clientRectangle = function clientRectangle(el) {
   var clientWidth = el.clientWidth,
     clientHeight = el.clientHeight;
-  return new _mediaUi.Rectangle(clientWidth, clientHeight);
+  return new _rectangle.Rectangle(clientWidth, clientHeight);
 };
 var naturalSizeRectangle = function naturalSizeRectangle(el) {
   var naturalWidth = el.naturalWidth,
     naturalHeight = el.naturalHeight;
-  return new _mediaUi.Rectangle(naturalWidth, naturalHeight);
+  return new _rectangle.Rectangle(naturalWidth, naturalHeight);
 };
 var initialState = {
   zoomLevel: new _zoomLevel.ZoomLevel(1),
@@ -48,7 +52,7 @@ var initialState = {
   isHDActivating: false,
   isHDAvailable: false,
   isDragging: false,
-  cursorPos: new _mediaUi.Vector2(0, 0),
+  cursorPos: new _vector.Vector2(0, 0),
   hasBeenLoadedOnce: false
 };
 var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
@@ -89,7 +93,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
       }
       var viewport = clientRectangle(_this.wrapper);
       var originalImgRect = naturalSizeRectangle(ev.currentTarget);
-      var camera = new _mediaUi.Camera(viewport, originalImgRect);
+      var camera = new _camera.Camera(viewport, originalImgRect);
       var newZoomLevel;
       if (hasBeenLoadedOnce && currentCamera) {
         /* This is not first time image is loading. Likely due to new (HD) image is loaded.
@@ -149,7 +153,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
       }
       var scrollLeft = wrapper.scrollLeft,
         scrollTop = wrapper.scrollTop;
-      var prevOffset = new _mediaUi.Vector2(scrollLeft, scrollTop);
+      var prevOffset = new _vector.Vector2(scrollLeft, scrollTop);
       var _this$state3 = _this.state,
         prevZoomLevel = _this$state3.zoomLevel,
         prevIsHDActive = _this$state3.isHDActive,
@@ -175,7 +179,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
       ev.preventDefault();
       _this.setState({
         isDragging: true,
-        cursorPos: new _mediaUi.Vector2(ev.screenX, ev.screenY)
+        cursorPos: new _vector.Vector2(ev.screenX, ev.screenY)
       });
     });
     (0, _defineProperty2.default)(_this, "stopDragging", function (ev) {
@@ -186,7 +190,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
     });
     (0, _defineProperty2.default)(_this, "panImage", function (ev) {
       if (_this.state.isDragging && _this.wrapper) {
-        var cursorPos = new _mediaUi.Vector2(ev.screenX, ev.screenY);
+        var cursorPos = new _vector.Vector2(ev.screenX, ev.screenY);
         var delta = _this.state.cursorPos.sub(cursorPos);
         _this.setState({
           cursorPos: cursorPos
@@ -227,7 +231,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         _react.default.createElement(_styleWrappers.HDIconGroupWrapper, {
-          className: _mediaUi.hideControlsClassName
+          className: _classNames.hideControlsClassName
         }, isHDActivating ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
           appearance: "invert"
         }) : undefined, isHDActive ? /*#__PURE__*/_react.default.createElement(_videoHdFilled.default, {
@@ -265,7 +269,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
         overflow: 'hidden'
       };
       if (orientation) {
-        imgStyle.transform = (0, _mediaUi.getCssFromImageOrientation)(orientation);
+        imgStyle.transform = (0, _getCssFromImageOrientation.getCssFromImageOrientation)(orientation);
       }
       var srcToDisplay = isHDAvailable && isHDActive && originalBinaryImageSrc ? originalBinaryImageSrc : src;
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ImageWrapper, {

package/dist/cjs/viewers/svg/index.js

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SvgViewer = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _camera = require("@atlaskit/media-ui/camera/camera");
+var _messages = require("@atlaskit/media-ui/messages");
+var _vector = require("@atlaskit/media-ui/vector2");
 var _mediaCommon = require("@atlaskit/media-common");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _styleWrappers = require("../../styleWrappers");
@@ -36,7 +38,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isDragging = _useState4[0],
     setIsDragging = _useState4[1];
-  var _useState5 = (0, _react.useState)(new _mediaUi.Vector2(0, 0)),
+  var _useState5 = (0, _react.useState)(new _vector.Vector2(0, 0)),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     cursorPos = _useState6[0],
     setCursorPos = _useState6[1];
@@ -62,7 +64,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
   }, [camera, zoomLevel]);
   var panImage = (0, _react.useCallback)(function (ev) {
     if (isDragging && wrapperRef.current) {
-      var newCursorPos = new _mediaUi.Vector2(ev.screenX, ev.screenY);
+      var newCursorPos = new _vector.Vector2(ev.screenX, ev.screenY);
       var delta = cursorPos.sub(newCursorPos);
       setCursorPos(newCursorPos);
       wrapperRef.current.scrollLeft += delta.x;
@@ -90,7 +92,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     }
     var viewport = (0, _utils.clientRectangle)(wrapperRef.current);
     var originalImgRect = (0, _utils.naturalSizeRectangle)(ev.currentTarget);
-    var newCamera = new _mediaUi.Camera(viewport, originalImgRect);
+    var newCamera = new _camera.Camera(viewport, originalImgRect);
     var newZoomLevel = new _zoomLevel.ZoomLevel(newCamera.scaleDownToFit);
     setCamera(newCamera);
     setZoomLevel(newZoomLevel);
@@ -111,7 +113,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     ev.stopPropagation();
     ev.preventDefault();
     setIsDragging(true);
-    setCursorPos(new _mediaUi.Vector2(ev.screenX, ev.screenY));
+    setCursorPos(new _vector.Vector2(ev.screenX, ev.screenY));
   };
   var onZoomChange = function onZoomChange(nextZoomLevel) {
     var wrapper = wrapperRef.current;
@@ -120,7 +122,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     }
     var scrollLeft = wrapper.scrollLeft,
       scrollTop = wrapper.scrollTop;
-    var prevOffset = new _mediaUi.Vector2(scrollLeft, scrollTop);
+    var prevOffset = new _vector.Vector2(scrollLeft, scrollTop);
     var prevZoomLevel = zoomLevel;
     setZoomLevel(nextZoomLevel);
     var _camera$scaledOffset = camera.scaledOffset(prevOffset, prevZoomLevel.value, nextZoomLevel.value),
@@ -166,7 +168,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     isHidden: isHidden
   }, /*#__PURE__*/_react.default.createElement(_mediaSvg.default, {
     testId: 'media-viewer-svg',
-    alt: intl.formatMessage(_mediaUi.messages.svg_base_alt),
+    alt: intl.formatMessage(_messages.messages.svg_base_alt),
     identifier: identifier,
     dimensions: imgDimensions
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/cjs/viewers/svg/utils.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.naturalSizeRectangle = exports.clientRectangle = void 0;
 exports.zoomLevelAfterResize = zoomLevelAfterResize;
-var _mediaUi = require("@atlaskit/media-ui");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
 var _zoomLevel = require("../../domain/zoomLevel");
 var clientRectangle = exports.clientRectangle = function clientRectangle(el) {
   var clientWidth = el.clientWidth,
     clientHeight = el.clientHeight;
-  return new _mediaUi.Rectangle(clientWidth, clientHeight);
+  return new _rectangle.Rectangle(clientWidth, clientHeight);
 };
 var naturalSizeRectangle = exports.naturalSizeRectangle = function naturalSizeRectangle(el) {
   // Firefox & Safari can't always read the "natural" dimensions correctly.
@@ -19,7 +19,7 @@ var naturalSizeRectangle = exports.naturalSizeRectangle = function naturalSizeRe
     naturalHeight = el.naturalHeight,
     width = el.width,
     height = el.height;
-  return new _mediaUi.Rectangle(naturalWidth || width, naturalHeight || height);
+  return new _rectangle.Rectangle(naturalWidth || width, naturalHeight || height);
 };
 function zoomLevelAfterResize(newCamera, oldCamera, oldZoomLevel) {
   var isImgScaledToFit = oldZoomLevel.value === oldCamera.scaleDownToFit;

package/dist/cjs/viewers/video.js

@@ -15,7 +15,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 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 _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
+var _mediaPlayer = require("@atlaskit/media-ui/mediaPlayer");
 var _domain = require("../domain");
 var _errors = require("../errors");
 var _styleWrappers = require("../styleWrappers");
@@ -91,7 +92,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
       var hdAvailable = isHDAvailable(item);
       return useCustomVideoPlayer ? /*#__PURE__*/_react.default.createElement(_styleWrappers.CustomVideoPlayerWrapper, {
         "data-testid": "media-viewer-video-content"
-      }, (0, _mediaClient.isFileIdentifier)(identifier) && (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
+      }, (0, _mediaClient.isFileIdentifier)(identifier) && (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaPlayer.MediaPlayer, {
         identifier: identifier,
         type: "video",
         isAutoPlay: isAutoPlay,
@@ -107,7 +108,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
         lastWatchTimeConfig: {
           contentId: item.id
         }
-      }) : /*#__PURE__*/_react.default.createElement(_mediaUi.CustomMediaPlayer, {
+      }) : /*#__PURE__*/_react.default.createElement(_customMediaPlayer.CustomMediaPlayer, {
         type: "video",
         isAutoPlay: isAutoPlay,
         showControls: showControls,

package/dist/cjs/zoomControls.js

@@ -13,7 +13,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _classNames = require("@atlaskit/media-ui/classNames");
+var _MediaButton = _interopRequireDefault(require("@atlaskit/media-ui/MediaButton"));
 var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/core/zoom-out"));
 var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/core/zoom-in"));
 var _styleWrappers = require("./styleWrappers");
@@ -22,6 +23,7 @@ var _analytics = require("./analytics/");
 var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
 var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/media-ui/messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -69,22 +71,22 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         _react.default.createElement(_styleWrappers.ZoomWrapper, {
-          className: _mediaUi.hideControlsClassName
-        }, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomCenterControls, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
+          className: _classNames.hideControlsClassName
+        }, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomCenterControls, null, /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
           isDisabled: !zoomLevel.canZoomOut,
           onClick: this.zoomOut,
           iconBefore: /*#__PURE__*/_react.default.createElement(_zoomOut.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_mediaUi.messages.zoom_out)
+            label: formatMessage(_messages.messages.zoom_out)
           })
-        }), /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
+        }), /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
           isDisabled: !zoomLevel.canZoomIn,
           onClick: this.zoomIn,
           iconBefore: /*#__PURE__*/_react.default.createElement(_zoomIn.default, {
             color: "currentColor",
             spacing: "spacious",
-            label: formatMessage(_mediaUi.messages.zoom_in)
+            label: formatMessage(_messages.messages.zoom_in)
           })
         })), /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomRightControls, null, children, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomLevelIndicator, null, zoomLevel.asPercentage)))
       );

package/dist/es2019/analytics/events/operational/previewTooLarge.js

@@ -0,0 +1,24 @@
+import { getFileAttributes } from '../..';
+import { getPrimaryErrorReason } from '../../../errors';
+export const createPreviewTooLargeEvent = (error, fileState) => {
+  const {
+    fileId,
+    fileMediatype,
+    fileMimetype,
+    fileSize
+  } = getFileAttributes(fileState);
+  return {
+    eventType: 'operational',
+    actionSubject: 'mediaFile',
+    action: 'previewTooLarge',
+    attributes: {
+      failReason: getPrimaryErrorReason(error),
+      fileAttributes: {
+        fileId,
+        fileMediatype,
+        fileMimetype,
+        fileSize
+      }
+    }
+  };
+};

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.6.4";
+const packageVersion = "54.6.6";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -4,7 +4,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.6.4";
+const packageVersion = "54.6.6";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/content.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { Component } from 'react';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import { MediaButton, hideControlsClassName, InactivityDetector } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { CloseButtonWrapper, ContentWrapper } from './styleWrappers';
 export class Content extends Component {
   /*

package/dist/es2019/download.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
-import { MediaButton, messages } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { messages } from '@atlaskit/media-ui/messages';
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';

package/dist/es2019/errorMessage.js

@@ -1,14 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { messages as i18nMessages } from '@atlaskit/media-ui';
+import { messages as i18nMessages } from '@atlaskit/media-ui/messages';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';
 import { errorLoadingFile } from './error-images';
 import { fireAnalytics } from './analytics';
 import { getPrimaryErrorReason, getSecondaryErrorReason } from './errors';
 import { createLoadFailedEvent } from './analytics/events/operational/loadFailed';
 import { createPreviewUnsupportedEvent } from './analytics/events/operational/previewUnsupported';
+import { createPreviewTooLargeEvent } from './analytics/events/operational/previewTooLarge';
 import { failMediaFileUfoExperience } from './analytics/ufoExperiences';
 const errorLoadingFileImage = formatMessage => /*#__PURE__*/React.createElement(ErrorImage, {
   src: errorLoadingFile,
@@ -38,6 +40,17 @@ export class ErrorMessage extends React.Component {
         messages: [i18nMessages.unsupported_file_format, i18nMessages.archive_format_not_supported]
       };
     }
+
+    // Code/text files (in the main viewer or inside a ZIP archive) over the
+    // CodeViewer's 10MB limit aren't a load failure - the file is simply too
+    // large for this viewer to preview. Show a dedicated "File is too large to
+    // preview" heading instead of the generic "Something went wrong" copy.
+    if (ErrorMessage.isPreviewTooLarge(error) && fg('platform_media_too_large_preview_state')) {
+      return {
+        icon: errorLoadingFileImage(formatMessage),
+        messages: [i18nMessages.file_too_large_to_preview, i18nMessages.file_too_large_description]
+      };
+    }
     const errorInfo = {
       icon: errorLoadingFileImage(formatMessage),
       messages: [i18nMessages.something_went_wrong, i18nMessages.couldnt_generate_preview]
@@ -83,8 +96,18 @@ export class ErrorMessage extends React.Component {
   static isPreviewUnsupported(error) {
     return ErrorMessage.previewUnsupportedReasons.includes(getPrimaryErrorReason(error));
   }
+
+  // Error reasons that mean the file exceeds the size limit supported by the
+  // browser-based viewer (not a load failure). These are reported as the
+  // informational, non-SLI `previewTooLarge` metric instead of `loadFailed`.
+
+  static isPreviewTooLarge(error) {
+    return ErrorMessage.previewTooLargeReasons.includes(getPrimaryErrorReason(error));
+  }
   static getEventPayload(error, fileId, fileState, traceContext) {
-    if (fileState && ErrorMessage.isPreviewUnsupported(error)) {
+    if (fileState && ErrorMessage.isPreviewTooLarge(error) && fg('platform_media_too_large_preview_state')) {
+      return createPreviewTooLargeEvent(error, fileState);
+    } else if (fileState && ErrorMessage.isPreviewUnsupported(error)) {
       // this is not an SLI (load failure), its just a useful metric for files
       // whose format the browser-based viewer can't preview.
       return createPreviewUnsupportedEvent(fileState);
@@ -107,5 +130,6 @@ export class ErrorMessage extends React.Component {
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 _defineProperty(ErrorMessage, "previewUnsupportedReasons", ['unsupported', 'imageviewer-unsupported-mime']);
+_defineProperty(ErrorMessage, "previewTooLargeReasons", ['codeviewer-file-size-exceeds', 'archiveviewer-codeviewer-file-size-exceeds']);
 const ErroMsg = withAnalyticsEvents()(injectIntl(ErrorMessage));
 export default ErroMsg;

package/dist/es2019/header.js

@@ -1,7 +1,12 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { isExternalImageIdentifier, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
-import { hideControlsClassName, messages, toHumanReadableMediaSize, MediaButton } from '@atlaskit/media-ui';
-import { getLanguageType, getExtension, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { messages } from '@atlaskit/media-ui/messages';
+import { toHumanReadableMediaSize } from '@atlaskit/media-ui/humanReadableSize';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage, injectIntl } from 'react-intl';

package/dist/es2019/item-viewer.js

@@ -4,8 +4,8 @@ import Loadable from 'react-loadable';
 import { isExternalImageIdentifier, isFileIdentifier, toCommonMediaClientError } from '@atlaskit/media-client';
 import { Text } from '@atlaskit/primitives/compiled';
 import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
-import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { messages } from '@atlaskit/media-ui/messages';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { useFileState } from '@atlaskit/media-client-react/use-file-state';
 import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 import { Outcome } from './domain';

package/dist/es2019/list.js

@@ -1,5 +1,5 @@
 import React, { useState, useRef } from 'react';
-import { hideControlsClassName } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
 import { ItemViewer } from './item-viewer';
 import { HeaderWrapper, ListWrapper } from './styleWrappers';
 import { Navigation } from './navigation';

package/dist/es2019/loading.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import AkSpinner from '@atlaskit/spinner/spinner';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { useIntl } from 'react-intl';
 export const Spinner = ({}) => {
   const intl = useIntl();

package/dist/es2019/media-viewer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useLayoutEffect, useRef } from 'react';
 import { IntlProvider, injectIntl } from 'react-intl';
-import { Shortcut } from '@atlaskit/media-ui';
+import { Shortcut } from '@atlaskit/media-ui/shortcut';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { fireAnalytics } from './analytics';
 import { createModalEvent } from './analytics/events/screen/modal';

package/dist/es2019/navigation.js

@@ -3,8 +3,8 @@ import React from 'react';
 import { Component } from 'react';
 import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
 import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
-import { hideControlsClassName } from '@atlaskit/media-ui';
-import { Shortcut } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { Shortcut } from '@atlaskit/media-ui/shortcut';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers';

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-entry.js

@@ -8,7 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
 import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
 import { CustomButtonItem } from './custom-button-item';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { ArchiveDownloadButton } from './archive-download-button';
 import { injectIntl } from 'react-intl';
 class ArchiveSidebarFolderEntryBase extends React.Component {

package/dist/es2019/viewers/archiveSidebar/archive.js

@@ -5,8 +5,10 @@ import { unzip, HTTPRangeReader } from 'unzipit';
 import { FormattedMessage } from 'react-intl';
 import { isErrorFileState } from '@atlaskit/media-client';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
-import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
-import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { messages } from '@atlaskit/media-ui/messages';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { Text } from '@atlaskit/primitives/compiled';
 import { Outcome } from '../../domain';
 import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,7 @@ import { forwardRef } from 'react';
 
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export const ARCHIVE_SIDE_BAR_WIDTH = 300;
 const archiveItemViewerWrapperStyles = null;
 const archiveSideBarStyles = null;

package/dist/es2019/viewers/audio.js

@@ -7,7 +7,7 @@ import { MediaViewerError } from '../errors';
 import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
 import { BaseViewer } from './base-viewer';
 import { isIE } from '../utils/isIE';
-import { CustomMediaPlayer } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
 import { getObjectUrlFromFileState } from '../utils/getObjectUrlFromFileState';
 const defaultCover = /*#__PURE__*/React.createElement(DefaultCoverWrapper, null, /*#__PURE__*/React.createElement(AudioIcon, {
   label: "cover",

package/dist/es2019/viewers/base-viewer.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import ErrorMessage from '../errorMessage';

package/dist/es2019/viewers/codeViewer/index.js

@@ -5,7 +5,8 @@ import { MediaViewerError } from '../../errors';
 import { Spinner } from '../../loading';
 import { BaseViewer } from '../base-viewer';
 import { DEFAULT_LANGUAGE, normaliseLineBreaks } from './util';
-import { getLanguageType, getExtension } from '@atlaskit/media-ui/codeViewer';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
 import { msgToText } from './msg-parser';
 import { CodeRendererAdvanced } from './CodeRendererAdvanced/CodeRendererAdvanced';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/es2019/viewers/doc/passwordInput.js

@@ -10,7 +10,7 @@ import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form from '@atlaskit/form/form';
 import Field from '@atlaskit/form/field';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766