@atlaskit/media-viewer 52.9.6 → 53.0.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/media-viewer
 
+## 53.0.1
+
+### Patch Changes
+
+- [`e3d1ec1074c7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3d1ec1074c7e) -
+  Removing UNSAFE_componentWillReceiveProps from media-picker, media-avatar-picker and media-viewer
+  package to support React19 migration
+
+## 53.0.0
+
+### Major Changes
+
+- [`770f036c93884`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/770f036c93884) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 52.9.6
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "52.9.6";
+var packageVersion = exports.packageVersion = "0.0.0-development";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.9.6";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/download.js

@@ -16,7 +16,7 @@ var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaUi = require("@atlaskit/media-ui");
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _downloadButtonClicked = require("./analytics/events/ui/downloadButtonClicked");
 var _download2 = require("./analytics/events/operational/download");
 var _analytics = require("./analytics");
@@ -76,7 +76,7 @@ var createItemDownloader = function createItemDownloader(file, mediaClient, opti
   }));
 };
 var useDownloadButtonDisabledProps = function useDownloadButtonDisabledProps(mediaClient) {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var isDisabled = mediaClient.config.enforceDataSecurityPolicy;
   var tooltip = isDisabled ? formatMessage(_mediaUi.messages.download_disabled_security_policy) : undefined;
@@ -148,7 +148,7 @@ var ErrorViewDownloadButton = exports.ErrorViewDownloadButton = function ErrorVi
     mediaClient: mediaClient,
     collectionName: collectionName,
     traceContext: traceContext
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.download)));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.download)));
 };
 var ToolbarDownloadButton = exports.ToolbarDownloadButton = function ToolbarDownloadButton(_ref5) {
   var state = _ref5.state,

package/dist/cjs/errorMessage.js

@@ -12,7 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _styleWrappers = require("./styleWrappers");
@@ -97,7 +97,7 @@ var ErrorMessage = exports.ErrorMessage = /*#__PURE__*/function (_React$Componen
           // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
           _react.default.createElement("p", {
             key: "p".concat(i)
-          }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, formatMessage))
+          }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, formatMessage))
         );
       })), this.props.children);
     }
@@ -113,5 +113,5 @@ var ErrorMessage = exports.ErrorMessage = /*#__PURE__*/function (_React$Componen
     }
   }]);
 }(_react.default.Component); // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-var ErroMsg = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(ErrorMessage));
+var ErroMsg = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(ErrorMessage));
 var _default = exports.default = ErroMsg;

package/dist/cjs/header.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaUi = require("@atlaskit/media-ui");
 var _codeViewer = require("@atlaskit/media-ui/codeViewer");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _domain = require("./domain");
 var _styleWrappers = require("./styleWrappers");
 var _download = require("./download");
@@ -92,9 +92,9 @@ var Header = exports.Header = function Header(_ref) {
       // specific cases for if we want a certain word translated in other languages
       switch (ext) {
         case 'msg':
-          return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.email);
+          return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.email);
         case 'txt':
-          return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.text);
+          return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.text);
       }
 
       // no need for translations in other languages
@@ -112,7 +112,7 @@ var Header = exports.Header = function Header(_ref) {
     var message = mediaTypeTranslationMap[mediaType || 'unknown'];
 
     // Defaulting to unknown again since backend has more mediaTypes than the current supported ones
-    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message || _mediaUi.messages.unknown);
+    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, message || _mediaUi.messages.unknown);
   };
   return /*#__PURE__*/_react.default.createElement(_styleWrappers.Header, {
     isArchiveSideBarVisible: isArchiveSideBarVisible
@@ -128,7 +128,7 @@ var Header = exports.Header = function Header(_ref) {
         name: item.name
       })), /*#__PURE__*/_react.default.createElement(_styleWrappers.MedatadataTextWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.MetadataFileName, {
         "data-testid": "media-viewer-file-name"
-      }, item.name || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.unknown)), /*#__PURE__*/_react.default.createElement(_styleWrappers.MetadataSubText, {
+      }, item.name || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.unknown)), /*#__PURE__*/_react.default.createElement(_styleWrappers.MetadataSubText, {
         "data-testid": "media-viewer-file-metadata-text"
       }, /*#__PURE__*/_react.default.createElement(_styleWrappers.FormattedMessageWrapper, null, renderFileTypeText(item)), item.size ? ' · ' + (0, _mediaUi.toHumanReadableMediaSize)(item.size) : '')));
     },
@@ -175,4 +175,4 @@ var Header = exports.Header = function Header(_ref) {
     }
   })));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(Header);
+var _default = exports.default = (0, _reactIntl.injectIntl)(Header);

package/dist/cjs/item-viewer.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _mediaClient = require("@atlaskit/media-client");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _codeViewer = require("@atlaskit/media-ui/codeViewer");
 var _mediaClientReact = require("@atlaskit/media-client-react");
@@ -467,7 +467,7 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref2) {
         fileState: _fileState,
         fileStateFlags: fileStateFlagsRef.current,
         traceContext: traceContext
-      }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file)), renderDownloadButton(_fileState, error));
+      }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.try_downloading_file)), renderDownloadButton(_fileState, error));
     } else {
       return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
         fileId: (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.id : 'undefined',

package/dist/cjs/loading.js

@@ -9,10 +9,10 @@ var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/
 var _react = _interopRequireDefault(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _mediaUi = require("@atlaskit/media-ui");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var Spinner = exports.Spinner = function Spinner(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_spinner.default, {
     label: intl.formatMessage(_mediaUi.messages.loading_file),
     appearance: "invert",

package/dist/cjs/media-viewer.js

@@ -9,7 +9,7 @@ exports.MediaViewer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("./analytics");
@@ -98,7 +98,7 @@ var MediaViewerComponent = function MediaViewerComponent(_ref) {
     featureFlags: featureFlags,
     viewerOptions: viewerOptions
   })), renderSidebar()));
-  return intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+  return intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
     locale: "en"
   }, content);
 };
@@ -112,6 +112,6 @@ var MediaViewerWithScrollLock = function MediaViewerWithScrollLock(props) {
     autoFocus: true
   }, /*#__PURE__*/_react.default.createElement(_reactScrolllock.default, null), /*#__PURE__*/_react.default.createElement(MediaViewerWithRef, props));
 };
-var MediaViewer = exports.MediaViewer = (0, _reactIntlNext.injectIntl)(MediaViewerWithScrollLock, {
+var MediaViewer = exports.MediaViewer = (0, _reactIntl.injectIntl)(MediaViewerWithScrollLock, {
   enforceContext: false
 });

package/dist/cjs/styleWrappers.js

@@ -19,7 +19,7 @@ var _useCallbackRef = require("use-callback-ref");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _excluded = ["canDrag", "isDragging", "shouldPixelate", "data-testid", "src", "style", "onLoad", "onError", "alt", "className"];
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
@@ -250,7 +250,7 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
     _onClick = _ref19.onClick,
     style = _ref19.style,
     className = _ref19.className;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
     "data-testid": datatestId,
     onClick: function onClick(event) {

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

@@ -24,7 +24,7 @@ var _utils = require("../../utils");
 var _customButtonItem = require("./custom-button-item");
 var _mediaUi = require("@atlaskit/media-ui");
 var _archiveDownloadButton = require("./archive-download-button");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 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; })(); }
 var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
@@ -162,4 +162,4 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(_react.default.Component);
-var ArchiveSidebarFolderEntry = exports.ArchiveSidebarFolderEntry = (0, _reactIntlNext.injectIntl)(ArchiveSidebarFolderEntryBase);
+var ArchiveSidebarFolderEntry = exports.ArchiveSidebarFolderEntry = (0, _reactIntl.injectIntl)(ArchiveSidebarFolderEntryBase);

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

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _unzipit = require("unzipit");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _codeViewer = require("@atlaskit/media-ui/codeViewer");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -387,7 +387,7 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
         fileState: item,
         error: error,
         supressAnalytics: true
-      }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file))));
+      }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.try_downloading_file))));
     }
   }]);
 }(_baseViewer.BaseViewer);

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

@@ -10,7 +10,7 @@ require("./styleWrappers.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
@@ -58,7 +58,7 @@ var ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFolderWrapper = function
 var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref4) {
   var children = _ref4.children,
     _onClick = _ref4.onClick;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(_mediaUi.messages.archive_download_label_assistive_text),
     onClick: function onClick(event) {

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

@@ -13,10 +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 = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _deepEqual = _interopRequireDefault(require("deep-equal"));
 var _mediaClient = require("@atlaskit/media-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _errorMessage = _interopRequireDefault(require("../errorMessage"));
 var _loading = require("../loading");
 var _download = require("../download");
@@ -73,6 +74,9 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if ((0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
+        return;
+      }
       if (this.needsReset(nextProps, this.props)) {
         this.release();
         this.setState(this.initialState);
@@ -81,8 +85,16 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      if (this.needsReset(prevProps, this.props)) {
-        this.init();
+      if ((0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
+        if (this.needsReset(prevProps, this.props)) {
+          this.release();
+          this.setState(this.initialState);
+          this.init();
+        }
+      } else {
+        if (this.needsReset(prevProps, this.props)) {
+          this.init();
+        }
       }
     }
   }, {
@@ -103,7 +115,7 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
             fileState: item,
             error: error,
             supressAnalytics: true // item-viewer.tsx will send
-          }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file)), _this2.renderDownloadButton(error));
+          }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.try_downloading_file)), _this2.renderDownloadButton(error));
         }
       });
     }

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

@@ -17,7 +17,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _primitives = require("@atlaskit/primitives");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
@@ -53,7 +53,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     formError = _useState2[0],
     setFormError = _useState2[1];
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   (0, _react.useEffect)(function () {
     var _onRenderRef$current;
     (_onRenderRef$current = onRenderRef.current) === null || _onRenderRef$current === void 0 || _onRenderRef$current.call(onRenderRef);
@@ -82,7 +82,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
     }, /*#__PURE__*/React.createElement(_heading.default, {
       as: "h1",
       size: "medium"
-    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_form.Field, {
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_form.Field, {
       name: "password",
       defaultValue: "",
       isRequired: true
@@ -112,13 +112,13 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
         className: (0, _runtime.ax)(["_19pkidpf _18u01b66"])
       }, /*#__PURE__*/React.createElement(_primitives.Text, {
         as: "p"
-      }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.incorrect_password)))));
+      }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.incorrect_password)))));
     }), /*#__PURE__*/React.createElement(_primitives.Box, {
       xcss: footerStyles
     }, /*#__PURE__*/React.createElement(_new.default, {
       appearance: "primary",
       type: "submit",
       isLoading: submitting
-    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.submit))));
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.submit))));
   });
 };

package/dist/cjs/viewers/svg/ImageWrapper-compiled.js

@@ -10,7 +10,7 @@ require("./ImageWrapper-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _mediaUi = require("@atlaskit/media-ui");
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 var imageWrapperStyles = null;
@@ -19,7 +19,7 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
   var children = _ref.children,
     onClick = _ref.onClick,
     isHidden = _ref.isHidden;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,

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

@@ -20,7 +20,7 @@ var _errors = require("../../errors");
 var _utils = require("./utils");
 var _ImageWrapper = require("./ImageWrapper");
 var _errors2 = require("./errors");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 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); }
 var SvgViewerBase = function SvgViewerBase(_ref) {
   var identifier = _ref.identifier,
@@ -49,7 +49,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     wrapperScroll = _useState0[0],
     setWrapperScroll = _useState0[1];
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var onResize = (0, _react.useCallback)(function () {
     if (!wrapperRef.current || !camera) {
       return;

package/dist/cjs/zoomControls.js

@@ -21,7 +21,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("./analytics/");
 var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 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; })(); }
@@ -91,4 +91,4 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
     }
   }]);
 }(_react.Component); // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-var ZoomControls = exports.ZoomControls = (0, _analyticsNext.withAnalyticsEvents)({})((0, _reactIntlNext.injectIntl)(ZoomControlsBase));
+var ZoomControls = exports.ZoomControls = (0, _analyticsNext.withAnalyticsEvents)({})((0, _reactIntl.injectIntl)(ZoomControlsBase));

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 = "52.9.6";
+const packageVersion = "0.0.0-development";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

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

package/dist/es2019/download.js

@@ -4,7 +4,7 @@ import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
 import { MediaButton, messages } from '@atlaskit/media-ui';
 import React, { useCallback, useState } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';
 import { createDownloadFailedEventPayload, createDownloadSucceededEventPayload } from './analytics/events/operational/download';
 import { fireAnalytics } from './analytics';

package/dist/es2019/errorMessage.js

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

package/dist/es2019/header.js

@@ -2,7 +2,7 @@ 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 { FormattedMessage, injectIntl } from 'react-intl-next';
+import { FormattedMessage, injectIntl } from 'react-intl';
 import { Outcome } from './domain';
 import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName, FormattedMessageWrapper } from './styleWrappers';
 import { ToolbarDownloadButton, DisabledToolbarDownloadButton } from './download';

package/dist/es2019/item-viewer.js

@@ -3,7 +3,7 @@ import React, { Suspense, useCallback, useEffect, useState, useRef } from 'react
 import Loadable from 'react-loadable';
 import { isExternalImageIdentifier, isFileIdentifier, toCommonMediaClientError } from '@atlaskit/media-client';
 import { Text } from '@atlaskit/primitives/compiled';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { useFileState, useMediaClient } from '@atlaskit/media-client-react';

package/dist/es2019/loading.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AkSpinner from '@atlaskit/spinner';
 import { messages } from '@atlaskit/media-ui';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 export const Spinner = ({}) => {
   const intl = useIntl();
   return /*#__PURE__*/React.createElement(AkSpinner, {

package/dist/es2019/media-viewer.js

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

package/dist/es2019/styleWrappers.js

@@ -12,7 +12,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 const blanketStyles = null;
 const headerWrapperStyles = null;

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

@@ -10,7 +10,7 @@ import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../u
 import { CustomButtonItem } from './custom-button-item';
 import { messages } from '@atlaskit/media-ui';
 import { ArchiveDownloadButton } from './archive-download-button';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 class ArchiveSidebarFolderEntryBase extends React.Component {
   constructor(...args) {
     super(...args);

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { unzip, HTTPRangeReader } from 'unzipit';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
 import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { Text } from '@atlaskit/primitives/compiled';

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

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { fg } from '@atlaskit/platform-feature-flags';
 export const ARCHIVE_SIDE_BAR_WIDTH = 300;

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

@@ -1,9 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ErrorMessage from '../errorMessage';
 import { Spinner } from '../loading';
 import { ErrorViewDownloadButton } from '../download';
@@ -45,14 +46,25 @@ export class BaseViewer extends React.Component {
   // However, this lifecycle method might eventually be deprecated, so be careful
   // when working with it.
   UNSAFE_componentWillReceiveProps(nextProps) {
+    if (fg('platform_media_package_react19_lifecycle_fix')) {
+      return;
+    }
     if (this.needsReset(nextProps, this.props)) {
       this.release();
       this.setState(this.initialState);
     }
   }
   componentDidUpdate(prevProps) {
-    if (this.needsReset(prevProps, this.props)) {
-      this.init();
+    if (fg('platform_media_package_react19_lifecycle_fix')) {
+      if (this.needsReset(prevProps, this.props)) {
+        this.release();
+        this.setState(this.initialState);
+        this.init();
+      }
+    } else {
+      if (this.needsReset(prevProps, this.props)) {
+        this.init();
+      }
     }
   }
   render() {

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

@@ -8,7 +8,7 @@ import Button from '@atlaskit/button/new';
 import TextField from '@atlaskit/textfield';
 import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form, { Field } from '@atlaskit/form';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 // 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';

package/dist/es2019/viewers/svg/ImageWrapper-compiled.js

@@ -3,7 +3,7 @@ import "./ImageWrapper-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import { messages } from '@atlaskit/media-ui';
 import React, { forwardRef } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 const imageWrapperStyles = null;
 const dynamicImageWrapperStyles = null;

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

@@ -11,7 +11,7 @@ import { MediaViewerError } from '../../errors';
 import { clientRectangle, naturalSizeRectangle, zoomLevelAfterResize } from './utils';
 import { ImageWrapper } from './ImageWrapper';
 import { getErrorReason } from './errors';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 const SvgViewerBase = ({
   identifier,
   onLoad,

package/dist/es2019/zoomControls.js

@@ -9,7 +9,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireAnalytics } from './analytics/';
 import { createZoomInButtonClickEvent } from './analytics/events/ui/zoomInButtonClicked';
 import { createZoomOutButtonClickedEvent } from './analytics/events/ui/zoomOutButtonClicked';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 export class ZoomControlsBase extends Component {
   constructor(...args) {

package/dist/esm/analytics/index.js

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

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.9.6";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/download.js

@@ -9,7 +9,7 @@ import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
 import { MediaButton, messages } from '@atlaskit/media-ui';
 import React, { useCallback, useState } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';
 import { createDownloadFailedEventPayload, createDownloadSucceededEventPayload } from './analytics/events/operational/download';
 import { fireAnalytics } from './analytics';

package/dist/esm/errorMessage.js

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
+import { FormattedMessage, injectIntl } from 'react-intl';
 import { messages as i18nMessages } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';

package/dist/esm/header.js

@@ -3,7 +3,7 @@ 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 { FormattedMessage, injectIntl } from 'react-intl-next';
+import { FormattedMessage, injectIntl } from 'react-intl';
 import { Outcome } from './domain';
 import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName, FormattedMessageWrapper } from './styleWrappers';
 import { ToolbarDownloadButton, DisabledToolbarDownloadButton } from './download';

package/dist/esm/item-viewer.js

@@ -4,7 +4,7 @@ import React, { Suspense, useCallback, useEffect, useState, useRef } from 'react
 import Loadable from 'react-loadable';
 import { isExternalImageIdentifier, isFileIdentifier, toCommonMediaClientError } from '@atlaskit/media-client';
 import { Text } from '@atlaskit/primitives/compiled';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { useFileState, useMediaClient } from '@atlaskit/media-client-react';

package/dist/esm/loading.js

@@ -2,7 +2,7 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import React from 'react';
 import AkSpinner from '@atlaskit/spinner';
 import { messages } from '@atlaskit/media-ui';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 export var Spinner = function Spinner(_ref) {
   _objectDestructuringEmpty(_ref);
   var intl = useIntl();

package/dist/esm/media-viewer.js

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

package/dist/esm/styleWrappers.js

@@ -17,7 +17,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 var blanketStyles = null;
 var headerWrapperStyles = null;

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

@@ -19,7 +19,7 @@ import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../u
 import { CustomButtonItem } from './custom-button-item';
 import { messages } from '@atlaskit/media-ui';
 import { ArchiveDownloadButton } from './archive-download-button';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
   function ArchiveSidebarFolderEntryBase() {
     var _this;

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

@@ -13,7 +13,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { unzip, HTTPRangeReader } from 'unzipit';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
 import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { Text } from '@atlaskit/primitives/compiled';

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

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { fg } from '@atlaskit/platform-feature-flags';
 export var ARCHIVE_SIDE_BAR_WIDTH = 300;

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

@@ -9,10 +9,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ErrorMessage from '../errorMessage';
 import { Spinner } from '../loading';
 import { ErrorViewDownloadButton } from '../download';
@@ -64,6 +65,9 @@ export var BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (fg('platform_media_package_react19_lifecycle_fix')) {
+        return;
+      }
       if (this.needsReset(nextProps, this.props)) {
         this.release();
         this.setState(this.initialState);
@@ -72,8 +76,16 @@ export var BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      if (this.needsReset(prevProps, this.props)) {
-        this.init();
+      if (fg('platform_media_package_react19_lifecycle_fix')) {
+        if (this.needsReset(prevProps, this.props)) {
+          this.release();
+          this.setState(this.initialState);
+          this.init();
+        }
+      } else {
+        if (this.needsReset(prevProps, this.props)) {
+          this.init();
+        }
       }
     }
   }, {

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

@@ -9,7 +9,7 @@ import Button from '@atlaskit/button/new';
 import TextField from '@atlaskit/textfield';
 import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form, { Field } from '@atlaskit/form';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 // 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';

package/dist/esm/viewers/svg/ImageWrapper-compiled.js

@@ -3,7 +3,7 @@ import "./ImageWrapper-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import { messages } from '@atlaskit/media-ui';
 import React, { forwardRef } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 var imageWrapperStyles = null;
 var dynamicImageWrapperStyles = null;

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

@@ -12,7 +12,7 @@ import { MediaViewerError } from '../../errors';
 import { clientRectangle, naturalSizeRectangle, zoomLevelAfterResize } from './utils';
 import { ImageWrapper } from './ImageWrapper';
 import { getErrorReason } from './errors';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 var SvgViewerBase = function SvgViewerBase(_ref) {
   var identifier = _ref.identifier,
     onLoad = _ref.onLoad,

package/dist/esm/zoomControls.js

@@ -16,7 +16,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireAnalytics } from './analytics/';
 import { createZoomInButtonClickEvent } from './analytics/events/ui/zoomInButtonClicked';
 import { createZoomOutButtonClickedEvent } from './analytics/events/ui/zoomOutButtonClicked';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 export var ZoomControlsBase = /*#__PURE__*/function (_Component) {
   function ZoomControlsBase() {

package/dist/types/errorMessage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type ReactNode } from 'react';
-import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-next';
+import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl';
 import { type FileState } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';

package/dist/types/header.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Identifier } from '@atlaskit/media-client';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl';
 import { type MediaViewerExtensions } from './components/types';
 import { type MediaFeatureFlags, type MediaTraceContext } from '@atlaskit/media-common';
 export type Props = {

package/dist/types/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ZipEntry } from 'unzipit';
 import { type MediaClient } from '@atlaskit/media-client';
 import { type ArchiveViewerError } from '../../errors';
-import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
 type Entries = {
     [key: string]: ZipEntry;
 };

package/dist/types/zoomControls.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Component } from 'react';
 import { type ZoomLevel } from './domain/zoomLevel';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl';
 export type ZoomControlsProps = React.PropsWithChildren<Readonly<{
     onChange: (newZoomLevel: ZoomLevel) => void;
     zoomLevel: ZoomLevel;

package/dist/types-ts4.5/errorMessage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type ReactNode } from 'react';
-import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-next';
+import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl';
 import { type FileState } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';

package/dist/types-ts4.5/header.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Identifier } from '@atlaskit/media-client';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl';
 import { type MediaViewerExtensions } from './components/types';
 import { type MediaFeatureFlags, type MediaTraceContext } from '@atlaskit/media-common';
 export type Props = {

package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ZipEntry } from 'unzipit';
 import { type MediaClient } from '@atlaskit/media-client';
 import { type ArchiveViewerError } from '../../errors';
-import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
 type Entries = {
     [key: string]: ZipEntry;
 };

package/dist/types-ts4.5/zoomControls.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Component } from 'react';
 import { type ZoomLevel } from './domain/zoomLevel';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl';
 export type ZoomControlsProps = React.PropsWithChildren<Readonly<{
     onChange: (newZoomLevel: ZoomLevel) => void;
     zoomLevel: ZoomLevel;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.9.6",
+	"version": "53.0.1",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,22 +37,22 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.0.0",
+		"@atlaskit/icon": "^34.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^6.4.0",
+		"@atlaskit/icon-lab": "^6.5.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
 		"@atlaskit/media-document-viewer": "^0.6.0",
 		"@atlaskit/media-svg": "^2.2.0",
-		"@atlaskit/media-ui": "^28.7.0",
+		"@atlaskit/media-ui": "^29.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.4.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/side-navigation": "^11.1.0",
+		"@atlaskit/side-navigation": "^11.2.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/theme": "^23.0.0",
+		"@atlaskit/theme": "^23.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -78,7 +78,7 @@
 	"peerDependencies": {
 		"@emotion/react": "^11.7.1",
 		"react": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1"
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
@@ -88,9 +88,9 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-state": "^2.0.0",
 		"@atlaskit/media-test-data": "^3.2.0",
-		"@atlaskit/media-test-helpers": "^40.0.0",
+		"@atlaskit/media-test-helpers": "^41.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^15.5.0",
+		"@atlaskit/toggle": "^15.6.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",
@@ -105,7 +105,7 @@
 		"exenv": "^1.2.2",
 		"jsverify": "^0.8.3",
 		"react-dom": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1",
+		"react-intl": "^6.6.2",
 		"rxjs": "^5.5.0",
 		"wait-for-expect": "^1.2.0"
 	},
@@ -131,6 +131,9 @@
 		"platform_media_react19_support": {
 			"type": "boolean"
 		},
+		"platform_media_package_react19_lifecycle_fix": {
+			"type": "boolean"
+		},
 		"platform_media_a11y_suppression_fixes": {
 			"type": "boolean"
 		}

package/report.api.md

@@ -122,7 +122,7 @@ type MediaViewerWithMediaClientConfigProps = WithMediaClientConfigProps<MediaVie
 {
 	"@emotion/react": "^11.7.1",
 	"react": "^16.8.0",
-	"react-intl-next": "npm:react-intl@^5.18.1"
+	"react-intl": "npm:react-intl@^5.18.1"
 }
 ```