@atlaskit/smart-card 26.50.15 → 26.52.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/smart-card
 
+## 26.52.0
+
+### Minor Changes
+
+- [#87468](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87468) [`c93de2e39c73`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c93de2e39c73) - [ux] Removes image for 'not found' links in Flexible Block Card
+
+### Patch Changes
+
+- [#87862](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87862) [`f47cde6d6abd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f47cde6d6abd) - Refactoring FollowAction to context.action
+- [#87097](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87097) [`5d81dab96f45`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d81dab96f45) - Refactor FelibleCard's DownloadAction creation
+- [#87006](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87006) [`9b1883e717d2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9b1883e717d2) - Refactor AISummaryBlockResolvedView to support VR testing
+
+## 26.51.0
+
+### Minor Changes
+
+- [#85226](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85226) [`721df2752215`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/721df2752215) - Replaces usages of extractRequestAccessContext for extractRequestAccessContextImproved and removes extractRequestAccessContext
+
+### Patch Changes
+
+- [#87154](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87154) [`7ec9068aa6fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7ec9068aa6fb) - Update style for Snippet & summary component to enable user text selection
+- Updated dependencies
+
 ## 26.50.15
 
 ### Patch Changes

package/dist/cjs/extractors/common/context/extractAccessContext.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractRequestAccessContextImproved = exports.extractRequestAccessContext = void 0;
+exports.extractRequestAccessContextImproved = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("../../../messages");
 var _ForbiddenAction = require("../../../view/BlockCard/actions/ForbiddenAction");
@@ -12,73 +12,30 @@ var _extractHostname = _interopRequireDefault(require("../hostname/extractHostna
 var _analytics = require("../../../utils/analytics");
 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 extractRequestAccessContext = exports.extractRequestAccessContext = function extractRequestAccessContext(_ref) {
+var extractRequestAccessContextImproved = exports.extractRequestAccessContextImproved = function extractRequestAccessContextImproved(_ref) {
   var _jsonLd$requestAccess;
   var jsonLd = _ref.jsonLd,
     url = _ref.url,
-    product = _ref.product;
+    product = _ref.product,
+    createAnalyticsEvent = _ref.createAnalyticsEvent;
   var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
     hostname: (0, _extractHostname.default)(url)
   }) : undefined;
   switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
-    case 'DIRECT_ACCESS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        callToActionMessageKey: 'click_to_join',
-        descriptiveMessageKey: 'click_to_join_description',
-        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          return window.open(url);
-        }, 'click_to_join', _messages.messages.click_to_join, {
-          context: product
-        })
-      });
-    case 'REQUEST_ACCESS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        callToActionMessageKey: 'request_access',
-        descriptiveMessageKey: 'request_access_description',
-        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          return window.open(url);
-        }, 'request_access', _messages.messages.request_access, {
-          product: product
-        })
-      });
-    case 'PENDING_REQUEST_EXISTS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        descriptiveMessageKey: 'request_access_pending_description'
-      });
-    case 'FORBIDDEN':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        descriptiveMessageKey: 'forbidden_description'
-      });
-    case 'DENIED_REQUEST_EXISTS':
-      return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        descriptiveMessageKey: 'request_denied_description'
-      });
-    default:
-      return requestAccess;
-  }
-};
-var extractRequestAccessContextImproved = exports.extractRequestAccessContextImproved = function extractRequestAccessContextImproved(_ref2) {
-  var _jsonLd$requestAccess2;
-  var jsonLd = _ref2.jsonLd,
-    url = _ref2.url,
-    product = _ref2.product,
-    createAnalyticsEvent = _ref2.createAnalyticsEvent;
-  var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
-    hostname: (0, _extractHostname.default)(url)
-  }) : undefined;
-  switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
     case 'DIRECT_ACCESS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
         titleMessageKey: 'direct_access_title',
         descriptiveMessageKey: 'direct_access_description',
         callToActionMessageKey: 'direct_access',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'crossJoin',
-            eventType: 'ui'
-          }).fire(_analytics.ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'crossJoin',
+              eventType: 'ui'
+            }).fire(_analytics.ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'direct_access', _messages.messages.direct_access, {
           product: product
@@ -90,12 +47,14 @@ var extractRequestAccessContextImproved = exports.extractRequestAccessContextImp
         descriptiveMessageKey: 'request_access_description',
         callToActionMessageKey: 'request_access',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'requestAccess',
-            eventType: 'ui'
-          }).fire(_analytics.ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'requestAccess',
+              eventType: 'ui'
+            }).fire(_analytics.ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'request_access', _messages.messages.request_access)
       });
