@atlaskit/media-client 14.3.1 → 15.0.0

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.1",
+	"version": "15.0.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>;
 }

package/dist/types/client/file-fetcher/index.d.ts

@@ -1,4 +1,3 @@
-import { ReplaySubject } from 'rxjs/ReplaySubject';
 import 'setimmediate';
 import { AuthProvider } from '@atlaskit/media-core';
 import { MediaStore, MediaStoreCopyFileWithTokenParams, TouchedFiles, TouchFileDescriptor } from '../media-store';
@@ -8,6 +7,7 @@ import { UploadableFile, UploadableFileUpfrontIds } from '../../uploader';
 import { MediaFileArtifacts } from '../../models/artifacts';
 import { UploadController } from '../../upload-controller';
 import { Dimensions } from '../../utils/getDimensionsFromBlob';
+import { MediaSubscribable } from '../../utils/toMediaSubscribable';
 export type { FileFetcherErrorAttributes, FileFetcherErrorReason, } from './error';
 export { isFileFetcherError, FileFetcherError } from './error';
 export interface CopySourceFile {
@@ -28,10 +28,10 @@ export declare type ExternalUploadPayload = {
     dimensions: Dimensions;
 };
 export interface FileFetcher {
-    getFileState(id: string, options?: GetFileOptions): ReplaySubject<FileState>;
+    getFileState(id: string, options?: GetFileOptions): MediaSubscribable<FileState>;
     getArtifactURL(artifacts: MediaFileArtifacts, artifactName: keyof MediaFileArtifacts, collectionName?: string): Promise<string>;
     touchFiles(descriptors: TouchFileDescriptor[], collection?: string): Promise<TouchedFiles>;
-    upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds): ReplaySubject<FileState>;
+    upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds): MediaSubscribable<FileState>;
     uploadExternal(url: string, collection?: string): Promise<ExternalUploadPayload>;
     downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
     getCurrentState(id: string, options?: GetFileOptions): Promise<FileState>;
@@ -42,7 +42,7 @@ export declare class FileFetcherImpl implements FileFetcher {
     private readonly mediaStore;
     private readonly dataloader;
     constructor(mediaStore: MediaStore);
-    getFileState(id: string, options?: GetFileOptions): ReplaySubject<FileState>;
+    getFileState(id: string, options?: GetFileOptions): MediaSubscribable<FileState>;
     getCurrentState(id: string, options?: GetFileOptions): Promise<FileState>;
     getArtifactURL(artifacts: MediaFileArtifacts, artifactName: keyof MediaFileArtifacts, collectionName?: string): Promise<string>;
     getFileBinaryURL(id: string, collectionName?: string): Promise<string>;
@@ -50,7 +50,7 @@ export declare class FileFetcherImpl implements FileFetcher {
     touchFiles(descriptors: TouchFileDescriptor[], collection?: string): Promise<TouchedFiles>;
     private generateUploadableFileUpfrontIds;
     uploadExternal(url: string, collection?: string): Promise<ExternalUploadPayload>;
-    upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds): ReplaySubject<FileState>;
+    upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds): MediaSubscribable<FileState>;
     downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
     copyFile(source: CopySourceFile, destination: CopyDestination, options?: CopyFileOptions): Promise<MediaFile>;
 }

package/dist/types/index.d.ts

@@ -5,6 +5,7 @@ export type { AbortFunction } from './upload-controller';
 export type { MediaItemType, FileItem, FileProcessingStatus, MediaArtifact, Artifacts, FileDetails, } from './models/item';
 export { isPreviewableType, isMediaCollectionItemFullDetails, } from './models/media';
 export type { MediaFileProcessingStatus, MediaType, MediaFile, MediaCollection, MediaCollectionItems, MediaCollectionItem, MediaCollectionItemMinimalDetails, MediaCollectionItemFullDetails, MediaRepresentations, MediaCollectionItemDetails, MediaUpload, MediaChunksProbe, } from './models/media';
+export type { MediaSubscribableItem } from './models/media-subscribable';
 export { getArtifactUrl } from './models/artifacts';
 export type { MediaFileArtifact, MediaFileArtifacts } from './models/artifacts';
 export { isMediaClientError, getMediaClientErrorReason } from './models/errors';
@@ -32,10 +33,9 @@ export { StargateClient } from './client/stargate-client';
 export type { EdgeData } 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 type { Dimensions } 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 type { Identifier, FileIdentifier, ExternalImageIdentifier, } from './identifier';
@@ -45,6 +45,8 @@ export type { WithMediaClientConfig, WithMediaClientConfigProps, WithMediaClient
 export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString, } from './utils/url';
 export type { MediaBlobUrlAttrs } from './utils/url';
