@atlaskit/smart-card 26.69.1 → 26.70.0

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

@@ -0,0 +1,126 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { di } from 'react-magnetic-di';
+import Button from '@atlaskit/button/new';
+import Form, { ErrorMessage, FormSection } from '@atlaskit/form';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import messages from '../common/messages';
+import { UserInputType } from '../common/types';
+import BooleanInputPrompt from './boolean-prompt/main';
+import NumberInputPrompt from './number-prompt/main';
+import ParagraphInputPrompt from './paragraph-prompt/main';
+import SelectInputPrompt from './select-prompt/main';
+import TextInputPrompt from './text-prompt/main';
+var UserInputForm = function UserInputForm(props) {
+  var selectedRule = props.selectedRule,
+    clearSelectedRule = props.clearSelectedRule,
+    invokeRule = props.invokeRule,
+    onInputsModalOpened = props.onInputsModalOpened,
+    onInputsModalClosed = props.onInputsModalClosed;
+  var rule = selectedRule.rule,
+    objects = selectedRule.objects;
+  var userInputPrompts = rule.userInputPrompts;
+  var getTypeOfInput = function getTypeOfInput(key, prompts) {
+    var _prompts$find;
+    return (_prompts$find = prompts.find(function (_ref) {
+      var variableName = _ref.variableName;
+      return variableName === key;
+    })) === null || _prompts$find === void 0 ? void 0 : _prompts$find.inputType;
+  };
+  var generateInputValue = function generateInputValue(inputType, data) {
+    switch (inputType) {
+      case UserInputType.DROPDOWN:
+        return {
+          inputType: inputType,
+          value: data ? data.value : ''
+        };
+      case UserInputType.NUMBER:
+        return {
+          inputType: inputType,
+          value: Number(data)
+        };
+      default:
+        return {
+          inputType: inputType,
+          value: data
+        };
+    }
+  };
+  var handleSubmit = function handleSubmit(data) {
+    var output = Object.entries(data).reduce(function (acc, _ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+      var inputType = getTypeOfInput(key, userInputPrompts);
+      if (!inputType) {
+        return acc;
+      }
+      acc[key] = generateInputValue(inputType, value);
+      return acc;
+    }, {});
+    return invokeRule(rule.id, objects, output);
+  };
+  var handleOpen = function handleOpen() {
+    if (onInputsModalOpened) {
+      onInputsModalOpened();
+    }
+  };
+  var handleClose = function handleClose() {
+    clearSelectedRule();
+    if (onInputsModalClosed) {
+      onInputsModalClosed();
+    }
+  };
+  var generateUserInputForm = function generateUserInputForm(inputPrompt) {
+    switch (inputPrompt.inputType) {
+      case UserInputType.TEXT:
+        return /*#__PURE__*/React.createElement(TextInputPrompt, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case UserInputType.NUMBER:
+        return /*#__PURE__*/React.createElement(NumberInputPrompt, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case UserInputType.DROPDOWN:
+        return /*#__PURE__*/React.createElement(SelectInputPrompt, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case UserInputType.BOOLEAN:
+        return /*#__PURE__*/React.createElement(BooleanInputPrompt, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case UserInputType.PARAGRAPH:
+        return /*#__PURE__*/React.createElement(ParagraphInputPrompt, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputTypeIsNotSupported.defaultMessage), /*#__PURE__*/React.createElement("br", null));
+    }
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    "data-testid": "automation-platform.ui.manual-rules-container.manual-triggers-form.modal",
+    onClose: handleClose,
+    onOpenComplete: handleOpen
+  }, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: handleSubmit
+  }, function (_ref4) {
+    var formProps = _ref4.formProps,
+      submitting = _ref4.submitting;
+    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, rule.name)), /*#__PURE__*/React.createElement(ModalBody, null, messages.inputRequiredForAction.defaultMessage, /*#__PURE__*/React.createElement(FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+      appearance: "subtle",
+      onClick: handleClose,
+      isDisabled: submitting
+    }, messages.cancelButtonTitle.defaultMessage), /*#__PURE__*/React.createElement(Button, {
+      appearance: "primary",
+      type: "submit",
+      isLoading: submitting,
+      autoFocus: true
+    }, messages.continueButtonTitle.defaultMessage)));
+  }));
+};
+export default UserInputForm;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/number-prompt/main.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { di } from 'react-magnetic-di';
+import { ErrorMessage, Field } from '@atlaskit/form';
+import Textfield from '@atlaskit/textfield';
+import messages from '../../common/messages';
+export var Errors = /*#__PURE__*/function (Errors) {
+  Errors["EMPTY"] = "EMPTY";
+  Errors["INVALID_NUMBER"] = "INVALID_NUMBER";
+  return Errors;
+}({});
+export var numberValidate = function numberValidate(isRequired, value) {
+  if (isRequired && !value) {
+    return Errors.EMPTY;
+  }
+  if (value && Number.isNaN(Number(value))) {
+    return Errors.INVALID_NUMBER;
+  }
+  return undefined;
+};
+var NumberInputPrompt = function NumberInputPrompt(_ref) {
+  var userInputPrompt = _ref.userInputPrompt;
+  var variableName = userInputPrompt.variableName,
+    required = userInputPrompt.required,
+    displayName = userInputPrompt.displayName,
+    defaultValue = userInputPrompt.defaultValue;
+  var generateErrorMessage = function generateErrorMessage(error) {
+    switch (error) {
+      case Errors.EMPTY:
+        return /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage);
+      case Errors.INVALID_NUMBER:
+        return /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorValueIsNotValidNumber.defaultMessage);
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/React.createElement(Field, {
+    key: variableName,
+    "aria-required": required,
+    name: variableName,
+    label: displayName,
+    defaultValue: defaultValue,
+    isRequired: required,
+    validate: function validate(value) {
+      return numberValidate(required, value);
+    }
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps,
+      error = _ref2.error;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), generateErrorMessage(error));
+  });
+};
+export default NumberInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { di } from 'react-magnetic-di';
+import { ErrorMessage, Field } from '@atlaskit/form';
+import TextArea from '@atlaskit/textarea';
+import messages from '../../common/messages';
+var Errors = /*#__PURE__*/function (Errors) {
+  Errors["EMPTY"] = "EMPTY";
+  Errors["CHARACTER_LIMIT"] = "CHARACTER_LIMIT";
+  return Errors;
+}(Errors || {});
+var MAX_PARAGRAPH_CHARACTER_LIMIT = 5000;
+var ParagraphInputPrompt = function ParagraphInputPrompt(_ref) {
+  var userInputPrompt = _ref.userInputPrompt;
+  var variableName = userInputPrompt.variableName,
+    required = userInputPrompt.required,
+    displayName = userInputPrompt.displayName,
+    defaultValue = userInputPrompt.defaultValue;
+  var validate = function validate(value) {
+    if (required && !value) {
+      return Errors.EMPTY;
+    }
+    if (value && (value === null || value === void 0 ? void 0 : value.trim().length) === 0) {
+      return Errors.EMPTY;
+    }
+    if (value && value.length > MAX_PARAGRAPH_CHARACTER_LIMIT) {
+      return Errors.CHARACTER_LIMIT;
+    }
+    return undefined;
+  };
+  return /*#__PURE__*/React.createElement(Field, {
+    name: variableName,
+    label: displayName,
+    defaultValue: defaultValue,
+    isRequired: required,
+    validate: validate
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps,
+      error = _ref2.error;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, fieldProps), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage));
+  });
+};
+export default ParagraphInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/select-prompt/main.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { di } from 'react-magnetic-di';
+import { ErrorMessage, Field } from '@atlaskit/form';
+import Select from '@atlaskit/select';
+import messages from '../../common/messages';
+var Errors = /*#__PURE__*/function (Errors) {
+  Errors["EMPTY"] = "EMPTY";
+  return Errors;
+}(Errors || {});
+var SelectInputPrompt = function SelectInputPrompt(_ref) {
+  var userInputPrompt = _ref.userInputPrompt;
+  var variableName = userInputPrompt.variableName,
+    required = userInputPrompt.required,
+    displayName = userInputPrompt.displayName,
+    defaultValue = userInputPrompt.defaultValue;
+  var validate = function validate(value) {
+    if (required && !value) {
+      return Errors.EMPTY;
+    }
+    return undefined;
+  };
+  var selectOptions = defaultValue.map(function (value) {
+    return {
+      label: value,
+      value: value
+    };
+  });
+  return /*#__PURE__*/React.createElement(Field, {
+    name: variableName,
+    label: displayName,
+    isRequired: required,
+    validate: validate
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps,
+      error = _ref2.error;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, _extends({
+      isClearable: true,
+      isSearchable: true,
+      options: selectOptions,
+      menuPosition: "fixed"
+    }, fieldProps)), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage));
+  });
+};
+export default SelectInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/text-prompt/main.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { di } from 'react-magnetic-di';
+import { ErrorMessage, Field } from '@atlaskit/form';
+import Textfield from '@atlaskit/textfield';
+import messages from '../../common/messages';
+var Errors = /*#__PURE__*/function (Errors) {
+  Errors["EMPTY"] = "EMPTY";
+  return Errors;
+}(Errors || {});
+var TextInputPrompt = function TextInputPrompt(_ref) {
+  var userInputPrompt = _ref.userInputPrompt;
+  var variableName = userInputPrompt.variableName,
+    required = userInputPrompt.required,
+    displayName = userInputPrompt.displayName,
+    defaultValue = userInputPrompt.defaultValue;
+  var validate = function validate(value) {
+    return required && !value ? Errors.EMPTY : undefined;
+  };
+  return /*#__PURE__*/React.createElement(Field, {
+    name: variableName,
+    label: displayName,
+    defaultValue: defaultValue,
+    isRequired: required,
+    validate: validate
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps,
+      error = _ref2.error;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage));
+  });
+};
+export default TextInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/services/index.js

