@atlaskit/media-viewer 45.8.8 → 46.0.0

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # @atlaskit/media-viewer
 
+## 46.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 45.8.11
+
+### Patch Changes
+
+- [`f124adcb18f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f124adcb18f) - Adding .md, .lock, .yaml, .yml, .tsx, .jsx as known extension types
+- [`2b24fcc59f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b24fcc59f2) - Removed Code Viewer and Zip Previews Feature Flags
+- Updated dependencies
+
+## 45.8.10
+
+### Patch Changes
+
+- [`fe9ced0cd70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe9ced0cd70) - Removed feature flags for polling settings
+- Updated dependencies
+
+## 45.8.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 45.8.8
 
 ### Patch Changes

package/dist/cjs/analytics/events/ui/navigated.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createNavigatedEvent = exports.inputFromSource = void 0;
+exports.inputFromSource = exports.createNavigatedEvent = void 0;
 
 var _mediaClient = require("@atlaskit/media-client");
 

package/dist/cjs/analytics/index.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFileAttributes = getFileAttributes;
+exports.componentName = exports.component = void 0;
 exports.fireAnalytics = fireAnalytics;
+exports.getFileAttributes = getFileAttributes;
 Object.defineProperty(exports, "packageName", {
   enumerable: true,
   get: function get() {
@@ -17,7 +18,6 @@ Object.defineProperty(exports, "packageVersion", {
     return _version.version;
   }
 });
-exports.component = exports.componentName = void 0;
 
 var _mediaCommon = require("@atlaskit/media-common");
 

package/dist/cjs/download.js

@@ -7,8 +7,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DisabledToolbarDownloadButton = void 0;
 exports.DownloadButton = DownloadButton;
-exports.DisabledToolbarDownloadButton = exports.ToolbarDownloadButton = exports.ErrorViewDownloadButton = exports.createItemDownloader = void 0;
+exports.createItemDownloader = exports.ToolbarDownloadButton = exports.ErrorViewDownloadButton = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -22,7 +23,7 @@ var _mediaUi = require("@atlaskit/media-ui");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _mediaCommon = require("@atlaskit/media-common");
 
@@ -81,7 +82,7 @@ var ErrorViewDownloadButton = function ErrorViewDownloadButton(props) {
     analyticspayload: downloadEvent,
     appearance: "primary",
     onClick: createItemDownloader(props.fileState, props.mediaClient, props.collectionName)
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.download)));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.download)));
 };
 
 exports.ErrorViewDownloadButton = ErrorViewDownloadButton;

package/dist/cjs/errorMessage.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ErrorMessage = exports.getErrorMessageFromError = exports.errorReasonToMessages = void 0;
+exports.getErrorMessageFromError = exports.errorReasonToMessages = exports.default = exports.ErrorMessage = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -19,7 +19,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
@@ -111,7 +111,7 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react.default.createElement("div", null, errorInfo.icon, errorInfo.messages.map(function (formatMessage, i) {
         return /*#__PURE__*/_react.default.createElement("p", {
           key: "p".concat(i)
-        }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, formatMessage));
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, formatMessage));
       })), this.props.children);
     }
   }], [{
@@ -129,6 +129,6 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 
 exports.ErrorMessage = ErrorMessage;
-var ErroMsg = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(ErrorMessage));
+var ErroMsg = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(ErrorMessage));
 var _default = ErroMsg;
 exports.default = _default;

package/dist/cjs/errors.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isMediaViewerError = isMediaViewerError;
-exports.isArchiveViewerError = isArchiveViewerError;
-exports.getPrimaryErrorReason = getPrimaryErrorReason;
-exports.getSecondaryErrorReason = getSecondaryErrorReason;
+exports.MediaViewerError = exports.ArchiveViewerError = void 0;
 exports.getErrorDetail = getErrorDetail;
+exports.getPrimaryErrorReason = getPrimaryErrorReason;
 exports.getRequestMetadata = getRequestMetadata;
-exports.ArchiveViewerError = exports.MediaViewerError = void 0;
+exports.getSecondaryErrorReason = getSecondaryErrorReason;
+exports.isArchiveViewerError = isArchiveViewerError;
+exports.isMediaViewerError = isMediaViewerError;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/header.js

@@ -31,7 +31,7 @@ var _mediaUi = require("@atlaskit/media-ui");
 
 var _codeViewer = require("@atlaskit/media-ui/codeViewer");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _domain = require("./domain");
 
@@ -39,8 +39,6 @@ var _styled = require("./styled");
 
 var _download = require("./download");
 
-var _mediaCommon = require("@atlaskit/media-common");
-
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 
 var _util = require("./viewers/codeViewer/util");
@@ -118,9 +116,8 @@ var Header = /*#__PURE__*/function (_React$Component) {
       return ' · ';
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFileTypeText", function (item) {
-      var featureFlags = _this.props.featureFlags; // render appropriate header if its a code/email item and the feature flag is enabled
-
-      if ((0, _mediaCommon.getMediaFeatureFlag)('codeViewer', featureFlags) && (0, _codeViewer.isCodeViewerItem)(item.name)) {
+      // render appropriate header if its a code/email item and the feature flag is enabled
+      if ((0, _codeViewer.isCodeViewerItem)(item.name)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
         var language = (0, _codeViewer.getLanguageType)(item.name);
@@ -128,10 +125,10 @@ var Header = /*#__PURE__*/function (_React$Component) {
 
         switch (ext) {
           case 'msg':
-            return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.email);
+            return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.email);
 
           case 'txt':
-            return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.text);
+            return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.text);
         } // no need for translations in other languages
 
 
@@ -149,7 +146,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
       };
       var message = mediaTypeTranslationMap[mediaType || 'unknown']; // Defaulting to unknown again since backend has more mediaTypes than the current supported ones
 
-      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, message || _mediaUi.messages.unknown);
+      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message || _mediaUi.messages.unknown);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getMediaIcon", function (mediaType, mimeType, fileName) {
       return /*#__PURE__*/_react.default.createElement(_mimeTypeIcon.MimeTypeIcon, {
@@ -231,10 +228,9 @@ var Header = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var item = this.state.item;
-      var featureFlags = this.props.featureFlags;
       var isArchiveSideBarVisible = false;
 
-      if ((0, _mediaCommon.getMediaFeatureFlag)('zipPreviews', featureFlags) && item.data && !(0, _mediaClient.isErrorFileState)(item.data)) {
+      if (item.data && !(0, _mediaClient.isErrorFileState)(item.data)) {
         var mediaType = item.data.mediaType;
         isArchiveSideBarVisible = mediaType === 'archive';
       }
@@ -268,9 +264,9 @@ var Header = /*#__PURE__*/function (_React$Component) {
       if (!(0, _mediaClient.isErrorFileState)(item)) {
         return /*#__PURE__*/_react.default.createElement(_styled.MetadataWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.MetadataIconWrapper, null, this.getMediaIcon(item.mediaType, item.mimeType, item.name)), /*#__PURE__*/_react.default.createElement(_styled.MedatadataTextWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.MetadataFileName, {
           "data-testid": "media-viewer-file-name"
-        }, item.name || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.unknown)), /*#__PURE__*/_react.default.createElement(_styled.MetadataSubText, {
+        }, item.name || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.unknown)), /*#__PURE__*/_react.default.createElement(_styled.MetadataSubText, {
           "data-testid": "media-viewer-file-metadata-text"
-        }, this.renderFileTypeText(item), this.renderSize(item))));
+        }, /*#__PURE__*/_react.default.createElement(_styled.FormattedMessageWrapper, null, this.renderFileTypeText(item)), this.renderSize(item))));
       } else {
         return null;
       }
@@ -293,6 +289,6 @@ var Header = /*#__PURE__*/function (_React$Component) {
 
 exports.Header = Header;
 
-var _default = (0, _reactIntl.injectIntl)(Header);
+var _default = (0, _reactIntlNext.injectIntl)(Header);
 
 exports.default = _default;

package/dist/cjs/item-viewer.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ItemViewer = exports.ItemViewerBase = exports.isFileStateItem = exports.isExternalImageItem = void 0;
+exports.isFileStateItem = exports.isExternalImageItem = exports.ItemViewerBase = exports.ItemViewer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -27,7 +27,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _mediaClient = require("@atlaskit/media-client");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
@@ -67,8 +67,6 @@ var _interactiveImg = require("./viewers/image/interactive-img");
 
 var _archiveViewerLoader = _interopRequireDefault(require("./viewers/archiveSidebar/archiveViewerLoader"));
 
-var _mediaCommon = require("@atlaskit/media-common");
-
 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; } }
@@ -165,8 +163,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
           showControls = _this$props.showControls,
           onClose = _this$props.onClose,
           previewCount = _this$props.previewCount,
-          contextId = _this$props.contextId,
-          featureFlags = _this$props.featureFlags;
+          contextId = _this$props.contextId;
       var collectionName = (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.collectionName : undefined;
       var viewerProps = {
         mediaClient: mediaClient,
@@ -176,7 +173,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
         previewCount: previewCount
       };
 
-      if ((0, _mediaCommon.getMediaFeatureFlag)('codeViewer', featureFlags) && (0, _codeViewer.isCodeViewerItem)(fileState.name)) {
+      if ((0, _codeViewer.isCodeViewerItem)(fileState.name)) {
         return /*#__PURE__*/_react.default.createElement(_codeViewer2.CodeViewer, (0, _extends2.default)({
           onSuccess: this.onSuccess,
           onError: this.onLoadFail
@@ -212,13 +209,10 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
           }, viewerProps));
 
         case 'archive':
-          if ((0, _mediaCommon.getMediaFeatureFlag)('zipPreviews', featureFlags)) {
-            return /*#__PURE__*/_react.default.createElement(_archiveViewerLoader.default, (0, _extends2.default)({
-              onSuccess: this.onSuccess,
-              onError: this.onLoadFail
-            }, viewerProps));
-          }
-
+          return /*#__PURE__*/_react.default.createElement(_archiveViewerLoader.default, (0, _extends2.default)({
+            onSuccess: this.onSuccess,
+            onError: this.onLoadFail
+          }, viewerProps));
       }
 
       return this.renderError(new _errors.MediaViewerError('unsupported'), fileState);
@@ -246,7 +240,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
           fileId: (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.id : 'undefined',
           error: error,
           fileState: fileState
-        }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.try_downloading_file)), this.renderDownloadButton(fileState, error));
+        }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file)), this.renderDownloadButton(fileState, error));
       } else {
         return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
           fileId: (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.id : 'undefined',

package/dist/cjs/media-viewer.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MediaViewer = exports.MediaViewerComponent = void 0;
+exports.MediaViewerComponent = exports.MediaViewer = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _mediaCommon = require("@atlaskit/media-common");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
@@ -155,7 +155,7 @@ var MediaViewerComponent = /*#__PURE__*/function (_React$Component) {
         onClose: this.onContentClose
       }, this.renderContent()), this.renderSidebar());
 
-      return this.context.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+      return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
         locale: "en"
       }, content);
     }
@@ -206,15 +206,14 @@ var MediaViewerComponent = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 
 exports.MediaViewerComponent = MediaViewerComponent;
-(0, _defineProperty2.default)(MediaViewerComponent, "contextTypes", {
-  intl: _reactIntl.intlShape
-});
 var MediaViewer = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageName: _analytics.packageName,
   packageVersion: _analytics.packageVersion,
   component: _analytics.component,
   componentName: _analytics.componentName
 }, {
-  filterFeatureFlags: ['zipPreviews', 'codeViewer', 'poll_intervalMs', 'poll_maxAttempts', 'poll_backoffFactor', 'poll_maxIntervalMs']
-})((0, _analyticsNext.withAnalyticsEvents)()(MediaViewerComponent));
+  filterFeatureFlags: []
+})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(MediaViewerComponent, {
+  enforceContext: false
+})));
 exports.MediaViewer = MediaViewer;

package/dist/cjs/navigation.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Navigation = exports.NavigationBase = exports.prevNavButtonId = exports.nextNavButtonId = void 0;
+exports.prevNavButtonId = exports.nextNavButtonId = exports.NavigationBase = exports.Navigation = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ErrorReasonTip = exports.SpinnerWrapper = exports.SidebarWrapper = exports.CustomVideoPlayerWrapper = exports.DownloadButtonWrapper = exports.DefaultCoverWrapper = exports.AudioCover = exports.Audio = exports.AudioPlayer = exports.CustomAudioPlayerWrapper = exports.RightHeader = exports.MetadataIconWrapper = exports.MetadataSubText = exports.MetadataFileName = exports.MetadataWrapper = exports.MedatadataTextWrapper = exports.Img = exports.BaselineExtend = exports.ImageWrapper = exports.LeftHeader = exports.Header = exports.RightWrapper = exports.LeftWrapper = exports.Arrow = exports.PDFWrapper = exports.Video = exports.ErrorImage = exports.ErrorMessageWrapper = exports.HDIconWrapper = exports.HDIconGroupWrapper = exports.ZoomLevelIndicator = exports.ZoomControlsWrapper = exports.ZoomWrapper = exports.ContentWrapper = exports.CloseButtonWrapper = exports.ArrowsWrapper = exports.ListWrapper = exports.HeaderWrapper = exports.Blanket = exports.blanketColor = void 0;
+exports.blanketColor = exports.ZoomWrapper = exports.ZoomLevelIndicator = exports.ZoomControlsWrapper = exports.Video = exports.SpinnerWrapper = exports.SidebarWrapper = exports.RightWrapper = exports.RightHeader = exports.PDFWrapper = exports.MetadataWrapper = exports.MetadataSubText = exports.MetadataIconWrapper = exports.MetadataFileName = exports.MedatadataTextWrapper = exports.ListWrapper = exports.LeftWrapper = exports.LeftHeader = exports.Img = exports.ImageWrapper = exports.HeaderWrapper = exports.Header = exports.HDIconWrapper = exports.HDIconGroupWrapper = exports.FormattedMessageWrapper = exports.ErrorReasonTip = exports.ErrorMessageWrapper = exports.ErrorImage = exports.DownloadButtonWrapper = exports.DefaultCoverWrapper = exports.CustomVideoPlayerWrapper = exports.CustomAudioPlayerWrapper = exports.ContentWrapper = exports.CloseButtonWrapper = exports.Blanket = exports.BaselineExtend = exports.AudioPlayer = exports.AudioCover = exports.Audio = exports.ArrowsWrapper = exports.Arrow = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -19,7 +19,7 @@ var _mediaUi = require("@atlaskit/media-ui");
 
 var _styled = require("./viewers/archiveSidebar/styled");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
 
 var overlayZindex = _constants.layers.modal() + 10;
 var sidebarWidth = 416;
@@ -202,4 +202,8 @@ exports.SpinnerWrapper = SpinnerWrapper;
 
 var ErrorReasonTip = _styledComponents.default.div(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 10pt;\n  margin: 10px 0 40px 0;\n  color: ", ";\n"])), _colors.DN400);
 
-exports.ErrorReasonTip = ErrorReasonTip;
+exports.ErrorReasonTip = ErrorReasonTip;
+
+var FormattedMessageWrapper = _styledComponents.default.span(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteral2.default)([""])));
+
+exports.FormattedMessageWrapper = FormattedMessageWrapper;

package/dist/cjs/utils/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rejectAfter = exports.isMacPrivateFile = exports.getFormattedFolderName = exports.extractArchiveFolderName = exports.getFolderParent = exports.getMimeTypeFromFilename = exports.getMediaTypeFromFilename = exports.getSelectedIndex = exports.toIdentifier = void 0;
+exports.toIdentifier = exports.rejectAfter = exports.isMacPrivateFile = exports.getSelectedIndex = exports.getMimeTypeFromFilename = exports.getMediaTypeFromFilename = exports.getFormattedFolderName = exports.getFolderParent = exports.extractArchiveFolderName = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "45.8.8",
+	"version": "46.0.0",
 	"sideEffects": false
 }

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArchiveViewer = exports.ArchiveViewerBase = exports.getArchiveEntriesFromFileState = void 0;
+exports.getArchiveEntriesFromFileState = exports.ArchiveViewerBase = exports.ArchiveViewer = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -45,7 +45,7 @@ var _pdfRenderer = require("../doc/pdfRenderer");
 
 var _unzipit = require("unzipit");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styled2 = require("./styled");
 
@@ -375,7 +375,7 @@ var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
         fileState: item,
         error: error,
         supressAnalytics: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.try_downloading_file)));
+      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file)));
     }
   }]);
   return ArchiveViewerBase;

package/dist/cjs/viewers/archiveSidebar/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArchiveViewerWrapper = exports.ArchiveLayout = exports.ArchiveSidebarFileEntryWrapper = exports.SidebarItemWrapper = exports.ArchiveDownloadButtonWrapper = exports.ArchiveSidebarFolderWrapper = exports.ArchiveSideBar = exports.ArchiveItemViewerWrapper = exports.ArchiveSideBarWidth = void 0;
+exports.SidebarItemWrapper = exports.ArchiveViewerWrapper = exports.ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFileEntryWrapper = exports.ArchiveSideBarWidth = exports.ArchiveSideBar = exports.ArchiveLayout = exports.ArchiveItemViewerWrapper = exports.ArchiveDownloadButtonWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -23,7 +23,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
@@ -118,7 +118,7 @@ var BaseViewer = /*#__PURE__*/function (_React$Component) {
             error: error,
             supressAnalytics: true // item-viewer.tsx will send
 
-          }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.try_downloading_file)), _this2.renderDownloadButton(error));
+          }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file)), _this2.renderDownloadButton(error));
         }
       });
     } // Accessing abstract getters in a constructor is not allowed

package/dist/cjs/viewers/codeViewer/msg-parser.js

@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.msgToText = msgToText;
 exports.formatMessage = formatMessage;
-exports.parseHeaders = parseHeaders;
 exports.getMsgDate = getMsgDate;
+exports.msgToText = msgToText;
+exports.parseHeaders = parseHeaders;
 
 var _msgreader = _interopRequireDefault(require("@kenjiuno/msgreader"));
 
@@ -34,9 +34,9 @@ function msgToText(buffer) {
     }
 
     if (msg.recipients) {
-      text += "\nTO:\t\t".concat(msg.recipients.
+      text += "\nTO:\t\t".concat(msg.recipients
       /* lib types are broken, need to override here */
-      map(function (recipient) {
+      .map(function (recipient) {
         return "".concat(recipient.name, " <").concat(recipient.email, ">");
       }).join(', '));
     }

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_LANGUAGE = void 0;
 exports.getFormat = getFormat;
-exports.normaliseLineBreaks = exports.lineCount = exports.DEFAULT_LANGUAGE = void 0;
+exports.normaliseLineBreaks = exports.lineCount = void 0;
 var DEFAULT_LANGUAGE = 'c';
 /*
  * Primarily used for the header in the viewer. Based on the language name, render the appropriate header name

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PDFRenderer = exports.pdfViewerClassName = void 0;
+exports.pdfViewerClassName = exports.PDFRenderer = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

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

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.InteractiveImgComponent = exports.InteractiveImg = void 0;
 exports.zoomLevelAfterResize = zoomLevelAfterResize;
-exports.InteractiveImg = exports.InteractiveImgComponent = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/zoomControls.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ZoomControls = exports.ZoomControlsBase = void 0;
+exports.ZoomControlsBase = exports.ZoomControls = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -41,7 +41,7 @@ var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
 
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 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); }
 
@@ -118,5 +118,5 @@ var ZoomControlsBase = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports.ZoomControlsBase = ZoomControlsBase;
-var ZoomControls = (0, _analyticsNext.withAnalyticsEvents)({})((0, _reactIntl.injectIntl)(ZoomControlsBase));
+var ZoomControls = (0, _analyticsNext.withAnalyticsEvents)({})((0, _reactIntlNext.injectIntl)(ZoomControlsBase));
 exports.ZoomControls = ZoomControls;

package/dist/es2019/download.js

@@ -3,7 +3,7 @@ import DownloadIcon from '@atlaskit/icon/glyph/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
 import { MediaButton, messages } from '@atlaskit/media-ui';
 import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';
 import { createFailedPreviewDownloadButtonClickedEvent } from './analytics/events/ui/failedPreviewDownloadButtonClicked';

package/dist/es2019/errorMessage.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { messages as i18nMessages } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ErrorMessageWrapper, ErrorImage } from './styled';