@atlaskit/media-card 70.9.0 → 72.0.0

package/dist/types/root/ui/progressBar/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Breakpoint } from '../common';
+import { Breakpoint } from '../Breakpoint';
 export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, multiplier?: number): string;
 export declare type StyledBarProps = {
     progress: number;

package/dist/types/root/ui/styled.d.ts

@@ -1,12 +1,6 @@
 /// <reference types="react" />
-import { CardDimensions, CardAppearance } from '../..';
-import { Breakpoint } from './common';
-export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
-export interface NewFileExperienceWrapperProps {
-    breakpoint: Breakpoint;
-    dimensions?: CardDimensions;
-    appearance?: CardAppearance;
-    mediaType?: string;
+import { BaseNewFileExperienceWrapperProps } from './styledSSR';
+export interface NewFileExperienceWrapperProps extends BaseNewFileExperienceWrapperProps {
     shouldUsePointerCursor: boolean;
     disableOverlay: boolean;
     displayBackground: boolean;
@@ -15,5 +9,4 @@ export interface NewFileExperienceWrapperProps {
     isTickBoxSelectable: boolean;
     shouldDisplayTooltip: boolean;
 }
-export declare const NewFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps>;
-export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const NewFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps & NewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps & NewFileExperienceWrapperProps>;

package/dist/types/root/ui/styledSSR.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CardDimensions, CardAppearance } from '../..';
+import { Breakpoint } from './Breakpoint';
+export interface BaseNewFileExperienceWrapperProps {
+    breakpoint: Breakpoint;
+    dimensions?: CardDimensions;
+    appearance?: CardAppearance;
+    shouldUsePointerCursor: boolean;
+    displayBackground: boolean;
+    disableOverlay: boolean;
+    selected: boolean;
+}
+export declare const SSRFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps>;
+export declare const getWrapperDimensions: (dimensions?: CardDimensions | undefined, appearance?: "image" | "auto" | "square" | "horizontal" | undefined) => string;
+export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;

package/dist/types/root/ui/titleBox/failedTitleBox.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import { Breakpoint } from '../common';
+import { Breakpoint } from '../Breakpoint';
+import { FormattedMessage } from 'react-intl';
 export declare type OnRetryFunction = () => void;
 export declare type FailedTitleBoxProps = {
     breakpoint: Breakpoint;
+    customMessage?: FormattedMessage.MessageDescriptor;
 };
 export declare const FailedTitleBox: React.FC<FailedTitleBoxProps>;

package/dist/types/root/ui/titleBox/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Breakpoint } from '../common';
+import { Breakpoint } from '../Breakpoint';
 export declare type TitleBoxWrapperProps = {
     breakpoint: Breakpoint;
     titleBoxBgColor?: string;

package/dist/types/root/ui/titleBox/titleBox.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-intl" />
 import React from 'react';
 import { TitleBoxIcon as TitleBoxIconType } from '../../../index';
-import { Breakpoint } from '../common';
+import { Breakpoint } from '../Breakpoint';
 export declare type TitleBoxProps = {
     name: string;
     breakpoint: Breakpoint;

package/dist/types/types.d.ts

@@ -1 +1,15 @@
-export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'complete' | 'error' | 'failed-processing';
+export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
+export declare type FilePreviewStatus = {
+    hasFilesize: boolean;
+    isPreviewable: boolean;
+    hasPreview: boolean;
+    isSupportedByBrowser: boolean;
+};
+export declare type CardAppearance = 'auto' | 'image' | 'square' | 'horizontal';
+export declare type CardDimensionValue = number | string;
+export declare type CardPreviewSource = 'local' | 'remote' | 'cache-local' | 'cache-remote' | 'external';
+export interface CardPreview {
+    dataURI: string;
+    orientation?: number;
+    source: CardPreviewSource;
+}

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

@@ -1,39 +1,38 @@
 import { FileDetails, MediaClientErrorReason, RequestMetadata } from '@atlaskit/media-client';
-import { FileAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, SuccessAttributes, FailureAttributes } from '@atlaskit/media-common';
+import { FileAttributes, PerformanceAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, WithPerformanceAttributes, SuccessAttributes, FailureAttributes, ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaCardError, MediaCardErrorPrimaryReason } from '../errors';
-export declare enum RenderEventAction {
-    COMMENCED = "commenced",
-    SUCCEEDED = "succeeded",
-    FAILED = "failed"
-}
 export declare type FileUriFailReason = 'local-uri' | 'remote-uri' | `unknown-uri`;
 export declare type FailedErrorFailReason = MediaCardErrorPrimaryReason | 'nativeError';
-export declare type RenderEventFailReason = FailedErrorFailReason | 'failed-processing' | FileUriFailReason | 'external-uri';
-export declare type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & FailureAttributes & {
-    failReason: RenderEventFailReason;
+export declare type RenderFailedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & FailureAttributes & {
+    failReason: FailedErrorFailReason | 'failed-processing';
     error?: MediaClientErrorReason | 'nativeError';
     request?: RequestMetadata;
-}, RenderEventAction.FAILED, 'mediaCardRender'>;
-export declare type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & SuccessAttributes, RenderEventAction.SUCCEEDED, 'mediaCardRender'>;
-export declare type RenderCommencedEventPayload = OperationalEventPayload<WithFileAttributes, RenderEventAction.COMMENCED, 'mediaCardRender'>;
+}, 'failed', 'mediaCardRender'>;
+export declare type RenderSucceededEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes & SuccessAttributes, 'succeeded', 'mediaCardRender'>;
+export declare type RenderCommencedEventPayload = OperationalEventPayload<WithFileAttributes & WithPerformanceAttributes, 'commenced', 'mediaCardRender'>;
 export declare type CopiedFileEventPayload = UIEventPayload<{}, 'copied', string>;
 export declare type ClickedEventPayload = UIEventPayload<{
     label?: string;
 }, 'clicked', string>;
-export declare type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload;
-export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: "error" | "uploading" | "processing" | "processed" | "failed-processing" | undefined) => FileAttributes;
-export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes) => RenderCommencedEventPayload;
-export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes) => RenderSucceededEventPayload;
-export declare const getFailedFileUriFailReason: (fileStatus?: "error" | "uploading" | "processing" | "processed" | "failed-processing" | undefined) => FileUriFailReason;
-export declare const getRenderFailedFileUriPayload: (fileAttributes: FileAttributes) => RenderFailedEventPayload;
-export declare const getRenderFailedExternalUriPayload: (fileAttributes: FileAttributes) => RenderFailedEventPayload;
+export declare type RenderScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaCardRenderScreen'>, 'attributes'> & {
+    attributes: {
+        type: string | undefined;
+        fileAttributes: FileAttributes;
+    };
+};
+export declare type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload;
+export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: "failed-processing" | "uploading" | "processing" | "processed" | "error" | undefined) => FileAttributes;
+export declare const getRenderPreviewableCardPayload: (fileAttributes: FileAttributes) => RenderScreenEventPayload;
+export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderCommencedEventPayload;
+export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes?: PerformanceAttributes | undefined) => RenderSucceededEventPayload;
+export declare const getRenderFailedExternalUriPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
 export declare const getRenderErrorFailReason: (error: MediaCardError) => FailedErrorFailReason;
 export declare const getRenderErrorErrorReason: (error: MediaCardError) => MediaClientErrorReason | 'nativeError';
 export declare const getRenderErrorErrorDetail: (error: MediaCardError) => string;
 export declare const getRenderErrorRequestMetadata: (error: MediaCardError) => RequestMetadata | undefined;
-export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, error: MediaCardError) => RenderFailedEventPayload;
-export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes) => RenderFailedEventPayload;
+export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, error: MediaCardError) => RenderFailedEventPayload;
+export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderFailedEventPayload;
 export declare const getCopiedFilePayload: (fileId: string) => CopiedFileEventPayload;
 export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
 export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;

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

@@ -1,4 +1,8 @@
-import { CardDimensions } from '..';
+import { CardDimensionValue } from '../types';
+export interface CardDimensions {
+    width?: CardDimensionValue;
+    height?: CardDimensionValue;
+}
 export declare const defaultSmallCardDimensions: {
     width: string;
     height: number;

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

@@ -1,3 +1,3 @@
 import { CardDimensions } from '../';
 export declare const canCompareDimension: (current?: string | number | undefined, next?: string | number | undefined) => boolean;
-export declare const isBigger: (current: CardDimensions, next: CardDimensions) => boolean;
+export declare const isBigger: (current?: CardDimensions | undefined, next?: CardDimensions | undefined) => boolean;

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

@@ -0,0 +1,2 @@
+declare const _default: () => Document;
+export default _default;

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

@@ -1,7 +1,9 @@
-import { CardDimensions } from '..';
+import { CardDimensions } from './cardDimensions';
 import { ElementDimension } from './getElementDimension';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
 export declare type getDataURIDimensionOptions = {
     element?: Element | null;
     dimensions?: CardDimensions;
 };
 export declare const getDataURIDimension: (dimension: ElementDimension, options: getDataURIDimensionOptions) => number;
+export declare const getRequestedDimensions: (options: getDataURIDimensionOptions) => NumericalCardDimensions;

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

@@ -12,3 +12,4 @@ export { isValidPercentageUnit } from './isValidPercentageUnit';
 export { getElementDimension } from './getElementDimension';
 export type { ElementDimension } from './getElementDimension';
 export { containsPixelUnit } from './containsPixelUnit';
+export type { CardDimensions } from './cardDimensions';

package/dist/types/utils/lazyContent/styled.d.ts

@@ -1,5 +1,5 @@
 import { LazilyRenderProps } from 'react-lazily-render';
 import { StyledComponentClass } from 'styled-components';
-export declare const Wrapper: StyledComponentClass<LazilyRenderProps, any, Pick<LazilyRenderProps, "children" | "className" | "placeholder" | "content" | "offset" | "component" | "onRender" | "scrollContainer"> & {
+export declare const Wrapper: StyledComponentClass<LazilyRenderProps, any, Pick<LazilyRenderProps, "className" | "placeholder" | "children" | "content" | "offset" | "component" | "onRender" | "scrollContainer"> & {
     theme?: any;
 }>;

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

@@ -1,4 +1,4 @@
-import { CardDimensions } from '../..';
+import { CardDimensions } from '../../utils/cardDimensions';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 export interface StaticCardProps {
     dimensions?: CardDimensions;

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

@@ -1,2 +1,2 @@
-import { FileState, FileDetails } from '@atlaskit/media-client';
-export declare const getFileDetails: (state: FileState) => FileDetails;
+import { FileDetails, Identifier, ErrorFileState } from '@atlaskit/media-client';
+export declare const getFileDetails: (identifier: Identifier, fileState?: import("@atlaskit/media-client").UploadingFileState | import("@atlaskit/media-client").ProcessingFileState | import("@atlaskit/media-client").ProcessedFileState | ErrorFileState | import("@atlaskit/media-client").ProcessingFailedState | undefined) => FileDetails;

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

@@ -1,4 +1,4 @@
-import { CardPreview } from '../root/card/getCardPreview';
+import { CardPreview } from '../';
 export declare const PREVIEW_CACHE_LRU_SIZE = 50;
 export declare class ObjectURLCache {
     private readonly cache;
@@ -6,5 +6,6 @@ export declare class ObjectURLCache {
     has(key: string): boolean;
     get(key: string): CardPreview | undefined;
     set(key: string, value: CardPreview): void;
+    remove(key: string): void;
 }
 export declare const createObjectURLCache: () => ObjectURLCache;

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

@@ -0,0 +1,5 @@
+import { ImageResizeMode } from '@atlaskit/media-client';
+export declare function resizeModeToMediaImageProps(resizeMode?: ImageResizeMode): {
+    crop: boolean;
+    stretch: boolean;
+};

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

@@ -1,3 +1,3 @@
 import { MediaItemType } from '@atlaskit/media-client';
 import { CardStatus } from '..';
-export declare const shouldDisplayImageThumbnail: (cardStatus: CardStatus, mediaItemType: MediaItemType, dataURI?: string | undefined, mediaType?: "audio" | "video" | "doc" | "image" | "archive" | "unknown" | undefined, mimeType?: string | undefined) => boolean;
+export declare const shouldDisplayImageThumbnail: (cardStatus: CardStatus, mediaItemType: MediaItemType, dataURI?: string | undefined, mediaType?: "audio" | "video" | "image" | "doc" | "archive" | "unknown" | undefined, mimeType?: string | undefined) => boolean;

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

@@ -0,0 +1 @@
+export declare const takeSnapshot: (blob: Blob) => Promise<string>;

package/example-helpers/index.tsx

@@ -3,6 +3,8 @@
 import React from 'react';
 import { FileItem, Identifier } from '@atlaskit/media-client';
 import {
+  createPollingMaxAttemptsError,
+  createRateLimitedError,
   createStorybookMediaClientConfig,
   FeatureFlagsWrapper,
 } from '@atlaskit/media-test-helpers';
@@ -11,6 +13,7 @@ import AnnotateIcon from '@atlaskit/icon/glyph/media-services/annotate';
 import { SelectableCard } from './selectableCard';
 import { Card, CardAppearance, CardEvent, CardAction } from '../src';
 import { relevantFeatureFlagNames } from '../src/root/card/cardAnalytics';
+import { MediaCardError } from '../src/errors';
 
 const mediaClientConfig = createStorybookMediaClientConfig();
 
@@ -121,3 +124,21 @@ export const MainWrapper: React.FC = ({ children }) => (
     {children}
   </FeatureFlagsWrapper>
 );
+
+export const mediaCardErrorState = (
+  error?: string,
+): MediaCardError | undefined => {
+  switch (error) {
+    case 'rateLimitedError':
+      return new MediaCardError('error-file-state', createRateLimitedError());
+    case 'pollingMaxAttemptsError':
+      return new MediaCardError(
+        'error-file-state',
+        createPollingMaxAttemptsError(),
+      );
+    case 'uploadError':
+      return new MediaCardError('upload');
+    default:
+      return undefined;
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "70.9.0",
+  "version": "72.0.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,21 +30,21 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/dropdown-menu": "^10.1.0",
-    "@atlaskit/editor-shared-styles": "^1.3.0",
-    "@atlaskit/icon": "^21.7.0",
-    "@atlaskit/media-client": "^14.0.0",
-    "@atlaskit/media-common": "^2.8.0",
-    "@atlaskit/media-ui": "^16.4.0",
+    "@atlaskit/editor-shared-styles": "^1.6.0",
+    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/in-product-testing": "^0.1.0",
+    "@atlaskit/media-client": "^14.3.0",
+    "@atlaskit/media-common": "^2.9.0",
+    "@atlaskit/media-ui": "^17.1.0",
     "@atlaskit/media-viewer": "^45.8.0",
-    "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^11.4.0",
-    "@atlaskit/tooltip": "^17.3.0",
+    "@atlaskit/spinner": "^15.1.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "classnames": "^2.2.5",
     "eventemitter2": "^4.1.0",
     "lru-fast": "^0.2.2",
     "react-lazily-render": "^1.2.0",
-    "uuid": "^3.1.0",
     "video-snapshot": "^1.0.11"
   },
   "peerDependencies": {
@@ -58,17 +58,18 @@
     "@atlaskit/analytics-listeners": "^8.0.0",
     "@atlaskit/analytics-namespaced-context": "^6.3.0",
     "@atlaskit/build-utils": "*",
-    "@atlaskit/button": "^16.0.0",
-    "@atlaskit/checkbox": "^12.2.0",
+    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/field-radio-group": "^8.0.0",
-    "@atlaskit/field-range": "^9.0.0",
     "@atlaskit/item": "^12.0.0",
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-test-helpers": "^28.7.0",
+    "@atlaskit/media-test-helpers": "^28.8.0",
+    "@atlaskit/radio": "^5.3.2",
+    "@atlaskit/range": "^5.1.0",
+    "@atlaskit/select": "^15.2.1",
     "@atlaskit/ssr": "*",
-    "@atlaskit/textfield": "^5.0.0",
-    "@atlaskit/toggle": "^12.2.0",
+    "@atlaskit/textfield": "^5.1.0",
+    "@atlaskit/toggle": "^12.3.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -83,6 +84,7 @@
     "react-intl": "^2.6.0",
     "rxjs": "^5.5.0",
     "typescript": "3.9.6",
+    "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/dist/cjs/root/card/getCardPreview.js

@@ -1,173 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCardPreviewFromBackend = exports.getCardPreviewFromFileState = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _videoSnapshot = _interopRequireDefault(require("video-snapshot"));
-
-var _mediaClient = require("@atlaskit/media-client");
-
-var _mediaUi = require("@atlaskit/media-ui");
-
-var _errors = require("../../errors");
-
-var getCardPreviewFromFileState = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileState) {
-    var _yield$fileState$prev, value, type, mediaType, orientation, dataURI, snapshoter, _dataURI;
-
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!((0, _mediaClient.isErrorFileState)(fileState) || !(0, _mediaClient.isPreviewableFileState)(fileState) || !(0, _mediaClient.isMimeTypeSupportedByBrowser)(fileState.mimeType) && fileState.status !== 'processed' || ['error', 'failed-processing'].includes(fileState.status))) {
-              _context.next = 2;
-              break;
-            }
-
-            return _context.abrupt("return");
-
-          case 2:
-            _context.prev = 2;
-            _context.next = 5;
-            return fileState.preview;
-
-          case 5:
-            _yield$fileState$prev = _context.sent;
-            value = _yield$fileState$prev.value;
-
-            if (!(value instanceof Blob)) {
-              _context.next = 25;
-              break;
-            }
-
-            type = value.type;
-            mediaType = (0, _mediaClient.getMediaTypeFromMimeType)(type);
-
-            if (!(mediaType === 'image')) {
-              _context.next = 16;
-              break;
-            }
-
-            _context.next = 13;
-            return (0, _mediaUi.getOrientation)(value);
-
-          case 13:
-            orientation = _context.sent;
-            dataURI = URL.createObjectURL(value);
-            return _context.abrupt("return", {
-              dataURI: dataURI,
-              orientation: orientation
-            });
-
-          case 16:
-            if (!(mediaType === 'video')) {
-              _context.next = 23;
-              break;
-            }
-
-            snapshoter = new _videoSnapshot.default(value);
-            _context.next = 20;
-            return snapshoter.takeSnapshot();
-
-          case 20:
-            _dataURI = _context.sent;
-            snapshoter.end();
-            return _context.abrupt("return", {
-              dataURI: _dataURI,
-              orientation: 1
-            });
-
-          case 23:
-            _context.next = 26;
-            break;
-
-          case 25:
-            return _context.abrupt("return", {
-              dataURI: value,
-              orientation: 1
-            });
-
-          case 26:
-            _context.next = 31;
-            break;
-
-          case 28:
-            _context.prev = 28;
-            _context.t0 = _context["catch"](2);
-            throw new _errors.MediaCardError('local-preview-get', _context.t0);
-
-          case 31:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[2, 28]]);
-  }));
-
-  return function getCardPreviewFromFileState(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-exports.getCardPreviewFromFileState = getCardPreviewFromFileState;
-
-var getCardPreviewFromBackend = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(mediaClient, identifier, fileState, requestedDimensions, resizeMode) {
-    var id, collectionName, width, height, mode, blob;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            id = identifier.id, collectionName = identifier.collectionName;
-            width = requestedDimensions.width, height = requestedDimensions.height;
-            mode = resizeMode === 'stretchy-fit' ? 'full-fit' : resizeMode;
-
-            if (!(0, _mediaClient.isImageRepresentationReady)(fileState)) {
-              _context2.next = 14;
-              break;
-            }
-
-            _context2.prev = 4;
-            _context2.next = 7;
-            return mediaClient.getImage(id, {
-              collection: collectionName,
-              mode: mode,
-              width: width,
-              height: height,
-              allowAnimated: true
-            });
-
-          case 7:
-            blob = _context2.sent;
-            return _context2.abrupt("return", {
-              dataURI: URL.createObjectURL(blob),
-              orientation: 1
-            });
-
-          case 11:
-            _context2.prev = 11;
-            _context2.t0 = _context2["catch"](4);
-            throw new _errors.MediaCardError('remote-preview-fetch', _context2.t0);
-
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2, null, [[4, 11]]);
-  }));
-
-  return function getCardPreviewFromBackend(_x2, _x3, _x4, _x5, _x6) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-exports.getCardPreviewFromBackend = getCardPreviewFromBackend;

package/dist/cjs/utils/fileAttributesContext.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withFileAttributes = withFileAttributes;
-exports.FileAttributesProvider = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var FileAttributesContext = /*#__PURE__*/_react.default.createContext(null);
-
-var FileAttributesProvider = function FileAttributesProvider(_ref) {
-  var children = _ref.children,
-      data = _ref.data;
-  return data ? /*#__PURE__*/_react.default.createElement(FileAttributesContext.Provider, {
-    value: data
-  }, children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-};
-
-exports.FileAttributesProvider = FileAttributesProvider;
-
-function withFileAttributes(Component) {
-  return function (props) {
-    var fileAttributes = (0, _react.useContext)(FileAttributesContext);
-    return fileAttributes ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
-      fileAttributes: fileAttributes
-    })) : /*#__PURE__*/_react.default.createElement(Component, props);
-  };
-}