@atlaskit/smart-card 30.1.2 → 30.1.4

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -1,14 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css } from '@emotion/react';
+import { di } from 'react-magnetic-di';
 import { SmartLinkDirection } from '../../../../../../constants';
-import Block from '../../block';
-import MotionWrapper from '../../../common/motion-wrapper';
 import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
 import AISummary from '../../../../../common/ai-summary';
+import MotionWrapper from '../../../common/motion-wrapper';
+import Block from '../../block';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
-import { di } from 'react-magnetic-di';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -7,8 +7,8 @@ var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import { getBaseStyles, getGapSize, renderChildren } from '../utils';
 import { getMaxLineHeight, getTruncateStyles } from '../../utils';
+import { getBaseStyles, getGapSize, renderChildren } from '../utils';
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case SmartLinkAlignment.Right:

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId", "alwaysShow"];
 import React from 'react';
-import FooterBlockResolvedView from './resolved';
 import { SmartLinkStatus } from '../../../../../constants';
-
+import FooterBlockResolvedView from './resolved';
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
  * at the bottom of a link card.

package/dist/esm/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -2,13 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
 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 { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
-import { renderElementItems } from '../utils';
+import { getMaxLineHeight, getTruncateStyles } from '../../utils';
 import Block from '../block';
 import ElementGroup from '../element-group';
-import { getMaxLineHeight, getTruncateStyles } from '../../utils';
+import { renderElementItems } from '../utils';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -9,7 +9,6 @@ var _excluded = ["status", "testId", "overrideUrl"];
 import { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';
 import PreviewBlockResolvedView from './resolved';
-
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -9,12 +9,12 @@ var _templateObject;
  * @jsx jsx
  */
 import { useCallback, useEffect, 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 { MediaPlacement } from '../../../../../../constants';
-import Block from '../../block';
 import { Preview } from '../../../elements';
-
+import Block from '../../block';
 /**
  * Due to its placement on the left/right and ignoreContainerPadding prop
  * rely on its parent container styling, css variables are declared in

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/index.js

@@ -5,15 +5,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["testId", "url", "renderers"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
-import { di } from 'react-magnetic-di';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+import { di } from 'react-magnetic-di';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import useRelatedUrls from '../../../../../state/hooks/use-related-urls';
+import { fireRelatedLinksLoadedEvent } from './analytics';
 import { RelatedUrlsBlockErroredView } from './errored';
 import { RelatedUrlsResolvedView } from './resolved';
 import { RelatedUrlsBlockResolvingView } from './resolving';
-import { fireRelatedLinksLoadedEvent } from './analytics';
 /**
  * Represents a block to display related resources of a url
  */

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -1,11 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up';
 import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
 import { messages } from '../../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../../../components/utils';
 import Text from '../../../../elements/text';

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
-import { Inline } from '@atlaskit/primitives';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { Inline } from '@atlaskit/primitives';
 import { SmartLinkSize } from '../../../../../../../../constants';
 import extractFlexibleUiContext from '../../../../../../../../extractors/flexible';
+import { fireLinkClickedEvent } from '../../../../../../../../utils/analytics/click';
 import Icon from '../../../../../elements/icon';
 import Link from '../../../../../elements/link';
-import { fireLinkClickedEvent } from '../../../../../../../../utils/analytics/click';
 var RelatedUrlItem = function RelatedUrlItem(_ref) {
   var results = _ref.results,
     renderers = _ref.renderers,

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
-import { Stack, xcss } from '@atlaskit/primitives';
 import { AnalyticsContext, useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { Stack, xcss } from '@atlaskit/primitives';
 import RelatedUrlItem from '../related-url-item';
-import { RelatedUrlItemAnalyticsContext, fireRelatedLinksViewedEvent } from './analytics';
+import { fireRelatedLinksViewedEvent, RelatedUrlItemAnalyticsContext } from './analytics';
 var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
   var resolvedResults = _ref.resolvedResults,
     testId = _ref.testId,

package/dist/esm/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["maxLines", "status", "testId", "text"];
 import React from 'react';
-import Block from '../block';
 import { SmartLinkStatus } from '../../../../../constants';
 import { Snippet } from '../../elements';
 import { getMaxLines } from '../../utils';
+import Block from '../block';
 var DEFAULT_MAX_LINES = 3;
 var MAXIMUM_MAX_LINES = 6;
 var MINIMUM_MAX_LINES = 1;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -5,13 +5,13 @@ var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon",
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { 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 { LinkIcon } from '../../../elements';
-import Block from '../../block';
+import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize } from '../../../../../../constants';
+import { LinkIcon } from '../../../elements';
 import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles } from '../../../utils';
+import Block from '../../block';
 import ElementGroup from '../../element-group';
 var actionStyles = css({
   cursor: 'pointer',

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -3,15 +3,16 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 import React, { useCallback, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { SmartLinkStatus } from '../../../../../constants';
-import TitleBlockResolvedView from './resolved';
+import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
+import { Title } from '../../elements';
+import ActionGroup from '../action-group';
 import TitleBlockErroredView from './errored';
+import TitleBlockResolvedView from './resolved';
 import TitleBlockResolvingView from './resolving';
-import ActionGroup from '../action-group';
-import { Title } from '../../elements';
 var getActionStyles = function getActionStyles(showOnHover, isOpen) {
   if (showOnHover && !isOpen) {
     return css({

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 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 { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
 import { renderElementItems } from '../../utils';
-
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -8,11 +8,10 @@ var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import Block from '../../block';
 import { SmartLinkSize } from '../../../../../../constants';
 import LoadingSkeleton from '../../../common/loading-skeleton';
 import { getIconSizeStyles, getIconWidth } from '../../../utils';
-
+import Block from '../../block';
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.

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

@@ -6,11 +6,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name"];
 var _ElementDisplaySchema, _templateObject;
 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 { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
-import * as Elements from '../elements';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
+import * as Elements from '../elements';
 import ActionGroup from './action-group';
 import ElementGroup from './element-group';
 

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -2,10 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _importIconMapper;
 import React from 'react';
 import Loadable from 'react-loadable';
-import { R400 } from '@atlaskit/theme/colors';
-import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
 import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
+import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
+import { R400 } from '@atlaskit/theme/colors';
 import { IconType } from '../../../../../constants';
 // prettier-ignore
 var importIconMapper = (_importIconMapper = {}, _defineProperty(_importIconMapper, IconType.Archive, function () {

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

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { Box } from '@atlaskit/primitives';
 import React, { useEffect, useRef, useState } from 'react';
+import { Box } from '@atlaskit/primitives';
 export var MotionWrapper = function MotionWrapper(_ref) {
   var children = _ref.children,
     _ref$isFadeIn = _ref.isFadeIn,

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { HoverCard } from '../../../../HoverCard';
 import { ElementName } from '../../../../../constants';
+import { HoverCard } from '../../../../HoverCard';
 var FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
 var HoverCardControl = function HoverCardControl(_ref) {
   var children = _ref.children,

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

@@ -5,16 +5,17 @@ var _templateObject;
  * @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';
 var elevationStyles = css({
   border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
   borderRadius: "var(--ds-border-radius-200, 8px)",

package/dist/esm/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';
 var styles = css({
   // Stretch the invisible link over the whole of the post.

package/dist/esm/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';
 var badgeStyles = css({
   alignItems: 'center',
   display: 'inline-flex'

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

@@ -7,15 +7,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @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';
 var MAX_COUNT = 4;
 var getStyles = function getStyles(size) {

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

@@ -6,13 +6,14 @@ var _templateObject, _messageMapper;
  * @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';
 var badgeStyles = css({
   alignItems: 'center',
   display: 'inline-flex',

package/dist/esm/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';
 var styles = css({
   color: "var(--ds-text-subtlest, #626F86)",
   fontSize: '0.75rem',

package/dist/esm/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/esm/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/esm/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';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;

package/dist/esm/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';
 var styles = css({
   display: 'inline-flex',
   lineHeight: 'inherit'

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

@@ -6,23 +6,24 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
  * @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';
 var validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var text = arguments.length > 1 ? arguments[1] : undefined;

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

@@ -5,18 +5,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @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';
 var MAX_LINE_NUMBER = 8;
 var LozengeActionError = function LozengeActionError(_ref) {
   var errorMessage = _ref.errorMessage,

package/dist/esm/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';
 var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
   var items = _ref.items,
     testId = _ref.testId,

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

@@ -6,13 +6,14 @@ var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
  * @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';
 var chevronDownStyles = xcss({
   marginLeft: 'space.075',
   display: 'flex'

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

@@ -6,10 +6,11 @@ var _excluded = ["overrideUrl"];
  * @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';
 var Preview = function Preview(props) {
   var _ref = props !== null && props !== void 0 ? props : {},

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

@@ -5,9 +5,10 @@ var _excluded = ["content", "maxLines", "overrideCss"];
  * @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';
 var SNIPPET_DEFAULT_MAX_LINES = 3;

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

@@ -5,17 +5,17 @@ var _elementMappings;
 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';
 var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings, ElementName.AttachmentCount, {
   component: Badge,
   props: {

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

@@ -7,13 +7,14 @@ var _sizeToButtonSpacing, _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Small, 'none'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Medium, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Large, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);
 export var getFormattedMessage = function getFormattedMessage(message) {
   if (message) {