@@ -126,12 +85,14 @@ var extractRequestAccessContextImproved = exports.extractRequestAccessContextImp
         descriptiveMessageKey: 'access_exists_description',
         callToActionMessageKey: 'request_access',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'button',
-            actionSubjectId: 'requestAccess',
-            eventType: 'ui'
-          }).fire(_analytics.ANALYTICS_CHANNEL);
+          if (createAnalyticsEvent !== undefined) {
+            createAnalyticsEvent({
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'requestAccess',
+              eventType: 'ui'
+            }).fire(_analytics.ANALYTICS_CHANNEL);
+          }
           window.open(url);
         }, 'access_exists', _messages.messages.request_access)
       });

package/dist/cjs/extractors/common/context/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "extractRequestAccessContext", {
+Object.defineProperty(exports, "extractRequestAccessContextImproved", {
   enumerable: true,
   get: function get() {
-    return _extractAccessContext.extractRequestAccessContext;
+    return _extractAccessContext.extractRequestAccessContextImproved;
   }
 });
 var _extractAccessContext = require("./extractAccessContext");

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

@@ -7,9 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../../constants");
+var _extractDownloadAction = require("./extract-download-action");
 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));
+var _extractFollowAction = _interopRequireDefault(require("./extract-follow-action"));
+var extractActions = function extractActions(response, data, actionOptions, id) {
+  var _action;
+  var action = (_action = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

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

@@ -7,7 +7,6 @@ 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");
 var _collaboratorGroup = require("./collaboratorGroup");
@@ -17,7 +16,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 _extractDownloadAction = require("./actions/extract-download-action");
 var _extractViewAction = require("./actions/extract-view-action");
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -31,7 +29,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = (0, _linkExtractors.extractLink)(data);
   return {
-    actions: (0, _actions.default)(response, actionOptions),
+    actions: (0, _actions.default)(response, data, actionOptions, id),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
@@ -47,9 +45,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     assignedTo: (0, _utils.extractAssignedTo)(data),
     createdOn: (0, _linkExtractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(data),
-    followAction: (0, _extractFollowAction.default)(response, actionOptions, id),
     viewAction: (0, _extractViewAction.extractViewAction)(data, actionOptions),
-    downloadAction: (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions),
     latestCommit: (0, _latestCommit.extractLatestCommit)(data),
     linkIcon: (0, _icon.extractLinkIcon)(response, renderers),
     location: (0, _utils.extractLocation)(data),

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

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

@@ -60,6 +60,7 @@ Object.defineProperty(exports, "PreviewAction", {
   }
 });
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _helpers = require("../../state/helpers");
 var _block = require("../../extractors/block");
 var _jsonld = require("../../utils/jsonld");
@@ -84,7 +85,7 @@ var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
 /** @jsx jsx */
 
 var BlockCard = exports.BlockCard = function BlockCard(_ref) {
-  var _details$meta, _forbiddenViewProps$c;
+  var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
   var id = _ref.id,
     url = _ref.url,
     cardState = _ref.cardState,
@@ -102,6 +103,8 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
     analytics = _ref.analytics,
     enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
     actionOptions = _ref.actionOptions;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
@@ -215,10 +218,11 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
       }
       var forbiddenViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
-      var requestAccessContext = (0, _context.extractRequestAccessContext)({
+      var requestAccessContext = (0, _context.extractRequestAccessContextImproved)({
         jsonLd: cardMetadata,
         url: url,
-        product: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
+        product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
+        createAnalyticsEvent: createAnalyticsEvent
       });
       return (0, _react.jsx)(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
         isSelected: isSelected,

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

@@ -64,8 +64,9 @@ var ForbiddenView = exports.ForbiddenView = function ForbiddenView(_ref) {
     _requestAccessContext = requestAccessContext.descriptiveMessageKey,
     descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext,
     _requestAccessContext2 = requestAccessContext.hostname,
-    hostname = _requestAccessContext2 === void 0 ? '' : _requestAccessContext2;
-  var items = action ? [].concat((0, _toConsumableArray2.default)(actions), [action]) : actions;
+    hostname = _requestAccessContext2 === void 0 ? '' : _requestAccessContext2,
+    buttonDisabled = requestAccessContext.buttonDisabled;
+  var items = action !== undefined && !(buttonDisabled !== null && buttonDisabled !== void 0 ? buttonDisabled : false) ? [].concat((0, _toConsumableArray2.default)(actions), [action]) : actions;
   return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,

package/dist/cjs/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -49,7 +49,6 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement(_unresolvedView.default, (0, _extends2.default)({}, props, {
-    showPreview: true,
     testId: testId,
     title: title
   }), /*#__PURE__*/_react.default.createElement(_lock.default, {

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

@@ -0,0 +1,76 @@
+"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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../../../utils");
+var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../../../constants");
+var _messages = require("../../../../../messages");
+var _action = _interopRequireDefault(require("../action"));
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
+var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
+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; }
+var DownloadAction = function DownloadAction(_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.DownloadAction];
+  var onClick = (0, _react.useCallback)(function () {
+    if (data !== null && data !== void 0 && data.downloadUrl) {
+      invoke({
+        actionType: _constants.ActionName.DownloadAction,
+        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.downloadUrl)(data === null || data === void 0 ? void 0 : data.downloadUrl));
+                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 === null || data === void 0 ? void 0 : data.downloadUrl, invoke, onClickCallback]);
+  return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
+    icon: /*#__PURE__*/_react.default.createElement(_download.default, {
+      label: "Download"
+    }),
+    onClick: onClick,
+    testId: "smart-action-download-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download)
+  }, data, props)) : null;
+};
+var _default = exports.default = DownloadAction;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,23 +8,23 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _inviteTeam = _interopRequireDefault(require("@atlaskit/icon/glyph/invite-team"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _serverAction = _interopRequireDefault(require("../action/server-action"));
 var _unfollowIcon = _interopRequireDefault(require("./unfollow-icon"));
 var _excluded = ["value"];
-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; }
 var FollowAction = function FollowAction(props) {
-  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
-  if (!context || !context.followAction) {
+  var _context$actions, _context$actions2;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  if (!context || !(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.FollowAction])) {
     return null;
   }
-  var _context$followAction = context.followAction,
-    value = _context$followAction.value,
-    data = (0, _objectWithoutProperties2.default)(_context$followAction, _excluded);
+  var _context$actions$Acti = context === null || context === void 0 || (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[_constants.ActionName.FollowAction],
+    value = _context$actions$Acti.value,
+    data = (0, _objectWithoutProperties2.default)(_context$actions$Acti, _excluded);
   var message = value ? _messages.messages.follow : _messages.messages.unfollow;
   var icon = value ? /*#__PURE__*/_react.default.createElement(_inviteTeam.default, {
     label: "Follow"

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/types.js

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

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

@@ -4,7 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EditAction = exports.DownloadAction = exports.DeleteAction = exports.CustomAction = void 0;
+exports.DeleteAction = exports.CustomAction = void 0;
+Object.defineProperty(exports, "DownloadAction", {
+  enumerable: true,
+  get: function get() {
+    return _downloadAction.default;
+  }
+});
+exports.EditAction = void 0;
 Object.defineProperty(exports, "FollowAction", {
   enumerable: true,
   get: function get() {
@@ -22,6 +29,7 @@ var _constants = require("../../../../constants");
 var _utils = require("./utils");
 var _followAction = _interopRequireDefault(require("./follow-action"));
 var _previewAction = _interopRequireDefault(require("./preview-action"));
+var _downloadAction = _interopRequireDefault(require("./download-action"));
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
  * the icon to a cross icon.
@@ -42,13 +50,6 @@ var EditAction = exports.EditAction = (0, _utils.createUIAction)(_constants.Acti
  */
 var ViewAction = exports.ViewAction = (0, _utils.createDataAction)(_constants.ActionName.ViewAction);
 
-/**
- * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
- * to the text 'Download' inside the button.
- * @see Action
- */
-var DownloadAction = exports.DownloadAction = (0, _utils.createDataAction)(_constants.ActionName.DownloadAction);
-
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.

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

@@ -19,8 +19,6 @@ var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
 var _viewAction = _interopRequireDefault(require("./action/view-action"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-var _downloadAction = _interopRequireDefault(require("./action/download-action"));
-var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
 var _actionMappings;
 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" != _typeof3(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; }
@@ -59,16 +57,6 @@ var actionMappings = (_actionMappings = {}, (0, _defineProperty2.default)(_actio
     }),
     tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.view)
   }
-}), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.DownloadAction, {
-  component: _downloadAction.default,
-  props: {
-    testId: 'smart-action-download-action',
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
-    icon: /*#__PURE__*/_react.default.createElement(_download.default, {
-      label: "Download"
-    }),
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download)
-  }
 }), _actionMappings);
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
@@ -82,7 +70,6 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   var data = context[contextKey];
   switch (actionName) {
     case _constants.ActionName.ViewAction:
-    case _constants.ActionName.DownloadAction:
       return data;
     default:
       return undefined;

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

@@ -5,10 +5,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.AISummaryBlockStatusIndicator = exports.AISummaryBlockErrorIndicator = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _primitives = require("@atlaskit/primitives");
@@ -26,18 +25,46 @@ var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summar
 var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
 var _aiEventErrorViewed = _interopRequireDefault(require("../ai-event-error-viewed"));
+var _reactMagneticDi = require("react-magnetic-di");
 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; }
+var AISummaryBlockErrorIndicator = exports.AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
+  var showErrorIndicator = _ref.showErrorIndicator,
+    error = _ref.error,
+    testId = _ref.testId;
+  return showErrorIndicator ? /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, {
+    reason: error
+  }), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+    error: error,
+    state: 'error',
+    testId: testId
+  })) : null;
+};
+var AISummaryBlockStatusIndicator = exports.AISummaryBlockStatusIndicator = function AISummaryBlockStatusIndicator(_ref2) {
+  var showStatusIndicator = _ref2.showStatusIndicator,
+    metadata = _ref2.metadata,
+    status = _ref2.status,
+    testId = _ref2.testId;
+  var metadataElements = (0, _utils.renderElementItems)(metadata);
+  return showStatusIndicator ? /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+    state: status,
+    testId: "".concat(testId, "-state-indicator")
+  }) : /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    width: _constants.SmartLinkWidth.FitToContent,
+    testId: "".concat(testId, "-metadata-group")
+  }, metadataElements);
+};
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var _props$actions = props.actions,
     actions = _props$actions === void 0 ? [] : _props$actions,