+export { createMediaSubscribable } from './utils/toMediaSubscribable';
+export type { MediaSubscribable, MediaSubscription, MediaObserver, } from './utils/toMediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants';
 /**
  * @deprecated This export will be removed. Please use one from @atlaskit/media-common or @atlaskit/media-common/mediaTypeUtils

package/dist/types/models/media-subscribable.d.ts

@@ -0,0 +1,3 @@
+import { FileState } from './file-state';
+import { MediaCollectionItem } from './media';
+export declare type MediaSubscribableItem = FileState | MediaCollectionItem[];

package/dist/types/utils/createMediaSubject.d.ts

@@ -0,0 +1,3 @@
+import { ReplaySubject } from 'rxjs/ReplaySubject';
+import { MediaSubscribableItem } from '../models/media-subscribable';
+export declare function createMediaSubject<T extends MediaSubscribableItem>(initialState?: T | Error): ReplaySubject<T>;

package/dist/types/utils/mediaSubscribableToPromise.d.ts

@@ -0,0 +1,10 @@
+import { Subscription } from 'rxjs/Subscription';
+import { MediaSubscribable } from './toMediaSubscribable';
+import { MediaSubscribableItem } from '../models/media-subscribable';
+/**
+ * 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 declare const mediaSubscribableToPromise: <T extends MediaSubscribableItem>(mediaSubscribable: MediaSubscribable<T>, subscription?: Subscription) => Promise<T>;

package/dist/types/utils/safeUnsubscribe.d.ts

@@ -1,2 +1,2 @@
-import { Subscription } from 'rxjs/Subscription';
-export declare const safeUnsubscribe: (subscription: Subscription) => void;
+import { MediaSubscription } from './toMediaSubscribable';
+export declare const safeUnsubscribe: (subscription: MediaSubscription) => void;

package/dist/types/utils/toMediaSubscribable.d.ts

@@ -0,0 +1,20 @@
+import { ReplaySubject } from 'rxjs/ReplaySubject';
+import { MediaSubscribableItem } from './../models/media-subscribable';
+export declare type MediaSubscription = {
+    unsubscribe: () => void;
+};
+declare type PartialObserver<T extends MediaSubscribableItem> = {
+    next?: (value: T) => void;
+    error?: (err: any) => void;
+    complete?: () => void;
+};
+declare type NextObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'next'>>;
+declare type ErrorObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'error'>>;
+declare type CompletionObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'complete'>>;
+export declare type MediaObserver<T extends MediaSubscribableItem> = NextObserver<T> | ErrorObserver<T> | CompletionObserver<T> | ((value: T) => void);
+export declare type MediaSubscribable<T extends MediaSubscribableItem> = {
+    subscribe(observer?: MediaObserver<T>): MediaSubscription;
+};
+export declare function toMediaSubscribable<T extends MediaSubscribableItem>(observable: ReplaySubject<T>): MediaSubscribable<T>;
+export declare function createMediaSubscribable<T extends MediaSubscribableItem>(mediaSubscribableItem?: T | Error): MediaSubscribable<T>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-client",
-  "version": "14.3.1",
+  "version": "15.0.0",
   "description": "Media API Web Client Library",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,15 +27,16 @@
     }
   },
   "dependencies": {
-    "@atlaskit/chunkinator": "^3.0.0",
-    "@atlaskit/media-common": "^2.10.0",
+    "@atlaskit/chunkinator": "^3.1.0",
+    "@atlaskit/media-common": "^2.11.0",
     "@babel/runtime": "^7.0.0",
     "dataloader": "^2.0.0",
     "deep-equal": "^1.0.1",
     "eventemitter2": "^4.1.0",
     "lru-fast": "^0.2.2",
-    "query-string": "^5.1.0",
+    "query-string": "^6.14.1",
     "rusha": "^0.8.13",
+    "rxjs": "^5.5.0",
     "setimmediate": "^1.0.5",
     "uuid": "^3.1.0",
     "uuid-validate": "^0.0.3",
@@ -43,17 +44,15 @@
     "xstate": "^4.20.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^32.2.0",
-    "react": "^16.8.0",
-    "rxjs": "^5.5.0"
+    "@atlaskit/media-core": "^32.3.0",
+    "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/media-card": "^72.1.0",
-    "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-test-helpers": "^28.9.0",
+    "@atlaskit/media-card": "^73.4.0",
+    "@atlaskit/media-core": "^32.3.0",
+    "@atlaskit/media-test-helpers": "^29.3.0",
     "@atlaskit/ssr": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@types/deep-equal": "^1.0.1",
@@ -64,7 +63,6 @@
     "jest-fetch-mock": "^3.0.3",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "rxjs": "^5.5.0",
     "styled-components": "^3.2.6",
     "typescript": "3.9.6"
   },

package/dist/es2019/utils/observableToPromise.js

@@ -1,21 +0,0 @@
-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()"
- *
- * @param observable a given Observable<T> or Subject<T>
- * @param subscription a default Subscription (this parameter exists for testing purpose)
- */
-
-export const observableToPromise = (observable, subscription = new Subscription()) => {
-  return new Promise((resolve, reject) => subscription.add(observable.subscribe({
-    next: state => {
-      resolve(state);
-      subscription.unsubscribe();
-    },
-    error: error => {
-      reject(error);
-      subscription.unsubscribe();
-    }
-  })));
-};

package/dist/types/utils/createFileStateSubject.d.ts

@@ -1,3 +0,0 @@
-import { ReplaySubject } from 'rxjs/ReplaySubject';
-import { FileState } from '../models/file-state';
-export declare const createFileStateSubject: (initialState?: Error | import("../models/file-state").UploadingFileState | import("../models/file-state").ProcessingFileState | import("../models/file-state").ProcessedFileState | import("../models/file-state").ProcessingFailedState | import("../models/file-state").ErrorFileState | undefined) => ReplaySubject<FileState>;

package/dist/types/utils/observableToPromise.d.ts

@@ -1,10 +0,0 @@
-import { Observable } from 'rxjs/Observable';
-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()"
- *
- * @param observable a given Observable<T> or Subject<T>
- * @param subscription a default Subscription (this parameter exists for testing purpose)
- */
-export declare const observableToPromise: <T>(observable: Observable<T>, subscription?: Subscription) => Promise<T>;