@atlaskit/smart-card 26.69.1 → 26.71.0

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -1,87 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import Spinner from '@atlaskit/spinner';
 import Tooltip from '@atlaskit/tooltip';
-import React, { useCallback } from 'react';
-import { getPrimitivesInlineSpaceBySize } from '../../../utils';
-import ActionIcon from '../action-icon';
-const buttonStyles = xcss({
-  all: 'unset',
-  cursor: 'pointer',
-  padding: 'space.050',
-  width: '100%',
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-const contentStyles = xcss({
-  color: 'color.text',
-  // Replace with font token once it becomes stable (currently alpha)
-  // font: 'font.body.small',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '20px'
-});
+import React from 'react';
+import ActionButton from './action-button';
 const ActionStackItem = ({
   content,
-  icon: iconOption,
-  isDisabled,
-  isLoading,
-  onClick: onClickCallback,
-  size,
-  space: spaceOption,
-  testId,
   tooltipMessage,
-  xcss,
   tooltipOnHide,
-  hideTooltipOnMouseDown
-}) => {
-  const space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
-  const onClick = useCallback(() => {
-    if (!isDisabled && !isLoading && onClickCallback) {
-      onClickCallback();
-    }
-  }, [isDisabled, isLoading, onClickCallback]);
-  const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
-    asStackItemIcon: true,
-    icon: /*#__PURE__*/React.createElement(Spinner, {
-      testId: `${testId}-loading`
-    }),
-    size: size
-  }) : iconOption;
-
-  // Replace Box with Pressable once it becomes stable (currently beta)
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipMessage || content,
-    onHide: tooltipOnHide,
-    hideTooltipOnMouseDown: hideTooltipOnMouseDown
-  }, tooltipProps => /*#__PURE__*/React.createElement(Box, _extends({
-    as: "button",
-    xcss: [buttonStyles, xcss]
-  }, tooltipProps, {
-    onClick: onClick,
-    testId: testId
-  }), /*#__PURE__*/React.createElement(Inline, {
-    alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/React.createElement(Box, {
-    xcss: contentStyles
-  }, content))));
-};
+  hideTooltipOnMouseDown,
+  hideTooltip,
+  ...props
+}) => hideTooltip ? /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+  content: content
+})) : /*#__PURE__*/React.createElement(Tooltip, {
+  content: tooltipMessage || content,
+  onHide: tooltipOnHide,
+  hideTooltipOnMouseDown: hideTooltipOnMouseDown
+}, tooltipProps => /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
+  content: content,
+  tooltipProps: tooltipProps
+})));
 export default ActionStackItem;

package/dist/es2019/view/FlexibleCard/components/actions/action/index.js

@@ -25,6 +25,7 @@ const Action = ({
   spaceInline,
   tooltipMessage,
   tooltipOnHide,
+  hideTooltip,
   hideTooltipOnMouseDown,
   xcss,
   asDropDownItem,
@@ -61,7 +62,8 @@ const Action = ({
       tooltipMessage: tooltipMessage || content,
       xcss: xcss,
       tooltipOnHide: tooltipOnHide,
-      hideTooltipOnMouseDown: hideTooltipOnMouseDown
+      hideTooltipOnMouseDown: hideTooltipOnMouseDown,
+      hideTooltip: hideTooltip
     });
   }
   if (isDropdownItem) {

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
 import { di } from 'react-magnetic-di';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
 import { CopySummaryAction } from './copy-summary-action';
@@ -9,6 +9,7 @@ export const AISummaryActionComponent = props => {
     url,
     ari,
     product,
+    onLoadingChange,
     testId = 'smart-action-ai-summary-action'
   } = props;
   const {
@@ -22,6 +23,9 @@ export const AISummaryActionComponent = props => {
     ari,
     product
   });
+  useEffect(() => {
+    onLoadingChange === null || onLoadingChange === void 0 ? void 0 : onLoadingChange(status === 'loading');
+  }, [onLoadingChange, status]);
   return status === 'done' ? /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
     testId: testId,
     content: content

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';