@atlaskit/media-card 78.19.2 → 78.19.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-card
 
+## 78.19.4
+
+### Patch Changes
+
+- [#108452](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108452)
+  [`47669ab510c09`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/47669ab510c09) -
+  Handle errors from SVG blob to Dara URI conversion
+- Updated dependencies
+
+## 78.19.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 78.19.2
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -21,7 +21,7 @@ var _excluded = ["identifier"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.19.2";
+var packageVersion = "78.19.4";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.19.2";
+var packageVersion = "78.19.4";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/svgView/svgView.js

@@ -5,15 +5,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SvgView = void 0;
+exports.getErrorReason = exports.SvgView = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _errors = require("../../errors");
-var _errors2 = require("./errors");
 var _helpers = require("./helpers");
-var _useResolveSvg2 = require("./useResolveSvg");
+var _mediaSvg = require("@atlaskit/media-svg");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -21,6 +20,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var getErrorReason = exports.getErrorReason = function getErrorReason(svgReason) {
+  switch (svgReason) {
+    case 'img-error':
+      return 'svg-img-error';
+    case 'binary-fetch':
+      return 'svg-binary-fetch';
+    case 'blob-to-datauri':
+      return 'svg-blob-to-datauri';
+    default:
+      return 'svg-unknown-error';
+  }
+};
 var svgRendererStyles = (0, _react.css)({
   objectFit: 'contain',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
@@ -58,7 +69,7 @@ var SvgView = exports.SvgView = function SvgView(_ref) {
     onLoad === null || onLoad === void 0 || onLoad();
   };
   var onSvgError = function onSvgError(err) {
-    var error = new _errors.MediaCardError((0, _errors2.getErrorReason)(err.primaryReason), err.secondaryError);
+    var error = new _errors.MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
     onError === null || onError === void 0 || onError(error);
   };
   (0, _react2.useEffect)(function () {
@@ -66,7 +77,7 @@ var SvgView = exports.SvgView = function SvgView(_ref) {
       calculateDimensions(imgRef.current);
     }
   }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = (0, _useResolveSvg2.useResolveSvg)(identifier, onSvgError),
+  var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
     svgUrl = _useResolveSvg.svgUrl,
     source = _useResolveSvg.source;
   var width = svgDimensions.width,
@@ -84,7 +95,7 @@ var SvgView = exports.SvgView = function SvgView(_ref) {
     }, svgDimensions),
     onLoad: onSvgLoad,
     onError: function onError() {
-      onSvgError(new _errors2.MediaSVGError('img-error'));
+      onSvgError(new _mediaSvg.MediaSVGError('img-error'));
     },
     ref: imgRef
   }) : null;

package/dist/cjs/inline/loader.js

@@ -117,7 +117,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "78.19.2",
+        packageName: "78.19.4",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.19.2";
+var packageVersion = "78.19.4";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.19.2";
+const packageVersion = "78.19.4";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.19.2";
+const packageVersion = "78.19.4";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/svgView/svgView.js

@@ -6,10 +6,20 @@
 import { jsx, css } from '@emotion/react';
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
-import { MediaSVGError } from './errors';
 import { calculateSvgDimensions } from './helpers';
-import { getErrorReason } from './errors';
-import { useResolveSvg } from './useResolveSvg';
+import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
+export const getErrorReason = svgReason => {
+  switch (svgReason) {
+    case 'img-error':
+      return 'svg-img-error';
+    case 'binary-fetch':
+      return 'svg-binary-fetch';
+    case 'blob-to-datauri':
+      return 'svg-blob-to-datauri';
+    default:
+      return 'svg-unknown-error';
+  }
+};
 const svgRendererStyles = css({
   objectFit: 'contain',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "78.19.2",
+      packageName: "78.19.4",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.19.2";
+const packageVersion = "78.19.4";
 const SAMPLE_RATE = 0.05;
 let concurrentExperience;
 const getExperience = id => {

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.19.2";
+var packageVersion = "78.19.4";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.19.2";
+var packageVersion = "78.19.4";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/card/svgView/svgView.js

@@ -10,10 +10,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { jsx, css } from '@emotion/react';
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
-import { MediaSVGError } from './errors';
 import { calculateSvgDimensions } from './helpers';
-import { getErrorReason } from './errors';
-import { useResolveSvg } from './useResolveSvg';
+import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
+export var getErrorReason = function getErrorReason(svgReason) {
+  switch (svgReason) {
+    case 'img-error':
+      return 'svg-img-error';
+    case 'binary-fetch':
+      return 'svg-binary-fetch';
+    case 'blob-to-datauri':
+      return 'svg-blob-to-datauri';
+    default:
+      return 'svg-unknown-error';
+  }
+};
 var svgRendererStyles = css({
   objectFit: 'contain',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "78.19.2",
+        packageName: "78.19.4",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.19.2";
+var packageVersion = "78.19.4";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/types/card/card.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type CardProps } from '../types';
 export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
-export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
-export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => JSX.Element;
+export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
+export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
 export declare const Card: React.ComponentType<CardBaseProps>;

package/dist/types/card/externalImageCard.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
+import React from 'react';
 import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
@@ -9,4 +9,4 @@ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps
     readonly contextId?: string;
     readonly shouldHideTooltip?: boolean;
 }
-export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => JSX.Element;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => React.JSX.Element;

package/dist/types/card/fileCard.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import React from 'react';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
 import { type CardAction } from './actions';
 export interface FileCardProps extends CardEventProps {
@@ -53,4 +53,4 @@ export interface FileCardProps extends CardEventProps {
     /** Sets options for viewer **/
     readonly includeHashForDuplicateFiles?: boolean;
 }
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => React.JSX.Element;

package/dist/types/card/inlinePlayer.d.ts

@@ -20,5 +20,5 @@ export interface InlinePlayerOwnProps {
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
 export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
+export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => React.JSX.Element;
 export declare const InlinePlayer: React.ForwardRefExoticComponent<Omit<InlinePlayerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/card/svgView/svgView.d.ts

@@ -6,7 +6,9 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError } from '../../errors';
+import { MediaCardError, type SvgPrimaryReason } from '../../errors';
+import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
+export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
 export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
 export interface SvgViewBaseOwnProps {
     readonly identifier: FileIdentifier;

package/dist/types/card/ui/actionsBar/actionsBar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type ActionsBarProps } from './types';
 export declare class ActionsBar extends React.Component<ActionsBarProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/types/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type ReactNode, type MouseEvent } from 'react';
 import { type CardActionIconButtonVariant } from './styles';
 export type CardActionIconButtonProps = {
@@ -11,4 +12,4 @@ export type CardActionIconButtonProps = {
     readonly tooltip?: string;
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => JSX.Element;
+export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => React.JSX.Element;

package/dist/types/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type CardAction } from '../../../actions';
 import { type CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
@@ -9,4 +9,4 @@ export type CardActionsDropdownMenuProps = {
         isOpen: boolean;
     }) => void;
 };
-export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => JSX.Element | null;
+export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => React.JSX.Element | null;

package/dist/types/card/ui/playButton/playButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PlayButton: () => JSX.Element;
+import React from 'react';
+export declare const PlayButton: () => React.JSX.Element;

package/dist/types/card/ui/progressBar/progressBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Breakpoint } from '../common';
 export type ProgressBarProps = {
     progress?: number;
@@ -7,4 +7,4 @@ export type ProgressBarProps = {
     showOnTop?: boolean;
 };
 export declare const getNormalizedProgress: (progress?: number) => number;
-export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => JSX.Element;
+export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => React.JSX.Element;

package/dist/types/card/ui/tickBox/tickBox.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TickBoxProps } from './types';
-export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;
+export declare const TickBox: ({ selected }: TickBoxProps) => React.JSX.Element;

package/dist/types/errors.d.ts

@@ -8,7 +8,7 @@ export type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'l
 export type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready' | 'remote-preview-fetch-ssr';
 export type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
 export type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
-export type SvgPrimaryReason = 'svg-img-error' | 'svg-binary-fetch' | 'svg-unknown-error';
+export type SvgPrimaryReason = 'svg-img-error' | 'svg-binary-fetch' | 'svg-blob-to-datauri' | 'svg-unknown-error';
 export declare function isPollingError(err?: Error): boolean;
 export declare function isRateLimitedError(error?: Error): boolean;
 export declare class MediaCardError extends Error {

package/dist/types/inline/loader.d.ts

@@ -21,6 +21,6 @@ export default class MediaInlineCardLoader extends React.PureComponent<MediaInli
     state: MediaInlineCardLoaderState;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Component } from 'react';
 import { type StaticCardProps } from './types';
 export interface ErrorCardProps extends StaticCardProps {
@@ -7,6 +8,6 @@ export declare class CardError extends Component<ErrorCardProps, {}> {
     static defaultProps: {
         size: string;
     };
-    render(): JSX.Element;
-    get icon(): JSX.Element;
+    render(): React.JSX.Element;
+    get icon(): React.JSX.Element;
 }

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Component } from 'react';
 import { type StaticCardProps } from './types';
 export declare class CardLoading extends Component<StaticCardProps, {}> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,6 +1,6 @@
-import { type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 export type ViewportDetectorProps = PropsWithChildren<{
     cardEl: HTMLElement | null;
     onVisible: () => void;
 }>;
-export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => JSX.Element;
+export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => React.JSX.Element;

package/dist/types-ts4.5/card/card.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type CardProps } from '../types';
 export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
-export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
-export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => JSX.Element;
+export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
+export declare const CardWithPerformanceObserver: (props: CardBaseProps & WrappedComponentProps) => React.JSX.Element;
 export declare const Card: React.ComponentType<CardBaseProps>;

package/dist/types-ts4.5/card/externalImageCard.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
+import React from 'react';
 import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
@@ -9,4 +9,4 @@ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps
     readonly contextId?: string;
     readonly shouldHideTooltip?: boolean;
 }
-export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => JSX.Element;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => React.JSX.Element;

package/dist/types-ts4.5/card/fileCard.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type ViewerOptionsProps } from '@atlaskit/media-viewer';
+import React from 'react';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
 import { type CardAction } from './actions';
 export interface FileCardProps extends CardEventProps {
@@ -53,4 +53,4 @@ export interface FileCardProps extends CardEventProps {
     /** Sets options for viewer **/
     readonly includeHashForDuplicateFiles?: boolean;
 }
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, viewerOptions, includeHashForDuplicateFiles, }: FileCardProps) => React.JSX.Element;

package/dist/types-ts4.5/card/inlinePlayer.d.ts

@@ -20,5 +20,5 @@ export interface InlinePlayerOwnProps {
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
 export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
+export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => React.JSX.Element;
 export declare const InlinePlayer: React.ForwardRefExoticComponent<Omit<InlinePlayerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/card/svgView/svgView.d.ts

@@ -6,7 +6,9 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError } from '../../errors';
+import { MediaCardError, type SvgPrimaryReason } from '../../errors';
+import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
+export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
 export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
 export interface SvgViewBaseOwnProps {
     readonly identifier: FileIdentifier;

package/dist/types-ts4.5/card/ui/actionsBar/actionsBar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type ActionsBarProps } from './types';
 export declare class ActionsBar extends React.Component<ActionsBarProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type ReactNode, type MouseEvent } from 'react';
 import { type CardActionIconButtonVariant } from './styles';
 export type CardActionIconButtonProps = {
@@ -11,4 +12,4 @@ export type CardActionIconButtonProps = {
     readonly tooltip?: string;
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => JSX.Element;
+export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type CardAction } from '../../../actions';
 import { type CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
@@ -9,4 +9,4 @@ export type CardActionsDropdownMenuProps = {
         isOpen: boolean;
     }) => void;
 };
