@atlaskit/media-ui 28.7.41 → 29.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/cjs/abuseModal/abuseModal.js +2 -2
  3. package/dist/cjs/customMediaPlayer/index.js +2 -2
  4. package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +2 -2
  5. package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/languageDetector.js +5 -5
  6. package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js +9 -8
  7. package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +2 -2
  8. package/dist/cjs/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +2 -2
  9. package/dist/cjs/customMediaPlayer/mediaPlayer/captionsAdminControls.js +2 -2
  10. package/dist/cjs/customMediaPlayer/mediaPlayer/captionsSelectControls.js +2 -2
  11. package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +2 -2
  12. package/dist/cjs/customMediaPlayer/mediaPlayer/useTextTracks.js +2 -2
  13. package/dist/cjs/customMediaPlayer/playbackSpeedControls.js +3 -3
  14. package/dist/cjs/customMediaPlayer/timeRange.js +2 -2
  15. package/dist/cjs/messages.js +38 -38
  16. package/dist/cjs/test-helpers/mountWithIntlContext.js +4 -4
  17. package/dist/cjs/test-helpers/renderWithIntl.js +2 -2
  18. package/dist/es2019/abuseModal/abuseModal.js +1 -1
  19. package/dist/es2019/customMediaPlayer/index.js +1 -1
  20. package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +1 -1
  21. package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/languageDetector.js +3 -3
  22. package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js +3 -2
  23. package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +1 -1
  24. package/dist/es2019/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +1 -1
  25. package/dist/es2019/customMediaPlayer/mediaPlayer/captionsAdminControls.js +1 -1
  26. package/dist/es2019/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
  27. package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
  28. package/dist/es2019/customMediaPlayer/mediaPlayer/useTextTracks.js +1 -1
  29. package/dist/es2019/customMediaPlayer/playbackSpeedControls.js +1 -1
  30. package/dist/es2019/customMediaPlayer/timeRange.js +1 -1
  31. package/dist/es2019/messages.js +37 -37
  32. package/dist/es2019/test-helpers/mountWithIntlContext.js +1 -1
  33. package/dist/es2019/test-helpers/renderWithIntl.js +1 -1
  34. package/dist/esm/abuseModal/abuseModal.js +1 -1
  35. package/dist/esm/customMediaPlayer/index.js +1 -1
  36. package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +1 -1
  37. package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/languageDetector.js +3 -3
  38. package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js +3 -2
  39. package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +1 -1
  40. package/dist/esm/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +1 -1
  41. package/dist/esm/customMediaPlayer/mediaPlayer/captionsAdminControls.js +1 -1
  42. package/dist/esm/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
  43. package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
  44. package/dist/esm/customMediaPlayer/mediaPlayer/useTextTracks.js +1 -1
  45. package/dist/esm/customMediaPlayer/playbackSpeedControls.js +1 -1
  46. package/dist/esm/customMediaPlayer/timeRange.js +1 -1
  47. package/dist/esm/messages.js +37 -37
  48. package/dist/esm/test-helpers/mountWithIntlContext.js +1 -1
  49. package/dist/esm/test-helpers/renderWithIntl.js +1 -1
  50. package/dist/types/abuseModal/abuseModal.d.ts +1 -1
  51. package/dist/types/customMediaPlayer/index-compiled.d.ts +1 -1
  52. package/dist/types/customMediaPlayer/index.d.ts +1 -1
  53. package/dist/types/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts +1 -1
  54. package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts +1 -1
  55. package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts +1 -1
  56. package/dist/types/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts +1 -1
  57. package/dist/types/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts +1 -1
  58. package/dist/types/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts +1 -1
  59. package/dist/types/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts +2 -2
  60. package/dist/types/customMediaPlayer/playbackSpeedControls.d.ts +1 -1
  61. package/dist/types/customMediaPlayer/timeRange.d.ts +1 -1
  62. package/dist/types/messages.d.ts +1 -1
  63. package/dist/types/test-helpers/mountWithIntlContext.d.ts +1 -1
  64. package/dist/types-ts4.5/abuseModal/abuseModal.d.ts +1 -1
  65. package/dist/types-ts4.5/customMediaPlayer/index-compiled.d.ts +1 -1
  66. package/dist/types-ts4.5/customMediaPlayer/index.d.ts +1 -1
  67. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts +1 -1
  68. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts +1 -1
  69. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts +1 -1
  70. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts +1 -1
  71. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts +1 -1
  72. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts +1 -1
  73. package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts +2 -2
  74. package/dist/types-ts4.5/customMediaPlayer/playbackSpeedControls.d.ts +1 -1
  75. package/dist/types-ts4.5/customMediaPlayer/timeRange.d.ts +1 -1
  76. package/dist/types-ts4.5/messages.d.ts +1 -1
  77. package/dist/types-ts4.5/test-helpers/mountWithIntlContext.d.ts +1 -1
  78. package/package.json +10 -10
  79. package/report.api.md +2 -2
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.renderWithIntl = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _reactIntlNext = require("react-intl-next");
9
+ var _reactIntl = require("react-intl");
10
10
  var _react2 = require("@testing-library/react");
