@atlaskit/media-common 2.7.0 → 2.10.0

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # @atlaskit/media-common
 
+## 2.10.0
+
+### Minor Changes
+
+- [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Added a comparer helper for Media Feature Flags objects
+
+### Patch Changes
+
+- [`fc70978492a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc70978492a) - Using type for SSR prop to reduce dependency on media-common
+- [`2b24fcc59f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b24fcc59f2) - Removed Code Viewer and Zip Previews Feature Flags
+- [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Update CardLoader to use react-loadable
+  Add SSR feature prop to be passed in renderer and media card
+- [`01a41e75803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01a41e75803) - Removes `allowMediaInline` media prop and replaces with Inline Files feature flag for editor and mobile bridge
+
+## 2.9.1
+
+### Patch Changes
+
+- [`fe9ced0cd70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe9ced0cd70) - Removed feature flags for polling settings
+
+## 2.9.0
+
+### Minor Changes
+
+- [`46d9d2872b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46d9d2872b4) - Video Analytics - Add UI events for CustomMediaPlayer
+
+### Patch Changes
+
+- [`4777a174e6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4777a174e6d) - Added analytics support for customMediaPlayer + screen event + entrypoint for locales
+- [`b77bfe8e99c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b77bfe8e99c) - Add performance attributes to Commenced, Succeeded, Failed events for media card
+- [`35d85025b4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35d85025b4d) - MEX-860 Changed base track events payload + added CustomMediaPlayerType
+
+## 2.8.0
+
+### Minor Changes
+
+- [`c74e598326e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c74e598326e) - Add new members (see below). Extra entry point `mediaTypeUtils` for all of them is added.
+
+  New members:
+
+  - getMediaTypeFromMimeType
+  - isImageMimeTypeSupportedByBrowser
+  - isDocumentMimeTypeSupportedByBrowser
+  - isMimeTypeSupportedByBrowser
+  - isImageMimeTypeSupportedByServer
+  - isDocumentMimeTypeSupportedByServer
+  - isAudioMimeTypeSupportedByServer
+  - isVideoMimeTypeSupportedByServer
+  - isUnknownMimeTypeSupportedByServer
+  - isMimeTypeSupportedByServer
+
+### Patch Changes
+
+- [`8cba1694b5e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cba1694b5e) - Remove pollingMaxFailuresExceeded error from implementation and feature flags
+
 ## 2.7.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -21,6 +21,18 @@ Object.defineProperty(exports, "defaultMediaFeatureFlags", {
     return _mediaFeatureFlags.defaultMediaFeatureFlags;
   }
 });
+Object.defineProperty(exports, "areEqualFeatureFlags", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.areEqualFeatureFlags;
+  }
+});
+Object.defineProperty(exports, "useMemoizeFeatureFlags", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.useMemoizeFeatureFlags;
+  }
+});
 Object.defineProperty(exports, "withMediaAnalyticsContext", {
   enumerable: true,
   get: function get() {
@@ -33,6 +45,66 @@ Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
     return _constants.ANALYTICS_MEDIA_CHANNEL;
   }
 });
+Object.defineProperty(exports, "getMediaTypeFromMimeType", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.getMediaTypeFromMimeType;
+  }
+});
+Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isImageMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isDocumentMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isImageMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isDocumentMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isAudioMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isVideoMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isUnknownMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isMimeTypeSupportedByServer;
+  }
+});
 
 var _downloadUrl = require("./downloadUrl");
 
@@ -40,4 +112,6 @@ var _mediaFeatureFlags = require("./mediaFeatureFlags");
 
 var _withMediaAnalyticsContext = require("./analytics/withMediaAnalyticsContext");
 
-var _constants = require("./analytics/constants");
+var _constants = require("./analytics/constants");
+
+var _mediaTypeUtils = require("./mediaTypeUtils");

package/dist/cjs/mediaFeatureFlags.js

@@ -4,22 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMediaFeatureFlag = getMediaFeatureFlag;
-exports.defaultMediaFeatureFlags = void 0;
+exports.useMemoizeFeatureFlags = exports.areEqualFeatureFlags = exports.defaultMediaFeatureFlags = void 0;
+
+var _react = require("react");
 
 var _mediaFeatureFlagLocal = require("./mediaFeatureFlag-local");
 
 // default values defined here, not necessary for components to know directly as they should use the function below
 var defaultMediaFeatureFlags = {
   newCardExperience: false,
-  zipPreviews: false,
   captions: false,
-  folderUploads: false,
-  codeViewer: false,
-  poll_intervalMs: 3000,
-  poll_maxAttempts: 30,
-  poll_backoffFactor: 1.25,
-  poll_maxIntervalMs: 200000,
-  poll_maxGlobalFailures: 10
+  mediaInline: false,
+  // We can't yet switch this feature on
+  // TODO https://product-fabric.atlassian.net/browse/MEX-104
+  folderUploads: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -61,4 +59,39 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
     // eslint-disable-next-line no-console
     console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
   }
-});
+});
+
+var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  } // With this type we ensure this object will compare all the flags
+
+
+  var results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    captions: ffA.captions === ffB.captions,
+    mediaInline: ffA.mediaInline === ffB.mediaInline,
+    folderUploads: ffA.folderUploads === ffB.folderUploads
+  };
+  return Object.values(results).every(function (result) {
+    return result;
+  });
+};
+
+exports.areEqualFeatureFlags = areEqualFeatureFlags;
+
+var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
+  var ref = (0, _react.useRef)();
+
+  if (!areEqualFeatureFlags(featureFlags, ref.current)) {
+    ref.current = featureFlags;
+  }
+
+  return ref.current;
+};
+
+exports.useMemoizeFeatureFlags = useMemoizeFeatureFlags;

