@atlaskit/smart-card 38.5.0 → 38.5.2

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

@@ -12,6 +12,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _context = require("../../extractors/common/context");
 var _flexible = _interopRequireDefault(require("../../extractors/flexible"));
+var _extractLinkTitle = _interopRequireDefault(require("../../extractors/flexible/extract-link-title"));
 var _extractPreview = _interopRequireWildcard(require("../../extractors/flexible/extract-preview"));
 var _icon = require("../../extractors/flexible/icon");
 var _extractProviderIcon = _interopRequireWildcard(require("../../extractors/flexible/icon/extract-provider-icon"));
@@ -22,13 +23,17 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var getContextByStatus = exports.getContextByStatus = function getContextByStatus(params) {
   var _ref = params !== null && params !== void 0 ? params : {},
+    onClick = _ref.onClick,
     response = _ref.response,
     status = _ref.status,
     url = _ref.url;
   switch (status) {
     case _constants.SmartLinkStatus.Pending:
     case _constants.SmartLinkStatus.Resolving:
-      return {
+      return (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? {
+        linkTitle: (0, _extractLinkTitle.default)(status, url, response, onClick),
+        url: url
+      } : {
         title: url,
         url: url
       };
@@ -40,26 +45,14 @@ var getContextByStatus = exports.getContextByStatus = function getContextByStatu
     case _constants.SmartLinkStatus.Errored:
     case _constants.SmartLinkStatus.Fallback:
     default:
-      var actions = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined;
-      if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
-        if ((0, _linkExtractors.isEntityPresent)(response)) {
-          return {
-            url: url,
-            title: url,
-            linkIcon: (0, _icon.extractErrorIcon)(response, status),
-            preview: (0, _extractPreview.extractSmartLinkPreviewImage)(response),
-            provider: (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response),
-            actions: actions
-          };
-        }
-      }
       return {
         url: url,
-        title: url,
+        title: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : url,
         linkIcon: (0, _icon.extractErrorIcon)(response, status),
-        preview: (0, _extractPreview.default)(response === null || response === void 0 ? void 0 : response.data),
-        provider: (0, _extractProviderIcon.default)(response === null || response === void 0 ? void 0 : response.data),
-        actions: actions
+        linkTitle: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? (0, _extractLinkTitle.default)(status, url, response, onClick) : undefined,
+        preview: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _extractPreview.extractSmartLinkPreviewImage)(response) : (0, _extractPreview.default)(response === null || response === void 0 ? void 0 : response.data),
+        provider: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response) : (0, _extractProviderIcon.default)(response === null || response === void 0 ? void 0 : response.data),
+        actions: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined
       };
   }
 };

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

@@ -9,6 +9,7 @@ exports.hoverCardClassName = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../constants");
 var _helpers = require("../../../state/helpers");
@@ -122,7 +123,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     origin: 'smartLinkPreviewHoverCard',
     renderers: renderers,
     actionOptions: actionOptions,
-    ui: _styled.flexibleUiOptions,
+    ui: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? _styled.flexibleUiOptions : _styled.flexibleUiOptionsOld,
     url: url,
     children: null
   };

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

@@ -62,32 +62,39 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var ButtonComponent = (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? _new.default : _button.default;
   return /*#__PURE__*/React.createElement(_FlexibleCard.default, (0, _extends2.default)({}, flexibleCardProps, {
     testId: testId
-  }), /*#__PURE__*/React.createElement(_blocks.PreviewBlock, {
+  }), /*#__PURE__*/React.createElement(_blocks.PreviewBlock, (0, _extends2.default)({
     ignoreContainerPadding: true,
-    testId: testId,
-    status: _constants.SmartLinkStatus.Forbidden,
+    testId: testId
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Forbidden
+  }, {
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_13lipd34 _qrwqpd34 _otyru2gc" : "_13lipd34 _qrwqpd34 _otyrcxkx"])
-  }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
-    testId: "".concat(testId, "-title"),
-    status: _constants.SmartLinkStatus.Forbidden,
+  })), /*#__PURE__*/React.createElement(_blocks.CustomBlock, (0, _extends2.default)({
+    testId: "".concat(testId, "-title")
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Forbidden
+  }, {
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1bah1h6o _k48p1pd9 _19pku2gc" : "_1bah1h6o _k48p1pd9 _19pku2gc"])
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[titleMessageKey], {
+  }), /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[titleMessageKey], {
     values: {
       product: product
     }
-  }))), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
-    testId: "".concat(testId, "-content"),
-    status: _constants.SmartLinkStatus.Forbidden,
+  }))), /*#__PURE__*/React.createElement(_blocks.CustomBlock, (0, _extends2.default)({
+    testId: "".concat(testId, "-content")
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Forbidden
+  }, {
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o" : "_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+  }), /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
     values: {
       product: product,
       hostname: hostname
     }
-  }))), action && /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
-    status: _constants.SmartLinkStatus.Forbidden,
+  }))), action && /*#__PURE__*/React.createElement(_blocks.CustomBlock, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Forbidden
+  }, {
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1bah1h6o _19pku2gc" : "_1bah1h6o _19pku2gc"])
-  }, /*#__PURE__*/React.createElement(ButtonComponent, {
+  }), /*#__PURE__*/React.createElement(ButtonComponent, {
     testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -74,33 +74,41 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     fallbackElementHeight: snippetHeight.current,
     response: cardState.details
   });
