@atlaskit/smart-card 30.1.2 → 30.1.4

package/dist/es2019/view/BlockCard/views/ResolvedView.js

@@ -3,25 +3,26 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @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 Lozenge from '@atlaskit/lozenge';
-import { Frame } from '../components/Frame';
-import { Thumbnail } from '../components/Thumbnail';
-import { Provider } from '../components/Provider';
-import { Name } from '../components/Name';
 import { Byline } from '../../common/Byline';
+import { Icon } from '../../common/Icon';
+import { MetadataList } from '../../common/MetadataList';
+import { gs } from '../../common/utils';
 import { ActionList } from '../components/ActionList';
 import { CollaboratorList } from '../components/CollaboratorList';
-import { Emoji } from '../components/Emoji';
-import { Icon } from '../../common/Icon';
 import { Content } from '../components/Content';
-import { MetadataList } from '../../common/MetadataList';
-import { LozengeBlockWrapper } from './styled';
-import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
-import { gs } from '../../common/utils';
+import { ContentHeader } from '../components/ContentHeader';
+import { Emoji } from '../components/Emoji';
+import { Frame } from '../components/Frame';
+import { Name } from '../components/Name';
+import { Provider } from '../components/Provider';
+import { Thumbnail } from '../components/Thumbnail';
 import { handleClickCommon } from '../utils/handlers';