package/dist/cjs/mediaTypeUtils/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByBrowser.isImageMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByBrowser.isDocumentMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isAudioMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByBrowser.isAudioMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isVideoMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByBrowser.isMimeTypeSupportedByBrowser;
+  }
+});
+Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByServer.isImageMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByServer.isDocumentMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByServer.isAudioMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByServer.isVideoMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByServer.isUnknownMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _isMimeTypeSupportedByServer.isMimeTypeSupportedByServer;
+  }
+});
+exports.getMediaTypeFromMimeType = void 0;
+
+var _isArchive = require("./isArchive");
+
+var _isMimeTypeSupportedByBrowser = require("./isMimeTypeSupportedByBrowser");
+
+var _isMimeTypeSupportedByServer = require("./isMimeTypeSupportedByServer");
+
+var getMediaTypeFromMimeType = function getMediaTypeFromMimeType(mimeType) {
+  if ((0, _isArchive.isArchive)(mimeType)) {
+    return 'archive';
+  }
+
+  if ((0, _isMimeTypeSupportedByBrowser.isImageMimeTypeSupportedByBrowser)(mimeType) || (0, _isMimeTypeSupportedByServer.isImageMimeTypeSupportedByServer)(mimeType)) {
+    return 'image';
+  }
+
+  if ((0, _isMimeTypeSupportedByBrowser.isDocumentMimeTypeSupportedByBrowser)(mimeType) || (0, _isMimeTypeSupportedByServer.isDocumentMimeTypeSupportedByServer)(mimeType)) {
+    return 'doc';
+  }
+
+  if ((0, _isMimeTypeSupportedByBrowser.isAudioMimeTypeSupportedByBrowser)(mimeType) || (0, _isMimeTypeSupportedByServer.isAudioMimeTypeSupportedByServer)(mimeType)) {
+    return 'audio';
+  }
+
+  if ((0, _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser)(mimeType) || (0, _isMimeTypeSupportedByServer.isVideoMimeTypeSupportedByServer)(mimeType)) {
+    return 'video';
+  }
+
+  return 'unknown';
+};
+
+exports.getMediaTypeFromMimeType = getMediaTypeFromMimeType;

