@atlaskit/smart-card 38.5.0 → 38.5.2

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

@@ -2,10 +2,22 @@ import { layers } from '@atlaskit/theme/constants';
 import { SmartLinkSize } from '../../constants';
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export const HOVER_CARD_Z_INDEX = layers.modal();
+
+/**
+ * @deprecated Remove on platform-linking-flexible-card-context cleanup
+ */
+export const flexibleUiOptionsOld = {
+  hideBackground: true,
+  hideElevation: true,
+  hideLegacyButton: true,
+  size: SmartLinkSize.Medium,
+  zIndex: HOVER_CARD_Z_INDEX + 1
+};
 export const flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
   hideLegacyButton: true,
+  removeBlockRestriction: true,
   size: SmartLinkSize.Medium,
   zIndex: HOVER_CARD_Z_INDEX + 1
 };

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.0",
+  packageVersion: "38.5.2",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/extractors/flexible/extract-link-title.js

@@ -0,0 +1,17 @@
+import { extractTitle as extractJsonLdTitle, extractLink, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { SmartLinkStatus } from '../../constants';
+var extractLinkTitle = function extractLinkTitle(status, propUrl, response, onClick) {
+  var _ref;
+  var data = response === null || response === void 0 ? void 0 : response.data;
+  var responseUrl = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
+  var url = status === SmartLinkStatus.Resolved ? responseUrl !== null && responseUrl !== void 0 ? responseUrl : propUrl : propUrl;
+  var name = fg('smart_links_noun_support') ? extractSmartLinkTitle(response) : extractJsonLdTitle(data);
+  var text = status === SmartLinkStatus.Resolved ? (_ref = name !== null && name !== void 0 ? name : responseUrl) !== null && _ref !== void 0 ? _ref : propUrl : propUrl;
+  return {
+    onClick: onClick,
+    text: text,
+    url: url
+  };
+};
+export default extractLinkTitle;

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["appearance", "fireEvent", "id", "origin", "renderers", "resolve", "actionOptions", "response", "aiSummaryConfig"];
+var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "renderers", "resolve", "actionOptions", "response", "status", "aiSummaryConfig"];
 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 { extractAri, extractDateCreated, extractDateUpdated, extractLink, extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, extractType } from '@atlaskit/link-extractors';
@@ -8,6 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSummary } from '../common/primitives';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
+import extractLinkTitle from './extract-link-title';
 import extractPreview, { extractSmartLinkPreviewImage } from './extract-preview';
 import extractPriority from './extract-priority';
 import extractState from './extract-state';
@@ -20,11 +21,13 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var appearance = _ref.appearance,
     fireEvent = _ref.fireEvent,
     id = _ref.id,
+    onClick = _ref.onClick,
     origin = _ref.origin,
     renderers = _ref.renderers,
     resolve = _ref.resolve,
     actionOptions = _ref.actionOptions,
     response = _ref.response,
