@atlaskit/smart-card 26.47.0 → 26.47.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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.47.0"
+  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/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.47.0",
+  packageVersion: "26.47.1",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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.47.0"
+  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/HoverCard/components/ContentContainer.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { HoverCardContainer, popupContainerStyles } from '../styled';
+import AIPrism from '../../common/ai-prism';
+import { hoverCardClassName } from './HoverCardContent';
+const ContentContainer = ({
+  children,
+  isAIEnabled = false,
+  showPrism = false,
+  testId,
+  ...props
+}) => {
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries')) {
+    const container = jsx("div", _extends({
+      className: hoverCardClassName,
+      css: [HoverCardContainer, isAIEnabled && showPrism ? undefined : popupContainerStyles],
+      "data-testid": testId
+    }, props), children);
+    return isAIEnabled ? jsx(AIPrism, {
+      isVisible: showPrism,
+      testId: `${testId}-prism`
+    }, container) : container;
+  }
+  return jsx("div", _extends({
+    className: hoverCardClassName,
+    css: HoverCardContainer,
+    "data-testid": testId
+  }, props), children);
+};
+export default ContentContainer;

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

@@ -1,13 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { popupContainerStyles } from '../styled';
 import { jsx } from '@emotion/react';
+
+/**
+ * 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.
+ */
 const CustomPopupContainer = /*#__PURE__*/React.forwardRef(({
   children,
   ...props
 }, ref) => jsx("div", _extends({
-  css: popupContainerStyles
+  css: getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : popupContainerStyles
 }, props, {
   ref: ref
 }), children));

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

