@atlaskit/media-ui 28.7.41 → 29.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/media-ui
 
+## 29.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
+
+## 28.7.42
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.7.41
 
 ### Patch Changes

package/dist/cjs/abuseModal/abuseModal.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AbuseModal = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _messages = require("../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); }
-var AbuseModal = exports.AbuseModal = (0, _reactIntlNext.injectIntl)(function (_ref) {
+var AbuseModal = exports.AbuseModal = (0, _reactIntl.injectIntl)(function (_ref) {
   var isOpen = _ref.isOpen,
     onConfirm = _ref.onConfirm,
     onClose = _ref.onClose,

package/dist/cjs/customMediaPlayer/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CustomMediaPlayerBase = exports.CustomMediaPlayer = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _indexCompiled = require("./index-compiled");
 var _mediaCommon = require("@atlaskit/media-common");
@@ -22,4 +22,4 @@ var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAn
   packageName: packageName,
   componentName: 'customMediaPlayer',
   component: 'customMediaPlayer'
-})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CustomMediaPlayerBase)));
+})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(CustomMediaPlayerBase)));

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _flag = require("@atlaskit/flag");
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("../../../messages");
 function ApiFeedback(_ref) {
   var notificationType = _ref.notificationType,
@@ -47,5 +47,5 @@ function ApiFeedback(_ref) {
     onDismissed: onDismissed
   }, flag);
 }
-var _default_1 = (0, _reactIntlNext.injectIntl)(ApiFeedback);
+var _default_1 = (0, _reactIntl.injectIntl)(ApiFeedback);
 var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/languageDetector.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.detectLanguage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _LocaleSelect = require("@atlaskit/locale/LocaleSelect");
