@atlaskit/media-test-helpers 28.8.1 → 29.1.0

package/CHANGELOG.md

@@ -1,5 +1,82 @@
 # @atlaskit/media-test-helpers
 
+## 29.1.0
+
+### Minor Changes
+
+- [`3ad0bbf0f93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ad0bbf0f93) - Log media ssr getImageURLSync error in global variable ssr data.
+- [`2f682970bfe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f682970bfe) - Filestates Factory accepts options for MediaClientMock constructor
+- [`da72247beeb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da72247beeb) - remove styled-components from media-ui
+- [`22a39ca6f66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22a39ca6f66) - expose @atlaskit/media-test-helpers/smart-card-state
+- [`4735277e315`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4735277e315) - Extended FileState factory to update File Id internally
+- [`5571b079998`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5571b079998) - Added A File State simulator helper
+
+### Patch Changes
+
+- Updated dependencies
+
+## 29.0.1
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 29.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.9.0
+
+### Minor Changes
+
+- [`1724e1b8277`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1724e1b8277) - Extended fakeMediaClient with getImageUrlSync mock
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.8.1
 
 ### Patch Changes

package/dist/cjs/I18nWrapper.js

@@ -15,7 +15,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _LocaleSelect = _interopRequireWildcard(require("@atlaskit/locale/LocaleSelect"));
 
@@ -39,16 +39,6 @@ var selectableLocales = _LocaleSelect.defaultLocales.reduce(function (result, lo
   return [].concat((0, _toConsumableArray2.default)(result), [locale]);
 }, []);
 
-function addAllLocaleData() {
-  Object.keys(_locales.locales).forEach(function (localeKey) {
-    var lang = localeKey.substring(0, 2);
-
-    var localeData = require("react-intl/locale-data/".concat(lang));
-
-    (0, _reactIntl.addLocaleData)(localeData);
-  });
-}
-
 var I18NWrapper = function I18NWrapper(_ref) {
   var children = _ref.children;
 
@@ -58,12 +48,8 @@ var I18NWrapper = function I18NWrapper(_ref) {
   }),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       locale = _useState2[0],
-      setLocale = _useState2[1]; // We add the locale data only when mount
-
+      setLocale = _useState2[1];
 
-  (0, _react.useEffect)(function () {
-    return addAllLocaleData();
-  }, []);
   var lang = locale.value.substring(0, 2);
   var messages = getMessages(locale.value);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -74,7 +60,7 @@ var I18NWrapper = function I18NWrapper(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_LocaleSelect.default, {
     onLocaleChange: setLocale,
     locales: selectableLocales
-  })), /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+  })), /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
     locale: lang,
     messages: messages // We need to add this key to force a re-render and refresh translations
     // when selected language has changed

package/dist/cjs/MockGlobalImage.js

@@ -5,8 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.enableMockGlobalImage = enableMockGlobalImage;
 exports.disableMockGlobalImage = disableMockGlobalImage;
+exports.enableMockGlobalImage = enableMockGlobalImage;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -39,7 +41,7 @@ var MockImage = /*#__PURE__*/function (_global$Image) {
     return _this;
   }
 
-  return MockImage;
+  return (0, _createClass2.default)(MockImage);
 }(global.Image);
 
 function enableMockGlobalImage() {

package/dist/cjs/clipboardEventMocks.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MockDragEvent = exports.getMockClipboardEvent = exports.MockDataTransfer = exports.MockFileList = exports.ClipboardMockFile = void 0;
+exports.getMockClipboardEvent = exports.MockFileList = exports.MockDragEvent = exports.MockDataTransfer = exports.ClipboardMockFile = void 0;
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
@@ -171,7 +171,7 @@ var getMockClipboardEvent = function getMockClipboardEvent() {
       return _this;
     }
 
-    return MockClipboardEvent;
+    return (0, _createClass2.default)(MockClipboardEvent);
   }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Event));
 };
 

package/dist/cjs/collectionNames.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.collectionNames = exports.defaultMediaPickerCollectionName = exports.fileCollectionName = exports.onlyAnimatedGifsCollectionName = exports.defaultCollectionName = void 0;
+exports.onlyAnimatedGifsCollectionName = exports.fileCollectionName = exports.defaultMediaPickerCollectionName = exports.defaultCollectionName = exports.collectionNames = void 0;
 var defaultCollectionName = 'MediaServicesSample';
 exports.defaultCollectionName = defaultCollectionName;
 var onlyAnimatedGifsCollectionName = 'only-animated-gifs';

