@atlaskit/media-client 14.3.2 → 15.1.0

package/dist/es2019/client/file-fetcher/index.js

@@ -21,18 +21,19 @@ import { createFileDataloader } from '../../utils/createFileDataLoader';
 import { getMediaTypeFromUploadableFile } from '../../utils/getMediaTypeFromUploadableFile';
 import { overrideMediaTypeIfUnknown } from '../../utils/overrideMediaTypeIfUnknown';
 import { convertBase64ToBlob } from '../../utils/convertBase64ToBlob';
-import { observableToPromise } from '../../utils/observableToPromise';
+import { mediaSubscribableToPromise } from '../../utils/mediaSubscribableToPromise';
 import { getDimensionsFromBlob } from '../../utils/getDimensionsFromBlob';
-import { createFileStateSubject } from '../../utils/createFileStateSubject';
+import { createMediaSubject } from '../../utils/createMediaSubject';
 import { isMimeTypeSupportedByBrowser, getMediaTypeFromMimeType } from '@atlaskit/media-common/mediaTypeUtils';
 import { shouldFetchRemoteFileStates, shouldFetchRemoteFileStatesObservable } from '../../utils/shouldFetchRemoteFileStates';
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
+import { toMediaSubscribable } from '../../utils/toMediaSubscribable';
 export { isFileFetcherError, FileFetcherError } from './error';
 export class FileFetcherImpl {
   constructor(mediaStore) {
     _defineProperty(this, "createDownloadFileStream", (id, collectionName, occurrenceKey) => {
-      const subject = createFileStateSubject();
+      const subject = createMediaSubject();
       const poll = new PollingFunction(); // ensure subject errors if polling exceeds max iterations or uncaught exception in executor
 
       poll.onError = error => subject.error(error);
@@ -85,19 +86,19 @@ export class FileFetcherImpl {
     } = options;
 
     if (!isValidId(id)) {
-      const subject = createFileStateSubject();
+      const subject = createMediaSubject();
       subject.error(new FileFetcherError('invalidFileId', id, {
         collectionName,
         occurrenceKey
       }));
-      return subject;
+      return toMediaSubscribable(subject);
     }
 
-    return getFileStreamsCache().getOrInsert(id, () => this.createDownloadFileStream(id, collectionName));
+    return toMediaSubscribable(getFileStreamsCache().getOrInsert(id, () => this.createDownloadFileStream(id, collectionName)));
   }
 
   getCurrentState(id, options) {
-    return observableToPromise(this.getFileState(id, options));
+    return mediaSubscribableToPromise(this.getFileState(id, options));
   }
 
   getArtifactURL(artifacts, artifactName, collectionName) {
@@ -140,7 +141,7 @@ export class FileFetcherImpl {
       id,
       occurrenceKey
     } = uploadableFileUpfrontIds;
-    const subject = createFileStateSubject();
+    const subject = createMediaSubject();
     const deferredBlob = fetch(url).then(response => response.blob()).catch(() => undefined);
     const preview = new Promise(async (resolve, reject) => {
       const blob = await deferredBlob;
@@ -231,7 +232,7 @@ export class FileFetcherImpl {
     let preview; // TODO [MSW-796]: get file size for base64
 
     const mediaType = getMediaTypeFromUploadableFile(file);
-    const subject = createFileStateSubject();
+    const subject = createMediaSubject();
     const processingSubscription = new Subscription();
 
     if (content instanceof Blob) {
@@ -306,7 +307,7 @@ export class FileFetcherImpl {
       });
     }
 
-    return subject;
+    return toMediaSubscribable(subject);
   }
 
   async downloadBinary(id, name = 'download', collectionName) {
@@ -379,7 +380,7 @@ export class FileFetcherImpl {
         data: copiedFileWithMimeType
       });
       const fileCache = cache.get(copiedId);
-      const subject = fileCache || createFileStateSubject(); // if we were passed a "preview", we propagate it into the copiedFileState
+      const subject = fileCache || createMediaSubject(); // if we were passed a "preview", we propagate it into the copiedFileState
 
       const previewOverride = !isErrorFileState(copiedFileState) && !!preview ? {
         preview
@@ -423,7 +424,7 @@ export class FileFetcherImpl {
           fileCache.error(error);
         } else {
           // Create a new subject with the error state for new subscriptions
-          cache.set(id, createFileStateSubject(error));
+          cache.set(id, createMediaSubject(error));
         }
       }
 

package/dist/es2019/index.js

@@ -4,6 +4,7 @@ export { isPreviewableType, isMediaCollectionItemFullDetails } from './models/me
 export { getArtifactUrl } from './models/artifacts';
 export { isMediaClientError, getMediaClientErrorReason } from './models/errors';
 export { isUploadingFileState, isProcessingFileState, isProcessedFileState, isErrorFileState, isPreviewableFileState, isFinalFileState, isImageRepresentationReady, mapMediaFileToFileState, mapMediaItemToFileState } from './models/file-state';
+// TODO: remove access to media file stream cache https://product-fabric.atlassian.net/browse/MEX-1417
 export { getFileStreamsCache, StreamsCache } from './file-streams-cache';
 export { uploadFile } from './uploader';
 export { request, RequestError, isRequestError, isRateLimitedError } from './utils/request';
@@ -17,14 +18,14 @@ export { MediaClient } from './client/media-client';
 export { StargateClient } from './client/stargate-client';
 export { isImageRemote } from './utils/isImageRemote';
 export { checkWebpSupport } from './utils/checkWebpSupport';
-export { observableToPromise } from './utils/observableToPromise';
 export { getDimensionsFromBlob } from './utils/getDimensionsFromBlob';
-export { createFileStateSubject } from './utils/createFileStateSubject';
+export { createMediaSubject } from './utils/createMediaSubject';
 export { safeUnsubscribe } from './utils/safeUnsubscribe';
 export { isFileIdentifier, isExternalImageIdentifier, isDifferentIdentifier } from './identifier';
 export { withMediaClient, getMediaClient } from './utils/with-media-client-hoc';
 export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString } from './utils/url';
+export { createMediaSubscribable } from './utils/toMediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants'; // TODO MEX-659 Remove these exports when all the usages from media-client are replaced with media-common.
 
 import { getMediaTypeFromMimeType as _getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser as _isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser as _isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser as _isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer as _isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer as _isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer as _isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer as _isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer as _isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer as _isMimeTypeSupportedByServer } from '@atlaskit/media-common/mediaTypeUtils';

package/dist/es2019/models/media-subscribable.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/utils/{createFileStateSubject.js → createMediaSubject.js}

@@ -1,5 +1,5 @@
 import { ReplaySubject } from 'rxjs/ReplaySubject';
-export const createFileStateSubject = initialState => {
+export function createMediaSubject(initialState) {
   const subject = new ReplaySubject(1);
 
   if (initialState instanceof Error) {
@@ -9,4 +9,4 @@ export const createFileStateSubject = initialState => {
   }
 
   return subject;
-};
+}

package/dist/es2019/utils/mediaSubscribableToPromise.js

@@ -0,0 +1,20 @@
+import { Subscription } from 'rxjs/Subscription';
+
+/**
+ * This is a helper to transform the first value emitted by an MediaSubscribable into a Promise.
+ *
+ * @param mediaSubscribable a given MediaSubscribable<MediaSubscribableItem>
+ * @param subscription a default Subscription (this parameter exists for testing purpose)
+ */
+export const mediaSubscribableToPromise = (mediaSubscribable, subscription = new Subscription()) => {
+  return new Promise((resolve, reject) => subscription.add(mediaSubscribable.subscribe({
+    next: state => {
+      resolve(state);
+      subscription.unsubscribe();
+    },
+    error: error => {
+      reject(error);
+      subscription.unsubscribe();
+    }
+  })));
+};

package/dist/es2019/utils/mobileUpload/helpers.js

@@ -2,7 +2,7 @@ import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { from } from 'rxjs/observable/from';
 import { map } from 'rxjs/operators/map';
 import { mapMediaItemToFileState } from '../../models/file-state';
-import { createFileStateSubject } from '../createFileStateSubject';
+import { createMediaSubject } from '../createMediaSubject';
 import { isEmptyFile } from '../detectEmptyFile';
 import { PollingFunction } from '../polling';
 import { MobileUploadError } from './error';
@@ -12,7 +12,7 @@ export const createMobileFileStateSubject = service => {
   return subject;
 };
 export const createMobileDownloadFileStream = (dataloader, id, collectionName, occurrenceKey) => {
-  const subject = createFileStateSubject();
+  const subject = createMediaSubject();
   const poll = new PollingFunction(); // ensure subject errors if polling exceeds max iterations or uncaught exception in executor
 
   poll.onError = error => subject.error(error);

package/dist/es2019/utils/toMediaSubscribable.js

@@ -0,0 +1,18 @@
+import { createMediaSubject } from './createMediaSubject';
+export function toMediaSubscribable(observable) {
+  return {
+    subscribe: observer => {
+      const subscription = // This is needed to handle "subscribe" function overload.
+      // It allows accepting a single "next" callback function as an argument.
+      observer instanceof Function ? observable.subscribe(observer) : observable.subscribe(observer);
+      return {
+        unsubscribe: () => {
+          subscription.unsubscribe();
+        }
+      };
+    }
+  };
+}
+export function createMediaSubscribable(mediaSubscribableItem) {
+  return toMediaSubscribable(createMediaSubject(mediaSubscribableItem));
+}

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-client",
-	"version": "14.3.2",
+	"version": "15.1.0",
 	"sideEffects": false
 }

package/dist/esm/client/collection-fetcher.js

@@ -5,13 +5,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { getFileStreamsCache } from '../file-streams-cache';
 import { mapMediaFileToFileState } from '../models/file-state';
+import { toMediaSubscribable } from '../utils/toMediaSubscribable';
 export var collectionCache = {};
 
 var createCacheEntry = function createCacheEntry() {
@@ -97,7 +98,7 @@ export var CollectionFetcher = /*#__PURE__*/function () {
       }).catch(function (error) {
         return subject.error(error);
       });
-      return subject;
+      return toMediaSubscribable(subject);
     }
   }, {
     key: "removeFile",

package/dist/esm/client/file-fetcher/index.js

@@ -4,9 +4,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { Subscription } from 'rxjs/Subscription';
 import { of } from 'rxjs/observable/of';
@@ -30,13 +30,14 @@ import { createFileDataloader } from '../../utils/createFileDataLoader';
 import { getMediaTypeFromUploadableFile } from '../../utils/getMediaTypeFromUploadableFile';
 import { overrideMediaTypeIfUnknown } from '../../utils/overrideMediaTypeIfUnknown';
 import { convertBase64ToBlob } from '../../utils/convertBase64ToBlob';
-import { observableToPromise } from '../../utils/observableToPromise';
+import { mediaSubscribableToPromise } from '../../utils/mediaSubscribableToPromise';
 import { getDimensionsFromBlob } from '../../utils/getDimensionsFromBlob';
-import { createFileStateSubject } from '../../utils/createFileStateSubject';
+import { createMediaSubject } from '../../utils/createMediaSubject';
 import { isMimeTypeSupportedByBrowser, getMediaTypeFromMimeType } from '@atlaskit/media-common/mediaTypeUtils';
 import { shouldFetchRemoteFileStates, shouldFetchRemoteFileStatesObservable } from '../../utils/shouldFetchRemoteFileStates';
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
+import { toMediaSubscribable } from '../../utils/toMediaSubscribable';
 export { isFileFetcherError, FileFetcherError } from './error';
 export var FileFetcherImpl = /*#__PURE__*/function () {
   function FileFetcherImpl(mediaStore) {
@@ -45,7 +46,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
     _classCallCheck(this, FileFetcherImpl);
 
     _defineProperty(this, "createDownloadFileStream", function (id, collectionName, occurrenceKey) {
-      var subject = createFileStateSubject();
+      var subject = createMediaSubject();
       var poll = new PollingFunction(); // ensure subject errors if polling exceeds max iterations or uncaught exception in executor
 
       poll.onError = function (error) {
@@ -128,22 +129,22 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
           occurrenceKey = options.occurrenceKey;
 
       if (!isValidId(id)) {
-        var subject = createFileStateSubject();
+        var subject = createMediaSubject();
         subject.error(new FileFetcherError('invalidFileId', id, {
           collectionName: collectionName,
           occurrenceKey: occurrenceKey
         }));
-        return subject;
+        return toMediaSubscribable(subject);
       }
 
-      return getFileStreamsCache().getOrInsert(id, function () {
+      return toMediaSubscribable(getFileStreamsCache().getOrInsert(id, function () {
         return _this2.createDownloadFileStream(id, collectionName);
-      });
+      }));
     }
   }, {
     key: "getCurrentState",
     value: function getCurrentState(id, options) {
-      return observableToPromise(this.getFileState(id, options));
+      return mediaSubscribableToPromise(this.getFileState(id, options));
     }
   }, {
     key: "getArtifactURL",
@@ -199,7 +200,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
               case 0:
                 uploadableFileUpfrontIds = this.generateUploadableFileUpfrontIds(collection);
                 id = uploadableFileUpfrontIds.id, occurrenceKey = uploadableFileUpfrontIds.occurrenceKey;
-                subject = createFileStateSubject();
+                subject = createMediaSubject();
                 deferredBlob = fetch(url).then(function (response) {
                   return response.blob();
                 }).catch(function () {
@@ -361,7 +362,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       var preview; // TODO [MSW-796]: get file size for base64
 
       var mediaType = getMediaTypeFromUploadableFile(file);
-      var subject = createFileStateSubject();
+      var subject = createMediaSubject();
       var processingSubscription = new Subscription();
 
       if (content instanceof Blob) {
@@ -433,7 +434,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
         });
       }
 
-      return subject;
+      return toMediaSubscribable(subject);
     }
   }, {
     key: "downloadBinary",
@@ -562,7 +563,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
                   data: copiedFileWithMimeType
                 });
                 fileCache = cache.get(copiedId);
-                subject = fileCache || createFileStateSubject(); // if we were passed a "preview", we propagate it into the copiedFileState
+                subject = fileCache || createMediaSubject(); // if we were passed a "preview", we propagate it into the copiedFileState
 
                 previewOverride = !isErrorFileState(copiedFileState) && !!preview ? {
                   preview: preview
@@ -630,7 +631,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
                     _fileCache.error(_context6.t3);
                   } else {
                     // Create a new subject with the error state for new subscriptions
-                    cache.set(id, createFileStateSubject(_context6.t3));
+                    cache.set(id, createMediaSubject(_context6.t3));
                   }
                 }
 

package/dist/esm/client/media-store/index.js

@@ -4,9 +4,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { FILE_CACHE_MAX_AGE, MAX_RESOLUTION } from '../../constants';
 import { getArtifactUrl } from '../../models/artifacts';

package/dist/esm/index.js

@@ -4,6 +4,7 @@ export { isPreviewableType, isMediaCollectionItemFullDetails } from './models/me
 export { getArtifactUrl } from './models/artifacts';
 export { isMediaClientError, getMediaClientErrorReason } from './models/errors';
 export { isUploadingFileState, isProcessingFileState, isProcessedFileState, isErrorFileState, isPreviewableFileState, isFinalFileState, isImageRepresentationReady, mapMediaFileToFileState, mapMediaItemToFileState } from './models/file-state';
+// TODO: remove access to media file stream cache https://product-fabric.atlassian.net/browse/MEX-1417
 export { getFileStreamsCache, StreamsCache } from './file-streams-cache';
 export { uploadFile } from './uploader';
 export { request, RequestError, isRequestError, isRateLimitedError } from './utils/request';
@@ -17,14 +18,14 @@ export { MediaClient } from './client/media-client';
 export { StargateClient } from './client/stargate-client';
 export { isImageRemote } from './utils/isImageRemote';
 export { checkWebpSupport } from './utils/checkWebpSupport';
-export { observableToPromise } from './utils/observableToPromise';
 export { getDimensionsFromBlob } from './utils/getDimensionsFromBlob';
-export { createFileStateSubject } from './utils/createFileStateSubject';
+export { createMediaSubject } from './utils/createMediaSubject';
 export { safeUnsubscribe } from './utils/safeUnsubscribe';
 export { isFileIdentifier, isExternalImageIdentifier, isDifferentIdentifier } from './identifier';
 export { withMediaClient, getMediaClient } from './utils/with-media-client-hoc';
 export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString } from './utils/url';
+export { createMediaSubscribable } from './utils/toMediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants'; // TODO MEX-659 Remove these exports when all the usages from media-client are replaced with media-common.
 
 import { getMediaTypeFromMimeType as _getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser as _isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser as _isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser as _isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer as _isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer as _isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer as _isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer as _isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer as _isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer as _isMimeTypeSupportedByServer } from '@atlaskit/media-common/mediaTypeUtils';

package/dist/esm/models/errors/index.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
@@ -36,5 +37,5 @@ export var BaseMediaClientError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return BaseMediaClientError;
+  return _createClass(BaseMediaClientError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));

package/dist/esm/models/file-state.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 export var isUploadingFileState = function isUploadingFileState(fileState) {
   return fileState.status === 'uploading';

package/dist/esm/models/media-subscribable.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/{createFileStateSubject.js → createMediaSubject.js}

@@ -1,5 +1,5 @@
 import { ReplaySubject } from 'rxjs/ReplaySubject';
-export var createFileStateSubject = function createFileStateSubject(initialState) {
+export function createMediaSubject(initialState) {
   var subject = new ReplaySubject(1);
 
   if (initialState instanceof Error) {
@@ -9,4 +9,4 @@ export var createFileStateSubject = function createFileStateSubject(initialState
   }
 
   return subject;
-};
+}

package/dist/esm/utils/{observableToPromise.js → mediaSubscribableToPromise.js}

@@ -1,16 +1,15 @@
 import { Subscription } from 'rxjs/Subscription';
+
 /**
- * We're using this custom helper in place of ".toPromise()" to transform the first value emitted by an Observable or Subject into a Promise.
- * Note that in RxJS 7 ".toPromise()" is deprecated and replaced by "firstValueFrom()/.lastValueFrom()"
+ * This is a helper to transform the first value emitted by an MediaSubscribable into a Promise.
  *
- * @param observable a given Observable<T> or Subject<T>
+ * @param mediaSubscribable a given MediaSubscribable<MediaSubscribableItem>
  * @param subscription a default Subscription (this parameter exists for testing purpose)
  */
-
-export var observableToPromise = function observableToPromise(observable) {
+export var mediaSubscribableToPromise = function mediaSubscribableToPromise(mediaSubscribable) {
   var subscription = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Subscription();
   return new Promise(function (resolve, reject) {
-    return subscription.add(observable.subscribe({
+    return subscription.add(mediaSubscribable.subscribe({
       next: function next(state) {
         resolve(state);
         subscription.unsubscribe();

package/dist/esm/utils/mobileUpload/helpers.js

@@ -4,7 +4,7 @@ import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { from } from 'rxjs/observable/from';
 import { map } from 'rxjs/operators/map';
 import { mapMediaItemToFileState } from '../../models/file-state';
-import { createFileStateSubject } from '../createFileStateSubject';
+import { createMediaSubject } from '../createMediaSubject';
 import { isEmptyFile } from '../detectEmptyFile';
 import { PollingFunction } from '../polling';
 import { MobileUploadError } from './error';
@@ -16,7 +16,7 @@ export var createMobileFileStateSubject = function createMobileFileStateSubject(
   return subject;
 };
 export var createMobileDownloadFileStream = function createMobileDownloadFileStream(dataloader, id, collectionName, occurrenceKey) {
-  var subject = createFileStateSubject();
+  var subject = createMediaSubject();
   var poll = new PollingFunction(); // ensure subject errors if polling exceeds max iterations or uncaught exception in executor
 
   poll.onError = function (error) {

package/dist/esm/utils/mobileUpload/stateMachine/states/uploading.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { assign } from 'xstate';
 import { isUploadingFileState } from '../../../../models/file-state';

package/dist/esm/utils/polling/index.js

@@ -4,9 +4,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { PollingError } from './errors';
 // default polling options without using feature flags

package/dist/esm/utils/request/helpers.js

@@ -2,9 +2,9 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { isClientBasedAuth } from '@atlaskit/media-core';
 import { parse, stringify } from 'query-string';

package/dist/esm/utils/toMediaSubscribable.js

@@ -0,0 +1,18 @@
+import { createMediaSubject } from './createMediaSubject';
+export function toMediaSubscribable(observable) {
+  return {
+    subscribe: function subscribe(observer) {
+      var subscription = // This is needed to handle "subscribe" function overload.
+      // It allows accepting a single "next" callback function as an argument.
+      observer instanceof Function ? observable.subscribe(observer) : observable.subscribe(observer);
+      return {
+        unsubscribe: function unsubscribe() {
+          subscription.unsubscribe();
+        }
+      };
+    }
+  };
+}
+export function createMediaSubscribable(mediaSubscribableItem) {
+  return toMediaSubscribable(createMediaSubject(mediaSubscribableItem));
+}

package/dist/esm/utils/url.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var mediaBlobUrlIdentifier = 'media-blob-url';
 export var isMediaBlobUrl = function isMediaBlobUrl(url) {

package/dist/esm/utils/with-media-client-hoc.js

@@ -5,6 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+var _excluded = ["mediaClientConfig"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -55,7 +56,7 @@ export var withMediaClient = function withMediaClient(Component, featureFlags) {
         // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
         var _this$props = this.props,
             mediaClientConfig = _this$props.mediaClientConfig,
-            otherProps = _objectWithoutProperties(_this$props, ["mediaClientConfig"]);
+            otherProps = _objectWithoutProperties(_this$props, _excluded);
 
         var mediaClient = !mediaClientConfig ? createEmptyMediaClient(featureFlags) : getMediaClient(mediaClientConfig, featureFlags);
         return /*#__PURE__*/React.createElement(Component, _extends({}, otherProps, {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-client",
-	"version": "14.3.2",
+	"version": "15.1.0",
 	"sideEffects": false
 }

package/dist/types/client/collection-fetcher.d.ts

@@ -2,6 +2,7 @@ import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { FileDetails, FileItem } from '../models/item';
 import { MediaCollectionItem } from '../models/media';
 import { MediaStore, MediaStoreGetCollectionItemsParams } from './media-store';
+import { MediaSubscribable } from '../utils/toMediaSubscribable';
 export interface MediaCollectionFileItemDetails extends FileDetails {
     occurrenceKey: string;
 }
@@ -28,7 +29,7 @@ export declare class CollectionFetcher {
     private createFileStateObserver;
     private populateCache;
     private removeFromCache;
-    getItems(collectionName: string, params?: MediaStoreGetCollectionItemsParams): ReplaySubject<MediaCollectionItem[]>;
+    getItems(collectionName: string, params?: MediaStoreGetCollectionItemsParams): MediaSubscribable<MediaCollectionItem[]>;
     removeFile(id: string, collectionName: string, occurrenceKey?: string): Promise<void>;
     loadNextPage(collectionName: string, params?: MediaStoreGetCollectionItemsParams): Promise<void>;
 }