+    status = _ref.status,
     aiSummaryConfig = _ref.aiSummaryConfig,
     props = _objectWithoutProperties(_ref, _excluded);
   if (!response) {
@@ -33,7 +36,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var meta = response.meta;
   var url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
-  return _objectSpread(_objectSpread({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     actions: extractFlexibleCardActions({
       actionOptions: actionOptions,
       aiSummaryConfig: aiSummaryConfig,
@@ -61,7 +64,10 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     createdOn: fg('smart_links_noun_support') ? extractSmartLinkCreatedOn(response) : extractDateCreated(data),
     dueOn: extractDueOn(data),
     latestCommit: extractLatestCommit(data),
-    linkIcon: fg('smart_links_noun_support') ? extractSmartLinkIcon(response) : extractLinkIcon(response, renderers),
+    linkIcon: fg('smart_links_noun_support') ? extractSmartLinkIcon(response) : extractLinkIcon(response, renderers)
+  }, fg('platform-linking-flexible-card-context') && {
+    linkTitle: extractLinkTitle(status, props.url, response, onClick)
+  }), {}, {
     location: extractLocation(data),
     modifiedBy: fg('smart_links_noun_support') ? extractSmartLinkModifiedBy(response) : extractModifiedBy(data),
     modifiedOn: fg('smart_links_noun_support') ? extractSmartLinkModifiedOn(response) : extractDateUpdated(data),
@@ -78,8 +84,10 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),
-    targetBranch: extractTargetBranch(data),
-    title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url,
+    targetBranch: extractTargetBranch(data)
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url
+  }), {}, {
     url: url,
     ari: fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(data)
   }, fg('platform-linking-visual-refresh-v2') && {

package/dist/esm/state/helpers.js

@@ -23,6 +23,9 @@ export var getExtensionKey = function getExtensionKey(details) {
   var _details$meta2;
   return details === null || details === void 0 || (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key;
 };
+export var getObjectAri = function getObjectAri(details) {
+  return (details === null || details === void 0 ? void 0 : details.data) && 'atlassian:ari' in details.data && details.data['atlassian:ari'] || undefined;
+};
 export var getResourceType = function getResourceType(details) {
   var _details$meta3;
   return details === null || details === void 0 || (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.resourceType;

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

@@ -8,7 +8,9 @@ import { useSmartCardState as useSmartLinkState } from '../store';
 export function useSmartLink(id, url) {
   var state = useSmartLinkState(url);
   var _useSmartLinkContext = useSmartLinkContext(),
-    store = _useSmartLinkContext.store;
+    store = _useSmartLinkContext.store,
+    isGlancePanelAvailable = _useSmartLinkContext.isGlancePanelAvailable,
+    openGlancePanel = _useSmartLinkContext.openGlancePanel;
   var actions = useSmartLinkActions(id, url);
   var config = useSmartLinkConfig();
   var renderers = useSmartLinkRenderers();
@@ -34,6 +36,8 @@ export function useSmartLink(id, url) {
     actions: actions,
     config: config,
     renderers: renderers,
-    error: error
+    error: error,
+    isGlancePanelAvailable: isGlancePanelAvailable,
+    openGlancePanel: openGlancePanel
   };
 }

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.0"
+  packageVersion: "38.5.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -10,7 +10,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, ElementName, SmartLinkPosition, SmartLinkStatus } from '../../../constants';
 import FlexibleCard from '../../FlexibleCard';
 import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../FlexibleCard/components/blocks';
-import { FlexibleCardUiOptions, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptions } from './utils';
+import { FlexibleCardUiOptions, FlexibleCardUiOptionsOld, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 var titleBlockCssOld = null;
 var titleBlockCss = null;
@@ -73,35 +73,44 @@ var ResolvedView = function ResolvedView(_ref) {
     origin: "smartLinkCard",
     actionOptions: actionOptions,
     testId: testId,
-    ui: FlexibleCardUiOptions,
+    ui: fg('platform-linking-flexible-card-context') ? FlexibleCardUiOptions : FlexibleCardUiOptionsOld,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     metadata: titleMetadata,
     subtitle: [{
       name: ElementName.Location
     }],
-    metadataPosition: SmartLinkPosition.Top,
-    status: status,
+    metadataPosition: SmartLinkPosition.Top
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: status
+  }, {
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
-  })), /*#__PURE__*/React.createElement(MetadataBlock, {
+  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
     primary: topMetadata,
-    maxLines: 1,
-    status: SmartLinkStatus.Resolved,
+    maxLines: 1
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: SmartLinkStatus.Resolved
+  }, {
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_wwyvidpf _1sxbcxkx _i8d01j6v"])
-  }), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(MetadataBlock, {
+  })), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
     primary: bottomMetadata,
-    maxLines: 1,
-    status: SmartLinkStatus.Resolved,
+    maxLines: 1
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: SmartLinkStatus.Resolved
+  }, {
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_wwyvidpf _1sxbcxkx _i8d01j6v"])
-  }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
+  })), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
     onError: function onError() {
       setIsPreviewBlockErrored(true);
-    },
+    }
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: SmartLinkStatus.Resolved
+  })) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({
+    actions: footerActions
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Resolved
-  })) : null, /*#__PURE__*/React.createElement(FooterBlock, {
-    actions: footerActions,
-    status: SmartLinkStatus.Resolved,
+  }, {
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb" : "_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj", safari && fg('platform-linking-visual-refresh-v2') && "_4t3i1osq"])
-  }));
+  })));
 };
 export default withFlexibleUIBlockCardStyle(ResolvedView);

package/dist/esm/view/BlockCard/views/unresolved-view/index.js

@@ -8,7 +8,7 @@ import { browser } from '@atlaskit/linking-common/user-agent';
 import { fg } from '@atlaskit/platform-feature-flags';
 import FlexibleCard from '../../../FlexibleCard';
 import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
-import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
+import { FlexibleCardUiOptions, FlexibleCardUiOptionsOld, PreviewBlockOptions, titleBlockOptions } from '../utils';
 var customBlockStylesOld = null;
 var customBlockStyles = null;
 var titleBlockCssOld = null;
