@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/esm/view/FlexibleCard/index.js

@@ -4,37 +4,35 @@ import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext } from '../../state/flexible-ui-context';
 import { getContextByStatus, getRetryOptions } from './utils';
+
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
  * This is the container in which all Flexible UI Blocks and Elements exist.
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-
 var FlexibleCard = function FlexibleCard(_ref) {
   var cardState = _ref.cardState,
-      children = _ref.children,
-      onAuthorize = _ref.onAuthorize,
-      onError = _ref.onError,
-      onResolve = _ref.onResolve,
-      renderers = _ref.renderers,
-      ui = _ref.ui,
-      url = _ref.url,
-      onClick = _ref.onClick,
-      testId = _ref.testId,
-      analytics = _ref.analytics,
-      showHoverPreview = _ref.showHoverPreview;
+    children = _ref.children,
+    onAuthorize = _ref.onAuthorize,
+    onError = _ref.onError,
+    onResolve = _ref.onResolve,
+    renderers = _ref.renderers,
+    ui = _ref.ui,
+    url = _ref.url,
+    onClick = _ref.onClick,
+    testId = _ref.testId,
+    analytics = _ref.analytics,
+    showHoverPreview = _ref.showHoverPreview;
   var cardType = cardState.status,
-      details = cardState.details;
+    details = cardState.details;
   var status = cardType;
   var context = useMemo(function () {
     return getContextByStatus(url, status, details, renderers);
   }, [details, renderers, status, url]);
   var retry = getRetryOptions(url, status, details, onAuthorize);
-
   var _ref2 = context || {},
-      title = _ref2.title;
-
+    title = _ref2.title;
   useEffect(function () {
     switch (status) {
       case SmartLinkStatus.Resolved:
@@ -44,9 +42,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
             url: url
           });
         }
-
         break;
-
       case SmartLinkStatus.Errored:
       case SmartLinkStatus.Fallback:
       case SmartLinkStatus.Forbidden:
@@ -58,7 +54,6 @@ var FlexibleCard = function FlexibleCard(_ref) {
             url: url
           });
         }
-
         break;
     }
   }, [onError, onResolve, status, title, url]);
@@ -75,5 +70,4 @@ var FlexibleCard = function FlexibleCard(_ref) {
     status: status
   }), children)));
 };
-
 export default FlexibleCard;

package/dist/esm/view/FlexibleCard/utils.js

@@ -15,10 +15,8 @@ export var getContextByStatus = function getContextByStatus(url, status, details
         title: url,
         url: url
       };
-
     case SmartLinkStatus.Resolved:
       return extractFlexibleLinkContext(details, renderers);
-
     case SmartLinkStatus.Unauthorized:
     case SmartLinkStatus.Forbidden:
     case SmartLinkStatus.NotFound:
@@ -35,43 +33,32 @@ export var getContextByStatus = function getContextByStatus(url, status, details
       };
   }
 };
-
 var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
   var _meta$requestAccess;
-
   var accessType = meta === null || meta === void 0 ? void 0 : (_meta$requestAccess = meta.requestAccess) === null || _meta$requestAccess === void 0 ? void 0 : _meta$requestAccess.accessType;
-
   switch (accessType) {
     case 'DIRECT_ACCESS':
       return 'join_to_view';
-
     case 'REQUEST_ACCESS':
       return 'request_access_to_view';
-
     case 'PENDING_REQUEST_EXISTS':
       return 'pending_request';
-
     case 'FORBIDDEN':
       return 'forbidden_access';
-
     case 'DENIED_REQUEST_EXISTS':
       return 'request_denied';
-
     default:
       return 'restricted_link';
   }
 };
