@atlaskit/smart-card 26.46.5 → 26.47.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 26.47.1
+
+### Patch Changes
+
+- [#71683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71683) [`eff650c49a32`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eff650c49a32) - Add AI prism border to hover preview (behind platform.linking-platform.smart-card.hover-card-ai-summaries feature flag)
+- [#72180](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72180) [`268634b4c024`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/268634b4c024) - Removes two unshipped feature flags, platform.linking-platform.smart-card.fix-is-trusted-pop and platform.linking-platform.smart-card.iframes-allow-storage-access-by-user-activation
+- Updated dependencies
+
+## 26.47.0
+
+### Minor Changes
+
+- [#70641](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70641) [`ace1983306b8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ace1983306b8) - EDM-8787 Add useLegacyBlockCard prop to smart card
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 26.46.5
 
 ### Patch Changes

package/dist/cjs/extractors/common/meta/extractIsTrusted.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractIsTrusted = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var extractIsTrusted = exports.extractIsTrusted = function extractIsTrusted(meta) {
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.fix-is-trusted-pop')) {
-    if (!(meta !== null && meta !== void 0 && meta.key)) {
-      return false;
-    }
-    return !['iframely-object-provider', 'public-object-provider'].includes(meta.key);
-  }
   return Boolean((meta === null || meta === void 0 ? void 0 : meta.key) && meta.key !== 'iframely-object-provider');
 };

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.46.5"
+  packageVersion: "26.47.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/index.js

@@ -11,7 +11,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var isCardWithData = exports.isCardWithData = function isCardWithData(props) {
@@ -336,10 +335,6 @@ var getIframeSandboxAttribute = exports.getIframeSandboxAttribute = function get
     return undefined;
   }
   var sandboxPermissions = 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
-  var allowStorageAccess = 'allow-storage-access-by-user-activation';
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.iframes-allow-storage-access-by-user-activation')) {
-    return "".concat(sandboxPermissions, " ").concat(allowStorageAccess);
-  }
   return sandboxPermissions;
 };
 var handleOnClick = exports.handleOnClick = function handleOnClick(handler) {

package/dist/cjs/view/BlockCard/components/Content.js

@@ -8,6 +8,12 @@ var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
 
+/**
+ * Class name for selecting non-flexible block card content
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardContentClassName = exports.blockCardContentClassName = 'block-card-content';
 var Content = exports.Content = function Content(_ref) {
   var children = _ref.children,

package/dist/cjs/view/BlockCard/components/ContentHeader.js

@@ -8,6 +8,12 @@ var _react = require("@emotion/react");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
 /** @jsx jsx */
 
+/**
+ * Class name for selecting non-flexible block card header
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardContentHeaderClassName = exports.blockCardContentHeaderClassName = 'block-card-content-header';
 var ContentHeader = exports.ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,

package/dist/cjs/view/BlockCard/components/Name.js

@@ -9,6 +9,12 @@ var _constants = require("@atlaskit/theme/constants");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
 
+/**
+ * Class name for selecting non-flexible block card header name
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardContentHeaderNameClassName = exports.blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 var Name = exports.Name = function Name(_ref) {
   var name = _ref.name,

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

@@ -25,6 +25,12 @@ var _RetryAction = require("../actions/RetryAction");
 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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */
 var textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
+/**
+ * Class name for selecting non-flexible errored block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardErroredViewClassName = exports.blockCardErroredViewClassName = 'block-card-errored-view';
 var ErroredView = exports.ErroredView = function ErroredView(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -24,7 +24,20 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 /** @jsx jsx */
 
+/**
+ * Class name for selecting non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardForbiddenViewClassName = exports.blockCardForbiddenViewClassName = 'block-card-forbidden-view';
+
+/**
+ * Class name for selecting link inside non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
 var ForbiddenView = exports.ForbiddenView = function ForbiddenView(_ref) {
   var _ref$context = _ref.context,

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

@@ -24,6 +24,12 @@ var _handlers = require("../utils/handlers");
 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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */
 var textDescriptionProps = _objectSpread({}, _messages.messages.not_found_description);
+/**
+ * Class name for selecting non-flexible not-found block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardNotFoundViewClassName = exports.blockCardNotFoundViewClassName = 'block-card-not-found-view';
 var NotFoundView = exports.NotFoundView = function NotFoundView(_ref) {
   var _ref$context = _ref.context,

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

@@ -25,7 +25,19 @@ var _utils = require("../../common/utils");
 var _handlers = require("../utils/handlers");
 /** @jsx jsx */
 
+/**
+ * Class name for selecting non-flexible resolved block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardResolvedViewClassName = exports.blockCardResolvedViewClassName = 'block-card-resolved-view';
+/**
+ * Class name for selecting non-flexible resolved byline
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardResolvedViewByClassName = exports.blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
 var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
   var _ref$icon = _ref.icon,

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

@@ -15,6 +15,12 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 /** @jsx jsx */
 
+/**
+ * Class name for selecting non-flexible resolving block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardResolvingViewClassName = exports.blockCardResolvingViewClassName = 'block-card-resolving-view';
 var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -49,7 +49,8 @@ function Component(_ref) {
     children = _ref.children,
     showHoverPreview = _ref.showHoverPreview,
     showAuthTooltip = _ref.showAuthTooltip,
-    analyticsEvents = _ref.analyticsEvents;
+    analyticsEvents = _ref.analyticsEvents,
+    useLegacyBlockCard = _ref.useLegacyBlockCard;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
@@ -246,7 +247,7 @@ function Component(_ref) {
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag
+        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {

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

@@ -62,7 +62,8 @@ function CardWithURLRenderer(props) {
     showAuthTooltip = props.showAuthTooltip,
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
-    fallbackComponent = props.fallbackComponent;
+    fallbackComponent = props.fallbackComponent,
+    useLegacyBlockCard = props.useLegacyBlockCard;
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', undefined, id);
   var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
   var errorHandler = (0, _react.useCallback)(function (error, info) {
@@ -130,7 +131,8 @@ function CardWithURLRenderer(props) {
     showHoverPreview: showHoverPreview,
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
-    placeholder: placeholder
+    placeholder: placeholder,
+    useLegacyBlockCard: useLegacyBlockCard
   };
   return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
     FallbackComponent: ErrorFallback,

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _styled = require("../styled");
+var _aiPrism = _interopRequireDefault(require("../../common/ai-prism"));
+var _HoverCardContent = require("./HoverCardContent");
+var _excluded = ["children", "isAIEnabled", "showPrism", "testId"];
+/** @jsx jsx */
+var ContentContainer = function ContentContainer(_ref) {
+  var children = _ref.children,
+    _ref$isAIEnabled = _ref.isAIEnabled,
+    isAIEnabled = _ref$isAIEnabled === void 0 ? false : _ref$isAIEnabled,
+    _ref$showPrism = _ref.showPrism,
+    showPrism = _ref$showPrism === void 0 ? false : _ref$showPrism,
+    testId = _ref.testId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries')) {
+    var container = (0, _react.jsx)("div", (0, _extends2.default)({
+      className: _HoverCardContent.hoverCardClassName,
+      css: [_styled.HoverCardContainer, isAIEnabled && showPrism ? undefined : _styled.popupContainerStyles],
+      "data-testid": testId
+    }, props), children);
+    return isAIEnabled ? (0, _react.jsx)(_aiPrism.default, {
+      isVisible: showPrism,
+      testId: "".concat(testId, "-prism")
+    }, container) : container;
+  }
+  return (0, _react.jsx)("div", (0, _extends2.default)({
+    className: _HoverCardContent.hoverCardClassName,
+    css: _styled.HoverCardContainer,
+    "data-testid": testId
+  }, props), children);
+};
+var _default = exports.default = ContentContainer;

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

@@ -8,15 +8,21 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styled = require("../styled");
 var _react2 = require("@emotion/react");
 var _excluded = ["children"];
 /** @jsx jsx */
+/**
+ * The purpose of this component is to hide the default Popup border.
+ * HoverCard border implementation is in ContentContainer where it can
+ * change between the default border and prism border during runtime.
+ */
 var CustomPopupContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: _styled.popupContainerStyles
+    css: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : _styled.popupContainerStyles
   }, props, {
     ref: ref
   }), children);

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

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hoverCardClassName = exports.getCopyAction = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
 var _react2 = _interopRequireWildcard(require("react"));
+var _linkProvider = require("@atlaskit/link-provider");
 var _constants = require("../../../constants");
 var _extractMetadata2 = require("../../../extractors/hover/extractMetadata");
 var _analytics2 = require("../../../state/analytics");
@@ -27,6 +29,7 @@ var _messages = require("../../../messages");
 var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
 var _forbidden = _interopRequireDefault(require("./views/forbidden"));
+var _ContentContainer = _interopRequireDefault(require("./ContentContainer"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -88,9 +91,16 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [cardState.details]);
   var linkState = (0, _store.useSmartCardState)(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
+  var isAISummaryEnabled = (0, _utils2.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
   var services = (0, _helpers.getServices)(linkState.details);
   var statusRef = (0, _react2.useRef)(linkStatus);
   var analyticsRef = (0, _react2.useRef)(analytics);
+  var _useState = (0, _react2.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showPrism = _useState2[0],
+    setShowPrism = _useState2[1];
   (0, _react2.useEffect)(function () {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -163,6 +173,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = (0, _react2.useCallback)(function (e) {
     return e.stopPropagation();
   }, []);
+  var onAIActionChange = (0, _react2.useCallback)(function (state) {
+    setShowPrism(state === 'loading');
+  }, []);
   var getCardView = function getCardView(cardState) {
     if (cardState.metadataStatus === 'pending') {
       return (0, _react.jsx)(_resolving.default, {
@@ -193,19 +206,21 @@ var HoverCardContent = function HoverCardContent(_ref) {
         cardActions: cardActions,
         cardState: cardState,
         flexibleCardProps: flexibleCardProps,
+        isAISummaryEnabled: isAISummaryEnabled,
         onActionClick: onActionClick,
+        onAIActionChange: onAIActionChange,
         titleBlockProps: titleBlockProps
       });
     }
     return null;
   };
   var cardView = getCardView(cardState);
-  return cardView ? (0, _react.jsx)("div", {
+  return cardView ? (0, _react.jsx)(_ContentContainer.default, {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
-    className: hoverCardClassName,
-    css: _styled.HoverCardContainer
+    isAIEnabled: isAISummaryEnabled,
+    showPrism: showPrism
   }, cardView) : null;
 };
 var _default = exports.default = HoverCardContent;

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

@@ -20,7 +20,6 @@ var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _helpers = require("../../../../../state/helpers");
-var _state = require("../../../../../state");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var toFooterActions = exports.toFooterActions = function toFooterActions(cardActions, onActionClick) {
@@ -58,14 +57,16 @@ var toFooterActions = exports.toFooterActions = function toFooterActions(cardAct
   return [followAction].concat((0, _toConsumableArray2.default)(actions));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
-  var _cardState$details, _cardState$details2;
+  var _cardState$details;
   var flexibleCardProps = _ref.flexibleCardProps,
     titleBlockProps = _ref.titleBlockProps,
     analytics = _ref.analytics,
     cardState = _ref.cardState,
     _ref$cardActions = _ref.cardActions,
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
+    isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
+    onAIActionChange = _ref.onAIActionChange,
     extensionKey = _ref.extensionKey,
     url = _ref.url;
   var canBeDatasource = (0, _helpers.getCanBeDatasource)(cardState.details);
@@ -103,9 +104,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  var _useSmartLinkContext = (0, _state.useSmartLinkContext)(),
-    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var showAiView = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && ((_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 || (_cardState$details2 = _cardState$details2.meta) === null || _cardState$details2 === void 0 || (_cardState$details2 = _cardState$details2.supportedFeatures) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.includes('AISummary'));
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top
   })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
@@ -127,11 +125,12 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/_react.default.createElement(_blocks.RelatedUrlsBlock, {
     url: url,
     size: _constants.SmartLinkSize.Small
-  }), showAiView ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
     metadata: [{
       name: _constants.ElementName.Provider
     }],
-    actions: footerActions
+    actions: footerActions,
+    onAIActionChange: onAIActionChange
   }) : /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
     actions: footerActions,
     size: _constants.SmartLinkSize.Large,

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

@@ -4,12 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.titleBlockCss = exports.separatorCss = exports.popupContainerStyles = exports.getTransitionStyles = exports.getPreviewBlockStyles = exports.flexibleUiOptions = exports.HoverCardContainer = exports.HOVER_CARD_Z_INDEX = exports.CARD_WIDTH_REM = exports.CARD_GAP_PX = void 0;
+exports.titleBlockCss = exports.separatorCss = exports.popupContainerStyles = exports.getTransitionStyles = exports.getPreviewBlockStyles = exports.flexibleUiOptions = exports.NEW_CARD_WIDTH_REM = exports.HoverCardContainer = exports.HOVER_CARD_Z_INDEX = exports.CARD_WIDTH_REM = exports.CARD_GAP_PX = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _index = require("../../index");
 var _constants = require("../../constants");
 var _constants2 = require("@atlaskit/theme/constants");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 // 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 = _constants2.layers.modal();
@@ -21,12 +22,13 @@ var flexibleUiOptions = exports.flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 var CARD_WIDTH_REM = exports.CARD_WIDTH_REM = 24;
+var NEW_CARD_WIDTH_REM = exports.NEW_CARD_WIDTH_REM = 28;
 // gap between mouse cursor and hover card
 var CARD_GAP_PX = exports.CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 var separatorCss = exports.separatorCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
+var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
 var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
 var getTransitionStyles = exports.getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSimulatedMetadata = exports.getSimulatedBetterMetadata = void 0;
+exports.getSimulatedMetadata = exports.getSimulatedBetterMetadata = exports.getIsAISummaryEnabled = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../constants");
 var _linkExtractors = require("@atlaskit/link-extractors");
@@ -205,4 +205,10 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
     default:
       return defaultMetadata;
   }
+};
+var getIsAISummaryEnabled = exports.getIsAISummaryEnabled = function getIsAISummaryEnabled() {
+  var _response$meta;
+  var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var response = arguments.length > 1 ? arguments[1] : undefined;
+  return Boolean((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeatures) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
 };

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

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

package/dist/cjs/view/common/Icon.js

@@ -13,6 +13,12 @@ var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 var _utils = require("./utils");
 var _templateObject, _templateObject2;
 /** @jsx jsx */
+/**
+ * Class name for selecting non-flexible block card icon image
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 var blockCardIconImageClassName = exports.blockCardIconImageClassName = 'block-card-icon-image';
 var getImageStyles = function getImageStyles(isFlexibleUi) {
   if (isFlexibleUi) {

package/dist/es2019/extractors/common/meta/extractIsTrusted.js

@@ -1,10 +1,3 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const extractIsTrusted = meta => {
-  if (getBooleanFF('platform.linking-platform.smart-card.fix-is-trusted-pop')) {
-    if (!(meta !== null && meta !== void 0 && meta.key)) {
-      return false;
-    }
-    return !['iframely-object-provider', 'public-object-provider'].includes(meta.key);
-  }
   return Boolean((meta === null || meta === void 0 ? void 0 : meta.key) && meta.key !== 'iframely-object-provider');
 };

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

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

package/dist/es2019/utils/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Loadable from 'react-loadable';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const isCardWithData = props => !!props.data;
 export const isSpecialEvent = evt => evt.isDefaultPrevented() && (isIframe() || isSpecialKey(evt) || isSpecialClick(evt));
 export const isIframe = () => window.parent !== parent;
@@ -104,10 +103,6 @@ export const getIframeSandboxAttribute = isTrusted => {
     return undefined;
   }
   const sandboxPermissions = 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
-  const allowStorageAccess = 'allow-storage-access-by-user-activation';
-  if (getBooleanFF('platform.linking-platform.smart-card.iframes-allow-storage-access-by-user-activation')) {
-    return `${sandboxPermissions} ${allowStorageAccess}`;
-  }
   return sandboxPermissions;
 };
 export const handleOnClick = handler => e => {

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

@@ -1,6 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
+/**
+ * Class name for selecting non-flexible block card content
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardContentClassName = 'block-card-content';
 export const Content = ({
   children,

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

@@ -1,6 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
+/**
+ * Class name for selecting non-flexible block card header
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardContentHeaderClassName = 'block-card-content-header';
 export const ContentHeader = ({
   onClick,

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

@@ -2,6 +2,12 @@
 import { jsx } from '@emotion/react';
 import { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';
+/**
+ * Class name for selecting non-flexible block card header name
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 export const Name = ({
   name,

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

@@ -18,6 +18,12 @@ import { RetryAction } from '../actions/RetryAction';
 const textDescriptionProps = {
   ...messages.could_not_load_link
 };
+/**
+ * Class name for selecting non-flexible errored block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardErroredViewClassName = 'block-card-errored-view';
 export const ErroredView = ({
   isSelected = false,