@atlaskit/media-client 23.1.3 → 24.0.0

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/test-helpers/_numbers.js

@@ -0,0 +1,3 @@
+export function numbers(count) {
+  return Array.from(Array(count).keys());
+}

package/dist/es2019/test-helpers/authProvider.js

@@ -0,0 +1,34 @@
+import { defaultCollectionName } from './collectionNames';
+const cachedAuths = {};
+const authProviderBaseURL = 'https://media-playground.dev.atl-paas.net/';
+export class StoryBookAuthProvider {
+  static create(isAsapEnvironment, access) {
+    const loadTenatAuth = async collectionName => {
+      const environment = isAsapEnvironment ? 'asap' : '';
+      const headers = new Headers();
+      headers.append('Content-Type', 'application/json; charset=utf-8');
+      headers.append('Accept', 'text/plain, */*; q=0.01');
+      const config = {
+        method: 'POST',
+        headers,
+        body: access ? JSON.stringify({
+          access
+        }) : undefined
+      };
+      const url = `${authProviderBaseURL}/token/tenant?collection=${collectionName}&environment=${environment}`;
+      const response = fetch(url, config);
+
+      // We leverage the fact, that our internal /toke/tenant API returns data in the same format as Auth
+      return await (await response).json();
+    };
+    return authContext => {
+      const collectionName = authContext && authContext.collectionName || defaultCollectionName;
+      const accessStr = access ? JSON.stringify(access) : '';
+      const cacheKey = `${collectionName}-${accessStr}-${isAsapEnvironment}`;
+      if (!cachedAuths[cacheKey]) {
+        cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+      }
+      return cachedAuths[cacheKey];
+    };
+  }
+}

package/dist/es2019/test-helpers/collectionNames.js

@@ -0,0 +1,5 @@
+export const defaultCollectionName = 'MediaServicesSample';
+export const onlyAnimatedGifsCollectionName = 'only-animated-gifs';
+export const fileCollectionName = `${defaultCollectionName}Files`;
+export const defaultMediaPickerCollectionName = 'mediapicker-test';
+export const collectionNames = [defaultCollectionName, 'MediaServicesSampleAtlaskit', 'MediaServicesSampleHulk', 'MediaServicesSampleFabric', fileCollectionName, onlyAnimatedGifsCollectionName, defaultMediaPickerCollectionName];

package/dist/es2019/test-helpers/exampleMediaItems.js