package/dist/cjs/mediaTypeUtils/isArchive.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isArchive = void 0;
+
+// Based on https://en.wikipedia.org/wiki/List_of_archive_formats
+var isArchive = function isArchive(mimeType) {
+  return ['application/x-archive', 'application/x-cpio', 'application/x-shar', 'application/x-iso9660-image', 'application/x-sbx', 'application/x-tar', 'application/x-bzip2', 'application/gzip', 'application/x-gzip', 'application/x-lzip', 'application/x-lzma', 'application/x-lzop', 'application/x-snappy-framed', 'application/x-xz', 'application/x-compress', 'application/zstd', 'application/x-7z-compressed', 'application/x-ace-compressed', 'application/x-astrotite-afa', 'application/x-alz-compressed', 'application/vnd.android.package-archive', 'application/x-freearc', 'application/x-arj', 'application/x-b1', 'application/vnd.ms-cab-compressed', 'application/x-cfs-compressed', 'application/x-dar', 'application/x-dgc-compressed', 'application/x-apple-diskimage', 'application/x-gca-compressed', 'application/java-archive', 'application/x-lzh', 'application/x-lzx', 'application/x-rar-compressed', 'application/x-stuffit', 'application/x-stuffitx', 'application/x-gtar', 'application/x-ms-wim', 'application/x-xar', 'application/zip', 'application/x-zoo', 'application/x-par2'].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isArchive = isArchive;

package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByBrowser.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMimeTypeSupportedByBrowser = exports.isVideoMimeTypeSupportedByBrowser = exports.isAudioMimeTypeSupportedByBrowser = exports.isDocumentMimeTypeSupportedByBrowser = exports.isImageMimeTypeSupportedByBrowser = void 0;
+
+// Based on https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
+var isImageMimeTypeSupportedByBrowser = function isImageMimeTypeSupportedByBrowser(mimeType) {
+  return ['image/apng', 'image/bmp', 'image/gif', 'image/x-icon', 'image/jpeg', 'image/png', 'image/webp' //'image/svg+xml', // Removed because of https://product-fabric.atlassian.net/browse/BMPT-625
+  ].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isImageMimeTypeSupportedByBrowser = isImageMimeTypeSupportedByBrowser;
+
+var isDocumentMimeTypeSupportedByBrowser = function isDocumentMimeTypeSupportedByBrowser(mimeType) {
+  return mimeType.toLowerCase() === 'application/pdf';
+};
+
+exports.isDocumentMimeTypeSupportedByBrowser = isDocumentMimeTypeSupportedByBrowser;
+
+var isAudioMimeTypeSupportedByBrowser = function isAudioMimeTypeSupportedByBrowser(mimeType) {
+  return ['audio/aac', 'audio/flac', 'audio/mp4', 'audio/mpeg', 'audio/ogg', 'audio/x-ogg', 'audio/wav', 'audio/x-wav'].indexOf(mimeType.toLowerCase()) > -1;
+};
+/**
+ * For backward compatilbity, we assume MP4/MOV is natively supported.
+ * TODO: Improve detection of supported video formats by the browser.
+ *
+ * See related tickets:
+ * - https://product-fabric.atlassian.net/browse/MPT-477
+ * - https://product-fabric.atlassian.net/browse/EDM-634
+ * - https://product-fabric.atlassian.net/browse/EDM-426
+ */
+
+
+exports.isAudioMimeTypeSupportedByBrowser = isAudioMimeTypeSupportedByBrowser;
+
+var isVideoMimeTypeSupportedByBrowser = function isVideoMimeTypeSupportedByBrowser(mimeType) {
+  return ['video/mp4', 'video/quicktime'].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isVideoMimeTypeSupportedByBrowser = isVideoMimeTypeSupportedByBrowser;
+
+var isMimeTypeSupportedByBrowser = function isMimeTypeSupportedByBrowser(mimeType) {
+  return isDocumentMimeTypeSupportedByBrowser(mimeType) || isImageMimeTypeSupportedByBrowser(mimeType) || isAudioMimeTypeSupportedByBrowser(mimeType) || isVideoMimeTypeSupportedByBrowser(mimeType);
+};
+
+exports.isMimeTypeSupportedByBrowser = isMimeTypeSupportedByBrowser;

package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByServer.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMimeTypeSupportedByServer = exports.isUnknownMimeTypeSupportedByServer = exports.isVideoMimeTypeSupportedByServer = exports.isAudioMimeTypeSupportedByServer = exports.isDocumentMimeTypeSupportedByServer = exports.isImageMimeTypeSupportedByServer = void 0;
+
+// Based on https://developer.atlassian.com/platform/media/learning/file-previews/
+var isImageMimeTypeSupportedByServer = function isImageMimeTypeSupportedByServer(mimeType) {
+  return ['image/bmp', 'image/x-windows-bmp', 'application/dicom', 'image/gif', 'image/jpeg', 'image/jpg', 'image/jp_', 'application/jpg', 'application/x-jpg', 'image/png', 'application/png', 'application/x-png', 'application/vnd.adobe.photoshop', 'image/vnd.adobe.photoshop', 'image/photoshop', 'image/x-photoshop', 'image/psd', 'application/photoshop', 'application/psd', 'zz-application/zz-winassoc-psd', 'image/tiff', 'image/x-tif', 'image/x-tiff', 'application/tif', 'application/x-tif', 'application/tiff', 'application/x-tiff', 'image/svg+xml', 'image/heif', 'image/heif-sequence', 'image/heic', 'image/heic-sequence'].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isImageMimeTypeSupportedByServer = isImageMimeTypeSupportedByServer;
+
+var isDocumentMimeTypeSupportedByServer = function isDocumentMimeTypeSupportedByServer(mimeType) {
+  return [// Adobe PDF
+  'application/pdf', 'application/x-pdf', 'application/acrobat', 'applications/vnd.pdf', 'text/pdf', 'text/x-pdf', // Adobe Illustrator
+  'application/vnd.adobe.illustrator', // Microsoft Office
+  'application/vnd.ms-office', // Microsoft Word
+  'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.openxmlformats-officedocument.wordprocessingml.template', 'application/vnd.ms-word.document.macroenabled.12', 'application/vnd.ms-word.template.macroenabled.12', // Microsoft Excel
+  'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template', 'application/vnd.ms-excel.sheet.macroenabled.12', 'application/vnd.ms-excel.template.macroenabled.12', 'application/vnd.ms-excel.addin.macroenabled.12', 'application/vnd.ms-excel.sheet.macroenabled', 'application/vnd.ms-excel.template.macroenabled', 'application/vnd.ms-excel.addin.macroenabled', // Microsoft Powerpoint
+  'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.openxmlformats-officedocument.presentationml.template', 'application/vnd.openxmlformats-officedocument.presentationml.slideshow', 'application/vnd.ms-powerpoint.presentation.macroenabled.12', 'application/vnd.ms-powerpoint.template.macroenabled.12', 'application/vnd.ms-powerpoint.slideshow.macroenabled.12', // OpenOffice
+  'application/vnd.sun.xml.writer', 'application/vnd.sun.xml.writer.template', // OpenDocument
+  'application/vnd.sun.xml.draw', 'application/vnd.sun.xml.draw.template', 'application/vnd.oasis.opendocument.graphics', 'application/vnd.oasis.opendocument.presentation', 'application/x-vnd.oasis.opendocument.presentation', 'application/vnd.sun.xml.calc', 'application/vnd.sun.xml.calc.template', 'application/vnd.oasis.opendocument.spreadsheet', 'application/x-vnd.oasis.opendocument.spreadsheet', 'application/vnd.oasis.opendocument.spreadsheet-template', 'application/vnd.oasis.opendocument.text', 'application/vnd.oasis.opendocument.text-template', 'application/vnd.oasis.opendocument.text-master', 'application/x-vnd.oasis.opendocument.text', 'application/x-vnd.oasis.opendocument.text-template', 'application/x-vnd.oasis.opendocument.text-master', // WordPerfect
+  'application/vnd.wordperfect', // Text files
+  'text/csv', 'text/x-diff', 'text/x-perl', 'text/x-python', 'text/x-ruby', 'text/rtf', 'text/richtext', 'text/plain', 'application/txt', // Rich text
+  'application/rtf', 'application/x-rtf', // PostScript
+  'application/postscript'].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isDocumentMimeTypeSupportedByServer = isDocumentMimeTypeSupportedByServer;
+
+var isAudioMimeTypeSupportedByServer = function isAudioMimeTypeSupportedByServer(mimeType) {
+  return ['audio/aac', 'audio/x-hx-aac-adts', 'audio/vnd.dolby.dd-raw', 'audio/aiff', 'audio/x-aiff', 'audio/x-monkeys-audio', 'audio/x-ape', 'audio/basic', 'audio/flac', 'audio/mp4', 'audio/midi', 'audio/x-matroska', 'audio/x-mod', 'audio/mpeg', 'audio/ogg', 'audio/x-ogg', 'audio/x-pn-realaudio', 'audio/wav', 'audio/x-wav', 'audio/x-ms-wma'].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isAudioMimeTypeSupportedByServer = isAudioMimeTypeSupportedByServer;
+
+var isVideoMimeTypeSupportedByServer = function isVideoMimeTypeSupportedByServer(mimeType) {
+  return ['video/3gpp', 'video/3gpp2', 'video/x-ms-asf', 'video/avi', 'video/msvideo', 'video/x-msvideo', 'video/x-dv', 'video/x-flv', 'video/m2ts', 'video/x-m4v', 'video/x-matroska', 'video/quicktime', 'video/mp4', 'video/mpeg', 'video/ogg', 'video/x-ogg', 'video/webm', 'video/x-ms-wmv'].indexOf(mimeType.toLowerCase()) > -1;
+}; // BMPT-620: The backend momentarily returns this mimeType for cloud files imported via dt-api-mediapicker
+// Once these cloud files are processed they are receiving a more relevant mimeType
+
+
+exports.isVideoMimeTypeSupportedByServer = isVideoMimeTypeSupportedByServer;
+
+var isUnknownMimeTypeSupportedByServer = function isUnknownMimeTypeSupportedByServer(mimeType) {
+  return ['binary/octet-stream'].indexOf(mimeType.toLowerCase()) > -1;
+};
+
+exports.isUnknownMimeTypeSupportedByServer = isUnknownMimeTypeSupportedByServer;
+
+var isMimeTypeSupportedByServer = function isMimeTypeSupportedByServer(mimeType) {
+  return isImageMimeTypeSupportedByServer(mimeType) || isDocumentMimeTypeSupportedByServer(mimeType) || isAudioMimeTypeSupportedByServer(mimeType) || isVideoMimeTypeSupportedByServer(mimeType) || isUnknownMimeTypeSupportedByServer(mimeType);
+};
+
+exports.isMimeTypeSupportedByServer = isMimeTypeSupportedByServer;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.7.0",
+	"version": "2.10.0",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -2,8 +2,9 @@ export { downloadUrl } from './downloadUrl'; // Warning! You can't add new media
 // See packages/media/media-core/src/__tests__/cache-backward-compatibility.spec.ts
 
 // Media Feature Flags
-export { getMediaFeatureFlag, defaultMediaFeatureFlags } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags } from './mediaFeatureFlags';
 // Analytics context
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
 
-export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
+export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
+export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';

package/dist/es2019/mediaFeatureFlags.js

@@ -1,16 +1,14 @@
-import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local';
+import { useRef } from 'react';
+import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
+
 // default values defined here, not necessary for components to know directly as they should use the function below
 export const defaultMediaFeatureFlags = {
   newCardExperience: false,
-  zipPreviews: false,
   captions: false,
-  folderUploads: false,
-  codeViewer: false,
-  poll_intervalMs: 3000,
-  poll_maxAttempts: 30,
-  poll_backoffFactor: 1.25,
-  poll_maxIntervalMs: 200000,
-  poll_maxGlobalFailures: 10
+  mediaInline: false,
+  // We can't yet switch this feature on
+  // TODO https://product-fabric.atlassian.net/browse/MEX-104
+  folderUploads: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -49,4 +47,31 @@ Object.keys(defaultMediaFeatureFlags).forEach(flagName => {
     // eslint-disable-next-line no-console
     console.info(`%c* LOCAL * MediaFeatureFlag.${flagName} = ${localOverride}`, 'font-weight:bold;color:cyan');
   }
-});
+});
+export const areEqualFeatureFlags = (ffA, ffB) => {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  } // With this type we ensure this object will compare all the flags
+
+
+  const results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    captions: ffA.captions === ffB.captions,
+    mediaInline: ffA.mediaInline === ffB.mediaInline,
+    folderUploads: ffA.folderUploads === ffB.folderUploads
+  };
+  return Object.values(results).every(result => result);
+};
+export const useMemoizeFeatureFlags = featureFlags => {
+  const ref = useRef();
+
+  if (!areEqualFeatureFlags(featureFlags, ref.current)) {
+    ref.current = featureFlags;
+  }
+
+  return ref.current;
+};

package/dist/es2019/mediaTypeUtils/index.js

@@ -0,0 +1,28 @@
+import { isArchive } from './isArchive';
+import { isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isAudioMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from './isMimeTypeSupportedByBrowser';
+import { isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer } from './isMimeTypeSupportedByServer';
+export { isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isAudioMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser } from './isMimeTypeSupportedByBrowser';
+export { isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './isMimeTypeSupportedByServer';
+export const getMediaTypeFromMimeType = mimeType => {
+  if (isArchive(mimeType)) {
+    return 'archive';
+  }
+
+  if (isImageMimeTypeSupportedByBrowser(mimeType) || isImageMimeTypeSupportedByServer(mimeType)) {
+    return 'image';
+  }
+
+  if (isDocumentMimeTypeSupportedByBrowser(mimeType) || isDocumentMimeTypeSupportedByServer(mimeType)) {
+    return 'doc';
+  }
+
+  if (isAudioMimeTypeSupportedByBrowser(mimeType) || isAudioMimeTypeSupportedByServer(mimeType)) {
+    return 'audio';
+  }
+
+  if (isVideoMimeTypeSupportedByBrowser(mimeType) || isVideoMimeTypeSupportedByServer(mimeType)) {
+    return 'video';
+  }
+
+  return 'unknown';
+};

package/dist/es2019/mediaTypeUtils/isArchive.js

@@ -0,0 +1,2 @@
+// Based on https://en.wikipedia.org/wiki/List_of_archive_formats
+export const isArchive = mimeType => ['application/x-archive', 'application/x-cpio', 'application/x-shar', 'application/x-iso9660-image', 'application/x-sbx', 'application/x-tar', 'application/x-bzip2', 'application/gzip', 'application/x-gzip', 'application/x-lzip', 'application/x-lzma', 'application/x-lzop', 'application/x-snappy-framed', 'application/x-xz', 'application/x-compress', 'application/zstd', 'application/x-7z-compressed', 'application/x-ace-compressed', 'application/x-astrotite-afa', 'application/x-alz-compressed', 'application/vnd.android.package-archive', 'application/x-freearc', 'application/x-arj', 'application/x-b1', 'application/vnd.ms-cab-compressed', 'application/x-cfs-compressed', 'application/x-dar', 'application/x-dgc-compressed', 'application/x-apple-diskimage', 'application/x-gca-compressed', 'application/java-archive', 'application/x-lzh', 'application/x-lzx', 'application/x-rar-compressed', 'application/x-stuffit', 'application/x-stuffitx', 'application/x-gtar', 'application/x-ms-wim', 'application/x-xar', 'application/zip', 'application/x-zoo', 'application/x-par2'].indexOf(mimeType.toLowerCase()) > -1;

package/dist/es2019/mediaTypeUtils/isMimeTypeSupportedByBrowser.js

@@ -0,0 +1,17 @@
+// Based on https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
+export const isImageMimeTypeSupportedByBrowser = mimeType => ['image/apng', 'image/bmp', 'image/gif', 'image/x-icon', 'image/jpeg', 'image/png', 'image/webp' //'image/svg+xml', // Removed because of https://product-fabric.atlassian.net/browse/BMPT-625
+].indexOf(mimeType.toLowerCase()) > -1;
+export const isDocumentMimeTypeSupportedByBrowser = mimeType => mimeType.toLowerCase() === 'application/pdf';
+export const isAudioMimeTypeSupportedByBrowser = mimeType => ['audio/aac', 'audio/flac', 'audio/mp4', 'audio/mpeg', 'audio/ogg', 'audio/x-ogg', 'audio/wav', 'audio/x-wav'].indexOf(mimeType.toLowerCase()) > -1;
+/**
+ * For backward compatilbity, we assume MP4/MOV is natively supported.
+ * TODO: Improve detection of supported video formats by the browser.
+ *
+ * See related tickets:
+ * - https://product-fabric.atlassian.net/browse/MPT-477
+ * - https://product-fabric.atlassian.net/browse/EDM-634
+ * - https://product-fabric.atlassian.net/browse/EDM-426
+ */
+
+export const isVideoMimeTypeSupportedByBrowser = mimeType => ['video/mp4', 'video/quicktime'].indexOf(mimeType.toLowerCase()) > -1;
+export const isMimeTypeSupportedByBrowser = mimeType => isDocumentMimeTypeSupportedByBrowser(mimeType) || isImageMimeTypeSupportedByBrowser(mimeType) || isAudioMimeTypeSupportedByBrowser(mimeType) || isVideoMimeTypeSupportedByBrowser(mimeType);

package/dist/es2019/mediaTypeUtils/isMimeTypeSupportedByServer.js

@@ -0,0 +1,21 @@
+// Based on https://developer.atlassian.com/platform/media/learning/file-previews/
+export const isImageMimeTypeSupportedByServer = mimeType => ['image/bmp', 'image/x-windows-bmp', 'application/dicom', 'image/gif', 'image/jpeg', 'image/jpg', 'image/jp_', 'application/jpg', 'application/x-jpg', 'image/png', 'application/png', 'application/x-png', 'application/vnd.adobe.photoshop', 'image/vnd.adobe.photoshop', 'image/photoshop', 'image/x-photoshop', 'image/psd', 'application/photoshop', 'application/psd', 'zz-application/zz-winassoc-psd', 'image/tiff', 'image/x-tif', 'image/x-tiff', 'application/tif', 'application/x-tif', 'application/tiff', 'application/x-tiff', 'image/svg+xml', 'image/heif', 'image/heif-sequence', 'image/heic', 'image/heic-sequence'].indexOf(mimeType.toLowerCase()) > -1;
+export const isDocumentMimeTypeSupportedByServer = mimeType => [// Adobe PDF
+'application/pdf', 'application/x-pdf', 'application/acrobat', 'applications/vnd.pdf', 'text/pdf', 'text/x-pdf', // Adobe Illustrator
+'application/vnd.adobe.illustrator', // Microsoft Office
+'application/vnd.ms-office', // Microsoft Word
+'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.openxmlformats-officedocument.wordprocessingml.template', 'application/vnd.ms-word.document.macroenabled.12', 'application/vnd.ms-word.template.macroenabled.12', // Microsoft Excel
+'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template', 'application/vnd.ms-excel.sheet.macroenabled.12', 'application/vnd.ms-excel.template.macroenabled.12', 'application/vnd.ms-excel.addin.macroenabled.12', 'application/vnd.ms-excel.sheet.macroenabled', 'application/vnd.ms-excel.template.macroenabled', 'application/vnd.ms-excel.addin.macroenabled', // Microsoft Powerpoint
+'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.openxmlformats-officedocument.presentationml.template', 'application/vnd.openxmlformats-officedocument.presentationml.slideshow', 'application/vnd.ms-powerpoint.presentation.macroenabled.12', 'application/vnd.ms-powerpoint.template.macroenabled.12', 'application/vnd.ms-powerpoint.slideshow.macroenabled.12', // OpenOffice
+'application/vnd.sun.xml.writer', 'application/vnd.sun.xml.writer.template', // OpenDocument
+'application/vnd.sun.xml.draw', 'application/vnd.sun.xml.draw.template', 'application/vnd.oasis.opendocument.graphics', 'application/vnd.oasis.opendocument.presentation', 'application/x-vnd.oasis.opendocument.presentation', 'application/vnd.sun.xml.calc', 'application/vnd.sun.xml.calc.template', 'application/vnd.oasis.opendocument.spreadsheet', 'application/x-vnd.oasis.opendocument.spreadsheet', 'application/vnd.oasis.opendocument.spreadsheet-template', 'application/vnd.oasis.opendocument.text', 'application/vnd.oasis.opendocument.text-template', 'application/vnd.oasis.opendocument.text-master', 'application/x-vnd.oasis.opendocument.text', 'application/x-vnd.oasis.opendocument.text-template', 'application/x-vnd.oasis.opendocument.text-master', // WordPerfect
+'application/vnd.wordperfect', // Text files
+'text/csv', 'text/x-diff', 'text/x-perl', 'text/x-python', 'text/x-ruby', 'text/rtf', 'text/richtext', 'text/plain', 'application/txt', // Rich text
+'application/rtf', 'application/x-rtf', // PostScript
+'application/postscript'].indexOf(mimeType.toLowerCase()) > -1;
+export const isAudioMimeTypeSupportedByServer = mimeType => ['audio/aac', 'audio/x-hx-aac-adts', 'audio/vnd.dolby.dd-raw', 'audio/aiff', 'audio/x-aiff', 'audio/x-monkeys-audio', 'audio/x-ape', 'audio/basic', 'audio/flac', 'audio/mp4', 'audio/midi', 'audio/x-matroska', 'audio/x-mod', 'audio/mpeg', 'audio/ogg', 'audio/x-ogg', 'audio/x-pn-realaudio', 'audio/wav', 'audio/x-wav', 'audio/x-ms-wma'].indexOf(mimeType.toLowerCase()) > -1;
+export const isVideoMimeTypeSupportedByServer = mimeType => ['video/3gpp', 'video/3gpp2', 'video/x-ms-asf', 'video/avi', 'video/msvideo', 'video/x-msvideo', 'video/x-dv', 'video/x-flv', 'video/m2ts', 'video/x-m4v', 'video/x-matroska', 'video/quicktime', 'video/mp4', 'video/mpeg', 'video/ogg', 'video/x-ogg', 'video/webm', 'video/x-ms-wmv'].indexOf(mimeType.toLowerCase()) > -1; // BMPT-620: The backend momentarily returns this mimeType for cloud files imported via dt-api-mediapicker
+// Once these cloud files are processed they are receiving a more relevant mimeType
+
+export const isUnknownMimeTypeSupportedByServer = mimeType => ['binary/octet-stream'].indexOf(mimeType.toLowerCase()) > -1;
+export const isMimeTypeSupportedByServer = mimeType => isImageMimeTypeSupportedByServer(mimeType) || isDocumentMimeTypeSupportedByServer(mimeType) || isAudioMimeTypeSupportedByServer(mimeType) || isVideoMimeTypeSupportedByServer(mimeType) || isUnknownMimeTypeSupportedByServer(mimeType);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.7.0",
+	"version": "2.10.0",
 	"sideEffects": false
 }

package/dist/esm/index.js

@@ -2,8 +2,9 @@ export { downloadUrl } from './downloadUrl'; // Warning! You can't add new media
 // See packages/media/media-core/src/__tests__/cache-backward-compatibility.spec.ts
 
 // Media Feature Flags
-export { getMediaFeatureFlag, defaultMediaFeatureFlags } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags } from './mediaFeatureFlags';
 // Analytics context
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
 
-export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
+export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
+export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './mediaTypeUtils';

package/dist/esm/mediaFeatureFlags.js

@@ -1,16 +1,14 @@
-import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local';
+import { useRef } from 'react';
+import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
+
 // default values defined here, not necessary for components to know directly as they should use the function below
 export var defaultMediaFeatureFlags = {
   newCardExperience: false,
-  zipPreviews: false,
   captions: false,
-  folderUploads: false,
-  codeViewer: false,
-  poll_intervalMs: 3000,
-  poll_maxAttempts: 30,
-  poll_backoffFactor: 1.25,
-  poll_maxIntervalMs: 200000,
-  poll_maxGlobalFailures: 10
+  mediaInline: false,
+  // We can't yet switch this feature on
+  // TODO https://product-fabric.atlassian.net/browse/MEX-104
+  folderUploads: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -49,4 +47,33 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
     // eslint-disable-next-line no-console
     console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
   }
-});
+});
+export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  } // With this type we ensure this object will compare all the flags
+
+
+  var results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    captions: ffA.captions === ffB.captions,
+    mediaInline: ffA.mediaInline === ffB.mediaInline,
+    folderUploads: ffA.folderUploads === ffB.folderUploads
+  };
+  return Object.values(results).every(function (result) {
+    return result;
+  });
+};
+export var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
+  var ref = useRef();
+
+  if (!areEqualFeatureFlags(featureFlags, ref.current)) {
+    ref.current = featureFlags;
+  }
+
+  return ref.current;
+};