+var _defaultLocales = _interopRequireDefault(require("@atlaskit/locale/default-locales"));
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -29,7 +29,7 @@ var detectVtt = function detectVtt(file, _content) {
   try {
     var _loop = function _loop() {
         var section = _step.value;
-        var detected = _LocaleSelect.defaultLocales.find(function (locale) {
+        var detected = _defaultLocales.default.find(function (locale) {
           return normalize(section) === normalize(locale.value);
         });
         if (detected) {
@@ -54,7 +54,7 @@ var detectVtt = function detectVtt(file, _content) {
   try {
     var _loop2 = function _loop2() {
         var section = _step2.value;
-        var detected = _LocaleSelect.defaultLocales.find(function (locale) {
+        var detected = _defaultLocales.default.find(function (locale) {
           return normalizeNoRegion(section) === normalizeNoRegion(locale.value);
         });
         if (detected) {
@@ -70,9 +70,9 @@ var detectVtt = function detectVtt(file, _content) {
     }
 
     // Section results in a valid Intl.Locale
-    /* 
+    /*
     	new Intl.Locale is quite permisive with its input.
-    	It allows several text that do not really represent a locale. This is why we prioritize the previous checks 
+    	It allows several text that do not really represent a locale. This is why we prioritize the previous checks
     */
   } catch (err) {
     _iterator2.e(err);

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -11,10 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _LocaleSelect = _interopRequireWildcard(require("@atlaskit/locale/LocaleSelect"));
+var _LocaleSelect = _interopRequireDefault(require("@atlaskit/locale/LocaleSelect"));
+var _defaultLocales = _interopRequireDefault(require("@atlaskit/locale/default-locales"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 var _form = require("@atlaskit/form");
@@ -39,7 +40,7 @@ var detectLocale = /*#__PURE__*/function () {
             _context.next = 9;
             break;
           }
-          defaultLocale = _LocaleSelect.defaultLocales.find(function (l) {
+          defaultLocale = _defaultLocales.default.find(function (l) {
             return l.value === detectedLocale;
           });
           if (!defaultLocale) {
@@ -48,18 +49,18 @@ var detectLocale = /*#__PURE__*/function () {
           }
           return _context.abrupt("return", {
             selectedLocale: defaultLocale,
-            locales: _LocaleSelect.defaultLocales
+            locales: _defaultLocales.default
           });
         case 7:
           customLocale = customLocaleOption(intl, detectedLocale);
           return _context.abrupt("return", {
             selectedLocale: customLocale,
-            locales: [].concat((0, _toConsumableArray2.default)(_LocaleSelect.defaultLocales), [customLocale])
+            locales: [].concat((0, _toConsumableArray2.default)(_defaultLocales.default), [customLocale])
           });
         case 9:
           return _context.abrupt("return", {
-            selectedLocale: _LocaleSelect.defaultLocales[0],
-            locales: _LocaleSelect.defaultLocales
+            selectedLocale: _defaultLocales.default[0],
+            locales: _defaultLocales.default
           });
         case 10:
         case "end":
@@ -174,5 +175,5 @@ function UploadCaptionsForm(_ref2) {
     onClick: submit
   }, intl.formatMessage(_messages.messages.upload)))));
 }
-var _default_1 = (0, _reactIntlNext.injectIntl)(UploadCaptionsForm);
+var _default_1 = (0, _reactIntl.injectIntl)(UploadCaptionsForm);
 var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -13,7 +13,7 @@ var _browser = require("./filePickers/browser");
 var _captions = require("./captions");
 var _apiFeedback = _interopRequireDefault(require("../apiFeedback"));
 var _messages = require("../../../../messages");
-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 CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
   var identifier = _ref.identifier,
@@ -76,5 +76,5 @@ var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
     errorDescription: intl.formatMessage(_messages.messages.video_captions_upload_error_description)
   }));
 };
-var _default_1 = (0, _reactIntlNext.injectIntl)(CaptionsUploaderBrowser);
+var _default_1 = (0, _reactIntl.injectIntl)(CaptionsUploaderBrowser);
 var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js

@@ -15,7 +15,7 @@ var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _util = require("./artifactUploader/captions/util");
 var _apiFeedback = _interopRequireDefault(require("./apiFeedback"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("../../../messages");
 var _mediaCommon = require("@atlaskit/media-common");
 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); }
@@ -64,7 +64,7 @@ var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_re
     errorDescription: intl.formatMessage(_messages.messages.video_captions_delete_error_description)
   }));
 };
-var _default_1 = (0, _reactIntlNext.injectIntl)(CaptionDeleteConfirmationModal);
+var _default_1 = (0, _reactIntl.injectIntl)(CaptionDeleteConfirmationModal);
 var _default = exports.default = _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {

package/dist/cjs/customMediaPlayer/mediaPlayer/captionsAdminControls.js

@@ -13,7 +13,7 @@ var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
 var _messages = require("../../messages");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _captions = require("./captions");
 var _MediaButton = _interopRequireDefault(require("../../MediaButton"));
 var _dropdownControlCommon = require("../dropdownControlCommon");
@@ -97,4 +97,4 @@ var _CaptionsAdminControls = exports._CaptionsAdminControls = function _Captions
     popperProps: _dropdownControlCommon.popperProps
   });
 };
-var CaptionsAdminControls = exports.CaptionsAdminControls = (0, _reactIntlNext.injectIntl)(_CaptionsAdminControls);
+var CaptionsAdminControls = exports.CaptionsAdminControls = (0, _reactIntl.injectIntl)(_CaptionsAdminControls);

package/dist/cjs/customMediaPlayer/mediaPlayer/captionsSelectControls.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CaptionsSelectControls = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _new = require("@atlaskit/button/new");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
@@ -95,4 +95,4 @@ var CaptionsSelectControlsWithIntl = /*#__PURE__*/(0, _react.memo)(function (_re
     popperProps: _dropdownControlCommon.popperProps
   }));
 });
-var CaptionsSelectControls = exports.CaptionsSelectControls = (0, _reactIntlNext.injectIntl)(CaptionsSelectControlsWithIntl);
+var CaptionsSelectControls = exports.CaptionsSelectControls = (0, _reactIntl.injectIntl)(CaptionsSelectControlsWithIntl);

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js