-export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => JSX.Element | null;
+export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => React.JSX.Element | null;

package/dist/types-ts4.5/card/ui/playButton/playButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PlayButton: () => JSX.Element;
+import React from 'react';
+export declare const PlayButton: () => React.JSX.Element;

package/dist/types-ts4.5/card/ui/progressBar/progressBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Breakpoint } from '../common';
 export type ProgressBarProps = {
     progress?: number;
@@ -7,4 +7,4 @@ export type ProgressBarProps = {
     showOnTop?: boolean;
 };
 export declare const getNormalizedProgress: (progress?: number) => number;
-export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => JSX.Element;
+export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/tickBox/tickBox.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TickBoxProps } from './types';
-export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;
+export declare const TickBox: ({ selected }: TickBoxProps) => React.JSX.Element;

package/dist/types-ts4.5/errors.d.ts

@@ -8,7 +8,7 @@ export type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'l
 export type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready' | 'remote-preview-fetch-ssr';
 export type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
 export type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
-export type SvgPrimaryReason = 'svg-img-error' | 'svg-binary-fetch' | 'svg-unknown-error';
+export type SvgPrimaryReason = 'svg-img-error' | 'svg-binary-fetch' | 'svg-blob-to-datauri' | 'svg-unknown-error';
 export declare function isPollingError(err?: Error): boolean;
 export declare function isRateLimitedError(error?: Error): boolean;
 export declare class MediaCardError extends Error {

package/dist/types-ts4.5/inline/loader.d.ts

@@ -21,6 +21,6 @@ export default class MediaInlineCardLoader extends React.PureComponent<MediaInli
     state: MediaInlineCardLoaderState;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/utils/lightCards/cardError.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Component } from 'react';
 import { type StaticCardProps } from './types';
 export interface ErrorCardProps extends StaticCardProps {
@@ -7,6 +8,6 @@ export declare class CardError extends Component<ErrorCardProps, {}> {
     static defaultProps: {
         size: string;
     };
-    render(): JSX.Element;
-    get icon(): JSX.Element;
+    render(): React.JSX.Element;
+    get icon(): React.JSX.Element;
 }

package/dist/types-ts4.5/utils/lightCards/cardLoading.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Component } from 'react';
 import { type StaticCardProps } from './types';
 export declare class CardLoading extends Component<StaticCardProps, {}> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/utils/viewportDetector.d.ts