-
 export var getRetryOptions = function getRetryOptions(url, status, details, onAuthorize) {
   var _details$meta, _access$action;
-
   var data = details && details.data || getEmptyJsonLd();
   var provider = extractProvider(data);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
   var values = context ? {
     context: context
   } : undefined;
-
   switch (status) {
     case SmartLinkStatus.Forbidden:
       var meta = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
@@ -89,14 +76,12 @@ export var getRetryOptions = function getRetryOptions(url, status, details, onAu
         onClick: onClick,
         values: values
       };
-
     case SmartLinkStatus.Unauthorized:
       return {
         descriptor: messages.connect_link_account_card_name,
         onClick: onAuthorize ? handleOnClick(onAuthorize) : undefined,
         values: values
       };
-
     case SmartLinkStatus.NotFound:
       return {
         descriptor: messages.cannot_find_link

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /** @jsx jsx */
 import Popup from '@atlaskit/popup';
 import { jsx } from '@emotion/react';
@@ -13,20 +12,18 @@ import { CARD_GAP_PX } from '../styled';
 import { CardDisplay } from '../../../constants';
 export var HoverCardComponent = function HoverCardComponent(_ref) {
   var children = _ref.children,
-      url = _ref.url,
-      analyticsHandler = _ref.analyticsHandler,
-      analytics = _ref.analytics,
-      _ref$canOpen = _ref.canOpen,
-      canOpen = _ref$canOpen === void 0 ? true : _ref$canOpen,
-      _ref$closeOnChildClic = _ref.closeOnChildClick,
-      closeOnChildClick = _ref$closeOnChildClic === void 0 ? false : _ref$closeOnChildClic;
+    url = _ref.url,
+    analyticsHandler = _ref.analyticsHandler,
+    analytics = _ref.analytics,
+    _ref$canOpen = _ref.canOpen,
+    canOpen = _ref$canOpen === void 0 ? true : _ref$canOpen,
+    _ref$closeOnChildClic = _ref.closeOnChildClick,
+    closeOnChildClick = _ref$closeOnChildClic === void 0 ? false : _ref$closeOnChildClic;
   var delay = 300;
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isOpen = _React$useState2[0],
-      setIsOpen = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
   var fadeOutTimeoutId = useRef();
   var fadeInTimeoutId = useRef();
   var cardOpenTime = useRef();
@@ -42,7 +39,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     if (isOpen) {
       return;
     }
-
     mousePos.current = {
       x: event.clientX,
       y: event.clientY
@@ -59,14 +55,12 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
         status: linkStatus
       });
     }
-
     setIsOpen(false);
   }, [analytics.ui, isOpen, linkStatus]);
   var initHideCard = useCallback(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
     }
-
     fadeOutTimeoutId.current = setTimeout(function () {
       return hideCard();
     }, delay);
@@ -74,9 +68,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var initShowCard = useCallback(function (event) {
     if (fadeOutTimeoutId.current) {
       clearTimeout(fadeOutTimeoutId.current);
-    } //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
-
-
+    }
+    //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
     setMousePosition(event);
     fadeInTimeoutId.current = setTimeout(function () {
       //Check if its previously closed to avoid firing events when moving between the child and hover card components
@@ -87,17 +80,14 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
           previewInvokeMethod: invokeMethod,
           status: linkStatus
         });
-      } //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
-
-
+      }
+      //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
       if (parentSpan.current && mousePos.current) {
         var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
-            bottom = _parentSpan$current$g.bottom,
-            left = _parentSpan$current$g.left;
-
+          bottom = _parentSpan$current$g.bottom,
+          left = _parentSpan$current$g.left;
         popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + CARD_GAP_PX];
       }
-
       setIsOpen(true);
     }, delay);
   }, [isOpen, setMousePosition, analytics.ui, linkStatus]);
@@ -111,11 +101,12 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     if (actionId === 'preview-content') {
       hideCard();
     }
-  }, [hideCard]); // Stop hover preview content to propagate event to parent.
+  }, [hideCard]);
+
+  // Stop hover preview content to propagate event to parent.
 
   var onChildClick = useCallback(function (e) {
     e.stopPropagation();
-
     if (closeOnChildClick) {
       hideCard();
     }
@@ -155,6 +146,5 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     content: content,
     trigger: trigger,
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
-
   });
 };

package/dist/esm/view/HoverCard/components/HoverCardContent.js

