@atlaskit/renderer 105.1.0 → 105.1.2

package/dist/esm/ui/Expand.js

@@ -1,9 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 /** @jsx jsx */
 import React, { useRef, useCallback, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -19,58 +17,46 @@ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
 import _uniqueId from 'lodash/uniqueId';
 import { getPlatform } from '../utils';
 var titleStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none;\n  border: none;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: normal;\n  display: flex;\n  flex: 1;\n  margin: 0;\n  padding: 0 0 0 ", "px;\n  text-align: left;\n"])), relativeFontSizeToBase16(fontSize()), akEditorLineHeight, gridSize() / 2);
-
 var Container = function Container(props) {
   var paddingBottom = "".concat(props.expanded ? gridSize() : 0, "px");
   var sharedContainerStyles = sharedExpandStyles.containerStyles(props);
-
   var styles = function styles(themeProps) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n    padding: 0;\n    padding-bottom: ", ";\n  "])), sharedContainerStyles({
       theme: themeProps
     }), paddingBottom);
   };
-
   return jsx("div", _extends({
     css: styles
   }, props), props.children);
 };
-
 var TitleContainer = function TitleContainer(props) {
   var paddingBottom = "".concat(!props.expanded ? gridSize() : 0, "px");
-
   var styles = function styles(themeProps) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n    padding: ", "px;\n    padding-bottom: ", ";\n  "])), sharedExpandStyles.titleContainerStyles({
       theme: themeProps
     }), gridSize(), paddingBottom);
   };
-
   return jsx("button", _extends({
     css: styles
   }, props), props.children);
 };
-
 TitleContainer.displayName = 'TitleContainerButton';
-
 var ContentContainer = function ContentContainer(props) {
   var sharedContentStyles = sharedExpandStyles.contentStyles(props);
   var visibility = props.expanded ? 'visible' : 'hidden';
-
   var styles = function styles(themeProps) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", ";\n    padding-right: ", "px;\n    padding-left: ", "px;\n    visibility: ", ";\n  "])), sharedContentStyles({
       theme: themeProps
     }), gridSize() * 2, gridSize() * 5 - gridSize() / 2, visibility);
   };
-
   return jsx("div", _extends({
     css: styles
   }, props), props.children);
 };
-
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
   if (!fireAnalyticsEvent) {
     return;
   }
-
   fireAnalyticsEvent({
     action: ACTION.TOGGLE_EXPAND,
     actionSubject: nodeType === 'expand' ? ACTION_SUBJECT.EXPAND : ACTION_SUBJECT.NESTED_EXPAND,
@@ -82,34 +68,28 @@ function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
     eventType: EVENT_TYPE.TRACK
   });
 }
-
 function Expand(_ref) {
   var title = _ref.title,
-      children = _ref.children,
-      nodeType = _ref.nodeType,
-      intl = _ref.intl,
-      fireAnalyticsEvent = _ref.fireAnalyticsEvent,
-      nestedHeaderIds = _ref.nestedHeaderIds,
-      rendererAppearance = _ref.rendererAppearance;
-
+    children = _ref.children,
+    nodeType = _ref.nodeType,
+    intl = _ref.intl,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent,
+    nestedHeaderIds = _ref.nestedHeaderIds,
+    rendererAppearance = _ref.rendererAppearance;
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      expanded = _React$useState2[0],
-      setExpanded = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expanded = _React$useState2[0],
+    setExpanded = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      focused = _React$useState4[0],
-      setFocused = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focused = _React$useState4[0],
+    setFocused = _React$useState4[1];
   var isMobile = useMemo(function () {
     return getPlatform(rendererAppearance) === 'mobile';
   }, [rendererAppearance]);
   var label = intl.formatMessage(expanded ? expandMessages.collapseNode : expandMessages.expandNode);
-
   var _useRef = useRef(_uniqueId('expand-title-')),
-      id = _useRef.current;
-
+    id = _useRef.current;
   var handleFocus = useCallback(function () {
     return setFocused(true);
   }, []);
@@ -132,8 +112,8 @@ function Expand(_ref) {
       e.stopPropagation();
       fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
       setExpanded(!expanded);
-      e.persist(); // @ts-ignore detail doesn't exist on type
-
+      e.persist();
+      // @ts-ignore detail doesn't exist on type
       e.detail ? handleBlur() : handleFocus();
     },
     onFocus: handleFocus,
@@ -166,5 +146,4 @@ function Expand(_ref) {
     css: clearNextSiblingMarginTopStyle
   }), children))));
 }