package/dist/esm/mediaTypeUtils/index.js

@@ -0,0 +1,28 @@
+import { isArchive } from './isArchive';
+import { isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isAudioMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from './isMimeTypeSupportedByBrowser';
+import { isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer } from './isMimeTypeSupportedByServer';
+export { isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isAudioMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser } from './isMimeTypeSupportedByBrowser';
+export { isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer } from './isMimeTypeSupportedByServer';
+export var getMediaTypeFromMimeType = function getMediaTypeFromMimeType(mimeType) {
+  if (isArchive(mimeType)) {
+    return 'archive';
+  }
+
+  if (isImageMimeTypeSupportedByBrowser(mimeType) || isImageMimeTypeSupportedByServer(mimeType)) {
+    return 'image';
+  }
+
+  if (isDocumentMimeTypeSupportedByBrowser(mimeType) || isDocumentMimeTypeSupportedByServer(mimeType)) {
+    return 'doc';
+  }
+
+  if (isAudioMimeTypeSupportedByBrowser(mimeType) || isAudioMimeTypeSupportedByServer(mimeType)) {
+    return 'audio';
+  }
+
+  if (isVideoMimeTypeSupportedByBrowser(mimeType) || isVideoMimeTypeSupportedByServer(mimeType)) {
+    return 'video';
+  }
+
+  return 'unknown';
+};

package/dist/esm/mediaTypeUtils/isArchive.js

@@ -0,0 +1,4 @@
+// Based on https://en.wikipedia.org/wiki/List_of_archive_formats
+export var isArchive = function isArchive(mimeType) {
+  return ['application/x-archive', 'application/x-cpio', 'application/x-shar', 'application/x-iso9660-image', 'application/x-sbx', 'application/x-tar', 'application/x-bzip2', 'application/gzip', 'application/x-gzip', 'application/x-lzip', 'application/x-lzma', 'application/x-lzop', 'application/x-snappy-framed', 'application/x-xz', 'application/x-compress', 'application/zstd', 'application/x-7z-compressed', 'application/x-ace-compressed', 'application/x-astrotite-afa', 'application/x-alz-compressed', 'application/vnd.android.package-archive', 'application/x-freearc', 'application/x-arj', 'application/x-b1', 'application/vnd.ms-cab-compressed', 'application/x-cfs-compressed', 'application/x-dar', 'application/x-dgc-compressed', 'application/x-apple-diskimage', 'application/x-gca-compressed', 'application/java-archive', 'application/x-lzh', 'application/x-lzx', 'application/x-rar-compressed', 'application/x-stuffit', 'application/x-stuffitx', 'application/x-gtar', 'application/x-ms-wim', 'application/x-xar', 'application/zip', 'application/x-zoo', 'application/x-par2'].indexOf(mimeType.toLowerCase()) > -1;
+};

package/dist/esm/mediaTypeUtils/isMimeTypeSupportedByBrowser.js

@@ -0,0 +1,27 @@
+// Based on https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
+export var isImageMimeTypeSupportedByBrowser = function isImageMimeTypeSupportedByBrowser(mimeType) {
+  return ['image/apng', 'image/bmp', 'image/gif', 'image/x-icon', 'image/jpeg', 'image/png', 'image/webp' //'image/svg+xml', // Removed because of https://product-fabric.atlassian.net/browse/BMPT-625
+  ].indexOf(mimeType.toLowerCase()) > -1;
+};
+export var isDocumentMimeTypeSupportedByBrowser = function isDocumentMimeTypeSupportedByBrowser(mimeType) {
+  return mimeType.toLowerCase() === 'application/pdf';
+};
+export var isAudioMimeTypeSupportedByBrowser = function isAudioMimeTypeSupportedByBrowser(mimeType) {
+  return ['audio/aac', 'audio/flac', 'audio/mp4', 'audio/mpeg', 'audio/ogg', 'audio/x-ogg', 'audio/wav', 'audio/x-wav'].indexOf(mimeType.toLowerCase()) > -1;
+};
+/**
+ * For backward compatilbity, we assume MP4/MOV is natively supported.
+ * TODO: Improve detection of supported video formats by the browser.
+ *
+ * See related tickets:
+ * - https://product-fabric.atlassian.net/browse/MPT-477
+ * - https://product-fabric.atlassian.net/browse/EDM-634
+ * - https://product-fabric.atlassian.net/browse/EDM-426
+ */
+
+export var isVideoMimeTypeSupportedByBrowser = function isVideoMimeTypeSupportedByBrowser(mimeType) {
+  return ['video/mp4', 'video/quicktime'].indexOf(mimeType.toLowerCase()) > -1;
+};
+export var isMimeTypeSupportedByBrowser = function isMimeTypeSupportedByBrowser(mimeType) {
+  return isDocumentMimeTypeSupportedByBrowser(mimeType) || isImageMimeTypeSupportedByBrowser(mimeType) || isAudioMimeTypeSupportedByBrowser(mimeType) || isVideoMimeTypeSupportedByBrowser(mimeType);
+};

package/dist/esm/mediaTypeUtils/isMimeTypeSupportedByServer.js

@@ -0,0 +1,33 @@
+// Based on https://developer.atlassian.com/platform/media/learning/file-previews/
+export var isImageMimeTypeSupportedByServer = function isImageMimeTypeSupportedByServer(mimeType) {
+  return ['image/bmp', 'image/x-windows-bmp', 'application/dicom', 'image/gif', 'image/jpeg', 'image/jpg', 'image/jp_', 'application/jpg', 'application/x-jpg', 'image/png', 'application/png', 'application/x-png', 'application/vnd.adobe.photoshop', 'image/vnd.adobe.photoshop', 'image/photoshop', 'image/x-photoshop', 'image/psd', 'application/photoshop', 'application/psd', 'zz-application/zz-winassoc-psd', 'image/tiff', 'image/x-tif', 'image/x-tiff', 'application/tif', 'application/x-tif', 'application/tiff', 'application/x-tiff', 'image/svg+xml', 'image/heif', 'image/heif-sequence', 'image/heic', 'image/heic-sequence'].indexOf(mimeType.toLowerCase()) > -1;
+};
+export var isDocumentMimeTypeSupportedByServer = function isDocumentMimeTypeSupportedByServer(mimeType) {
+  return [// Adobe PDF
+  'application/pdf', 'application/x-pdf', 'application/acrobat', 'applications/vnd.pdf', 'text/pdf', 'text/x-pdf', // Adobe Illustrator
+  'application/vnd.adobe.illustrator', // Microsoft Office
+  'application/vnd.ms-office', // Microsoft Word
+  'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.openxmlformats-officedocument.wordprocessingml.template', 'application/vnd.ms-word.document.macroenabled.12', 'application/vnd.ms-word.template.macroenabled.12', // Microsoft Excel
+  'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template', 'application/vnd.ms-excel.sheet.macroenabled.12', 'application/vnd.ms-excel.template.macroenabled.12', 'application/vnd.ms-excel.addin.macroenabled.12', 'application/vnd.ms-excel.sheet.macroenabled', 'application/vnd.ms-excel.template.macroenabled', 'application/vnd.ms-excel.addin.macroenabled', // Microsoft Powerpoint
+  'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.openxmlformats-officedocument.presentationml.template', 'application/vnd.openxmlformats-officedocument.presentationml.slideshow', 'application/vnd.ms-powerpoint.presentation.macroenabled.12', 'application/vnd.ms-powerpoint.template.macroenabled.12', 'application/vnd.ms-powerpoint.slideshow.macroenabled.12', // OpenOffice
+  'application/vnd.sun.xml.writer', 'application/vnd.sun.xml.writer.template', // OpenDocument
+  'application/vnd.sun.xml.draw', 'application/vnd.sun.xml.draw.template', 'application/vnd.oasis.opendocument.graphics', 'application/vnd.oasis.opendocument.presentation', 'application/x-vnd.oasis.opendocument.presentation', 'application/vnd.sun.xml.calc', 'application/vnd.sun.xml.calc.template', 'application/vnd.oasis.opendocument.spreadsheet', 'application/x-vnd.oasis.opendocument.spreadsheet', 'application/vnd.oasis.opendocument.spreadsheet-template', 'application/vnd.oasis.opendocument.text', 'application/vnd.oasis.opendocument.text-template', 'application/vnd.oasis.opendocument.text-master', 'application/x-vnd.oasis.opendocument.text', 'application/x-vnd.oasis.opendocument.text-template', 'application/x-vnd.oasis.opendocument.text-master', // WordPerfect
+  'application/vnd.wordperfect', // Text files
+  'text/csv', 'text/x-diff', 'text/x-perl', 'text/x-python', 'text/x-ruby', 'text/rtf', 'text/richtext', 'text/plain', 'application/txt', // Rich text
+  'application/rtf', 'application/x-rtf', // PostScript
+  'application/postscript'].indexOf(mimeType.toLowerCase()) > -1;
+};
+export var isAudioMimeTypeSupportedByServer = function isAudioMimeTypeSupportedByServer(mimeType) {
+  return ['audio/aac', 'audio/x-hx-aac-adts', 'audio/vnd.dolby.dd-raw', 'audio/aiff', 'audio/x-aiff', 'audio/x-monkeys-audio', 'audio/x-ape', 'audio/basic', 'audio/flac', 'audio/mp4', 'audio/midi', 'audio/x-matroska', 'audio/x-mod', 'audio/mpeg', 'audio/ogg', 'audio/x-ogg', 'audio/x-pn-realaudio', 'audio/wav', 'audio/x-wav', 'audio/x-ms-wma'].indexOf(mimeType.toLowerCase()) > -1;
+};
+export var isVideoMimeTypeSupportedByServer = function isVideoMimeTypeSupportedByServer(mimeType) {
+  return ['video/3gpp', 'video/3gpp2', 'video/x-ms-asf', 'video/avi', 'video/msvideo', 'video/x-msvideo', 'video/x-dv', 'video/x-flv', 'video/m2ts', 'video/x-m4v', 'video/x-matroska', 'video/quicktime', 'video/mp4', 'video/mpeg', 'video/ogg', 'video/x-ogg', 'video/webm', 'video/x-ms-wmv'].indexOf(mimeType.toLowerCase()) > -1;
+}; // BMPT-620: The backend momentarily returns this mimeType for cloud files imported via dt-api-mediapicker
+// Once these cloud files are processed they are receiving a more relevant mimeType
+
+export var isUnknownMimeTypeSupportedByServer = function isUnknownMimeTypeSupportedByServer(mimeType) {
+  return ['binary/octet-stream'].indexOf(mimeType.toLowerCase()) > -1;
+};
+export var isMimeTypeSupportedByServer = function isMimeTypeSupportedByServer(mimeType) {
+  return isImageMimeTypeSupportedByServer(mimeType) || isDocumentMimeTypeSupportedByServer(mimeType) || isAudioMimeTypeSupportedByServer(mimeType) || isVideoMimeTypeSupportedByServer(mimeType) || isUnknownMimeTypeSupportedByServer(mimeType);
+};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.7.0",
+	"version": "2.10.0",
 	"sideEffects": false
 }

