@atlaskit/media-card 74.5.1 → 74.6.0

package/dist/esm/card/inlinePlayer.js

@@ -8,11 +8,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { Component } from 'react';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
@@ -27,45 +24,32 @@ import { InlinePlayerWrapper } from './inlinePlayerWrapper';
 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 = /*#__PURE__*/function (_Component) {
   _inherits(InlinePlayerBase, _Component);
-
   var _super = _createSuper(InlinePlayerBase);
-
   function InlinePlayerBase() {
     var _this;
-
     _classCallCheck(this, InlinePlayerBase);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {});
-
     _defineProperty(_assertThisInitialized(_this), "divRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "setFileSrc", function (fileSrc) {
       _this.setState({
         fileSrc: fileSrc
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setBinaryURL", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _this$props, mediaClient, identifier, onError, id, collectionName, fileSrc;
-
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -75,23 +59,17 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
               _context.prev = 2;
               _context.next = 5;
               return mediaClient.file.getFileBinaryURL(id, collectionName);
-
             case 5:
               fileSrc = _context.sent;
-
               _this.setFileSrc(fileSrc);
-
               _context.next = 12;
               break;
-
             case 9:
               _context.prev = 9;
               _context.t0 = _context["catch"](2);
-
               if (onError && _context.t0 instanceof Error) {
                 onError(_context.t0);
               }
-
             case 12:
             case "end":
               return _context.stop();
@@ -99,30 +77,25 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         }
       }, _callee, null, [[2, 9]]);
     })));
-
     _defineProperty(_assertThisInitialized(_this), "unsubscribe", function () {
       if (_this.subscription) {
         _this.subscription.unsubscribe();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "revoke", function () {
       var fileSrc = _this.state.fileSrc;
-
       if (fileSrc) {
         URL.revokeObjectURL(fileSrc);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDownloadClick", function () {
       var _this$props2 = _this.props,
-          mediaClient = _this$props2.mediaClient,
-          identifier = _this$props2.identifier;
+        mediaClient = _this$props2.mediaClient,
+        identifier = _this$props2.identifier;
       var id = identifier.id,
-          collectionName = identifier.collectionName;
+        collectionName = identifier.collectionName;
       mediaClient.file.downloadBinary(id, undefined, collectionName);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFirstPlay", function () {
       var identifier = _this.props.identifier;
       globalMediaEventEmitter.emit('media-viewed', {
@@ -130,39 +103,31 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         viewingLevel: 'full'
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "saveElementWidth", function () {
       var dimensions = _this.props.dimensions;
-
       if (!dimensions) {
         return;
       }
-
       var width = dimensions.width;
-
       if (width && isValidPercentageUnit(width) && !!_this.divRef.current) {
         var elementWidth = getElementDimension(_this.divRef.current, 'width');
-
         _this.setState({
           elementWidth: elementWidth
         });
       }
     });
-
     return _this;
   }
-
   _createClass(InlinePlayerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.saveElementWidth();
       var _this$props3 = this.props,
-          mediaClient = _this$props3.mediaClient,
-          identifier = _this$props3.identifier;
+        mediaClient = _this$props3.mediaClient,
+        identifier = _this$props3.identifier;
       var id = identifier.id,
-          collectionName = identifier.collectionName;
+        collectionName = identifier.collectionName;
       this.revoke();
       this.unsubscribe();
       this.subscription = mediaClient.file.getFileState(id, {
@@ -171,7 +136,6 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         next: function () {
           var _next = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileState) {
             var existingFileSrc, _yield$fileState$prev, value, fileSrc, artifactName, artifacts, _fileSrc, onError;
-
             return _regeneratorRuntime.wrap(function _callee2$(_context2) {
               while (1) {
                 switch (_context2.prev = _context2.next) {
@@ -186,80 +150,58 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
                         isUploading: false
                       });
                     }
-
                     existingFileSrc = _this2.state.fileSrc; // we want to reuse the existing fileSrc to prevent re renders
-
                     if (!existingFileSrc) {
                       _context2.next = 4;
                       break;
                     }
-
                     return _context2.abrupt("return");
-
                   case 4:
                     if (!(fileState.status !== 'error' && fileState.preview)) {
                       _context2.next = 13;
                       break;
                     }
-
                     _context2.next = 7;
                     return fileState.preview;
-
                   case 7:
                     _yield$fileState$prev = _context2.sent;
                     value = _yield$fileState$prev.value;
-
                     if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
                       _context2.next = 13;
                       break;
                     }
-
                     fileSrc = URL.createObjectURL(value);
-
                     _this2.setFileSrc(fileSrc);
-
                     return _context2.abrupt("return");
-
                   case 13:
                     if (!(fileState.status === 'processed' || fileState.status === 'processing')) {
                       _context2.next = 30;
                       break;
                     }
-
                     artifactName = getPreferredVideoArtifact(fileState);
                     artifacts = fileState.artifacts;
-
                     if (!(!artifactName || !artifacts)) {
                       _context2.next = 19;
                       break;
                     }
-
                     _this2.setBinaryURL();
-
                     return _context2.abrupt("return");
-
                   case 19:
                     _context2.prev = 19;
                     _context2.next = 22;
                     return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-
                   case 22:
                     _fileSrc = _context2.sent;
-
                     _this2.setFileSrc(_fileSrc);
-
                     _context2.next = 30;
                     break;
-
                   case 26:
                     _context2.prev = 26;
                     _context2.t0 = _context2["catch"](19);
                     onError = _this2.props.onError;
-
                     if (onError && _context2.t0 instanceof Error) {
                       onError(_context2.t0);
                     }
-
                   case 30:
                   case "end":
                     return _context2.stop();
@@ -267,11 +209,9 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
               }
             }, _callee2, null, [[19, 26]]);
           }));
-
           function next(_x) {
             return _next.apply(this, arguments);
           }
-
           return next;
         }()
       });