@@ -1,6 +1,5 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
@@ -32,7 +31,6 @@ export var getOpenAction = function getOpenAction(url, analytics, onActionClick)
       if (onActionClick) {
         onActionClick('open-content');
       }
-
       window.open(url, '_blank');
       analytics.ui.hoverCardOpenLinkClickedEvent({
         previewDisplay: 'card'
@@ -58,10 +56,8 @@ export var getCopyAction = function getCopyAction(url) {
               case 0:
                 _context.next = 2;
                 return navigator.clipboard.writeText(url);
-
               case 2:
                 return _context.abrupt("return", _context.sent);
-
               case 3:
               case "end":
                 return _context.stop();
@@ -69,33 +65,29 @@ export var getCopyAction = function getCopyAction(url) {
           }
         }, _callee);
       }));
-
       function onClick() {
         return _onClick.apply(this, arguments);
       }
-
       return onClick;
     }(),
     tooltipMessage: jsx(FormattedMessage, messages.copy_url_to_clipboard),
     testId: 'hover-card-copy-button'
   };
 };
-
 var HoverCardContent = function HoverCardContent(_ref) {
   var _cardState$details;
-
   var _ref$id = _ref.id,
-      id = _ref$id === void 0 ? '' : _ref$id,
-      analytics = _ref.analytics,
-      _ref$cardActions = _ref.cardActions,
-      cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
-      cardState = _ref.cardState,
-      onActionClick = _ref.onActionClick,
-      onResolve = _ref.onResolve,
-      renderers = _ref.renderers,
-      url = _ref.url,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave;
+    id = _ref$id === void 0 ? '' : _ref$id,
+    analytics = _ref.analytics,
+    _ref$cardActions = _ref.cardActions,
+    cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
+    cardState = _ref.cardState,
+    onActionClick = _ref.onActionClick,
+    onResolve = _ref.onResolve,
+    renderers = _ref.renderers,
+    url = _ref.url,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
   var extensionKey = useMemo(function () {
     return getExtensionKey(cardState.details);
   }, [cardState.details]);
@@ -118,10 +110,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [url, analytics, onActionClick]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var types = data ? extractType(data) : undefined;
-
   var _extractMetadata = extractMetadata(getSimulatedMetadata(extensionKey, types)),
-      subtitle = _extractMetadata.subtitle;
-
+    subtitle = _extractMetadata.subtitle;
   var titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
   var titleBlockProps = {
     actions: titleActions,
@@ -143,7 +133,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = useCallback(function (e) {
     return e.stopPropagation();
   }, []);
-
   var getCardView = function getCardView(cardState) {
     if (cardState.metadataStatus === 'pending') {
       return jsx(HoverCardLoadingView, {
@@ -151,7 +140,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
         titleBlockProps: titleBlockProps
       });
     }
-
     if (cardState.status === 'unauthorized') {
       return jsx(HoverCardUnauthorisedView, {
         analytics: analytics,
@@ -161,7 +149,6 @@ var HoverCardContent = function HoverCardContent(_ref) {
         url: url
       });
     }
-
     if (cardState.status === 'resolved') {
       return jsx(HoverCardResolvedView, {
         id: id,
@@ -175,10 +162,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
         titleBlockProps: titleBlockProps
       });
     }
-
     return null;
   };
-
   var cardView = getCardView(cardState);
   return cardView ? jsx("div", {
     onMouseEnter: onMouseEnter,
@@ -188,5 +173,4 @@ var HoverCardContent = function HoverCardContent(_ref) {
     css: HoverCardContainer
   }, cardView) : null;
 };
-
 export default HoverCardContent;

package/dist/esm/view/HoverCard/components/SnippetOrPreview.js

@@ -1,37 +1,32 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject;
-
 import React, { useCallback, useState, useRef } from 'react';
 import { css } from '@emotion/react';
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock, SnippetBlock } from '../../FlexibleCard/components/blocks';
 import { getTransitionStyles } from '../styled';
-
 var SnippetOrPreview = function SnippetOrPreview(_ref) {
   var data = _ref.data,
-      snippetHeight = _ref.snippetHeight;
+    snippetHeight = _ref.snippetHeight;
   var transitionStarted = useRef(false);
   var previewBlockRef = useRef(null);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showSnippet = _useState2[0],
-      setShowSnippet = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showSnippet = _useState2[0],
+    setShowSnippet = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      previewCss = _useState4[0],
-      setPreviewCss = _useState4[1]; // Set Preview to a fixed height to enable transitions
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    previewCss = _useState4[0],
+    setPreviewCss = _useState4[1];
 
+  // Set Preview to a fixed height to enable transitions
   var onPreviewRender = useCallback(function () {
     var _previewBlockRef$curr;
-
     previewBlockRef.current && setPreviewCss(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        height: ", "px;\n      "])), (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height));
-  }, []); // On error set Preview to Snippet height with transition
+  }, []);
 
+  // On error set Preview to Snippet height with transition
   var onPreviewError = useCallback(function () {
     if (transitionStarted.current === false) {
       setPreviewCss(getTransitionStyles(snippetHeight));
@@ -49,5 +44,4 @@ var SnippetOrPreview = function SnippetOrPreview(_ref) {
     onRender: onPreviewRender
   }) : /*#__PURE__*/React.createElement(SnippetBlock, null);
 };
-
 export default SnippetOrPreview;

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -17,28 +17,25 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
         if (onActionClick) {
           onActionClick(action.id);
         }
-
         return action.invoke();
       },
       testId: action.id
     };
   });
 };