-
 export default injectIntl(Expand);

package/dist/esm/ui/ExtensionRenderer.js

@@ -5,39 +5,27 @@ 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 _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 memoizeOne from 'memoize-one';
 import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
-
 var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
   _inherits(ExtensionRenderer, _React$Component);
-
   var _super = _createSuper(ExtensionRenderer);
-
   function ExtensionRenderer() {
     var _this;
-
     _classCallCheck(this, ExtensionRenderer);
-
     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", {
       extensionProvider: null
     });
-
     _defineProperty(_assertThisInitialized(_this), "mounted", false);
-
     _defineProperty(_assertThisInitialized(_this), "handleProvider", function (name, providerPromise) {
       providerPromise && providerPromise.then(function (provider) {
         if (_this.mounted) {
@@ -45,23 +33,20 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
         }
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getNodeRenderer", memoizeOne(getNodeRenderer));
-
     _defineProperty(_assertThisInitialized(_this), "renderExtensionNode", function (extensionProvider) {
       var _marks$find, _marks$find$attrs;
-
       var _this$props = _this.props,
-          extensionHandlers = _this$props.extensionHandlers,
-          rendererContext = _this$props.rendererContext,
-          extensionType = _this$props.extensionType,
-          extensionKey = _this$props.extensionKey,
-          parameters = _this$props.parameters,
-          content = _this$props.content,
-          text = _this$props.text,
-          type = _this$props.type,
-          localId = _this$props.localId,
-          marks = _this$props.marks;
+        extensionHandlers = _this$props.extensionHandlers,
+        rendererContext = _this$props.rendererContext,
+        extensionType = _this$props.extensionType,
+        extensionKey = _this$props.extensionKey,
+        parameters = _this$props.parameters,
+        content = _this$props.content,
+        text = _this$props.text,
+        type = _this$props.type,
+        localId = _this$props.localId,
+        marks = _this$props.marks;
       var fragmentLocalId = marks === null || marks === void 0 ? void 0 : (_marks$find = marks.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _marks$find === void 0 ? void 0 : (_marks$find$attrs = _marks$find.attrs) === null || _marks$find$attrs === void 0 ? void 0 : _marks$find$attrs.localId;
@@ -75,44 +60,34 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
         fragmentLocalId: fragmentLocalId
       };
       var result = null;
-
       try {
         if (extensionHandlers && extensionHandlers[extensionType]) {
           var render = getExtensionRenderer(extensionHandlers[extensionType]);
           result = render(node, rendererContext.adDoc);
         }
-
         if (!result && extensionProvider) {
           var NodeRenderer = _this.getNodeRenderer(extensionProvider, extensionType, extensionKey);
-
           result = /*#__PURE__*/React.createElement(NodeRenderer, {
             node: node
           });
         }
       } catch (e) {
         /** We don't want this error to block renderer */
-
         /** We keep rendering the default content */
       }
-
       return _this.props.children({
         result: result
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setupAndRenderExtensionNode", function (providers) {
       var extensionProvider = _this.state.extensionProvider;
-
       if (!extensionProvider && providers.extensionProvider) {
         _this.handleProvider('extensionProvider', providers.extensionProvider);
       }
-
       return _this.renderExtensionNode(extensionProvider);
     });
-
     return _this;
   }
-
   _createClass(ExtensionRenderer, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -127,11 +102,9 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var providers = this.props.providers;
-
       if (!providers) {
         return this.setupAndRenderExtensionNode({});
       }
-
       return /*#__PURE__*/React.createElement(WithProviders, {
         providers: ['extensionProvider'],
         providerFactory: providers,
@@ -139,8 +112,6 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return ExtensionRenderer;
 }(React.Component);
-
 export { ExtensionRenderer as default };

package/dist/esm/ui/MediaCard.js

@@ -6,17 +6,11 @@ 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; }
-
 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, { Component } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
@@ -27,16 +21,14 @@ export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(do
   if (!doc) {
     return [];
   }
-
   return filter(doc, function (node) {
     return node.type === 'media';
   }).reduce(function (identifierList, mediaNode) {
     if (mediaNode.attrs) {
       var _mediaNode$attrs = mediaNode.attrs,
-          type = _mediaNode$attrs.type,
-          dataURI = _mediaNode$attrs.url,
-          id = _mediaNode$attrs.id;
-
+        type = _mediaNode$attrs.type,
+        dataURI = _mediaNode$attrs.url,
+        id = _mediaNode$attrs.id;
       if (type === 'file' && id) {
         identifierList.push({
           mediaItemType: 'file',
@@ -50,32 +42,23 @@ export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(do
         });
       }
     }
-
     return identifierList;
   }, []);
 };
 export var MediaCardInternal = /*#__PURE__*/function (_Component) {
   _inherits(MediaCardInternal, _Component);
-
   var _super = _createSuper(MediaCardInternal);
-
   function MediaCardInternal() {
     var _this;
-
     _classCallCheck(this, MediaCardInternal);
-
     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), "saveFileState", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id, mediaClientConfig) {
         var _this$props, collectionName, featureFlags, mediaClient, options, fileState;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -88,21 +71,16 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
                 _context.prev = 3;
                 _context.next = 6;
                 return mediaClient.file.getCurrentState(id, options);
-
               case 6:
                 fileState = _context.sent;
-
                 _this.setState({
                   fileState: fileState
                 });
-
                 _context.next = 12;
                 break;
-
               case 10:
                 _context.prev = 10;
                 _context.t0 = _context["catch"](3);
-
               case 12:
               case "end":
                 return _context.stop();
@@ -110,85 +88,67 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
           }
         }, _callee, null, [[3, 10]]);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "renderLoadingCard", function () {
       var cardDimensions = _this.props.cardDimensions;
       return /*#__PURE__*/React.createElement(CardLoading, {
         dimensions: cardDimensions
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getOnCardClickCallback", function (isInlinePlayer) {
       var eventHandlers = _this.props.eventHandlers;
-
       if (eventHandlers && eventHandlers.media && eventHandlers.media.onClick) {
         return function (result, analyticsEvent) {
           var isVideo = result.mediaItemDetails && result.mediaItemDetails.mediaType === 'video';
           var isVideoWithInlinePlayer = isInlinePlayer && isVideo;
-
           if (!isVideoWithInlinePlayer && eventHandlers && eventHandlers.media && eventHandlers.media.onClick) {
             eventHandlers.media.onClick(result, analyticsEvent);
           }
         };
       }
-
       return undefined;
     });
-
     return _this;
   }
-
   _createClass(MediaCardInternal, [{
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var _this$props2, rendererContext, mediaProvider, contextIdentifierProvider, id, url, collectionName, mediaProviderObject, mediaClientConfig, nodeIsInCache;
-
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 _this$props2 = this.props, rendererContext = _this$props2.rendererContext, mediaProvider = _this$props2.mediaProvider, contextIdentifierProvider = _this$props2.contextIdentifierProvider, id = _this$props2.id, url = _this$props2.url, collectionName = _this$props2.collection;
-
                 if (mediaProvider) {
                   _context2.next = 3;
                   break;
                 }
-
                 return _context2.abrupt("return");
-
               case 3:
                 if (!contextIdentifierProvider) {
                   _context2.next = 10;
                   break;
                 }
-
                 _context2.t0 = this;
                 _context2.next = 7;
                 return contextIdentifierProvider;
-
               case 7:
                 _context2.t1 = _context2.sent;
                 _context2.t2 = {
                   contextIdentifierProvider: _context2.t1
                 };
-
                 _context2.t0.setState.call(_context2.t0, _context2.t2);
-
               case 10:
                 _context2.next = 12;
                 return mediaProvider;
-
               case 12:
                 mediaProviderObject = _context2.sent;
                 mediaClientConfig = mediaProviderObject.viewMediaClientConfig;
                 nodeIsInCache = id && mediaIdentifierMap.has(id) || url && mediaIdentifierMap.has(url);
-
                 if (rendererContext && rendererContext.adDoc && !nodeIsInCache) {
                   getListOfIdentifiersFromDoc(rendererContext.adDoc).forEach(function (identifier) {
                     if (identifier.mediaItemType === 'file' && identifier.id === id) {
@@ -200,15 +160,12 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
                     }
                   });
                 }
-
                 this.setState({
                   mediaClientConfig: mediaClientConfig
                 });
-
                 if (id) {
                   this.saveFileState(id, mediaClientConfig);
                 }
-
               case 18:
               case "end":
                 return _context2.stop();
@@ -216,11 +173,9 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
           }
         }, _callee2, this);
       }));
-
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
-
       return componentDidMount;
     }()
   }, {
@@ -228,7 +183,6 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
     value: function UNSAFE_componentWillReceiveProps(newProps) {
       var mediaClientConfig = this.state.mediaClientConfig;
       var newId = newProps.id;
-
       if (mediaClientConfig && newId && newId !== this.props.id) {
         this.saveFileState(newId, mediaClientConfig);
       }
@@ -237,9 +191,8 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$props3 = this.props,
-          id = _this$props3.id,
-          dataURI = _this$props3.url;
-
+        id = _this$props3.id,
+        dataURI = _this$props3.url;
       if (id) {
         mediaIdentifierMap.delete(id);
       } else if (dataURI) {
@@ -251,26 +204,25 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
     value: function renderExternal(shouldOpenMediaViewer) {
       var mediaClientConfig = this.state.mediaClientConfig;
       var _this$props4 = this.props,
-          cardDimensions = _this$props4.cardDimensions,
-          resizeMode = _this$props4.resizeMode,
-          appearance = _this$props4.appearance,
-          url = _this$props4.url,
-          imageStatus = _this$props4.imageStatus,
-          disableOverlay = _this$props4.disableOverlay,
-          alt = _this$props4.alt,
-          featureFlags = _this$props4.featureFlags,
-          ssr = _this$props4.ssr;
-
+        cardDimensions = _this$props4.cardDimensions,
+        resizeMode = _this$props4.resizeMode,
+        appearance = _this$props4.appearance,
+        url = _this$props4.url,
+        imageStatus = _this$props4.imageStatus,
+        disableOverlay = _this$props4.disableOverlay,
+        alt = _this$props4.alt,
+        featureFlags = _this$props4.featureFlags,
+        ssr = _this$props4.ssr;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
-
       var identifier = {
         dataURI: url,
         name: url,
         mediaItemType: 'external-image'
       };
-      return /*#__PURE__*/React.createElement(Card // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+      return /*#__PURE__*/React.createElement(Card
+      // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
       // context is not really used when the type is external and we want to render the component asap
       , {
         mediaClientConfig: mediaClientConfig,
@@ -288,62 +240,56 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
       });
     }
+
     /**
      * We want to call provided `eventHandlers.media.onClick` when it's provided,
      * but we also don't want to call it when it's a video and inline video player is enabled.
      * This is due to consumers normally process this onClick call by opening media viewer and
      * we don't want that to happened described above text.
      */
-
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          contextIdentifierProvider = _this$state.contextIdentifierProvider,
-          mediaClientConfigInState = _this$state.mediaClientConfig,
-          fileState = _this$state.fileState;
+        contextIdentifierProvider = _this$state.contextIdentifierProvider,
+        mediaClientConfigInState = _this$state.mediaClientConfig,
+        fileState = _this$state.fileState;
       var _this$props5 = this.props,
-          id = _this$props5.id,
-          alt = _this$props5.alt,
-          type = _this$props5.type,
-          collection = _this$props5.collection,
-          occurrenceKey = _this$props5.occurrenceKey,
-          cardDimensions = _this$props5.cardDimensions,
-          resizeMode = _this$props5.resizeMode,
-          rendererAppearance = _this$props5.rendererAppearance,
-          disableOverlay = _this$props5.disableOverlay,
-          useInlinePlayer = _this$props5.useInlinePlayer,
-          originalDimensions = _this$props5.originalDimensions,
-          forceOpenMediaViewer = _this$props5.shouldOpenMediaViewer,
-          featureFlags = _this$props5.featureFlags,
-          shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
-          ssr = _this$props5.ssr;
+        id = _this$props5.id,
+        alt = _this$props5.alt,
+        type = _this$props5.type,
+        collection = _this$props5.collection,
+        occurrenceKey = _this$props5.occurrenceKey,
+        cardDimensions = _this$props5.cardDimensions,
+        resizeMode = _this$props5.resizeMode,
+        rendererAppearance = _this$props5.rendererAppearance,
+        disableOverlay = _this$props5.disableOverlay,
+        useInlinePlayer = _this$props5.useInlinePlayer,
+        originalDimensions = _this$props5.originalDimensions,
+        forceOpenMediaViewer = _this$props5.shouldOpenMediaViewer,
+        featureFlags = _this$props5.featureFlags,
+        shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
+        ssr = _this$props5.ssr;
       var isMobile = rendererAppearance === 'mobile';
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
       var onCardClick = this.getOnCardClickCallback(isInlinePlayer);
       var shouldOpenMediaViewer = typeof forceOpenMediaViewer === 'boolean' ? forceOpenMediaViewer : !isMobile && !onCardClick;
-
       if (type === 'external') {
         return this.renderExternal(shouldOpenMediaViewer);
       }
-
       if (type === 'link') {
         return null;
       }
-
       var mediaClientConfig = !!ssr ? ssr.config : mediaClientConfigInState;
-
       if (!mediaClientConfig || !id) {
         return this.renderLoadingCard();
       }
-
       if (!id || type !== 'file') {
         return /*#__PURE__*/React.createElement(CardError, {
           dimensions: cardDimensions
         });
       }
-
       var contextId = contextIdentifierProvider && contextIdentifierProvider.objectId;
       var identifier = {
         id: id,
@@ -380,31 +326,28 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return MediaCardInternal;
-}(Component); // Needed for copy & paste
+}(Component);
 
+// Needed for copy & paste
 export var getClipboardAttrs = function getClipboardAttrs(_ref2) {
   var id = _ref2.id,
-      alt = _ref2.alt,
-      collection = _ref2.collection,
-      contextIdentifierProvider = _ref2.contextIdentifierProvider,
-      originalDimensions = _ref2.originalDimensions,
-      fileState = _ref2.fileState;
+    alt = _ref2.alt,
+    collection = _ref2.collection,
+    contextIdentifierProvider = _ref2.contextIdentifierProvider,
+    originalDimensions = _ref2.originalDimensions,
+    fileState = _ref2.fileState;
   var contextId = contextIdentifierProvider && contextIdentifierProvider.objectId;
   var width = originalDimensions && originalDimensions.width;
   var height = originalDimensions && originalDimensions.height;
   var fileName = 'file'; // default name is needed for Confluence
-
   var fileSize = 1;
   var fileMimeType = '';
-
   if (fileState && fileState.status !== 'error') {
     fileSize = fileState.size;
     fileName = fileState.name;
     fileMimeType = fileState.mimeType;
   }
-
   return {
     'data-context-id': contextId,
     'data-type': 'file',