@@ -0,0 +1,268 @@
+import { videoURI, videoPreviewURI } from '@atlaskit/media-common/test-helpers';
+import { defaultCollectionName as collectionName, onlyAnimatedGifsCollectionName } from './collectionNames';
+const fileType = 'file';
+
+// === FILE ===
+
+export const genericFileId = {
+  id: '2dfcc12d-04d7-46e7-9fdf-3715ff00ba40',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const audioFileId = {
+  id: 'a965c8df-1d64-4db8-9de5-16dfa8fd2e12',
+  // mp3 audio
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const audioNoCoverFileId = {
+  id: '7a5698bb-919c-4200-8699-6041e7913b11',
+  // mp3 audio
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const videoFileId = {
+  id: '1b01a476-83b4-4f44-8192-f83b2d00913a',
+  // mp4 video
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const videoHorizontalFileId = {
+  id: '2afaf845-4385-431f-9a15-3e21520cf896',
+  // .mov video
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const videoLargeFileId = {
+  id: '3291050e-6b66-4296-94c6-12088ef6fbad',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const videoSquareFileId = {
+  id: 'cdff20d6-2c0a-4d0d-b2a9-22cc728a0368',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const videoProcessingFailedId = {
+  id: 'e558199f-f982-4d23-93eb-313be5998d1b',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const imageFileId = {
+  id: '5556346b-b081-482b-bc4a-4faca8ecd2de',
+  // jpg image
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const emptyImageFileId = {
+  id: 'aa7f7a63-2b1a-4405-b585-62e375a3b40a',
+  // jpg image
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const smallImageFileId = {
+  id: 'f251bd05-4b2d-485d-a088-57d112ca7945',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const wideImageFileId = {
+  id: '3b6621a2-5b72-400e-ad95-447610dbb770',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const largeImageFileId = {
+  id: '0607a6a8-b2ec-49a7-b6d3-d767cb49e844',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const verticalImageFileId = {
+  id: 'f9235f5a-d582-4740-8611-ebf3feaf28b6',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const docFileId = {
+  id: '71cd7e7d-4e86-4b89-a0b4-7f6ffe013c94',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const bigDocFileId = {
+  id: 'd22f7a80-a661-4518-8b0e-eba02b6dfaca',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const largePdfFileId = {
+  id: '0a510b7f-4168-44d8-b4d7-f5639ecefa2c',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const passwordProtectedPdfFileId = {
+  id: 'c0e5bfa5-013d-4cbc-9b87-17d7f63bcc30',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const codeFileId = {
+  id: '4bc95dd5-a7a2-4cbd-ac46-f9b9f0e0941a',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const emailFileId = {
+  id: '79bb7327-fa6c-4e6f-8a7a-4ebd3607f481',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const emailUnsupportedFileId = {
+  id: '3a2ae022-212a-4dca-a7d3-86eb016a0ed2',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const archiveFileId = {
+  id: '1abbae6b-f507-4b4f-b181-21016bf3b7cc',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const zipJiraArchiveFileId = {
+  id: 'aa99969c-6f0e-4cdc-8a57-9d38c43b2af8',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const zipFileWithNestedFolderId = {
+  id: 'd1730520-316c-482a-a8c8-2b34acbea00b',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const zipFileId = {
+  id: '3822aff2-9297-4ad9-93fd-ab1709f400ad',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const zipItemMultipleFoldersAtRootId = {
+  id: 'b2c4623b-bd84-4d90-a2ed-61d50b0bd5f4',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const zipItemLargeInnerFileId = {
+  id: '36b7957c-2d73-4cd5-8541-103daa2619ce',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const zipEncryptedFileId = {
+  id: 'd1569d0f-936d-46f3-b974-a285696016c0',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const unknownFileId = {
+  id: 'e0652e68-c596-4800-8a91-1920e6b8a585',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const errorFileId = {
+  id: 'error-file-id',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const gifFileId = {
+  id: '26adc5af-3af4-42a8-9c24-62b6ce0f9369',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const noMetadataFileId = {
+  id: '1adaf6f9-37f6-4171-ab6b-455ec3115381',
+  mediaItemType: fileType,
+  collectionName: collectionName
+};
+export const animatedFileId = {
+  id: 'af637c7a-75c3-4254-b074-d16e6ae2e04b',
+  mediaItemType: fileType,
+  collectionName: onlyAnimatedGifsCollectionName
+};
+// === EXTERNAL IMAGE ===
+
+export const atlassianLogoUrl = 'https://wac-cdn.atlassian.com/assets/img/favicons/atlassian/apple-touch-icon-152x152.png';
+export const externalImageIdentifier = {
+  mediaItemType: 'external-image',
+  dataURI: atlassianLogoUrl
+};
+export const externalSmallImageIdentifier = {
+  mediaItemType: 'external-image',
+  dataURI: 'https://aui-cdn.atlassian.com/media/files-icon.png'
+};
+export const externaBrokenlIdentifier = {
+  mediaItemType: 'external-image',
+  dataURI: 'https://some-uri'
+};
+export const genericFileDetails = {
+  id: 'fd4c4672-323a-4b6c-8326-223169e2a13e',
+  mediaType: 'image',
+  mimeType: 'image/gif',
+  name: 'picker-thread-leaking.gif',
+  size: 2958464,
+  processingStatus: 'succeeded',
+  artifacts: {
+    'thumb_320.jpg': {
+      url: '/file/fd4c4672-323a-4b6c-8326-223169e2a13e/artifact/thumb_320.jpg/binary',
+      processingStatus: 'succeeded'
+    },
+    'thumb_large.jpg': {
+      url: '/file/fd4c4672-323a-4b6c-8326-223169e2a13e/artifact/thumb_320.jpg/binary',
+      processingStatus: 'succeeded'
+    },
+    'thumb_120.jpg': {
+      url: '/file/fd4c4672-323a-4b6c-8326-223169e2a13e/artifact/thumb_120.jpg/binary',
+      processingStatus: 'succeeded'
+    },
+    'thumb.jpg': {
+      url: '/file/fd4c4672-323a-4b6c-8326-223169e2a13e/artifact/thumb_120.jpg/binary',
+      processingStatus: 'succeeded'
+    },
+    'meta.json': {
+      url: '/file/fd4c4672-323a-4b6c-8326-223169e2a13e/artifact/meta.json/binary',
+      processingStatus: 'succeeded'
+    },
+    'image.jpg': {
+      url: '/file/fd4c4672-323a-4b6c-8326-223169e2a13e/artifact/image.jpg/binary',
+      processingStatus: 'succeeded'
+    }
+  }
+};
+export const imageFileDetails = {
+  id: 'some-id',
+  mediaType: 'image',
+  name: 'image_file.jpg',
+  size: 2958464
+};
+export const videoFileDetails = {
+  id: 'some-id',
+  mediaType: 'video',
+  name: 'video_file.mp4',
+  size: 29584640
+};
+export const audioFileDetails = {
+  id: 'some-id',
+  mediaType: 'audio',
+  name: 'audio_file.mp3',
+  size: 2958464
+};
+export const docFileDetails = {
+  id: 'some-id',
+  mediaType: 'doc',
+  name: 'doc_file.pdf',
+  size: 2958464
+};
+export const unknownFileDetails = {
+  id: 'some-id',
+  mediaType: 'unknown',
+  name: 'doc_file.pdf',
+  size: 2958464
+};
+export const genericDataURI = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAZABkAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABkAAAAAQAAAGQAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAAKgAwAEAAAAAQAAAAIAAAAA/+0AOFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/AABEIAAIAAgMBEQACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAQECAQEBAgICAgICAgICAQICAgICAgICAgL/2wBDAQEBAQEBAQEBAQECAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/3QAEAAH/2gAMAwEAAhEDEQA/AP0U8M2NmPDfh8C0tgBomkgAW8OAPsFvwK/lh7s+5u+/4n//2Q==';
+
+// === VR test ids ===
+
+export const vrVideoDetails = {
+  id: '0c3c64b9-65ad-4592-89d0-f838beebd81e',
+  name: 'video.mp4',
+  dataUri: videoURI,
+  previewDataUri: videoPreviewURI,
+  mediaType: 'video',
+  mimeType: 'video/mp4'
+};