package/dist/types/analytics/types.d.ts

@@ -19,9 +19,18 @@ export declare type FileAttributes = {
     fileSource?: string;
     fileStatus?: FileStatus;
 };
+export declare type PerformanceAttributes = {
+    overall: {
+        durationSincePageStart: number;
+        durationSinceCommenced?: number;
+    };
+};
 export declare type WithFileAttributes = {
     fileAttributes: FileAttributes;
 };
+export declare type WithPerformanceAttributes = {
+    performanceAttributes?: PerformanceAttributes;
+};
 export declare type SuccessAttributes = {
     status: 'success';
 };
@@ -32,29 +41,32 @@ export declare type FailureAttributes = {
     errorDetail?: string;
 };
 export declare type StatusAttributes = SuccessAttributes | FailureAttributes;
-export declare type OperationalAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes);
+export declare type OperationalAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes & WithPerformanceAttributes);
 export declare type OperationalEventPayload<Attributes extends OperationalAttributes, Action extends string, ActionSubject extends string, ActionSubjectId extends string = string> = BaseEventPayload<Attributes> & {
     eventType: 'operational';
     action: Action;
     actionSubject: ActionSubject;
     actionSubjectId?: ActionSubjectId;
 };
-export declare type UIAttributes = BaseAttributes;
+export declare type UIAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes);
 export declare type UIEventPayload<Attributes extends UIAttributes, Action extends string, ActionSubject extends string> = BaseEventPayload<Attributes> & {
     eventType: 'ui';
     action: Action;
     actionSubject: ActionSubject;
     actionSubjectId?: string;
 };
