@atlaskit/smart-card 30.1.3 → 30.1.5

package/dist/es2019/view/FlexibleCard/components/common/motion-wrapper/index.js

@@ -1,5 +1,5 @@
-import { Box } from '@atlaskit/primitives';
 import React, { useEffect, useRef, useState } from 'react';
+import { Box } from '@atlaskit/primitives';
 export const MotionWrapper = ({
   children,
   isFadeIn = false,

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { HoverCard } from '../../../../HoverCard';
 import { ElementName } from '../../../../../constants';
+import { HoverCard } from '../../../../HoverCard';
 const FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
 const HoverCardControl = ({
   children,

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -3,16 +3,17 @@
  * @jsx jsx
  */
 import React, { useContext } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { di } from 'react-magnetic-di';
+import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
-import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
-import LayeredLink from './layered-link';
-import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
-import { N40 } from '@atlaskit/theme/colors';
-import { di } from 'react-magnetic-di';
+import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
+import HoverCardControl from './hover-card-control';
+import LayeredLink from './layered-link';
 const elevationStyles = css({
   border: `1px solid ${`var(--ds-border, ${N40})`}`,
   borderRadius: "var(--ds-border-radius-200, 8px)",

package/dist/es2019/view/FlexibleCard/components/container/layered-link/index.js

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const styles = css({
   // Stretch the invisible link over the whole of the post.

package/dist/es2019/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -2,9 +2,9 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import AKBadge from '@atlaskit/badge';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import AKBadge from '@atlaskit/badge';
 const badgeStyles = css({
   alignItems: 'center',
   display: 'inline-flex'

package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -2,15 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-
 import { useMemo } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
-import { SmartLinkSize } from '../../../../../constants';
+import { ElementName, SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useIntl } from 'react-intl-next';
-import { ElementName } from '../../../../../constants';
 import { getFormattedMessageAsString } from '../../utils';
 const MAX_COUNT = 4;
 const getStyles = size => {

package/dist/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -3,13 +3,14 @@
  * @jsx jsx
  */
 import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getFormattedMessage, getIconSizeStyles } from '../../utils';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import ImageIcon from '../../common/image-icon';
 import AtlaskitIcon from '../../common/atlaskit-icon';
+import ImageIcon from '../../common/image-icon';
+import { getFormattedMessage, getIconSizeStyles } from '../../utils';
 const badgeStyles = css({
   alignItems: 'center',
   display: 'inline-flex',

package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -3,12 +3,12 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { useIntl, FormattedMessage } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getTruncateStyles } from '../../utils';
 import { selectUnit } from '@formatjs/intl-utils';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '../../../../../messages';
+import { getTruncateStyles } from '../../utils';
 const styles = css({
   color: "var(--ds-text-subtlest, #626F86)",
   fontSize: '0.75rem',

package/dist/es2019/view/FlexibleCard/components/elements/icon/index.js

@@ -3,9 +3,10 @@
  * @jsx jsx
  */
 import React, { useMemo } from 'react';
-import LinkIcon from '@atlaskit/icon/core/migration/link';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import AtlaskitIcon from '../../common/atlaskit-icon';
 import ImageIcon from '../../common/image-icon';

package/dist/es2019/view/FlexibleCard/components/elements/index.js

@@ -1,5 +1,6 @@
-import { createElement } from './utils';
 import { ElementName } from '../../../../constants';
+import { createElement } from './utils';
+
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems

package/dist/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -4,12 +4,13 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 import React, { useMemo } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
-import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
+import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';
 const DEFAULT_MAX_LINES = 2;
 const MAXIMUM_MAX_LINES = 2;
 const MINIMUM_MAX_LINES = 1;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -5,8 +5,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
-import LozengeAction from './lozenge-action';
 import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import LozengeAction from './lozenge-action';
 const styles = css({
   display: 'inline-flex',
   lineHeight: 'inherit'

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -3,23 +3,24 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { useCallback, useEffect, useMemo, useState } from 'react';
 import DropdownMenu from '@atlaskit/dropdown-menu';
-import LozengeActionTrigger from './lozenge-action-trigger';
-import LozengeActionError from './lozenge-action-error';
-import withErrorBoundary from './error-boundary';
-import useInvoke from '../../../../../../state/hooks/use-invoke';
 import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
-import createStatusUpdateRequest from '../../../../../../utils/actions/create-status-update-request';
-import useResolve from '../../../../../../state/hooks/use-resolve';
-import { LozengeActionErrorMessages } from './lozenge-action-error/types';
-import { isInvokeCustomError } from '../../../../../../state/hooks/use-invoke/utils';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
+import useInvoke from '../../../../../../state/hooks/use-invoke';
+import { isInvokeCustomError } from '../../../../../../state/hooks/use-invoke/utils';
+import useResolve from '../../../../../../state/hooks/use-resolve';
+import createStatusUpdateRequest from '../../../../../../utils/actions/create-status-update-request';
 import { TrackQuickActionType } from '../../../../../../utils/analytics/analytics';
+import withErrorBoundary from './error-boundary';
 import { permissionLoadErrorAnalyticsPayload, unknownLoadErrorAnalyticsPayload, unknownUpdateErrorAnalyticsPayload, validationUpdateErrorAnalyticsPayload } from './lozenge-action-analytics';
+import LozengeActionError from './lozenge-action-error';
+import { LozengeActionErrorMessages } from './lozenge-action-error/types';
 import LozengeActionItemsGroup from './lozenge-action-items-group';
+import LozengeActionTrigger from './lozenge-action-trigger';
 const validateItems = (items = [], text) => {
   return items.filter(item => item.text !== text);
 };

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -2,18 +2,19 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { Fragment, useCallback, useMemo } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { Fragment, useMemo, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import { R50, R500 } from '@atlaskit/theme/colors';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { dropdownItemGroupStyles, contentStyles, linkStyles, textStyles } from './styled';
-import { getFormattedMessage, openEmbedModalWithFlexibleUiIcon } from '../../../../utils';
+import { R50, R500 } from '@atlaskit/theme/colors';
 import { messages } from '../../../../../../../messages';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../../state/flexible-ui-context';
 import useResolve from '../../../../../../../state/hooks/use-resolve';
+import { getFormattedMessage, openEmbedModalWithFlexibleUiIcon } from '../../../../utils';
+import { contentStyles, dropdownItemGroupStyles, linkStyles, textStyles } from './styled';
 const MAX_LINE_NUMBER = 8;
 const LozengeActionError = ({
   errorMessage,

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.js

@@ -5,9 +5,9 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+import { DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import LozengeActionItem from '../lozenge-action-item';
 import { dropdownItemGroupStyles } from '../styled';
-import { DropdownItemGroup } from '@atlaskit/dropdown-menu';
 const LozengeActionItemsGroup = ({
   items,
   testId,

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -3,13 +3,14 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useCallback, useMemo, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { useCallback, useMemo, useState } from 'react';
-import Lozenge from '@atlaskit/lozenge';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
+import Lozenge from '@atlaskit/lozenge';
 import { Box, xcss } from '@atlaskit/primitives';
+import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
 const chevronDownStyles = xcss({
   marginLeft: 'space.075',
   display: 'flex'

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -4,10 +4,11 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 import { useContext } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { MediaType } from '../../../../../constants';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Media from '../media';
 const Preview = props => {
   const {

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -3,9 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useContext } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Text from '../text';
 const SNIPPET_DEFAULT_MAX_LINES = 3;

package/dist/es2019/view/FlexibleCard/components/elements/utils.js

@@ -2,17 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
 import { FormattedDate } from 'react-intl-next';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
+import { messages } from '../../../../messages';
+import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import AtlaskitBadge from './atlaskit-badge';
+import AvatarGroup from './avatar-group';
+import Badge from './badge';
+import DateTime from './date-time';
 import Icon from './icon';
 import Link from './link';
 import Lozenge from './lozenge';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
-import Badge from './badge';
-import AvatarGroup from './avatar-group';
 import Media from './media';
 import Text from './text';
-import { messages } from '../../../../messages';
-import DateTime from './date-time';
-import AtlaskitBadge from './atlaskit-badge';
 const elementMappings = {
   [ElementName.AttachmentCount]: {
     component: Badge,

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -1,12 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
+import Loadable from 'react-loadable';
 import { SmartLinkSize } from '../../../constants';
-import Icon from './elements/icon';
 import { openEmbedModal } from '../../EmbedModal/utils';
-import Loadable from 'react-loadable';
+import Icon from './elements/icon';
 export const sizeToButtonSpacing = {
   [SmartLinkSize.Small]: 'none',
   [SmartLinkSize.Medium]: 'compact',

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
 import { SmartLinkStatus } from '../../constants';
-import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
-import { getContextByStatus, getRetryOptions } from './utils';
 import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
+import Container from './components/container';
+import { getContextByStatus, getRetryOptions } from './utils';
 
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.

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

@@ -1,13 +1,13 @@
+import { extractProvider } from '@atlaskit/link-extractors';
 import { SmartLinkStatus } from '../../constants';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context';
-import { messages } from '../../messages';
 import extractFlexibleUiContext from '../../extractors/flexible';
+import extractPreview from '../../extractors/flexible/extract-preview';
 import { extractErrorIcon } from '../../extractors/flexible/icon';
-import { handleOnClick } from '../../utils';
-import { extractProvider } from '@atlaskit/link-extractors';
 import extractProviderIcon from '../../extractors/flexible/icon/extract-provider-icon';
-import extractPreview from '../../extractors/flexible/extract-preview';
+import { messages } from '../../messages';
+import { handleOnClick } from '../../utils';
+import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 export const getContextByStatus = params => {
   const {
     response,

package/dist/es2019/view/HoverCard/components/ContentContainer.js

@@ -3,14 +3,15 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useEffect, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { useState, useEffect } from 'react';
-import { HoverCardContainer, popupContainerStyles } from '../styled';
+import { di } from 'react-magnetic-di';
+import useAISummaryAction from '../../../state/hooks/use-ai-summary-action';
 import AIPrism from '../../common/ai-prism';
+import { HoverCardContainer, popupContainerStyles } from '../styled';
 import { hoverCardClassName } from './HoverCardContent';
-import useAISummaryAction from '../../../state/hooks/use-ai-summary-action';
-import { di } from 'react-magnetic-di';
 const ConnectedAIPrismContainer = ({
   children,
   isAIEnabled = false,

package/dist/es2019/view/HoverCard/components/CustomPopupContainer.js

@@ -4,9 +4,9 @@ import _extends from "@babel/runtime/helpers/extends";
  * @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';
-
 /**
  * The purpose of this component is to hide the default Popup border.
  * HoverCard border implementation is in ContentContainer where it can

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

@@ -3,19 +3,20 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import Popup from '@atlaskit/popup';
+import React, { useCallback, useEffect, useRef } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React, { useCallback, useRef, useEffect } from 'react';
+import Popup from '@atlaskit/popup';
+import { ActionName, CardDisplay } from '../../../constants';
+import { useSmartCardActions } from '../../../state/actions';
+import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { useSmartLinkRenderers } from '../../../state/renderers';
 import { useSmartCardState as useLinkState } from '../../../state/store';
-import HoverCardContent from '../components/HoverCardContent';
+import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import CustomPopupContainer from '../components/CustomPopupContainer';
+import HoverCardContent from '../components/HoverCardContent';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
-import { ActionName, CardDisplay } from '../../../constants';
-import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
-import { useSmartCardActions } from '../../../state/actions';
-import { useSmartLinkAnalytics } from '../../../state/analytics';
 const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 const FADE_IN_DELAY = 500;
 const FADE_OUT_DELAY = 300;
@@ -24,7 +25,6 @@ export const HoverCardComponent = ({
   children,
   url,
   id = '',
-  analyticsHandler,
   canOpen = true,
   closeOnChildClick = false,
   actionOptions,

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

@@ -2,25 +2,26 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
+import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
+import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
+import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { flexibleUiOptions, titleBlockCss } from '../styled';
 import { getMetadata } from '../utils';
+import ContentContainer from './ContentContainer';
+import HoverCardForbiddenView from './views/forbidden';
+import HoverCardResolvedView from './views/resolved';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
-import HoverCardResolvedView from './views/resolved';
-import { fireLinkClickedEvent } from '../../../utils/analytics/click';
-import { useSmartCardState } from '../../../state/store';
-import HoverCardForbiddenView from './views/forbidden';
-import ContentContainer from './ContentContainer';
-import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 export const hoverCardClassName = 'smart-links-hover-preview';
 const HoverCardContent = ({
   id = '',

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,9 +1,10 @@
-import React, { useCallback, useState, useRef } from 'react';
+import React, { useCallback, useRef, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
-import { getTransitionStyles, getPreviewBlockStyles } from '../styled';
+import { getPreviewBlockStyles, getTransitionStyles } from '../styled';
 const ImagePreview = ({
   data,
   fallbackElementHeight

package/dist/es2019/view/HoverCard/components/views/forbidden/index.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import FlexibleCard from '../../../../FlexibleCard';
-import { messages } from '../../../../../messages';
-import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button';
 import { extractProvider } from '@atlaskit/link-extractors';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-import { getPreviewBlockStyles } from '../../../styled';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { messages } from '../../../../../messages';
+import FlexibleCard from '../../../../FlexibleCard';
+import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
+import { getPreviewBlockStyles } from '../../../styled';
+import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
 const HoverCardForbiddenView = ({
   flexibleCardProps,
   testId = 'hover-card-forbidden-view'

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

@@ -5,12 +5,12 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
+import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';
+import Icon from '../../../../FlexibleCard/components/elements/icon';
 import { CARD_WIDTH_REM } from '../../../styled';
 import { getTitleStyles, loadingViewContainer, skeletonContainer, titleBlockStyles } from './styled';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
-import Icon from '../../../../FlexibleCard/components/elements/icon';
 const HoverCardLoadingView = ({
   titleBlockProps
 }) => {

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

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const loadingViewContainer = css({
   display: 'flex',

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

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import FlexibleCard from '../../../../FlexibleCard';
-import { messages } from '../../../../../messages';
-import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import { extractProvider } from '@atlaskit/link-extractors';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-import UnauthorisedViewContent from '../../../../common/UnauthorisedViewContent';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-import { LinkIcon } from '../../../../FlexibleCard/components/elements';
 import { ActionName, CardDisplay } from '../../../../../constants';
+import { messages } from '../../../../../messages';
 import { useSmartCardActions } from '../../../../../state/actions';
 import { hasAuthScopeOverrides } from '../../../../../state/helpers';
+import UnauthorisedViewContent from '../../../../common/UnauthorisedViewContent';
+import FlexibleCard from '../../../../FlexibleCard';
+import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
+import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
+import { LinkIcon } from '../../../../FlexibleCard/components/elements';
+import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
 const HoverCardUnauthorisedView = ({
   analytics,
   extensionKey,

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

@@ -2,16 +2,17 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useCallback } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
+import { di } from 'react-magnetic-di';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { CardDisplay } from '../../constants';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { HoverCardComponent } from './components/HoverCardComponent';
-import { CardDisplay } from '../../constants';
-import { di } from 'react-magnetic-di';
 const HoverCardWithErrorBoundary = props => {
   const {
     url,

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

@@ -1,8 +1,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { loadingPlaceholderClassName } from '../../index';
-import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
+import { SmartLinkSize } from '../../constants';
+import { loadingPlaceholderClassName } from '../../index';
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export const HOVER_CARD_Z_INDEX = layers.modal();
 export const flexibleUiOptions = {

package/dist/es2019/view/HoverCard/utils.js

@@ -1,5 +1,5 @@
-import { ElementName } from '../../constants';
 import { extractType } from '@atlaskit/link-extractors';
+import { ElementName } from '../../constants';
 import { extractOwnedBy } from '../../extractors/flexible/utils';
 const getSimulatedBetterMetadata = (extensionKey, data) => {
   var _data$Type$includes, _data$Type;