@@ -292,30 +232,27 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props4 = this.props,
-          onClick = _this$props4.onClick,
-          dimensions = _this$props4.dimensions,
-          originalDimensions = _this$props4.originalDimensions,
-          selected = _this$props4.selected,
-          testId = _this$props4.testId,
-          identifier = _this$props4.identifier,
-          forwardRef = _this$props4.forwardRef,
-          autoplay = _this$props4.autoplay,
-          cardPreview = _this$props4.cardPreview,
-          onFullscreenChange = _this$props4.onFullscreenChange;
+        onClick = _this$props4.onClick,
+        dimensions = _this$props4.dimensions,
+        originalDimensions = _this$props4.originalDimensions,
+        selected = _this$props4.selected,
+        testId = _this$props4.testId,
+        identifier = _this$props4.identifier,
+        forwardRef = _this$props4.forwardRef,
+        autoplay = _this$props4.autoplay,
+        cardPreview = _this$props4.cardPreview,
+        onFullscreenChange = _this$props4.onFullscreenChange;
       var _this$state = this.state,
-          fileSrc = _this$state.fileSrc,
-          isUploading = _this$state.isUploading,
-          progress = _this$state.progress;
-
+        fileSrc = _this$state.fileSrc,
+        isUploading = _this$state.isUploading,
+        progress = _this$state.progress;
       if (!fileSrc) {
         return /*#__PURE__*/React.createElement(CardLoading, {
           testId: testId,
           dimensions: dimensions
         });
       }
-
       return /*#__PURE__*/React.createElement(InlinePlayerWrapper, {
         testId: testId || 'media-card-inline-player',
         selected: {
@@ -349,14 +286,11 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
       }) : null);
     }
   }]);
-
   return InlinePlayerBase;
 }(Component);
-
 _defineProperty(InlinePlayerBase, "defaultProps", {
   dimensions: defaultImageCardDimensions
 });
