@atlaskit/smart-card 27.3.0 → 27.4.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 27.4.1
+
+### Patch Changes
+
+- [#105414](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105414)
+  [`23d96f7c2ad9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/23d96f7c2ad9) -
+  Remove product and resourceType logic from the FE.
+
+## 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

package/dist/cjs/extractors/flexible/actions/extract-automation-action.js

@@ -1,53 +1,35 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractAutomationAction = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _messages = require("../../../messages");
-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; }
-// This action will not be enabled by default for smart cards, which is opposite of the default behavior for actions.
-// The AutomationAction will only appear if product/resourceType combination is handled by this function.
-var getProductData = function getProductData(meta) {
-  var _ProductData$product;
-  var tenantId = meta.tenantId;
-  var product = meta.product;
-  var resourceType = meta.resourceType;
-  var ProductData = {
-    'confluence': {
-      'page': {
-        //TODO extract to server
-        siteAri: "ari:cloud:confluence::site/".concat(tenantId),
-        //TODO Move to AutomationAction
-        modalTitle: _messages.messages.automation_action_confluence_page_modal_title,
-        modalDescription: _messages.messages.automation_action_confluence_page_modal_description
-      }
-    }
-  };
-  return ProductData === null || ProductData === void 0 || (_ProductData$product = ProductData[product]) === null || _ProductData$product === void 0 ? void 0 : _ProductData$product[resourceType];
-};
+var _constants = require("../../../constants");
 var extractAutomationAction = exports.extractAutomationAction = function extractAutomationAction(response) {
+  var _response$meta;
   if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platfom.smart-card.confluence.page.automation-action_xcdoi') || !response.data) {
     return undefined;
   }
+  if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta = _response$meta.supportedFeature) !== null && _response$meta !== void 0 && _response$meta.includes(_constants.ActionName.AutomationAction))) {
+    return undefined;
+  }
   var data = response.data;
   var meta = response.meta;
   var name = data.name,
     objectAri = data["atlassian:ari"];
-  var productData = getProductData(meta);
-  if (!productData) {
-    return undefined;
-  }
-  return _objectSpread(_objectSpread({}, productData), {}, {
+  var product = meta.product,
+    tenantId = meta.tenantId,
+    resourceType = meta.resourceType;
+  return {
+    product: product,
+    resourceType: resourceType,
+    siteAri: "ari:cloud:".concat(product, "::site/").concat(tenantId),
     objectName: name,
     objectAri: objectAri,
     // TODO: The admin experience will be a follow up
     canManageAutomation: false,
     baseAutomationUrl: '',
     analyticsSource: 'smartCard'
-  });
+  };
 };

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.3.0"
+  packageVersion: "27.4.1"
 };
 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,
+    onRuleInvocationFailure: function onRuleInvocationFailure() {
+      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/actions/automation-action/index.js

@@ -15,6 +15,7 @@ var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _modal = require("../../../../../state/modal");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
+var _utils = require("./utils");
 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" != (0, _typeof2.default)(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 = /*#__PURE__*/(0, _react.lazy)(function () {
@@ -27,19 +28,23 @@ var AutomationAction = function AutomationAction(props) {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var modal = (0, _modal.useSmartLinkModal)();
+  var onClickCallback = props.onClick;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.AutomationAction];
   var automationActionOnClick = (0, _react.useCallback)(function (automationActionData) {
-    var baseAutomationUrl = automationActionData.baseAutomationUrl,
+    var product = automationActionData.product,
+      resourceType = automationActionData.resourceType,
+      baseAutomationUrl = automationActionData.baseAutomationUrl,
       objectAri = automationActionData.objectAri,
       siteAri = automationActionData.siteAri,
       canManageAutomation = automationActionData.canManageAutomation,
       analyticsSource = automationActionData.analyticsSource,
-      modalTitle = automationActionData.modalTitle,
-      modalDescription = automationActionData.modalDescription,
       objectName = automationActionData.objectName;
-    var automationModalTitle = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, modalTitle);
-    var automationModalDescription = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, modalDescription, {
+    var _ref = (0, _utils.getModalContent)(product, resourceType) || {},
+      modalTitle = _ref.modalTitle,
+      modalDescription = _ref.modalDescription;
+    var automationModalTitle = modalTitle ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, modalTitle) : undefined;
+    var automationModalDescription = modalDescription ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, modalDescription, {
       values: {
         name: objectName,
         b: function b(chunks) {
@@ -47,7 +52,7 @@ var AutomationAction = function AutomationAction(props) {
         },
         br: /*#__PURE__*/_react.default.createElement("br", null)
       }
-    }));
+    })) : undefined;
     modal.open( /*#__PURE__*/_react.default.createElement(AutomationModal, {
       baseAutomationUrl: baseAutomationUrl,
       objectAri: objectAri,
@@ -60,7 +65,8 @@ var AutomationAction = function AutomationAction(props) {
         return modal.close();
       }
     }));
-  }, [modal]);
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+  }, [modal, onClickCallback]);
   if (!automationActionData) {
     return null;
   }
@@ -74,7 +80,7 @@ var AutomationAction = function AutomationAction(props) {
     }),
     testId: "smart-action-automation-action",
     tooltipMessage: automationActionTooltip
-  }, automationActionData, props, {
+  }, props, {
     onClick: function onClick() {
       return automationActionOnClick(automationActionData);
     }

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModalContent = void 0;
+var _messages = require("../../../../../../messages");
+var getModalContent = exports.getModalContent = function getModalContent(product, resourceType) {
+  var _modalContentMap$prod;
+  var modalContentMap = {
+    'confluence': {
+      'page': {
+        modalTitle: _messages.messages.automation_action_confluence_page_modal_title,
+        modalDescription: _messages.messages.automation_action_confluence_page_modal_description
+      }
+    }
+  };
+  return modalContentMap === null || modalContentMap === void 0 || (_modalContentMap$prod = modalContentMap[product]) === null || _modalContentMap$prod === void 0 ? void 0 : _modalContentMap$prod[resourceType];
+};

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

package/dist/es2019/extractors/flexible/actions/extract-automation-action.js

@@ -1,43 +1,28 @@
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { messages } from '../../../messages';
-// This action will not be enabled by default for smart cards, which is opposite of the default behavior for actions.
-// The AutomationAction will only appear if product/resourceType combination is handled by this function.
-const getProductData = meta => {
-  var _ProductData$product;
-  const {
-    tenantId
-  } = meta;
-  const product = meta.product;
-  const resourceType = meta.resourceType;
-  const ProductData = {
-    'confluence': {
-      'page': {
-        //TODO extract to server
-        siteAri: `ari:cloud:confluence::site/${tenantId}`,
-        //TODO Move to AutomationAction
-        modalTitle: messages.automation_action_confluence_page_modal_title,
-        modalDescription: messages.automation_action_confluence_page_modal_description
-      }
-    }
-  };
-  return ProductData === null || ProductData === void 0 ? void 0 : (_ProductData$product = ProductData[product]) === null || _ProductData$product === void 0 ? void 0 : _ProductData$product[resourceType];
-};
+import { ActionName } from '../../../constants';
 export const extractAutomationAction = response => {
+  var _response$meta, _response$meta$suppor;
   if (!getBooleanFF('platform.linking-platfom.smart-card.confluence.page.automation-action_xcdoi') || !response.data) {
     return undefined;
   }
+  if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta$suppor = _response$meta.supportedFeature) !== null && _response$meta$suppor !== void 0 && _response$meta$suppor.includes(ActionName.AutomationAction))) {
+    return undefined;
+  }
   const data = response.data;
   const meta = response.meta;
   const {
     name,
     "atlassian:ari": objectAri
   } = data;
-  const productData = getProductData(meta);
-  if (!productData) {
-    return undefined;
-  }
+  const {
+    product,
+    tenantId,
+    resourceType
+  } = meta;
   return {
-    ...productData,
+    product: product,
+    resourceType: resourceType,
+    siteAri: `ari:cloud:${product}::site/${tenantId}`,
     objectName: name,
     objectAri: objectAri,
     // TODO: The admin experience will be a follow up

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.3.0"
+  packageVersion: "27.4.1"
 };
 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,
+    onRuleInvocationFailure: () => 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);