package/dist/cjs/example-mediaFeatureFlags.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _mediaCommon = require("@atlaskit/media-common");
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(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 exampleMediaFeatureFlags = _objectSpread({}, _mediaCommon.defaultMediaFeatureFlags);
 

package/dist/cjs/exampleMediaItems.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vrVideoDetails = exports.genericDataURI = exports.unknownFileDetails = exports.docFileDetails = exports.audioFileDetails = exports.videoFileDetails = exports.imageFileDetails = exports.genericFileDetails = exports.externaBrokenlIdentifier = exports.externalSmallImageIdentifier = exports.externalImageIdentifier = exports.atlassianLogoUrl = exports.animatedFileId = exports.noMetadataFileId = exports.gifFileId = exports.errorFileId = exports.unknownFileId = exports.zipEncryptedFileId = exports.zipItemLargeInnerFileId = exports.zipItemMultipleFoldersAtRootId = exports.zipFileId = exports.zipFileWithNestedFolderId = exports.zipJiraArchiveFileId = exports.archiveFileId = exports.emailUnsupportedFileId = exports.emailFileId = exports.codeFileId = exports.passwordProtectedPdfFileId = exports.largePdfFileId = exports.bigDocFileId = exports.docFileId = exports.verticalImageFileId = exports.largeImageFileId = exports.wideImageFileId = exports.smallImageFileId = exports.emptyImageFileId = exports.imageFileId = exports.videoProcessingFailedId = exports.videoSquareFileId = exports.videoLargeFileId = exports.videoHorizontalFileId = exports.videoFileId = exports.audioNoCoverFileId = exports.audioFileId = exports.genericFileId = void 0;
+exports.zipJiraArchiveFileId = exports.zipItemMultipleFoldersAtRootId = exports.zipItemLargeInnerFileId = exports.zipFileWithNestedFolderId = exports.zipFileId = exports.zipEncryptedFileId = exports.wideImageFileId = exports.vrVideoDetails = exports.videoSquareFileId = exports.videoProcessingFailedId = exports.videoLargeFileId = exports.videoHorizontalFileId = exports.videoFileId = exports.videoFileDetails = exports.verticalImageFileId = exports.unknownFileId = exports.unknownFileDetails = exports.smallImageFileId = exports.passwordProtectedPdfFileId = exports.noMetadataFileId = exports.largePdfFileId = exports.largeImageFileId = exports.imageFileId = exports.imageFileDetails = exports.gifFileId = exports.genericFileId = exports.genericFileDetails = exports.genericDataURI = exports.externalSmallImageIdentifier = exports.externalImageIdentifier = exports.externaBrokenlIdentifier = exports.errorFileId = exports.emptyImageFileId = exports.emailUnsupportedFileId = exports.emailFileId = exports.docFileId = exports.docFileDetails = exports.codeFileId = exports.bigDocFileId = exports.audioNoCoverFileId = exports.audioFileId = exports.audioFileDetails = exports.atlassianLogoUrl = exports.archiveFileId = exports.animatedFileId = void 0;
 
 var _collectionNames = require("./collectionNames");
 

package/dist/cjs/fakeMediaClient.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fakeMediaClient = exports.getDefaultMediaClientConfig = void 0;
+exports.getDefaultMediaClientConfig = exports.fakeMediaClient = void 0;
 
 var _of = require("rxjs/observable/of");
 
@@ -54,6 +54,7 @@ var fakeMediaClient = function fakeMediaClient() {
       }
     });
     (0, _jestHelpers.asMock)(mediaClient.getImageUrl).mockResolvedValue('some-image-url');