-  var snippet = imagePreview ? null : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
-    status: _constants.SmartLinkStatus.Resolved,
+  var snippet = imagePreview ? null : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Resolved
+  }, {
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_ca0q1b66"])
-  });
+  }));
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
-    metadataPosition: _constants.SmartLinkPosition.Top,
-    status: _constants.SmartLinkStatus.Resolved,
+    metadataPosition: _constants.SmartLinkPosition.Top
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Resolved
+  }, {
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _quenze3t _oebj1txw _13mh1pd9" : "_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
-  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
     primary: primary,
     secondary: secondary,
     maxLines: 1,
-    size: _constants.SmartLinkSize.Medium,
-    status: _constants.SmartLinkStatus.Resolved,
+    size: _constants.SmartLinkSize.Medium
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Resolved
+  }, {
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_zulpidpf _2aco1o8v _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
-  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
+  })), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, (0, _extends2.default)({
     aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet,
+    placeholder: snippet
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: _constants.SmartLinkStatus.Resolved
-  }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+  })) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, (0, _extends2.default)({
     testId: "hidden-snippet",
     onRender: onSnippetRender,
-    blockRef: snippetBlockRef,
-    status: _constants.SmartLinkStatus.Resolved,
+    blockRef: snippetBlockRef
+  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
+    status: _constants.SmartLinkStatus.Resolved
+  }, {
     className: (0, _runtime.ax)(["_3um015vq _kqswstnw"])
-  }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
+  })), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.100",
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_n3td1b66"])

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

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 var _blocks = require("../../../../FlexibleCard/components/blocks");
 var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
 var _loadingSkeleton = require("../../../../FlexibleCard/components/common/loading-skeleton");
-var _iconElement = _interopRequireDefault(require("../../../../FlexibleCard/components/elements/icon-element"));
+var _common = require("../../../../FlexibleCard/components/elements/common");
 var _styled = require("../../../styled");
 var loadingViewContainer = null;
 var skeletonContainer = null;
@@ -38,7 +38,7 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
     testId: "".concat(testId, "-title-block"),
     className: (0, _runtime.ax)(["_zulpcxkx _1bsb1osq"])
-  }), /*#__PURE__*/_react.default.createElement(_iconElement.default, {
+  }), /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, {
     render: function render() {
       return /*#__PURE__*/_react.default.createElement(_loadingSkeleton.LoadingSkeleton, null);
     },

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

@@ -3,15 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.flexibleUiOptions = exports.HOVER_CARD_Z_INDEX = exports.CARD_WIDTH_REM = exports.CARD_GAP_PX = void 0;
+exports.flexibleUiOptionsOld = exports.flexibleUiOptions = exports.HOVER_CARD_Z_INDEX = exports.CARD_WIDTH_REM = exports.CARD_GAP_PX = void 0;
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../../constants");
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 var HOVER_CARD_Z_INDEX = exports.HOVER_CARD_Z_INDEX = _constants.layers.modal();
+
+/**
+ * @deprecated Remove on platform-linking-flexible-card-context cleanup
+ */
+var flexibleUiOptionsOld = exports.flexibleUiOptionsOld = {
+  hideBackground: true,
+  hideElevation: true,
+  hideLegacyButton: true,
+  size: _constants2.SmartLinkSize.Medium,
+  zIndex: HOVER_CARD_Z_INDEX + 1
+};
 var flexibleUiOptions = exports.flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
   hideLegacyButton: true,
+  removeBlockRestriction: true,
   size: _constants2.SmartLinkSize.Medium,
   zIndex: HOVER_CARD_Z_INDEX + 1
 };

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.0",
+  packageVersion: "38.5.2",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/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';
+const extractLinkTitle = (status, propUrl, response, onClick) => {
+  var _ref;
+  const data = response === null || response === void 0 ? void 0 : response.data;
+  const responseUrl = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
+  const url = status === SmartLinkStatus.Resolved ? responseUrl !== null && responseUrl !== void 0 ? responseUrl : propUrl : propUrl;
+  const name = fg('smart_links_noun_support') ? extractSmartLinkTitle(response) : extractJsonLdTitle(data);
+  const text = status === SmartLinkStatus.Resolved ? (_ref = name !== null && name !== void 0 ? name : responseUrl) !== null && _ref !== void 0 ? _ref : propUrl : propUrl;
+  return {
+    onClick,
+    text,
+    url
+  };
+};
+export default extractLinkTitle;

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

@@ -3,6 +3,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';
@@ -14,11 +15,13 @@ const extractFlexibleUiContext = ({
   appearance,
   fireEvent,
   id,
+  onClick,
   origin,
   renderers,
   resolve,
   actionOptions,
   response,
+  status,
   aiSummaryConfig,
   ...props
 } = {}) => {
@@ -57,6 +60,9 @@ const extractFlexibleUiContext = ({
     dueOn: extractDueOn(data),
     latestCommit: extractLatestCommit(data),
     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),
@@ -74,7 +80,9 @@ const extractFlexibleUiContext = ({
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),
     targetBranch: extractTargetBranch(data),
-    title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url,
+    ...(fg('platform-linking-flexible-card-context') ? undefined : {
+      title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url
+    }),
     url,
     ari: fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(data),
     ...(fg('platform-linking-visual-refresh-v2') && {

package/dist/es2019/state/helpers.js

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

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

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

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

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

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

@@ -9,7 +9,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';
 const titleBlockCssOld = null;
 const titleBlockCss = null;
@@ -66,35 +66,44 @@ const ResolvedView = ({
     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
+  }, {
     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: () => {
       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/es2019/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';
 const customBlockStylesOld = null;
 const customBlockStyles = null;
 const titleBlockCssOld = null;
@@ -41,23 +41,28 @@ const UnresolvedView = ({
     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/es2019/view/BlockCard/views/utils/index.js

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

package/dist/es2019/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';
@@ -55,8 +55,11 @@ function Component({
     actions,
     config,
     renderers,
-    error
+    error,
+    isGlancePanelAvailable,
+    openGlancePanel
   } = useSmartLink(id, url);
+  const ari = fg('fun-1765_wire_up_glance_panel_to_smart_cards') ? getObjectAri(state.details) : undefined;
   const definitionId = getDefinitionId(state.details);
   const extensionKey = getExtensionKey(state.details);
   const resourceType = getResourceType(state.details);
@@ -70,19 +73,37 @@ function Component({
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
     const 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.
+    const target = isModifierKeyPressed ? '_blank' : '_self';
     fireEvent('ui.smartLink.clicked', {
       id,
       display: isFlexibleUi ? CardDisplay.Flexible : appearance,
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       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,
+      ari
+    }) && openGlancePanel) {
+      openGlancePanel({
+        url,
+        ari
+      });
+      fireLinkClickedEvent(createAnalyticsEvent)(event, {
+        attributes: {
+          clickOutcome: 'glancePanel'
+        }
+      });
+    } else if (!onClick && !isFlexibleUi) {
       const 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.
-      const target = isModifierKeyPressed ? '_blank' : '_self';
       window.open(clickUrl, target);
       fireLinkClickedEvent(createAnalyticsEvent)(event, {
         attributes: {
@@ -95,7 +116,7 @@ function Component({
       }
       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]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();

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

@@ -6,7 +6,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';
@@ -89,7 +89,7 @@ const EmbedModal = ({
     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/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -80,7 +80,7 @@ const ActionBlock = ({
         onClick: () => onClick(name),
         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 && {
@@ -89,7 +89,7 @@ const ActionBlock = ({
         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