@@ -22,7 +22,7 @@ var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fulls
 var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
 var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _MediaButton = _interopRequireDefault(require("../../MediaButton"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -901,4 +901,4 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
-var MediaPlayerBase = exports.MediaPlayerBase = (0, _reactIntlNext.injectIntl)(_MediaPlayerBase);
+var MediaPlayerBase = exports.MediaPlayerBase = (0, _reactIntl.injectIntl)(_MediaPlayerBase);

package/dist/cjs/customMediaPlayer/mediaPlayer/useTextTracks.js

@@ -12,7 +12,7 @@ var _mediaClient = require("@atlaskit/media-client");
 var _react = require("react");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _captions = require("./captions");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _mediaCommon = require("@atlaskit/media-common");
 var _analytics = require("../analytics");
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -41,7 +41,7 @@ var useTextTracks = exports.useTextTracks = function useTextTracks(_ref) {
   var mediaClient = (0, _mediaClientReact.useMediaClient)();
   var captionsObjectURLsStatus = (0, _react.useRef)(new Map());
   var captionsObjectURLs = (0, _react.useRef)(new Map());
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var _ref2 = (0, _mediaClientReact.useMediaSettings)() || {},
     mediaUserPreferences = _ref2.mediaUserPreferences;
   var _useState = (0, _react.useState)([]),

package/dist/cjs/customMediaPlayer/playbackSpeedControls.js

@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _select = require("@atlaskit/select");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _MediaButton = _interopRequireDefault(require("../MediaButton"));
 var _messages = require("../messages");
@@ -45,7 +45,7 @@ var PlaybackSpeedControls = exports.PlaybackSpeedControls = /*#__PURE__*/functio
     (0, _defineProperty2.default)(_this, "speedOptions", function () {
       return [{
         // @ts-ignore: FormattedMessage is returning an Element which is a type mismatch with what OptionType wants. This can be fix by using 'intl' object once this packages gets refactor later.
-        label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.playbackSpeed),
+        label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.playbackSpeed),
         options: [{
           label: '0.75x',
           value: 0.75
@@ -127,4 +127,4 @@ var PlaybackSpeedControls = exports.PlaybackSpeedControls = /*#__PURE__*/functio
     }
   }]);
 }(_react.Component);
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(PlaybackSpeedControls);
+var _default = exports.default = (0, _reactIntl.injectIntl)(PlaybackSpeedControls);

package/dist/cjs/customMediaPlayer/timeRange.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _styledCompiled = require("./styled-compiled");
 var _formatDuration = require("../formatDuration");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("../messages");
 var _styled = require("./styled");
 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); }
@@ -272,4 +272,4 @@ var TimeRangeBase = exports.TimeRangeBase = /*#__PURE__*/function (_Component) {
   disableThumbTooltip: false,
   isAlwaysActive: false
 });
-var TimeRange = exports.TimeRange = (0, _reactIntlNext.injectIntl)(TimeRangeBase);
+var TimeRange = exports.TimeRange = (0, _reactIntl.injectIntl)(TimeRangeBase);