-
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var _cardState$details;
-
   var flexibleCardProps = _ref.flexibleCardProps,
-      titleBlockProps = _ref.titleBlockProps,
-      analytics = _ref.analytics,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? '' : _ref$id,
-      url = _ref.url,
-      cardState = _ref.cardState,
-      _ref$cardActions = _ref.cardActions,
-      cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
-      onActionClick = _ref.onActionClick,
-      extensionKey = _ref.extensionKey;
+    titleBlockProps = _ref.titleBlockProps,
+    analytics = _ref.analytics,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id,
+    url = _ref.url,
+    cardState = _ref.cardState,
+    _ref$cardActions = _ref.cardActions,
+    cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
+    onActionClick = _ref.onActionClick,
+    extensionKey = _ref.extensionKey;
   var showActionableElement = useFeatureFlag('enableActionableElement');
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
@@ -52,26 +49,23 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     return toFooterActions(cardActions, onActionClick);
   }, [cardActions, onActionClick]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-
   var _useMemo = useMemo(function () {
-    var types = data ? extractType(data) : undefined; //TODO: EDM-3224 deleted simulated and use real JsonLd
-
-    var metadata = extractMetadata(getSimulatedMetadata(extensionKey, types));
-    var primary = showActionableElement ? toActionableMetadata(onActionClick, extensionKey, types, cardActions, metadata.primary) : metadata.primary;
-    return {
-      primary: primary,
-      secondary: metadata.secondary,
-      subtitle: metadata.subtitle
-    };
-  }, [cardActions, data, extensionKey, onActionClick, showActionableElement]),
-      primary = _useMemo.primary,
-      secondary = _useMemo.secondary;
-
+      var types = data ? extractType(data) : undefined;
+      //TODO: EDM-3224 deleted simulated and use real JsonLd
+      var metadata = extractMetadata(getSimulatedMetadata(extensionKey, types));
+      var primary = showActionableElement ? toActionableMetadata(onActionClick, extensionKey, types, cardActions, metadata.primary) : metadata.primary;
+      return {
+        primary: primary,
+        secondary: metadata.secondary,
+        subtitle: metadata.subtitle
+      };
+    }, [cardActions, data, extensionKey, onActionClick, showActionableElement]),
+    primary = _useMemo.primary,
+    secondary = _useMemo.secondary;
   var snippetHeight = React.useRef(0);
   var snippetBlockRef = useRef(null);
   var onSnippetRender = useCallback(function () {
     var _snippetBlockRef$curr, _snippetBlockRef$curr2;
-
     snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
   }, []);
   var body = SnippetOrPreview({
@@ -95,5 +89,4 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     overrideCss: footerBlockCss
   }));
 };
