@atlaskit/media-client 23.2.0 → 24.0.1

package/dist/cjs/utils/request/errors.js

@@ -14,7 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _errors = require("../../models/errors");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var RequestError = /*#__PURE__*/function (_BaseMediaClientError) {
+var RequestError = exports.RequestError = /*#__PURE__*/function (_BaseMediaClientError) {
   (0, _inherits2.default)(RequestError, _BaseMediaClientError);
   var _super = _createSuper(RequestError);
   function RequestError(reason, metadata, innerError) {
@@ -55,7 +55,6 @@ var RequestError = /*#__PURE__*/function (_BaseMediaClientError) {
   }]);
   return RequestError;
 }(_errors.BaseMediaClientError);
-exports.RequestError = RequestError;
 function isRequestError(err) {
   return err instanceof RequestError;
 }

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

@@ -35,7 +35,7 @@ var _errors = require("./errors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function clientTimeoutPromise(timeout) {
-  return new Promise(function (resolve, reject) {
+  return new Promise(function (_, reject) {
     setTimeout(reject, timeout, new _errors.RequestError('clientTimeoutRequest'));
   });
 }
@@ -55,14 +55,13 @@ function isFetchNetworkError(err) {
 function isRateLimitedError(error) {
   return !!error && (0, _errors.isRequestError)(error) && error.attributes.statusCode === 429 || !!error && !!error.message && error.message.includes('429');
 }
-var ZipkinHeaderKeys = {
+var ZipkinHeaderKeys = exports.ZipkinHeaderKeys = {
   traceId: 'x-b3-traceid',
   spanId: 'x-b3-spanid',
   parentSpanId: 'x-b3-parentspanid',
   sampled: 'x-b3-sampled',
   flags: 'x-b3-flags'
 };
-exports.ZipkinHeaderKeys = ZipkinHeaderKeys;
 var mapTraceIdToRequestHeaders = function mapTraceIdToRequestHeaders(traceContext) {
   var _ref;
   return traceContext ? (_ref = {}, (0, _defineProperty2.default)(_ref, ZipkinHeaderKeys.traceId, traceContext.traceId), (0, _defineProperty2.default)(_ref, ZipkinHeaderKeys.spanId, traceContext.spanId), _ref) : {};
@@ -238,14 +237,14 @@ function createMapResponseToBlob(metadata) {
     };
   }();
 }
-var DEFAULT_RETRY_OPTIONS = {
+var DEFAULT_RETRY_OPTIONS = exports.DEFAULT_RETRY_OPTIONS = {
   startTimeoutInMs: 1000,
   // 1 second is generally a good timeout to start
   maxAttempts: 5,
   // Current test delay is 60s, so retries should finish before if a promise takes < 1s
   factor: 2 // Good for polling, which is out main use case
 };
-exports.DEFAULT_RETRY_OPTIONS = DEFAULT_RETRY_OPTIONS;
+
 function cloneRequestError(error, extraMetadata) {
   var reason = error.reason,
     metadata = error.metadata,

package/dist/cjs/utils/safeUnsubscribe.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.safeUnsubscribe = void 0;
 // TODO: remove this in next major version
-var safeUnsubscribe = function safeUnsubscribe(subscription) {
+var safeUnsubscribe = exports.safeUnsubscribe = function safeUnsubscribe(subscription) {
   // eslint-disable-next-line no-console
   console.warn('safeUnsubscribe() is deprecated and will be removed in the next media-client major version');
   setTimeout(function () {
     return subscription && subscription.unsubscribe();
   }, 0);
-};
-exports.safeUnsubscribe = safeUnsubscribe;
+};

package/dist/cjs/utils/setTimeoutPromise.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resolveTimeout = exports.rejectTimeout = void 0;
-var resolveTimeout = function resolveTimeout(timeout, resolveWith) {
+var resolveTimeout = exports.resolveTimeout = function resolveTimeout(timeout, resolveWith) {
   return new Promise(function (resolve, _reject) {
     setTimeout(resolve, timeout, resolveWith);
   });
 };
-exports.resolveTimeout = resolveTimeout;
-var rejectTimeout = function rejectTimeout(timeout, rejectWith) {
+var rejectTimeout = exports.rejectTimeout = function rejectTimeout(timeout, rejectWith) {
   return new Promise(function (_resolve, reject) {
     setTimeout(reject, timeout, rejectWith);
   });
-};
-exports.rejectTimeout = rejectTimeout;
+};

package/dist/cjs/utils/url.js

@@ -9,10 +9,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var mediaBlobUrlIdentifier = 'media-blob-url';
-var isMediaBlobUrl = function isMediaBlobUrl(url) {
+var isMediaBlobUrl = exports.isMediaBlobUrl = function isMediaBlobUrl(url) {
   return url.indexOf("".concat(mediaBlobUrlIdentifier, "=true")) > -1;
 };
-exports.isMediaBlobUrl = isMediaBlobUrl;
 var getNumberFromParams = function getNumberFromParams(params, name) {
   var value = params.get(name);
   return typeof value === 'string' && !isNaN(parseInt(value)) ? parseInt(value) : undefined;
@@ -24,7 +23,7 @@ var getStringFromParams = function getStringFromParams(params, name) {
   }
   return decodeURIComponent(value);
 };
-var getAttrsFromUrl = function getAttrsFromUrl(blobUrl) {
+var getAttrsFromUrl = exports.getAttrsFromUrl = function getAttrsFromUrl(blobUrl) {
   var url = new URL(blobUrl);
   var hash = url.hash.replace('#', '');
   var params = new URLSearchParams(hash);
@@ -46,8 +45,7 @@ var getAttrsFromUrl = function getAttrsFromUrl(blobUrl) {
     mimeType: getStringFromParams(params, 'mimeType')
   };
 };
-exports.getAttrsFromUrl = getAttrsFromUrl;
-var objectToQueryString = function objectToQueryString(json) {
+var objectToQueryString = exports.objectToQueryString = function objectToQueryString(json) {
   return Object.keys(json).filter(function (attrName) {
     return typeof json[attrName] !== 'undefined' && json[attrName] !== null;
   }).map(function (key) {
@@ -58,8 +56,7 @@ var objectToQueryString = function objectToQueryString(json) {
     return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(value.toString()));
   }).join('&');
 };
-exports.objectToQueryString = objectToQueryString;
-var addFileAttrsToUrl = function addFileAttrsToUrl(url, fileAttrs) {
+var addFileAttrsToUrl = exports.addFileAttrsToUrl = function addFileAttrsToUrl(url, fileAttrs) {
   var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
   if (isSafari) {
     return url;
@@ -70,5 +67,4 @@ var addFileAttrsToUrl = function addFileAttrsToUrl(url, fileAttrs) {
 
   // we can't use '?' separator for blob url params
   return "".concat(url, "#").concat(queryAttrs);
-};
-exports.addFileAttrsToUrl = addFileAttrsToUrl;
+};

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

@@ -17,25 +17,16 @@ var _mediaClient = require("../client/media-client");
 var _excluded = ["mediaClientConfig"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var NO_FLAGS = 'NO_FLAGS';
 var mediaClientsMap = new Map();
-var getMediaClient = function getMediaClient(mediaClientConfig, featureFlags) {
-  var _mediaClientsMap$get;
-  var flagsMapKey = featureFlags || NO_FLAGS;
-  var mediaClient = (_mediaClientsMap$get = mediaClientsMap.get(mediaClientConfig)) === null || _mediaClientsMap$get === void 0 ? void 0 : _mediaClientsMap$get.get(flagsMapKey);
+var getMediaClient = exports.getMediaClient = function getMediaClient(mediaClientConfig) {
+  var mediaClient = mediaClientsMap.get(mediaClientConfig);
   if (!mediaClient) {
-    var subMap = mediaClientsMap.get(mediaClientConfig);
-    if (!subMap) {
-      subMap = new Map();
-      mediaClientsMap.set(mediaClientConfig, subMap);
-    }
-    mediaClient = new _mediaClient.MediaClient(mediaClientConfig, featureFlags);
-    subMap.set(flagsMapKey, mediaClient);
+    mediaClient = new _mediaClient.MediaClient(mediaClientConfig);
+    mediaClientsMap.set(mediaClientConfig, mediaClient);
   }
   return mediaClient;
 };
-exports.getMediaClient = getMediaClient;
-var createEmptyMediaClient = function createEmptyMediaClient(featureFlags) {
+var createEmptyMediaClient = function createEmptyMediaClient() {
   var emptyConfig = {
     authProvider: function authProvider() {
       return Promise.resolve({
@@ -45,9 +36,9 @@ var createEmptyMediaClient = function createEmptyMediaClient(featureFlags) {
       });
     }
   };
-  return new _mediaClient.MediaClient(emptyConfig, featureFlags);
+  return new _mediaClient.MediaClient(emptyConfig);
 };
-var withMediaClient = function withMediaClient(Component, featureFlags) {
+var withMediaClient = exports.withMediaClient = function withMediaClient(Component) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(_class, _React$Component);
     var _super = _createSuper(_class);
@@ -62,7 +53,7 @@ var withMediaClient = function withMediaClient(Component, featureFlags) {
         var _this$props = this.props,
           mediaClientConfig = _this$props.mediaClientConfig,
           otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-        var mediaClient = !mediaClientConfig ? createEmptyMediaClient(featureFlags) : getMediaClient(mediaClientConfig, featureFlags);
+        var mediaClient = !mediaClientConfig ? createEmptyMediaClient() : getMediaClient(mediaClientConfig);
         return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, otherProps, {
           mediaClient: mediaClient
         }));
@@ -70,5 +61,4 @@ var withMediaClient = function withMediaClient(Component, featureFlags) {
     }]);
     return _class;
   }(_react.default.Component);
-};
-exports.withMediaClient = withMediaClient;
+};

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

@@ -7,7 +7,7 @@ import uuid from 'uuid/v4';
 import 'setimmediate';
 import { authToOwner } from '@atlaskit/media-core';
 import { downloadUrl } from '@atlaskit/media-common/downloadUrl';
-import { MediaStore } from '../media-store';
+import { MediaStore as MediaApi } from '../media-store';
 import { isErrorFileState, isFinalFileState, isProcessingFileState, mapMediaFileToFileState, mapMediaItemToFileState } from '../../models/file-state';
 import { FileFetcherError } from './error';
 import { uploadFile } from '../../uploader';
@@ -26,9 +26,29 @@ import { isMimeTypeSupportedByBrowser, getMediaTypeFromMimeType } from '@atlaski
 import { shouldFetchRemoteFileStates } from '../../utils/shouldFetchRemoteFileStates';
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
+import { mediaStore } from '@atlaskit/media-state';
 export { isFileFetcherError, FileFetcherError } from './error';
 export class FileFetcherImpl {
-  constructor(mediaStore) {
+  constructor(mediaApi, store = mediaStore) {
+    _defineProperty(this, "getErrorFileState", (error, id, occurrenceKey) => typeof error === 'string' ? {
+      status: 'error',
+      id,
+      reason: error,
+      occurrenceKey,
+      message: error
+    } : {
+      status: 'error',
+      id,
+      reason: error === null || error === void 0 ? void 0 : error.reason,
+      details: error === null || error === void 0 ? void 0 : error.attributes,
+      occurrenceKey,
+      message: error === null || error === void 0 ? void 0 : error.message
+    });
+    _defineProperty(this, "setFileState", (id, fileState) => {
+      this.store.setState(state => {
+        state.files[id] = fileState;
+      });
+    });
     // TODO: ----- ADD TICKET TO PASS TRACE ID to this.dataloader.load
     _defineProperty(this, "createDownloadFileStream", (id, collectionName, occurrenceKey) => {
       const subject = createMediaSubject();
@@ -105,8 +125,9 @@ export class FileFetcherImpl {
         preview
       };
     });
-    this.mediaStore = mediaStore;
-    this.dataloader = createFileDataloader(mediaStore);
+    this.mediaApi = mediaApi;
+    this.store = store;
+    this.dataloader = createFileDataloader(mediaApi);
   }
   getFileState(id, options = {}) {
     const {
@@ -115,25 +136,47 @@ export class FileFetcherImpl {
     } = options;
     if (!isValidId(id)) {
       const subject = createMediaSubject();
-      subject.error(new FileFetcherError('invalidFileId', id, {
+      const err = new FileFetcherError('invalidFileId', id, {
         collectionName,
         occurrenceKey
-      }));
+      });
+      const errorFileState = {
+        status: 'error',
+        id,
+        reason: err === null || err === void 0 ? void 0 : err.reason,
+        message: err === null || err === void 0 ? void 0 : err.message,
+        occurrenceKey,
+        details: err === null || err === void 0 ? void 0 : err.attributes
+      };
+      subject.error(err);
+      this.setFileState(id, errorFileState);
       return fromObservable(subject);
     }
-    return fromObservable(getFileStreamsCache().getOrInsert(id, () => this.createDownloadFileStream(id, collectionName)));
+    return fromObservable(getFileStreamsCache().getOrInsert(id, () => {
+      const subject = this.createDownloadFileStream(id, collectionName);
+      subject.subscribe({
+        next: fileState => {
+          this.setFileState(id, fileState);
+        },
+        error: err => {
+          const errorFileState = this.getErrorFileState(err, id, occurrenceKey);
+          this.setFileState(id, errorFileState);
+        }
+      });
+      return subject;
+    }));
   }
   getCurrentState(id, options) {
     return toPromise(this.getFileState(id, options));
   }
   getArtifactURL(artifacts, artifactName, collectionName) {
-    return this.mediaStore.getArtifactURL(artifacts, artifactName, collectionName);
+    return this.mediaApi.getArtifactURL(artifacts, artifactName, collectionName);
   }
   getFileBinaryURL(id, collectionName) {
-    return this.mediaStore.getFileBinaryURL(id, collectionName);
+    return this.mediaApi.getFileBinaryURL(id, collectionName);
   }
   touchFiles(descriptors, collection, traceContext) {
-    return this.mediaStore.touchFiles({
+    return this.mediaApi.touchFiles({
       descriptors
     }, {
       collection
@@ -189,6 +232,7 @@ export class FileFetcherImpl {
     subject.next(fileState);
     // we save it into the cache as soon as possible, in case someone subscribes
     getFileStreamsCache().set(id, subject);
+    this.setFileState(id, fileState);
     return new Promise(async (resolve, reject) => {
       const blob = await deferredBlob;
       if (!blob) {
@@ -240,15 +284,19 @@ export class FileFetcherImpl {
     const subject = createMediaSubject();
     getFileStreamsCache().set(id, subject);
     const onProgress = progress => {
-      subject.next({
+      const fileState = {
         status: 'uploading',
         ...stateBase,
         progress
-      });
+      };
+      subject.next(fileState);
+      this.setFileState(id, fileState);
     };
     let processingSubscription = new Subscription();
     const onUploadFinish = error => {
       if (error) {
+        const errorFileState = this.getErrorFileState(error, id, occurrenceKey);
+        this.setFileState(id, errorFileState);
         return subject.error(error);
       }
       processingSubscription = this.createDownloadFileStream(id, collection, occurrenceKey).pipe(map(remoteFileState => ({
@@ -256,11 +304,22 @@ export class FileFetcherImpl {
         ...stateBase,
         ...remoteFileState,
         ...overrideMediaTypeIfUnknown(remoteFileState, stateBase.mediaType)
-      }))).subscribe(subject);
+      }))).subscribe({
+        next: fileState => {
+          subject.next(fileState);
+          this.setFileState(id, fileState);
+        },
+        error: err => {
+          const errorFileState = this.getErrorFileState(err, id, occurrenceKey);
+          subject.error(err);
+          this.setFileState(id, errorFileState);
+        },
+        complete: subject.complete
+      });
     };
     const {
       cancel
-    } = uploadFile(file, this.mediaStore, upfrontId, {
+    } = uploadFile(file, this.mediaApi, upfrontId, {
       onUploadFinish,
       onProgress
     }, traceContext);
@@ -276,10 +335,8 @@ export class FileFetcherImpl {
     setTimeout(onProgress, 0, 0);
     return fromObservable(subject);
   }
-
-  // TODO: ----- ADD TICKET
   async downloadBinary(id, name = 'download', collectionName) {
-    const url = await this.mediaStore.getFileBinaryURL(id, collectionName);
+    const url = await this.mediaApi.getFileBinaryURL(id, collectionName);
     downloadUrl(url, {
       name
     });
@@ -305,7 +362,7 @@ export class FileFetcherImpl {
       preview,
       mimeType
     } = options;
-    const mediaStore = destination.mediaStore || new MediaStore({
+    const mediaStore = destination.mediaStore || new MediaApi({
       authProvider: destinationAuthProvider
     });
     const owner = authToOwner(await authProvider({
@@ -359,25 +416,37 @@ export class FileFetcherImpl {
       // mimeType should always be returned by "copyFileWithToken"
       // but in case it's not, we don't want to penalize "copyFile"
       copiedMimeType && (await shouldFetchRemoteFileStates(mediaType, copiedMimeType, preview))) {
-        subject.next({
+        const fileState = {
           ...copiedFileState,
           ...overrideMediaTypeIfUnknown(copiedFileState, mediaType),
           ...previewOverride
-        });
+        };
+        subject.next(fileState);
+        this.setFileState(copiedId, fileState);
         processingSubscription = this.createDownloadFileStream(copiedId, destinationCollectionName, occurrenceKey).subscribe({
-          next: remoteFileState => subject.next({
-            ...remoteFileState,
-            ...overrideMediaTypeIfUnknown(remoteFileState, mediaType),
-            ...(!isErrorFileState(remoteFileState) && previewOverride)
-          }),
-          error: err => subject.error(err),
+          next: remoteFileState => {
+            const fileState = {
+              ...remoteFileState,
+              ...overrideMediaTypeIfUnknown(remoteFileState, mediaType),
+              ...(!isErrorFileState(remoteFileState) && previewOverride)
+            };
+            this.setFileState(copiedId, fileState);
+            return subject.next(fileState);
+          },
+          error: err => {
+            const errorFileState = this.getErrorFileState(err, id, occurrenceKey);
+            this.setFileState(copiedId, errorFileState);
+            return subject.error(err);
+          },
           complete: () => subject.complete()
         });
       } else if (!isProcessingFileState(copiedFileState)) {
-        subject.next({
+        const fileState = {
           ...copiedFileState,
           ...(!isErrorFileState(copiedFileState) && previewOverride)
-        });
+        };
+        subject.next(fileState);
+        this.setFileState(copiedId, fileState);
       }
       if (!cache.has(copiedId)) {
         getFileStreamsCache().set(copiedId, subject);
@@ -389,12 +458,16 @@ export class FileFetcherImpl {
       }
       if (replaceFileId) {
         const fileCache = cache.get(replaceFileId);
+        const replaceFileState = this.store.getState().files[replaceFileId];
         if (fileCache) {
           fileCache.error(error);
         } else {
           // Create a new subject with the error state for new subscriptions
           cache.set(id, createMediaSubject(error));
         }
+        const key = replaceFileState ? replaceFileId : id;
+        const errorFileState = this.getErrorFileState(error, id, occurrenceKey);
+        this.setFileState(key, errorFileState);
       }
       throw error;
     }

package/dist/es2019/client/media-client.js

@@ -1,24 +1,32 @@
 import { EventEmitter2 } from 'eventemitter2';
-import { MediaStore } from './media-store';
+import { MediaStore as MediaApi } from './media-store';
 import { FileFetcherImpl } from './file-fetcher';
 import { StargateClient } from './stargate-client';
+import { mediaStore } from '@atlaskit/media-state';
 export class MediaClient {
   // mobile upload is lazily loaded
 
   // Deprecated value introduced for backward compatibility with Context
 
-  constructor(mediaClientConfig, featureFlags) {
+  constructor(mediaClientConfig, store = mediaStore, mediaApi) {
     this.mediaClientConfig = mediaClientConfig;
-    this.featureFlags = featureFlags;
-    this.mediaStore = new MediaStore({
+    this.store = store;
+    this.mediaStore = mediaApi !== null && mediaApi !== void 0 ? mediaApi : new MediaApi({
       authProvider: mediaClientConfig.authProvider,
       initialAuth: mediaClientConfig.initialAuth
-    }, featureFlags);
+    });
     this.config = mediaClientConfig;
-    this.file = new FileFetcherImpl(this.mediaStore);
+    this.file = new FileFetcherImpl(this.mediaStore, this.store);
     this.eventEmitter = new EventEmitter2();
     this.stargate = new StargateClient(mediaClientConfig.stargateBaseUrl);
   }
+
+  /**
+   * @internal
+   */
+  __DO_NOT_USE__getMediaStore() {
+    return this.store;
+  }
   getImage(id, params, controller, fetchMaxRes, traceContext) {
     return this.mediaStore.getImage(id, params, controller, fetchMaxRes, traceContext);
   }
@@ -36,7 +44,7 @@ export class MediaClient {
       return this.mobileUpload;
     }
     const module = await import( /* webpackChunkName: "@atlaskit-internal_media-client-mobile-upload" */'./mobile-upload');
-    this.mobileUpload = new module.MobileUploadImpl(this.mediaStore);
+    this.mobileUpload = new module.MobileUploadImpl(this.mediaStore, this.store);
     return this.mobileUpload;
   }
   async removeFileFromCollection(id, collectionName, occurrenceKey, traceContext) {

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

@@ -28,11 +28,10 @@ const jsonHeaders = {
   'Content-Type': 'application/json'
 };
 export class MediaStore {
-  constructor(config, featureFlags) {
+  constructor(config) {
     _defineProperty(this, "resolveAuth", authContext => resolveAuth(this.config.authProvider, authContext));
     _defineProperty(this, "resolveInitialAuth", () => resolveInitialAuth(this.config.initialAuth));
     this.config = config;
-    this.featureFlags = featureFlags;
   }
   async removeCollectionFile(id, collectionName, occurrenceKey, traceContext) {
     const metadata = {

package/dist/es2019/client/mobile-upload.js

@@ -1,10 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getMediaTypeFromMimeType } from '@atlaskit/media-common';
+import { mediaStore } from '@atlaskit/media-state';
 import { getFileStreamsCache } from '../file-streams-cache';
 import { createFileDataloader } from '../utils/createFileDataLoader';
 import { createServicesCache, createMobileUploadStateMachine, createMobileUploadService, createMobileFileStateSubject } from '../utils/mobileUpload';
 export class MobileUploadImpl {
-  constructor(mediaStore) {
-    this.dataloader = createFileDataloader(mediaStore);
+  constructor(mediaApi, store = mediaStore) {
+    _defineProperty(this, "getErrorFileState", (error, id, occurrenceKey) => typeof error === 'string' ? {
+      status: 'error',
+      id,
+      reason: error,
+      occurrenceKey,
+      message: error
+    } : {
+      status: 'error',
+      id,
+      reason: error === null || error === void 0 ? void 0 : error.reason,
+      details: error === null || error === void 0 ? void 0 : error.attributes,
+      occurrenceKey,
+      message: error === null || error === void 0 ? void 0 : error.message
+    });
+    _defineProperty(this, "setFileState", (id, fileState) => {
+      this.store.setState(state => {
+        state.files[id] = fileState;
+      });
+    });
+    this.store = store;
+    this.dataloader = createFileDataloader(mediaApi);
     this.servicesCache = createServicesCache();
   }
   notifyUploadStart(event) {
@@ -33,6 +55,15 @@ export class MobileUploadImpl {
     };
     const service = createMobileUploadService(createMobileUploadStateMachine(this.dataloader, initialState, collectionName));
     const subject = createMobileFileStateSubject(service);
+    subject.subscribe({
+      next: fileState => {
+        this.setFileState(fileId, fileState);
+      },
+      error: err => {
+        const errorFileState = this.getErrorFileState(err, fileId, occurrenceKey);
+        this.setFileState(fileId, errorFileState);
+      }
+    });
     this.servicesCache.set(fileId, service);
     getFileStreamsCache().set(fileId, subject);
   }

package/dist/es2019/index.js

@@ -24,6 +24,7 @@ export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString } from './utils/url';
 export { createMediaSubscribable, fromObservable } from './utils/mediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants';
+export { getFileStreamsCache } from './file-streams-cache';
 
 // TODO MEX-659 Remove these exports when all the usages from media-client are replaced with media-common.
 

package/dist/es2019/utils/hashing/simpleHasher.js

@@ -5,7 +5,8 @@ export class SimpleHasher {
       const reader = new FileReader();
       reader.readAsArrayBuffer(blob);
       reader.onload = () => {
-        resolve(Rusha.createHash().update(reader.result).digest('hex'));
+        var _reader$result;
+        resolve(Rusha.createHash().update((_reader$result = reader.result) !== null && _reader$result !== void 0 ? _reader$result : '').digest('hex'));
       };
       reader.onerror = reject;
     });

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

@@ -2,7 +2,7 @@ import { isClientBasedAuth } from '@atlaskit/media-core';
 import { mapAuthToQueryParameters } from '../../models/auth-query-parameters';
 import { RequestError, isRequestError } from './errors';
 export function clientTimeoutPromise(timeout) {
-  return new Promise((resolve, reject) => {
+  return new Promise((_, reject) => {
     setTimeout(reject, timeout, new RequestError('clientTimeoutRequest'));
   });
 }

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

@@ -1,24 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { MediaClient } from '../client/media-client';
-const NO_FLAGS = 'NO_FLAGS';
 const mediaClientsMap = new Map();
-export const getMediaClient = (mediaClientConfig, featureFlags) => {
-  var _mediaClientsMap$get;
-  const flagsMapKey = featureFlags || NO_FLAGS;
-  let mediaClient = (_mediaClientsMap$get = mediaClientsMap.get(mediaClientConfig)) === null || _mediaClientsMap$get === void 0 ? void 0 : _mediaClientsMap$get.get(flagsMapKey);
+export const getMediaClient = mediaClientConfig => {
+  let mediaClient = mediaClientsMap.get(mediaClientConfig);
   if (!mediaClient) {
-    let subMap = mediaClientsMap.get(mediaClientConfig);
-    if (!subMap) {
-      subMap = new Map();
-      mediaClientsMap.set(mediaClientConfig, subMap);
-    }
-    mediaClient = new MediaClient(mediaClientConfig, featureFlags);
-    subMap.set(flagsMapKey, mediaClient);
+    mediaClient = new MediaClient(mediaClientConfig);
+    mediaClientsMap.set(mediaClientConfig, mediaClient);
   }
   return mediaClient;
 };
-const createEmptyMediaClient = featureFlags => {
+const createEmptyMediaClient = () => {
   const emptyConfig = {
     authProvider: () => Promise.resolve({
       clientId: '',
@@ -26,9 +18,9 @@ const createEmptyMediaClient = featureFlags => {
       baseUrl: ''
     })
   };
-  return new MediaClient(emptyConfig, featureFlags);
+  return new MediaClient(emptyConfig);
 };
-export const withMediaClient = (Component, featureFlags) => {
+export const withMediaClient = Component => {
   return class extends React.Component {
     render() {
       // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
@@ -36,7 +28,7 @@ export const withMediaClient = (Component, featureFlags) => {
         mediaClientConfig,
         ...otherProps
       } = this.props;
-      const mediaClient = !mediaClientConfig ? createEmptyMediaClient(featureFlags) : getMediaClient(mediaClientConfig, featureFlags);
+      const mediaClient = !mediaClientConfig ? createEmptyMediaClient() : getMediaClient(mediaClientConfig);
       return /*#__PURE__*/React.createElement(Component, _extends({}, otherProps, {
         mediaClient: mediaClient
       }));