@atlaskit/smart-card 30.1.2 → 30.1.4

package/dist/es2019/extractors/flexible/actions/extract-copy-link-action.js

@@ -1,6 +1,6 @@
 import { extractLink } from '@atlaskit/link-extractors';
-import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
+import { CardAction } from '../../../view/Card/types';
 export const extractCopyLinkAction = (data, actionOptions) => {
   if (!canShowAction(CardAction.CopyLinkAction, actionOptions)) {
     return;

package/dist/es2019/extractors/flexible/actions/extract-follow-action.js

@@ -1,9 +1,9 @@
 import { extractLink, extractType } from '@atlaskit/link-extractors';
 import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getExtensionKey } from '../../../state/helpers';
-import extractServerAction from '../extract-server-action';
-import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
+import { CardAction } from '../../../view/Card/types';
+import extractServerAction from '../extract-server-action';
 const extractFollowAction = (response, actionOptions, id) => {
   var _action$dataUpdateAct;
   if (!canShowAction(CardAction.FollowAction, actionOptions)) {

package/dist/es2019/extractors/flexible/actions/extract-preview-action.js

@@ -1,9 +1,9 @@
+import { extractLink, extractPreview as extractPreviewData, extractProvider, extractTitle } from '@atlaskit/link-extractors';
+import { canShowAction } from '../../../utils/actions/can-show-action';
+import { CardAction } from '../../../view/Card/types';
 import { extractDownloadUrl } from '../../common/detail';
-import { extractPreview as extractPreviewData, extractLink, extractProvider, extractTitle } from '@atlaskit/link-extractors';
-import { extractLinkIcon } from '../icon';
 import { extractIsSupportTheming } from '../../common/meta/extractIsSupportTheming';
-import { CardAction } from '../../../view/Card/types';
-import { canShowAction } from '../../../utils/actions/can-show-action';
+import { extractLinkIcon } from '../icon';
 export const extractPreviewAction = (response, actionOptions) => {
   var _extractPreviewData;
   if (!canShowAction(CardAction.PreviewAction, actionOptions)) {

package/dist/es2019/extractors/flexible/actions/extract-view-action.js

@@ -1,7 +1,7 @@
 import { extractLink } from '@atlaskit/link-extractors';
-import { getActionsFromJsonLd } from '../../common/actions/extractActions';
-import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
+import { CardAction } from '../../../view/Card/types';
+import { getActionsFromJsonLd } from '../../common/actions/extractActions';
 export const extractViewAction = (data, actionOptions) => {
   if (!canShowAction(CardAction.ViewAction, actionOptions)) {
     return;

package/dist/es2019/extractors/flexible/actions/index.js

@@ -1,11 +1,11 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, InternalActionName } from '../../../constants';
-import { extractDownloadAction } from './extract-download-action';
-import { extractPreviewAction } from './extract-preview-action';
 import { extractAISummaryAction } from './extract-ai-summary-action';
-import extractFollowAction from './extract-follow-action';
-import { extractCopyLinkAction } from './extract-copy-link-action';
 import { extractAutomationAction } from './extract-automation-action';
+import { extractCopyLinkAction } from './extract-copy-link-action';
+import { extractDownloadAction } from './extract-download-action';
+import extractFollowAction from './extract-follow-action';
+import { extractPreviewAction } from './extract-preview-action';
 import { extractViewRelatedLinksAction } from './extract-view-related-links-action';
 const extractActions = (response, url, actionOptions, id, aiSummaryConfig) => {
   const data = response.data;

package/dist/es2019/extractors/flexible/extract-priority.js

@@ -1,5 +1,5 @@
-import { IconType } from '../../constants';
 import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+import { IconType } from '../../constants';
 const priorityMapper = {
   blocker: IconType.PriorityBlocker,
   critical: IconType.PriorityCritical,

package/dist/es2019/extractors/flexible/extract-state.js

@@ -1,10 +1,10 @@
-import { extractLozenge } from '../common/lozenge';
-import { getExtensionKey } from '../../state/helpers';
-import extractServerAction from './extract-server-action';
 import { extractLink } from '@atlaskit/link-extractors';
-import { extractPreviewAction } from './actions/extract-preview-action';
-import { CardAction } from '../../view/Card/types';
+import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
+import { CardAction } from '../../view/Card/types';
+import { extractLozenge } from '../common/lozenge';
+import { extractPreviewAction } from './actions/extract-preview-action';
+import extractServerAction from './extract-server-action';
 const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details) => {
   if (!actionType) {
     return;

package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -1,14 +1,14 @@
+import { extractTitle } from '@atlaskit/link-extractors';
+import { IconType } from '../../../constants';
+import { prioritiseIcon } from '../../common/icon';
+import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
+import { extractTaskType } from '../../common/lozenge';
 import { JIRA_GENERATOR_ID } from '../../constants';
 import extractDocumentTypeIcon from './extract-document-type-icon';
 import extractFileFormatIcon from './extract-file-formatIcon';
 import extractJiraTaskIcon from './extract-jira-task-icon';
 import extractProviderIcon from './extract-provider-icon';
 import extractUrlIcon from './extract-url-icon';
-import { extractTaskType } from '../../common/lozenge';
-import { extractTitle } from '@atlaskit/link-extractors';
-import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
-import { IconType } from '../../../constants';
-import { prioritiseIcon } from '../../common/icon';
 const extractTask = (data, label) => {
   const {
     id,

package/dist/es2019/extractors/flexible/icon/extract-provider-icon.js

@@ -1,8 +1,7 @@
-import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
+import { extractTitle } from '@atlaskit/link-extractors';
 import { IconType } from '../../../constants';
+import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import extractUrlIcon from './extract-url-icon';
-import { extractTitle } from '@atlaskit/link-extractors';
-
 /**
  * Extracts the provider icon and label from the given JSON-LD data.
  *

package/dist/es2019/extractors/flexible/icon/extract-url-icon.js

@@ -1,5 +1,4 @@
 import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
-
 /**
  * Extracts the URL icon from the given icon or link object.
  *

package/dist/es2019/extractors/flexible/icon/index.js

@@ -1,7 +1,7 @@
-import extractJsonldDataIcon from './extract-jsonld-data-icon';
-import extractProviderIcon from './extract-provider-icon';
 import { IconType, SmartLinkStatus } from '../../../constants';
 import extractIconRenderer from './extract-icon-renderer';
+import extractJsonldDataIcon from './extract-jsonld-data-icon';
+import extractProviderIcon from './extract-provider-icon';
 export const extractLinkIcon = (response, renderers) => {
   const data = response.data;
   const render = extractIconRenderer(data, renderers);

package/dist/es2019/extractors/flexible/index.js

@@ -1,15 +1,15 @@
+import { extractAri, extractDateCreated, extractDateUpdated, extractLink, extractPersonCreatedBy, extractPersonOwnedBy, extractTitle } from '@atlaskit/link-extractors';
 import { extractSummary } from '../common/primitives';
 import extractActions from './actions';
-import { extractLinkIcon } from './icon';
-import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
+import { extractViewAction } from './actions/extract-view-action';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
-import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink, extractPersonOwnedBy, extractAri } from '@atlaskit/link-extractors';
-import extractPriority from './extract-priority';
-import extractProviderIcon from './icon/extract-provider-icon';
 import extractPreview from './extract-preview';
+import extractPriority from './extract-priority';
 import extractState from './extract-state';
+import { extractLinkIcon } from './icon';
+import extractProviderIcon from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractViewAction } from './actions/extract-view-action';
+import { extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 const extractFlexibleUiContext = ({
   id,
   renderers,

package/dist/es2019/extractors/flexible/utils.js

@@ -1,4 +1,4 @@
-import { extractPersonOwnedBy, extractPersonCreatedBy, extractPersonUpdatedBy, extractPersonAssignedTo } from '@atlaskit/link-extractors';
+import { extractPersonAssignedTo, extractPersonCreatedBy, extractPersonOwnedBy, extractPersonUpdatedBy } from '@atlaskit/link-extractors';
 const extractLinkName = link => {
   if (link && typeof link === 'object' && link['@type'] === 'Link') {
     return link.name;

package/dist/es2019/extractors/inline/index.js

@@ -1,8 +1,8 @@
-import { extractTitleTextColor } from '../common/primitives';
-import { extractLozenge } from '../common/lozenge';
+import { extractLink, extractProvider, extractTitle } from '@atlaskit/link-extractors';
 import { extractIcon } from '../common/icon';
+import { extractLozenge } from '../common/lozenge';
+import { extractTitleTextColor } from '../common/primitives';
 import { extractTitlePrefix } from '../common/title-prefix';
-import { extractLink, extractTitle, extractProvider } from '@atlaskit/link-extractors';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../constants';
 export const extractInlineIcon = jsonLd => {
   const provider = extractProvider(jsonLd);

package/dist/es2019/state/actions/index.js

@@ -1,11 +1,11 @@
-import { useMemo, useCallback } from 'react';
-import { auth } from '@atlaskit/outbound-auth-flow-client';
+import { useCallback, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_UPDATE_METADATA_STATUS, cardAction, ACTION_RESOLVING } from '@atlaskit/linking-common';
-import { getDefinitionId, getByDefinitionId, getServices, getExtensionKey } from '../helpers';
+import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
+import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { SmartLinkStatus } from '../../constants';
-import useResolve from '../hooks/use-resolve';
+import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
+import useResolve from '../hooks/use-resolve';
 export const useSmartCardActions = (id, url, analytics) => {
   const resolveUrl = useResolve();
   const invokeClientAction = useInvokeClientAction({

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -1,10 +1,10 @@
 import { useMemo } from 'react';
-import { getUrl } from '@atlaskit/linking-common';
-import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from '../../utils/analytics';
-import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
-import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getStatusDetails, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { getUrl } from '@atlaskit/linking-common';
+import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from '../../utils/analytics';
 import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent, uiServerActionClicked } from '../../utils/analytics/analytics';
+import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getStatusDetails, getSubproduct } from '../helpers';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {

package/dist/es2019/state/flexible-ui-context/index.js

@@ -1,4 +1,4 @@
-import { useContext, createContext } from 'react';
+import { createContext, useContext } from 'react';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import uuid from 'uuid';
-import { ChunkProcessingError } from './types';
-import { addPath, getXProductHeaderValue } from './utils';
-import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { readStream } from './readStream';
+import { ChunkProcessingError } from './types';
+import { addPath, getXProductHeaderValue } from './utils';
 export class AISummaryService {
   constructor(props) {
     var _getXProductHeaderVal;

package/dist/es2019/state/hooks/use-ai-summary/index.js

@@ -1,6 +1,6 @@
-import { useState, useEffect } from 'react';
-import { AISummariesStore } from './ai-summary-service/store';
+import { useEffect, useState } from 'react';
 import { AISummaryService } from './ai-summary-service';
+import { AISummariesStore } from './ai-summary-service/store';
 /**
  * Stream AI summary for an url.
  * For hook specific to AI summary on as a smart link, please see useAISummaryAction.

package/dist/es2019/state/hooks/use-ai-summary-action/index.js

@@ -1,5 +1,5 @@
-import { extractAri, extractLink } from '@atlaskit/link-extractors';
 import { useCallback } from 'react';
+import { extractAri, extractLink } from '@atlaskit/link-extractors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../analytics';
 import { useSmartCardState } from '../../store';

package/dist/es2019/state/hooks/use-ai-summary-config/index.js

@@ -1,5 +1,5 @@
-import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { useMemo } from 'react';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export const useAISummaryConfig = () => {
   const {
     connections,

package/dist/es2019/state/hooks/use-resolve/index.js

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
-import { addMetadataToExperience } from '../../analytics';
-import { SmartLinkStatus } from '../../../constants';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { SmartLinkStatus } from '../../../constants';
+import { addMetadataToExperience } from '../../analytics';
 import useResponse from '../use-response';
 const useResolve = () => {
   // Request JSON-LD data for the card from ORS, if it has extended

package/dist/es2019/state/hooks/use-response/index.js

@@ -1,10 +1,10 @@
 import { useCallback, useMemo } from 'react';
+import { unstable_batchedUpdates } from 'react-dom';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
 import { SmartLinkStatus } from '../../../constants';
 import { getUnauthorizedJsonLd } from '../../../utils/jsonld';
 import { ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA, ERROR_MESSAGE_OAUTH } from '../../actions/constants';
-import { unstable_batchedUpdates } from 'react-dom';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
 const useResponse = () => {
   // Takes in the JSON-LD response and dispatch the resolved action for the card.
   // It will dispatch a successful or error action

package/dist/es2019/state/hooks/useSmartLink.js

@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react';
-import { useSmartCardState as useSmartLinkState } from '../store';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { useSmartCardActions as useSmartLinkActions } from '../actions';
-import { useSmartLinkConfig } from '../config';
 import { useSmartLinkAnalytics } from '../analytics';
+import { useSmartLinkConfig } from '../config';
 import { useSmartLinkRenderers } from '../renderers';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartCardState as useSmartLinkState } from '../store';
 export function useSmartLink(id, url) {
   const state = useSmartLinkState(url);
   const {

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -3,8 +3,8 @@ import uuid from 'uuid';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
-import { useSmartCardState as useLinkState } from '../store';
 import { getExtensionKey } from '../helpers';
+import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions({
   url,
   appearance,

package/dist/es2019/utils/analytics/analytics.js

@@ -1,10 +1,10 @@
-import { getMeasure } from '../performance';
 import { SmartLinkActionType } from '@atlaskit/linking-types';
+import { getMeasure } from '../performance';
 export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.1.2"
+  packageVersion: "30.1.4"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/analytics/click.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
-import { ANALYTICS_CHANNEL } from './analytics';
 import { useLinkClicked, useMouseDownEvent } from '../../state/analytics/useLinkClicked';
+import { ANALYTICS_CHANNEL } from './analytics';
 export const buttonMap = new Map([[undefined, 'none'], [0, 'left'], [1, 'middle'], [2, 'right']]);
 export const getKeys = e => {
   return ['alt', 'ctrl', 'meta', 'shift'].filter(key => e[`${key}Key`] === true);

package/dist/es2019/utils/flexible.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as Blocks from '../view/FlexibleCard/components/blocks';
-import { PreviewBlock, TitleBlock, FooterBlock } from '../view/FlexibleCard/components/blocks';
+import { FooterBlock, PreviewBlock, TitleBlock } from '../view/FlexibleCard/components/blocks';
 import * as Elements from '../view/FlexibleCard/components/elements';
 export const isFlexibleUiCard = children => {
   if (children && React.Children.toArray(children).some(child => isFlexibleUiTitleBlock(child))) {

package/dist/es2019/view/BlockCard/actions/flexible/AuthorizeAction.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
-
 /**
  * Returns a CustomActionItem with a "Connect to <providerName>" message
  *

package/dist/es2019/view/BlockCard/actions/flexible/ForbiddenAction.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
-
 /**
  * Returns a CustomActionItem with a "Try Another Account" default message
  *

package/dist/es2019/view/BlockCard/actions/flexible/RetryAction.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
-
 /**
  * Returns a CustomActionItem with a "Retry" default message
  *

package/dist/es2019/view/BlockCard/components/Action.js

@@ -2,9 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { 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 { useState } from 'react';
 import { LoadingButton as Button } from '@atlaskit/button';
 import { ActionIcon } from './ActionIcon';
 export const spinnerDelay = 1000;

package/dist/es2019/view/BlockCard/components/ActionList.js

@@ -5,13 +5,13 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 // 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 ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
-import { Action } from './Action';
 import { gs, mq } from '../../common/utils';
-import { di } from 'react-magnetic-di';
+import { Action } from './Action';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const wrapperStyles = mq({

package/dist/es2019/view/BlockCard/components/Emoji.js

@@ -2,9 +2,10 @@
  * @jsxRuntime classic
  * @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 React from 'react';
 import { gs } from '../../common/utils';
 const styles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -2,11 +2,12 @@
  * @jsxRuntime classic
  * @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 React from 'react';
-import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';
-import { gs, br, mq } from '../../common/utils';
+import { B200, N20A, N30A, N40A, N50A } from '@atlaskit/theme/colors';
+import { br, gs, mq } from '../../common/utils';
 export const Frame = (props = {
   isSelected: false,
   isHoverable: false,

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

@@ -3,28 +3,28 @@ 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 { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context';
+import { getExtensionKey } from '../../state/helpers';
+import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { CardLinkView } from '../LinkView';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
-import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
-import { NotFoundView as BlockCardNotFoundView } from './views/NotFoundView';
-import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
-import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
-import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
+import { handleClickCommon } from './utils/handlers';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
+import FlexibleErroredView from './views/flexible/FlexibleErroredView';
+import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
+import FlexibleNotFoundView from './views/flexible/FlexibleNotFoundView';
 import FlexibleResolvedView from './views/flexible/FlexibleResolvedView';
 import FlexibleUnauthorisedView from './views/flexible/FlexibleUnauthorisedView';
-import FlexibleNotFoundView from './views/flexible/FlexibleNotFoundView';
-import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
-import FlexibleErroredView from './views/flexible/FlexibleErroredView';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { handleClickCommon } from './utils/handlers';
+import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
+import { NotFoundView as BlockCardNotFoundView } from './views/NotFoundView';
+import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
+import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
+import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export const BlockCard = ({

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

@@ -2,24 +2,25 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useMemo } from 'react';
+
 // 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 { useMemo } from 'react';
-import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/utility/migration/warning';
-import { Frame } from '../components/Frame';
+import { Flex, xcss } from '@atlaskit/primitives';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../messages';
 import { Byline } from '../../common/Byline';
+import { RetryAction } from '../actions/RetryAction';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
-import { messages } from '../../../messages';
 import { ContentFooter } from '../components/ContentFooter';
 import { ContentHeader } from '../components/ContentHeader';
-import { handleClickCommon } from '../utils/handlers';
+import { Frame } from '../components/Frame';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
-import { RetryAction } from '../actions/RetryAction';
-import { Flex, xcss } from '@atlaskit/primitives';
+import { handleClickCommon } from '../utils/handlers';
 const textDescriptionProps = {
   ...messages.could_not_load_link
 };

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

@@ -3,23 +3,24 @@ 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 { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/utility/migration/lock-locked--lock-filled';
-import { Frame } from '../components/Frame';
-import { Provider } from '../components/Provider';
+import { Flex, xcss } from '@atlaskit/primitives';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../messages';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
-import { messages } from '../../../messages';
 import { ContentFooter } from '../components/ContentFooter';
 import { ContentHeader } from '../components/ContentHeader';
-import { handleClickCommon } from '../utils/handlers';
+import { Frame } from '../components/Frame';
 import { Link } from '../components/Link';
+import { Provider } from '../components/Provider';
 import { UnresolvedText } from '../components/UnresolvedText';
-import { Flex, xcss } from '@atlaskit/primitives';
+import { handleClickCommon } from '../utils/handlers';
 const iconWrapperStyles = xcss({
   marginRight: 'space.050'
 });

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

@@ -2,20 +2,21 @@
  * @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 { FormattedMessage } from 'react-intl-next';
-import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
-import { Frame } from '../components/Frame';
-import { Provider } from '../components/Provider';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../messages';
 import { Byline } from '../../common/Byline';
 import { Content } from '../components/Content';
-import { messages } from '../../../messages';
 import { ContentFooter } from '../components/ContentFooter';
 import { ContentHeader } from '../components/ContentHeader';
+import { Frame } from '../components/Frame';
 import { Link } from '../components/Link';
+import { Provider } from '../components/Provider';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { handleClickCommon } from '../utils/handlers';
 const textDescriptionProps = {