@@ -1,6 +1,6 @@
-import { type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 export type ViewportDetectorProps = PropsWithChildren<{
     cardEl: HTMLElement | null;
     onVisible: () => void;
 }>;
-export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => JSX.Element;
+export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "78.19.2",
+	"version": "78.19.4",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
 		"./classnames": "./src/classnames.ts"
 	},
 	"atlassian": {
-		"team": "Media Experience",
+		"team": "Media Exif",
 		"website": {
 			"name": "Media Card"
 		},
@@ -38,18 +38,19 @@
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/dropdown-menu": "^12.26.0",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/media-client": "^31.1.0",
 		"@atlaskit/media-client-react": "^3.0.0",
 		"@atlaskit/media-common": "^11.8.0",
 		"@atlaskit/media-file-preview": "^0.10.0",
+		"@atlaskit/media-svg": "^1.2.0",
 		"@atlaskit/media-ui": "^27.4.0",
 		"@atlaskit/media-viewer": "^50.1.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/react-ufo": "^2.14.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@atlaskit/ufo": "^0.3.0",

package/dist/cjs/card/svgView/errors.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getErrorReason = exports.createUnexpectedErrorCallback = exports.MediaSVGError = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var getErrorReason = exports.getErrorReason = function getErrorReason(svgReason) {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-var MediaSVGError = exports.MediaSVGError = /*#__PURE__*/function (_Error) {
-  function MediaSVGError(primaryReason, secondaryError) {
-    var _this;
-    (0, _classCallCheck2.default)(this, MediaSVGError);
-    _this = _callSuper(this, MediaSVGError, [primaryReason]);
-
-    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    _this.primaryReason = primaryReason;
-    _this.secondaryError = secondaryError;
-    Object.setPrototypeOf(_this, (this instanceof MediaSVGError ? this.constructor : void 0).prototype);
-
-    // https://v8.dev/docs/stack-trace-api
-    if ('captureStackTrace' in Error) {
-      Error.captureStackTrace(_this, this instanceof MediaSVGError ? this.constructor : void 0);
-    }
-    return _this;
-  }
-  (0, _inherits2.default)(MediaSVGError, _Error);
-  return (0, _createClass2.default)(MediaSVGError);
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-var createUnexpectedErrorCallback = exports.createUnexpectedErrorCallback = function createUnexpectedErrorCallback(onError) {
-  return function (e) {
-    onError === null || onError === void 0 || onError(new MediaSVGError('unexpected', e));
-  };
-};

package/dist/cjs/card/svgView/useResolveSvg.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useResolveSvg = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = require("react");
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _usePrevious = require("../../utils/usePrevious");
-var _errors = require("./errors");
-var getLocalSvg = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(preview) {
-    var _yield$preview, value;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return preview;
-        case 2:
-          _yield$preview = _context.sent;
-          value = _yield$preview.value;
-          if (!(typeof value === 'string')) {
-            _context.next = 6;
-            break;
-          }
-          return _context.abrupt("return", value);
-        case 6:
-          return _context.abrupt("return", URL.createObjectURL(value));
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getLocalSvg(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var getRemoteSvg = /*#__PURE__*/function () {
-  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref2, mediaClient) {
-    var id, collectionName;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          id = _ref2.id, collectionName = _ref2.collectionName;
-          _context2.prev = 1;
-          _context2.t0 = URL;
-          _context2.next = 5;
-          return mediaClient.mediaStore.getFileBinary(id, collectionName);
-        case 5:
-          _context2.t1 = _context2.sent;
-          return _context2.abrupt("return", _context2.t0.createObjectURL.call(_context2.t0, _context2.t1));
-        case 9:
-          _context2.prev = 9;
-          _context2.t2 = _context2["catch"](1);
-          throw new _errors.MediaSVGError('binary-fetch', _context2.t2 instanceof Error ? _context2.t2 : undefined);
-        case 12:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2, null, [[1, 9]]);
-  }));
-  return function getRemoteSvg(_x2, _x3) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-var useResolveSvg = exports.useResolveSvg = function useResolveSvg(identifier, onError) {
-  var mediaClient = (0, _mediaClientReact.useMediaClient)();
-  var id = identifier.id,
-    collectionName = identifier.collectionName;
-  var _ref4 = (0, _usePrevious.usePrevious)(identifier) || identifier,
-    prevId = _ref4.id;
-  var _useFileState = (0, _mediaClientReact.useFileState)(id, {
-      collectionName: collectionName
-    }),
-    fileState = _useFileState.fileState;
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    svgUrl = _useState2[0],
-    setSvgUrl = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    source = _useState4[0],
-    setSource = _useState4[1];
-  (0, _react.useEffect)(function () {
-    if (id !== prevId) {
-      setSvgUrl(undefined);
-    }
-  }, [id, prevId]);
-  (0, _react.useEffect)(function () {
-    if (svgUrl || !fileState || fileState.status === 'error' || (fileState === null || fileState === void 0 ? void 0 : fileState.mimeType) !== 'image/svg+xml') {
-      return;
-    }
-    var preview = fileState.preview;
-    if (preview) {
-      getLocalSvg(preview).then(function (content) {
-        setSvgUrl(content);
-        setSource('local');
-      }).catch(onError);
-    } else {
-      getRemoteSvg(identifier, mediaClient).then(function (content) {
-        setSvgUrl(content);
-        setSource('remote');
-      }).catch(onError);
-    }
-  }, [identifier, fileState, mediaClient, onError, svgUrl]);
-  return {
-    svgUrl: svgUrl,
-    source: source
-  };
-};

package/dist/es2019/card/svgView/errors.js

@@ -1,28 +0,0 @@
-export const getErrorReason = svgReason => {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-export class MediaSVGError extends Error {
-  constructor(primaryReason, secondaryError) {
-    super(primaryReason);
-
-    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    this.primaryReason = primaryReason;
-    this.secondaryError = secondaryError;
-    Object.setPrototypeOf(this, new.target.prototype);
-
-    // https://v8.dev/docs/stack-trace-api
-    if ('captureStackTrace' in Error) {
-      Error.captureStackTrace(this, new.target);
-    }
-  }
-}
-export const createUnexpectedErrorCallback = onError => e => {
-  onError === null || onError === void 0 ? void 0 : onError(new MediaSVGError('unexpected', e));
-};

package/dist/es2019/card/svgView/useResolveSvg.js

@@ -1,68 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { usePrevious } from '../../utils/usePrevious';
-import { MediaSVGError } from './errors';
-const getLocalSvg = async preview => {
-  const {
-    value
-  } = await preview;
-  if (typeof value === 'string') {
-    return value;
-  }
-  return URL.createObjectURL(value);
-};
-const getRemoteSvg = async ({
-  id,
-  collectionName
-}, mediaClient) => {
-  try {
-    return URL.createObjectURL(await mediaClient.mediaStore.getFileBinary(id, collectionName));
-  } catch (e) {
-    throw new MediaSVGError('binary-fetch', e instanceof Error ? e : undefined);
-  }
-};
-export const useResolveSvg = (identifier, onError) => {
-  const mediaClient = useMediaClient();
-  const {
-    id,
-    collectionName
-  } = identifier;
-  const {
-    id: prevId
-  } = usePrevious(identifier) || identifier;
-  const {
-    fileState
-  } = useFileState(id, {
-    collectionName
-  });
-  const [svgUrl, setSvgUrl] = useState(undefined);
-  const [source, setSource] = useState(undefined);
-  useEffect(() => {
-    if (id !== prevId) {
-      setSvgUrl(undefined);
-    }
-  }, [id, prevId]);
-  useEffect(() => {
-    if (svgUrl || !fileState || fileState.status === 'error' || (fileState === null || fileState === void 0 ? void 0 : fileState.mimeType) !== 'image/svg+xml') {
-      return;
-    }
-    const {
-      preview
-    } = fileState;
-    if (preview) {
-      getLocalSvg(preview).then(content => {
-        setSvgUrl(content);
-        setSource('local');
-      }).catch(onError);
-    } else {
-      getRemoteSvg(identifier, mediaClient).then(content => {
-        setSvgUrl(content);
-        setSource('remote');
-      }).catch(onError);
-    }
-  }, [identifier, fileState, mediaClient, onError, svgUrl]);
-  return {
-    svgUrl,
-    source
-  };
-};

package/dist/esm/card/svgView/errors.js

@@ -1,43 +0,0 @@
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-export var getErrorReason = function getErrorReason(svgReason) {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-export var MediaSVGError = /*#__PURE__*/function (_Error) {
-  function MediaSVGError(primaryReason, secondaryError) {
-    var _this;
-    _classCallCheck(this, MediaSVGError);
-    _this = _callSuper(this, MediaSVGError, [primaryReason]);
-
-    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    _this.primaryReason = primaryReason;
-    _this.secondaryError = secondaryError;
-    Object.setPrototypeOf(_this, (this instanceof MediaSVGError ? this.constructor : void 0).prototype);
-
-    // https://v8.dev/docs/stack-trace-api
-    if ('captureStackTrace' in Error) {
-      Error.captureStackTrace(_this, this instanceof MediaSVGError ? this.constructor : void 0);
-    }
-    return _this;
-  }
-  _inherits(MediaSVGError, _Error);
-  return _createClass(MediaSVGError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-export var createUnexpectedErrorCallback = function createUnexpectedErrorCallback(onError) {
-  return function (e) {
-    onError === null || onError === void 0 || onError(new MediaSVGError('unexpected', e));
-  };
-};

package/dist/esm/card/svgView/useResolveSvg.js

@@ -1,108 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useEffect, useState } from 'react';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { usePrevious } from '../../utils/usePrevious';
-import { MediaSVGError } from './errors';
-var getLocalSvg = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(preview) {
-    var _yield$preview, value;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return preview;
-        case 2:
-          _yield$preview = _context.sent;
-          value = _yield$preview.value;
-          if (!(typeof value === 'string')) {
-            _context.next = 6;
-            break;
-          }
-          return _context.abrupt("return", value);
-        case 6:
-          return _context.abrupt("return", URL.createObjectURL(value));
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getLocalSvg(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var getRemoteSvg = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2, mediaClient) {
-    var id, collectionName;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          id = _ref2.id, collectionName = _ref2.collectionName;
-          _context2.prev = 1;
-          _context2.t0 = URL;
-          _context2.next = 5;
-          return mediaClient.mediaStore.getFileBinary(id, collectionName);
-        case 5:
-          _context2.t1 = _context2.sent;
-          return _context2.abrupt("return", _context2.t0.createObjectURL.call(_context2.t0, _context2.t1));
-        case 9:
-          _context2.prev = 9;
-          _context2.t2 = _context2["catch"](1);
-          throw new MediaSVGError('binary-fetch', _context2.t2 instanceof Error ? _context2.t2 : undefined);
-        case 12:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2, null, [[1, 9]]);
-  }));
-  return function getRemoteSvg(_x2, _x3) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-export var useResolveSvg = function useResolveSvg(identifier, onError) {
-  var mediaClient = useMediaClient();
-  var id = identifier.id,
-    collectionName = identifier.collectionName;
-  var _ref4 = usePrevious(identifier) || identifier,
-    prevId = _ref4.id;
-  var _useFileState = useFileState(id, {
-      collectionName: collectionName
-    }),
-    fileState = _useFileState.fileState;
-  var _useState = useState(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    svgUrl = _useState2[0],
-    setSvgUrl = _useState2[1];
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    source = _useState4[0],
-    setSource = _useState4[1];
-  useEffect(function () {
-    if (id !== prevId) {
-      setSvgUrl(undefined);
-    }
-  }, [id, prevId]);
-  useEffect(function () {
-    if (svgUrl || !fileState || fileState.status === 'error' || (fileState === null || fileState === void 0 ? void 0 : fileState.mimeType) !== 'image/svg+xml') {
-      return;
-    }
-    var preview = fileState.preview;
-    if (preview) {
-      getLocalSvg(preview).then(function (content) {
-        setSvgUrl(content);
-        setSource('local');
-      }).catch(onError);
-    } else {
-      getRemoteSvg(identifier, mediaClient).then(function (content) {
-        setSvgUrl(content);
-        setSource('remote');
-      }).catch(onError);
-    }
-  }, [identifier, fileState, mediaClient, onError, svgUrl]);
-  return {
-    svgUrl: svgUrl,
-    source: source
-  };
-};

package/dist/types/card/svgView/errors.d.ts

@@ -1,9 +0,0 @@
-import { type SvgPrimaryReason } from '../../errors';
-export type MediaSVGErrorReason = 'img-error' | 'binary-fetch' | 'unexpected';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export declare class MediaSVGError extends Error {
-    readonly primaryReason: MediaSVGErrorReason;
-    readonly secondaryError?: Error | undefined;
-    constructor(primaryReason: MediaSVGErrorReason, secondaryError?: Error | undefined);
-}
-export declare const createUnexpectedErrorCallback: (onError: (error: MediaSVGError) => void) => (e: Error) => void;

package/dist/types/card/svgView/useResolveSvg.d.ts

@@ -1,7 +0,0 @@
-import { type FileIdentifier } from '@atlaskit/media-client';
-import { MediaSVGError } from './errors';
-import type { ContentSource } from './types';
-export declare const useResolveSvg: (identifier: FileIdentifier, onError?: ((error: MediaSVGError) => void) | undefined) => {
-    svgUrl: string | undefined;
-    source: ContentSource | undefined;
-};

package/dist/types-ts4.5/card/svgView/errors.d.ts

@@ -1,9 +0,0 @@
-import { type SvgPrimaryReason } from '../../errors';
-export type MediaSVGErrorReason = 'img-error' | 'binary-fetch' | 'unexpected';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export declare class MediaSVGError extends Error {
-    readonly primaryReason: MediaSVGErrorReason;
-    readonly secondaryError?: Error | undefined;
-    constructor(primaryReason: MediaSVGErrorReason, secondaryError?: Error | undefined);
-}
-export declare const createUnexpectedErrorCallback: (onError: (error: MediaSVGError) => void) => (e: Error) => void;

package/dist/types-ts4.5/card/svgView/useResolveSvg.d.ts

@@ -1,7 +0,0 @@
-import { type FileIdentifier } from '@atlaskit/media-client';
-import { MediaSVGError } from './errors';
-import type { ContentSource } from './types';
-export declare const useResolveSvg: (identifier: FileIdentifier, onError?: ((error: MediaSVGError) => void) | undefined) => {
-    svgUrl: string | undefined;
-    source: ContentSource | undefined;
-};