@atlaskit/smart-card 26.69.0 → 26.70.0

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl-next';
+import Heading from '@atlaskit/heading';
+import Icon from '@atlaskit/icon';
+import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
+import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { G50 } from '@atlaskit/theme/colors';
+import { useAutomationMenu } from '../../menu-context';
+import { ManualTriggerGlyph } from './manual-trigger-icon';
+var i18n = defineMessages({
+  modalHeaderIconLabel: {
+    id: 'automation-menu.modal.header.icon.label',
+    defaultMessage: 'Automation modal header icon',
+    description: 'A label for the icon in the header of the automation modal.'
+  }
+});
+var iconStyle = xcss({
+  marginRight: 'space.150',
+  backgroundColor: 'color.background.accent.green.subtlest',
+  borderRadius: 'border.radius'
+});
+var modalDescriptionStyle = xcss({
+  marginTop: 'space.150'
+});
+export var AutomationModalHeader = function AutomationModalHeader(_ref) {
+  var modalTitle = _ref.modalTitle,
+    modalDescription = _ref.modalDescription;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useAutomationMenu = useAutomationMenu(),
+    initialised = _useAutomationMenu.initialised,
+    rules = _useAutomationMenu.rules;
+  var _useModal = useModal(),
+    titleId = _useModal.titleId;
+  var showDescription = initialised && rules.length > 0 && !!modalDescription;
+  return /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: iconStyle,
+    paddingInline: "space.050",
+    paddingBlock: "space.025"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    size: "small",
+    glyph: ManualTriggerGlyph,
+    label: formatMessage(i18n.modalHeaderIconLabel),
+    primaryColor: "var(--ds-icon-accent-green, ".concat(G50, ")")
+  })), /*#__PURE__*/React.createElement(Heading, {
+    level: "h600",
+    id: titleId
+  }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(Box, {
+    xcss: modalDescriptionStyle
+  }, modalDescription)));
+};

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

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+export var ManualTriggerGlyph = function ManualTriggerGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    width: 24,
+    viewBox: "0 0 24 24"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m21.192 19.778-4.9498-4.9498c-0.3905-0.3905-1.0237-0.3905-1.4142 0-0.3905 0.3906-0.3905 1.0237 0 1.4143l4.9498 4.9497c0.3905 0.3905 1.0237 0.3905 1.4142 0s0.3905-1.0237 0-1.4142z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m8.7738 8.1319 11.685 4.305c0.2591 0.0955 0.3917 0.3829 0.2963 0.6421-0.025 0.0679-0.0645 0.1295-0.1156 0.1807l-7.3802 7.3801c-0.1952 0.1953-0.5118 0.1953-0.7071 0-0.0511-0.0512-0.0906-0.1128-0.1156-0.1807l-4.3051-11.685c-0.09546-0.25911 0.03721-0.54656 0.29632-0.64202 0.11157-0.0411 0.23414-0.0411 0.34571 0z",
+    clipRule: "evenodd",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m4.2218 4.2218c1.9526-1.9526 5.1184-1.9526 7.0711 0 0.5977 0.59776 1.0125 1.3092 1.2443 2.0648 0.1974 0.6437-0.4389 1.1502-1.0873 0.96899l-0.2172-0.06069c-0.3475-0.09709-0.6037-0.38008-0.7563-0.70702-0.1439-0.30836-0.3432-0.59728-0.59773-0.85184-1.1716-1.1716-3.0711-1.1716-4.2426 0-1.1716 1.1716-1.1716 3.0711 0 4.2426 0.2547 0.25469 0.54381 0.45399 0.85236 0.59799 0.32725 0.1527 0.61051 0.4091 0.70752 0.7569l0.06045 0.2168c0.18082 0.6483-0.32561 1.2843-0.96914 1.087-0.75578-0.2317-1.4675-0.6466-2.0654-1.2445-1.9526-1.9526-1.9526-5.1184 0-7.071z",
+    clipRule: "evenodd",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default ManualTriggerGlyph;

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

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

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ButtonItem } from '@atlaskit/menu';
+import { Box, Stack, xcss } from '@atlaskit/primitives';
+import Spinner from '@atlaskit/spinner';
+import { useAutomationMenu } from '../../menu-context';
+var ruleButtonStyle = xcss({
+  borderColor: 'color.border',
+  borderStyle: 'solid',
+  borderWidth: 'border.width',
+  borderRadius: 'border.radius'
+});
+var selectedRuleButtonStyle = xcss({
+  backgroundColor: 'color.background.accent.blue.subtlest',
+  borderColor: 'color.border.accent.blue',
+  borderStyle: 'solid',
+  borderWidth: 'border.width.outline',
+  borderRadius: 'border.radius'
+});
+var ruleNameStyle = xcss({
+  // Using this to increase the height of the button itself.
+  height: '28px'
+});
+export var AutomationModalRule = function AutomationModalRule(_ref) {
+  var rule = _ref.rule,
+    selectedRule = _ref.selectedRule,
+    setSelectedRule = _ref.setSelectedRule;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAutomationMenu = useAutomationMenu(),
+    analyticsSource = _useAutomationMenu.analyticsSource,
+    invokingRuleId = _useAutomationMenu.invokingRuleId;
+  var isSelectedRule = (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id) === rule.id;
+  var isExecuting = rule.id === invokingRuleId;
+  var ruleOnClick = function ruleOnClick() {
+    createAnalyticsEvent({
+      type: 'sendUIEvent',
+      data: {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: 'selectManualTriggerAutomation',
+        source: analyticsSource,
+        attributes: {
+          ruleId: rule.id.toString()
+        }
+      }
+    }).fire();
+    setSelectedRule(rule);
+  };
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: isSelectedRule ? selectedRuleButtonStyle : ruleButtonStyle
+  }, /*#__PURE__*/React.createElement(ButtonItem, {
+    isDisabled: !!invokingRuleId,
+    iconBefore: isExecuting ? /*#__PURE__*/React.createElement(Spinner, {
+      size: "small"
+    }) : null,
+    onClick: ruleOnClick
+  }, /*#__PURE__*/React.createElement(Stack, {
+    xcss: ruleNameStyle,
+    alignBlock: "center"
+  }, rule.name)));
+};

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

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { MenuGroup } from '@atlaskit/menu';
+import { Stack } from '@atlaskit/primitives';
+import { useAutomationMenu } from '../../menu-context';
+import { AutomationModalEmptyState } from '../empty-state';
+import { AutomationModalRule } from '../rule';
+export var AutomationModalRuleList = function AutomationModalRuleList(_ref) {
+  var selectedRule = _ref.selectedRule,
+    setSelectedRule = _ref.setSelectedRule;
+  var _useAutomationMenu = useAutomationMenu(),
+    rules = _useAutomationMenu.rules;
+  if (rules.length === 0) {
+    return /*#__PURE__*/React.createElement(AutomationModalEmptyState, null);
+  }
+  return /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(Stack, {
+    space: "space.050"
+  }, rules.map(function (rule) {
+    return /*#__PURE__*/React.createElement(AutomationModalRule, {
+      key: "manual-rule-".concat(rule.id),
+      rule: rule,
+      selectedRule: selectedRule,
+      setSelectedRule: setSelectedRule
+    });
+  })));
+};

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

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

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