-
 var InlinePlayerForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(InlinePlayerBase, _extends({}, props, {
     forwardRef: ref

package/dist/esm/card/inlinePlayerLazy.js

@@ -3,23 +3,19 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { lazy } from 'react';
 export var InlinePlayerLazy = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
   var _yield$import, InlinePlayer;
-
   return _regeneratorRuntime.wrap(function _callee$(_context) {
     while (1) {
       switch (_context.prev = _context.next) {
         case 0:
           _context.next = 2;
-          return import(
-          /* webpackChunkName: "@atlaskit-internal_media-card-inlineplayer" */
+          return import( /* webpackChunkName: "@atlaskit-internal_media-card-inlineplayer" */
           './inlinePlayer');
-
         case 2:
           _yield$import = _context.sent;
           InlinePlayer = _yield$import.InlinePlayer;
           return _context.abrupt("return", {
             default: InlinePlayer
           });
-
         case 5:
         case "end":
           return _context.stop();

package/dist/esm/card/inlinePlayerWrapper.js

@@ -3,10 +3,10 @@ import { jsx } from '@emotion/react';
 import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './styles/styles';
 export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
   var testId = props.testId,
-      selected = props.selected,
-      dimensions = props.dimensions,
-      onClick = props.onClick,
-      innerRef = props.innerRef;
+    selected = props.selected,
+    dimensions = props.dimensions,
+    onClick = props.onClick,
+    innerRef = props.innerRef;
   return jsx("div", {
     id: "inlinePlayerWrapper",
     "data-testid": testId,

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

@@ -5,40 +5,28 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { UnhandledErrorCard } from './ui/unhandledErrorCard';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireMediaCardEvent } from '../utils/analytics';
-
 var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(WrappedMediaCardAnalyticsErrorBoundary, _React$Component);
-
   var _super = _createSuper(WrappedMediaCardAnalyticsErrorBoundary);
-
   function WrappedMediaCardAnalyticsErrorBoundary(props) {
     var _this;
-
     _classCallCheck(this, WrappedMediaCardAnalyticsErrorBoundary);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "fireOperationalEvent", function (error, info) {
       var _window, _window$navigator;
-
       var _this$props = _this.props,
-          _this$props$data = _this$props.data,
-          data = _this$props$data === void 0 ? {} : _this$props$data,
-          createAnalyticsEvent = _this$props.createAnalyticsEvent;
+        _this$props$data = _this$props.data,
+        data = _this$props$data === void 0 ? {} : _this$props$data,
+        createAnalyticsEvent = _this$props.createAnalyticsEvent;
       var payload = {
         eventType: 'operational',
         action: 'failed',
@@ -52,30 +40,25 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
       };
       fireMediaCardEvent(payload, createAnalyticsEvent);
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleOnClick", function (event) {
       try {
         var _this$props$onClick, _this$props2;
-
         (_this$props$onClick = (_this$props2 = _this.props).onClick) === null || _this$props$onClick === void 0 ? void 0 : _this$props$onClick.call(_this$props2, {
           event: event
         });
       } catch (e) {}
     });
-
     _this.state = {
       hasError: false
     };
     return _this;
   }
-
   _createClass(WrappedMediaCardAnalyticsErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, info) {
       try {
         this.fireOperationalEvent(error, info);
       } catch (e) {}
-
       this.setState({
         hasError: true
       });
@@ -85,27 +68,22 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
     value: function render() {
       var hasError = this.state.hasError;
       var _this$props3 = this.props,
-          dimensions = _this$props3.dimensions,
-          children = _this$props3.children;
-
+        dimensions = _this$props3.dimensions,
+        children = _this$props3.children;
       if (hasError) {
         return /*#__PURE__*/React.createElement(UnhandledErrorCard, {
           dimensions: dimensions,
           onClick: this.handleOnClick
         });
       }
-
       return children;
     }
   }]);
-
   return WrappedMediaCardAnalyticsErrorBoundary;
 }(React.Component);
-
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
-
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.5.1";
+var packageVersion = "74.6.0";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/styles/animations.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { keyframes } from '@emotion/react';
 export var spin = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to { transform: rotate(360deg); }\n"])));

package/dist/esm/card/styles/getSelectedBorderStyle.js

@@ -1,10 +1,10 @@
 import { borderRadius } from '@atlaskit/media-ui';
 import { getSelectionStyles, SelectionStyle, hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
+
 /*
  * Used to display the blue border around a selected card without
  * shrinking the image OR growing the card size
  */
-
 export var getSelectedBorderStyle = function getSelectedBorderStyle(_ref) {
   var selected = _ref.selected;
   return "\n    ".concat(hideNativeBrowserTextSelectionStyles, "\n\n    &::after {\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n      ").concat(borderRadius, "\n      ").concat(selected ? getSelectionStyles([SelectionStyle.Border]) : '', "\n    }\n  ");

package/dist/esm/card/styles/index.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { fontFamily } from '@atlaskit/theme/constants';
 import { fadeIn } from '@atlaskit/media-ui';

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
@@ -9,20 +7,17 @@ import { breakpointStyles } from '../../utils/breakpoint';
 import { getSelectedBorderStyle } from './getSelectedBorderStyle';
 import { getDimensionsWithDefault } from '../../utils/lightCards/getDimensionsWithDefault';
 export var inlinePlayerClassName = 'media-card-inline-player';
-
 var getWrapperHeight = function getWrapperHeight(dimensions) {
   return dimensions && dimensions.height ? "height: ".concat(getCSSUnitValue(dimensions.height), "; max-height: 100%;") : '';
 };
-
 var getWrapperWidth = function getWrapperWidth(dimensions) {
   return dimensions && dimensions.width ? "width: ".concat(getCSSUnitValue(dimensions.width), "; max-width: 100%;") : '';
 };
-
 export var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions,
-      _ref$breakpointSize = _ref.breakpointSize,
-      breakpointSize = _ref$breakpointSize === void 0 ? 'medium' : _ref$breakpointSize,
-      shouldUsePointerCursor = _ref.shouldUsePointerCursor;
+    _ref$breakpointSize = _ref.breakpointSize,
+    breakpointSize = _ref$breakpointSize === void 0 ? 'medium' : _ref$breakpointSize,
+    shouldUsePointerCursor = _ref.shouldUsePointerCursor;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n      ", "\n  cursor: ", ";\n"])), breakpointStyles({
     breakpointSize: breakpointSize
   }), getWrapperHeight(dimensions), getWrapperWidth(dimensions), shouldUsePointerCursor ? 'pointer' : 'default');
@@ -30,7 +25,7 @@ export var wrapperStyles = function wrapperStyles(_ref) {
 wrapperStyles.displayName = 'CardViewWrapper';
 export var inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
   var dimensions = _ref2.dimensions,
-      selected = _ref2.selected;
+    selected = _ref2.selected;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  border-radius: ", "px;\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n\n  ", "\n\n  video {\n    width: 100%;\n    height: 100%;\n  }\n"])), getDimensionsWithDefault(dimensions).width || '100%', getDimensionsWithDefault(dimensions).height || 'auto', borderRadius(), getSelectedBorderStyle(selected));
 };
 inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';

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

@@ -3,36 +3,27 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { CardActionIconButtonVariant, CardActionsView } from '../../../utils/cardActions';
 import { ActionsBarWrapper } from './actionsBarWrapper';
 export var ActionsBar = /*#__PURE__*/function (_React$Component) {
   _inherits(ActionsBar, _React$Component);
-
   var _super = _createSuper(ActionsBar);
-
   function ActionsBar() {
     _classCallCheck(this, ActionsBar);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ActionsBar, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          isFixed = _this$props.isFixed,
-          actions = _this$props.actions;
-
+        isFixed = _this$props.isFixed,
+        actions = _this$props.actions;
       if (actions.length === 0) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(ActionsBarWrapper, {
         isFixed: isFixed
       }, /*#__PURE__*/React.createElement(CardActionsView, {
@@ -41,6 +32,5 @@ export var ActionsBar = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return ActionsBar;
 }(React.Component);

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { transition } from '../../styles';
 export var actionsBarClassName = 'media-card-actions-bar';

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { transition } from '../../styles';
 import { N90A } from '@atlaskit/theme/colors';

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

@@ -1,14 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _responsiveSettings;
-
 export var Breakpoint;
-
 (function (Breakpoint) {
   Breakpoint["SMALL"] = "small";
   Breakpoint["LARGE"] = "large";
 })(Breakpoint || (Breakpoint = {}));
-
 export var responsiveSettings = (_responsiveSettings = {}, _defineProperty(_responsiveSettings, Breakpoint.SMALL, {
   fontSize: 11,
   lineHeight: 14,

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

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/react';
 import { iconMessageWrapperStyles } from './styles';
 export var IconMessageWrapper = function IconMessageWrapper(props) {
   var animated = props.animated,
-      reducedFont = props.reducedFont;
+    reducedFont = props.reducedFont;
   return jsx("div", {
     id: "iconMessageWrapper",
     css: iconMessageWrapperStyles({

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

@@ -5,10 +5,10 @@ import { messages } from '@atlaskit/media-ui';
 import { FormattedMessage } from 'react-intl-next';
 export var IconMessage = function IconMessage(_ref) {
   var messageDescriptor = _ref.messageDescriptor,
-      _ref$animated = _ref.animated,
-      animated = _ref$animated === void 0 ? false : _ref$animated,
-      _ref$reducedFont = _ref.reducedFont,
-      reducedFont = _ref$reducedFont === void 0 ? false : _ref$reducedFont;
+    _ref$animated = _ref.animated,
+    animated = _ref$animated === void 0 ? false : _ref$animated,
+    _ref$reducedFont = _ref.reducedFont,
+    reducedFont = _ref$reducedFont === void 0 ? false : _ref$reducedFont;
   return /*#__PURE__*/React.createElement(IconMessageWrapper, {
     animated: animated,
     reducedFont: reducedFont

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

@@ -1,18 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import { css, keyframes } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 var breatheAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% { opacity: 1}\n 50% { opacity: 0.3 }\n 100% { opacity: 1; }"])));
 var animatedStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  animation-name: ", ";\n  animation-duration: 3.5s;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: infinite;\n"])), breatheAnimation);
-
 var getStylesBasedOnProps = function getStylesBasedOnProps(_ref) {
   var animated = _ref.animated,
-      reducedFont = _ref.reducedFont;
+    reducedFont = _ref.reducedFont;
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  opacity: 1;\n  font-weight: 450;\n  ", "\n  color: ", ";\n  text-align: center;\n  ", "\n  margin-bottom: -1em;\n  padding: 3px 10px;\n"])), reducedFont ? 'font-size: 0.7em;' : '', "var(--ds-text-subtlest, ".concat(N300, ")"), animated ? animatedStyles : '');
 };
-
 export var iconMessageWrapperStyles = function iconMessageWrapperStyles(props) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), getStylesBasedOnProps(props));
 };