@@ -43,23 +43,28 @@ var UnresolvedView = function UnresolvedView(_ref) {
     onError: onError,
     origin: "smartLinkCard",
     testId: testId,
-    ui: FlexibleCardUiOptions,
+    ui: fg('platform-linking-flexible-card-context') ? FlexibleCardUiOptions : FlexibleCardUiOptionsOld,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
-    status: cardState.status,
+    text: title
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: cardState.status
+  }, {
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulp1f3t _13mh1pd9"])
-  })), /*#__PURE__*/React.createElement(CustomBlock, {
-    status: cardState.status,
+  })), /*#__PURE__*/React.createElement(CustomBlock, _extends({}, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: cardState.status
+  }, {
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt" : "_4cvr1y6m"])
-  }, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
+  }), children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, fg('platform-linking-flexible-card-context') ? undefined : {
     status: cardState.status
-  })), /*#__PURE__*/React.createElement(InternalFooterBlock, {
+  })), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({
     actions: actions,
-    testId: "smart-block-card-footer",
-    status: cardState.status,
+    testId: "smart-block-card-footer"
+  }, fg('platform-linking-flexible-card-context') ? undefined : {
+    status: cardState.status
+  }, {
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb" : "_4t3i1k8s _g0eioxwj _1qryoxwj _sxbroxwj _1gyioxwj", safari && fg('platform-linking-visual-refresh-v2') && "_4t3i1osq"])
-  }));
+  })));
 };
 export default UnresolvedView;

package/dist/esm/view/BlockCard/views/utils/index.js

@@ -152,10 +152,18 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
       };
   }
 };