-export declare type ScreenAttributes = BaseAttributes;
+export declare type ScreenAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes);
 export declare type ScreenEventPayload<Attributes extends ScreenAttributes, ActionSubject extends string> = BaseEventPayload<Attributes> & {
     eventType: 'screen';
     actionSubject: ActionSubject;
     name: ActionSubject;
 };
-export declare type TrackAttributes = BaseAttributes;
-export declare type TrackEventPayload<Attributes extends TrackAttributes> = BaseEventPayload<Attributes> & {
+export declare type TrackAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes);
+export declare type TrackEventPayload<Attributes extends TrackAttributes, Action extends string, ActionSubject extends string, ActionSubjectId extends string = string> = BaseEventPayload<Attributes> & {
     eventType: 'track';
+    action: Action;
+    actionSubject: ActionSubject;
+    actionSubjectId?: ActionSubjectId;
 };
 export declare type ContextPublicAttributes = PackageAttributes;
 export declare type ContextPrivateAttributes = WithMediaFeatureFlags;

package/dist/types/index.d.ts

@@ -1,12 +1,14 @@
 export { downloadUrl } from './downloadUrl';
 export declare type MediaType = 'doc' | 'audio' | 'video' | 'image' | 'archive' | 'unknown';
 export declare type FileStatus = 'uploading' | 'processing' | 'processed' | 'error' | 'failed-processing';