-    metadata = props.metadata,
     onActionMenuOpenChange = props.onActionMenuOpenChange,
     _props$size = props.size,
     size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
     testId = props.testId,
-    aiSummaryMinHeight = props.aiSummaryMinHeight;
-  var metadataElements = (0, _utils.renderElementItems)(metadata);
+    aiSummaryMinHeight = props.aiSummaryMinHeight,
+    metadata = props.metadata;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -57,18 +84,11 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   status === 'loading' && !!content;
   var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
   var isErroredOnMountRef = (0, _react.useRef)(status === 'error');
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showAISummaryErrorMessage = _useState2[0],
-    setShowAISummaryErrorMessage = _useState2[1];
   (0, _react.useEffect)(function () {
     // if the error was apparent on mount and the status is changed to loading we can
     // clear the initial error on mount state
     if (isErroredOnMountRef.current && status === 'loading') {
       isErroredOnMountRef.current = false;
-    } else {
-      // if a new error occurs and it was not an apparent error on mount, we can show the error message
-      setShowAISummaryErrorMessage(!isErroredOnMountRef.current && status === 'error');
     }
   }, [status]);
   var combinedActions = (0, _react.useMemo)(function () {
@@ -111,25 +131,20 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     alignInline: "end",
     grow: "fill",
     spread: "space-between"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done') ? /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
-    state: status,
-    testId: "".concat(testId, "-state-indicator")
-  }) : /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    width: _constants.SmartLinkWidth.FitToContent,
-    testId: "".concat(testId, "-metadata-group")
-  }, metadataElements)), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(AISummaryBlockStatusIndicator, {
+    metadata: metadata,
+    showStatusIndicator: !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done'),
+    status: status,
+    testId: testId
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: combinedActions,
     appearance: "default",
     size: size
-  }))), showAISummaryErrorMessage && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    grow: "fill"
-  }, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, {
-    reason: error
-  }), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
+  }))), /*#__PURE__*/_react.default.createElement(AISummaryBlockErrorIndicator, {
+    showErrorIndicator: !isErroredOnMountRef.current && status === 'error',
     error: error,
-    state: status,
     testId: testId
-  })));
+  }));
 };
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -108,14 +108,6 @@ var filterActionItems = exports.filterActionItems = function filterActionItems()
       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);
       // Remove once ViewAction is retired
       // https://product-fabric.atlassian.net/browse/EDM-9547
       case _constants.ActionName.ViewAction: