@atlaskit/smart-card 26.48.1 → 26.48.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.48.3
+
+### Patch Changes
+
+- [#76801](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/76801) [`22c2b23f0f4a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22c2b23f0f4a) - Allow multiple subscribers to the same AI Summary Service.
+
+## 26.48.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 26.48.1
 
 ### Patch Changes

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

@@ -11,6 +11,9 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("./utils");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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; }
 function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
@@ -23,7 +26,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
       content: '',
       status: 'ready'
     });
-    (0, _defineProperty2.default)(this, "subscribedStateSetter", function (state) {});
+    (0, _defineProperty2.default)(this, "subscribedStateSetters", new Set());
     (0, _defineProperty2.default)(this, "fetchStream", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(summaryStyle) {
         var payload, options, path, requestUrl, response;
@@ -79,6 +82,9 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
     value: function () {
       var _summariseUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         var summaryStyle,
+          _iterator2,
+          _step2,
+          _subscriber,
           stream,
           bufferContent,
           _iteratorAbruptCompletion,
@@ -87,6 +93,12 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
           _iterator,
           _step,
           chunk,
+          _iterator3,
+          _step3,
+          subscriber,
+          _iterator4,
+          _step4,
+          _subscriber2,
           _args2 = arguments;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -95,74 +107,104 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
               this.state = _objectSpread(_objectSpread({}, this.state), {}, {
                 status: 'loading'
               });
-              this.subscribedStateSetter(this.state);
-              _context2.next = 5;
+              _iterator2 = _createForOfIteratorHelper(this.subscribedStateSetters);
+              try {
+                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                  _subscriber = _step2.value;
+                  _subscriber(this.state);
+                }
+              } catch (err) {
+                _iterator2.e(err);
+              } finally {
+                _iterator2.f();
+              }
+              _context2.next = 6;
               return this.fetchStream(summaryStyle);
-            case 5:
+            case 6:
               stream = _context2.sent;
               bufferContent = '';
               _iteratorAbruptCompletion = false;
               _didIteratorError = false;
-              _context2.prev = 9;
+              _context2.prev = 10;
               _iterator = _asyncIterator(stream);
-            case 11:
-              _context2.next = 13;
+            case 12:
+              _context2.next = 14;
               return _iterator.next();
-            case 13:
+            case 14:
               if (!(_iteratorAbruptCompletion = !(_step = _context2.sent).done)) {
-                _context2.next = 19;
+                _context2.next = 20;
                 break;
               }
               chunk = _step.value;
               if (chunk.type === 'ANSWER_PART') {
                 bufferContent += chunk.message.content;
-                this.subscribedStateSetter(_objectSpread(_objectSpread({}, this.state), {}, {
-                  content: bufferContent
-                }));
+                _iterator3 = _createForOfIteratorHelper(this.subscribedStateSetters);
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    subscriber = _step3.value;
+                    subscriber(_objectSpread(_objectSpread({}, this.state), {}, {
+                      content: bufferContent
+                    }));
+                  }
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
               }
-            case 16:
+            case 17:
               _iteratorAbruptCompletion = false;
-              _context2.next = 11;
+              _context2.next = 12;
               break;
-            case 19:
-              _context2.next = 25;
+            case 20:
+              _context2.next = 26;
               break;
-            case 21:
-              _context2.prev = 21;
-              _context2.t0 = _context2["catch"](9);
+            case 22:
+              _context2.prev = 22;
+              _context2.t0 = _context2["catch"](10);
               _didIteratorError = true;
               _iteratorError = _context2.t0;
-            case 25:
-              _context2.prev = 25;
+            case 26:
               _context2.prev = 26;
+              _context2.prev = 27;
               if (!(_iteratorAbruptCompletion && _iterator.return != null)) {
-                _context2.next = 30;
+                _context2.next = 31;
                 break;
               }
-              _context2.next = 30;
+              _context2.next = 31;
               return _iterator.return();
-            case 30:
-              _context2.prev = 30;
+            case 31:
+              _context2.prev = 31;
               if (!_didIteratorError) {
-                _context2.next = 33;
+                _context2.next = 34;
                 break;
               }
               throw _iteratorError;
-            case 33:
-              return _context2.finish(30);
             case 34:
-              return _context2.finish(25);
+              return _context2.finish(31);
             case 35:
+              return _context2.finish(26);
+            case 36:
               this.state = {
                 status: 'done',
                 content: bufferContent
               };
-              this.subscribedStateSetter(this.state);
-            case 37:
+              _iterator4 = _createForOfIteratorHelper(this.subscribedStateSetters);
+              try {
+                for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                  _subscriber2 = _step4.value;
+                  _subscriber2(this.state);
+                }
+              } catch (err) {
+                _iterator4.e(err);
+              } finally {
+                _iterator4.f();
+              }
+            case 39:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[9, 21, 25, 35], [26,, 30, 34]]);
+        }, _callee2, this, [[10, 22, 26, 36], [27,, 31, 35]]);
       }));
       function summariseUrl() {
         return _summariseUrl.apply(this, arguments);
@@ -172,7 +214,11 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
   }, {
     key: "subscribe",
     value: function subscribe(stateSetter) {
-      this.subscribedStateSetter = stateSetter;
+      var _this2 = this;
+      this.subscribedStateSetters.add(stateSetter);
+      return function () {
+        _this2.subscribedStateSetters.delete(stateSetter);
+      };
     }
   }]);
   return AISummaryService;

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

@@ -10,34 +10,59 @@ var _react = require("react");
 var _store = require("./ai-summary-service/store");
 var _aiSummaryService = require("./ai-summary-service");
 var useAISummary = exports.useAISummary = function useAISummary(props) {
-  var url = props.url;
-  var aISummaryService = _store.AISummariesStore.get(url);
-  var isAISummaryServiceInitiated = !!aISummaryService;
-  var _useState = (0, _react.useState)(isAISummaryServiceInitiated ? aISummaryService.state : {
+  var _AISummariesStore$get;
+  var url = props.url,
+    baseUrl = props.baseUrl,
+    product = props.product,
+    headers = props.headers;
+  var _useState = (0, _react.useState)(((_AISummariesStore$get = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
       status: 'ready',
       content: ''
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var isSummarised = isAISummaryServiceInitiated && state.status === 'done';
+
+  // Can be used to know the summary status upon mounting a component (HoverCard UI state for example).
+  // For other scenarios, opt for dynamic status updates via state.status.
+  var isSummarisedOnMount = (0, _react.useMemo)(function () {
+    var _AISummariesStore$get2;
+    return ((_AISummariesStore$get2 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.state.status) === 'done';
+  }, [url]);
   (0, _react.useEffect)(function () {
-    if (!isSummarised) {
-      var _AISummariesStore$get;
-      if (!isAISummaryServiceInitiated) {
-        _store.AISummariesStore.set(url, new _aiSummaryService.AISummaryService(props));
+    // Create or subscribe to an AI service only if a summary has not been previously generated.
+    // Otherwise, use the data from the current state synchronized with a cache (AISummariesStore).
+    if (!isSummarisedOnMount) {
+      var aISummaryService = _store.AISummariesStore.get(url);
+      var isAISummaryServiceInitiated = !!aISummaryService;
+      if (isAISummaryServiceInitiated) {
+        //if we want to subscribe to updates from an existing AI service that has not yet provided a summary or is currently in progress.
+        var unsubscribe = aISummaryService.subscribe(setState);
+        return function () {
+          return unsubscribe();
+        };
+      } else {
+        var _AISummariesStore$get3;
+        //if we want to create a new AI service and wish to subscribe for updates
+        _store.AISummariesStore.set(url, new _aiSummaryService.AISummaryService({
+          url: url,
+          baseUrl: baseUrl,
+          product: product,
+          headers: headers
+        }));
+        var _unsubscribe = (_AISummariesStore$get3 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.subscribe(setState);
+        return function () {
+          return _unsubscribe && _unsubscribe();
+        };
       }
-      return (_AISummariesStore$get = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.subscribe(setState);
     }
-  }, [isSummarised, isAISummaryServiceInitiated, url, props]);
+  }, [isSummarisedOnMount, url, baseUrl, product, headers]);
   var summariseUrl = function summariseUrl() {
-    if (isAISummaryServiceInitiated) {
-      return aISummaryService.summariseUrl();
-    }
-    return;
+    var _AISummariesStore$get4;
+    return (_AISummariesStore$get4 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get4 === void 0 ? void 0 : _AISummariesStore$get4.summariseUrl();
   };
   return {
-    isSummarised: isSummarised,
+    isSummarisedOnMount: isSummarisedOnMount,
     summariseUrl: summariseUrl,
     state: state
   };

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

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("react");
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@emotion/react");
@@ -25,9 +24,17 @@ var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
 var _utils2 = require("../utils");
 var _reactMagneticDi = require("react-magnetic-di");
 var _excluded = ["triggerRef"];
-var _templateObject;
 /** @jsx jsx */
-var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus-visible {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      outline-offset: -2px;\n    }\n  }\n"])));
+var styles = (0, _react2.css)({
+  display: 'inline-flex',
+  lineHeight: '1rem',
+  '> div': {
+    alignItems: 'center',
+    'button:focus-visible': {
+      outlineOffset: '-2px'
+    }
+  }
+});
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.SmartLinkSize.Medium;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
@@ -20,12 +19,18 @@ var _resolving = _interopRequireDefault(require("./resolving"));
 var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _elements = require("../../elements");
 var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
-var _templateObject, _templateObject2;
 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 getActionStyles = function getActionStyles(showOnHover, isOpen) {
   if (showOnHover && !isOpen) {
-    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      .actions-button-group {\n        opacity: 0;\n      }\n\n      &:hover .actions-button-group,\n      .actions-button-group:focus-within {\n        opacity: 1;\n      }\n    "])));
+    return (0, _react2.css)({
+      '.actions-button-group': {
+        opacity: 0
+      },
+      '&:hover .actions-button-group, .actions-button-group:focus-within': {
+        opacity: 1
+      }
+    });
   }
 };
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
@@ -99,7 +104,7 @@ var TitleBlock = function TitleBlock(_ref) {
     onDropdownOpenChange: onDropdownOpenChange
   });
   var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  var combinedCss = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", " ", "\n  "])), actionStyles, overrideCss);
+  var combinedCss = (0, _react2.css)(actionStyles, overrideCss);
   var overrideText = !!text ? {
     text: text
   } : {};

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

@@ -210,5 +210,5 @@ var getIsAISummaryEnabled = exports.getIsAISummaryEnabled = function getIsAISumm
   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')));
+  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.supportedFeature) === 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.48.1",
+  packageVersion: "26.48.3",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -6,7 +6,7 @@ export class AISummaryService {
       content: '',
       status: 'ready'
     });
-    _defineProperty(this, "subscribedStateSetter", state => {});
+    _defineProperty(this, "subscribedStateSetters", new Set());
     _defineProperty(this, "fetchStream", async summaryStyle => {
       const payload = {
         recipient_agent_named_id: 'summary_agent',
@@ -47,25 +47,34 @@ export class AISummaryService {
       ...this.state,
       status: 'loading'
     };
-    this.subscribedStateSetter(this.state);
+    for (const subscriber of this.subscribedStateSetters) {
+      subscriber(this.state);
+    }
     const stream = await this.fetchStream(summaryStyle);
     let bufferContent = '';
     for await (const chunk of stream) {
       if (chunk.type === 'ANSWER_PART') {
         bufferContent += chunk.message.content;
-        this.subscribedStateSetter({
-          ...this.state,
-          content: bufferContent
-        });
+        for (const subscriber of this.subscribedStateSetters) {
+          subscriber({
+            ...this.state,
+            content: bufferContent
+          });
+        }
       }
     }
     this.state = {
       status: 'done',
       content: bufferContent
     };
-    this.subscribedStateSetter(this.state);
+    for (const subscriber of this.subscribedStateSetters) {
+      subscriber(this.state);
+    }
   }
   subscribe(stateSetter) {
-    this.subscribedStateSetter = stateSetter;
+    this.subscribedStateSetters.add(stateSetter);
+    return () => {
+      this.subscribedStateSetters.delete(stateSetter);
+    };
   }
 }

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

@@ -1,34 +1,55 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { AISummariesStore } from './ai-summary-service/store';
 import { AISummaryService } from './ai-summary-service';
 export const useAISummary = props => {
+  var _AISummariesStore$get;
   const {
-    url
+    url,
+    baseUrl,
+    product,
+    headers
   } = props;
-  const aISummaryService = AISummariesStore.get(url);
-  const isAISummaryServiceInitiated = !!aISummaryService;
-  const [state, setState] = useState(isAISummaryServiceInitiated ? aISummaryService.state : {
+  const [state, setState] = useState(((_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
     status: 'ready',
     content: ''
   });
-  const isSummarised = isAISummaryServiceInitiated && state.status === 'done';
+
+  // Can be used to know the summary status upon mounting a component (HoverCard UI state for example).
+  // For other scenarios, opt for dynamic status updates via state.status.
+  const isSummarisedOnMount = useMemo(() => {
+    var _AISummariesStore$get2;
+    return ((_AISummariesStore$get2 = AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.state.status) === 'done';
+  }, [url]);
   useEffect(() => {
-    if (!isSummarised) {
-      var _AISummariesStore$get;
-      if (!isAISummaryServiceInitiated) {
-        AISummariesStore.set(url, new AISummaryService(props));
+    // Create or subscribe to an AI service only if a summary has not been previously generated.
+    // Otherwise, use the data from the current state synchronized with a cache (AISummariesStore).
+    if (!isSummarisedOnMount) {
+      const aISummaryService = AISummariesStore.get(url);
+      const isAISummaryServiceInitiated = !!aISummaryService;
+      if (isAISummaryServiceInitiated) {
+        //if we want to subscribe to updates from an existing AI service that has not yet provided a summary or is currently in progress.
+        const unsubscribe = aISummaryService.subscribe(setState);
+        return () => unsubscribe();
+      } else {
+        var _AISummariesStore$get3;
+        //if we want to create a new AI service and wish to subscribe for updates
+        AISummariesStore.set(url, new AISummaryService({
+          url,
+          baseUrl,
+          product,
+          headers
+        }));
+        const unsubscribe = (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.subscribe(setState);
+        return () => unsubscribe && unsubscribe();
       }
-      return (_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.subscribe(setState);
     }
-  }, [isSummarised, isAISummaryServiceInitiated, url, props]);
+  }, [isSummarisedOnMount, url, baseUrl, product, headers]);
   const summariseUrl = () => {
-    if (isAISummaryServiceInitiated) {
-      return aISummaryService.summariseUrl();
-    }
-    return;
+    var _AISummariesStore$get4;
+    return (_AISummariesStore$get4 = AISummariesStore.get(url)) === null || _AISummariesStore$get4 === void 0 ? void 0 : _AISummariesStore$get4.summariseUrl();
   };
   return {
-    isSummarised,
+    isSummarisedOnMount,
     summariseUrl,
     state
   };

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.48.1"
+  packageVersion: "26.48.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -15,22 +15,16 @@ import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../..
 import ActionGroupItem from './action-group-item';
 import { filterActionItems } from '../utils';
 import { di } from 'react-magnetic-di';
-const styles = css`
-  display: inline-flex;
-  line-height: 1rem;
-  > div {
-    align-items: center;
-    button:focus-visible {
-      // AK button removes the default browser outline on focus and apply
-      // box-shadow styling to create the outline appearance.
-      // Due to our container elements (Container/Block/ElementGroup) has
-      // overflow hidden to prevent the metadata element from leaking outside
-      // of its container, the box-shadow doesn't show properly.
-      // Invert the AK box-shadow styling.
-      outline-offset: -2px;
+const styles = css({
+  display: 'inline-flex',
+  lineHeight: '1rem',
+  '> div': {
+    alignItems: 'center',
+    'button:focus-visible': {
+      outlineOffset: '-2px'
     }
   }
-`;
+});
 const renderActionItems = (items = [], size = SmartLinkSize.Medium, appearance, asDropDownItems, onActionItemClick) => items.map((item, idx) => jsx(ActionGroupItem, {
   item: item,
   key: idx,

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -10,16 +10,14 @@ import ActionGroup from '../action-group';
 import { Title } from '../../elements';
 const getActionStyles = (showOnHover, isOpen) => {
   if (showOnHover && !isOpen) {
-    return css`
-      .actions-button-group {
-        opacity: 0;
+    return css({
+      '.actions-button-group': {
+        opacity: 0
+      },
+      '&:hover .actions-button-group, .actions-button-group:focus-within': {
+        opacity: 1
       }
-
-      &:hover .actions-button-group,
-      .actions-button-group:focus-within {
-        opacity: 1;
-      }
-    `;
+    });
   }
 };
 const getTitleBlockViewComponent = status => {
@@ -87,9 +85,7 @@ const TitleBlock = ({
     onDropdownOpenChange: onDropdownOpenChange
   });
   const actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  const combinedCss = css`
-    ${actionStyles} ${overrideCss}
-  `;
+  const combinedCss = css(actionStyles, overrideCss);
   const overrideText = !!text ? {
     text
   } : {};

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

@@ -204,5 +204,5 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
 };
 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')));
+  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.supportedFeature) === 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.48.1",
+  packageVersion: "26.48.3",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -2,6 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -16,7 +19,7 @@ export var AISummaryService = /*#__PURE__*/function () {
       content: '',
       status: 'ready'
     });
-    _defineProperty(this, "subscribedStateSetter", function (state) {});
+    _defineProperty(this, "subscribedStateSetters", new Set());
     _defineProperty(this, "fetchStream", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(summaryStyle) {
         var payload, options, path, requestUrl, response;
@@ -72,6 +75,9 @@ export var AISummaryService = /*#__PURE__*/function () {
     value: function () {
       var _summariseUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var summaryStyle,
+          _iterator2,
+          _step2,
+          _subscriber,
           stream,
           bufferContent,
           _iteratorAbruptCompletion,
@@ -80,6 +86,12 @@ export var AISummaryService = /*#__PURE__*/function () {
           _iterator,
           _step,
           chunk,
+          _iterator3,
+          _step3,
+          subscriber,
+          _iterator4,
+          _step4,
+          _subscriber2,
           _args2 = arguments;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -88,74 +100,104 @@ export var AISummaryService = /*#__PURE__*/function () {
               this.state = _objectSpread(_objectSpread({}, this.state), {}, {
                 status: 'loading'
               });
-              this.subscribedStateSetter(this.state);
-              _context2.next = 5;
+              _iterator2 = _createForOfIteratorHelper(this.subscribedStateSetters);
+              try {
+                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                  _subscriber = _step2.value;
+                  _subscriber(this.state);
+                }
+              } catch (err) {
+                _iterator2.e(err);
+              } finally {
+                _iterator2.f();
+              }
+              _context2.next = 6;
               return this.fetchStream(summaryStyle);
-            case 5:
+            case 6:
               stream = _context2.sent;
               bufferContent = '';
               _iteratorAbruptCompletion = false;
               _didIteratorError = false;
-              _context2.prev = 9;
+              _context2.prev = 10;
               _iterator = _asyncIterator(stream);
-            case 11:
-              _context2.next = 13;
+            case 12:
+              _context2.next = 14;
               return _iterator.next();
-            case 13:
+            case 14:
               if (!(_iteratorAbruptCompletion = !(_step = _context2.sent).done)) {
-                _context2.next = 19;
+                _context2.next = 20;
                 break;
               }
               chunk = _step.value;
               if (chunk.type === 'ANSWER_PART') {
                 bufferContent += chunk.message.content;
-                this.subscribedStateSetter(_objectSpread(_objectSpread({}, this.state), {}, {
-                  content: bufferContent
-                }));
+                _iterator3 = _createForOfIteratorHelper(this.subscribedStateSetters);
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    subscriber = _step3.value;
+                    subscriber(_objectSpread(_objectSpread({}, this.state), {}, {
+                      content: bufferContent
+                    }));
+                  }
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
               }
-            case 16:
+            case 17:
               _iteratorAbruptCompletion = false;
-              _context2.next = 11;
+              _context2.next = 12;
               break;
-            case 19:
-              _context2.next = 25;
+            case 20:
+              _context2.next = 26;
               break;
-            case 21:
-              _context2.prev = 21;
-              _context2.t0 = _context2["catch"](9);
+            case 22:
+              _context2.prev = 22;
+              _context2.t0 = _context2["catch"](10);
               _didIteratorError = true;
               _iteratorError = _context2.t0;
-            case 25:
-              _context2.prev = 25;
+            case 26:
               _context2.prev = 26;
+              _context2.prev = 27;
               if (!(_iteratorAbruptCompletion && _iterator.return != null)) {
-                _context2.next = 30;
+                _context2.next = 31;
                 break;
               }
-              _context2.next = 30;
+              _context2.next = 31;
               return _iterator.return();
-            case 30:
-              _context2.prev = 30;
+            case 31:
+              _context2.prev = 31;
               if (!_didIteratorError) {
-                _context2.next = 33;
+                _context2.next = 34;
                 break;
               }
               throw _iteratorError;
-            case 33:
-              return _context2.finish(30);
             case 34:
-              return _context2.finish(25);
+              return _context2.finish(31);
             case 35:
+              return _context2.finish(26);
+            case 36:
               this.state = {
                 status: 'done',
                 content: bufferContent
               };
-              this.subscribedStateSetter(this.state);
-            case 37:
+              _iterator4 = _createForOfIteratorHelper(this.subscribedStateSetters);
+              try {
+                for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                  _subscriber2 = _step4.value;
+                  _subscriber2(this.state);
+                }
+              } catch (err) {
+                _iterator4.e(err);
+              } finally {
+                _iterator4.f();
+              }
+            case 39:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[9, 21, 25, 35], [26,, 30, 34]]);
+        }, _callee2, this, [[10, 22, 26, 36], [27,, 31, 35]]);
       }));
       function summariseUrl() {
         return _summariseUrl.apply(this, arguments);
@@ -165,7 +207,11 @@ export var AISummaryService = /*#__PURE__*/function () {
   }, {
     key: "subscribe",
     value: function subscribe(stateSetter) {
-      this.subscribedStateSetter = stateSetter;
+      var _this2 = this;
+      this.subscribedStateSetters.add(stateSetter);
+      return function () {
+        _this2.subscribedStateSetters.delete(stateSetter);
+      };
     }
   }]);
   return AISummaryService;

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

@@ -1,36 +1,61 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { AISummariesStore } from './ai-summary-service/store';
 import { AISummaryService } from './ai-summary-service';
 export var useAISummary = function useAISummary(props) {
-  var url = props.url;
-  var aISummaryService = AISummariesStore.get(url);
-  var isAISummaryServiceInitiated = !!aISummaryService;
-  var _useState = useState(isAISummaryServiceInitiated ? aISummaryService.state : {
+  var _AISummariesStore$get;
+  var url = props.url,
+    baseUrl = props.baseUrl,
+    product = props.product,
+    headers = props.headers;
+  var _useState = useState(((_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
       status: 'ready',
       content: ''
     }),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var isSummarised = isAISummaryServiceInitiated && state.status === 'done';
+
+  // Can be used to know the summary status upon mounting a component (HoverCard UI state for example).
+  // For other scenarios, opt for dynamic status updates via state.status.
+  var isSummarisedOnMount = useMemo(function () {
+    var _AISummariesStore$get2;
+    return ((_AISummariesStore$get2 = AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.state.status) === 'done';
+  }, [url]);
   useEffect(function () {
-    if (!isSummarised) {
-      var _AISummariesStore$get;
-      if (!isAISummaryServiceInitiated) {
-        AISummariesStore.set(url, new AISummaryService(props));
+    // Create or subscribe to an AI service only if a summary has not been previously generated.
+    // Otherwise, use the data from the current state synchronized with a cache (AISummariesStore).
+    if (!isSummarisedOnMount) {
+      var aISummaryService = AISummariesStore.get(url);
+      var isAISummaryServiceInitiated = !!aISummaryService;
+      if (isAISummaryServiceInitiated) {
+        //if we want to subscribe to updates from an existing AI service that has not yet provided a summary or is currently in progress.
+        var unsubscribe = aISummaryService.subscribe(setState);
+        return function () {
+          return unsubscribe();
+        };
+      } else {
+        var _AISummariesStore$get3;
+        //if we want to create a new AI service and wish to subscribe for updates
+        AISummariesStore.set(url, new AISummaryService({
+          url: url,
+          baseUrl: baseUrl,
+          product: product,
+          headers: headers
+        }));
+        var _unsubscribe = (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.subscribe(setState);
+        return function () {
+          return _unsubscribe && _unsubscribe();
+        };
       }
-      return (_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.subscribe(setState);
     }
-  }, [isSummarised, isAISummaryServiceInitiated, url, props]);
+  }, [isSummarisedOnMount, url, baseUrl, product, headers]);
   var summariseUrl = function summariseUrl() {
-    if (isAISummaryServiceInitiated) {
-      return aISummaryService.summariseUrl();
-    }
-    return;
+    var _AISummariesStore$get4;
+    return (_AISummariesStore$get4 = AISummariesStore.get(url)) === null || _AISummariesStore$get4 === void 0 ? void 0 : _AISummariesStore$get4.summariseUrl();
   };
   return {
-    isSummarised: isSummarised,
+    isSummarisedOnMount: isSummarisedOnMount,
     summariseUrl: summariseUrl,
     state: state
   };

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

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

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["triggerRef"];
-var _templateObject;
 /** @jsx jsx */
 import { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -20,7 +18,16 @@ import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../..
 import ActionGroupItem from './action-group-item';
 import { filterActionItems } from '../utils';
 import { di } from 'react-magnetic-di';
-var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus-visible {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      outline-offset: -2px;\n    }\n  }\n"])));
+var styles = css({
+  display: 'inline-flex',
+  lineHeight: '1rem',
+  '> div': {
+    alignItems: 'center',
+    'button:focus-visible': {
+      outlineOffset: '-2px'
+    }
+  }
+});
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SmartLinkSize.Medium;

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

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
-var _templateObject, _templateObject2;
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
@@ -15,7 +13,14 @@ import ActionGroup from '../action-group';
 import { Title } from '../../elements';
 var getActionStyles = function getActionStyles(showOnHover, isOpen) {
   if (showOnHover && !isOpen) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .actions-button-group {\n        opacity: 0;\n      }\n\n      &:hover .actions-button-group,\n      .actions-button-group:focus-within {\n        opacity: 1;\n      }\n    "])));
+    return css({
+      '.actions-button-group': {
+        opacity: 0
+      },
+      '&:hover .actions-button-group, .actions-button-group:focus-within': {
+        opacity: 1
+      }
+    });
   }
 };
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
@@ -89,7 +94,7 @@ var TitleBlock = function TitleBlock(_ref) {
     onDropdownOpenChange: onDropdownOpenChange
   });
   var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  var combinedCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " ", "\n  "])), actionStyles, overrideCss);
+  var combinedCss = css(actionStyles, overrideCss);
   var overrideText = !!text ? {
     text: text
   } : {};

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

@@ -203,5 +203,5 @@ 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')));
+  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.supportedFeature) === 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.48.1",
+  packageVersion: "26.48.3",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -3,9 +3,9 @@ export declare class AISummaryService implements AISummaryServiceInt {
     state: AISummaryState;
     private config;
     private url;
-    private subscribedStateSetter;
+    private subscribedStateSetters;
     constructor(props: AISummaryServiceProps);
     private fetchStream;
     summariseUrl(summaryStyle?: SummaryStyle): Promise<void>;
-    subscribe(stateSetter: StateSetter): void;
+    subscribe(stateSetter: StateSetter): () => void;
 }

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -2,7 +2,7 @@
 export interface AISummaryServiceInt {
     summariseUrl: () => Promise<void>;
     state: AISummaryState;
-    subscribe: (stateSetter: StateSetter) => void;
+    subscribe: (stateSetter: StateSetter) => () => void;
 }
 export type AISummaryServiceProps = {
     baseUrl?: string;

package/dist/types/state/hooks/use-ai-summary/index.d.ts

@@ -1,6 +1,6 @@
 import type { AISummaryServiceProps, AISummaryStatus } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    isSummarised: boolean;
+    isSummarisedOnMount: boolean;
     summariseUrl: () => Promise<void> | undefined;
     state: {
         status: AISummaryStatus;

package/dist/types/state/hooks/use-related-urls/index.d.ts

@@ -2,5 +2,5 @@ import { JsonLd } from 'json-ld-types';
 export type RelatedUrlsResponse = {
     resolvedResults?: JsonLd.Response[];
 };
-declare const useRelatedUrls: () => (url: any) => Promise<RelatedUrlsResponse>;
+declare const useRelatedUrls: () => (url: string) => Promise<RelatedUrlsResponse>;
 export default useRelatedUrls;

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -3,9 +3,9 @@ export declare class AISummaryService implements AISummaryServiceInt {
     state: AISummaryState;
     private config;
     private url;
-    private subscribedStateSetter;
+    private subscribedStateSetters;
     constructor(props: AISummaryServiceProps);
     private fetchStream;
     summariseUrl(summaryStyle?: SummaryStyle): Promise<void>;
-    subscribe(stateSetter: StateSetter): void;
+    subscribe(stateSetter: StateSetter): () => void;
 }

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -2,7 +2,7 @@
 export interface AISummaryServiceInt {
     summariseUrl: () => Promise<void>;
     state: AISummaryState;
-    subscribe: (stateSetter: StateSetter) => void;
+    subscribe: (stateSetter: StateSetter) => () => void;
 }
 export type AISummaryServiceProps = {
     baseUrl?: string;

package/dist/types-ts4.5/state/hooks/use-ai-summary/index.d.ts

@@ -1,6 +1,6 @@
 import type { AISummaryServiceProps, AISummaryStatus } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    isSummarised: boolean;
+    isSummarisedOnMount: boolean;
     summariseUrl: () => Promise<void> | undefined;
     state: {
         status: AISummaryStatus;

package/dist/types-ts4.5/state/hooks/use-related-urls/index.d.ts

@@ -2,5 +2,5 @@ import { JsonLd } from 'json-ld-types';
 export type RelatedUrlsResponse = {
     resolvedResults?: JsonLd.Response[];
 };
-declare const useRelatedUrls: () => (url: any) => Promise<RelatedUrlsResponse>;
+declare const useRelatedUrls: () => (url: string) => Promise<RelatedUrlsResponse>;
 export default useRelatedUrls;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.48.1",
+  "version": "26.48.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
     "@atlaskit/avatar": "^21.5.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.4.0",
+    "@atlaskit/button": "^17.6.0",
     "@atlaskit/dropdown-menu": "^12.5.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -48,7 +48,7 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.12.0",
-    "@atlaskit/primitives": "^2.1.0",
+    "@atlaskit/primitives": "^3.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.38.0",