@@ -0,0 +1,80 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { keyframes, css } from '@emotion/react';
+import { N20, N30 } from '@atlaskit/theme/colors';
+var AutomationSkeletonContainer = css({
+  paddingBlock: "var(--ds-space-025, 2px)"
+});
+var SkeletonContainer = css({
+  marginBlock: "var(--ds-space-100, 8px)",
+  marginInline: "var(--ds-space-250, 20px)",
+  display: 'flex'
+});
+var SkeletonIcon = 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 = css({
+  width: '24px',
+  height: '24px',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
+var shimmer = keyframes({
+  '0%': {
+    backgroundPosition: '-300px 0'
+  },
+  '100%': {
+    backgroundPosition: '2000px 0'
+  }
+});
+var SkeletonText = 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(N30, ")"),
+  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(N30, ")"), " 50%)"),
+  backgroundRepeat: 'no-repeat'
+});
+var SkeletonLine = function SkeletonLine() {
+  return jsx("div", {
+    css: SkeletonContainer
+  }, jsx("div", {
+    css: MenuIcon
+  }, jsx("div", {
+    css: SkeletonIcon
+  })), jsx("div", {
+    css: SkeletonText
+  }));
+};
+var getSkeletonLines = function getSkeletonLines(lineCount) {
+  var skeletonLines = [];
+  for (var i = 0; i < lineCount; i++) {
+    skeletonLines.push(jsx(SkeletonLine, {
+      key: "skeleton-line-".concat(i)
+    }));
+  }
+  return skeletonLines;
+};
+export var 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
+    jsx("div", {
+      css: AutomationSkeletonContainer
+    }, getSkeletonLines(lineCount))
+  );
+};

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

@@ -1,36 +1,59 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
+import React, { useState, lazy, Suspense } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import AutomationManualTriggersGlyph from './manaul-triggers-icon';
 import Action from '../action';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-// import { useSmartLinkContext } from '../../../../../../../link-provider/src';
-
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+var AutomationModal = /*#__PURE__*/lazy(function () {
+  return import( /* 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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    _isModalOpen = _useState2[0],
+    isModalOpen = _useState2[0],
     setIsModalOpen = _useState2[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  // const { connections } = useSmartLinkContext();
-
-  // const env = connections.client.envKey ?? 'prod';
+  var smartLinkContext = useSmartLinkContext();
+  var connections = smartLinkContext.connections;
+  var environment = (_ref = connections.client.envKey) !== null && _ref !== void 0 ? _ref : 'prod';
   var context = useFlexibleUiContext();
-  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
-  if (!data) {
+  var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[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.createElement(FormattedMessage, messages.automation_action_title);
   var automationActionTooltip = /*#__PURE__*/React.createElement(FormattedMessage, messages.automation_action_tooltip);
   var automationActionIconLabel = formatMessage(messages.automation_action_icon_label);
+  var automationModalTitle = /*#__PURE__*/React.createElement(FormattedMessage, modalTitle);
+  var automationModalDescription = /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalDescription, {
+    values: {
+      name: objectName,
+      b: function b(chunks) {
+        return /*#__PURE__*/React.createElement("strong", null, chunks);
+      },
+      br: /*#__PURE__*/React.createElement("br", null)
+    }
+  }));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Action, _extends({
     content: automationActionTitle,
     icon: /*#__PURE__*/React.createElement(AutomationManualTriggersGlyph, {
@@ -38,10 +61,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.createElement(Suspense, {
+    fallback: false
+  }, /*#__PURE__*/React.createElement(AutomationModal, {
+    environment: environment,
+    baseAutomationUrl: baseAutomationUrl,
+    objectAri: objectAri,
+    siteAri: siteAri,
+    canManageAutomation: canManageAutomation,
+    analyticsSource: analyticsSource,
+    modalTitle: automationModalTitle,
+    modalDescription: automationModalDescription,
+    onClose: function onClose() {
+      return handleAutomationActionClose(setIsModalOpen);
+    }
   })));
 };
 export default AutomationAction;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -3,6 +3,7 @@ import React from 'react';
 import styled from '@emotion/styled';
 import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
 import { Box, xcss } from '@atlaskit/primitives';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AIIndicatorTooltipPrimitive = styled(TooltipPrimitive)({
   borderRadius: "var(--ds-border-radius, 3px)",
   backgroundColor: "var(--ds-surface-raised, white)",

package/dist/esm/view/InlineCard/Frame/styled.js

@@ -87,10 +87,14 @@ var baseWrapperStyles = function baseWrapperStyles(props) {
     MozUserSelect: 'none'
   }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WrapperAnchor = styled.a(function (props) {
   return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
 });
 WrapperAnchor.displayName = 'WrapperAnchor';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WrapperSpan = styled.span(function (props) {
   return _objectSpread({}, baseWrapperStyles(props));
 });

package/dist/esm/view/InlineCard/Icon.js

@@ -7,6 +7,7 @@ import React from 'react';
 // Current rationale: vertically positioned at the top of
 // the smart card container (when set to 0). Offset this
 // to position it with appropriate whitespace from the top.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var Icon = styled.img({
   height: '14px',
   width: '14px',
@@ -22,6 +23,7 @@ export var Icon = styled.img({
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var AKIconWrapper = styled.span({
   marginRight: "var(--ds-space-negative-025, -2px)"
 });

package/dist/esm/view/InlineCard/IconAndTitleLayout/styled.js

@@ -10,11 +10,13 @@ export var IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width:
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var IconWrapper = styled.span({
   userSelect: 'none'
 }, IconOverrides, IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var EmojiWrapper = styled.span({
   display: 'inline-block',
   marginRight: "var(--ds-space-025, 2px)",
@@ -24,6 +26,7 @@ export var EmojiWrapper = styled.span({
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var IconTitleWrapper = styled.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -32,11 +35,14 @@ export var IconTitleWrapper = styled.span({
 });
 
 // TODO: Replace overrides with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var LozengeWrapper = styled.span({
   display: 'inline-block',
   verticalAlign: '1px',
   margin: "0 ".concat("var(--ds-space-050, 4px)", " 0 ", "var(--ds-space-025, 2px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var RightIconPositionWrapper = styled.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -46,11 +52,14 @@ export var RightIconPositionWrapper = styled.span({
 // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var IconPositionWrapper = styled.span({
   marginRight: "var(--ds-space-050, 4px)",
   position: 'relative',
   display: 'inline-block'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var IconEmptyWrapper = styled.span({
   width: '14px',
   height: '100%',
@@ -61,4 +70,6 @@ export var IconEmptyWrapper = styled.span({
 // With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
 // To achieve same result we use classname instead.
 export var TitleWrapperClassName = 'smart-link-title-wrapper';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var TitleWrapper = styled.span({});

package/dist/esm/view/InlineCard/ResolvingView/index.js

@@ -44,9 +44,9 @@ export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/React.createElement(Frame, {
           testId: testId,
           onClick: onClick,
-          isSelected: isSelected
+          isSelected: isSelected,
+          link: url
         }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-          link: url,
           title: url,
           titleTextColor: titleTextColor
         }, /*#__PURE__*/React.createElement(SpinnerWrapper, {

package/dist/esm/view/InlineCard/ResolvingView/styled.js

@@ -1,5 +1,7 @@
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var SpinnerWrapper = styled(IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

package/dist/esm/view/InlineCard/styled.js

@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var IconStyledButton = styled.span({
   '&&&': {
     textAlign: 'initial',
@@ -26,13 +27,19 @@ export var IconStyledButton = styled.span({
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var NoLinkAppearance = styled.span({
   color: "var(--ds-text-subtlest, ".concat(N200, ")"),
   marginLeft: "var(--ds-space-050, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var LowercaseAppearance = styled.span({
   textTransform: 'lowercase'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var LinkAppearance = styled.a({
   color: "var(--ds-link, ".concat(B400, ")"),
   '&:hover': {

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.69.0",
+  packageVersion: "26.70.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { messages } from '../../../messages';
+var RelatedLinksModal = function RelatedLinksModal(_ref) {
+  var onClose = _ref.onClose,
+    showModal = _ref.showModal,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title_nonfinal))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
+};
+export default RelatedLinksModal;

package/dist/esm/view/RelatedLinksModal/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/messages.d.ts

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

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/mocks.d.ts

@@ -0,0 +1,6 @@
+import { type GetManualRulesResponse, type InvocationResponse, type ManualRule } from './types';
+export declare const mockRules: GetManualRulesResponse;
+export declare const mockTransformedRules: ManualRule[];
+export declare const mockInvocationResponse: InvocationResponse;
+export declare const mockGetUrl = "https://test-api/get/rules";
+export declare const mockInvokeUrl = "https://test-api/invoke";