package/dist/cjs/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   click_to_join: {
     id: 'fabric.media.click_to_join',
     defaultMessage: 'Join {context}',
@@ -49,7 +49,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   retry: {
     id: 'fabric.media.retry',
     defaultMessage: 'Retry',
-    description: 'Allows user to perform an action again'
+    description: 'The text is shown on a button in the media UI when an action has failed and the user can attempt it again, such as retrying a failed upload or file load.'
   },
   failed_to_load: {
     id: 'fabric.media.failed_to_load',
@@ -94,27 +94,27 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   upload: {
     id: 'fabric.media.upload',
     defaultMessage: 'Upload',
-    description: 'upload'
+    description: 'The text is shown on a button in the media UI that initiates the upload of a selected file to the server.'
   },
   cancel: {
     id: 'fabric.media.cancel',
     defaultMessage: 'Cancel',
-    description: 'cancel'
+    description: 'The text is shown on a button in the media UI that cancels the current operation, such as an in-progress upload or file selection.'
   },
   delete: {
     id: 'fabric.media.delete',
     defaultMessage: 'Delete',
-    description: 'delete'
+    description: 'The text is shown on a button in the media UI that permanently deletes the selected media file.'
   },
   success: {
     id: 'fabric.media.success',
     defaultMessage: 'Success',
-    description: 'success'
+    description: 'The text is shown as a status indicator in the media UI when an operation, such as uploading or saving a file, has completed successfully.'
   },
   error: {
     id: 'fabric.media.error',
     defaultMessage: 'Error',
-    description: 'error'
+    description: 'The text is shown as a status indicator in the media UI when an operation has encountered an error, such as a failed upload or file load.'
   },
   search_all_gifs: {
     id: 'fabric.media.search_all_gifs',
@@ -139,7 +139,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   try_again: {
     id: 'fabric.media.try_again',
     defaultMessage: 'Try again',
-    description: 'Allow the user to try an action again'
+    description: 'The text is shown on a button in the media UI when a previous action has failed and the user is prompted to attempt it again, such as retrying a failed file preview or upload.'
   },
   try_another_account: {
     id: 'fabric.media.try_another_account',
@@ -159,12 +159,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   load_more_gifs: {
     id: 'fabric.media.load_more_gifs',
     defaultMessage: 'Load more GIFs',
-    description: 'Used to load next page of GIF images'
+    description: 'The text is shown on a button in the media GIF picker that loads the next page of GIF search results when clicked.'
   },
   add_account: {
     id: 'fabric.media.add_account',
     defaultMessage: 'Add account',
-    description: 'Allows to add a new account'
+    description: 'The text is shown on a button in the media file picker that allows the user to connect an additional cloud storage account (e.g. Google Drive, Dropbox) as a media source.'
   },
   unlink_account: {
     id: 'fabric.media.unlink_account',
@@ -249,17 +249,17 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   loading_file: {
     id: 'fabric.media.loading_file',
     defaultMessage: 'Loading file...',
-    description: 'Shown when a file is being fetched'
+    description: 'The text is shown as a loading indicator on a media card while the file is being fetched from the server and is not yet ready to display.'
   },
   save: {
     id: 'fabric.media.save',
     defaultMessage: 'Save',
-    description: 'Just the "save" word'
+    description: 'The text is shown on a primary action button in the media editor or settings panel that saves the current changes made by the user.'
   },
   or: {
     id: 'fabric.media.or',
     defaultMessage: 'or',
-    description: 'Just the "or" word'
+    description: 'The text is shown as a conjunction between two alternative upload options in the media picker, separating options such as drag-and-drop and file browsing.'
   },
   upload_photo: {
     id: 'fabric.media.upload_photo',
@@ -269,7 +269,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   default_avatars: {
     id: 'fabric.media.default_avatars',
     defaultMessage: 'Default avatars',
-    description: 'Showed above the default avatar list'
+    description: 'The text is shown as a section heading above the list of pre-built default avatars that users can choose from in the avatar selection UI.'
   },
   avatar_picker_back_btn_label: {
     id: 'fabric.media.avatar_picker_back_btn_label',
@@ -284,12 +284,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   alt_text: {
     id: 'fabric.media.alt_text_label',
     defaultMessage: 'Alt text',
-    description: 'Shown above the alt text field'
+    description: 'The text is shown as the label above the alt text input field in the media editor, prompting the user to enter a text description for the selected image for accessibility purposes.'
   },
   alt_text_description: {
     id: 'fabric.media.alt_text_helper_message',
     defaultMessage: 'How would you describe the selected image to someone with low vision?',
-    description: 'Shown below the alt text field'
+    description: 'The text is shown as helper text below the alt text input field in the media editor, guiding users to write a description of the image for people with visual impairments.'
   },
   image_url_invalid_error: {
     id: 'fabric.media.image_url_invalid_error',
@@ -299,12 +299,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   image_format_invalid_error: {
     id: 'fabric.media.image_format_invalid_error',
     defaultMessage: 'Could not load image, the format is invalid.',
-    description: 'The provided image format is not valid'
+    description: 'The text is shown as an error message in the media image editor when the uploaded image file has an unsupported or invalid format and cannot be loaded.'
   },
   image_size_too_large_error: {
     id: 'fabric.media.image_size_too_large_error',
     defaultMessage: 'Image is too large, must be no larger than {MAX_SIZE_MB}Mb',
-    description: 'The provided image size is too big'
+    description: 'The text is shown as an error message in the media image editor when the uploaded image exceeds the maximum allowed file size. The placeholder {MAX_SIZE_MB} will be substituted with the maximum allowed size in megabytes.'
   },
   something_went_wrong: {
     id: 'fabric.media.something_went_wrong',
@@ -359,12 +359,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   password: {
     id: 'fabric.media.password',
     defaultMessage: 'Password',
-    description: 'Description of Password text field.'
+    description: 'The text is shown as the label for the password input field in the media file access form, indicating that the user must enter a password to access the protected file.'
   },
   enter_password: {
     id: 'fabric.media.enter_password',
     defaultMessage: 'Enter password',
-    description: 'Prompting user to enter the password.'
+    description: 'The text is shown as the placeholder hint inside the password input field in the media file access form, prompting the user to type in the password required to open the file.'
   },
   incorrect_password: {
     id: 'fabric.media.incorrect_password',
@@ -514,17 +514,17 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   zoom_out: {
     id: 'fabric.media.zoom_out',
     defaultMessage: 'zoom out',
-    description: 'Indicates the user can zoom out a file'
+    description: 'The text is shown as the accessible label for the zoom-out button in the media viewer toolbar, allowing the user to decrease the zoom level of the currently displayed file.'
   },
   zoom_in: {
     id: 'fabric.media.zoom_in',
     defaultMessage: 'zoom in',
-    description: 'Indicates the user can zoom in a file'
+    description: 'The text is shown as the accessible label for the zoom-in button in the media viewer toolbar, allowing the user to increase the zoom level of the currently displayed file.'
   },
   remove_image: {
     id: 'fabric.media.remove_image',
     defaultMessage: 'Remove image',
-    description: 'Allows the user to remove a file'
+    description: 'The text is shown on a button in the media image editor or avatar picker that removes the currently selected or uploaded image, clearing the selection.'
   },
   play: {
     id: 'fabric.media.play',
@@ -609,7 +609,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   displayThumbnail: {
     id: 'fabric.media.display_thumbnail',
     defaultMessage: 'Display thumbnail',
-    description: 'Display file with as a thumbnail.'
+    description: 'The text is shown as a label for the thumbnail display option in the media viewer settings, allowing the user to switch the file view to a thumbnail representation.'
   },
   search: {
     id: 'fabric.media.search',
@@ -749,32 +749,32 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   preview_unavailable: {
     id: 'fabric.media.preview_unavailable',
     defaultMessage: 'Preview unavailable',
-    description: 'Preview is unavailable for a media card'
+    description: 'The text is shown on a media card when a preview of the file cannot be generated or displayed, indicating to the user that no visual preview is available for this file.'
   },
   couldnt_load_file: {
     id: 'fabric.media.couldnt_load_file',
     defaultMessage: "We couldn't load the file.",
-    description: 'File is rate limited without metadata'
+    description: 'The text is shown on a media card as an error message when the file cannot be loaded because the request has been rate limited and no file metadata is available.'
   },
   error_429: {
     id: 'fabric.media.error_429',
     defaultMessage: 'Error 429',
-    description: 'Error 429 is thrown'
+    description: 'The text is shown as the error code label on a media card or viewer when an HTTP 429 Too Many Requests error occurs, indicating the user has been rate limited.'
   },
   close_and_reopen: {
     id: 'fabric.media.close_and_reopen',
     defaultMessage: 'Try closing this file and reopening.',
-    description: 'The preview is rate limited'
+    description: 'The text is shown as an instructional message on a media card or viewer when the file preview is rate limited, guiding the user to close and reopen the file to try again.'
   },
   viewer_rateLimited: {
     id: 'fabric.media.viewer_rateLimited',
     defaultMessage: "We're having difficulties loading your file.",
-    description: 'Mediaviewer has been rate limited'
+    description: 'The text is shown in the media viewer when the viewer has been rate limited and cannot display the file. This message is composed from other sibling messages (error code, instructional text).'
   },
   zip_entry_load_fail: {
     id: 'fabric.media.zip_entry_load_failed',
     defaultMessage: "We couldn't load that zip file item to preview",
-    description: 'Zip entry failed to load'
+    description: 'The text is shown in the media viewer when a specific entry (file) inside a ZIP archive fails to load or cannot be displayed.'
   },
   file_image_is_selected: {
     id: 'fabric.media.file_is_selected',
@@ -819,22 +819,22 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   video_seeker_label_assistive_text: {
     id: 'fabric.media.video_seeker_label_assistive_text',
     defaultMessage: 'Seek slider',
-    description: 'Video time seek slider aria-label'
+    description: 'The text is shown as the accessible aria-label for the seek slider control in the media video player, allowing users relying on assistive technology to understand this control adjusts the video playback position.'
   },
   abuse_modal_body: {
     id: 'fabric.media.abuse_modal_body',
     defaultMessage: 'For your security, our system automatically scans all uploaded files. The file you are about to download potentially contains malicious content',
-    description: 'Abuse Modal Body Message'
+    description: 'The text is shown as the body content of a warning modal that appears before a user downloads a file flagged as potentially malicious by an automated security scan.'
   },
   abuse_modal_title: {
     id: 'fabric.media.abuse_modal_title',
     defaultMessage: 'Warning',
-    description: 'Abuse Modal Title'
+    description: 'The text is shown as the heading of the warning modal that appears before a user downloads a file flagged as potentially malicious by the automated security system.'
   },
   abuse_modal_submit: {
     id: 'fabric.media.abuse_modal_submit',
     defaultMessage: 'Proceed with download',
-    description: 'Abuse Modal Submit button caption'
+    description: 'The text is shown on the confirm button in the security warning modal, allowing the user to proceed with downloading a file that has been flagged as potentially malicious.'
   },
   image_cropper_arrow_keys_label: {
     id: 'media.media-avatar-picker.image-cropper.arrow-keys.label',
@@ -869,12 +869,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   svg_base_alt: {
     id: 'media.media-viewer.base-svg.alt',
     defaultMessage: 'Svg Image',
-    description: 'Alt text for the Svg image placer'
+    description: 'The text is shown as the alt attribute for the SVG image element in the media viewer, providing an accessible text description for screen reader users.'
   },
   svg_image_preview_label_assistive_text: {
     id: 'media.media-viewer.svg-wrapper.label_assistive_text',
     defaultMessage: 'Close Image Preview',
-    description: 'Aria-label for SVG image wrapper'
+    description: 'The text is shown as the aria-label for the interactive SVG image wrapper in the media viewer, indicating to assistive technology users that clicking it closes the image preview.'
   },
   archive_download_label_assistive_text: {
     id: 'media.media-viewer.archive-sidebar.wrapper.label_assistive_text',
@@ -884,6 +884,6 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   media_card_wrapper_label_assistive_text: {
     id: 'media.media-card.wrapper.label_assistive_text',
     defaultMessage: 'Media file card',
-    description: 'Aria-label for media card wrapper'
+    description: 'The text is shown as the aria-label for the media file card wrapper element, providing an accessible name that identifies this component as a media file card to screen reader users.'
   }
 });

package/dist/cjs/test-helpers/mountWithIntlContext.js

@@ -8,13 +8,13 @@ exports.shallowWithIntlContext = exports.mountWithIntlWrapper = exports.mountWit
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _enzyme = require("enzyme");
 var _excluded = ["context", "childContextTypes"],
   _excluded2 = ["context"]; // eslint-disable-next-line import/no-extraneous-dependencies
 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 mockIntl = (0, _reactIntlNext.createIntl)({
+var mockIntl = (0, _reactIntl.createIntl)({
   locale: 'en'
 });
 
@@ -23,7 +23,7 @@ var mockIntl = (0, _reactIntlNext.createIntl)({
  */
 function nodeWithIntlProp(node) {
   var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.RawIntlProvider, {
     value: intl
   }, /*#__PURE__*/_react.default.cloneElement(node, {
     intl: intl
@@ -63,7 +63,7 @@ var shallowWithIntlContext = exports.shallowWithIntlContext = function shallowWi
 };
 var mountWithIntlWrapper = exports.mountWithIntlWrapper = function mountWithIntlWrapper(node) {
   return (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(function (props) {
-    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
       locale: "en"
     }, /*#__PURE__*/_react.default.cloneElement(node, _objectSpread({}, props)));
   }));