@@ -2,14 +2,15 @@
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
-import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
-import { getSimulatedMetadata } from '../utils';
+import { flexibleUiOptions, titleBlockCss } from '../styled';
+import { getSimulatedMetadata, getIsAISummaryEnabled } from '../utils';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
@@ -18,6 +19,7 @@ import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
+import ContentContainer from './ContentContainer';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,
@@ -52,9 +54,14 @@ const HoverCardContent = ({
   const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
   const linkState = useSmartCardState(url);
   const linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  const {
+    isAdminHubAIEnabled
+  } = useSmartLinkContext();
+  const isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   const services = getServices(linkState.details);
   const statusRef = useRef(linkStatus);
   const analyticsRef = useRef(analytics);
+  const [showPrism, setShowPrism] = useState(false);
   useEffect(() => {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -124,6 +131,9 @@ const HoverCardContent = ({
     analytics
   };
   const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
+  const onAIActionChange = useCallback(state => {
+    setShowPrism(state === 'loading');
+  }, []);
   const getCardView = cardState => {
     if (cardState.metadataStatus === 'pending') {
       return jsx(HoverCardLoadingView, {
@@ -154,19 +164,21 @@ const HoverCardContent = ({
         cardActions: cardActions,
         cardState: cardState,
         flexibleCardProps: flexibleCardProps,
+        isAISummaryEnabled: isAISummaryEnabled,
         onActionClick: onActionClick,
+        onAIActionChange: onAIActionChange,
         titleBlockProps: titleBlockProps
       });
     }
     return null;
   };
   const cardView = getCardView(cardState);
-  return cardView ? jsx("div", {
+  return cardView ? jsx(ContentContainer, {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
-    className: hoverCardClassName,
-    css: HoverCardContainer
+    isAIEnabled: isAISummaryEnabled,
+    showPrism: showPrism
   }, cardView) : null;
 };
 export default HoverCardContent;

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

@@ -11,7 +11,6 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
-import { useSmartLinkContext } from '../../../../../state';
 export const toFooterActions = (cardActions, onActionClick) => {
   const followAction = {
     hideIcon: true,
@@ -52,11 +51,13 @@ const HoverCardResolvedView = ({
   analytics,
   cardState,
   cardActions = [],
+  isAISummaryEnabled,
   onActionClick,
+  onAIActionChange,
   extensionKey,
   url
 }) => {
-  var _cardState$details, _cardState$details2, _cardState$details2$m, _cardState$details2$m2;
+  var _cardState$details;
   const canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
@@ -91,10 +92,6 @@ const HoverCardResolvedView = ({
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  const {
-    isAdminHubAIEnabled
-  } = useSmartLinkContext();
-  const showAiView = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && ((_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : (_cardState$details2$m = _cardState$details2.meta) === null || _cardState$details2$m === void 0 ? void 0 : (_cardState$details2$m2 = _cardState$details2$m.supportedFeatures) === null || _cardState$details2$m2 === void 0 ? void 0 : _cardState$details2$m2.includes('AISummary'));
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -116,11 +113,12 @@ const HoverCardResolvedView = ({
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), showAiView ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     metadata: [{
       name: ElementName.Provider
     }],
-    actions: footerActions
+    actions: footerActions,
+    onAIActionChange: onAIActionChange
   }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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

@@ -2,6 +2,8 @@ import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+
 // 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();
 export const flexibleUiOptions = {
@@ -12,6 +14,7 @@ export const flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 export const CARD_WIDTH_REM = 24;
+export const NEW_CARD_WIDTH_REM = 28;
 // gap between mouse cursor and hover card
 export const CARD_GAP_PX = 10;
 const blockGap = '0.5rem';
@@ -25,7 +28,7 @@ export const HoverCardContainer = css`
   background: none;
   border-width: 0;
   box-sizing: border-box;
-  width: ${CARD_WIDTH_REM}rem;
+  width: ${getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM}rem;
 
   .${loadingPlaceholderClassName} {
     display: none;

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

@@ -201,4 +201,8 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
     default:
       return defaultMetadata;
   }
+};
+export const getIsAISummaryEnabled = (isAdminHubAIEnabled = false, response) => {
+  var _response$meta, _response$meta$suppor;
+  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$suppor = _response$meta.supportedFeatures) === null || _response$meta$suppor === void 0 ? void 0 : _response$meta$suppor.includes('AISummary')));
 };

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.47.0",
+  packageVersion: "26.47.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -1,10 +1,3 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var extractIsTrusted = function 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/esm/utils/analytics/analytics.js

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

package/dist/esm/utils/index.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var isCardWithData = function isCardWithData(props) {
   return !!props.data;
 };
@@ -226,10 +225,6 @@ export var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrus
     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 (getBooleanFF('platform.linking-platform.smart-card.iframes-allow-storage-access-by-user-activation')) {
-    return "".concat(sandboxPermissions, " ").concat(allowStorageAccess);
-  }
   return sandboxPermissions;
 };
 export var handleOnClick = function handleOnClick(handler) {

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "isAIEnabled", "showPrism", "testId"];
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { HoverCardContainer, popupContainerStyles } from '../styled';
+import AIPrism from '../../common/ai-prism';
+import { hoverCardClassName } from './HoverCardContent';
+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 = _objectWithoutProperties(_ref, _excluded);
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries')) {
+    var container = jsx("div", _extends({
+      className: hoverCardClassName,
+      css: [HoverCardContainer, isAIEnabled && showPrism ? undefined : popupContainerStyles],
+      "data-testid": testId
+    }, props), children);
+    return isAIEnabled ? jsx(AIPrism, {
+      isVisible: showPrism,
+      testId: "".concat(testId, "-prism")
+    }, container) : container;
+  }
+  return jsx("div", _extends({
+    className: hoverCardClassName,
+    css: HoverCardContainer,
+    "data-testid": testId
+  }, props), children);
+};
+export default ContentContainer;

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

@@ -3,13 +3,20 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 /** @jsx jsx */
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { popupContainerStyles } from '../styled';
 import { jsx } from '@emotion/react';
+
+/**
+ * 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.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
-    css: popupContainerStyles
+    css: getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : popupContainerStyles
   }, props, {
     ref: ref
   }), children);

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

@@ -1,17 +1,19 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
-import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
-import { getSimulatedMetadata } from '../utils';
+import { flexibleUiOptions, titleBlockCss } from '../styled';
+import { getSimulatedMetadata, getIsAISummaryEnabled } from '../utils';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
@@ -20,6 +22,7 @@ import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
+import ContentContainer from './ContentContainer';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {
@@ -77,9 +80,16 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [cardState.details]);
   var linkState = useSmartCardState(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  var _useSmartLinkContext = useSmartLinkContext(),
+    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
+  var isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   var services = getServices(linkState.details);
   var statusRef = useRef(linkStatus);
   var analyticsRef = useRef(analytics);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showPrism = _useState2[0],
+    setShowPrism = _useState2[1];
   useEffect(function () {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -152,6 +162,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = useCallback(function (e) {
     return e.stopPropagation();
   }, []);
+  var onAIActionChange = useCallback(function (state) {
+    setShowPrism(state === 'loading');
+  }, []);
   var getCardView = function getCardView(cardState) {
     if (cardState.metadataStatus === 'pending') {
       return jsx(HoverCardLoadingView, {
@@ -182,19 +195,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 ? jsx("div", {
+  return cardView ? jsx(ContentContainer, {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
-    className: hoverCardClassName,
-    css: HoverCardContainer
+    isAIEnabled: isAISummaryEnabled,
+    showPrism: showPrism
   }, cardView) : null;
 };
 export default HoverCardContent;

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

@@ -12,7 +12,6 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
-import { useSmartLinkContext } from '../../../../../state';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
     hideIcon: true,
@@ -48,14 +47,16 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
   return [followAction].concat(_toConsumableArray(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 = getCanBeDatasource(cardState.details);
@@ -93,9 +94,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  var _useSmartLinkContext = useSmartLinkContext(),
-    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var showAiView = 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.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -117,11 +115,12 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), showAiView ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     metadata: [{
       name: ElementName.Provider
     }],
-    actions: footerActions
+    actions: footerActions,
+    onAIActionChange: onAIActionChange
   }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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

@@ -4,6 +4,8 @@ import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export var HOVER_CARD_Z_INDEX = layers.modal();
 export var flexibleUiOptions = {
@@ -14,12 +16,13 @@ export var flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 export var CARD_WIDTH_REM = 24;
+export var NEW_CARD_WIDTH_REM = 28;
 // gap between mouse cursor and hover card
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, loadingPlaceholderClassName);
+export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
 export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);

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

@@ -198,4 +198,10 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
     default:
       return defaultMetadata;
   }
+};
+export var 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(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/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.47.0",
+  packageVersion: "26.47.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/utils/index.d.ts

@@ -16,7 +16,7 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
-export declare const getIframeSandboxAttribute: (isTrusted: boolean) => string | undefined;
+export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
 export declare const handleOnClick: (handler: Function) => (e: React.BaseSyntheticEvent) => void;
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;

package/dist/types/view/HoverCard/components/ContentContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContentContainerProps } from '../types';
+declare const ContentContainer: React.FC<ContentContainerProps>;
+export default ContentContainer;

package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -1,5 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
 import { PopupComponentProps } from '@atlaskit/popup';
+/**
+ * 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.
+ */
 declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types/view/HoverCard/components/views/resolved/types.d.ts

@@ -2,6 +2,7 @@ import { AnalyticsFacade } from '../../../../../state/analytics';
 import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { HoverCardLoadingViewProps } from '../resolving/types';
+import { AISummaryBlockProps } from '../../../../FlexibleCard/components/blocks/ai-summary-block/types';
 export type HoverCardResolvedProps = {
     extensionKey?: string;
     id?: string;
@@ -9,5 +10,7 @@ export type HoverCardResolvedProps = {
     analytics: AnalyticsFacade;
     cardActions?: LinkAction[];
     cardState: CardState;
+    isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string) => void;
+    onAIActionChange?: AISummaryBlockProps['onAIActionChange'];
 } & HoverCardLoadingViewProps;

package/dist/types/view/HoverCard/styled.d.ts

@@ -2,6 +2,7 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
+export declare const NEW_CARD_WIDTH_REM = 28;
 export declare const CARD_GAP_PX = 10;
 export declare const separatorCss: import("@emotion/react").SerializedStyles;
 export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;

package/dist/types/view/HoverCard/types.d.ts

@@ -99,6 +99,11 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     actionOptions?: CardActionOptions;
 };
+export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+    isAIEnabled?: boolean;
+    showPrism?: boolean;
+    testId?: string;
+};
 export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;
     fallbackElementHeight: number;

package/dist/types/view/HoverCard/utils.d.ts

@@ -1,3 +1,4 @@
-import { JsonLd } from 'json-ld-types';
+import type { JsonLd } from 'json-ld-types';
 export declare const getSimulatedMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
 export declare const getSimulatedBetterMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
+export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;

package/dist/types-ts4.5/utils/index.d.ts

@@ -16,7 +16,7 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
-export declare const getIframeSandboxAttribute: (isTrusted: boolean) => string | undefined;
+export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
 export declare const handleOnClick: (handler: Function) => (e: React.BaseSyntheticEvent) => void;
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;

package/dist/types-ts4.5/view/HoverCard/components/ContentContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContentContainerProps } from '../types';
+declare const ContentContainer: React.FC<ContentContainerProps>;
+export default ContentContainer;

package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -1,5 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
 import { PopupComponentProps } from '@atlaskit/popup';
+/**
+ * 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.
+ */
 declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types-ts4.5/view/HoverCard/components/views/resolved/types.d.ts

@@ -2,6 +2,7 @@ import { AnalyticsFacade } from '../../../../../state/analytics';
 import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { HoverCardLoadingViewProps } from '../resolving/types';
+import { AISummaryBlockProps } from '../../../../FlexibleCard/components/blocks/ai-summary-block/types';
 export type HoverCardResolvedProps = {
     extensionKey?: string;
     id?: string;
@@ -9,5 +10,7 @@ export type HoverCardResolvedProps = {
     analytics: AnalyticsFacade;
     cardActions?: LinkAction[];
     cardState: CardState;
+    isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string) => void;
+    onAIActionChange?: AISummaryBlockProps['onAIActionChange'];
 } & HoverCardLoadingViewProps;

package/dist/types-ts4.5/view/HoverCard/styled.d.ts

@@ -2,6 +2,7 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
+export declare const NEW_CARD_WIDTH_REM = 28;
 export declare const CARD_GAP_PX = 10;
 export declare const separatorCss: import("@emotion/react").SerializedStyles;
 export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -99,6 +99,11 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     actionOptions?: CardActionOptions;
 };
+export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+    isAIEnabled?: boolean;
+    showPrism?: boolean;
+    testId?: string;
+};
 export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;
     fallbackElementHeight: number;

package/dist/types-ts4.5/view/HoverCard/utils.d.ts

@@ -1,3 +1,4 @@
-import { JsonLd } from 'json-ld-types';
+import type { JsonLd } from 'json-ld-types';
 export declare const getSimulatedMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
 export declare const getSimulatedBetterMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
+export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.47.0",
+  "version": "26.47.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
     "@atlaskit/primitives": "^2.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.36.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -138,12 +138,6 @@
     ".": "./src/index.ts"
   },
   "platform-feature-flags": {
-    "platform.linking-platform.smart-card.fix-is-trusted-pop": {
-      "type": "boolean"
-    },
-    "platform.linking-platform.smart-card.iframes-allow-storage-access-by-user-activation": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.enable-hover-card-related-urls": {
       "type": "boolean"
     },