@atlaskit/smart-card 26.50.13 → 26.50.15

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 26.50.15
+
+### Patch Changes
+
+- [#86332](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86332) [`813df6eb80c9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/813df6eb80c9) - Refactor FlexibleCard's PreviewAction creation
+
+## 26.50.14
+
+### Patch Changes
+
+- [#86596](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86596) [`37621cb1f1b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/37621cb1f1b9) - Update dependency json-ld-types
+- [#86596](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86596) [`3e267c62d680`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e267c62d680) - Change request shape to ai mate summary service and include ARI, add ari to flex context
+- Updated dependencies
+
 ## 26.50.13
 
 ### Patch Changes

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _constants = require("../../../constants");
+var _extractPreviewAction = require("./extract-preview-action");
+var extractActions = function extractActions(response, actionOptions) {
+  var action = (0, _defineProperty2.default)({}, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions));
+  return Object.values(action).some(function (value) {
+    return Boolean(value);
+  }) ? action : undefined;
+};
+var _default = exports.default = extractActions;

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _primitives = require("../common/primitives");
+var _actions = _interopRequireDefault(require("./actions"));
 var _extractFollowAction = _interopRequireDefault(require("./actions/extract-follow-action"));
 var _icon = require("./icon");
 var _utils = require("./utils");
@@ -16,7 +17,6 @@ var _extractProviderIcon = _interopRequireDefault(require("./icon/extract-provid
 var _extractPreview = _interopRequireDefault(require("./extract-preview"));
 var _extractState = _interopRequireDefault(require("./extract-state"));
 var _latestCommit = require("./latest-commit");
-var _extractPreviewAction = require("./actions/extract-preview-action");
 var _extractDownloadAction = require("./actions/extract-download-action");
 var _extractViewAction = require("./actions/extract-view-action");
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
@@ -31,6 +31,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = (0, _linkExtractors.extractLink)(data);
   return {
+    actions: (0, _actions.default)(response, actionOptions),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
@@ -47,7 +48,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     createdOn: (0, _linkExtractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(data),
     followAction: (0, _extractFollowAction.default)(response, actionOptions, id),
-    previewAction: (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions),
     viewAction: (0, _extractViewAction.extractViewAction)(data, actionOptions),
     downloadAction: (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions),
     latestCommit: (0, _latestCommit.extractLatestCommit)(data),
@@ -70,7 +70,8 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     storyPoints: (0, _utils.extractStoryPoints)(data),
     targetBranch: (0, _utils.extractTargetBranch)(data),
     title: (0, _linkExtractors.extractTitle)(data) || url,
-    url: url
+    url: url,
+    ari: (0, _linkExtractors.extractAri)(data)
   };
 };
 var _default = exports.default = extractFlexibleUiContext;

package/dist/cjs/state/flexible-ui-context/types.js

@@ -1,5 +1,3 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+var _constants = require("../../constants");

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

@@ -37,9 +37,11 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
             case 0:
               payload = {
                 recipient_agent_named_id: 'summary_agent',
-                agent_input: {
-                  urls: [_this.url],
-                  summary_style: summaryStyle
+                agent_input_context: {
+                  content_url: _this.url,
+                  content_ari: _this.ari,
+                  summary_style: summaryStyle,
+                  summary_output_mimetype: 'text/markdown'
                 }
               };
               options = {
@@ -84,6 +86,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
       headers: _objectSpread({}, props.headers || defaultConfig.headers)
     };
     this.url = props.url;
+    this.ari = props.ari;
     this.onStart = props.onStart;
     this.onSuccess = props.onSuccess;
     this.onError = props.onError;

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

@@ -17,7 +17,8 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
   var url = props.url,
     baseUrl = props.baseUrl,
     headers = props.headers,
-    product = props.product;
+    product = props.product,
+    ari = props.ari;
   var _useState = (0, _react.useState)(((_AISummariesStore$get = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
       status: 'ready',
       content: ''
@@ -45,6 +46,7 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
     if (!_store.AISummariesStore.get(url)) {
       _store.AISummariesStore.set(url, new _aiSummaryService.AISummaryService({
         url: url,
+        ari: ari,
         baseUrl: baseUrl,
         headers: headers,
         onError: onError,
@@ -56,7 +58,7 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
 
     //returns function that calls unsubscribe method
     return (_AISummariesStore$get2 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.subscribe(setState);
-  }, [url, baseUrl, headers, onError, onStart, onSuccess, product]);
+  }, [url, baseUrl, headers, onError, onStart, onSuccess, product, ari]);
   var summariseUrl = function summariseUrl() {
     var _AISummariesStore$get3;
     return (_AISummariesStore$get3 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.summariseUrl();

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.50.13"
+  packageVersion: "26.50.15"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/index.js

@@ -11,14 +11,17 @@ Object.defineProperty(exports, "FollowAction", {
     return _followAction.default;
   }
 });
-exports.ViewAction = exports.PreviewAction = void 0;
+Object.defineProperty(exports, "PreviewAction", {
+  enumerable: true,
+  get: function get() {
+    return _previewAction.default;
+  }
+});
+exports.ViewAction = void 0;
 var _constants = require("../../../../constants");
 var _utils = require("./utils");
 var _followAction = _interopRequireDefault(require("./follow-action"));
-// Attention: Keep the export name and action name the same.
-// This will help reducing the code for mapping action inside
-// createAction and renderActionItems
-
+var _previewAction = _interopRequireDefault(require("./preview-action"));
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
  * the icon to a cross icon.
@@ -32,13 +35,6 @@ var DeleteAction = exports.DeleteAction = (0, _utils.createUIAction)(_constants.
  */
 var EditAction = exports.EditAction = (0, _utils.createUIAction)(_constants.ActionName.EditAction);
 
-/**
- * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
- * to the text 'Preview' inside the button.
- * @see Action
- */
-var PreviewAction = exports.PreviewAction = (0, _utils.createDataAction)(_constants.ActionName.PreviewAction);
-
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _vidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-on"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../../../constants");
+var _messages = require("../../../../../messages");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
+var _utils = require("../../utils");
+var _action = _interopRequireDefault(require("../action"));
+var _excluded = ["onClick"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
+var PreviewAction = function PreviewAction(_ref) {
+  var _context$actions;
+  var onClickCallback = _ref.onClick,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvokeClientAction.default)({
+    analytics: analytics
+  });
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.PreviewAction];
+  var onClick = (0, _react.useCallback)(function () {
+    if (data) {
+      invoke({
+        actionType: _constants.ActionName.PreviewAction,
+        actionFn: function () {
+          var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  return _context.abrupt("return", (0, _utils.openEmbedModalWithFlexibleUiIcon)(_objectSpread({
+                    download: data === null || data === void 0 ? void 0 : data.downloadUrl,
+                    extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey,
+                    analytics: analytics
+                  }, data)));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function actionFn() {
+            return _actionFn.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        // These values have already been set in analytics context.
+        // We only pass these here for ufo experience.
+        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+      });
+    }
+    if (onClickCallback) {
+      onClickCallback();
+    }
+  }, [analytics, data, invoke, onClickCallback]);
+  return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved),
+    icon: /*#__PURE__*/_react.default.createElement(_vidFullScreenOn.default, {
+      label: "Open preview"
+    }),
+    onClick: onClick,
+    testId: "smart-action-preview-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved)
+  }, data, props)) : null;
+};
+var _default = exports.default = PreviewAction;

package/dist/cjs/view/FlexibleCard/components/actions/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -17,8 +17,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../../messages");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
-var _previewAction = _interopRequireDefault(require("./action/preview-action"));
-var _vidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-on"));
 var _viewAction = _interopRequireDefault(require("./action/view-action"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _downloadAction = _interopRequireDefault(require("./action/download-action"));
@@ -51,16 +49,6 @@ var actionMappings = (_actionMappings = {}, (0, _defineProperty2.default)(_actio
     }),
     tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit)
   }
-}), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.PreviewAction, {
-  component: _previewAction.default,
-  props: {
-    testId: 'smart-action-preview-action',
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved),
-    icon: /*#__PURE__*/_react.default.createElement(_vidFullScreenOn.default, {
-      label: "Open preview"
-    }),
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved)
-  }
 }), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.ViewAction, {
   component: _viewAction.default,
   props: {
@@ -93,7 +81,6 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   }
   var data = context[contextKey];
   switch (actionName) {
-    case _constants.ActionName.PreviewAction:
     case _constants.ActionName.ViewAction:
     case _constants.ActionName.DownloadAction:
       return data;

package/dist/cjs/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -12,7 +12,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var Actions = _interopRequireWildcard(require("../../../actions"));
-var _utils = require("../../utils");
 var _excluded = ["name", "hideContent", "hideIcon", "onClick", "isDisabled"];
 /** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -50,7 +49,14 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
   if (hideIcon) {
     actionProps.icon = undefined;
   }
-  var action = (0, _react.jsx)(Action, (0, _extends2.default)({
+  return (0, _react.jsx)(Action
+  // Remove url once ViewAction is retired.
+  // This seems to be a typescript workaround
+  // because ViewAction marks it as required,
+  // which does not reflect actual implementation as the url
+  // came from data context and not all actions require url.
+  // https://product-fabric.atlassian.net/browse/EDM-9547
+  , (0, _extends2.default)({
     url: "",
     asDropDownItem: asDropDownItems,
     size: size,
@@ -58,9 +64,5 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
     onClick: handleOnClick,
     isDisabled: isDisabled
   }, actionProps));
-  if (!(0, _utils.isJSXElementNull)(action)) {
-    return action;
-  }
-  return null;
 };
 var _default = exports.default = ActionGroupItem;

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

@@ -42,8 +42,10 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     fireEvent = _useAnalyticsEvents.fireEvent;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var url = (context === null || context === void 0 ? void 0 : context.url) || '';
+  var ari = (context === null || context === void 0 ? void 0 : context.ari) || '';
   var _useAISummary = (0, _useAiSummary.useAISummary)({
-      url: url
+      url: url,
+      ari: ari
     }),
     summariseUrl = _useAISummary.summariseUrl,
     _useAISummary$state = _useAISummary.state,

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

@@ -19,7 +19,7 @@ var _flexible = require("../../../../utils/flexible");
 var _actionGroup = _interopRequireDefault(require("./action-group"));
 var _elementGroup = _interopRequireDefault(require("./element-group"));
 var _excluded = ["name"];
-var _ElementDisplaySchema, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _ElementDisplaySchema, _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Determine whether the element can be display as inline/block.
@@ -28,10 +28,16 @@ var ElementDisplaySchema = exports.ElementDisplaySchema = (_ElementDisplaySchema
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {
     case _constants.SmartLinkDirection.Vertical:
-      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        flex-direction: column;\n        align-items: flex-start;\n      "])));
+      return (0, _react2.css)({
+        flexDirection: 'column',
+        alignItems: 'flex-start'
+      });
     case _constants.SmartLinkDirection.Horizontal:
     default:
-      return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        flex-direction: row;\n        align-items: center;\n      "])));
+      return (0, _react2.css)({
+        flexDirection: 'row',
+        alignItems: 'center'
+      });
   }
 };
 var getGapSize = exports.getGapSize = function getGapSize(size) {
@@ -48,9 +54,26 @@ var getGapSize = exports.getGapSize = function getGapSize(size) {
   }
 };
 var getBaseStyles = exports.getBaseStyles = function getBaseStyles(direction, size) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  gap: ", "rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  ", ";\n  &:empty {\n    display: none;\n  }\n  & > * {\n    min-width: 0;\n  }\n  & > [data-fit-to-content] {\n    min-width: fit-content;\n  }\n"])), getGapSize(size), getDirectionStyles(direction));
+  return (0, _react2.css)({
+    alignItems: 'center',
+    display: 'flex',
+    gap: "".concat(getGapSize(size), "rem"),
+    lineHeight: '1rem',
+    minWidth: 0,
+    overflow: 'hidden'
+  }, getDirectionStyles(direction), {
+    '&:empty': {
+      display: 'none'
+    },
+    '& > *': {
+      minWidth: 0
+    },
+    '& > [data-fit-to-content]': {
+      minWidth: 'fit-content'
+    }
+  });
 };
-var highlightRemoveStyles = exports.highlightRemoveStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
+var highlightRemoveStyles = exports.highlightRemoveStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _actionGroup.default;
 };
@@ -69,26 +92,37 @@ var getActionGroupStyles = exports.getActionGroupStyles = function getActionGrou
     // The biggest height of the action button exceeds the max line-height
     // of the elements causing the action on the block with x-large size to
     // get cut at the bottom.
-    return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      max-height: 2rem;\n    "])));
+    return (0, _react2.css)({
+      maxHeight: '2rem'
+    });
   }
 };
 var filterActionItems = exports.filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;
   return items.filter(function (item) {
+    var _context$actions;
     switch (item.name) {
-      // Action that require data from the data context to render.
+      case _constants.ActionName.DeleteAction:
+      case _constants.ActionName.EditAction:
+      case _constants.ActionName.CustomAction:
+        // Named and custom actions that user defines.
+        return Boolean(_constants.ActionName[item.name]);
       case _constants.ActionName.DownloadAction:
+        // Remove once DownloadAction is refactored to context.action
+        // https://product-fabric.atlassian.net/browse/EDM-9545
         return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
+      // Remove once FollowAction is refactored to context.action
+      // https://product-fabric.atlassian.net/browse/EDM-9559
       case _constants.ActionName.FollowAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
-      case _constants.ActionName.PreviewAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
+      // Remove once ViewAction is retired
+      // https://product-fabric.atlassian.net/browse/EDM-9547
       case _constants.ActionName.ViewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
       default:
-        // Named and custom actions that user defines.
-        return Boolean(_constants.ActionName[item.name]);
+        // Action that require data from the data context to render.
+        return Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[item.name]);
     }
   });
 };

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

@@ -21,7 +21,7 @@ var _excluded = ["children", "isAIEnabled", "testId", "url"],
   _excluded2 = ["children", "isAIEnabled", "testId", "url"];
 /** @jsx jsx */
 var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
-  var _extractLink, _cardState$details;
+  var _cardState$details, _extractLink, _extractAri;
   var children = _ref.children,
     _ref$isAIEnabled = _ref.isAIEnabled,
     isAIEnabled = _ref$isAIEnabled === void 0 ? false : _ref$isAIEnabled,
@@ -29,9 +29,12 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
     url = _ref.url,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var cardState = (0, _store.useSmartCardState)(url);
-  var dataUrl = (_extractLink = (0, _linkExtractors.extractLink)(cardState === null || cardState === void 0 || (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data)) !== null && _extractLink !== void 0 ? _extractLink : '';
+  var data = cardState === null || cardState === void 0 || (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var dataUrl = (_extractLink = (0, _linkExtractors.extractLink)(data)) !== null && _extractLink !== void 0 ? _extractLink : '';
+  var dataAri = (_extractAri = (0, _linkExtractors.extractAri)(data)) !== null && _extractAri !== void 0 ? _extractAri : '';
   var _useAISummary = (0, _useAiSummary.useAISummary)({
-      url: dataUrl
+      url: dataUrl,
+      ari: dataAri
     }),
     status = _useAISummary.state.status;
   var _useState = (0, _react2.useState)(status === 'loading'),

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

@@ -63,9 +63,11 @@ var toFooterActions = exports.toFooterActions = function toFooterActions(cardAct
 var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   var bottomPrimary = _ref.bottomPrimary,
     imagePreview = _ref.imagePreview,
-    url = _ref.url;
+    url = _ref.url,
+    ari = _ref.ari;
   var _useAISummary = (0, _useAiSummary.useAISummary)({
-      url: url
+      url: url,
+      ari: ari
     }),
     _useAISummary$state = _useAISummary.state,
     status = _useAISummary$state.status,
@@ -85,7 +87,7 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   })) : null;
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
-  var _cardState$details, _extractLink;
+  var _cardState$details, _extractLink, _extractAri;
   var flexibleCardProps = _ref2.flexibleCardProps,
     titleBlockProps = _ref2.titleBlockProps,
     analytics = _ref2.analytics,
@@ -111,6 +113,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }, [cardActions, onActionClick]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var dataUrl = (_extractLink = (0, _linkExtractors.extractLink)(data)) !== null && _extractLink !== void 0 ? _extractLink : '';
+  var dataAri = (_extractAri = (0, _linkExtractors.extractAri)(data)) !== null && _extractAri !== void 0 ? _extractAri : '';
   var _useMemo = (0, _react.useMemo)(function () {
       var betterMetadata = (0, _utils.getSimulatedBetterMetadata)(extensionKey, data);
       return {
@@ -160,6 +163,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }, /*#__PURE__*/_react.default.createElement(ConnectedAIBlock, {
     imagePreview: !!imagePreview,
     url: dataUrl,
+    ari: dataAri,
     bottomPrimary: bottomPrimary
   })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
     status: _constants.SmartLinkStatus.Resolved

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

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

@@ -0,0 +1,9 @@
+import { ActionName } from '../../../constants';
+import { extractPreviewAction } from './extract-preview-action';
+const extractActions = (response, actionOptions) => {
+  const action = {
+    [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions)
+  };
+  return Object.values(action).some(value => Boolean(value)) ? action : undefined;
+};
+export default extractActions;

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

@@ -1,15 +1,15 @@
 import { extractSummary } from '../common/primitives';
+import extractActions from './actions';
 import extractFollowAction from './actions/extract-follow-action';
 import { extractLinkIcon } from './icon';
 import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
-import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink, extractPersonOwnedBy } from '@atlaskit/link-extractors';
+import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink, extractPersonOwnedBy, extractAri } from '@atlaskit/link-extractors';
 import extractPriority from './extract-priority';
 import extractProviderIcon from './icon/extract-provider-icon';
 import extractPreview from './extract-preview';
 import extractState from './extract-state';
 import { extractLatestCommit } from './latest-commit';
-import { extractPreviewAction } from './actions/extract-preview-action';
 import { extractDownloadAction } from './actions/extract-download-action';
 import { extractViewAction } from './actions/extract-view-action';
 const extractFlexibleUiContext = ({
@@ -24,6 +24,7 @@ const extractFlexibleUiContext = ({
   const data = response.data;
   const url = extractLink(data);
   return {
+    actions: extractActions(response, actionOptions),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
@@ -40,7 +41,6 @@ const extractFlexibleUiContext = ({
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
     followAction: extractFollowAction(response, actionOptions, id),
-    previewAction: extractPreviewAction(response, actionOptions),
     viewAction: extractViewAction(data, actionOptions),
     downloadAction: extractDownloadAction(data, actionOptions),
     latestCommit: extractLatestCommit(data),
@@ -63,7 +63,8 @@ const extractFlexibleUiContext = ({
     storyPoints: extractStoryPoints(data),
     targetBranch: extractTargetBranch(data),
     title: extractTitle(data) || url,
-    url
+    url,
+    ari: extractAri(data)
   };
 };
 export default extractFlexibleUiContext;

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

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

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

@@ -12,9 +12,11 @@ export class AISummaryService {
     _defineProperty(this, "fetchStream", async summaryStyle => {
       const payload = {
         recipient_agent_named_id: 'summary_agent',
-        agent_input: {
-          urls: [this.url],
-          summary_style: summaryStyle
+        agent_input_context: {
+          content_url: this.url,
+          content_ari: this.ari,
+          summary_style: summaryStyle,
+          summary_output_mimetype: 'text/markdown'
         }
       };
       const options = {
@@ -47,6 +49,7 @@ export class AISummaryService {
       }
     };
     this.url = props.url;
+    this.ari = props.ari;
     this.onStart = props.onStart;
     this.onSuccess = props.onSuccess;
     this.onError = props.onError;