@atlaskit/media-viewer 52.5.3 → 52.5.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-viewer
 
+## 52.5.5
+
+### Patch Changes
+
+- [`324d924df5712`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/324d924df5712) -
+  Emit media-viewed event for archive and document.
+
+## 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

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

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

@@ -39,6 +39,7 @@ var _codeViewerRenderer = require("../codeViewer/codeViewerRenderer");
 var _util = require("../codeViewer/util");
 var _itemViewer = require("../../item-viewer");
 var _nativePdfViewer = require("./nativePdfViewer");
+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; }
 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)); }
@@ -182,6 +183,9 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
         }))
       });
       _this.props.onSuccess();
+      if ((0, _platformFeatureFlags.fg)('download_event_for_jira_attachments')) {
+        _this.onMediaDisplayed();
+      }
     });
     return _this;
   }

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

@@ -18,6 +18,7 @@ var _domain = require("../../domain");
 var _baseViewer = require("../base-viewer");
 var _zoomLevel = require("../../domain/zoomLevel");
 var _docViewer = require("./doc-viewer");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
@@ -62,7 +63,10 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
               this.setState({
                 content: _domain.Outcome.successful(item.id)
               });
-            case 2:
+              if ((0, _platformFeatureFlags.fg)('download_event_for_jira_attachments')) {
+                this.onMediaDisplayed();
+              }
+            case 3:
             case "end":
               return _context.stop();
           }

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

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

@@ -26,6 +26,7 @@ import { CodeViewRenderer } from '../codeViewer/codeViewerRenderer';
 import { DEFAULT_LANGUAGE } from '../codeViewer/util';
 import { MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER } from '../../item-viewer';
 import { NativePdfViewer } from './nativePdfViewer';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const getArchiveEntriesFromFileState = async (fileState, mediaClient, collectionName) => {
   const url = await mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
   const reader = new HTTPRangeReader(url);
@@ -105,6 +106,9 @@ export class ArchiveViewerBase extends BaseViewer {
         })
       });
       this.props.onSuccess();
+      if (fg('download_event_for_jira_attachments')) {
+        this.onMediaDisplayed();
+      }
     });
   }
   async init() {

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

@@ -4,6 +4,7 @@ import { Outcome } from '../../domain';
 import { BaseViewer } from '../base-viewer';
 import { ZoomLevel } from '../../domain/zoomLevel';
 import { DocViewer as DocViewerComponent } from './doc-viewer';
+import { fg } from '@atlaskit/platform-feature-flags';
 export class DocViewer extends BaseViewer {
   constructor(...args) {
     super(...args);
@@ -30,6 +31,9 @@ export class DocViewer extends BaseViewer {
     this.setState({
       content: Outcome.successful(item.id)
     });
+    if (fg('download_event_for_jira_attachments')) {
+      this.onMediaDisplayed();
+    }
   }
   release() {
     if (!this.isObjectUrl) {

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

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

@@ -37,6 +37,7 @@ import { CodeViewRenderer } from '../codeViewer/codeViewerRenderer';
 import { DEFAULT_LANGUAGE } from '../codeViewer/util';
 import { MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER } from '../../item-viewer';
 import { NativePdfViewer } from './nativePdfViewer';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var getArchiveEntriesFromFileState = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState, mediaClient, collectionName) {
     var url, reader, archive;
@@ -176,6 +177,9 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
         }))
       });
       _this.props.onSuccess();
+      if (fg('download_event_for_jira_attachments')) {
+        _this.onMediaDisplayed();
+      }
     });
     return _this;
   }

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

@@ -13,6 +13,7 @@ import { Outcome } from '../../domain';
 import { BaseViewer } from '../base-viewer';
 import { ZoomLevel } from '../../domain/zoomLevel';
 import { DocViewer as DocViewerComponent } from './doc-viewer';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   function DocViewer() {
     var _this;
@@ -55,7 +56,10 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
               this.setState({
                 content: Outcome.successful(item.id)
               });
-            case 2:
+              if (fg('download_event_for_jira_attachments')) {
+                this.onMediaDisplayed();
+              }
+            case 3:
             case "end":
               return _context.stop();
           }

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.3",
+	"version": "52.5.5",
 	"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/"
@@ -35,7 +35,7 @@
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/form": "^15.1.0",
+		"@atlaskit/form": "^15.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
@@ -82,6 +82,7 @@
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
+		"@af/suppress-react-warnings": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -125,6 +126,9 @@
 		},
 		"media_viewer_prevent_rerender_on_polling": {
 			"type": "boolean"
+		},
+		"download_event_for_jira_attachments": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {