@atlaskit/media-client 23.2.0 → 24.0.1

package/dist/types/client/mobile-upload.d.ts

@@ -1,11 +1,15 @@
+import { MediaStore } from '@atlaskit/media-state';
 import { MobileUpload, MobileUploadStartEvent, MobileUploadProgressEvent, MobileUploadEndEvent, MobileUploadErrorEvent } from '../models/mobile-upload';
-import { MediaStore } from './media-store';
+import { MediaStore as MediaApi } from './media-store';
 export declare class MobileUploadImpl implements MobileUpload {
+    private readonly store;
     private readonly dataloader;
     private readonly servicesCache;
-    constructor(mediaStore: MediaStore);
+    constructor(mediaApi: MediaApi, store?: MediaStore);
     notifyUploadStart(event: MobileUploadStartEvent): void;
     notifyUploadProgress(event: MobileUploadProgressEvent): void;
     notifyUploadEnd(event: MobileUploadEndEvent): void;
     notifyUploadError(event: MobileUploadErrorEvent): void;
+    private getErrorFileState;
+    private setFileState;
 }

package/dist/types/file-streams-cache.d.ts

@@ -1,6 +1,6 @@
 import { LRUMap } from 'lru_map';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
-import { FileState } from './models/file-state';
+import { FileState } from '@atlaskit/media-state';
 export declare class StreamsCache<T> {
     private readonly streams;
     constructor(streams: LRUMap<string, ReplaySubject<T>>);

package/dist/types/index.d.ts

@@ -6,11 +6,11 @@ export type { MediaItemType, FileItem, FileProcessingStatus, MediaArtifact, Arti
 export { isPreviewableType } from './models/media';
 export type { MediaFileProcessingStatus, MediaType, MediaFile, MediaRepresentations, MediaItemDetails, MediaUpload, MediaChunksProbe, } from './models/media';
 export { getArtifactUrl } from './models/artifacts';
-export type { MediaFileArtifact, MediaFileArtifacts } from './models/artifacts';
 export { isMediaClientError, getMediaClientErrorReason } from './models/errors';
 export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttributes, } from './models/errors';
 export { isUploadingFileState, isProcessingFileState, isProcessedFileState, isErrorFileState, isPreviewableFileState, isFinalFileState, isImageRepresentationReady, mapMediaFileToFileState, mapMediaItemToFileState, } from './models/file-state';
-export type { FileStatus, FilePreview, PreviewOptions, GetFileOptions, UploadingFileState, ProcessingFileState, ProcessedFileState, ProcessingFailedState, ErrorFileState, NonErrorFileState, PreviewableFileState, FileState, } from './models/file-state';
+export type { FileStatus, PreviewOptions, GetFileOptions, NonErrorFileState, PreviewableFileState, } from './models/file-state';
+export type { FileState, FilePreview, ErrorFileState, UploadingFileState, ProcessingFileState, ProcessedFileState, ProcessingFailedState, MediaFileArtifact, MediaFileArtifacts, } from '@atlaskit/media-state';
 export type { MobileUpload, MobileUploadStartEvent, MobileUploadProgressEvent, MobileUploadEndEvent, MobileUploadErrorEvent, } from './models/mobile-upload';
 export { uploadFile } from './uploader';
 export type { UploadableFile, UploadableFileUpfrontIds, UploadFileCallbacks, UploadFileResult, } from './uploader';
@@ -39,12 +39,14 @@ export type { Identifier, FileIdentifier, ExternalImageIdentifier, } from './ide
 export type { EventPayloadListener, UploadEventPayloadMap, MediaViewedEventPayload, } from './client/events';
 export { withMediaClient, getMediaClient } from './utils/with-media-client-hoc';
 export type { WithMediaClientConfig, WithMediaClientConfigProps, WithMediaClientFunction, WithMediaClient, } from './utils/with-media-client-hoc';
+export type { MediaClientConfig } from '@atlaskit/media-core';
 export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString, } from './utils/url';
 export type { MediaBlobUrlAttrs } from './utils/url';
 export { createMediaSubscribable, fromObservable, } from './utils/mediaSubscribable';
 export type { MediaSubscribable, MediaSubscription, MediaObserver, } from './utils/mediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants';