@@ -0,0 +1,89 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+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 { getInvocationUrl, getSearchUrl, performPostRequest } from './../common/utils';
+
+/**
+ * Manual trigger rules API fetch. Fetches a list of manually triggered rules according to the context provided
+ * in env, and query.
+ * @param env - The environment to look up rules against
+ * @param query - the workspace/container/objects to fetch rules against
+ */
+export var searchManuallyTriggeredRules = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(env, site, query) {
+    var url, response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return getSearchUrl(env, site);
+        case 2:
+          url = _context.sent;
+          _context.next = 5;
+          return performPostRequest(url, {
+            body: JSON.stringify(query)
+          });
+        case 5:
+          response = _context.sent;
+          return _context.abrupt("return", response.reduce(function (acc, _ref2) {
+            var id = _ref2.id,
+              name = _ref2.name,
+              ruleScope = _ref2.ruleScope,
+              userInputs = _ref2.userInputs;
+            return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, id, {
+              id: id,
+              name: name,
+              ruleScope: ruleScope,
+              userInputPrompts: userInputs
+            }));
+          }, {}));
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function searchManuallyTriggeredRules(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/**
+ * Invoke a manually triggered rule via the API.
+ * @param env - the environment to use when invoking the rule
+ * @param cloudId - the site the rule belongs to
+ * @param ruleId - the identifier of the rule you want to invoke
+ * @param objects - the list of objects you wish to create an automation event for.
+ * @param userInputs - the optional user inputs if this manual trigger requires them
+ */
+export var invokeManuallyTriggeredRule = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(env, site, ruleId, objects, userInputs) {
+    var url, bodyRaw;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return getInvocationUrl(env, site, ruleId);
+        case 2:
+          url = _context2.sent;
+          bodyRaw = {
+            objects: objects
+          };
+          if (userInputs) {
+            bodyRaw.userInputs = userInputs;
+          }
+          return _context2.abrupt("return", performPostRequest(url, {
+            body: JSON.stringify(bodyRaw)
+          }));
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function invokeManuallyTriggeredRule(_x4, _x5, _x6, _x7, _x8) {
+    return _ref3.apply(this, arguments);
+  };
+}();

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

@@ -0,0 +1,3 @@
+import { AutomationModal } from './main';
+export { AutomationModal } from './main';
+export default AutomationModal;

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

@@ -0,0 +1,64 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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 { AutomationModalBody } from './sub-components/body';
+import { AutomationModalFooter } from './sub-components/footer';
+import { AutomationModalHeader } from './sub-components/header';
+export var AutomationModal = function AutomationModal(_ref) {
+  var environment = _ref.environment,
+    baseAutomationUrl = _ref.baseAutomationUrl,
+    siteAri = _ref.siteAri,
+    objectAri = _ref.objectAri,
+    canManageAutomation = _ref.canManageAutomation,
+    onClose = _ref.onClose,
+    onCloseComplete = _ref.onCloseComplete,
+    modalTitle = _ref.modalTitle,
+    modalDescription = _ref.modalDescription,
+    emptyStateDescription = _ref.emptyStateDescription,
+    emptyStateAdminDescription = _ref.emptyStateAdminDescription,
+    analyticsSource = _ref.analyticsSource;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRule = _useState2[0],
+    setSelectedRule = _useState2[1];
+  useEffect(function () {
+    createAnalyticsEvent({
+      type: 'sendScreenEvent',
+      data: {
+        name: analyticsSource
+      }
+    }).fire();
+  }, [createAnalyticsEvent, analyticsSource]);
+  return /*#__PURE__*/React.createElement(AutomationMenuContextContainer, {
+    environment: environment,
+    baseAutomationUrl: baseAutomationUrl,
+    objectAri: objectAri,
+    siteAri: siteAri,
+    canManageAutomation: canManageAutomation,
+    analyticsSource: analyticsSource,
+    emptyStateDescription: emptyStateDescription,
+    emptyStateAdminDescription: emptyStateAdminDescription,
+    onRuleInvocationLifecycleDone: onClose
+  }, function () {
+    return /*#__PURE__*/React.createElement(Modal, {
+      onClose: onClose,
+      onCloseComplete: onCloseComplete,
+      width: 600,
+      height: 480,
+      testId: "smart-card-automation-action-modal"
+    }, /*#__PURE__*/React.createElement(AutomationModalHeader, {
+      modalTitle: modalTitle,
+      modalDescription: modalDescription
+    }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(AutomationModalBody, {
+      selectedRule: selectedRule,
+      setSelectedRule: setSelectedRule
+    })), /*#__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/index.js

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

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

@@ -0,0 +1,61 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { ManualRulesContainer } from '../../manual-triggers-container';
+var AutomationMenuContext = /*#__PURE__*/createContext(undefined);
+var AutomationMenuProvider = function AutomationMenuProvider(_ref) {
+  var children = _ref.children,
+    value = _ref.value;
+  return /*#__PURE__*/React.createElement(AutomationMenuContext.Provider, {
+    value: value
+  }, children);
+};
+
+// Hook that can be used anywhere under the AutomationMenuContextContainer to access the AutomationMenuContext values
+export var useAutomationMenu = function useAutomationMenu() {
+  var context = useContext(AutomationMenuContext);
+  if (context === undefined) {
+    throw new Error('useAutomationMenu must be used within a AutomationMenuProvider');
+  }
+  return context;
+};
+export var AutomationMenuContextContainer = function AutomationMenuContextContainer(_ref2) {
+  var environment = _ref2.environment,
+    baseAutomationUrl = _ref2.baseAutomationUrl,
+    analyticsSource = _ref2.analyticsSource,
+    objectAri = _ref2.objectAri,
+    siteAri = _ref2.siteAri,
+    canManageAutomation = _ref2.canManageAutomation,
+    children = _ref2.children,
+    emptyStateDescription = _ref2.emptyStateDescription,
+    emptyStateAdminDescription = _ref2.emptyStateAdminDescription,
+    onRuleInvocationSuccess = _ref2.onRuleInvocationSuccess,
+    onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
+    onRuleInvocationLifecycleDone = _ref2.onRuleInvocationLifecycleDone;
+  return /*#__PURE__*/React.createElement(ManualRulesContainer, {
+    env: environment,
+    site: siteAri,
+    query: {
+      objects: [objectAri]
+    },
+    onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
+    onRuleInvocationSuccess: onRuleInvocationSuccess,
+    onRuleInvocationFailure: onRuleInvocationFailure
+  }, function (props) {
+    var contextValue = _objectSpread(_objectSpread({}, props), {}, {
+      analyticsSource: analyticsSource,
+      objectAri: objectAri,
+      baseAutomationUrl: baseAutomationUrl,
+      canManageAutomation: canManageAutomation,
+      emptyStateDescription: emptyStateDescription,
+      emptyStateAdminDescription: emptyStateAdminDescription
+    });
+    return /*#__PURE__*/React.createElement(AutomationMenuProvider, {
+      value: contextValue
+    }, children());
+  });
+};

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

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

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

@@ -0,0 +1,30 @@
+import React, { useEffect } from 'react';
+import { useAutomationMenu } from '../../menu-context';
+import { Skeleton } from '../skeleton';
+import { AutomationModalErrorState } from '../error-state';
+import { AutomationModalRuleList } from '../rule-list';
+export var AutomationModalBody = function AutomationModalBody(_ref) {
+  var selectedRule = _ref.selectedRule,
+    setSelectedRule = _ref.setSelectedRule;
+  var _useAutomationMenu = useAutomationMenu(),
+    triggerFetch = _useAutomationMenu.triggerFetch,
+    initialised = _useAutomationMenu.initialised,
+    rules = _useAutomationMenu.rules,
+    error = _useAutomationMenu.error;
+  useEffect(function () {
+    void triggerFetch();
+    // Want to ensure that triggerFetch is only called once when the component is mounted.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (!initialised) {
+    return /*#__PURE__*/React.createElement(Skeleton, {
+      lineCount: 10
+    });
+  } else if (error && rules.length === 0) {
+    return /*#__PURE__*/React.createElement(AutomationModalErrorState, null);
+  }
+  return /*#__PURE__*/React.createElement(AutomationModalRuleList, {
+    selectedRule: selectedRule,
+    setSelectedRule: setSelectedRule
+  });
+};