@atlaskit/media-viewer 52.5.2 → 52.5.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-viewer
 
+## 52.5.4
+
+### Patch Changes
+
+- [`5f53f075991b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f53f075991b4) -
+  Updated archive viewer to emit media-viewed event on child file download
+- Updated dependencies
+
+## 52.5.3
+
+### Patch Changes
+
+- [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
+  Icon entrypoint migration
+- Updated dependencies
+
 ## 52.5.2
 
 ### 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.5.1";
+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.5.1";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/navigation.js

@@ -12,8 +12,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
-var _chevronLeftChevronLeftCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-circle"));
-var _chevronRightChevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-circle"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _styleWrappers = require("./styleWrappers");
@@ -73,8 +73,8 @@ var withIconWrapper = function withIconWrapper(Component) {
     }));
   };
 };
-var NextIcon = withIconWrapper(_chevronRightChevronRightCircle.default);
-var PreviousIcon = withIconWrapper(_chevronLeftChevronLeftCircle.default);
+var NextIcon = withIconWrapper(_chevronRight.default);
+var PreviousIcon = withIconWrapper(_chevronLeft.default);
 var NavigationBase = exports.NavigationBase = /*#__PURE__*/function (_Component) {
   function NavigationBase() {
     (0, _classCallCheck2.default)(this, NavigationBase);

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

@@ -17,6 +17,8 @@ var _react = _interopRequireDefault(require("react"));
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/24"));
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
+var _mediaClient = require("@atlaskit/media-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styleWrappers = require("./styleWrappers");
 var _utils = require("../../utils");
 var _customButtonItem = require("./custom-button-item");
@@ -91,21 +93,28 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
               });
             case 3:
               blob = _context.sent;
-              name = _this.formatName(root, entry.name);
+              name = _this.formatName(root, entry.name); // Emit media-viewed event if feature flag is enabled
+              if (_this.props.fileId && (0, _platformFeatureFlags.fg)('download_event_for_jira_attachments')) {
+                _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
+                  fileId: _this.props.fileId,
+                  viewingLevel: 'download',
+                  childFileName: name
+                });
+              }
               (0, _mediaCommon.downloadUrl)(URL.createObjectURL(blob), {
                 name: name
               });
-              _context.next = 11;
+              _context.next = 12;
               break;
-            case 8:
-              _context.prev = 8;
+            case 9:
+              _context.prev = 9;
               _context.t0 = _context["catch"](0);
               _this.props.onError(_context.t0, entry);
-            case 11:
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 8]]);
+        }, _callee, null, [[0, 9]]);
       }));
       return function (_x, _x2) {
         return _ref.apply(this, arguments);

package/dist/cjs/viewers/archiveSidebar/archive-sidebar-renderer.js

@@ -100,7 +100,8 @@ var ArchiveSidebarRenderer = exports.default = /*#__PURE__*/function (_Component
         mediaClient: mediaClient,
         isArchiveEntryLoading: isArchiveEntryLoading,
         onError: onError,
-        shouldRenderAbuseModal: !(0, _mediaClient.isErrorFileState)(selectedFileState) && !!selectedFileState.abuseClassification
+        shouldRenderAbuseModal: !(0, _mediaClient.isErrorFileState)(selectedFileState) && !!selectedFileState.abuseClassification,
+        fileId: selectedFileState.id
       }));
     }
   }]);

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

@@ -48,6 +48,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
             case 5:
               archive = _context.sent;
               Object.values(archive.entries).forEach(function (zipEntry) {
+                // eslint-disable-next-line no-param-reassign
                 zipEntry.name = _this.state.currentArchiveSidebarFolder.name + zipEntry.name;
               });
               return _context.abrupt("return", archive);
@@ -103,7 +104,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
     }());
     (0, _defineProperty2.default)(_this, "onFolderEntrySelected", /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(folder, isArchive) {
-        var _this$props, entries, mediaClient, folderName, archiveEntries, _this$props2, isArchiveEntryLoading, onError, shouldRenderAbuseModal, currentFolderName;
+        var _this$props, entries, mediaClient, folderName, archiveEntries, _this$props2, isArchiveEntryLoading, onError, shouldRenderAbuseModal, fileId, currentFolderName;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -119,7 +120,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
               entries = _objectSpread(_objectSpread({}, entries), archiveEntries);
               folderName = (0, _utils.extractArchiveFolderName)(folder.name);
             case 7:
-              _this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal;
+              _this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal, fileId = _this$props2.fileId;
               currentFolderName = folderName || folder.name;
               _this.setState({
                 currentArchiveSidebarFolder: {
@@ -130,7 +131,8 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
                   onEntrySelected: _this.onEntrySelected,
                   mediaClient: mediaClient,
                   onError: onError,
-                  shouldRenderAbuseModal: shouldRenderAbuseModal
+                  shouldRenderAbuseModal: shouldRenderAbuseModal,
+                  fileId: fileId
                 }
               });
             case 10:
@@ -150,7 +152,8 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
         onHeaderClicked = _this$props3.onHeaderClicked,
         isArchiveEntryLoading = _this$props3.isArchiveEntryLoading,
         onError = _this$props3.onError,
-        shouldRenderAbuseModal = _this$props3.shouldRenderAbuseModal;
+        shouldRenderAbuseModal = _this$props3.shouldRenderAbuseModal,
+        fileId = _this$props3.fileId;
       var folderParent = (0, _utils.getFolderParent)(_this.state.currentArchiveSidebarFolder.root);
       _this.setState({
         currentArchiveSidebarFolder: {
@@ -161,7 +164,8 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
           onEntrySelected: _this.onEntrySelected,
           mediaClient: mediaClient,
           onError: onError,
-          shouldRenderAbuseModal: shouldRenderAbuseModal
+          shouldRenderAbuseModal: shouldRenderAbuseModal,
+          fileId: fileId
         }
       });
 
@@ -172,7 +176,8 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
       _entries = props.entries,
       _mediaClient = props.mediaClient,
       _onError = props.onError,
-      _shouldRenderAbuseModal = props.shouldRenderAbuseModal;
+      _shouldRenderAbuseModal = props.shouldRenderAbuseModal,
+      _fileId = props.fileId;
     _this.state = {
       currentArchiveSidebarFolder: {
         isArchiveEntryLoading: _isArchiveEntryLoading,
@@ -183,7 +188,8 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
         hideHeader: true,
         mediaClient: _mediaClient,
         onError: _onError,
-        shouldRenderAbuseModal: _shouldRenderAbuseModal
+        shouldRenderAbuseModal: _shouldRenderAbuseModal,
+        fileId: _fileId
       }
     };
     return _this;

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

@@ -21,7 +21,7 @@ var _codeViewer = require("@atlaskit/media-ui/codeViewer");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _domain = require("../../domain");
 var _styleWrappers = require("../../styleWrappers");
-var _audioMediaServicesAudio = _interopRequireDefault(require("@atlaskit/icon/core/migration/audio--media-services-audio"));
+var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
 var _errorMessage = _interopRequireDefault(require("../../errorMessage"));
 var _baseViewer = require("../base-viewer");
 var _interactiveImg = require("../image/interactive-img");
@@ -342,7 +342,7 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
           case 'audio':
             return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.AudioPlayer, {
               "data-testid": "media-viewer-audio-content"
-            }, /*#__PURE__*/_react.default.createElement(_styleWrappers.DefaultCoverWrapper, null, /*#__PURE__*/_react.default.createElement(_audioMediaServicesAudio.default, {
+            }, /*#__PURE__*/_react.default.createElement(_styleWrappers.DefaultCoverWrapper, null, /*#__PURE__*/_react.default.createElement(_audio.default, {
               label: "cover",
               LEGACY_size: "xlarge",
               color: "currentColor"

package/dist/cjs/viewers/audio.js

@@ -15,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
-var _audioMediaServicesAudio = _interopRequireDefault(require("@atlaskit/icon/core/migration/audio--media-services-audio"));
+var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
 var _domain = require("../domain");
 var _errors = require("../errors");
 var _styleWrappers = require("../styleWrappers");
@@ -25,7 +25,7 @@ var _mediaUi = require("@atlaskit/media-ui");
 var _getObjectUrlFromFileState = require("../utils/getObjectUrlFromFileState");
 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 defaultCover = /*#__PURE__*/_react.default.createElement(_styleWrappers.DefaultCoverWrapper, null, /*#__PURE__*/_react.default.createElement(_audioMediaServicesAudio.default, {
+var defaultCover = /*#__PURE__*/_react.default.createElement(_styleWrappers.DefaultCoverWrapper, null, /*#__PURE__*/_react.default.createElement(_audio.default, {
   label: "cover",
   LEGACY_size: "xlarge",
   color: "currentColor"

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

@@ -15,12 +15,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-var _lockLockedLock = _interopRequireDefault(require("@atlaskit/icon/core/migration/lock-locked--lock"));
+var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
 var _primitives = require("@atlaskit/primitives");
-var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
+var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 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); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -72,7 +72,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
       submitting = _ref2.submitting;
     return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(_primitives.Flex, {
       justifyContent: "center"
-    }, /*#__PURE__*/React.createElement(_lockLockedLock.default, {
+    }, /*#__PURE__*/React.createElement(_lockLocked.default, {
       label: "",
       LEGACY_size: "xlarge",
       color: COLOR_SHADE
@@ -104,7 +104,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
       })), formError && /*#__PURE__*/React.createElement("div", {
         id: "".concat(fieldProps.id, "-error"),
         className: (0, _runtime.ax)(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
-      }, /*#__PURE__*/React.createElement(_statusErrorError.default, {
+      }, /*#__PURE__*/React.createElement(_statusError.default, {
         color: "currentColor",
         LEGACY_size: "small",
         label: "",

package/dist/cjs/zoomControls.js

@@ -14,8 +14,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _mediaUi = require("@atlaskit/media-ui");
-var _zoomOutMediaServicesZoomOut = _interopRequireDefault(require("@atlaskit/icon/core/migration/zoom-out--media-services-zoom-out"));
-var _zoomInMediaServicesZoomIn = _interopRequireDefault(require("@atlaskit/icon/core/migration/zoom-in--media-services-zoom-in"));
+var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/core/zoom-out"));
+var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/core/zoom-in"));
 var _styleWrappers = require("./styleWrappers");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("./analytics/");
@@ -73,7 +73,7 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
         }, /*#__PURE__*/_react.default.createElement(_styleWrappers.ZoomCenterControls, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
           isDisabled: !zoomLevel.canZoomOut,
           onClick: this.zoomOut,
-          iconBefore: /*#__PURE__*/_react.default.createElement(_zoomOutMediaServicesZoomOut.default, {
+          iconBefore: /*#__PURE__*/_react.default.createElement(_zoomOut.default, {
             color: "currentColor",
             spacing: "spacious",
             label: formatMessage(_mediaUi.messages.zoom_out)
@@ -81,7 +81,7 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
         }), /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
           isDisabled: !zoomLevel.canZoomIn,
           onClick: this.zoomIn,
-          iconBefore: /*#__PURE__*/_react.default.createElement(_zoomInMediaServicesZoomIn.default, {
+          iconBefore: /*#__PURE__*/_react.default.createElement(_zoomIn.default, {
             color: "currentColor",
             spacing: "spacious",
             label: formatMessage(_mediaUi.messages.zoom_in)

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.5.1";
+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.5.1";
+const packageVersion = "0.0.0-development";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/navigation.js

@@ -1,8 +1,8 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { Component } from 'react';
-import ArrowLeftCircleIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-circle';
-import ArrowRightCircleIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-circle';
+import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
+import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
 import { hideControlsClassName } from '@atlaskit/media-ui';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

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

@@ -3,6 +3,8 @@ import React from 'react';
 import Folder24Icon from '@atlaskit/icon-file-type/glyph/folder/24';
 import { downloadUrl } from '@atlaskit/media-common';
 import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
 import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
 import { CustomButtonItem } from './custom-button-item';
@@ -59,6 +61,15 @@ class ArchiveSidebarFolderEntryBase extends React.Component {
       try {
         const blob = await rejectAfter(() => entry.blob());
         const name = this.formatName(root, entry.name);
+
+        // Emit media-viewed event if feature flag is enabled
+        if (this.props.fileId && fg('download_event_for_jira_attachments')) {
+          globalMediaEventEmitter.emit('media-viewed', {
+            fileId: this.props.fileId,
+            viewingLevel: 'download',
+            childFileName: name
+          });
+        }
         downloadUrl(URL.createObjectURL(blob), {
           name
         });

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-renderer.js

@@ -58,7 +58,8 @@ export default class ArchiveSidebarRenderer extends Component {
       mediaClient: mediaClient,
       isArchiveEntryLoading: isArchiveEntryLoading,
       onError: onError,
-      shouldRenderAbuseModal: !isErrorFileState(selectedFileState) && !!selectedFileState.abuseClassification
+      shouldRenderAbuseModal: !isErrorFileState(selectedFileState) && !!selectedFileState.abuseClassification,
+      fileId: selectedFileState.id
     }));
   }
 }

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

@@ -13,6 +13,7 @@ export class ArchiveSidebar extends React.Component {
       const blob = await rejectAfter(() => entry.blob());
       const archive = await rejectAfter(() => unzip(blob));
       Object.values(archive.entries).forEach(zipEntry => {
+        // eslint-disable-next-line no-param-reassign
         zipEntry.name = this.state.currentArchiveSidebarFolder.name + zipEntry.name;
       });
       return archive;
@@ -48,7 +49,8 @@ export class ArchiveSidebar extends React.Component {
       const {
         isArchiveEntryLoading,
         onError,
-        shouldRenderAbuseModal
+        shouldRenderAbuseModal,
+        fileId
       } = this.props;
       const currentFolderName = folderName || folder.name;
       this.setState({
@@ -60,7 +62,8 @@ export class ArchiveSidebar extends React.Component {
           onEntrySelected: this.onEntrySelected,
           mediaClient,
           onError,
-          shouldRenderAbuseModal
+          shouldRenderAbuseModal,
+          fileId
         }
       });
     });
@@ -71,7 +74,8 @@ export class ArchiveSidebar extends React.Component {
         onHeaderClicked,
         isArchiveEntryLoading,
         onError,
-        shouldRenderAbuseModal
+        shouldRenderAbuseModal,
+        fileId
       } = this.props;
       const folderParent = getFolderParent(this.state.currentArchiveSidebarFolder.root);
       this.setState({
@@ -83,7 +87,8 @@ export class ArchiveSidebar extends React.Component {
           onEntrySelected: this.onEntrySelected,
           mediaClient,
           onError,
-          shouldRenderAbuseModal
+          shouldRenderAbuseModal,
+          fileId
         }
       });
 
@@ -95,7 +100,8 @@ export class ArchiveSidebar extends React.Component {
       entries: _entries,
       mediaClient: _mediaClient,
       onError: _onError,
-      shouldRenderAbuseModal: _shouldRenderAbuseModal
+      shouldRenderAbuseModal: _shouldRenderAbuseModal,
+      fileId: _fileId
     } = props;
     this.state = {
       currentArchiveSidebarFolder: {
@@ -107,7 +113,8 @@ export class ArchiveSidebar extends React.Component {
         hideHeader: true,
         mediaClient: _mediaClient,
         onError: _onError,
-        shouldRenderAbuseModal: _shouldRenderAbuseModal
+        shouldRenderAbuseModal: _shouldRenderAbuseModal,
+        fileId: _fileId
       }
     };
   }

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

@@ -8,7 +8,7 @@ import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer
 import { Text } from '@atlaskit/primitives/compiled';
 import { Outcome } from '../../domain';
 import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';
-import AudioIcon from '@atlaskit/icon/core/migration/audio--media-services-audio';
+import AudioIcon from '@atlaskit/icon/core/audio';
 import ErrorMessage from '../../errorMessage';
 import { BaseViewer } from '../base-viewer';
 import { InteractiveImg } from '../image/interactive-img';

package/dist/es2019/viewers/audio.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import AudioIcon from '@atlaskit/icon/core/migration/audio--media-services-audio';
+import AudioIcon from '@atlaskit/icon/core/audio';
 import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
 import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';

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

@@ -6,14 +6,14 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useRef, useState } from 'react';
 import Button from '@atlaskit/button/new';
 import TextField from '@atlaskit/textfield';
-import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
+import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 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';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Heading from '@atlaskit/heading';
 const COLOR_SHADE = '#b6c2cf';
 const ERROR_COLOR = '#FD9891';

package/dist/es2019/zoomControls.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
 import { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
-import ZoomOutIcon from '@atlaskit/icon/core/migration/zoom-out--media-services-zoom-out';
-import ZoomInIcon from '@atlaskit/icon/core/migration/zoom-in--media-services-zoom-in';
+import ZoomOutIcon from '@atlaskit/icon/core/zoom-out';
+import ZoomInIcon from '@atlaskit/icon/core/zoom-in';
 import { ZoomWrapper, ZoomCenterControls, ZoomRightControls, ZoomLevelIndicator } from './styleWrappers';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireAnalytics } from './analytics/';

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.5.1";
+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.5.1";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/navigation.js

@@ -8,8 +8,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { Component } from 'react';
-import ArrowLeftCircleIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-circle';
-import ArrowRightCircleIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-circle';
+import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
+import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
 import { hideControlsClassName } from '@atlaskit/media-ui';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

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

@@ -12,6 +12,8 @@ import React from 'react';
 import Folder24Icon from '@atlaskit/icon-file-type/glyph/folder/24';
 import { downloadUrl } from '@atlaskit/media-common';
 import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
 import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
 import { CustomButtonItem } from './custom-button-item';
@@ -84,21 +86,28 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
               });
             case 3:
               blob = _context.sent;
-              name = _this.formatName(root, entry.name);
+              name = _this.formatName(root, entry.name); // Emit media-viewed event if feature flag is enabled
+              if (_this.props.fileId && fg('download_event_for_jira_attachments')) {
+                globalMediaEventEmitter.emit('media-viewed', {
+                  fileId: _this.props.fileId,
+                  viewingLevel: 'download',
+                  childFileName: name
+                });
+              }
               downloadUrl(URL.createObjectURL(blob), {
                 name: name
               });
-              _context.next = 11;
+              _context.next = 12;
               break;
-            case 8:
-              _context.prev = 8;
+            case 9:
+              _context.prev = 9;
               _context.t0 = _context["catch"](0);
               _this.props.onError(_context.t0, entry);
-            case 11:
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 8]]);
+        }, _callee, null, [[0, 9]]);
       }));
       return function (_x, _x2) {
         return _ref.apply(this, arguments);

package/dist/esm/viewers/archiveSidebar/archive-sidebar-renderer.js

@@ -91,7 +91,8 @@ var ArchiveSidebarRenderer = /*#__PURE__*/function (_Component) {
         mediaClient: mediaClient,
         isArchiveEntryLoading: isArchiveEntryLoading,
         onError: onError,
-        shouldRenderAbuseModal: !isErrorFileState(selectedFileState) && !!selectedFileState.abuseClassification
+        shouldRenderAbuseModal: !isErrorFileState(selectedFileState) && !!selectedFileState.abuseClassification,
+        fileId: selectedFileState.id
       }));
     }
   }]);

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

@@ -41,6 +41,7 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
             case 5:
               archive = _context.sent;
               Object.values(archive.entries).forEach(function (zipEntry) {
+                // eslint-disable-next-line no-param-reassign
                 zipEntry.name = _this.state.currentArchiveSidebarFolder.name + zipEntry.name;
               });
               return _context.abrupt("return", archive);
@@ -96,7 +97,7 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
     }());
     _defineProperty(_this, "onFolderEntrySelected", /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(folder, isArchive) {
-        var _this$props, entries, mediaClient, folderName, archiveEntries, _this$props2, isArchiveEntryLoading, onError, shouldRenderAbuseModal, currentFolderName;
+        var _this$props, entries, mediaClient, folderName, archiveEntries, _this$props2, isArchiveEntryLoading, onError, shouldRenderAbuseModal, fileId, currentFolderName;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -112,7 +113,7 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
               entries = _objectSpread(_objectSpread({}, entries), archiveEntries);
               folderName = extractArchiveFolderName(folder.name);
             case 7:
-              _this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal;
+              _this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal, fileId = _this$props2.fileId;
               currentFolderName = folderName || folder.name;
               _this.setState({
                 currentArchiveSidebarFolder: {
@@ -123,7 +124,8 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
                   onEntrySelected: _this.onEntrySelected,
                   mediaClient: mediaClient,
                   onError: onError,
-                  shouldRenderAbuseModal: shouldRenderAbuseModal
+                  shouldRenderAbuseModal: shouldRenderAbuseModal,
+                  fileId: fileId
                 }
               });
             case 10:
@@ -143,7 +145,8 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
         onHeaderClicked = _this$props3.onHeaderClicked,
         isArchiveEntryLoading = _this$props3.isArchiveEntryLoading,
         onError = _this$props3.onError,
-        shouldRenderAbuseModal = _this$props3.shouldRenderAbuseModal;
+        shouldRenderAbuseModal = _this$props3.shouldRenderAbuseModal,
+        fileId = _this$props3.fileId;
       var folderParent = getFolderParent(_this.state.currentArchiveSidebarFolder.root);
       _this.setState({
         currentArchiveSidebarFolder: {
@@ -154,7 +157,8 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
           onEntrySelected: _this.onEntrySelected,
           mediaClient: mediaClient,
           onError: onError,
-          shouldRenderAbuseModal: shouldRenderAbuseModal
+          shouldRenderAbuseModal: shouldRenderAbuseModal,
+          fileId: fileId
         }
       });
 
@@ -165,7 +169,8 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
       _entries = props.entries,
       _mediaClient = props.mediaClient,
       _onError = props.onError,
-      _shouldRenderAbuseModal = props.shouldRenderAbuseModal;
+      _shouldRenderAbuseModal = props.shouldRenderAbuseModal,
+      _fileId = props.fileId;
     _this.state = {
       currentArchiveSidebarFolder: {
         isArchiveEntryLoading: _isArchiveEntryLoading,
@@ -176,7 +181,8 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
         hideHeader: true,
         mediaClient: _mediaClient,
         onError: _onError,
-        shouldRenderAbuseModal: _shouldRenderAbuseModal
+        shouldRenderAbuseModal: _shouldRenderAbuseModal,
+        fileId: _fileId
       }
     };
     return _this;

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

@@ -19,7 +19,7 @@ import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer
 import { Text } from '@atlaskit/primitives/compiled';
 import { Outcome } from '../../domain';
 import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';
-import AudioIcon from '@atlaskit/icon/core/migration/audio--media-services-audio';
+import AudioIcon from '@atlaskit/icon/core/audio';
 import ErrorMessage from '../../errorMessage';
 import { BaseViewer } from '../base-viewer';
 import { InteractiveImg } from '../image/interactive-img';

package/dist/esm/viewers/audio.js

@@ -10,7 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 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 { globalMediaEventEmitter } from '@atlaskit/media-client';
-import AudioIcon from '@atlaskit/icon/core/migration/audio--media-services-audio';
+import AudioIcon from '@atlaskit/icon/core/audio';
 import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
 import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';

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

@@ -7,14 +7,14 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useRef, useState } from 'react';
 import Button from '@atlaskit/button/new';
 import TextField from '@atlaskit/textfield';
-import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
+import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 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';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Heading from '@atlaskit/heading';
 var COLOR_SHADE = '#b6c2cf';
 var ERROR_COLOR = '#FD9891';

package/dist/esm/zoomControls.js

@@ -9,8 +9,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { Component } from 'react';
 import { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
-import ZoomOutIcon from '@atlaskit/icon/core/migration/zoom-out--media-services-zoom-out';
-import ZoomInIcon from '@atlaskit/icon/core/migration/zoom-in--media-services-zoom-in';
+import ZoomOutIcon from '@atlaskit/icon/core/zoom-out';
+import ZoomInIcon from '@atlaskit/icon/core/zoom-in';
 import { ZoomWrapper, ZoomCenterControls, ZoomRightControls, ZoomLevelIndicator } from './styleWrappers';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireAnalytics } from './analytics/';

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

@@ -16,6 +16,7 @@ export interface ArchiveSidebarFolderProps {
     isArchiveEntryLoading: boolean;
     onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
     shouldRenderAbuseModal: boolean;
+    fileId?: string;
 }
 export declare const ArchiveSidebarFolderEntry: React.FC<import("react-intl-next").WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;

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

@@ -13,6 +13,7 @@ export interface ArchiveSidebarProps {
     isArchiveEntryLoading: boolean;
     onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
     shouldRenderAbuseModal: boolean;
+    fileId?: string;
 }
 export type ArchiveSidebarState = {
     currentArchiveSidebarFolder: ArchiveSidebarFolderProps;

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

@@ -16,6 +16,7 @@ export interface ArchiveSidebarFolderProps {
     isArchiveEntryLoading: boolean;
     onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
     shouldRenderAbuseModal: boolean;
+    fileId?: string;
 }
 export declare const ArchiveSidebarFolderEntry: React.FC<import("react-intl-next").WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;

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

@@ -13,6 +13,7 @@ export interface ArchiveSidebarProps {
     isArchiveEntryLoading: boolean;
     onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
     shouldRenderAbuseModal: boolean;
+    fileId?: string;
 }
 export type ArchiveSidebarState = {
     currentArchiveSidebarFolder: ArchiveSidebarFolderProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.5.2",
+	"version": "52.5.4",
 	"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/"
@@ -32,14 +32,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/css": "^0.18.0",
-		"@atlaskit/form": "^15.0.0",
+		"@atlaskit/css": "^0.19.0",
+		"@atlaskit/form": "^15.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.2.0",
+		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.12.0",
+		"@atlaskit/icon-lab": "^5.13.0",
 		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
@@ -48,12 +48,12 @@
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/primitives": "^16.4.0",
+		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/side-navigation": "^11.0.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.6.0",
+		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -125,6 +125,9 @@
 		},
 		"media_viewer_prevent_rerender_on_polling": {
 			"type": "boolean"
+		},
+		"download_event_for_jira_attachments": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {