@atlaskit/media-card 81.10.12 → 81.10.13

package/dist/esm/card/inlinePlayer.js

@@ -1,270 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useRef, useState, useEffect, useCallback } from 'react';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
-import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
-import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
-import { defaultImageCardDimensions } from '../utils';
-import { CardLoading } from '../utils/lightCards/cardLoading';
-import { ProgressBar } from './ui/progressBar/progressBar';
-import { InlinePlayerWrapper } from './inlinePlayerWrapper';
-import { useBreakpoint } from './useBreakpoint';
-import { useFileState } from '@atlaskit/media-client-react/use-file-state';
-import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-export var getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
-  if (fileState.status === 'processed' || fileState.status === 'processing') {
-    var artifacts = fileState.artifacts;
-    if (!artifacts) {
-      return undefined;
-    }
-    return artifacts['video_1280.mp4'] ? 'video_1280.mp4' : artifacts['video_640.mp4'] ? 'video_640.mp4' : undefined;
-  }
-  return undefined;
-};
-export var InlinePlayerBase = function InlinePlayerBase(_ref) {
-  var identifier = _ref.identifier,
-    onError = _ref.onError,
-    onClick = _ref.onClick,
-    _ref$dimensions = _ref.dimensions,
-    dimensions = _ref$dimensions === void 0 ? defaultImageCardDimensions : _ref$dimensions,
-    originalDimensions = _ref.originalDimensions,
-    selected = _ref.selected,
-    testId = _ref.testId,
-    forwardRef = _ref.forwardRef,
-    autoplay = _ref.autoplay,
-    cardPreview = _ref.cardPreview,
-    onFullscreenChange = _ref.onFullscreenChange,
-    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
-  // === States ===
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    fileSrc = _useState2[0],
-    setFileSrc = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isUploading = _useState4[0],
-    setIsUploading = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    progress = _useState6[0],
-    setProgress = _useState6[1];
-
-  // === Refs and Local Variables ===
-  var divRef = useRef(null);
-  var onErrorRef = useRef(onError);
-  onErrorRef.current = onError;
-  var id = identifier.id,
-    collectionName = identifier.collectionName,
-    occurrenceKey = identifier.occurrenceKey;
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  var mediaClient = useMediaClient();
-  var _useFileState = useFileState(id, {
-      collectionName: collectionName,
-      occurrenceKey: occurrenceKey
-    }),
-    fileState = _useFileState.fileState;
-  var init = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState) {
-      var artifactName, artifacts, newFileSrc, _newFileSrc, _t, _t2;
-      return _regeneratorRuntime.wrap(function (_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (fileState.status === 'processed' || fileState.status === 'processing') {
-              _context.next = 1;
-              break;
-            }
-            return _context.abrupt("return");
-          case 1:
-            artifactName = getPreferredVideoArtifact(fileState);
-            artifacts = fileState.artifacts;
-            if (!(!artifactName || !artifacts)) {
-              _context.next = 6;
-              break;
-            }
-            _context.prev = 2;
-            _context.next = 3;
-            return mediaClient.file.getFileBinaryURL(id, collectionName);
-          case 3:
-            newFileSrc = _context.sent;
-            setFileSrc(newFileSrc);
-            _context.next = 5;
-            break;
-          case 4:
-            _context.prev = 4;
-            _t = _context["catch"](2);
-            if (onErrorRef.current && _t instanceof Error) {
-              onErrorRef.current(_t);
-            }
-          case 5:
-            return _context.abrupt("return");
-          case 6:
-            _context.prev = 6;
-            _context.next = 7;
-            return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-          case 7:
-            _newFileSrc = _context.sent;
-            setFileSrc(_newFileSrc);
-            _context.next = 9;
-            break;
-          case 8:
-            _context.prev = 8;
-            _t2 = _context["catch"](6);
-            if (onErrorRef.current && _t2 instanceof Error) {
-              onErrorRef.current(_t2);
-            }
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[2, 4], [6, 8]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [collectionName, id, mediaClient.file]);
-  var onPlay = function onPlay() {
-    if (fg('platform_media_resume_video_on_token_expiry')) {
-      fileState && init(fileState);
-    }
-  };
-  var onTimeChanged = onPlay;
-  useEffect(function () {
-    var subscribeFileState = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileState) {
-        var _yield$fileState$prev, value, newFileSrc;
-        return _regeneratorRuntime.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (fileState.status === 'uploading') {
-                setIsUploading(true);
-                setProgress(fileState.progress);
-              } else {
-                setIsUploading(false);
-              }
-
-              // We reuse the existing fileSrc to prevent re renders, therefore we only perform fileSrc updates when there isn't any
-              if (!fileSrc) {
-                _context2.next = 1;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 1:
-              if (!(fileState.status !== 'error' && fileState.preview)) {
-                _context2.next = 3;
-                break;
-              }
-              _context2.next = 2;
-              return fileState.preview;
-            case 2:
-              _yield$fileState$prev = _context2.sent;
-              value = _yield$fileState$prev.value;
-              if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
-                _context2.next = 3;
-                break;
-              }
-              newFileSrc = URL.createObjectURL(value);
-              setFileSrc(newFileSrc);
-              return _context2.abrupt("return");
-            case 3:
-              if (fileState.status === 'processed' || fileState.status === 'processing') {
-                init(fileState);
-              }
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function subscribeFileState(_x2) {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-    if (fileState) {
-      subscribeFileState(fileState);
-    }
-  }, [fileState, collectionName, fileSrc, id, mediaClient, init]);
-  useEffect(function () {
-    return function () {
-      fileSrc && URL.revokeObjectURL(fileSrc);
-    };
-  }, [fileSrc]);
-
-  // === Render ===
-  return fileSrc ? /*#__PURE__*/React.createElement(InlinePlayerWrapper, {
-    testId: testId || 'media-card-inline-player',
-    "data-vc": "media-card-inline-player",
-    selected: selected,
-    onClick: onClick,
-    innerRef: forwardRef || undefined,
-    dimensions: dimensions
-  }, /*#__PURE__*/React.createElement(InactivityDetector, null, function (checkMouseMovement, controlsAreVisible) {
-    return fg('platform_media_video_captions') ? /*#__PURE__*/React.createElement(MediaPlayer, {
-      identifier: identifier,
-      type: "video",
-      src: fileSrc,
-      onFullscreenChange: onFullscreenChange,
-      isAutoPlay: autoplay,
-      isHDAvailable: false,
-      onDownloadClick: function onDownloadClick() {
-        mediaClient.file.downloadBinary(id, undefined, collectionName);
-      },
-      onFirstPlay: function onFirstPlay() {
-        globalMediaEventEmitter.emit('media-viewed', {
-          fileId: id,
-          viewingLevel: 'full'
-        });
-      },
-      onPlay: onPlay,
-      onTimeChanged: onTimeChanged,
-      lastWatchTimeConfig: {
-        contentId: id
-      },
-      originalDimensions: originalDimensions,
-      showControls: checkMouseMovement,
-      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
-      videoControlsWrapperRef: videoControlsWrapperRef,
-      areControlsVisible: controlsAreVisible
-    }) : /*#__PURE__*/React.createElement(CustomMediaPlayer, {
-      type: "video",
-      src: fileSrc,
-      onFullscreenChange: onFullscreenChange,
-      fileId: id,
-      isAutoPlay: autoplay,
-      isHDAvailable: false,
-      onDownloadClick: function onDownloadClick() {
-        mediaClient.file.downloadBinary(id, undefined, collectionName);
-      },
-      onFirstPlay: function onFirstPlay() {
-        globalMediaEventEmitter.emit('media-viewed', {
-          fileId: id,
-          viewingLevel: 'full'
-        });
-      },
-      onPlay: onPlay,
-      onTimeChanged: onTimeChanged,
-      lastWatchTimeConfig: {
-        contentId: id
-      },
-      originalDimensions: originalDimensions,
-      showControls: checkMouseMovement,
-      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
-      videoControlsWrapperRef: videoControlsWrapperRef
-    });
-  }), isUploading && /*#__PURE__*/React.createElement(ProgressBar, {
-    progress: progress,
-    breakpoint: breakpoint,
-    positionBottom: true,
-    showOnTop: true
-  })) : /*#__PURE__*/React.createElement(CardLoading, {
-    testId: testId,
-    dimensions: dimensions,
-    interactionName: "inline-player-loading"
-  });
-};
+import React from 'react';
+import { InlinePlayerBase } from './InlinePlayerBase';
 var InlinePlayerForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(InlinePlayerBase, _extends({}, props, {
     forwardRef: ref

package/dist/esm/card/isFinalCardStatus.js

@@ -0,0 +1,3 @@
+export var isFinalCardStatus = function isFinalCardStatus(status) {
+  return ['complete', 'error', 'failed-processing'].includes(status);
+};

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

@@ -12,7 +12,7 @@ import React from 'react';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { UnhandledErrorCard } from './ui/unhandledErrorCard';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fireMediaCardEvent } from '../utils/analytics';
+import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
 var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function WrappedMediaCardAnalyticsErrorBoundary(props) {
     var _this;
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.10.11";
+var packageVersion = "81.10.12";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/card/svgView/svgImage-compiled.js

@@ -6,10 +6,10 @@ import { ax, ix } from "@compiled/react/runtime";
 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) { _defineProperty(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; }
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { MediaCardError } from '../../errors';
-import { calculateSvgDimensions } from './helpers';
-import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
 import { MediaSVGError } from '@atlaskit/media-svg/media-svg-error';
+import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
+import { MediaCardError } from '../../MediaCardError';
+import { calculateSvgDimensions } from './helpers';
 var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {
     case 'img-error':

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

@@ -2,11 +2,12 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useMemo } from 'react';
-import { MediaCardError } from '../../errors';
+import { MediaCardError } from '../../MediaCardError';
 import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
 import { MediaSVGError } from '@atlaskit/media-svg/media-svg-error';
 import { ImageRenderer } from '../ui/imageRenderer/imageRendererV2';

package/dist/esm/card/ui/actionsBar/actionsBar.js

@@ -6,8 +6,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 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; })(); }
 import React from 'react';
-import { CardActionIconButtonVariant, CardActionsView } from './cardActions';
 import { ActionsBarWrapper } from './actionsBarWrapper';
+import { CardActionsView } from './cardActions/cardActionsView';
+import { CardActionIconButtonVariant } from './cardActions/styles';
 export var ActionsBar = /*#__PURE__*/function (_React$Component) {
   function ActionsBar() {
     _classCallCheck(this, ActionsBar);

package/dist/esm/card/ui/actionsBar/cardActions/cardActionIconButton.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { CardActionButton } from './cardActionButton';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { fireMediaCardEvent } from '../../../../utils/analytics';
+import { fireMediaCardEvent } from '../../../../utils/analytics/fireMediaCardEvent';
 export var CardActionIconButton = function CardActionIconButton(_ref) {
   var icon = _ref.icon,
     label = _ref.label,

package/dist/esm/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js

@@ -8,7 +8,8 @@ import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
 import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
 import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { createAndFireMediaCardEvent, fireMediaCardEvent } from '../../../../utils/analytics';
+import { createAndFireMediaCardEvent } from '../../../../utils/analytics/createAndFireMediaCardEvent';
+import { fireMediaCardEvent } from '../../../../utils/analytics/fireMediaCardEvent';
 import { CardActionButton } from './cardActionButton';
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {

package/dist/esm/card/ui/actionsBar/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { transition } from '../styles';
+import { transition } from '../transition';
 export var actionsBarClassName = 'media-card-actions-bar';
 export var fixedActionBarStyles = "opacity: 1;";
 export var wrapperStyles = function wrapperStyles(isFixed) {

package/dist/esm/card/ui/blanket/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { transition } from '../styles';
+import { transition } from '../transition';
 export var blanketClassName = 'media-card-blanket';
 export var fixedBlanketStyles = "background-color: ".concat("var(--ds-blanket, #050C1F75)", ";");
 export var blanketStyles = function blanketStyles(isFixed) {

package/dist/esm/card/ui/calcBreakpointSize.js

@@ -0,0 +1,15 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { Breakpoint } from './common';
+var breakpointSizes = [[Breakpoint.SMALL, 599], [Breakpoint.LARGE, Infinity]];
+export var calcBreakpointSize = function calcBreakpointSize() {
+  var wrapperWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var _ref = breakpointSizes.find(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        _breakpoint = _ref4[0],
+        limit = _ref4[1];
+      return wrapperWidth <= limit;
+    }) || [Breakpoint.SMALL],
+    _ref2 = _slicedToArray(_ref, 1),
+    breakpoint = _ref2[0];
+  return breakpoint;
+};

package/dist/esm/card/ui/generateResponsiveStyles.js

@@ -0,0 +1,6 @@
+import { Breakpoint, responsiveSettings } from './common';
+export var generateResponsiveStyles = function generateResponsiveStyles() {
+  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Breakpoint.SMALL;
+  var setting = responsiveSettings[breakpoint];
+  return "\n    font-size: ".concat(setting.fontSize, "px;\n    line-height: ").concat(setting.lineHeight, "px;\n  ");
+};

package/dist/esm/card/ui/getClickablePlayButtonStyles.js

@@ -0,0 +1,7 @@
+import { fixedPlayButtonStyles, playButtonClassName } from './playButton/styles';
+export var getClickablePlayButtonStyles = function getClickablePlayButtonStyles(isPlayButtonClickable) {
+  if (!isPlayButtonClickable) {
+    return '';
+  }
+  return "\n    &:hover .".concat(playButtonClassName, " {\n      ").concat(fixedPlayButtonStyles, "\n    }\n  ");
+};

package/dist/esm/card/ui/getCursorStyle.js

@@ -0,0 +1,3 @@
+export var getCursorStyle = function getCursorStyle(cursor) {
+  return !!cursor ? "cursor: ".concat(cursor, ";") : '';
+};

package/dist/esm/card/ui/getSelectableTickBoxStyles.js

@@ -0,0 +1,7 @@
+import { tickBoxClassName, tickboxFixedStyles } from './tickBox/styles';
+export var getSelectableTickBoxStyles = function getSelectableTickBoxStyles(isTickBoxSelectable) {
+  if (!isTickBoxSelectable) {
+    return '';
+  }
+  return "\n    &:hover .".concat(tickBoxClassName, " {\n      ").concat(tickboxFixedStyles, "\n    }\n  ");
+};

package/dist/esm/card/ui/getWrapperDimensions.js

@@ -0,0 +1,11 @@
+import { getDefaultCardDimensions } from '../../utils/cardDimensions';
+import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
+export var getWrapperDimensions = function getWrapperDimensions(dimensions, appearance) {
+  var _ref = dimensions || {},
+    width = _ref.width,
+    height = _ref.height;
+  var _getDefaultCardDimens = getDefaultCardDimensions(appearance),
+    defaultWidth = _getDefaultCardDimens.width,
+    defaultHeight = _getDefaultCardDimens.height;
+  return "\n\t/* If container doesn't exists, it will fallback to this */\n\twidth: ".concat(getCSSUnitValue(width || defaultWidth), ";\n\n    max-width: 100%;\n    height: ").concat(getCSSUnitValue(height || defaultHeight), ";\n    max-height: 100%;\n  ");
+};

package/dist/esm/card/ui/getWrapperShadow.js

@@ -0,0 +1,9 @@
+import { akEditorSelectedBoxShadow } from '@atlaskit/editor-shared-styles/consts';
+// This is a trick to simulate the blue border without affecting the dimensions.
+// CSS outline has no 'radius', therefore we can't achieve the same effect with it
+export var getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
+  var withOverlayShadow = !disableOverlay ? "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)" : '';
+  var selectedShadow = selected ? akEditorSelectedBoxShadow : '';
+  var shadow = [selectedShadow, withOverlayShadow].filter(Boolean).join(', ');
+  return shadow ? "box-shadow: ".concat(shadow, ";") : '';
+};

package/dist/esm/card/ui/iconMessage/CheckInternetConnection.js

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { messages } from '@atlaskit/media-ui/messages';
+import { IconMessage } from './IconMessage';
+export var CheckInternetConnection = function CheckInternetConnection(props) {
+  return /*#__PURE__*/React.createElement(IconMessage, _extends({}, props, {
+    messageDescriptor: messages.check_internet_connection
+  }));
+};

package/dist/esm/card/ui/iconMessage/CreatingPreview.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { messages } from '@atlaskit/media-ui/messages';
+import { IconMessage } from './IconMessage';
+export var CreatingPreview = function CreatingPreview(_ref) {
+  var disableAnimation = _ref.disableAnimation;
+  return /*#__PURE__*/React.createElement(IconMessage, {
+    messageDescriptor: messages.creating_preview,
+    animated: !disableAnimation
+  });
+};

package/dist/esm/card/ui/iconMessage/FailedToLoad.js

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { messages } from '@atlaskit/media-ui/messages';
+import { IconMessage } from './IconMessage';
+export var FailedToLoad = function FailedToLoad(props) {
+  return /*#__PURE__*/React.createElement(IconMessage, _extends({}, props, {
+    messageDescriptor: messages.failed_to_load
+  }));
+};

package/dist/esm/card/ui/iconMessage/FailedToUpload.js

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { messages } from '@atlaskit/media-ui/messages';
+import { IconMessage } from './IconMessage';
+export var FailedToUpload = function FailedToUpload(props) {
+  return /*#__PURE__*/React.createElement(IconMessage, _extends({}, props, {
+    messageDescriptor: messages.failed_to_upload
+  }));
+};

package/dist/esm/card/ui/iconMessage/IconMessage.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { IconMessageWrapper } from './iconMessageWrapper';
+export var IconMessage = function IconMessage(_ref) {
+  var messageDescriptor = _ref.messageDescriptor,
+    _ref$animated = _ref.animated,
+    animated = _ref$animated === void 0 ? false : _ref$animated;
+  return /*#__PURE__*/React.createElement(IconMessageWrapper, {
+    animated: animated
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, messageDescriptor)));
+};

package/dist/esm/card/ui/iconMessage/PreviewUnavailable.js

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { messages } from '@atlaskit/media-ui/messages';
+import { IconMessage } from './IconMessage';
+export var PreviewUnavailable = function PreviewUnavailable(props) {
+  return /*#__PURE__*/React.createElement(IconMessage, _extends({}, props, {
+    messageDescriptor: messages.preview_unavailable
+  }));
+};

package/dist/esm/card/ui/iconWrapper/IconWrapper-2.js

@@ -0,0 +1,28 @@
+/* IconWrapper-2.tsx generated by @compiled/babel-plugin v3.0.1 */
+import "./IconWrapper-2.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { getTitleBoxHeight } from '../common';
+function titleBoxHeight(hasTitleBox, breakpoint) {
+  // there is no titlebox
+  if (!hasTitleBox) {
+    return "0px";
+  }
+
+  // calculate height of the titlebox
+  var marginBottom = getTitleBoxHeight(breakpoint);
+  return "".concat(marginBottom, "px");
+}
+var iconWrapperStyles = null;
+export var IconWrapper = function IconWrapper(props) {
+  var breakpoint = props.breakpoint,
+    hasTitleBox = props.hasTitleBox;
+  return /*#__PURE__*/React.createElement("div", {
+    id: "iconWrapper",
+    style: {
+      height: "calc(100% - ".concat(titleBoxHeight(hasTitleBox, breakpoint), ")")
+    },
+    className: ax(["_kqswstnw _1bsb1osq _1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o"])
+  }, props.children);
+};
+IconWrapper.displayName = 'MediaIconWrapper';

package/dist/esm/card/ui/iconWrapper/iconWrapper-compiled.js

@@ -1,28 +1,7 @@
-/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
-import "./iconWrapper-compiled.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { getTitleBoxHeight } from '../common';
-export function titleBoxHeight(hasTitleBox, breakpoint) {
-  // there is no titlebox
-  if (!hasTitleBox) {
-    return "0px";
-  }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
-  // calculate height of the titlebox
-  var marginBottom = getTitleBoxHeight(breakpoint);
-  return "".concat(marginBottom, "px");
-}
-var iconWrapperStyles = null;
-export var IconWrapper = function IconWrapper(props) {
-  var breakpoint = props.breakpoint,
-    hasTitleBox = props.hasTitleBox;
-  return /*#__PURE__*/React.createElement("div", {
-    id: "iconWrapper",
-    style: {
-      height: "calc(100% - ".concat(titleBoxHeight(hasTitleBox, breakpoint), ")")
-    },
-    className: ax(["_kqswstnw _1bsb1osq _1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o"])
-  }, props.children);
-};
+import { IconWrapper } from './IconWrapper-2';
 IconWrapper.displayName = 'MediaIconWrapper';

package/dist/esm/card/ui/iconWrapper/iconWrapper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconWrapper as CompiledIconWrapper } from './iconWrapper-compiled';
+import { IconWrapper as CompiledIconWrapper } from './IconWrapper-2';
 export var IconWrapper = function IconWrapper(props) {
   return /*#__PURE__*/React.createElement(CompiledIconWrapper, props);
 };

package/dist/esm/card/ui/iconWrapper/{styles.js → iconWrapperStyles.js}

@@ -1,15 +1,11 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
+import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { getTitleBoxHeight } from '../common';
-export function titleBoxHeight(hasTitleBox, breakpoint) {
-  // there is no titlebox
+function titleBoxHeight(hasTitleBox, breakpoint) {
   if (!hasTitleBox) {
-    return "0px";
+    return '0px';
   }
-
-  // calculate height of the titlebox
-  var marginBottom = getTitleBoxHeight(breakpoint);
-  return "".concat(marginBottom, "px");
+  return "".concat(getTitleBoxHeight(breakpoint), "px");
 }
 export var iconWrapperStyles = function iconWrapperStyles(_ref) {
   var hasTitleBox = _ref.hasTitleBox,

package/dist/esm/card/ui/iconWrapper/titleBoxHeight.js

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { getTitleBoxHeight } from '../common';
+export function titleBoxHeight(hasTitleBox, breakpoint) {
+  // there is no titlebox
+  if (!hasTitleBox) {
+    return "0px";
+  }
+
+  // calculate height of the titlebox
+  var marginBottom = getTitleBoxHeight(breakpoint);
+  return "".concat(marginBottom, "px");
+}