@atlaskit/smart-card 27.2.3 → 27.4.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 27.4.0
+
+### Minor Changes
+
+- [#104944](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104944)
+  [`2254e1b73d47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2254e1b73d47) -
+  [ux] Error message for failed automation rule invocation.
+
+## 27.3.0
+
+### Minor Changes
+
+- [#105107](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105107)
+  [`7f17454f0c3e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7f17454f0c3e) -
+  Remove FF for AI Summaries base url
+- [#104259](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104259)
+  [`25205c2df930`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/25205c2df930) -
+  Added option to hide badge icon for Provider element
+
 ## 27.2.3
 
 ### Patch Changes

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

@@ -15,7 +15,6 @@ var _types = require("./types");
 var _utils = require("./utils");
 var _readStream = require("./readStream");
 var _linkingCommon = require("@atlaskit/linking-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -42,7 +41,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
       return (0, _utils.addPath)('/gateway/api/', path);
     });
     (0, _defineProperty2.default)(this, "fetchStream", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var payload, options, requestURL, response;
+      var payload, options, response;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -55,26 +54,24 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
                 summary_output_mimetype: 'text/markdown'
               }
             };
-            options = _objectSpread({
+            options = {
               method: 'POST',
               headers: _this.config.headers,
-              body: JSON.stringify(payload)
-            }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.ai-summary-service-base-url') && {
+              body: JSON.stringify(payload),
               credentials: 'include'
-            });
-            requestURL = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.ai-summary-service-base-url') ? _this.config.requestUrl : '/gateway/api/assist/chat/v1/invoke_agent/stream';
-            _context.next = 5;
-            return fetch(requestURL, options);
-          case 5:
+            };
+            _context.next = 4;
+            return fetch(_this.config.requestUrl, options);
+          case 4:
             response = _context.sent;
             if (!(!response.ok || response.status >= 400)) {
-              _context.next = 10;
+              _context.next = 9;
               break;
             }
             throw new Error("Status: ".concat(response.status, "\n URL: ").concat(_this.url, "\n StatusText ").concat(response.statusText));
-          case 10:
+          case 9:
             return _context.abrupt("return", (0, _readStream.readStream)(response));
-          case 11:
+          case 10:
           case "end":
             return _context.stop();
         }

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

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/main.js

@@ -11,9 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _menuContext = require("./menu-context");
+var _header = require("./sub-components/header");
 var _body = require("./sub-components/body");
+var _executionStateMessage = require("./sub-components/execution-state-message");
 var _footer = require("./sub-components/footer");
-var _header = require("./sub-components/header");
 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 AutomationModal = exports.AutomationModal = function AutomationModal(_ref) {
@@ -50,7 +51,10 @@ var AutomationModal = exports.AutomationModal = function AutomationModal(_ref) {
     analyticsSource: analyticsSource,
     emptyStateDescription: emptyStateDescription,
     emptyStateAdminDescription: emptyStateAdminDescription,
-    onRuleInvocationLifecycleDone: onClose
+    onRuleInvocationSuccess: onClose,
+    onRuleInvocationLifecycleDone: function onRuleInvocationLifecycleDone() {
+      return setSelectedRule(undefined);
+    }
   }, function () {
     return /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
       onClose: onClose,
@@ -64,7 +68,7 @@ var AutomationModal = exports.AutomationModal = function AutomationModal(_ref) {
     }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_body.AutomationModalBody, {
       selectedRule: selectedRule,
       setSelectedRule: setSelectedRule
-    })), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_footer.AutomationModalFooter, {
+    })), /*#__PURE__*/_react.default.createElement(_executionStateMessage.AutomationModalExecutionState, null), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_footer.AutomationModalFooter, {
       selectedRule: selectedRule,
       onClose: onClose
     })));

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAutomationMenu = exports.AutomationMenuContextContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _manualTriggersContainer = require("../../manual-triggers-container");
 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); }
@@ -41,25 +42,40 @@ var AutomationMenuContextContainer = exports.AutomationMenuContextContainer = fu
     children = _ref2.children,
     emptyStateDescription = _ref2.emptyStateDescription,
     emptyStateAdminDescription = _ref2.emptyStateAdminDescription,
-    onRuleInvocationSuccess = _ref2.onRuleInvocationSuccess,
-    onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
+    _onRuleInvocationSuccess = _ref2.onRuleInvocationSuccess,
+    _onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
     onRuleInvocationLifecycleDone = _ref2.onRuleInvocationLifecycleDone;
+  var _useState = (0, _react.useState)('NONE'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    ruleExecutionState = _useState2[0],
+    setRuleExecutionState = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_manualTriggersContainer.ManualRulesContainer, {
     site: siteAri,
     query: {
       objects: [objectAri]
     },
+    onRuleInvocationLifecycleStarted: function onRuleInvocationLifecycleStarted() {
+      setRuleExecutionState('NONE');
+    },
     onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
-    onRuleInvocationSuccess: onRuleInvocationSuccess,
-    onRuleInvocationFailure: onRuleInvocationFailure
+    onRuleInvocationSuccess: function onRuleInvocationSuccess() {
+      setRuleExecutionState('SUCCEED');
+      _onRuleInvocationSuccess === null || _onRuleInvocationSuccess === void 0 || _onRuleInvocationSuccess();
+    },
+    onRuleInvocationFailure: function onRuleInvocationFailure() {
+      setRuleExecutionState('FAILURE');
+      _onRuleInvocationFailure === null || _onRuleInvocationFailure === void 0 || _onRuleInvocationFailure();
+    }
   }, function (props) {
     var contextValue = _objectSpread(_objectSpread({}, props), {}, {
+      fetchError: props.error,
       analyticsSource: analyticsSource,
       objectAri: objectAri,
       baseAutomationUrl: baseAutomationUrl,
       canManageAutomation: canManageAutomation,
       emptyStateDescription: emptyStateDescription,
-      emptyStateAdminDescription: emptyStateAdminDescription
+      emptyStateAdminDescription: emptyStateAdminDescription,
+      ruleExecutionState: ruleExecutionState
     });
     return /*#__PURE__*/_react.default.createElement(AutomationMenuProvider, {
       value: contextValue

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/body/main.js

@@ -19,7 +19,7 @@ var AutomationModalBody = exports.AutomationModalBody = function AutomationModal
     triggerFetch = _useAutomationMenu.triggerFetch,
     initialised = _useAutomationMenu.initialised,
     rules = _useAutomationMenu.rules,
-    error = _useAutomationMenu.error;
+    fetchError = _useAutomationMenu.fetchError;
   (0, _react.useEffect)(function () {
     void triggerFetch();
     // Want to ensure that triggerFetch is only called once when the component is mounted.
@@ -29,7 +29,7 @@ var AutomationModalBody = exports.AutomationModalBody = function AutomationModal
     return /*#__PURE__*/_react.default.createElement(_skeleton.Skeleton, {
       lineCount: 10
     });
-  } else if (error && rules.length === 0) {
+  } else if (fetchError && rules.length === 0) {
     return /*#__PURE__*/_react.default.createElement(_errorState.AutomationModalErrorState, null);
   }
   return /*#__PURE__*/_react.default.createElement(_ruleList.AutomationModalRuleList, {

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/main.js

@@ -29,7 +29,7 @@ var imageContainerStyles = (0, _primitives.xcss)({
   display: 'block',
   maxWidth: '116px',
   maxHeight: '156px',
-  marginBottom: "var(--ds-space-300, 24px)",
+  marginBottom: 'space.300',
   marginTop: 'space.050'
 });
 var descriptionStyles = (0, _primitives.xcss)({

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutomationModalExecutionState", {
+  enumerable: true,
+  get: function get() {
+    return _main.AutomationModalExecutionState;
+  }
+});
+var _main = require("./main");

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalExecutionState = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
+var _menuContext = require("../../menu-context");
+var i18n = (0, _reactIntlNext.defineMessages)({
+  ruleExecutionSuccessMessage: {
+    id: 'automation-menu.success-state.message',
+    defaultMessage: 'Your automation is in progress',
+    description: 'Message that is displayed when a users automation rule has been successfully queued.'
+  },
+  ruleExecutionErrorMessage: {
+    id: 'automation-menu.modal.error.description',
+    defaultMessage: 'Oops we ran into a problem',
+    description: "Description for the error section shown when rules can't be executed"
+  }
+});
+var messageStyling = (0, _primitives.xcss)({
+  marginInline: 'space.300',
+  marginTop: 'space.100',
+  // The ModalFooter comes with a lot of built in margin, want to nudge the error message in to the footer a bit
+  marginBottom: 'space.negative.100'
+});
+var AutomationModalExecutionState = exports.AutomationModalExecutionState = function AutomationModalExecutionState() {
+  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+    ruleExecutionState = _useAutomationMenu.ruleExecutionState;
+  if (ruleExecutionState === 'FAILURE') {
+    return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: messageStyling
+    }, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+      appearance: "error"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.ruleExecutionErrorMessage)));
+  } else {
+    return null;
+  }
+};

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.js

@@ -44,7 +44,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
     invokeRuleOrShowDialog = _useAutomationMenu.invokeRuleOrShowDialog,
     invokingRuleId = _useAutomationMenu.invokingRuleId,
     rules = _useAutomationMenu.rules,
-    error = _useAutomationMenu.error,
+    fetchError = _useAutomationMenu.fetchError,
     baseAutomationUrl = _useAutomationMenu.baseAutomationUrl,
     analyticsSource = _useAutomationMenu.analyticsSource;
   var sendFooterAnalyticsEvent = function sendFooterAnalyticsEvent(actionSubjectId, ruleId) {
@@ -109,7 +109,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
   // Empty admin scenario -> cancel and Create Automation buttons
   // Empty end user and error scenario -> Ok button
   if (rules.length < 1) {
-    if (error || !canManageAutomation) {
+    if (fetchError || !canManageAutomation) {
       modalButtons.push(okButton);
     } else {
       modalButtons.push(cancelButton, createAutomationButton);

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -74,7 +74,9 @@ var renderImageIcon = function renderImageIcon(url, testId) {
  * @see Provider
  */
 var Badge = function Badge(_ref) {
-  var icon = _ref.icon,
+  var _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    icon = _ref.icon,
     label = _ref.label,
     name = _ref.name,
     overrideCss = _ref.overrideCss,
@@ -92,7 +94,7 @@ var Badge = function Badge(_ref) {
     "data-smart-element": name,
     "data-smart-element-badge": true,
     "data-testid": testId
-  }, (0, _react2.jsx)("span", {
+  }, !hideIcon && (0, _react2.jsx)("span", {
     css: iconStyles
   }, badgeIcon), (0, _react2.jsx)("span", {
     css: labelStyles,

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

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.js

@@ -27,7 +27,8 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   var url = _ref.url,
     testId = _ref.testId;
   var subtitle = [{
-    name: _index.ElementName.Provider
+    name: _index.ElementName.Provider,
+    hideIcon: true
   }];
   var ui = {
     hideElevation: true,

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

@@ -4,7 +4,6 @@ import { errorMessages } from './types';
 import { addPath, getXProductHeaderValue } from './utils';
 import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export class AISummaryService {
   constructor(props) {
     var _getXProductHeaderVal;
@@ -35,12 +34,9 @@ export class AISummaryService {
         method: 'POST',
         headers: this.config.headers,
         body: JSON.stringify(payload),
-        ...(getBooleanFF('platform.linking-platform.smart-card.ai-summary-service-base-url') && {
-          credentials: 'include'
-        })
+        credentials: 'include'
       };
-      const requestURL = getBooleanFF('platform.linking-platform.smart-card.ai-summary-service-base-url') ? this.config.requestUrl : '/gateway/api/assist/chat/v1/invoke_agent/stream';
-      const response = await fetch(requestURL, options);
+      const response = await fetch(this.config.requestUrl, options);
       if (!response.ok || response.status >= 400) {
         throw new Error(`Status: ${response.status}\n URL: ${this.url}\n StatusText ${response.statusText}`);
       } else {

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

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/main.js

@@ -2,9 +2,10 @@ import React, { useEffect, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Modal, { ModalBody, ModalFooter } from '@atlaskit/modal-dialog';
 import { AutomationMenuContextContainer } from './menu-context';
+import { AutomationModalHeader } from './sub-components/header';
 import { AutomationModalBody } from './sub-components/body';
+import { AutomationModalExecutionState } from './sub-components/execution-state-message';
 import { AutomationModalFooter } from './sub-components/footer';
-import { AutomationModalHeader } from './sub-components/header';
 export const AutomationModal = ({
   baseAutomationUrl,
   siteAri,
@@ -38,7 +39,8 @@ export const AutomationModal = ({
     analyticsSource: analyticsSource,
     emptyStateDescription: emptyStateDescription,
     emptyStateAdminDescription: emptyStateAdminDescription,
-    onRuleInvocationLifecycleDone: onClose
+    onRuleInvocationSuccess: onClose,
+    onRuleInvocationLifecycleDone: () => setSelectedRule(undefined)
   }, () => {
     return /*#__PURE__*/React.createElement(Modal, {
       onClose: onClose,
@@ -52,7 +54,7 @@ export const AutomationModal = ({
     }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(AutomationModalBody, {
       selectedRule: selectedRule,
       setSelectedRule: setSelectedRule
-    })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(AutomationModalFooter, {
+    })), /*#__PURE__*/React.createElement(AutomationModalExecutionState, null), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(AutomationModalFooter, {
       selectedRule: selectedRule,
       onClose: onClose
     })));

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.js

@@ -1,7 +1,7 @@
 // This is another layer on top of the AFE ManualRulesContainer.
 // It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
 // This container provides an automation context to all children components through the useAutomationMenu hook.
-import React, { createContext, useContext } from 'react';
+import React, { createContext, useContext, useState } from 'react';
 import { ManualRulesContainer } from '../../manual-triggers-container';
 const AutomationMenuContext = /*#__PURE__*/createContext(undefined);
 const AutomationMenuProvider = ({
@@ -34,23 +34,35 @@ export const AutomationMenuContextContainer = ({
   onRuleInvocationFailure,
   onRuleInvocationLifecycleDone
 }) => {
+  const [ruleExecutionState, setRuleExecutionState] = useState('NONE');
   return /*#__PURE__*/React.createElement(ManualRulesContainer, {
     site: siteAri,
     query: {
       objects: [objectAri]
     },
+    onRuleInvocationLifecycleStarted: () => {
+      setRuleExecutionState('NONE');
+    },
     onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
-    onRuleInvocationSuccess: onRuleInvocationSuccess,
-    onRuleInvocationFailure: onRuleInvocationFailure
+    onRuleInvocationSuccess: () => {
+      setRuleExecutionState('SUCCEED');
+      onRuleInvocationSuccess === null || onRuleInvocationSuccess === void 0 ? void 0 : onRuleInvocationSuccess();
+    },
+    onRuleInvocationFailure: () => {
+      setRuleExecutionState('FAILURE');
+      onRuleInvocationFailure === null || onRuleInvocationFailure === void 0 ? void 0 : onRuleInvocationFailure();
+    }
   }, props => {
     const contextValue = {
       ...props,
+      fetchError: props.error,
       analyticsSource,
       objectAri,
       baseAutomationUrl,
       canManageAutomation,
       emptyStateDescription,
-      emptyStateAdminDescription
+      emptyStateAdminDescription,
+      ruleExecutionState
     };
     return /*#__PURE__*/React.createElement(AutomationMenuProvider, {
       value: contextValue

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/body/main.js

@@ -11,7 +11,7 @@ export const AutomationModalBody = ({
     triggerFetch,
     initialised,
     rules,
-    error
+    fetchError
   } = useAutomationMenu();
   useEffect(() => {
     void triggerFetch();
@@ -22,7 +22,7 @@ export const AutomationModalBody = ({
     return /*#__PURE__*/React.createElement(Skeleton, {
       lineCount: 10
     });
-  } else if (error && rules.length === 0) {
+  } else if (fetchError && rules.length === 0) {
     return /*#__PURE__*/React.createElement(AutomationModalErrorState, null);
   }
   return /*#__PURE__*/React.createElement(AutomationModalRuleList, {

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/main.js

@@ -22,7 +22,7 @@ const imageContainerStyles = xcss({
   display: 'block',
   maxWidth: '116px',
   maxHeight: '156px',
-  marginBottom: "var(--ds-space-300, 24px)",
+  marginBottom: 'space.300',
   marginTop: 'space.050'
 });
 const descriptionStyles = xcss({

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/index.js

@@ -0,0 +1,2 @@
+import { AutomationModalExecutionState } from './main';
+export { AutomationModalExecutionState };

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
+import SectionMessage from '@atlaskit/section-message';
+import { useAutomationMenu } from '../../menu-context';
+const i18n = defineMessages({
+  ruleExecutionSuccessMessage: {
+    id: 'automation-menu.success-state.message',
+    defaultMessage: 'Your automation is in progress',
+    description: 'Message that is displayed when a users automation rule has been successfully queued.'
+  },
+  ruleExecutionErrorMessage: {
+    id: 'automation-menu.modal.error.description',
+    defaultMessage: 'Oops we ran into a problem',
+    description: "Description for the error section shown when rules can't be executed"
+  }
+});
+const messageStyling = xcss({
+  marginInline: 'space.300',
+  marginTop: 'space.100',
+  // The ModalFooter comes with a lot of built in margin, want to nudge the error message in to the footer a bit
+  marginBottom: 'space.negative.100'
+});
+export const AutomationModalExecutionState = () => {
+  const {
+    ruleExecutionState
+  } = useAutomationMenu();
+  if (ruleExecutionState === 'FAILURE') {
+    return /*#__PURE__*/React.createElement(Box, {
+      xcss: messageStyling
+    }, /*#__PURE__*/React.createElement(SectionMessage, {
+      appearance: "error"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, i18n.ruleExecutionErrorMessage)));
+  } else {
+    return null;
+  }
+};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.js

@@ -39,7 +39,7 @@ export const AutomationModalFooter = ({
     invokeRuleOrShowDialog,
     invokingRuleId,
     rules,
-    error,
+    fetchError,
     baseAutomationUrl,
     analyticsSource
   } = useAutomationMenu();
@@ -105,7 +105,7 @@ export const AutomationModalFooter = ({
   // Empty admin scenario -> cancel and Create Automation buttons
   // Empty end user and error scenario -> Ok button
   if (rules.length < 1) {
-    if (error || !canManageAutomation) {
+    if (fetchError || !canManageAutomation) {
       modalButtons.push(okButton);
     } else {
       modalButtons.push(cancelButton, createAutomationButton);

package/dist/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -87,6 +87,7 @@ const renderImageIcon = (url, testId) => {
  * @see Provider
  */
 const Badge = ({
+  hideIcon = false,
   icon,
   label,
   name,
@@ -105,7 +106,7 @@ const Badge = ({
     "data-smart-element": name,
     "data-smart-element-badge": true,
     "data-testid": testId
-  }, jsx("span", {
+  }, !hideIcon && jsx("span", {
     css: iconStyles
   }, badgeIcon), jsx("span", {
     css: labelStyles,

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: "27.2.3",
+  packageVersion: "27.4.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RelatedLinksModal/components/related-link-item/index.js

@@ -21,7 +21,8 @@ const RelatedLinkItem = ({
   testId
 }) => {
   const subtitle = [{
-    name: ElementName.Provider
+    name: ElementName.Provider,
+    hideIcon: true
   }];
   const ui = {
     hideElevation: true,

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

@@ -5,9 +5,9 @@ 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; }
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 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";
 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"); }
 function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(r) { var n = this.s.return; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, throw: function _throw(r) { var n = this.s.return; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
 import uuid from 'uuid';
@@ -15,7 +15,6 @@ import { errorMessages } from './types';
 import { addPath, getXProductHeaderValue } from './utils';
 import { readStream } from './readStream';
 import { getBaseUrl } from '@atlaskit/linking-common';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var AISummaryService = /*#__PURE__*/function () {
   function AISummaryService(props) {
     var _this = this,
@@ -35,7 +34,7 @@ export var AISummaryService = /*#__PURE__*/function () {
       return addPath('/gateway/api/', path);
     });
     _defineProperty(this, "fetchStream", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var payload, options, requestURL, response;
+      var payload, options, response;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -48,26 +47,24 @@ export var AISummaryService = /*#__PURE__*/function () {
                 summary_output_mimetype: 'text/markdown'
               }
             };
-            options = _objectSpread({
+            options = {
               method: 'POST',
               headers: _this.config.headers,
-              body: JSON.stringify(payload)
-            }, getBooleanFF('platform.linking-platform.smart-card.ai-summary-service-base-url') && {
+              body: JSON.stringify(payload),
               credentials: 'include'
-            });
-            requestURL = getBooleanFF('platform.linking-platform.smart-card.ai-summary-service-base-url') ? _this.config.requestUrl : '/gateway/api/assist/chat/v1/invoke_agent/stream';
-            _context.next = 5;
-            return fetch(requestURL, options);
-          case 5:
+            };
+            _context.next = 4;
+            return fetch(_this.config.requestUrl, options);
+          case 4:
             response = _context.sent;
             if (!(!response.ok || response.status >= 400)) {
-              _context.next = 10;
+              _context.next = 9;
               break;
             }
             throw new Error("Status: ".concat(response.status, "\n URL: ").concat(_this.url, "\n StatusText ").concat(response.statusText));
-          case 10:
+          case 9:
             return _context.abrupt("return", readStream(response));
-          case 11:
+          case 10:
           case "end":
             return _context.stop();
         }

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

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/main.js

@@ -3,9 +3,10 @@ import React, { useEffect, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Modal, { ModalBody, ModalFooter } from '@atlaskit/modal-dialog';
 import { AutomationMenuContextContainer } from './menu-context';
+import { AutomationModalHeader } from './sub-components/header';
 import { AutomationModalBody } from './sub-components/body';
+import { AutomationModalExecutionState } from './sub-components/execution-state-message';
 import { AutomationModalFooter } from './sub-components/footer';
-import { AutomationModalHeader } from './sub-components/header';
 export var AutomationModal = function AutomationModal(_ref) {
   var baseAutomationUrl = _ref.baseAutomationUrl,
     siteAri = _ref.siteAri,
@@ -40,7 +41,10 @@ export var AutomationModal = function AutomationModal(_ref) {
     analyticsSource: analyticsSource,
     emptyStateDescription: emptyStateDescription,
     emptyStateAdminDescription: emptyStateAdminDescription,
-    onRuleInvocationLifecycleDone: onClose
+    onRuleInvocationSuccess: onClose,
+    onRuleInvocationLifecycleDone: function onRuleInvocationLifecycleDone() {
+      return setSelectedRule(undefined);
+    }
   }, function () {
     return /*#__PURE__*/React.createElement(Modal, {
       onClose: onClose,
@@ -54,7 +58,7 @@ export var AutomationModal = function AutomationModal(_ref) {
     }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(AutomationModalBody, {
       selectedRule: selectedRule,
       setSelectedRule: setSelectedRule
-    })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(AutomationModalFooter, {
+    })), /*#__PURE__*/React.createElement(AutomationModalExecutionState, null), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(AutomationModalFooter, {
       selectedRule: selectedRule,
       onClose: onClose
     })));

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.js

@@ -1,10 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
 // This is another layer on top of the AFE ManualRulesContainer.
 // It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
 // This container provides an automation context to all children components through the useAutomationMenu hook.
-import React, { createContext, useContext } from 'react';
+import React, { createContext, useContext, useState } from 'react';
 import { ManualRulesContainer } from '../../manual-triggers-container';
 var AutomationMenuContext = /*#__PURE__*/createContext(undefined);
 var AutomationMenuProvider = function AutomationMenuProvider(_ref) {
@@ -32,25 +33,40 @@ export var AutomationMenuContextContainer = function AutomationMenuContextContai
     children = _ref2.children,
     emptyStateDescription = _ref2.emptyStateDescription,
     emptyStateAdminDescription = _ref2.emptyStateAdminDescription,
-    onRuleInvocationSuccess = _ref2.onRuleInvocationSuccess,
-    onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
+    _onRuleInvocationSuccess = _ref2.onRuleInvocationSuccess,
+    _onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
     onRuleInvocationLifecycleDone = _ref2.onRuleInvocationLifecycleDone;
+  var _useState = useState('NONE'),
+    _useState2 = _slicedToArray(_useState, 2),
+    ruleExecutionState = _useState2[0],
+    setRuleExecutionState = _useState2[1];
   return /*#__PURE__*/React.createElement(ManualRulesContainer, {
     site: siteAri,
     query: {
       objects: [objectAri]
     },
+    onRuleInvocationLifecycleStarted: function onRuleInvocationLifecycleStarted() {
+      setRuleExecutionState('NONE');
+    },
     onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
-    onRuleInvocationSuccess: onRuleInvocationSuccess,
-    onRuleInvocationFailure: onRuleInvocationFailure
+    onRuleInvocationSuccess: function onRuleInvocationSuccess() {
+      setRuleExecutionState('SUCCEED');
+      _onRuleInvocationSuccess === null || _onRuleInvocationSuccess === void 0 || _onRuleInvocationSuccess();
+    },
+    onRuleInvocationFailure: function onRuleInvocationFailure() {
+      setRuleExecutionState('FAILURE');
+      _onRuleInvocationFailure === null || _onRuleInvocationFailure === void 0 || _onRuleInvocationFailure();
+    }
   }, function (props) {
     var contextValue = _objectSpread(_objectSpread({}, props), {}, {
+      fetchError: props.error,
       analyticsSource: analyticsSource,
       objectAri: objectAri,
       baseAutomationUrl: baseAutomationUrl,
       canManageAutomation: canManageAutomation,
       emptyStateDescription: emptyStateDescription,
-      emptyStateAdminDescription: emptyStateAdminDescription
+      emptyStateAdminDescription: emptyStateAdminDescription,
+      ruleExecutionState: ruleExecutionState
     });
     return /*#__PURE__*/React.createElement(AutomationMenuProvider, {
       value: contextValue

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/body/main.js

@@ -10,7 +10,7 @@ export var AutomationModalBody = function AutomationModalBody(_ref) {
     triggerFetch = _useAutomationMenu.triggerFetch,
     initialised = _useAutomationMenu.initialised,
     rules = _useAutomationMenu.rules,
-    error = _useAutomationMenu.error;
+    fetchError = _useAutomationMenu.fetchError;
   useEffect(function () {
     void triggerFetch();
     // Want to ensure that triggerFetch is only called once when the component is mounted.
@@ -20,7 +20,7 @@ export var AutomationModalBody = function AutomationModalBody(_ref) {
     return /*#__PURE__*/React.createElement(Skeleton, {
       lineCount: 10
     });
-  } else if (error && rules.length === 0) {
+  } else if (fetchError && rules.length === 0) {
     return /*#__PURE__*/React.createElement(AutomationModalErrorState, null);
   }
   return /*#__PURE__*/React.createElement(AutomationModalRuleList, {

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/main.js

@@ -22,7 +22,7 @@ var imageContainerStyles = xcss({
   display: 'block',
   maxWidth: '116px',
   maxHeight: '156px',
-  marginBottom: "var(--ds-space-300, 24px)",
+  marginBottom: 'space.300',
   marginTop: 'space.050'
 });
 var descriptionStyles = xcss({

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/index.js

@@ -0,0 +1,2 @@
+import { AutomationModalExecutionState } from './main';
+export { AutomationModalExecutionState };

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
+import SectionMessage from '@atlaskit/section-message';
+import { useAutomationMenu } from '../../menu-context';
+var i18n = defineMessages({
+  ruleExecutionSuccessMessage: {
+    id: 'automation-menu.success-state.message',
+    defaultMessage: 'Your automation is in progress',
+    description: 'Message that is displayed when a users automation rule has been successfully queued.'
+  },
+  ruleExecutionErrorMessage: {
+    id: 'automation-menu.modal.error.description',
+    defaultMessage: 'Oops we ran into a problem',
+    description: "Description for the error section shown when rules can't be executed"
+  }
+});
+var messageStyling = xcss({
+  marginInline: 'space.300',
+  marginTop: 'space.100',
+  // The ModalFooter comes with a lot of built in margin, want to nudge the error message in to the footer a bit
+  marginBottom: 'space.negative.100'
+});
+export var AutomationModalExecutionState = function AutomationModalExecutionState() {
+  var _useAutomationMenu = useAutomationMenu(),
+    ruleExecutionState = _useAutomationMenu.ruleExecutionState;
+  if (ruleExecutionState === 'FAILURE') {
+    return /*#__PURE__*/React.createElement(Box, {
+      xcss: messageStyling
+    }, /*#__PURE__*/React.createElement(SectionMessage, {
+      appearance: "error"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, i18n.ruleExecutionErrorMessage)));
+  } else {
+    return null;
+  }
+};

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.js

@@ -37,7 +37,7 @@ export var AutomationModalFooter = function AutomationModalFooter(_ref) {
     invokeRuleOrShowDialog = _useAutomationMenu.invokeRuleOrShowDialog,
     invokingRuleId = _useAutomationMenu.invokingRuleId,
     rules = _useAutomationMenu.rules,
-    error = _useAutomationMenu.error,
+    fetchError = _useAutomationMenu.fetchError,
     baseAutomationUrl = _useAutomationMenu.baseAutomationUrl,
     analyticsSource = _useAutomationMenu.analyticsSource;
   var sendFooterAnalyticsEvent = function sendFooterAnalyticsEvent(actionSubjectId, ruleId) {
@@ -102,7 +102,7 @@ export var AutomationModalFooter = function AutomationModalFooter(_ref) {
   // Empty admin scenario -> cancel and Create Automation buttons
   // Empty end user and error scenario -> Ok button
   if (rules.length < 1) {
-    if (error || !canManageAutomation) {
+    if (fetchError || !canManageAutomation) {
       modalButtons.push(okButton);
     } else {
       modalButtons.push(cancelButton, createAutomationButton);

package/dist/esm/view/FlexibleCard/components/elements/badge/index.js

@@ -67,7 +67,9 @@ var renderImageIcon = function renderImageIcon(url, testId) {
  * @see Provider
  */
 var Badge = function Badge(_ref) {
-  var icon = _ref.icon,
+  var _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    icon = _ref.icon,
     label = _ref.label,
     name = _ref.name,
     overrideCss = _ref.overrideCss,
@@ -85,7 +87,7 @@ var Badge = function Badge(_ref) {
     "data-smart-element": name,
     "data-smart-element-badge": true,
     "data-testid": testId
-  }, jsx("span", {
+  }, !hideIcon && jsx("span", {
     css: iconStyles
   }, badgeIcon), jsx("span", {
     css: labelStyles,

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: "27.2.3",
+  packageVersion: "27.4.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.js

@@ -20,7 +20,8 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   var url = _ref.url,
     testId = _ref.testId;
   var subtitle = [{
-    name: ElementName.Provider
+    name: ElementName.Provider,
+    hideIcon: true
   }];
   var ui = {
     hideElevation: true,

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/index.d.ts

@@ -1 +1 @@
-export { AutomationMenuContextContainer, useAutomationMenu, } from './main';
+export { AutomationMenuContextContainer, useAutomationMenu, type RuleExecutionState, } from './main';

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.d.ts

@@ -13,13 +13,16 @@ type AutomationMenuContextContainerProps = {
     onRuleInvocationFailure?: () => void;
     onRuleInvocationLifecycleDone?: () => void;
 };
-export type MenuContext = ManualRulesData & {
+export type RuleExecutionState = 'SUCCEED' | 'FAILURE' | 'NONE';
+export type MenuContext = Omit<ManualRulesData, 'error'> & {
+    fetchError: any;
     analyticsSource: string;
     objectAri: string;
     baseAutomationUrl: string;
     canManageAutomation: boolean;
     emptyStateDescription?: React.ReactNode;
     emptyStateAdminDescription?: React.ReactNode;
+    ruleExecutionState: RuleExecutionState;
 };
 export declare const useAutomationMenu: () => MenuContext;
 export declare const AutomationMenuContextContainer: ({ baseAutomationUrl, analyticsSource, objectAri, siteAri, canManageAutomation, children, emptyStateDescription, emptyStateAdminDescription, onRuleInvocationSuccess, onRuleInvocationFailure, onRuleInvocationLifecycleDone, }: AutomationMenuContextContainerProps) => JSX.Element;

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/index.d.ts

@@ -0,0 +1,2 @@
+import { AutomationModalExecutionState } from './main';
+export { AutomationModalExecutionState };

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AutomationModalExecutionState: () => JSX.Element | null;

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -357,11 +357,12 @@ export type ProgrammingLanguage = {
     name: ElementName.ProgrammingLanguage;
 };
 /**
- * Represents the props available for an Provider element.
+ * Represents the props available for a Provider element.
  * @see Provider
  */
 export type Provider = {
     name: ElementName.Provider;
+    hideIcon?: boolean;
 };
 /**
  * Represents the props available for an ReactCount element.

package/dist/types/view/FlexibleCard/components/elements/badge/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type BadgeProps } from './types';
 /**
  * A base element that displays some text with an associated icon.
@@ -14,5 +13,5 @@ import { type BadgeProps } from './types';
  * @see ProgrammingLanguage
  * @see Provider
  */
-declare const Badge: React.FC<BadgeProps>;
+declare const Badge: ({ hideIcon, icon, label, name, overrideCss, testId, url, }: BadgeProps) => jsx.JSX.Element | null;
 export default Badge;

package/dist/types/view/FlexibleCard/components/elements/badge/types.d.ts

@@ -1,6 +1,11 @@
 import { type ElementProps } from '../types';
 import { type IconType } from '../../../../../constants';
 export type BadgeProps = ElementProps & {
+    /**
+     * Determines whether the badge icon should be hidden. When set to true,
+     * the badge will be displayed without the icon, showing only the label text.
+     */
+    hideIcon?: boolean;
     /**
      * The Atlaskit Icon to display next to the label. If this is not supplied,
      * then the badge icon will fallback to the URL provided.
@@ -11,7 +16,7 @@ export type BadgeProps = ElementProps & {
      */
     url?: string;
     /**
-     * The text to display for the badge
+     * The text to display for the badge.
      */
     label?: string;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/index.d.ts

@@ -1 +1 @@
-export { AutomationMenuContextContainer, useAutomationMenu, } from './main';
+export { AutomationMenuContextContainer, useAutomationMenu, type RuleExecutionState, } from './main';

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/main.d.ts

@@ -13,13 +13,16 @@ type AutomationMenuContextContainerProps = {
     onRuleInvocationFailure?: () => void;
     onRuleInvocationLifecycleDone?: () => void;
 };
-export type MenuContext = ManualRulesData & {
+export type RuleExecutionState = 'SUCCEED' | 'FAILURE' | 'NONE';
+export type MenuContext = Omit<ManualRulesData, 'error'> & {
+    fetchError: any;
     analyticsSource: string;
     objectAri: string;
     baseAutomationUrl: string;
     canManageAutomation: boolean;
     emptyStateDescription?: React.ReactNode;
     emptyStateAdminDescription?: React.ReactNode;
+    ruleExecutionState: RuleExecutionState;
 };
 export declare const useAutomationMenu: () => MenuContext;
 export declare const AutomationMenuContextContainer: ({ baseAutomationUrl, analyticsSource, objectAri, siteAri, canManageAutomation, children, emptyStateDescription, emptyStateAdminDescription, onRuleInvocationSuccess, onRuleInvocationFailure, onRuleInvocationLifecycleDone, }: AutomationMenuContextContainerProps) => JSX.Element;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/index.d.ts

@@ -0,0 +1,2 @@
+import { AutomationModalExecutionState } from './main';
+export { AutomationModalExecutionState };

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AutomationModalExecutionState: () => JSX.Element | null;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -357,11 +357,12 @@ export type ProgrammingLanguage = {
     name: ElementName.ProgrammingLanguage;
 };
 /**
- * Represents the props available for an Provider element.
+ * Represents the props available for a Provider element.
  * @see Provider
  */
 export type Provider = {
     name: ElementName.Provider;
+    hideIcon?: boolean;
 };
 /**
  * Represents the props available for an ReactCount element.

package/dist/types-ts4.5/view/FlexibleCard/components/elements/badge/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type BadgeProps } from './types';
 /**
  * A base element that displays some text with an associated icon.
@@ -14,5 +13,5 @@ import { type BadgeProps } from './types';
  * @see ProgrammingLanguage
  * @see Provider
  */
-declare const Badge: React.FC<BadgeProps>;
+declare const Badge: ({ hideIcon, icon, label, name, overrideCss, testId, url, }: BadgeProps) => jsx.JSX.Element | null;
 export default Badge;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/badge/types.d.ts

@@ -1,6 +1,11 @@
 import { type ElementProps } from '../types';
 import { type IconType } from '../../../../../constants';
 export type BadgeProps = ElementProps & {
+    /**
+     * Determines whether the badge icon should be hidden. When set to true,
+     * the badge will be displayed without the icon, showing only the label text.
+     */
+    hideIcon?: boolean;
     /**
      * The Atlaskit Icon to display next to the label. If this is not supplied,
      * then the badge icon will fallback to the URL provided.
@@ -11,7 +16,7 @@ export type BadgeProps = ElementProps & {
      */
     url?: string;
     /**
-     * The text to display for the badge
+     * The text to display for the badge.
      */
     label?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "27.2.3",
+  "version": "27.4.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -56,6 +56,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.17.0",
     "@atlaskit/primitives": "^6.3.0",
+    "@atlaskit/section-message": "^6.5.0",
     "@atlaskit/select": "^17.10.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/textarea": "^5.4.0",
@@ -164,9 +165,6 @@
     "platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.ai-summary-service-base-url": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw": {
       "type": "boolean"
     },