-export var FlexibleCardUiOptions = {
+/**
+ * @deprecated Remove on platform-linking-flexible-card-context cleanup
+ */
+export var FlexibleCardUiOptionsOld = {
   hideElevation: true,
   hideLegacyButton: true
 };
+export var FlexibleCardUiOptions = {
+  hideElevation: true,
+  hideLegacyButton: true,
+  removeBlockRestriction: true
+};
 export var titleBlockOptions = {
   anchorTarget: '_self',
   position: SmartLinkPosition.Center,

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

@@ -5,7 +5,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
 import { succeedUfoExperience } from '../../state/analytics';
-import { getClickUrl, getDefinitionId, getExtensionKey, getResourceType, getServices, isFinalState } from '../../state/helpers';
+import { getClickUrl, getDefinitionId, getExtensionKey, getObjectAri, getResourceType, getServices, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
@@ -52,7 +52,10 @@ function Component(_ref) {
     actions = _useSmartLink.actions,
     config = _useSmartLink.config,
     renderers = _useSmartLink.renderers,
-    error = _useSmartLink.error;
+    error = _useSmartLink.error,
+    isGlancePanelAvailable = _useSmartLink.isGlancePanelAvailable,
+    openGlancePanel = _useSmartLink.openGlancePanel;
+  var ari = fg('fun-1765_wire_up_glance_panel_to_smart_cards') ? getObjectAri(state.details) : undefined;
   var definitionId = getDefinitionId(state.details);
   var extensionKey = getExtensionKey(state.details);
   var resourceType = getResourceType(state.details);
@@ -68,19 +71,37 @@ function Component(_ref) {
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
+    // Ctrl+left click on mac typically doesn't trigger onClick
+    // The event could have potentially had `e.preventDefault()` called on it by now
+    // event by smart card internally
+    // If it has been called then only then can `isModifierKeyPressed` be true.
+    var target = isModifierKeyPressed ? '_blank' : '_self';
     fireEvent('ui.smartLink.clicked', {
       id: id,
       display: isFlexibleUi ? CardDisplay.Flexible : appearance,
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed: isModifierKeyPressed
     });
-    if (!onClick && !isFlexibleUi) {
+
+    // If glance panel is available and the user clicked on the link,
+    // delegate the click to the glance panel handler
+    if (
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    fg('fun-1765_wire_up_glance_panel_to_smart_cards') && target !== '_blank' && ari && isGlancePanelAvailable !== null && isGlancePanelAvailable !== void 0 && isGlancePanelAvailable({
+      url: url,
+      ari: ari
+    }) && openGlancePanel) {
+      openGlancePanel({
+        url: url,
+        ari: ari
+      });
+      fireLinkClickedEvent(createAnalyticsEvent)(event, {
+        attributes: {
+          clickOutcome: 'glancePanel'
+        }
+      });
+    } else if (!onClick && !isFlexibleUi) {
       var clickUrl = getClickUrl(url, state.details);
-      // Ctrl+left click on mac typically doesn't trigger onClick
-      // The event could have potentially had `e.preventDefault()` called on it by now
-      // event by smart card internally
-      // If it has been called then only then can `isModifierKeyPressed` be true.
-      var target = isModifierKeyPressed ? '_blank' : '_self';
       window.open(clickUrl, target);
       fireLinkClickedEvent(createAnalyticsEvent)(event, {
         attributes: {
@@ -93,7 +114,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [id, url, state.details, appearance, definitionId, onClick, isFlexibleUi, createAnalyticsEvent, fireEvent]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, isGlancePanelAvailable, openGlancePanel, createAnalyticsEvent]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

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

@@ -7,7 +7,7 @@ import { useThemeObserver } from '@atlaskit/tokens';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
 import { getPreviewUrlWithTheme } from '../../utils';
-import IconElement from '../FlexibleCard/components/elements/icon-element';
+import { BaseIconElement } from '../FlexibleCard/components/elements/common';
 import withAnalytics from './components/analytics';
 import EmbedContent from './components/embed-content';
 import withErrorBoundary from './components/error-boundary';
@@ -104,7 +104,7 @@ var EmbedModal = function EmbedModal(_ref) {
     label: title
   } : {}), /*#__PURE__*/React.createElement(LinkInfo, {
     icon: linkIcon && {
-      icon: /*#__PURE__*/React.createElement(IconElement, _extends({}, linkIcon, {
+      icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
       })),
       isFlexibleUi: true

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

@@ -89,7 +89,7 @@ var ActionBlock = function ActionBlock(_ref) {
         },
         onError: onError,
         onLoadingChange: onLoadingChange,
-        size: size
+        size: fg('platform-linking-flexible-card-context') ? size || (ui === null || ui === void 0 ? void 0 : ui.size) : size
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/no-unsafe-design-token-usage
         ,
         style: padding && {
@@ -98,7 +98,7 @@ var ActionBlock = function ActionBlock(_ref) {
         hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId

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

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId"];
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import AIFooterBlockResolvedView from './resolved';
 /**
  * Represents a AIFooterBlock, designed to show provider metadata in
@@ -11,14 +13,26 @@ import AIFooterBlockResolvedView from './resolved';
  * @see Block
  */
 var AIFooterBlock = function AIFooterBlock(_ref) {
+  var _props$size, _cardContext$ui;
   var status = _ref.status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-ai-footer-block' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
-  if (status !== SmartLinkStatus.Resolved) {
-    return null;
+  var cardContext = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleCardContext() : undefined;
+  if (fg('platform-linking-flexible-card-context')) {
+    if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved) {
+      return null;
+    }
+  } else {
+    if (status !== SmartLinkStatus.Resolved) {
+      return null;
+    }
   }
-  return /*#__PURE__*/React.createElement(AIFooterBlockResolvedView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AIFooterBlockResolvedView, _extends({}, props, fg('platform-linking-flexible-card-context') ? {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size
+  } : undefined, {
     testId: testId
   }));
 };

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

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId"];
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleCardContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import AISummaryBlockResolvedView from './resolved';
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
@@ -13,20 +14,31 @@ import AISummaryBlockResolvedView from './resolved';
  * @see Block
  */
 var AISummaryBlock = function AISummaryBlock(_ref) {
-  var _context$actions;
+  var _context$actions, _props$size, _cardContext$ui;
   var status = _ref.status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-ai-summary-block' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
+  var cardContext = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleCardContext() : undefined;
   var context = useFlexibleUiContext();
   var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.AISummaryAction];
-  if (status !== SmartLinkStatus.Resolved) {
-    return null;
+  if (fg('platform-linking-flexible-card-context')) {
+    if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved) {
+      return null;
+    }
+  } else {
+    if (status !== SmartLinkStatus.Resolved) {
+      return null;
+    }
   }
   if (!(actionData !== null && actionData !== void 0 && actionData.url)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(AISummaryBlockResolvedView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AISummaryBlockResolvedView, _extends({}, props, fg('platform-linking-flexible-card-context') ? {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size
+  } : undefined, {
     testId: testId,
     url: actionData.url
   }));

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

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId", "alwaysShow"];
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import FooterBlockResolvedView from './resolved';
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
@@ -12,15 +14,27 @@ import FooterBlockResolvedView from './resolved';
  * @see Block
  */
 var FooterBlock = function FooterBlock(_ref) {
+  var _props$size, _cardContext$ui;
   var status = _ref.status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-footer-block' : _ref$testId,
     alwaysShow = _ref.alwaysShow,
     props = _objectWithoutProperties(_ref, _excluded);
-  if (status !== SmartLinkStatus.Resolved && !alwaysShow) {
-    return null;
+  var cardContext = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleCardContext() : undefined;
+  if (fg('platform-linking-flexible-card-context')) {
+    if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !alwaysShow) {
+      return null;
+    }
+  } else {
+    if (status !== SmartLinkStatus.Resolved && !alwaysShow) {
+      return null;
+    }
   }
-  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, fg('platform-linking-flexible-card-context') ? {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size
+  } : undefined, {
     testId: testId
   }));
 };