+export { getFileStreamsCache } from './file-streams-cache';
 /**
  * @deprecated This export will be removed. Please use one from @atlaskit/media-common or @atlaskit/media-common/mediaTypeUtils
  */

package/dist/types/models/artifacts.d.ts

@@ -1,15 +1,2 @@
-import type { MediaFileProcessingStatus } from './media';
-export type MediaFileArtifact = {
-    readonly url: string;
-    readonly processingStatus: MediaFileProcessingStatus;
-};
-export interface MediaFileArtifacts {
-    'video_1280.mp4'?: MediaFileArtifact;
-    'video_640.mp4'?: MediaFileArtifact;
-    'document.pdf'?: MediaFileArtifact;
-    'audio.mp3'?: MediaFileArtifact;
-    'thumb.jpg'?: MediaFileArtifact;
-    'image.png'?: MediaFileArtifact;
-    'image.jpg'?: MediaFileArtifact;
-}
+import { MediaFileArtifacts } from '@atlaskit/media-state';
 export declare const getArtifactUrl: (artifacts: MediaFileArtifacts, prop: keyof MediaFileArtifacts) => string | undefined;

package/dist/types/models/file-state.d.ts

@@ -1,19 +1,8 @@
-import { FileStatus as CommonFileStatus, MediaTraceContext } from '@atlaskit/media-common';
+import { FileStatus as CommonFileStatus } from '@atlaskit/media-common';
 import { MediaStoreResponse } from '../client/media-store';
-import { MediaFileArtifacts } from './artifacts';
-import { MediaItemDetails, MediaFile, MediaRepresentations, MediaType } from './media';
-export type BaseFileState = {
-    metadataTraceContext?: MediaTraceContext;
-};
+import { MediaItemDetails, MediaFile } from './media';
+import { FilePreview, FileState, ErrorFileState, UploadingFileState, ProcessingFileState, ProcessedFileState, ProcessingFailedState } from '@atlaskit/media-state';
 export type FileStatus = CommonFileStatus;
-export interface FilePreview {
-    value: Blob | string;
-    origin?: 'local' | 'remote';
-    originalDimensions?: {
-        width: number;
-        height: number;
-    };
-}
 export interface PreviewOptions {
 }
 export interface GetFileOptions {
@@ -21,74 +10,16 @@ export interface GetFileOptions {
     collectionName?: string;
     occurrenceKey?: string;
 }
-export interface UploadingFileState extends BaseFileState {
-    status: 'uploading';
-    id: string;
-    occurrenceKey?: string;
-    name: string;
-    size: number;
-    progress: number;
-    mediaType: MediaType;
-    mimeType: string;
-    preview?: FilePreview | Promise<FilePreview>;
-    createdAt?: number;
-}
 export interface PreviewableFileState {
     preview: FilePreview | Promise<FilePreview>;
 }
-export interface ProcessingFileState extends BaseFileState {
-    status: 'processing';
-    id: string;
-    occurrenceKey?: string;
-    name: string;
-    size: number;
-    artifacts?: MediaFileArtifacts;
-    mediaType: MediaType;
-    mimeType: string;
-    preview?: FilePreview | Promise<FilePreview>;
-    representations?: MediaRepresentations;
-    createdAt?: number;
-}
-export interface ProcessedFileState extends BaseFileState {
-    status: 'processed';
-    id: string;
-    occurrenceKey?: string;
-    name: string;
-    size: number;
-    artifacts: MediaFileArtifacts;
-    mediaType: MediaType;
-    mimeType: string;
-    preview?: FilePreview | Promise<FilePreview>;
-    representations?: MediaRepresentations;
-    createdAt?: number;
-}
-export interface ProcessingFailedState extends BaseFileState {
-    status: 'failed-processing';
-    id: string;
-    occurrenceKey?: string;
-    name: string;
-    size: number;
-    artifacts: Object;
-    mediaType: MediaType;
-    mimeType: string;
-    preview?: FilePreview | Promise<FilePreview>;
-    representations?: MediaRepresentations;
-    createdAt?: number;
-}
-export interface ErrorFileState extends BaseFileState {
-    status: 'error';
-    id: string;
-    occurrenceKey?: string;
-    message?: string;
-}
-export type FileState = UploadingFileState | ProcessingFileState | ProcessedFileState | ErrorFileState | ProcessingFailedState;
 export type NonErrorFileState = Exclude<FileState, ErrorFileState>;
 export declare const isUploadingFileState: (fileState: FileState) => fileState is UploadingFileState;
 export declare const isProcessingFileState: (fileState: FileState) => fileState is ProcessingFileState;
 export declare const isProcessedFileState: (fileState: FileState) => fileState is ProcessedFileState;
 export declare const isErrorFileState: (fileState: FileState) => fileState is ErrorFileState;
 export declare const isPreviewableFileState: (fileState: FileState) => fileState is (UploadingFileState | ProcessingFileState | ProcessedFileState | ProcessingFailedState) & PreviewableFileState;
-export declare const isFinalFileState: (fileState: FileState) => fileState is ProcessedFileState | ProcessingFailedState | ErrorFileState;
+export declare const isFinalFileState: (fileState: FileState) => fileState is ProcessedFileState | ErrorFileState | ProcessingFailedState;
 export declare const isImageRepresentationReady: (fileState: FileState) => boolean;
 export declare const mapMediaFileToFileState: (mediaFile: MediaStoreResponse<MediaFile>) => FileState;
 export declare const mapMediaItemToFileState: (id: string, item: MediaItemDetails) => FileState;

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

@@ -1,5 +1,5 @@
 import { MediaTraceContext, MediaType } from '@atlaskit/media-common';
-import type { MediaFileArtifacts } from './artifacts';
+import { MediaFileArtifacts } from '@atlaskit/media-state';
 export type MediaFileProcessingStatus = 'pending' | 'succeeded' | 'failed';
 export type { MediaType } from '@atlaskit/media-common';
 export declare const isPreviewableType: (type: MediaType) => boolean;

package/dist/types/models/mobile-upload.d.ts

@@ -1,4 +1,4 @@
-import { FilePreview } from './file-state';
+import { FilePreview } from '@atlaskit/media-state';
 export type MobileUploadStartEvent = {
     fileId: string;
     collectionName?: string;

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

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

package/dist/types/utils/mediaSubscribable/fromObservable.d.ts

@@ -1,5 +1,5 @@
 import { ReplaySubject } from 'rxjs/ReplaySubject';
-import { FileState } from '../../models/file-state';
+import { FileState } from '@atlaskit/media-state';
 import { MediaSubscribable } from './types';
 export declare function fromObservable(observable: ReplaySubject<FileState>): MediaSubscribable;
 export declare function createMediaSubscribable(item?: FileState | Error): MediaSubscribable;

package/dist/types/utils/mediaSubscribable/toPromise.d.ts

@@ -1,6 +1,6 @@
 import { Subscription } from 'rxjs/Subscription';
 import { MediaSubscribable } from './types';
-import { FileState } from '../../models/file-state';
+import { FileState } from '@atlaskit/media-state';
 /**
  * This is a helper to transform the first value emitted by an MediaSubscribable into a Promise.
  *

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

@@ -1,4 +1,4 @@
-import { FileState } from '../../models/file-state';
+import { FileState } from '@atlaskit/media-state';
 export type MediaSubscription = {
     unsubscribe: () => void;
 };

package/dist/types/utils/mobileUpload/helpers.d.ts

@@ -1,7 +1,7 @@
 import Dataloader from 'dataloader';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { Interpreter } from 'xstate';
-import { FileState } from '../../models/file-state';
+import { FileState } from '@atlaskit/media-state';
 import { DataloaderKey, DataloaderResult } from '../createFileDataLoader';
 import { StateMachineContext, StateMachineEvent, StateMachineTypestate } from './stateMachine/types';
 export declare const createMobileFileStateSubject: (service: Interpreter<StateMachineContext, any, StateMachineEvent, StateMachineTypestate>) => ReplaySubject<FileState>;

package/dist/types/utils/mobileUpload/stateMachine/index.d.ts

@@ -1,6 +1,6 @@
 import DataLoader from 'dataloader';
 import { Interpreter, StateMachine } from 'xstate';
-import { UploadingFileState } from '../../../models/file-state';
+import { UploadingFileState } from '@atlaskit/media-state';
 import { DataloaderKey, DataloaderResult } from '../../createFileDataLoader';
 import { StateMachineContext, StateMachineEvent, StateMachineSchema, StateMachineTypestate } from './types';
 export declare const createMobileUploadStateMachine: (dataloader: DataLoader<DataloaderKey, DataloaderResult>, initialState: UploadingFileState, collectionName?: string) => StateMachine<StateMachineContext, any, StateMachineEvent, StateMachineTypestate>;

package/dist/types/utils/mobileUpload/stateMachine/types.d.ts

@@ -1,5 +1,5 @@
 import { StateSchema } from 'xstate';
-import { FileState, UploadingFileState, ProcessingFileState, ProcessedFileState, ErrorFileState, ProcessingFailedState } from '../../../models/file-state';
+import { FileState, UploadingFileState, ProcessingFileState, ProcessedFileState, ErrorFileState, ProcessingFailedState } from '@atlaskit/media-state';
 export type StateMachineContext = {
     currentFileState: FileState;
 };

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

@@ -1,4 +1,4 @@
-import { FileState } from '../models/file-state';
+import { FileState } from '@atlaskit/media-state';
 import { MediaType } from '../models/media';
 export declare const overrideMediaTypeIfUnknown: (fileState: FileState, mediaType?: MediaType) => {
     mediaType?: MediaType | undefined;

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

@@ -1,4 +1,4 @@
-import { FilePreview } from '../models/file-state';
+import { FilePreview } from '@atlaskit/media-state';
 import { MediaType } from '../models/media';
 /**
  * Async helper determining if we should fetch remote fileStates from the backend:

package/dist/types/utils/with-media-client-hoc.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { MediaClientConfig } from '@atlaskit/media-core';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { MediaClient } from '../client/media-client';
 import { Identifier } from '../identifier';
 export interface WithMediaClientConfig {
@@ -10,7 +9,7 @@ export interface WithMediaClient {
     mediaClient: MediaClient;
     identifier?: Identifier;
 }
-export declare const getMediaClient: (mediaClientConfig: MediaClientConfig, featureFlags?: MediaFeatureFlags) => MediaClient;
+export declare const getMediaClient: (mediaClientConfig: MediaClientConfig) => MediaClient;
 export type WithMediaClientConfigProps<P extends WithMediaClient> = Omit<P, 'mediaClient'> & WithMediaClientConfig;
-export type WithMediaClientFunction = <P extends WithMediaClient>(Component: React.ComponentType<P>, featureFlags?: MediaFeatureFlags) => React.ComponentType<WithMediaClientConfigProps<P>>;
+export type WithMediaClientFunction = <P extends WithMediaClient>(Component: React.ComponentType<P>) => React.ComponentType<WithMediaClientConfigProps<P>>;
 export declare const withMediaClient: WithMediaClientFunction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-client",
-  "version": "23.2.0",
+  "version": "24.0.1",
   "description": "Media API Web Client Library",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@atlaskit/chunkinator": "^4.2.0",
-    "@atlaskit/media-common": "^8.2.0",
+    "@atlaskit/media-common": "^9.0.0",
     "@babel/runtime": "^7.0.0",
     "dataloader": "^2.0.0",
     "deep-equal": "^1.0.1",
@@ -52,6 +52,7 @@
   },
   "peerDependencies": {
     "@atlaskit/media-core": "^34.1.2",
+    "@atlaskit/media-state": "^1.0.0",
     "@emotion/react": "^11.7.1",
     "enzyme": ">=3.10.0",
     "react": "^16.8.0"
@@ -64,8 +65,9 @@
   },
   "devDependencies": {
     "@atlaskit/media-core": "^34.1.0",
+    "@atlaskit/media-state": "^1.0.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/react": "^11.7.1",
     "@types/deep-equal": "^1.0.1",

package/report.api.md

@@ -21,14 +21,24 @@ import { AuthContext } from '@atlaskit/media-core';
 import { AuthProvider } from '@atlaskit/media-core';
 import { ChunkinatorFile } from '@atlaskit/chunkinator';
 import { ClientAltBasedAuth } from '@atlaskit/media-core';
+import { ErrorFileState } from '@atlaskit/media-state';
+import { FilePreview } from '@atlaskit/media-state';
+import { FileState } from '@atlaskit/media-state';
 import { FileStatus as FileStatus_2 } from '@atlaskit/media-common';
+import { LRUMap } from 'lru_map';
 import { MediaApiConfig } from '@atlaskit/media-core';
 import { MediaClientConfig } from '@atlaskit/media-core';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { MediaFileArtifact } from '@atlaskit/media-state';
+import { MediaFileArtifacts } from '@atlaskit/media-state';
+import { MediaStore as MediaStore_2 } from '@atlaskit/media-state';
 import { MediaTraceContext } from '@atlaskit/media-common';
 import { MediaType } from '@atlaskit/media-common';
+import { ProcessedFileState } from '@atlaskit/media-state';
+import { ProcessingFailedState } from '@atlaskit/media-state';
+import { ProcessingFileState } from '@atlaskit/media-state';
 import { default as React_2 } from 'react';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
+import { UploadingFileState } from '@atlaskit/media-state';
 
 // @public (undocumented)
 export type AbortFunction = () => void;
@@ -51,11 +61,6 @@ export type Artifacts = {
   [name: string]: MediaArtifact;
 };
 
-// @public (undocumented)
-type BaseFileState = {
-  metadataTraceContext?: MediaTraceContext;
-};
-
 // @public
 abstract class BaseMediaClientError<
     Attributes extends MediaClientErrorAttributes,
@@ -170,17 +175,7 @@ export interface EmptyFile {
   readonly id: string;
 }
 
-// @public (undocumented)
-export interface ErrorFileState extends BaseFileState {
-  // (undocumented)
-  id: string;
-  // (undocumented)
-  message?: string;
-  // (undocumented)
-  occurrenceKey?: string;
-  // (undocumented)
-  status: 'error';
-}
+export { ErrorFileState };
 
 // @public (undocumented)
 type ErrorObserver = PartialObserver & Required<Pick<PartialObserver, 'error'>>;
@@ -337,7 +332,7 @@ export type FileFetcherErrorReason =
 
 // @public (undocumented)
 export class FileFetcherImpl implements FileFetcher {
-  constructor(mediaStore: MediaStore);
+  constructor(mediaApi: MediaStore, store?: MediaStore_2);
   // (undocumented)
   copyFile(
     source: CopySourceFile,
@@ -404,18 +399,7 @@ export interface FileItem {
   type: 'file';
 }
 
-// @public (undocumented)
-export interface FilePreview {
-  // (undocumented)
-  origin?: 'local' | 'remote';
-  // (undocumented)
-  originalDimensions?: {
-    width: number;
-    height: number;
-  };
-  // (undocumented)
-  value: Blob | string;
-}
+export { FilePreview };
 
 // @public (undocumented)
 export type FileProcessingStatus =
@@ -424,13 +408,7 @@ export type FileProcessingStatus =
   | 'running'
   | 'succeeded';
 
-// @public (undocumented)
-export type FileState =
-  | ErrorFileState
-  | ProcessedFileState
-  | ProcessingFailedState
-  | ProcessingFileState
-  | UploadingFileState;
+export { FileState };
 
 // @public (undocumented)
 export type FileStatus = FileStatus_2;
@@ -467,10 +445,12 @@ export interface GetFileOptions {
   preview?: PreviewOptions;
 }
 
+// @public (undocumented)
+export const getFileStreamsCache: () => StreamsCache<FileState>;
+
 // @public (undocumented)
 export const getMediaClient: (
   mediaClientConfig: MediaClientConfig,
-  featureFlags?: MediaFeatureFlags,
 ) => MediaClient;
 
 // @public (undocumented)
@@ -720,8 +700,11 @@ export type MediaChunksProbe = {
 export class MediaClient {
   constructor(
     mediaClientConfig: MediaClientConfig,
-    featureFlags?: MediaFeatureFlags | undefined,
+    store?: MediaStore_2,
+    mediaApi?: MediaStore,
   );
+  // @internal (undocumented)
+  __DO_NOT_USE__getMediaStore(): MediaStore_2;
   // (undocumented)
   readonly config: MediaClientConfig;
   // (undocumented)
@@ -730,8 +713,6 @@ export class MediaClient {
     payload: UploadEventPayloadMap[E],
   ): boolean;
   // (undocumented)
-  readonly featureFlags?: MediaFeatureFlags | undefined;
-  // (undocumented)
   readonly file: FileFetcher;
   // (undocumented)
   getImage(
@@ -780,6 +761,8 @@ export class MediaClient {
   readonly stargate: StargateClient;
 }
 
+export { MediaClientConfig };
+
 // @public
 export interface MediaClientError<Attributes extends MediaClientErrorAttributes>
   extends Error {
@@ -834,29 +817,9 @@ export type MediaFile = {
   readonly metadataTraceContext?: MediaTraceContext;
 };
 
-// @public (undocumented)
-export type MediaFileArtifact = {
-  readonly url: string;
-  readonly processingStatus: MediaFileProcessingStatus;
-};
+export { MediaFileArtifact };
 
-// @public (undocumented)
-export interface MediaFileArtifacts {
-  // (undocumented)
-  'audio.mp3'?: MediaFileArtifact;
-  // (undocumented)
-  'document.pdf'?: MediaFileArtifact;
-  // (undocumented)
-  'image.jpg'?: MediaFileArtifact;
-  // (undocumented)
-  'image.png'?: MediaFileArtifact;
-  // (undocumented)
-  'thumb.jpg'?: MediaFileArtifact;
-  // (undocumented)
-  'video_1280.mp4'?: MediaFileArtifact;
-  // (undocumented)
-  'video_640.mp4'?: MediaFileArtifact;
-}
+export { MediaFileArtifacts };
 
 // @public (undocumented)
 export type MediaFileProcessingStatus = 'failed' | 'pending' | 'succeeded';
@@ -891,10 +854,7 @@ export type MediaRepresentations = {
 
 // @public (undocumented)
 export class MediaStore {
-  constructor(
-    config: MediaApiConfig,
-    featureFlags?: MediaFeatureFlags | undefined,
-  );
+  constructor(config: MediaApiConfig);
   // (undocumented)
   appendChunksToUpload(
     uploadId: string,
@@ -921,8 +881,6 @@ export class MediaStore {
     traceContext?: MediaTraceContext,
   ): Promise<MediaStoreResponse<MediaUpload[]>>;
   // (undocumented)
-  readonly featureFlags?: MediaFeatureFlags | undefined;
-  // (undocumented)
   getArtifactURL(
     artifacts: MediaFileArtifacts,
     artifactName: keyof MediaFileArtifacts,
@@ -1298,83 +1256,11 @@ export interface PreviewableFileState {
 // @public (undocumented)
 export interface PreviewOptions {}
 
-// @public (undocumented)
-export interface ProcessedFileState extends BaseFileState {
-  // (undocumented)
-  artifacts: MediaFileArtifacts;
-  // (undocumented)
-  createdAt?: number;
-  // (undocumented)
-  id: string;
-  // (undocumented)
-  mediaType: MediaType;
-  // (undocumented)
-  mimeType: string;
-  // (undocumented)
-  name: string;
-  // (undocumented)
-  occurrenceKey?: string;
-  // (undocumented)
-  preview?: FilePreview | Promise<FilePreview>;
-  // (undocumented)
-  representations?: MediaRepresentations;
-  // (undocumented)
-  size: number;
-  // (undocumented)
-  status: 'processed';
-}
+export { ProcessedFileState };
 
-// @public (undocumented)
-export interface ProcessingFailedState extends BaseFileState {
-  // (undocumented)
-  artifacts: Object;
-  // (undocumented)
-  createdAt?: number;
-  // (undocumented)
-  id: string;
-  // (undocumented)
-  mediaType: MediaType;
-  // (undocumented)
-  mimeType: string;
-  // (undocumented)
-  name: string;
-  // (undocumented)
-  occurrenceKey?: string;
-  // (undocumented)
-  preview?: FilePreview | Promise<FilePreview>;
-  // (undocumented)
-  representations?: MediaRepresentations;
-  // (undocumented)
-  size: number;
-  // (undocumented)
-  status: 'failed-processing';
-}
+export { ProcessingFailedState };
 
-// @public (undocumented)
-export interface ProcessingFileState extends BaseFileState {
-  // (undocumented)
-  artifacts?: MediaFileArtifacts;
-  // (undocumented)
-  createdAt?: number;
-  // (undocumented)
-  id: string;
-  // (undocumented)
-  mediaType: MediaType;
-  // (undocumented)
-  mimeType: string;
-  // (undocumented)
-  name: string;
-  // (undocumented)
-  occurrenceKey?: string;
-  // (undocumented)
-  preview?: FilePreview | Promise<FilePreview>;
-  // (undocumented)
-  representations?: MediaRepresentations;
-  // (undocumented)
-  size: number;
-  // (undocumented)
-  status: 'processing';
-}
+export { ProcessingFileState };
 
 // @public (undocumented)
 export const RECENTS_COLLECTION = 'recents';
@@ -1534,6 +1420,25 @@ export class StargateClient {
   isTokenExpired(token: EdgeData): boolean;
 }
 
+// @public (undocumented)
+class StreamsCache<T> {
+  constructor(streams: LRUMap<string, ReplaySubject<T>>);
+  // (undocumented)
+  get(id: string): ReplaySubject<T> | undefined;
+  // (undocumented)
+  getOrInsert(id: string, callback: () => ReplaySubject<T>): ReplaySubject<T>;
+  // (undocumented)
+  has(id: string): boolean;
+  // (undocumented)
+  remove(id: string): void;
+  // (undocumented)
+  removeAll(): void;
+  // (undocumented)
+  set(id: string, stream: ReplaySubject<T>): void;
+  // (undocumented)
+  get size(): number;
+}
+
 // @public (undocumented)
 export type TouchedFiles = {
   created: CreatedTouchedFile[];
@@ -1610,29 +1515,7 @@ export interface UploadFileResult {
   cancel: () => void;
 }
 
-// @public (undocumented)
-export interface UploadingFileState extends BaseFileState {
-  // (undocumented)
-  createdAt?: number;
-  // (undocumented)
-  id: string;
-  // (undocumented)
-  mediaType: MediaType;
-  // (undocumented)
-  mimeType: string;
-  // (undocumented)
-  name: string;
-  // (undocumented)
-  occurrenceKey?: string;
-  // (undocumented)
-  preview?: FilePreview | Promise<FilePreview>;
-  // (undocumented)
-  progress: number;
-  // (undocumented)
-  size: number;
-  // (undocumented)
-  status: 'uploading';
-}
+export { UploadingFileState };
 
 // @public (undocumented)
 export interface WithMediaClient {
@@ -1661,7 +1544,6 @@ export type WithMediaClientConfigProps<P extends WithMediaClient> = Omit<
 // @public (undocumented)
 export type WithMediaClientFunction = <P extends WithMediaClient>(
   Component: React_2.ComponentType<P>,
-  featureFlags?: MediaFeatureFlags,
 ) => React_2.ComponentType<WithMediaClientConfigProps<P>>;
 
 // (No @packageDocumentation comment for this package)
@@ -1676,6 +1558,7 @@ export type WithMediaClientFunction = <P extends WithMediaClient>(
 ```json
 {
   "@atlaskit/media-core": "^34.1.2",
+  "@atlaskit/media-state": "^1.0.0",
   "@emotion/react": "^11.7.1",
   "enzyme": ">=3.10.0",
   "react": "^16.8.0"