+import { LozengeBlockWrapper } from './styled';
 const styles = css({
   display: 'flex',
   justifyContent: 'space-between',

package/dist/es2019/view/BlockCard/views/ResolvingView.js

@@ -4,13 +4,13 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
 import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--editor-file';
 import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
-import { Frame } from '../components/Frame';
-import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { gs } from '../../common/utils';
+import { Frame } from '../components/Frame';
 /**
  * Class name for selecting non-flexible resolving block card
  *

package/dist/es2019/view/BlockCard/views/UnauthorizedView.js

@@ -3,19 +3,20 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { Frame } from '../components/Frame';
-import { Provider } from '../components/Provider';
+import { messages } from '../../../messages';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
-import { messages } from '../../../messages';
-import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
-import { handleClickCommon } from '../utils/handlers';
+import { ContentHeader } from '../components/ContentHeader';
+import { Frame } from '../components/Frame';
 import { Link } from '../components/Link';
+import { Provider } from '../components/Provider';
+import { handleClickCommon } from '../utils/handlers';
 const textBylineProps = {
   ...messages.connect_link_account_card_description
 };

package/dist/es2019/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { messages } from '../../../../messages';
-import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
-import { RetryAction } from '../../actions/flexible/RetryAction';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../../messages';
 import Text from '../../../FlexibleCard/components/elements/text';
+import { RetryAction } from '../../actions/flexible/RetryAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 

package/dist/es2019/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { toMessage } from '../../../../utils/intl-utils';
+import { useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import LockIcon from '@atlaskit/icon/glyph/lock';
+import { extractProvider } from '@atlaskit/link-extractors';
 import { R300 } from '@atlaskit/theme/colors';
+import { extractRequestAccessContextImproved } from '../../../../extractors/common/context/extractAccessContext';
+import extractHostname from '../../../../extractors/common/hostname/extractHostname';
 import { messages } from '../../../../messages';
-import LockIcon from '@atlaskit/icon/glyph/lock';
-import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
-import Text from '../../../FlexibleCard/components/elements/text';
+import { toMessage } from '../../../../utils/intl-utils';
 import { getForbiddenJsonLd } from '../../../../utils/jsonld';
-import { extractProvider } from '@atlaskit/link-extractors';
+import Text from '../../../FlexibleCard/components/elements/text';
+import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
-import { extractRequestAccessContextImproved } from '../../../../extractors/common/context/extractAccessContext';
-import { useIntl } from 'react-intl-next';
-import extractHostname from '../../../../extractors/common/hostname/extractHostname';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 
 /**
  * This view represent a Block Card with the 'Forbidden' status.

package/dist/es2019/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl-next';
 import LockIcon from '@atlaskit/icon/glyph/lock';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { R300 } from '@atlaskit/theme/colors';
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
 import { messages } from '../../../../messages';
 import Text from '../../../FlexibleCard/components/elements/text';
 import UnresolvedView from './unresolved-view';

package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo, useState } from 'react';
+import { ActionName, ElementName, SmartLinkPosition } from '../../../../constants';
 import FlexibleCard from '../../../FlexibleCard';
 import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { metadataBlockCss } from './styled';
-import { ActionName, ElementName, SmartLinkPosition } from '../../../../constants';
-import { getSimulatedBetterMetadata, titleBlockOptions, PreviewBlockOptions, FlexibleCardUiOptions, FooterBlockOptions } from './utils';
+import { FlexibleCardUiOptions, FooterBlockOptions, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
+
 /**
  * This view represents a Block card that has an 'Resolved' status.
  * @see SmartLinkStatus

package/dist/es2019/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -3,15 +3,16 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useCallback, 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 { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { getExtensionKey, hasAuthScopeOverrides } from '../../../../state/helpers';
-import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import { extractProvider } from '@atlaskit/link-extractors';
-import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { messages } from '../../../../messages';
+import { getExtensionKey, hasAuthScopeOverrides } from '../../../../state/helpers';
+import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
+import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 const contentStyles = css({

package/dist/es2019/view/BlockCard/views/flexible/styled.js

@@ -1,7 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
-
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/es2019/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { CustomBlock, PreviewBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import React from 'react';
-import FlexibleCard from '../../../../FlexibleCard';
-import { InternalFooterBlock } from '../../../../FlexibleCard/components/blocks';
-import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions, FooterBlockOptions } from '../utils';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+import FlexibleCard from '../../../../FlexibleCard';
+import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { FlexibleCardUiOptions, FooterBlockOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
 const customBlockStyles = css({
   alignItems: 'flex-start'
 });

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

@@ -1,10 +1,10 @@
 import React from 'react';
+import { injectIntl, IntlProvider } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { CardWithDataRenderer } from '../CardWithData/loader';
-import { CardWithURLRenderer } from '../CardWithUrl/loader';
 import { isCardWithData } from '../../utils';
 import { context } from '../../utils/analytics';
-import { injectIntl, IntlProvider } from 'react-intl-next';
+import { CardWithDataRenderer } from '../CardWithData/loader';
+import { CardWithURLRenderer } from '../CardWithUrl/loader';
 class PlainCard extends React.PureComponent {
   render() {
     const content = isCardWithData(this.props) ? /*#__PURE__*/React.createElement(CardWithDataRenderer, this.props) : /*#__PURE__*/React.createElement(CardWithURLRenderer, this.props);

package/dist/es2019/view/CardWithData/component.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { getEmptyJsonLd } from '../../utils/jsonld';
-import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
+import { extractInlineProps } from '../../extractors/inline';
+import { getEmptyJsonLd } from '../../utils/jsonld';
 import { BlockCardResolvedView } from '../BlockCard';
+import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
 export class CardWithDataContent extends React.Component {
   render() {
     const {

package/dist/es2019/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,10 +1,10 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { usePrefetch } from '../../../state';
-import { CardWithUrlContent } from '../component';
-import { LoadingCardLink } from './LoadingCardLink';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 import { shouldSample } from '../../../utils/shouldSample';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { CardWithUrlContent } from '../component';
+import { LoadingCardLink } from './LoadingCardLink';
 
 // This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is

package/dist/es2019/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import LazilyRender from 'react-lazily-render';
+import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
-import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 export function LazyLazilyRenderCard(props) {
   const {
     appearance,

package/dist/es2019/view/CardWithUrl/component-lazy/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { LazyLazilyRenderCard } from './LazyLazilyRenderCard';
-import { LazyIntersectionObserverCard } from './LazyIntersectionObserverCard';
 import { isIntersectionObserverSupported } from '../../../utils';
+import { LazyIntersectionObserverCard } from './LazyIntersectionObserverCard';
+import { LazyLazilyRenderCard } from './LazyLazilyRenderCard';
 export default function LazyCardWithUrlContent(props) {
   if (isIntersectionObserverSupported()) {
     return /*#__PURE__*/React.createElement(LazyIntersectionObserverCard, props);

package/dist/es2019/view/CardWithUrl/component.js

@@ -1,19 +1,19 @@
-import React, { useEffect, useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { CardDisplay } from '../../constants';
+import { useSmartLink } from '../../state';
+import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getProduct, getResourceType, getServices, getSubproduct, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
+import { combineActionOptions } from '../../utils/actions/combine-action-options';
+import { fireLinkClickedEvent } from '../../utils/analytics/click';
+import { SmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
+import { isFlexibleUiCard } from '../../utils/flexible';
 import * as measure from '../../utils/performance';
-import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
-import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
-import { InlineCard } from '../InlineCard';
 import { EmbedCard } from '../EmbedCard';
-import { isFlexibleUiCard } from '../../utils/flexible';
 import FlexibleCard from '../FlexibleCard';
-import { CardDisplay } from '../../constants';
-import { fireLinkClickedEvent } from '../../utils/analytics/click';
-import { combineActionOptions } from '../../utils/actions/combine-action-options';
-import { SmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
+import { InlineCard } from '../InlineCard';
 function Component({
   id,
   url,

package/dist/es2019/view/CardWithUrl/loader.js

@@ -1,12 +1,12 @@
-import React, { lazy, useEffect, useState, Suspense, useCallback } from 'react';
-import uuid from 'uuid';
-import { clearMarks, clearMeasures } from '../../utils/performance';
+import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
+import { di } from 'react-magnetic-di';
+import uuid from 'uuid';
 import { useSmartLinkAnalytics } from '../../state/analytics';
-import { LoadingCardLink } from './component-lazy/LoadingCardLink';
 import { importWithRetry } from '../../utils';
 import { isFlexibleUiCard } from '../../utils/flexible';
-import { di } from 'react-magnetic-di';
+import { clearMarks, clearMeasures } from '../../utils/performance';
+import { LoadingCardLink } from './component-lazy/LoadingCardLink';
 export const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => importWithRetry(() => import( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./component-lazy/index')));
 export function CardWithURLRenderer(props) {
   const [id] = useState(() => props.id ? props.id : uuid());

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, TooltipWrapper, Content } from './styled';
-import { handleClickCommon } from '../../BlockCard/utils/handlers';
-import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
+import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
+import { handleClickCommon } from '../../BlockCard/utils/handlers';
+import { className, Content, Header, IconWrapper, LinkWrapper, TextWrapper, TooltipWrapper, Wrapper } from './styled';
 export const ExpandedFrame = ({
   isPlaceholder = false,
   children,

package/dist/es2019/view/EmbedCard/components/Frame.js

@@ -2,13 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React, { useEffect, useRef, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React, { useEffect, useState, useRef } from 'react';
 import { di } from 'react-magnetic-di';
 import { getIframeSandboxAttribute } from '../../../utils';
-import { IframeDwellTracker } from './IframeDwellTracker';
 import { IFrame } from './IFrame';
+import { IframeDwellTracker } from './IframeDwellTracker';
 function mergeRefs(refs) {
   return value => {
     refs.forEach(ref => {

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -1,9 +1,9 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import { fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { gs as gridSize } from '../../common/utils';
 import { N40 } from '@atlaskit/theme/colors';
+import { fontFamily } from '@atlaskit/theme/constants';
+import { gs as gridSize } from '../../common/utils';
 export const className = 'media-card-frame';
 export const borderRadius = `
   border-radius: ${"var(--ds-border-radius, 3px)"};

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

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { extractBlockProps } from '../../extractors/block';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractEmbedProps } from '../../extractors/embed';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
-import { extractBlockProps } from '../../extractors/block';
 import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
+import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { BlockCardResolvedView, BlockCardResolvingView } from '../BlockCard';
 import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
-import { EmbedCardResolvedView } from './views/ResolvedView';
 import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
 import NotFoundView from './views/not-found-view';
+import { EmbedCardResolvedView } from './views/ResolvedView';
 import UnauthorizedView from './views/unauthorized-view';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   url,
   cardState: {

package/dist/es2019/view/EmbedCard/views/ErroredView.js

@@ -4,13 +4,13 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { fontSize } from '@atlaskit/theme/constants';
 import { R300 } from '@atlaskit/theme/colors';
-import { Frame } from '../../BlockCard/components/Frame';
-import { FormattedMessage } from 'react-intl-next';
+import { fontSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../messages';
+import { Frame } from '../../BlockCard/components/Frame';
 import { gs } from '../../common/utils';
 const messageStyles = css({
   fontSize: `${fontSize()}px`,

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -2,15 +2,16 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/migration/link';
-import { ExpandedFrame } from '../components/ExpandedFrame';
-import { ImageIcon } from '../components/ImageIcon';
-import { Frame } from '../components/Frame';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getPreviewUrlWithTheme } from '../../../utils';
+import { ExpandedFrame } from '../components/ExpandedFrame';
+import { Frame } from '../components/Frame';
+import { ImageIcon } from '../components/ImageIcon';
 export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   link,
   context,

package/dist/es2019/view/EmbedCard/views/forbidden-view/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import Button from '@atlaskit/button';
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 import { toMessage } from '../../../../utils/intl-utils';
 import UnresolvedView from '../unresolved-view';

package/dist/es2019/view/EmbedCard/views/unauthorized-view/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import Button from '@atlaskit/button';
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import UnresolvedView from '../unresolved-view';

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -2,10 +2,11 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import LinkGlyph from '@atlaskit/icon/core/migration/link';
+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 React, { useMemo } from 'react';
+import LinkGlyph from '@atlaskit/icon/core/migration/link';
 import { gs } from '../../../common/utils';
 import { ExpandedFrame } from '../../components/ExpandedFrame';
 import { ImageIcon } from '../../components/ImageIcon';

package/dist/es2019/view/EmbedModal/components/analytics/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
-import { EmbedModalSize } from '../../types';
 import { CardDisplay } from '../../../../constants';
+import { EmbedModalSize } from '../../types';
 const getResizeFrom = size => size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
 const withAnalytics = Component => props => {
   const {

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -2,9 +2,9 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { di } from 'react-magnetic-di';
 // 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 { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 const iframeCss = css({

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -2,20 +2,21 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React, { useMemo } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { useModal } from '@atlaskit/modal-dialog';
-import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
-import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
 import DownloadIcon from '@atlaskit/icon/core/download';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
-import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
+import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
+import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
+import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
 import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
-import { Icon } from '../../../common/Icon';
+import { useModal } from '@atlaskit/modal-dialog';
 import { messages } from '../../../../messages';
+import { Icon } from '../../../common/Icon';
 import { MAX_MODAL_SIZE } from '../../constants';
 import LinkInfoButton from './link-info-button';
 import { actionCss, containerStyles, iconCss, titleCss } from './styled';

package/dist/es2019/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button';
+import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const LinkInfoButton = ({
   content,

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

@@ -1,15 +1,15 @@
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import LinkInfo from './components/link-info';
-import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
-import EmbedContent from './components/embed-content';
-import { EmbedModalSize } from './types';
-import withErrorBoundary from './components/error-boundary';
-import withAnalytics from './components/analytics';
 import { useThemeObserver } from '@atlaskit/tokens';
-import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
 import { ActionName, CardDisplay } from '../../constants';
+import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
 import { downloadUrl, getPreviewUrlWithTheme, openUrl } from '../../utils';
+import withAnalytics from './components/analytics';
+import EmbedContent from './components/embed-content';
+import withErrorBoundary from './components/error-boundary';
+import LinkInfo from './components/link-info';
+import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
+import { EmbedModalSize } from './types';
 const toSize = width => width === MAX_MODAL_SIZE ? EmbedModalSize.Large : EmbedModalSize.Small;
 const toWidth = size => size === EmbedModalSize.Large ? MAX_MODAL_SIZE : MIN_MODAL_SIZE;
 const EmbedModal = ({

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import React, { useCallback } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { LoadingButton } from '@atlaskit/button';

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { xcss } from '@atlaskit/primitives';
-import { Box, Inline, Pressable } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
 import React, { useCallback } from 'react';
+import { Box, Inline, Pressable, xcss } from '@atlaskit/primitives';
+import Spinner from '@atlaskit/spinner';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 const buttonStyles = xcss({

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
+import Tooltip from '@atlaskit/tooltip';
 import ActionButton from './action-button';
 const ActionStackItem = ({
   content,

package/dist/es2019/view/FlexibleCard/components/actions/action/index.js

@@ -5,11 +5,10 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../constants';
-import ActionStackItem from './action-stack-item';
 import ActionButton from './action-button';
 import ActionDropdownItem from './action-dropdown-item';
 import ActionIcon from './action-icon';
-
+import ActionStackItem from './action-stack-item';
 /**
  * A base action that can be triggered with an on click.
  * @internal

package/dist/es2019/view/FlexibleCard/components/actions/action/server-action/index.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
+import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
 import { getInvokeFailureReason } from '../../../../../../state/hooks/use-invoke/utils';
 import useResolve from '../../../../../../state/hooks/use-resolve';
 import createInvokeRequest from '../../../../../../utils/actions/create-invoke-request';
 import Action from '../index';
-import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 const ServerAction = ({
   action,
   onClick,