-
 export default HoverCardResolvedView;

package/dist/esm/view/HoverCard/components/views/resolved/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
 var elementGap = '0.5rem';

package/dist/esm/view/HoverCard/components/views/resolving/index.js

@@ -6,10 +6,9 @@ import FlexibleCard from '../../../../FlexibleCard';
 import { TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { CARD_WIDTH_REM } from '../../../styled';
 import { loadingViewContainer, skeletonContainer } from './styled';
-
 var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   var flexibleCardProps = _ref.flexibleCardProps,
-      titleBlockProps = _ref.titleBlockProps;
+    titleBlockProps = _ref.titleBlockProps;
   var lineHeightRem = 1.25;
   var skeletonWidth = CARD_WIDTH_REM - 2;
   return jsx("div", {
@@ -28,5 +27,4 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
     height: lineHeightRem
   })));
 };
-
 export default HoverCardLoadingView;

package/dist/esm/view/HoverCard/components/views/resolving/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 export var loadingViewContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
 export var skeletonContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n  align-items: center;\n"])));

package/dist/esm/view/HoverCard/components/views/unauthorised/index.js

@@ -11,25 +11,21 @@ import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group
 import { LinkIcon } from '../../../../FlexibleCard/components/elements';
 import { ActionName, CardDisplay } from '../../../../../constants';
 import { useSmartCardActions } from '../../../../../state/actions';
-
 var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
-
   var analytics = _ref.analytics,
-      extensionKey = _ref.extensionKey,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? '' : _ref$id,
-      flexibleCardProps = _ref.flexibleCardProps,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
-      url = _ref.url;
+    extensionKey = _ref.extensionKey,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id,
+    flexibleCardProps = _ref.flexibleCardProps,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
+    url = _ref.url;
   var cardState = flexibleCardProps.cardState;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
-
   var _useSmartCardActions = useSmartCardActions(id, url, analytics),
-      authorize = _useSmartCardActions.authorize;
-
+    authorize = _useSmartCardActions.authorize;
   var handleAuthorize = useCallback(function () {
     if (authorize) {
       analytics.track.appAccountAuthStarted({
@@ -72,5 +68,4 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     appearance: "primary"
   })));
 };
-
 export default HoverCardUnauthorisedView;

package/dist/esm/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import { css } from '@emotion/react';
 var blockGap = '0.5rem';
 var iconGap = '0.5rem';

package/dist/esm/view/HoverCard/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { jsx } from '@emotion/react';
@@ -9,12 +8,11 @@ import { useSmartLinkAnalytics } from '../../state/analytics';
 import { fireSmartLinkEvent } from '../../utils/analytics';
 import { HoverCardComponent } from './components/HoverCardComponent';
 import { CardDisplay } from '../../constants';
-
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   var url = props.url,
-      id = props.id,
-      children = props.children,
-      createAnalyticsEvent = props.createAnalyticsEvent;
+    id = props.id,
+    children = props.children,
+    createAnalyticsEvent = props.createAnalyticsEvent;
   var analyticsHandler = useCallback(function (analyticsPayload) {
     fireSmartLinkEvent(analyticsPayload, createAnalyticsEvent);
   }, [createAnalyticsEvent]);
@@ -35,7 +33,6 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
     analytics: analytics
   }), children));
 };
-
 export var HoverCard = withAnalyticsContext({
   source: 'smartLinkPreviewHoverCard',
   attributes: {

package/dist/esm/view/HoverCard/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize, SmartLinkTheme } from '../../constants';
@@ -12,8 +10,8 @@ export var flexibleUiOptions = {
   theme: SmartLinkTheme.Black,
   hidePadding: true
 };
-export var CARD_WIDTH_REM = 24; // gap between mouse cursor and hover card
-
+export var CARD_WIDTH_REM = 24;
+// gap between mouse cursor and hover card
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';