-export { getMediaFeatureFlag, defaultMediaFeatureFlags, } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags, } from './mediaFeatureFlags';
 export type { MediaFeatureFlags, WithMediaFeatureFlags, } from './mediaFeatureFlags';
 export interface NumericalCardDimensions {
     width: number;
     height: number;
 }
-export type { PackageAttributes, WithFileAttributes, FileAttributes, SuccessAttributes, FailureAttributes, OperationalAttributes, OperationalEventPayload, UIAttributes, UIEventPayload, ScreenAttributes, ScreenEventPayload, TrackAttributes, TrackEventPayload, ContextPublicAttributes, ContextStaticProps, } from './analytics/types';
+export type { PackageAttributes, WithFileAttributes, WithPerformanceAttributes, FileAttributes, PerformanceAttributes, SuccessAttributes, FailureAttributes, OperationalAttributes, OperationalEventPayload, UIAttributes, UIEventPayload, ScreenAttributes, ScreenEventPayload, TrackAttributes, TrackEventPayload, ContextPublicAttributes, ContextStaticProps, } from './analytics/types';
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext';
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
+export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer, } from './mediaTypeUtils';
+export declare type SSR = 'client' | 'server';

package/dist/types/mediaFeatureFlags.d.ts

@@ -1,16 +1,8 @@
-export interface PollingOptions {
-    poll_intervalMs?: number;
-    poll_maxAttempts?: number;
-    poll_backoffFactor?: number;
-    poll_maxIntervalMs?: number;
-    poll_maxGlobalFailures?: number;
-}
-export interface MediaFeatureFlags extends PollingOptions {
+export interface MediaFeatureFlags {
     newCardExperience?: boolean;
-    zipPreviews?: boolean;
     captions?: boolean;
+    mediaInline?: boolean;
     folderUploads?: boolean;
-    codeViewer?: boolean;
 }
 export interface WithMediaFeatureFlags {
     featureFlags?: MediaFeatureFlags;
@@ -27,3 +19,5 @@ export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
  * (you will see a warning in console if override used)
  * */
 export declare function getMediaFeatureFlag<T = boolean>(flagName: keyof MediaFeatureFlags, featureFlags?: MediaFeatureFlags): T;
+export declare const areEqualFeatureFlags: (ffA?: MediaFeatureFlags | undefined, ffB?: MediaFeatureFlags | undefined) => boolean;
+export declare const useMemoizeFeatureFlags: (featureFlags?: MediaFeatureFlags | undefined) => MediaFeatureFlags | undefined;

package/dist/types/mediaTypeUtils/index.d.ts

@@ -0,0 +1,4 @@
+import { MediaType } from '..';
+export { isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isAudioMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, } from './isMimeTypeSupportedByBrowser';
+export { isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer, } from './isMimeTypeSupportedByServer';
+export declare const getMediaTypeFromMimeType: (mimeType: string) => MediaType;

package/dist/types/mediaTypeUtils/isArchive.d.ts

@@ -0,0 +1 @@
+export declare const isArchive: (mimeType: string) => boolean;

package/dist/types/mediaTypeUtils/isMimeTypeSupportedByBrowser.d.ts

@@ -0,0 +1,14 @@
+export declare const isImageMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
+export declare const isDocumentMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
+export declare const isAudioMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
+/**
+ * For backward compatilbity, we assume MP4/MOV is natively supported.
+ * TODO: Improve detection of supported video formats by the browser.
+ *
+ * See related tickets:
+ * - https://product-fabric.atlassian.net/browse/MPT-477
+ * - https://product-fabric.atlassian.net/browse/EDM-634
+ * - https://product-fabric.atlassian.net/browse/EDM-426
+ */
+export declare const isVideoMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
+export declare const isMimeTypeSupportedByBrowser: (mimeType: string) => boolean;

package/dist/types/mediaTypeUtils/isMimeTypeSupportedByServer.d.ts

@@ -0,0 +1,6 @@
+export declare const isImageMimeTypeSupportedByServer: (mimeType: string) => boolean;
+export declare const isDocumentMimeTypeSupportedByServer: (mimeType: string) => boolean;
+export declare const isAudioMimeTypeSupportedByServer: (mimeType: string) => boolean;
+export declare const isVideoMimeTypeSupportedByServer: (mimeType: string) => boolean;
+export declare const isUnknownMimeTypeSupportedByServer: (mimeType: string) => boolean;
+export declare const isMimeTypeSupportedByServer: (mimeType: string) => boolean;

package/mediaTypeUtils/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/media-common/mediaTypeUtils",
+  "main": "../dist/cjs/mediaTypeUtils/index.js",
+  "module": "../dist/esm/mediaTypeUtils/index.js",
+  "module:es2019": "../dist/es2019/mediaTypeUtils/index.js",
+  "types": "../dist/types/mediaTypeUtils/index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.7.0",
+  "version": "2.10.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -19,10 +19,11 @@
     "./mediaFeatureFlags": "./src/mediaFeatureFlags.ts",
     "./analytics": "./src/analytics/index.ts",
     "./docs": "./src/docs/index.ts",
+    "./mediaTypeUtils": "./src/mediaTypeUtils/index.ts",
     ".": "./src/index.ts"
   },
   "atlassian": {
-    "team": "Media Platform",
+    "team": "Media Experience",
     "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
@@ -34,6 +35,7 @@
     "@atlaskit/analytics-gas-types": "^5.0.5",
     "@atlaskit/analytics-namespaced-context": "^6.2.0",
     "@atlaskit/analytics-next": "^8.1.1",
+    "@atlaskit/section-message": "^6.0.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
@@ -42,14 +44,13 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/media-test-helpers": "^28.6.0",
-    "@atlaskit/section-message": "^6.0.0",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@atlaskit/media-test-helpers": "^28.9.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "lodash": "^4.17.15",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "typescript": "3.9.6"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }