@atlaskit/smart-card 26.69.1 → 26.70.0

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = void 0;
+var _react = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
+/** @jsx jsx */
+
+var AutomationSkeletonContainer = (0, _react.css)({
+  paddingBlock: "var(--ds-space-025, 2px)"
+});
+var SkeletonContainer = (0, _react.css)({
+  marginBlock: "var(--ds-space-100, 8px)",
+  marginInline: "var(--ds-space-250, 20px)",
+  display: 'flex'
+});
+var SkeletonIcon = (0, _react.css)({
+  width: "var(--ds-space-200, 16px)",
+  height: "var(--ds-space-200, 16px)",
+  display: 'inline-block',
+  borderRadius: "var(--ds-space-025, 2px)",
+  backgroundColor: 'currentColor',
+  border: "var(--ds-space-025, 2px)".concat(" solid transparent"),
+  opacity: 0.15
+});
+var MenuIcon = (0, _react.css)({
+  width: '24px',
+  height: '24px',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
+var shimmer = (0, _react.keyframes)({
+  '0%': {
+    backgroundPosition: '-300px 0'
+  },
+  '100%': {
+    backgroundPosition: '2000px 0'
+  }
+});
+var SkeletonText = (0, _react.css)({
+  width: '85%',
+  height: "var(--ds-space-200, 16px)",
+  marginTop: "var(--ds-space-050, 4px)",
+  marginLeft: "var(--ds-space-150, 12px)",
+  animationDuration: '1s',
+  animationFillMode: 'forwards',
+  animationIterationCount: 'infinite',
+  animationName: shimmer,
+  animationTimingFunction: 'linear',
+  backgroundColor: "var(--ds-skeleton, ".concat(_colors.N30, ")"),
+  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(_colors.N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(_colors.N30, ")"), " 50%)"),
+  backgroundRepeat: 'no-repeat'
+});
+var SkeletonLine = function SkeletonLine() {
+  return (0, _react.jsx)("div", {
+    css: SkeletonContainer
+  }, (0, _react.jsx)("div", {
+    css: MenuIcon
+  }, (0, _react.jsx)("div", {
+    css: SkeletonIcon
+  })), (0, _react.jsx)("div", {
+    css: SkeletonText
+  }));
+};
+var getSkeletonLines = function getSkeletonLines(lineCount) {
+  var skeletonLines = [];
+  for (var i = 0; i < lineCount; i++) {
+    skeletonLines.push((0, _react.jsx)(SkeletonLine, {
+      key: "skeleton-line-".concat(i)
+    }));
+  }
+  return skeletonLines;
+};
+var Skeleton = exports.Skeleton = function Skeleton(props) {
+  var _props$lineCount = props.lineCount,
+    lineCount = _props$lineCount === void 0 ? 5 : _props$lineCount;
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives
+    (0, _react.jsx)("div", {
+      css: AutomationSkeletonContainer
+    }, getSkeletonLines(lineCount))
+  );
+};

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

@@ -1,11 +1,11 @@
 "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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -15,32 +15,57 @@ var _action = _interopRequireDefault(require("../action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
+var _linkProvider = require("@atlaskit/link-provider");
 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; }
-// import { useSmartLinkContext } from '../../../../../../../link-provider/src';
-
+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 () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_smart-card-automation-modal" */'./automation-manual-triggers/manual-triggers-modal'));
+  });
+});
 var handleAutomateActionClick = function handleAutomateActionClick(setIsModalOpen) {
   setIsModalOpen(true);
 };
+var handleAutomationActionClose = function handleAutomationActionClose(setIsModalOpen) {
+  setIsModalOpen(false);
+};
 var AutomationAction = function AutomationAction(props) {
-  var _context$actions;
+  var _ref, _context$actions;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    _isModalOpen = _useState2[0],
+    isModalOpen = _useState2[0],
     setIsModalOpen = _useState2[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  // const { connections } = useSmartLinkContext();
-
-  // const env = connections.client.envKey ?? 'prod';
+  var smartLinkContext = (0, _linkProvider.useSmartLinkContext)();
+  var connections = smartLinkContext.connections;
+  var environment = (_ref = connections.client.envKey) !== null && _ref !== void 0 ? _ref : 'prod';
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.AutomationAction];
-  if (!data) {
+  var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.AutomationAction];
+  if (!automationActionData) {
     return null;
   }
+  var baseAutomationUrl = automationActionData.baseAutomationUrl,
+    objectName = automationActionData.objectName,
+    objectAri = automationActionData.objectAri,
+    siteAri = automationActionData.siteAri,
+    canManageAutomation = automationActionData.canManageAutomation,
+    analyticsSource = automationActionData.analyticsSource,
+    modalTitle = automationActionData.modalTitle,
+    modalDescription = automationActionData.modalDescription;
   var automationActionTitle = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.automation_action_title);
   var automationActionTooltip = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.automation_action_tooltip);
   var automationActionIconLabel = formatMessage(_messages.messages.automation_action_icon_label);
+  var automationModalTitle = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, modalTitle);
+  var automationModalDescription = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, modalDescription, {
+    values: {
+      name: objectName,
+      b: function b(chunks) {
+        return /*#__PURE__*/_react.default.createElement("strong", null, chunks);
+      },
+      br: /*#__PURE__*/_react.default.createElement("br", null)
+    }
+  }));
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: automationActionTitle,
     icon: /*#__PURE__*/_react.default.createElement(_manaulTriggersIcon.default, {
@@ -48,10 +73,27 @@ var AutomationAction = function AutomationAction(props) {
     }),
     testId: "smart-action-automation-action",
     tooltipMessage: automationActionTooltip
-  }, data, props, {
+  }, automationActionData, props, {
     onClick: function onClick() {
       return handleAutomateActionClick(setIsModalOpen);
     }
+  })), isModalOpen &&
+  /*#__PURE__*/
+  // TODO skeleton modal fallback
+  _react.default.createElement(_react.Suspense, {
+    fallback: false
+  }, /*#__PURE__*/_react.default.createElement(AutomationModal, {
+    environment: environment,
+    baseAutomationUrl: baseAutomationUrl,
+    objectAri: objectAri,
+    siteAri: siteAri,
+    canManageAutomation: canManageAutomation,
+    analyticsSource: analyticsSource,
+    modalTitle: automationModalTitle,
+    modalDescription: automationModalDescription,
+    onClose: function onClose() {
+      return handleAutomationActionClose(setIsModalOpen);
+    }
   })));
 };
 var _default = exports.default = AutomationAction;

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

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

@@ -23,7 +23,7 @@ const getProductData = meta => {
   return ProductData === null || ProductData === void 0 ? void 0 : (_ProductData$product = ProductData[product]) === null || _ProductData$product === void 0 ? void 0 : _ProductData$product[resourceType];
 };
 export const extractAutomationAction = response => {
-  if (!getBooleanFF('platform.linking-platfom.smart-card.confluence.page.automation-action') || !response.data) {
+  if (!getBooleanFF('platform.linking-platfom.smart-card.confluence.page.automation-action_xcdoi') || !response.data) {
     return undefined;
   }
   const data = response.data;

package/dist/es2019/messages.js

@@ -67,7 +67,7 @@ export const messages = defineMessages({
   },
   automation_action_title: {
     id: 'fabric.linking.automation-action.title',
-    defaultMessage: 'Run automation...',
+    defaultMessage: 'View automation rules...',
     description: 'The title of the button in a hover card to open an automation menu for a given SmartLink.'
   },
   automation_action_icon_label: {
@@ -77,7 +77,7 @@ export const messages = defineMessages({
   },
   automation_action_tooltip: {
     id: 'fabric.linking.automation-action.tooltip',
-    defaultMessage: 'Open an automation modal',
+    defaultMessage: 'Select an automation rule to run',
     description: 'The tooltip for the automation action indicating that a button will open an automation modal.'
   },
   automation_action_confluence_page_modal_title: {

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

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/messages.js

@@ -0,0 +1,58 @@
+const messages = {
+  successFlag: {
+    id: 'automation-platform.common.success-flag',
+    defaultMessage: 'Your automation is in progress',
+    description: 'Text for a success flag when an automation rule has been triggered'
+  },
+  failureFlagTitle: {
+    id: 'automation-platform.common.failure-flag-title',
+    defaultMessage: 'Oops we ran into a problem',
+    description: 'Title for an error flag when an automation rule failed to be triggered'
+  },
+  failureFlagDescription: {
+    id: 'automation-platform.common.failure-flag-description',
+    defaultMessage: "There was a problem and we couldn't run the automation '{0}'",
+    description: 'Description for an error flag when an automation rule failed to be triggered'
+  },
+  partialFailureFlagDescription: {
+    id: 'automation-platform.common.partial-failure-flag-description',
+    defaultMessage: "Couldn't run the automation against issues {0}, please ensure you have permission to view these issues",
+    description: 'Description for an error flag when some issues failed to invoke because user does not have view permission'
+  },
+  errorInputMustNotBeEmpty: {
+    id: 'automation-platform.common.error-input-must-not-be-empty',
+    defaultMessage: 'Input must not be empty',
+    description: 'The error message to show the value of a required field is empty'
+  },
+  errorInputCharacterLimitReached: {
+    id: 'automation-platform.common.error-input-character-limit-reached',
+    defaultMessage: 'Provided value exceeds the character limit for the field.',
+    description: 'The error message to show that the character limit has been reached for the field'
+  },
+  inputRequiredForAction: {
+    id: 'automation-platform.common.input-required-for-action',
+    defaultMessage: 'Your input is required to complete this action',
+    description: 'The title of the modal for user inputs'
+  },
+  errorInputTypeIsNotSupported: {
+    id: 'automation-platform.common.error-input-type-is-not-supported',
+    defaultMessage: 'Input type not supported yet',
+    description: 'The error message to show when the type of user input is not recognised'
+  },
+  errorValueIsNotValidNumber: {
+    id: 'automation-platform.common.error-value-is-not-valid-number',
+    defaultMessage: 'The value is not a valid number',
+    description: 'The error message for when the type of user input is number but the value is not a valid number'
+  },
+  cancelButtonTitle: {
+    id: 'automation-platform.common.cancel-button-title',
+    defaultMessage: 'Cancel',
+    description: 'The cancel button title'
+  },
+  continueButtonTitle: {
+    id: 'automation-platform.common.continue-button-title',
+    defaultMessage: 'Continue',
+    description: 'The continue button title'
+  }
+};
+export default messages;

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/mocks.js

@@ -0,0 +1,71 @@
+import { UserInputType } from './types';
+const mockScope = {
+  resources: []
+};
+export const mockRules = [{
+  id: 0,
+  name: 'Test rule 0 (no inputs)',
+  ruleScope: mockScope,
+  userInputs: []
+}, {
+  id: 1,
+  name: 'Test rule 1 (has inputs)',
+  ruleScope: mockScope,
+  userInputs: [{
+    defaultValue: '',
+    displayName: 'Test user input',
+    inputType: UserInputType.TEXT,
+    required: false,
+    variableName: 'testUserInput'
+  }]
+}, {
+  id: 2,
+  name: 'Test rule 2 (has multiple inputs)',
+  ruleScope: mockScope,
+  userInputs: [{
+    defaultValue: '',
+    displayName: 'Text user input',
+    inputType: UserInputType.TEXT,
+    required: false,
+    variableName: 'textUserInput'
+  }, {
+    defaultValue: '',
+    displayName: 'Number user input',
+    inputType: UserInputType.NUMBER,
+    required: false,
+    variableName: 'numberUserInput'
+  }, {
+    defaultValue: true,
+    displayName: 'Boolean user input',
+    inputType: UserInputType.BOOLEAN,
+    required: false,
+    variableName: 'booleanUserInput'
+  }, {
+    defaultValue: [''],
+    displayName: 'Dropdown user input',
+    inputType: UserInputType.DROPDOWN,
+    required: false,
+    variableName: 'dropdownUserInput'
+  }, {
+    defaultValue: '',
+    displayName: 'Paragraph user input',
+    inputType: UserInputType.PARAGRAPH,
+    required: false,
+    variableName: 'paragraphUserInput'
+  }]
+}];
+export const mockTransformedRules = [{
+  ...mockRules[0],
+  userInputPrompts: mockRules[0].userInputs
+}, {
+  ...mockRules[1],
+  userInputPrompts: mockRules[1].userInputs
+}, {
+  ...mockRules[2],
+  userInputPrompts: mockRules[2].userInputs
+}];
+export const mockInvocationResponse = {
+  'TEST-1': 'SUCCESS'
+};
+export const mockGetUrl = 'https://test-api/get/rules';
+export const mockInvokeUrl = 'https://test-api/invoke';

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -0,0 +1,74 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component, Fragment } from 'react';
+import { render } from '@testing-library/react';
+import { DiProvider } from 'react-magnetic-di';
+import { IntlProvider } from 'react-intl-next';
+
+/**
+ * Creates a stubbed invocation API call for triggering rules. Will return
+ * the supplied invocation result for all objects the rule was called
+ * for.
+ */
+export const createStubInvokeManuallyTriggeredRule = (stubbedInvocationResultForAllObjects, responseDelay) => async (_env, _site, _ruleId, objects, _inputs) => {
+  const response = objects.reduce((acc, current) => ({
+    ...acc,
+    [current]: stubbedInvocationResultForAllObjects
+  }), {});
+  return responseDelay ? new Promise(resolve => setTimeout(resolve, responseDelay)) : Promise.resolve(response);
+};
+
+/**
+ * Default stubbed invokeManuallyTriggeredRule call. Returns 'SUCCESS' for
+ * all objects the rule was called for.
+ */
+export const successStubInvokeManuallyTriggeredRule = createStubInvokeManuallyTriggeredRule('SUCCESS', 2000);
+const Provider = ({
+  children,
+  use,
+  target
+}) => /*#__PURE__*/React.createElement(IntlProvider, {
+  locale: "en"
+}, /*#__PURE__*/React.createElement(DiProvider, {
+  use: use,
+  target: target
+}, children));
+
+/**
+ * Render into a container which is appended to `document.body`.
+ *
+ * Includes `IntlProvider` wrapper
+ *
+ * @param node The React element to render
+ * @param dependencies List of React Magnetic DI dependencies to inject
+ * @param options React Testing Library options
+ */
+export const renderWithDi = (node, dependencies = [], options) => render(node, {
+  ...options,
+  wrapper({
+    children
+  }) {
+    var _options$wrapper;
+    const CustomWrapper = (_options$wrapper = options === null || options === void 0 ? void 0 : options.wrapper) !== null && _options$wrapper !== void 0 ? _options$wrapper : Fragment;
+    return /*#__PURE__*/React.createElement(Provider, {
+      use: [...dependencies],
+      target: options === null || options === void 0 ? void 0 : options.target
+    }, /*#__PURE__*/React.createElement(CustomWrapper, null, children));
+  }
+});
+export const createGenericComponent = (displayName, renderChildren = true, childrenParams) => {
+  var _class;
+  return _class = class extends Component {
+    render() {
+      if (renderChildren && typeof this.props.children === 'function') {
+        if (childrenParams) {
+          return this.props.children(childrenParams);
+        }
+        return this.props.children();
+      }
+      if (renderChildren && this.props.children) {
+        return this.props.children;
+      }
+      return null;
+    }
+  }, _defineProperty(_class, "displayName", displayName), _class;
+};

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/types.js

@@ -0,0 +1,12 @@
+export let UserInputType = /*#__PURE__*/function (UserInputType) {
+  UserInputType["NUMBER"] = "NUMBER";
+  UserInputType["TEXT"] = "TEXT";
+  UserInputType["BOOLEAN"] = "BOOLEAN";
+  UserInputType["DROPDOWN"] = "DROPDOWN";
+  UserInputType["PARAGRAPH"] = "PARAGRAPH";
+  return UserInputType;
+}({});
+export const CORE_PROJECT = 'business';
+export const SOFTWARE_PROJECT = 'software';
+export const SERVICE_DESK_PROJECT = 'service_desk';
+export const PRODUCT_DISCOVERY_PROJECT = 'product_discovery';

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/utils/api.js

@@ -0,0 +1,103 @@
+import { getAutomationStack } from './stack-resolver';
+
+/**
+ * This function will extract the cloud ID and product from a product level Site ARI.
+ * ARIs can be found at the following link: {@link https://developer.atlassian.com/platform/atlassian-resource-identifier/resource-owners/registry/#ari-registry}
+ * @param site The Site ARI where the manual trigger rule is executed. Should be a product level Site ARI.
+ */
+export const extractCloudIdAndProductFromSite = site => {
+  let cloudId;
+  let resourceOwner;
+  let resourceType;
+  const ariRegex = new RegExp("^ari:cloud:([a-zA-Z.\\-]+)::([a-zA-Z.\\-]+)/([a-zA-Z0-9\\-]+)");
+  const parsedAri = site.match(ariRegex);
+  if (parsedAri) {
+    resourceOwner = parsedAri[1];
+    resourceType = parsedAri[2];
+    cloudId = parsedAri[3];
+  }
+  // Keep backwards compatibility for platform site ARIs
+  if (resourceOwner === 'platform') {
+    resourceOwner = 'jira';
+  }
+  if (resourceType !== 'site' || cloudId === undefined || resourceOwner === undefined) {
+    throw new Error('Not a site ARI: ' + site);
+  }
+  return {
+    product: resourceOwner,
+    cloudId: cloudId
+  };
+};
+
+/***
+ * TODO remove when unified public API is available.
+ *
+ * Currently we're in a transitory phase where we have one API for invocation for Jira, and one for JSM. They concern themselves
+ * with issues and alerts respectively.
+ *
+ * We are working on a unified public API that only cares about product-agnostic filters like object, workspace, container as
+ * part of the collaboration model. For the meantime, you'll see two APIs instead. In this package, we're only using the
+ * alerts API. It is this API that will be expanded to retroactively support Jira, and thus the updated collaboration
+ * model language is used here, even though for the meantime we only concern ourselves with alerts.
+ *
+ */
+export const getSearchUrl = async (env, site) => {
+  const {
+    product,
+    cloudId
+  } = extractCloudIdAndProductFromSite(site);
+  const automationStack = await getAutomationStack(env, cloudId);
+  // TODO in the unified API, GET requests as according to Atlassian API standards will destructure the whole query into
+  // query parameters as part of the URL. For now, this is considered a POST request instead and thus the query is used
+  // later on as the request body.
+  return `/gateway/api/automation/internal-api/${product}/${cloudId}/${automationStack}/rest/v1/rules/manual/search`;
+};
+export const getInvocationUrl = async (env, site, ruleId) => {
+  const {
+    product,
+    cloudId
+  } = extractCloudIdAndProductFromSite(site);
+  const automationStack = await getAutomationStack(env, cloudId);
+  return `/gateway/api/automation/internal-api/${product}/${cloudId}/${automationStack}/rest/v1/rules/manual/invocation/${ruleId}`;
+};
+const DEFAULT_HEADER = {
+  'Content-Type': 'application/json'
+};
+const _performRequest = async (url, method, options = {
+  headers: DEFAULT_HEADER
+}) => {
+  const response = await fetch(url, {
+    ...options,
+    method
+  });
+  return response.json();
+};
+export const performGetRequest = async (url, options) => {
+  return _performRequest(url, 'GET', options);
+};
+export const performPostRequest = async (url, options) => {
+  return _performRequest(url, 'POST', options);
+};
+
+// TODO this will need to be expanded to resolve the correct product URL, too.
+// TODO for instance this will need to support Alerts UI URL resolution in the
+// TODO short term
+export const getBaseAutomationUrl = ({
+  projectKey,
+  projectType,
+  isSimplified
+}) => {
+  /**
+   * Confusing mapping of urls here.
+   * Classic Projects - always under /automate
+   * Next Gen Projects - under /automation for all project types except JSD
+   */
+  switch (projectType) {
+    case 'service_desk':
+      return `/jira/servicedesk/projects/${projectKey}/settings/automate`;
+    case 'business':
+      return `/jira/core/projects/${projectKey}/settings/${isSimplified ? 'automation' : 'automate'}`;
+    default:
+      return `/jira/software/${isSimplified ? '' : 'c/'}projects/${projectKey}/settings/${isSimplified ? 'automation' : 'automate'}`;
+  }
+};

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

@@ -0,0 +1,2 @@
+export { extractCloudIdAndProductFromSite, getSearchUrl, getInvocationUrl, performGetRequest, performPostRequest, getBaseAutomationUrl } from './api';
+export { getAutomationStackFromLocalStorage, getAutomationStack } from './stack-resolver';

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

@@ -0,0 +1,51 @@
+const AUTOMATION_LOCAL_STORAGE_PREFIX = 'automationPlatform';
+const AUTOMATION_LOCAL_STORAGE_STACK = 'automationStack';
+const AUTOMATION_DEV_STACK_URL = 'https://localhost:8082/devStack.json';
+const getAutomationProdStackUrl = cloudId => `/gateway/api/automation/internal-api/jira/${cloudId}/pro/rest/environments`;
+const getLatestPreProdStack = async cloudId => {
+  try {
+    const response = await fetch(getAutomationProdStackUrl(cloudId));
+    const stacksResponse = await response.json();
+    const preProdStacks = stacksResponse.prod.otherStacks.filter(({
+      releasedSuccessfully
+    }) => !releasedSuccessfully).map(({
+      stack
+    }) => stack);
+    const [latestPreProdStack = null] = preProdStacks;
+    return latestPreProdStack;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn(`Failed to fetch pre-prod stack from ${getAutomationProdStackUrl(cloudId)} with error: ${e}`);
+    return null;
+  }
+};
+const _getAutomationKeyFromLocalStorage = key => {
+  return window.localStorage.getItem(`${AUTOMATION_LOCAL_STORAGE_PREFIX}:${key}`);
+};
+const getAutomationDevStackFromLocalServer = async () => {
+  try {
+    const devStackResponse = await fetch(AUTOMATION_DEV_STACK_URL);
+    const devStack = await devStackResponse.json();
+    return devStack.name;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn(`Failed to fetch dev stack from ${AUTOMATION_DEV_STACK_URL} with error: ${e}`);
+    return null;
+  }
+};
+export const getAutomationStackFromLocalStorage = () => _getAutomationKeyFromLocalStorage(AUTOMATION_LOCAL_STORAGE_STACK);
+export const getAutomationStack = async (env, cloudId) => {
+  if (env === 'prod') {
+    return 'pro';
+  }
+  if (env === 'pre-prod') {
+    const stack = await getLatestPreProdStack(cloudId);
+    return stack !== null && stack !== void 0 ? stack : 'pro';
+  }
+
+  // We fetch the dev stack name from local server (barrel webpack dev server) if it's available.
+  // However, this requires that devWatch is running locally.
+  // To use manual triggers without running devWatch, set the local storage value to your stack name e.g. devltan3. The full key is: automationPlatform:automationStack
+  const stackOverride = (await getAutomationDevStackFromLocalServer()) || getAutomationStackFromLocalStorage();
+  return stackOverride || 'staging';
+};

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

@@ -0,0 +1,3 @@
+export { searchManuallyTriggeredRules, invokeManuallyTriggeredRule } from './services';
+export { getBaseAutomationUrl } from './common/utils';
+export { useManualRules, ManualRulesContainer } from './main';