11
11
  // eslint-disable-next-line import/no-extraneous-dependencies
12
12
 
13
13
  var renderWithIntl = exports.renderWithIntl = function renderWithIntl(component) {
14
- return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
14
+ return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
15
15
  locale: "en"
16
16
  }, component));
17
17
  };
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { injectIntl } from 'react-intl-next';
2
+ import { injectIntl } from 'react-intl';
3
3
  import Button from '@atlaskit/button/new';
4
4
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
5
5
  import { messages } from '../messages';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { injectIntl } from 'react-intl-next';
2
+ import { injectIntl } from 'react-intl';
3
3
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
4
4
  import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-compiled';
5
5
  import { withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
3
3
  import SuccessIcon from '@atlaskit/icon/core/status-success';
4
4
  import ErrorIcon from '@atlaskit/icon/core/status-error';
5
- import { injectIntl } from 'react-intl-next';
5
+ import { injectIntl } from 'react-intl';
6
6
  import { messages } from '../../../messages';
7
7
  function ApiFeedback({
8
8
  notificationType,
@@ -1,4 +1,4 @@
1
- import { defaultLocales } from '@atlaskit/locale/LocaleSelect';
1
+ import defaultLocales from '@atlaskit/locale/default-locales';
2
2
  const normalize = locale => {
3
3
  return locale.toLowerCase();
4
4
  };
@@ -27,9 +27,9 @@ const detectVtt = (file, _content) => {
27
27
  }
28
28
 
29
29
  // Section results in a valid Intl.Locale
30
- /*
30
+ /*
31
31
  new Intl.Locale is quite permisive with its input.
32
- It allows several text that do not really represent a locale. This is why we prioritize the previous checks
32
+ It allows several text that do not really represent a locale. This is why we prioritize the previous checks
33
33
  */
34
34
  for (const section of sections) {
35
35
  try {
@@ -1,8 +1,9 @@
1
1
  import React, { useEffect, useState } from 'react';
2
- import { injectIntl } from 'react-intl-next';
2
+ import { injectIntl } from 'react-intl';
3
3
  import Button from '@atlaskit/button/new';
4
4
  import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
5
- import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
5
+ import LocaleSelect from '@atlaskit/locale/LocaleSelect';
6
+ import defaultLocales from '@atlaskit/locale/default-locales';
6
7
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
7
8
  import { Box, Inline } from '@atlaskit/primitives/compiled';
8
9
  import FileIcon from '@atlaskit/icon/core/file';
@@ -4,7 +4,7 @@ import { BrowserPicker } from './filePickers/browser';
4
4
  import { createUploadCaptionsFn, UploadCaptionsForm } from './captions';
5
5
  import ApiFeedback from '../apiFeedback';
6
6
  import { messages } from '../../../../messages';
7
- import { injectIntl } from 'react-intl-next';
7
+ import { injectIntl } from 'react-intl';
8
8
  const CaptionsUploaderBrowser = ({
9
9
  identifier,
10
10
  isOpen,
@@ -4,7 +4,7 @@ import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition
4
4
  import { useMediaClient } from '@atlaskit/media-client-react';
5
5
  import { parseError } from './artifactUploader/captions/util';
6
6
  import ApiFeedback from './apiFeedback';
7
- import { injectIntl } from 'react-intl-next';
7
+ import { injectIntl } from 'react-intl';
8
8
  import { messages } from '../../../messages';
9
9
  import { getRandomTelemetryId } from '@atlaskit/media-common';
10
10
  const CaptionDeleteConfirmationModal = ({
@@ -4,7 +4,7 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
4
4
  import SettingsIcon from '@atlaskit/icon/core/settings';
5
5
  import { messages } from '../../messages';
6
6
  import Tooltip from '@atlaskit/tooltip';
7
- import { injectIntl } from 'react-intl-next';
7
+ import { injectIntl } from 'react-intl';
8
8
  import { formatLocale } from './captions';
9
9
  import MediaButton from '../../MediaButton';
10
10
  import { popupCustomStyles, createPopupSelectComponentsWithIcon } from '../dropdownControlCommon';
@@ -1,5 +1,5 @@
1
1
  import React, { memo, useMemo } from 'react';
2
- import { injectIntl } from 'react-intl-next';
2
+ import { injectIntl } from 'react-intl';
3
3
  import Tooltip from '@atlaskit/tooltip';
4
4
  import { SplitButton } from '@atlaskit/button/new';
5
5
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
@@ -13,7 +13,7 @@ import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
13
13
  import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
14
14
  import SoundIcon from '@atlaskit/icon/core/volume-high';
15
15
  import DownloadIcon from '@atlaskit/icon/core/download';
16
- import { injectIntl } from 'react-intl-next';
16
+ import { injectIntl } from 'react-intl';
17
17
  import { Box, Flex } from '@atlaskit/primitives/compiled';
18
18
  import MediaButton from '../../MediaButton';
19
19
  import Spinner from '@atlaskit/spinner';
@@ -2,7 +2,7 @@ import { hasArtifacts } from '@atlaskit/media-client';
2
2
  import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
3
3
  import { useMediaClient, useMediaSettings } from '@atlaskit/media-client-react';
4
4
  import { getUserCaptionsEnabled, getUserCaptionsLocale, findPreselectedTrackIndex, setUserCaptionsEnabled, setUserCaptionsLocale } from './captions';
5
- import { useIntl } from 'react-intl-next';
5
+ import { useIntl } from 'react-intl';
6
6
  import { getRandomTelemetryId } from '@atlaskit/media-common';
7
7
  import { createCaptionDisplayFailedEventPayload, fireAnalyticsEvent } from '../analytics';
8
8
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React from 'react';
3
3
  import { Component } from 'react';
4
4
  import { PopupSelect } from '@atlaskit/select';
5
- import { FormattedMessage, injectIntl } from 'react-intl-next';
5
+ import { FormattedMessage, injectIntl } from 'react-intl';
6
6
  import Tooltip from '@atlaskit/tooltip';
7
7
  import MediaButton from '../MediaButton';
8
8
  import { messages } from '../messages';
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { Component } from 'react';
4
4
  import { CurrentTimeTooltip as CompiledCurrentTimeTooltip, TimeRangeWrapper as CompiledTimeRangeWrapper } from './styled-compiled';
5
5
  import { formatDuration, secondsToTime } from '../formatDuration';
6
- import { injectIntl } from 'react-intl-next';
6
+ import { injectIntl } from 'react-intl';
7
7
  import { messages } from '../messages';
8
8
  import { BufferedTime, CurrentTimeLine, CurrentTimeLineThumb, TimeLine } from './styled';
9
9
  export class TimeRangeBase extends Component {
@@ -1,4 +1,4 @@
1
- import { defineMessages } from 'react-intl-next';
1
+ import { defineMessages } from 'react-intl';
2
2
  export const messages = defineMessages({
3
3
  click_to_join: {
4
4
  id: 'fabric.media.click_to_join',
@@ -43,7 +43,7 @@ export const messages = defineMessages({
43
43
  retry: {
44
44
  id: 'fabric.media.retry',
45
45
  defaultMessage: 'Retry',
46
- description: 'Allows user to perform an action again'
46
+ 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.'
47
47
  },
48
48
  failed_to_load: {
49
49
  id: 'fabric.media.failed_to_load',
@@ -88,27 +88,27 @@ export const messages = defineMessages({
88
88
  upload: {
89
89
  id: 'fabric.media.upload',
90
90
  defaultMessage: 'Upload',
91
- description: 'upload'
91
+ description: 'The text is shown on a button in the media UI that initiates the upload of a selected file to the server.'
92
92
  },
93
93
  cancel: {
94
94
  id: 'fabric.media.cancel',
95
95
  defaultMessage: 'Cancel',
96
- description: 'cancel'
96
+ 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.'
97
97
  },
98
98
  delete: {
99
99
  id: 'fabric.media.delete',
100
100
  defaultMessage: 'Delete',
101
- description: 'delete'
101
+ description: 'The text is shown on a button in the media UI that permanently deletes the selected media file.'
102
102
  },
103
103
  success: {
104
104
  id: 'fabric.media.success',
105
105
  defaultMessage: 'Success',
106
- description: 'success'
106
+ 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.'
107
107
  },
108
108
  error: {
109
109
  id: 'fabric.media.error',
110
110
  defaultMessage: 'Error',
111
- description: 'error'
111
+ 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.'
112
112
  },
113
113
  search_all_gifs: {
114
114
  id: 'fabric.media.search_all_gifs',
@@ -133,7 +133,7 @@ export const messages = defineMessages({
133
133
  try_again: {
134
134
  id: 'fabric.media.try_again',
135
135
  defaultMessage: 'Try again',
136
- description: 'Allow the user to try an action again'
136
+ 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.'
137
137
  },
138
138
  try_another_account: {
139
139
  id: 'fabric.media.try_another_account',
@@ -153,12 +153,12 @@ export const messages = defineMessages({
153
153
  load_more_gifs: {
154
154
  id: 'fabric.media.load_more_gifs',
155
155
  defaultMessage: 'Load more GIFs',
156
- description: 'Used to load next page of GIF images'
156
+ description: 'The text is shown on a button in the media GIF picker that loads the next page of GIF search results when clicked.'
157
157
  },
158
158
  add_account: {
159
159
  id: 'fabric.media.add_account',
160
160
  defaultMessage: 'Add account',
161
- description: 'Allows to add a new account'
161
+ 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.'
162
162
  },
163
163
  unlink_account: {
164
164
  id: 'fabric.media.unlink_account',
@@ -243,17 +243,17 @@ export const messages = defineMessages({
243
243
  loading_file: {
244
244
  id: 'fabric.media.loading_file',
245
245
  defaultMessage: 'Loading file...',
246
- description: 'Shown when a file is being fetched'
246
+ 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.'
247
247
  },
248
248
  save: {
249
249
  id: 'fabric.media.save',
250
250
  defaultMessage: 'Save',
251
- description: 'Just the "save" word'
251
+ 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.'
252
252
  },
253
253
  or: {
254
254
  id: 'fabric.media.or',
255
255
  defaultMessage: 'or',
256
- description: 'Just the "or" word'
256
+ 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.'
257
257
  },
258
258
  upload_photo: {
259
259
  id: 'fabric.media.upload_photo',
@@ -263,7 +263,7 @@ export const messages = defineMessages({
263
263
  default_avatars: {
264
264
  id: 'fabric.media.default_avatars',
265
265
  defaultMessage: 'Default avatars',
266
- description: 'Showed above the default avatar list'
266
+ 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.'
267
267
  },
268
268
  avatar_picker_back_btn_label: {
269
269
  id: 'fabric.media.avatar_picker_back_btn_label',
@@ -278,12 +278,12 @@ export const messages = defineMessages({
278
278
  alt_text: {
279
279
  id: 'fabric.media.alt_text_label',
280
280
  defaultMessage: 'Alt text',
281
- description: 'Shown above the alt text field'
281
+ 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.'
282
282
  },
283
283
  alt_text_description: {
284
284
  id: 'fabric.media.alt_text_helper_message',
285
285
  defaultMessage: 'How would you describe the selected image to someone with low vision?',
286
- description: 'Shown below the alt text field'
286
+ 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.'
287
287
  },
288
288
  image_url_invalid_error: {
289
289
  id: 'fabric.media.image_url_invalid_error',
@@ -293,12 +293,12 @@ export const messages = defineMessages({
293
293
  image_format_invalid_error: {
294
294
  id: 'fabric.media.image_format_invalid_error',
295
295
  defaultMessage: 'Could not load image, the format is invalid.',
296
- description: 'The provided image format is not valid'
296
+ 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.'
297
297
  },
298
298
  image_size_too_large_error: {
299
299
  id: 'fabric.media.image_size_too_large_error',
300
300
  defaultMessage: 'Image is too large, must be no larger than {MAX_SIZE_MB}Mb',
301
- description: 'The provided image size is too big'
301
+ 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.'
302
302
  },
303
303
  something_went_wrong: {
304
304
  id: 'fabric.media.something_went_wrong',
@@ -353,12 +353,12 @@ export const messages = defineMessages({
353
353
  password: {
354
354
  id: 'fabric.media.password',
355
355
  defaultMessage: 'Password',
356
- description: 'Description of Password text field.'
356
+ 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.'
357
357
  },
358
358
  enter_password: {
359
359
  id: 'fabric.media.enter_password',
360
360
  defaultMessage: 'Enter password',
361
- description: 'Prompting user to enter the password.'
361
+ 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.'
362
362
  },
363
363
  incorrect_password: {
364
364
  id: 'fabric.media.incorrect_password',
@@ -508,17 +508,17 @@ export const messages = defineMessages({
508
508
  zoom_out: {
509
509
  id: 'fabric.media.zoom_out',
510
510
  defaultMessage: 'zoom out',
511
- description: 'Indicates the user can zoom out a file'
511
+ 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.'
512
512
  },
513
513
  zoom_in: {
514
514
  id: 'fabric.media.zoom_in',
515
515
  defaultMessage: 'zoom in',
516
- description: 'Indicates the user can zoom in a file'
516
+ 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.'
517
517
  },
518
518
  remove_image: {
519
519
  id: 'fabric.media.remove_image',
520
520
  defaultMessage: 'Remove image',
521
- description: 'Allows the user to remove a file'
521
+ 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.'
522
522
  },
523
523
  play: {
524
524
  id: 'fabric.media.play',
@@ -603,7 +603,7 @@ export const messages = defineMessages({
603
603
  displayThumbnail: {
604
604
  id: 'fabric.media.display_thumbnail',
605
605
  defaultMessage: 'Display thumbnail',
606
- description: 'Display file with as a thumbnail.'
606
+ 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.'
607
607
  },
608
608
  search: {
609
609
  id: 'fabric.media.search',
@@ -743,32 +743,32 @@ export const messages = defineMessages({
743
743
  preview_unavailable: {
744
744
  id: 'fabric.media.preview_unavailable',
745
745
  defaultMessage: 'Preview unavailable',
746
- description: 'Preview is unavailable for a media card'
746
+ 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.'
747
747
  },
748
748
  couldnt_load_file: {
749
749
  id: 'fabric.media.couldnt_load_file',
750
750
  defaultMessage: "We couldn't load the file.",
751
- description: 'File is rate limited without metadata'
751
+ 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.'
752
752
  },
753
753
  error_429: {
754
754
  id: 'fabric.media.error_429',
755
755
  defaultMessage: 'Error 429',
756
- description: 'Error 429 is thrown'
756
+ 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.'
757
757
  },
758
758
  close_and_reopen: {
759
759
  id: 'fabric.media.close_and_reopen',
760
760
  defaultMessage: 'Try closing this file and reopening.',
761
- description: 'The preview is rate limited'
761
+ 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.'
762
762
  },
763
763
  viewer_rateLimited: {
764
764
  id: 'fabric.media.viewer_rateLimited',
765
765
  defaultMessage: `We're having difficulties loading your file.`,
766
- description: 'Mediaviewer has been rate limited'
766
+ 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).'
767
767
  },
768
768
  zip_entry_load_fail: {
769
769
  id: 'fabric.media.zip_entry_load_failed',
770
770
  defaultMessage: `We couldn't load that zip file item to preview`,
771
- description: 'Zip entry failed to load'
771
+ 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.'
772
772
  },
773
773
  file_image_is_selected: {
774
774
  id: 'fabric.media.file_is_selected',
@@ -813,22 +813,22 @@ export const messages = defineMessages({
813
813
  video_seeker_label_assistive_text: {
814
814
  id: 'fabric.media.video_seeker_label_assistive_text',
815
815
  defaultMessage: 'Seek slider',
816
- description: 'Video time seek slider aria-label'
816
+ 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.'
817
817
  },
818
818
  abuse_modal_body: {
819
819
  id: 'fabric.media.abuse_modal_body',
820
820
  defaultMessage: 'For your security, our system automatically scans all uploaded files. The file you are about to download potentially contains malicious content',
821
- description: 'Abuse Modal Body Message'
821
+ 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.'
822
822
  },
823
823
  abuse_modal_title: {
824
824
  id: 'fabric.media.abuse_modal_title',
825
825
  defaultMessage: 'Warning',
826
- description: 'Abuse Modal Title'
826
+ 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.'
827
827
  },
828
828
  abuse_modal_submit: {
829
829
  id: 'fabric.media.abuse_modal_submit',
830
830
  defaultMessage: 'Proceed with download',
831
- description: 'Abuse Modal Submit button caption'
831
+ 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.'
832
832
  },
833
833
  image_cropper_arrow_keys_label: {
834
834
  id: 'media.media-avatar-picker.image-cropper.arrow-keys.label',
@@ -863,12 +863,12 @@ export const messages = defineMessages({
863
863
  svg_base_alt: {
864
864
  id: 'media.media-viewer.base-svg.alt',
865
865
  defaultMessage: 'Svg Image',
866
- description: 'Alt text for the Svg image placer'
866
+ 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.'
867
867
  },
868
868
  svg_image_preview_label_assistive_text: {
869
869
  id: 'media.media-viewer.svg-wrapper.label_assistive_text',
870
870
  defaultMessage: 'Close Image Preview',
871
- description: 'Aria-label for SVG image wrapper'
871
+ 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.'
872
872
  },
873
873
  archive_download_label_assistive_text: {
874
874
  id: 'media.media-viewer.archive-sidebar.wrapper.label_assistive_text',
@@ -878,6 +878,6 @@ export const messages = defineMessages({
878
878
  media_card_wrapper_label_assistive_text: {
879
879
  id: 'media.media-card.wrapper.label_assistive_text',
880
880
  defaultMessage: 'Media file card',
881
- description: 'Aria-label for media card wrapper'
881
+ 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.'
882
882
  }
883
883
  });
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl-next';
2
+ import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl';
3
3
  // eslint-disable-next-line import/no-extraneous-dependencies
4
4
  import { mount, shallow } from 'enzyme';
5
5
  const mockIntl = createIntl({
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { IntlProvider } from 'react-intl-next';
2
+ import { IntlProvider } from 'react-intl';
3
3
  // eslint-disable-next-line import/no-extraneous-dependencies
4
4
  import { render } from '@testing-library/react';
5
5
  export const renderWithIntl = component => {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { injectIntl } from 'react-intl-next';
2
+ import { injectIntl } from 'react-intl';
3
3
  import Button from '@atlaskit/button/new';
4
4
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
5
5
  import { messages } from '../messages';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { injectIntl } from 'react-intl-next';
2
+ import { injectIntl } from 'react-intl';
3
3
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
4
4
  import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-compiled';
5
5
  import { withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
3
3
  import SuccessIcon from '@atlaskit/icon/core/status-success';
4
4
  import ErrorIcon from '@atlaskit/icon/core/status-error';
5
- import { injectIntl } from 'react-intl-next';
5
+ import { injectIntl } from 'react-intl';
6
6
  import { messages } from '../../../messages';
7
7
  function ApiFeedback(_ref) {
8
8
  var notificationType = _ref.notificationType,
@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
3
3
  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; } } }; }
4
4
  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; } }
5
5
  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; }
6
- import { defaultLocales } from '@atlaskit/locale/LocaleSelect';
6
+ import defaultLocales from '@atlaskit/locale/default-locales';
7
7
  var normalize = function normalize(locale) {
8
8
  return locale.toLowerCase();
9
9
  };
@@ -63,9 +63,9 @@ var detectVtt = function detectVtt(file, _content) {
63
63
  }
64
64
 
65
65
  // Section results in a valid Intl.Locale
66
- /*
66
+ /*
67
67
  new Intl.Locale is quite permisive with its input.
68
- It allows several text that do not really represent a locale. This is why we prioritize the previous checks
68
+ It allows several text that do not really represent a locale. This is why we prioritize the previous checks
69
69
  */
70
70
  } catch (err) {
71
71
  _iterator2.e(err);
@@ -3,10 +3,11 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
3
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
4
  import _regeneratorRuntime from "@babel/runtime/regenerator";
5
5
  import React, { useEffect, useState } from 'react';
6
- import { injectIntl } from 'react-intl-next';
6
+ import { injectIntl } from 'react-intl';
7
7
  import Button from '@atlaskit/button/new';
8
8
  import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
9
- import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
9
+ import LocaleSelect from '@atlaskit/locale/LocaleSelect';
10
+ import defaultLocales from '@atlaskit/locale/default-locales';
10
11
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
11
12
  import { Box, Inline } from '@atlaskit/primitives/compiled';
12
13
  import FileIcon from '@atlaskit/icon/core/file';
@@ -5,7 +5,7 @@ import { BrowserPicker } from './filePickers/browser';
5
5
  import { createUploadCaptionsFn, UploadCaptionsForm } from './captions';
6
6
  import ApiFeedback from '../apiFeedback';
7
7
  import { messages } from '../../../../messages';
8
- import { injectIntl } from 'react-intl-next';
8
+ import { injectIntl } from 'react-intl';
9
9
  var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
10
10
  var identifier = _ref.identifier,
11
11
  isOpen = _ref.isOpen,
@@ -7,7 +7,7 @@ import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition
7
7
  import { useMediaClient } from '@atlaskit/media-client-react';
8
8
  import { parseError } from './artifactUploader/captions/util';
9
9
  import ApiFeedback from './apiFeedback';
10
- import { injectIntl } from 'react-intl-next';
10
+ import { injectIntl } from 'react-intl';
11
11
  import { messages } from '../../../messages';
12
12
  import { getRandomTelemetryId } from '@atlaskit/media-common';
13
13
  var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_ref) {
@@ -5,7 +5,7 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
5
5
  import SettingsIcon from '@atlaskit/icon/core/settings';
6
6
  import { messages } from '../../messages';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
- import { injectIntl } from 'react-intl-next';
8
+ import { injectIntl } from 'react-intl';
9
9
  import { formatLocale } from './captions';
10
10
  import MediaButton from '../../MediaButton';
11
11
  import { popupCustomStyles, createPopupSelectComponentsWithIcon } from '../dropdownControlCommon';
@@ -1,6 +1,6 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import React, { memo, useMemo } from 'react';
3
- import { injectIntl } from 'react-intl-next';
3
+ import { injectIntl } from 'react-intl';
4
4
  import Tooltip from '@atlaskit/tooltip';
5
5
  import { SplitButton } from '@atlaskit/button/new';
6
6
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
@@ -22,7 +22,7 @@ import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
22
22
  import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
23
23
  import SoundIcon from '@atlaskit/icon/core/volume-high';
24
24
  import DownloadIcon from '@atlaskit/icon/core/download';
25
- import { injectIntl } from 'react-intl-next';
25
+ import { injectIntl } from 'react-intl';
26
26
  import { Box, Flex } from '@atlaskit/primitives/compiled';
27
27
  import MediaButton from '../../MediaButton';
28
28
  import Spinner from '@atlaskit/spinner';
@@ -7,7 +7,7 @@ import { hasArtifacts } from '@atlaskit/media-client';
7
7
  import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
8
8
  import { useMediaClient, useMediaSettings } from '@atlaskit/media-client-react';
9
9
  import { getUserCaptionsEnabled, getUserCaptionsLocale, findPreselectedTrackIndex, setUserCaptionsEnabled, setUserCaptionsLocale } from './captions';
10
- import { useIntl } from 'react-intl-next';
10
+ import { useIntl } from 'react-intl';
11
11
  import { getRandomTelemetryId } from '@atlaskit/media-common';
12
12
  import { createCaptionDisplayFailedEventPayload, fireAnalyticsEvent } from '../analytics';
13
13
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -9,7 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
9
9
  import React from 'react';
10
10
  import { Component } from 'react';
11
11
  import { PopupSelect } from '@atlaskit/select';
12
- import { FormattedMessage, injectIntl } from 'react-intl-next';
12
+ import { FormattedMessage, injectIntl } from 'react-intl';
13
13
  import Tooltip from '@atlaskit/tooltip';
14
14
  import MediaButton from '../MediaButton';
15
15
  import { messages } from '../messages';
@@ -10,7 +10,7 @@ import React from 'react';
10
10
  import { Component } from 'react';
11
11
  import { CurrentTimeTooltip as CompiledCurrentTimeTooltip, TimeRangeWrapper as CompiledTimeRangeWrapper } from './styled-compiled';
12
12
  import { formatDuration, secondsToTime } from '../formatDuration';
13
- import { injectIntl } from 'react-intl-next';
13
+ import { injectIntl } from 'react-intl';
14
14
  import { messages } from '../messages';
15
15
  import { BufferedTime, CurrentTimeLine, CurrentTimeLineThumb, TimeLine } from './styled';
16
16
  export var TimeRangeBase = /*#__PURE__*/function (_Component) {