+    (0, _jestHelpers.asMock)(mediaClient.getImageUrlSync).mockReturnValue('some-image-url');
     (0, _jestHelpers.asMock)(mediaClient.getImage).mockImplementation(mockMediaStore.getImage);
     (0, _jestHelpers.asMock)(mediaClient.collection.getItems).mockReturnValue((0, _of.of)([]));
     (0, _jestHelpers.asMock)(mediaClient.file.copyFile).mockReturnValue({

package/dist/cjs/featureFlagsWrapper/dropdown.js

@@ -27,11 +27,11 @@ var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-c
 
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 
@@ -50,7 +50,7 @@ var camelCaseToSentenceCase = function camelCaseToSentenceCase(text) {
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  margin: 20px auto;\n"])));
+var Container = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  margin: 20px auto;\n"])));
 
 var ItemWrapper = function ItemWrapper(_ref) {
   var children = _ref.children;
@@ -162,7 +162,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
       });
     },
     trigger: function trigger(triggerProps) {
-      return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, triggerProps, {
+      return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, triggerProps, {
         isSelected: isOpen,
         onClick: function onClick() {
           return setIsOpen(!isOpen);
@@ -175,7 +175,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
     }
   }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: "Reset all flags"
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
     style: {
       marginLeft: 10
     },

package/dist/cjs/featureFlagsWrapper/helpers.js

@@ -5,15 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMediaFeatureFlags = exports.clearAllLocalFeatureFlags = exports.clearLocalFeatureFlag = exports.setLocalFeatureFlag = void 0;
+exports.setLocalFeatureFlag = exports.getMediaFeatureFlags = exports.clearLocalFeatureFlag = exports.clearAllLocalFeatureFlags = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _mediaCommon = require("@atlaskit/media-common");
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(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 mediaFeatureFlagsKeys = Object.keys(_mediaCommon.defaultMediaFeatureFlags);
 

package/dist/cjs/fileReader.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockFileReaderError = exports.unmockFileReader = exports.mockFileReaderWithError = exports.mockFileReader = void 0;
+exports.unmockFileReader = exports.mockFileReaderWithError = exports.mockFileReaderError = exports.mockFileReader = void 0;
 
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
@@ -15,6 +15,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -23,7 +25,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 MockFileReader = function MockFileReader() {
+var MockFileReader = /*#__PURE__*/(0, _createClass2.default)(function MockFileReader() {
   var _this = this;
 
   var result = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mockResult';
@@ -44,8 +46,7 @@ var MockFileReader = function MockFileReader() {
     _this.loadEvent();
   }));
   this.result = result;
-};
-
+});
 var mockFileReaderError = {
   message: 'error'
 };
@@ -72,7 +73,7 @@ var MockFileReaderWithError = /*#__PURE__*/function (_MockFileReader) {
     return _this2;
   }
 
-  return MockFileReaderWithError;
+  return (0, _createClass2.default)(MockFileReaderWithError);
 }(MockFileReader);
 
 var GlobalFileReader = global.FileReader;

package/dist/cjs/fileStateFactory/createFileState.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFileState = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ = require("../");
+
+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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(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 localPreview = {
+  value: _.tallImage
+};
+var brokenLocalPreview = {
+  value: 'broken-data-uri'
+};
+var remotePreview = {
+  image: {}
+};
+
+var createFileState = function createFileState(id, status) {
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      withRemotePreview = _ref.withRemotePreview,
+      withLocalPreview = _ref.withLocalPreview,
+      withBrokenLocalPreview = _ref.withBrokenLocalPreview,
+      uploadProgress = _ref.uploadProgress,
+      fileDetails = _ref.fileDetails;
+
+  var extendState = {};
+
+  if (uploadProgress) {
+    extendState.progress = uploadProgress;
+  } // REMOTE PREVIEW
+
+
+  if (withRemotePreview) {
+    extendState.representations = remotePreview;
+  } else if (withRemotePreview === false) {
+    extendState.representations = {};
+  } // LOCAL PREVIEW
+
+
+  if (withLocalPreview) {
+    extendState.preview = localPreview;
+  } else if (withBrokenLocalPreview) {
+    extendState.preview = brokenLocalPreview;
+  }
+
+  var base = _objectSpread(_objectSpread(_objectSpread({}, fileDetails), extendState), {}, {
+    id: id
+  });
+
+  switch (status) {
+    case 'uploading':
+      return _objectSpread({
+        status: 'uploading',
+        progress: 0
+      }, base);
+
+    case 'processing':
+      return _objectSpread({
+        status: 'processing'
+      }, base);
+
+    case 'processed':
+      return _objectSpread({
+        status: 'processed',
+        representations: remotePreview,
+        artifacts: {}
+      }, base);
+
+    case 'failed-processing':
+      return _objectSpread({
+        status: 'failed-processing'
+      }, base);
+
+    case 'error':
+    default:
+      return {
+        id: id,
+        status: 'error'
+      };
+  }
+};
+
+exports.createFileState = createFileState;

package/dist/cjs/fileStateFactory/factory.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaClientMock = exports.FileStateFactory = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ = require("..");
+
+var _mediaClient = require("@atlaskit/media-client");
+
+var _createFileState = require("./createFileState");
+
+var _helpers = require("./helpers");
+
+var _nextTick = require("../nextTick");
+
+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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(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; }
+
+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 MediaClientMock = /*#__PURE__*/function (_MediaClient) {
+  (0, _inherits2.default)(MediaClientMock, _MediaClient);
+
+  var _super = _createSuper(MediaClientMock);
+
+  function MediaClientMock(observable, mediaClientConfig, featureFlags) {
+    var _this;
+
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    (0, _classCallCheck2.default)(this, MediaClientMock);
+    _this = _super.call(this, mediaClientConfig, featureFlags);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateObserbable", function (newObservable) {
+      _this.observable = newObservable;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getImage", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _this$options$getImag, getImageDelay;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$options$getImag = _this.options.getImageDelay, getImageDelay = _this$options$getImag === void 0 ? 0 : _this$options$getImag;
+              _context.next = 3;
+              return (0, _nextTick.sleep)(getImageDelay);
+
+            case 3:
+              return _context.abrupt("return", (0, _.dataURItoBlob)(_.tallImage));
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mockFileFetcher", function () {
+      _this.file.getFileState = function () {
+        return _this.observable;
+      };
+    });
+    _this.observable = observable;
+    _this.options = options;
+
+    _this.mockFileFetcher();
+
+    return _this;
+  }
+
+  return (0, _createClass2.default)(MediaClientMock);
+}(_mediaClient.MediaClient);
+
+exports.MediaClientMock = MediaClientMock;
+var mockConfig = {
+  authProvider: function () {
+    var _authProvider = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", {
+                clientId: 'some-client',
+                token: 'some-token',
+                baseUrl: 'some-url'
+              });
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    function authProvider() {
+      return _authProvider.apply(this, arguments);
+    }
+
+    return authProvider;
+  }()
+};
+
+/**
+ * A fake Media Client that provides a backdoor to inject
+ * simulated file states. With this class, we can test several scenarios
+ * without having to recreate them all in the backend.
+ */
+var FileStateFactory = /*#__PURE__*/(0, _createClass2.default)(function FileStateFactory(identifier) {
+  var _this2 = this;
+
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _fileDetails = _ref2.fileDetails,
+      _ref2$mediaClientConf = _ref2.mediaClientConfig,
+      mediaClientConfig = _ref2$mediaClientConf === void 0 ? mockConfig : _ref2$mediaClientConf,
+      featureFlags = _ref2.featureFlags,
+      mediaClientMockOptions = _ref2.mediaClientMockOptions;
+
+  (0, _classCallCheck2.default)(this, FileStateFactory);
+  (0, _defineProperty2.default)(this, "updateIdentifier", function (identifier, fileDetails) {
+    _this2.identifier = identifier;
+    _this2.fileDetails = fileDetails || (0, _helpers.createFileDetails)(_this2.identifier.id);
+    _this2.observable = (0, _mediaClient.createFileStateSubject)();
+
+    _this2.mediaClient.updateObserbable(_this2.observable);
+  });
+  (0, _defineProperty2.default)(this, "subscription", {
+    next: function next(fileState) {
+      _this2.observable.next(fileState);
+    },
+    error: function error(_error) {
+      _this2.observable.error(_error);
+    }
+  });
+  (0, _defineProperty2.default)(this, "createFileState", function (status, options) {
+    return (0, _createFileState.createFileState)(_this2.identifier.id, status, _objectSpread(_objectSpread({}, options), {}, {
+      fileDetails: (options === null || options === void 0 ? void 0 : options.fileDetails) || _this2.fileDetails
+    }));
+  });
+  (0, _defineProperty2.default)(this, "next", function (status, options) {
+    _this2.subscription.next(_this2.createFileState(status, options));
+  });
+  (0, _defineProperty2.default)(this, "error", function (error) {
+    _this2.subscription.error(error);
+  });
+  this.identifier = identifier;
+  this.fileDetails = _fileDetails || (0, _helpers.createFileDetails)(this.identifier.id);
+  this.observable = (0, _mediaClient.createFileStateSubject)();
+  this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
+});
+exports.FileStateFactory = FileStateFactory;