@atlaskit/smart-card 26.69.1 → 26.70.0

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/utils/stack-resolver.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAutomationStackFromLocalStorage = exports.getAutomationStack = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var AUTOMATION_LOCAL_STORAGE_PREFIX = 'automationPlatform';
+var AUTOMATION_LOCAL_STORAGE_STACK = 'automationStack';
+var AUTOMATION_DEV_STACK_URL = 'https://localhost:8082/devStack.json';
+var getAutomationProdStackUrl = function getAutomationProdStackUrl(cloudId) {
+  return "/gateway/api/automation/internal-api/jira/".concat(cloudId, "/pro/rest/environments");
+};
+var getLatestPreProdStack = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(cloudId) {
+    var response, stacksResponse, preProdStacks, _preProdStacks, _preProdStacks$, latestPreProdStack;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return fetch(getAutomationProdStackUrl(cloudId));
+        case 3:
+          response = _context.sent;
+          _context.next = 6;
+          return response.json();
+        case 6:
+          stacksResponse = _context.sent;
+          preProdStacks = stacksResponse.prod.otherStacks.filter(function (_ref2) {
+            var releasedSuccessfully = _ref2.releasedSuccessfully;
+            return !releasedSuccessfully;
+          }).map(function (_ref3) {
+            var stack = _ref3.stack;
+            return stack;
+          });
+          _preProdStacks = (0, _slicedToArray2.default)(preProdStacks, 1), _preProdStacks$ = _preProdStacks[0], latestPreProdStack = _preProdStacks$ === void 0 ? null : _preProdStacks$;
+          return _context.abrupt("return", latestPreProdStack);
+        case 12:
+          _context.prev = 12;
+          _context.t0 = _context["catch"](0);
+          // eslint-disable-next-line no-console
+          console.warn("Failed to fetch pre-prod stack from ".concat(getAutomationProdStackUrl(cloudId), " with error: ").concat(_context.t0));
+          return _context.abrupt("return", null);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 12]]);
+  }));
+  return function getLatestPreProdStack(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var _getAutomationKeyFromLocalStorage = function _getAutomationKeyFromLocalStorage(key) {
+  return window.localStorage.getItem("".concat(AUTOMATION_LOCAL_STORAGE_PREFIX, ":").concat(key));
+};
+var getAutomationDevStackFromLocalServer = /*#__PURE__*/function () {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var devStackResponse, devStack;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _context2.next = 3;
+          return fetch(AUTOMATION_DEV_STACK_URL);
+        case 3:
+          devStackResponse = _context2.sent;
+          _context2.next = 6;
+          return devStackResponse.json();
+        case 6:
+          devStack = _context2.sent;
+          return _context2.abrupt("return", devStack.name);
+        case 10:
+          _context2.prev = 10;
+          _context2.t0 = _context2["catch"](0);
+          // eslint-disable-next-line no-console
+          console.warn("Failed to fetch dev stack from ".concat(AUTOMATION_DEV_STACK_URL, " with error: ").concat(_context2.t0));
+          return _context2.abrupt("return", null);
+        case 14:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 10]]);
+  }));
+  return function getAutomationDevStackFromLocalServer() {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var getAutomationStackFromLocalStorage = exports.getAutomationStackFromLocalStorage = function getAutomationStackFromLocalStorage() {
+  return _getAutomationKeyFromLocalStorage(AUTOMATION_LOCAL_STORAGE_STACK);
+};
+var getAutomationStack = exports.getAutomationStack = /*#__PURE__*/function () {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(env, cloudId) {
+    var stack, stackOverride;
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(env === 'prod')) {
+            _context3.next = 2;
+            break;
+          }
+          return _context3.abrupt("return", 'pro');
+        case 2:
+          if (!(env === 'pre-prod')) {
+            _context3.next = 7;
+            break;
+          }
+          _context3.next = 5;
+          return getLatestPreProdStack(cloudId);
+        case 5:
+          stack = _context3.sent;
+          return _context3.abrupt("return", stack !== null && stack !== void 0 ? stack : 'pro');
+        case 7:
+          _context3.next = 9;
+          return getAutomationDevStackFromLocalServer();
+        case 9:
+          _context3.t0 = _context3.sent;
+          if (_context3.t0) {
+            _context3.next = 12;
+            break;
+          }
+          _context3.t0 = getAutomationStackFromLocalStorage();
+        case 12:
+          stackOverride = _context3.t0;
+          return _context3.abrupt("return", stackOverride || 'staging');
+        case 14:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function getAutomationStack(_x2, _x3) {
+    return _ref5.apply(this, arguments);
+  };
+}();

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ManualRulesContainer", {
+  enumerable: true,
+  get: function get() {
+    return _main.ManualRulesContainer;
+  }
+});
+Object.defineProperty(exports, "getBaseAutomationUrl", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getBaseAutomationUrl;
+  }
+});
+Object.defineProperty(exports, "invokeManuallyTriggeredRule", {
+  enumerable: true,
+  get: function get() {
+    return _services.invokeManuallyTriggeredRule;
+  }
+});
+Object.defineProperty(exports, "searchManuallyTriggeredRules", {
+  enumerable: true,
+  get: function get() {
+    return _services.searchManuallyTriggeredRules;
+  }
+});
+Object.defineProperty(exports, "useManualRules", {
+  enumerable: true,
+  get: function get() {
+    return _main.useManualRules;
+  }
+});
+var _services = require("./services");
+var _utils = require("./common/utils");
+var _main = require("./main");

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

@@ -0,0 +1,249 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useManualRules = exports.ManualRulesContainer = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _modalDialog = require("@atlaskit/modal-dialog");
+var _services = require("./services");
+var _main = _interopRequireDefault(require("./manual-triggers-form/main"));
+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; }
+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; }
+/**
+ * React hook that implements the fetch and invoke actions for manual triggers.
+ * Can be used standalone or in the HOC provided below.
+ * @param env - The environment to retrieve rules from
+ * @param site - The site to filter on. We map this to just a cloudId to resolve the manual rules API path
+ * @param query - Query object containing filter props (container, object(s))
+ */
+var useManualRules = exports.useManualRules = function useManualRules(env, site, query) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    initialised = _useState2[0],
+    setInitialised = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    rules = _useState6[0],
+    setRules = _useState6[1];
+  var transformRules = function transformRules(ruleResponse) {
+    var rulesUnsorted = Object.values(ruleResponse);
+    return rulesUnsorted.sort(function (rule1, rule2) {
+      return rule1.name.localeCompare(rule2.name);
+    });
+  };
+  var triggerFetch = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var fetchedRules;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setInitialised(false);
+            _context.prev = 1;
+            _context.next = 4;
+            return (0, _services.searchManuallyTriggeredRules)(env, site, query);
+          case 4:
+            fetchedRules = _context.sent;
+            setError(null);
+            setRules(transformRules(fetchedRules));
+            _context.next = 13;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](1);
+            setError(_context.t0);
+            setRules([]);
+          case 13:
+            _context.prev = 13;
+            setInitialised(true);
+            return _context.finish(13);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 9, 13, 16]]);
+    }));
+    return function triggerFetch() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return [triggerFetch, initialised, error, rules];
+};
+/**
+ *
+ * Container HOC that implements the above hook and behaviours.
+ *
+ * This HOC uses rendered props to allow the use of any render instructions
+ * for manual rules, while still maintaining the behaviour of invoking rules.
+ *
+ * The HOC also appends a dialog that is displayed when the {@code invokeRuleOrShowDialog}
+ * prop is called, if the underlying rule has user inputs.
+ *
+ * The component exposes the "invokingRuleId" property to the child hierarchy,
+ * because the children might care about the invocation state. It does not expose
+ * the "selected" state, or any information about the dialog, as the children
+ * should not care about this, only how to trigger invocation and understand
+ * the invocation lifecycle.
+ *
+ * @param props - environment, cloudId, projectId, children
+ */
+var ManualRulesContainer = exports.ManualRulesContainer = function ManualRulesContainer(props) {
+  var env = props.env,
+    site = props.site,
+    query = props.query,
+    children = props.children,
+    onInputsModalOpened = props.onInputsModalOpened,
+    onInputsModalClosed = props.onInputsModalClosed,
+    onRuleInvocationLifecycleStarted = props.onRuleInvocationLifecycleStarted,
+    onRuleInvocationSuccess = props.onRuleInvocationSuccess,
+    onRuleInvocationFailure = props.onRuleInvocationFailure,
+    onRuleInvocationLifecycleDone = props.onRuleInvocationLifecycleDone;
+  // Initial data loading state
+  var _useManualRules = useManualRules(env, site, query),
+    _useManualRules2 = (0, _slicedToArray2.default)(_useManualRules, 4),
+    triggerFetch = _useManualRules2[0],
+    initialised = _useManualRules2[1],
+    error = _useManualRules2[2],
+    rules = _useManualRules2[3];
+  // We store a rule in state here if and only if a rule has user inputs, and thus
+  // we need to preserve state while the input dialog is open.
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    selectedRule = _useState8[0],
+    setSelectedRule = _useState8[1];
+  var clearSelectedRule = function clearSelectedRule() {
+    setSelectedRule(null);
+  };
+  // Value set when a rule is invoking, either from the dialog or without dialog
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    invokingRuleId = _useState10[0],
+    setInvokingRuleId = _useState10[1];
+
+  // Memoized projection of rules by id
+  var rulesById = (0, _react.useMemo)(function () {
+    return rules.reduce(function (acc, rule) {
+      return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, rule.id, rule));
+    }, {});
+  }, [rules]);
+  var getRule = function getRule(id) {
+    return rulesById[id];
+  };
+  var ruleHasInputs = function ruleHasInputs(rule) {
+    var _rule$userInputPrompt;
+    return (rule === null || rule === void 0 || (_rule$userInputPrompt = rule.userInputPrompts) === null || _rule$userInputPrompt === void 0 ? void 0 : _rule$userInputPrompt.length) > 0;
+  };
+  var getFailedObjects = function getFailedObjects(response) {
+    return Object.keys(response).filter(function (object) {
+      return response[object] !== 'SUCCESS';
+    });
+  };
+  var getSuccessfulObjects = function getSuccessfulObjects(response) {
+    return Object.keys(response).filter(function (object) {
+      return response[object] === 'SUCCESS';
+    });
+  };
+  var handleInvocationFailure = function handleInvocationFailure(ruleId, successfulObjects, failedObjects) {
+    if (onRuleInvocationFailure) {
+      onRuleInvocationFailure(ruleId, successfulObjects, failedObjects);
+    }
+  };
+  var invokeRule = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(ruleId, objects, userInputs) {
+      var rule, response, _failedObjects, successfulObjects;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            rule = getRule(ruleId);
+            if (!rule) {
+              _context2.next = 19;
+              break;
+            }
+            setInvokingRuleId(ruleId);
+            _context2.prev = 3;
+            if (onRuleInvocationLifecycleStarted) {
+              onRuleInvocationLifecycleStarted(ruleId, objects, userInputs);
+            }
+            _context2.next = 7;
+            return (0, _services.invokeManuallyTriggeredRule)(env, site, ruleId, objects, userInputs);
+          case 7:
+            response = _context2.sent;
+            _failedObjects = getFailedObjects(response);
+            setInvokingRuleId(null);
+            if (_failedObjects.length === 0) {
+              if (onRuleInvocationSuccess) {
+                onRuleInvocationSuccess(ruleId, objects);
+              }
+            } else {
+              successfulObjects = getSuccessfulObjects(response);
+              handleInvocationFailure(ruleId, successfulObjects, _failedObjects);
+            }
+            _context2.next = 17;
+            break;
+          case 13:
+            _context2.prev = 13;
+            _context2.t0 = _context2["catch"](3);
+            handleInvocationFailure(ruleId, [], objects);
+            setInvokingRuleId(null);
+          case 17:
+            _context2.next = 20;
+            break;
+          case 19:
+            handleInvocationFailure(ruleId, [], objects);
+          case 20:
+            clearSelectedRule();
+            if (onRuleInvocationLifecycleDone) {
+              onRuleInvocationLifecycleDone(ruleId, objects);
+            }
+          case 22:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 13]]);
+    }));
+    return function invokeRule(_x, _x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var invokeRuleOrShowDialog = function invokeRuleOrShowDialog(ruleId, objects) {
+    var rule = getRule(ruleId);
+    if (!rule) {
+      return handleInvocationFailure(ruleId, [], objects);
+    }
+    if (ruleHasInputs(rule)) {
+      setSelectedRule({
+        rule: rule,
+        objects: objects
+      });
+    } else {
+      invokeRule(ruleId, objects);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
+    triggerFetch: triggerFetch,
+    initialised: initialised,
+    error: error,
+    rules: rules,
+    invokingRuleId: invokingRuleId,
+    invokeRuleOrShowDialog: invokeRuleOrShowDialog
+  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, selectedRule && /*#__PURE__*/_react.default.createElement(_main.default, {
+    onInputsModalOpened: onInputsModalOpened,
+    onInputsModalClosed: onInputsModalClosed,
+    clearSelectedRule: clearSelectedRule,
+    selectedRule: selectedRule,
+    invokeRule: invokeRule
+  })));
+};

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
+var _form = require("@atlaskit/form");
+var BooleanInputPrompt = function BooleanInputPrompt(_ref) {
+  var userInputPrompt = _ref.userInputPrompt;
+  var variableName = userInputPrompt.variableName,
+    displayName = userInputPrompt.displayName,
+    defaultValue = userInputPrompt.defaultValue;
+  return /*#__PURE__*/_react.default.createElement(_form.CheckboxField, {
+    name: variableName,
+    defaultIsChecked: defaultValue || false
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps;
+    return /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _extends2.default)({}, fieldProps, {
+      label: displayName
+    }));
+  });
+};
+var _default = exports.default = BooleanInputPrompt;

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

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _form = _interopRequireWildcard(require("@atlaskit/form"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _messages = _interopRequireDefault(require("../common/messages"));
+var _types = require("../common/types");
+var _main = _interopRequireDefault(require("./boolean-prompt/main"));
+var _main2 = _interopRequireDefault(require("./number-prompt/main"));
+var _main3 = _interopRequireDefault(require("./paragraph-prompt/main"));
+var _main4 = _interopRequireDefault(require("./select-prompt/main"));
+var _main5 = _interopRequireDefault(require("./text-prompt/main"));
+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 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 _types.UserInputType.DROPDOWN:
+        return {
+          inputType: inputType,
+          value: data ? data.value : ''
+        };
+      case _types.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 = (0, _slicedToArray2.default)(_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 _types.UserInputType.TEXT:
+        return /*#__PURE__*/_react.default.createElement(_main5.default, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case _types.UserInputType.NUMBER:
+        return /*#__PURE__*/_react.default.createElement(_main2.default, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case _types.UserInputType.DROPDOWN:
+        return /*#__PURE__*/_react.default.createElement(_main4.default, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case _types.UserInputType.BOOLEAN:
+        return /*#__PURE__*/_react.default.createElement(_main.default, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      case _types.UserInputType.PARAGRAPH:
+        return /*#__PURE__*/_react.default.createElement(_main3.default, {
+          key: inputPrompt.variableName,
+          userInputPrompt: inputPrompt
+        });
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputTypeIsNotSupported.defaultMessage), /*#__PURE__*/_react.default.createElement("br", null));
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    "data-testid": "automation-platform.ui.manual-rules-container.manual-triggers-form.modal",
+    onClose: handleClose,
+    onOpenComplete: handleOpen
+  }, /*#__PURE__*/_react.default.createElement(_form.default, {
+    onSubmit: handleSubmit
+  }, function (_ref4) {
+    var formProps = _ref4.formProps,
+      submitting = _ref4.submitting;
+    return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, rule.name)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, _messages.default.inputRequiredForAction.defaultMessage, /*#__PURE__*/_react.default.createElement(_form.FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+      appearance: "subtle",
+      onClick: handleClose,
+      isDisabled: submitting
+    }, _messages.default.cancelButtonTitle.defaultMessage), /*#__PURE__*/_react.default.createElement(_new.default, {
+      appearance: "primary",
+      type: "submit",
+      isLoading: submitting,
+      autoFocus: true
+    }, _messages.default.continueButtonTitle.defaultMessage)));
+  }));
+};
+var _default = exports.default = UserInputForm;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.numberValidate = exports.default = exports.Errors = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _form = require("@atlaskit/form");
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _messages = _interopRequireDefault(require("../../common/messages"));
+var Errors = exports.Errors = /*#__PURE__*/function (Errors) {
+  Errors["EMPTY"] = "EMPTY";
+  Errors["INVALID_NUMBER"] = "INVALID_NUMBER";
+  return Errors;
+}({});
+var numberValidate = exports.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.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage);
+      case Errors.INVALID_NUMBER:
+        return /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorValueIsNotValidNumber.defaultMessage);
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_form.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, fieldProps), generateErrorMessage(error));
+  });
+};
+var _default = exports.default = NumberInputPrompt;