@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/empty-state/main.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalEmptyState = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _primitives = require("@atlaskit/primitives");
+var _menuContext = require("../../menu-context");
+var _emptyIcon = _interopRequireDefault(require("./empty-icon"));
+var i18n = (0, _reactIntlNext.defineMessages)({
+  defaultEmptyStateAdminDesc: {
+    id: 'automation-menu.modal.empty.automations.admin.description',
+    defaultMessage: 'Use the manual trigger to populate a menu of selections that anyone, or people you specify, can apply as one-click automations.',
+    description: 'A description shown in the automation menu when the rule list is empty for an admin.'
+  },
+  defaultEmptyStateDesc: {
+    id: 'automation-menu.modal.empty.automations.user.description',
+    defaultMessage: 'Admins haven’t configured any manually triggered automations yet.',
+    description: 'A description shown in the automation menu when the rule list is empty for a user.'
+  },
+  learnMoreLink: {
+    id: 'automation-menu.empty-state.learn-more.link',
+    defaultMessage: 'Learn more about the manual trigger',
+    description: 'The text of a link that takes a user to the documentation for manually triggered rules in Automation for Confluence.'
+  },
+  emptyAutomationListImageAlt: {
+    id: 'automation-menu.empty-state.image.alt',
+    defaultMessage: 'Empty automation list icon',
+    description: 'Alternative text for the image that renders when the automation list is empty.'
+  }
+});
+var emptyStateStyles = (0, _primitives.xcss)({
+  paddingLeft: "space.300",
+  paddingRight: "space.300",
+  marginTop: "space.500"
+});
+var imageStyles = (0, _primitives.xcss)({
+  marginTop: 'space.050',
+  marginBottom: 'space.300',
+  width: "160px",
+  height: "156px"
+});
+var descriptionStyles = (0, _primitives.xcss)({
+  width: '360px',
+  textAlign: 'center'
+});
+var AutomationModalEmptyState = exports.AutomationModalEmptyState = function AutomationModalEmptyState() {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+    canManageAutomation = _useAutomationMenu.canManageAutomation,
+    analyticsSource = _useAutomationMenu.analyticsSource,
+    emptyStateDescription = _useAutomationMenu.emptyStateDescription,
+    emptyStateAdminDescription = _useAutomationMenu.emptyStateAdminDescription;
+  var emptyStateDesc = emptyStateDescription !== null && emptyStateDescription !== void 0 ? emptyStateDescription : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.defaultEmptyStateDesc);
+  var adminEmptyStateDesc = emptyStateAdminDescription !== null && emptyStateAdminDescription !== void 0 ? emptyStateAdminDescription : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.defaultEmptyStateAdminDesc);
+  var displayedEmptyStateDesc = canManageAutomation ? adminEmptyStateDesc : emptyStateDesc;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    xcss: emptyStateStyles,
+    alignInline: "center",
+    alignBlock: "center",
+    grow: "fill"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: imageStyles
+  }, /*#__PURE__*/_react.default.createElement(_emptyIcon.default, {
+    alt: formatMessage(i18n.emptyAutomationListImageAlt)
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: descriptionStyles
+  }, displayedEmptyStateDesc, canManageAutomation && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    appearance: "link",
+    spacing: "none",
+    href: "https://www.atlassian.com/platform/automation",
+    target: "_blank",
+    onClick: function onClick() {
+      createAnalyticsEvent({
+        type: 'sendUIEvent',
+        data: {
+          action: 'clicked',
+          actionSubject: 'link',
+          actionSubjectId: 'learnMore',
+          source: analyticsSource
+        }
+      }).fire();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.learnMoreLink)))));
+};

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/error-icon/index.js

@@ -0,0 +1,66 @@
+"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 ErrorIcon = function ErrorIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, props, {
+    width: "inherit",
+    height: "inherit",
+    viewBox: "0 0 164 218",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0.198242 0H163.498V218H0.198242V0Z",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M94.9985 80.1994L161.399 195.199C162.763 197.5 163.491 200.122 163.509 202.797C163.527 205.472 162.835 208.103 161.502 210.422C160.17 212.742 158.245 214.665 155.925 215.997C153.605 217.328 150.973 218.019 148.299 217.999H15.3985C12.7238 218.019 10.0919 217.328 7.7719 215.997C5.45196 214.665 3.52728 212.742 2.19473 210.422C0.862192 208.103 0.169616 205.472 0.187851 202.797C0.206086 200.122 0.934476 197.5 2.29852 195.199L68.6985 80.1994C70.0136 77.8693 71.9243 75.9305 74.2348 74.5815C76.5454 73.2324 79.1729 72.5215 81.8485 72.5215C84.5241 72.5215 87.1516 73.2324 89.4622 74.5815C91.7728 75.9305 93.6834 77.8693 94.9985 80.1994Z",
+    fill: "url(#paint0_linear)"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M87.3986 163.7L90.2986 119.4C90.3662 118.145 90.179 116.89 89.7483 115.71C89.3176 114.53 88.6522 113.45 87.7925 112.534C86.9327 111.618 85.8964 110.886 84.7459 110.382C83.5954 109.877 82.3547 109.611 81.0986 109.6C79.8424 109.596 78.5989 109.852 77.4466 110.353C76.2943 110.853 75.2581 111.587 74.4033 112.508C73.5484 113.428 72.8934 114.516 72.4796 115.702C72.0658 116.888 71.902 118.147 71.9986 119.4L74.7986 163.7C74.9233 165.292 75.6387 166.78 76.8044 167.872C77.97 168.963 79.5017 169.58 81.0986 169.6C82.7025 169.603 84.2471 168.994 85.4178 167.898C86.5884 166.802 87.2968 165.3 87.3986 163.7Z",
+    fill: "#253858"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M71.5987 187.199C71.5787 188.534 71.8404 189.859 72.3668 191.086C72.8933 192.313 73.6726 193.416 74.654 194.322C75.6354 195.228 76.7967 195.917 78.0623 196.343C79.3279 196.77 80.6692 196.925 81.9987 196.799C83.8856 196.662 85.6914 195.977 87.1937 194.827C88.696 193.677 89.8294 192.113 90.4542 190.327C91.079 188.542 91.168 186.612 90.7102 184.777C90.2524 182.941 89.2679 181.279 87.8778 179.996C86.4876 178.713 84.7526 177.864 82.8863 177.555C81.02 177.245 79.1039 177.488 77.3738 178.253C75.6438 179.019 74.1753 180.273 73.1492 181.863C72.1231 183.452 71.5842 185.307 71.5987 187.199Z",
+    fill: "#253858"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M91.8971 27.1997L84.4971 0.399737C84.4839 0.240608 84.4079 0.0932631 84.286 -0.00988193C84.1641 -0.113027 84.0063 -0.163523 83.8471 -0.150263C83.688 -0.137002 83.5407 -0.0610699 83.4375 0.0608288C83.3344 0.182727 83.2839 0.340608 83.2971 0.499737L78.5971 25.5997L72.7971 24.4997C72.6907 24.4741 72.5792 24.4781 72.4749 24.5113C72.3705 24.5444 72.2772 24.6055 72.2051 24.688C72.133 24.7704 72.0848 24.8709 72.0658 24.9788C72.0467 25.0866 72.0576 25.1976 72.0971 25.2997L79.5971 51.9997C79.6438 52.1068 79.7207 52.1979 79.8184 52.2619C79.9161 52.3259 80.0303 52.3599 80.1471 52.3599C80.2639 52.3599 80.3782 52.3259 80.4759 52.2619C80.5736 52.1979 80.6505 52.1068 80.6971 51.9997L85.3971 26.8997L91.1971 27.8997C91.293 27.9176 91.3917 27.9119 91.4848 27.8831C91.578 27.8542 91.6627 27.8031 91.7316 27.7342C91.8005 27.6653 91.8516 27.5806 91.8805 27.4874C91.9093 27.3943 91.915 27.2956 91.8971 27.1997Z",
+    fill: "#FFC400"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M65.2974 41.7993L54.3974 33.2993C54.1974 33.0993 53.8974 33.2993 53.9974 33.5993L59.5974 44.9993L56.8974 46.2993C56.6974 46.3993 56.6974 46.5993 56.8974 46.7993L67.6974 55.2993C67.8974 55.4993 68.2974 55.1993 68.0974 54.9993L62.5974 43.4993L65.2974 42.2993C65.3974 42.1993 65.4974 41.8993 65.2974 41.7993Z",
+    fill: "#FFAB00"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M101.298 56.6988H100.698C100.534 56.5519 100.417 56.359 100.363 56.145C100.31 55.931 100.322 55.7059 100.398 55.4988C100.198 54.6988 98.0981 52.5988 96.8981 51.3988C93.8981 48.2988 91.8981 46.3988 92.9981 44.8988C94.0981 43.3988 96.5981 44.5988 100.398 46.5988C101.824 47.3516 103.293 48.0195 104.798 48.5988C103.838 47.2779 102.731 46.0702 101.498 44.9988C98.5981 41.9988 96.5981 39.9988 97.6981 38.4988C98.7981 36.9988 101.298 38.2988 105.098 40.1988C106.524 40.9516 107.993 41.6195 109.498 42.1988C108.512 40.8994 107.407 39.6943 106.198 38.5988C103.298 35.5988 101.298 33.5988 102.398 32.0988C103.498 30.5988 105.998 31.8988 109.698 33.7988C111.298 34.5988 113.898 35.8988 114.698 35.8988C114.863 35.7512 115.077 35.6696 115.298 35.6696C115.519 35.6696 115.733 35.7512 115.898 35.8988C116.011 35.9699 116.109 36.0629 116.185 36.1722C116.261 36.2816 116.315 36.4051 116.343 36.5356C116.371 36.6661 116.373 36.8008 116.348 36.9319C116.323 37.063 116.272 37.1877 116.198 37.2988C115.098 38.7988 112.598 37.4988 108.798 35.5988C107.393 34.8048 105.92 34.1355 104.398 33.5988C105.402 34.8534 106.47 36.055 107.598 37.1988C110.598 40.1988 112.598 42.1988 111.498 43.6988C110.398 45.1988 107.898 43.8988 104.098 41.9988C102.672 41.216 101.203 40.5149 99.6981 39.8988C100.681 41.2318 101.786 42.4705 102.998 43.5988C105.898 46.5988 107.898 48.5988 106.798 49.9988C105.698 51.3988 103.198 50.2988 99.4981 48.2988C98.0387 47.5443 96.5361 46.8765 94.9981 46.2988C95.6981 47.2988 97.2981 48.8988 98.2981 49.9988C101.298 52.9988 103.198 54.9988 102.098 56.3988C102 56.5112 101.876 56.5974 101.736 56.6498C101.596 56.7022 101.446 56.719 101.298 56.6988Z",
+    fill: "#344563"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M106.898 71.0996C106.719 71.096 106.543 71.0485 106.386 70.9614C106.229 70.8742 106.096 70.75 105.998 70.5996C104.998 68.6996 103.798 66.4996 105.098 65.2996C106.398 64.0996 108.398 65.4996 110.598 66.9996C111.513 67.6495 112.484 68.2183 113.498 68.6996C113.163 67.6117 112.693 66.5702 112.098 65.5996C110.798 63.2996 109.598 61.1996 110.898 59.9996C112.198 58.7996 114.298 60.1996 116.398 61.5996C117.334 62.3539 118.379 62.9609 119.498 63.3996C119.593 63.2944 119.709 63.2105 119.839 63.1536C119.968 63.0967 120.109 63.068 120.25 63.0694C120.392 63.0708 120.532 63.1023 120.66 63.1618C120.789 63.2212 120.903 63.3074 120.996 63.4144C121.089 63.5215 121.158 63.647 121.199 63.7827C121.239 63.9184 121.251 64.0612 121.232 64.2017C121.213 64.3421 121.165 64.4769 121.09 64.5972C121.015 64.7175 120.916 64.8206 120.798 64.8996C119.498 66.0996 117.398 64.6996 115.298 63.2996C114.383 62.6496 113.412 62.0808 112.398 61.5996C112.736 62.6547 113.206 63.6628 113.798 64.5996C115.098 66.8996 116.298 69.0996 114.998 70.2996C113.698 71.4996 111.598 70.0996 109.498 68.5996C108.563 67.9251 107.557 67.3551 106.498 66.8996C106.851 67.8363 107.286 68.7398 107.798 69.5996C107.908 69.8268 107.927 70.087 107.853 70.328C107.779 70.5691 107.616 70.7733 107.398 70.8996L106.898 71.0996Z",
+    fill: "#5E6C84"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M52.5978 68.1997L51.8978 67.9997C50.2978 67.2997 50.6978 64.8997 51.0978 62.3997C51.3304 61.282 51.4311 60.1408 51.3978 58.9997C50.5998 59.8095 49.8644 60.6787 49.1978 61.5997C47.6978 63.6997 46.2978 65.6997 44.5978 64.9997C44.3618 64.8905 44.1776 64.6937 44.0842 64.451C43.9909 64.2083 43.9957 63.9388 44.0978 63.6997C44.1311 63.5775 44.1898 63.4637 44.27 63.3658C44.3503 63.2679 44.4504 63.188 44.5636 63.1313C44.6769 63.0747 44.8008 63.0426 44.9273 63.0372C45.0538 63.0317 45.1801 63.053 45.2978 63.0997C45.7978 62.8997 46.8978 61.2997 47.5978 60.3997C48.2978 59.4997 50.5978 56.2997 52.1978 56.9997C53.7978 57.6997 53.4978 60.0997 53.0978 62.6997C52.8334 63.8137 52.6991 64.9547 52.6978 66.0997C53.5281 65.3199 54.2662 64.4476 54.8978 63.4997C56.3978 61.3997 57.8978 59.3997 59.4978 60.0997C61.0978 60.7997 60.7978 63.1997 60.3978 65.2997C60.4164 65.4532 60.3992 65.6091 60.3474 65.7548C60.2956 65.9006 60.2107 66.0324 60.0994 66.1398C59.9881 66.2472 59.8533 66.3274 59.7058 66.3739C59.5582 66.4204 59.4019 66.4321 59.2491 66.4079C59.0963 66.3838 58.9512 66.3246 58.8251 66.2348C58.6991 66.1451 58.5956 66.0274 58.5228 65.8909C58.45 65.7544 58.4098 65.6029 58.4055 65.4482C58.4011 65.2936 58.4327 65.14 58.4978 64.9997C58.6141 64.0371 58.6808 63.0691 58.6978 62.0997C57.8436 62.8564 57.1026 63.732 56.4978 64.6997C55.1978 66.4997 53.8978 68.1997 52.5978 68.1997Z",
+    fill: "#5E6C84"
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "paint0_linear",
+    x1: "134.059",
+    y1: "136.429",
+    x2: "-2.59149",
+    y2: "200.149",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    stopColor: "#FFD740"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    stopColor: "#FFAB00"
+  })), /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0.198242 0H163.498V218H0.198242V0Z",
+    fill: "white"
+  }))));
+};
+var _default = exports.default = ErrorIcon;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutomationModalErrorState", {
+  enumerable: true,
+  get: function get() {
+    return _main.AutomationModalErrorState;
+  }
+});
+var _main = require("./main");

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalErrorState = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _errorIcon = _interopRequireDefault(require("./error-icon"));
+var i18n = (0, _reactIntlNext.defineMessages)({
+  errorDescription: {
+    id: 'automation-menu.modal.error.description',
+    defaultMessage: 'This is taking awhile to load. Try refreshing the page.',
+    description: "Description for the error section shown when rules can't be fetched"
+  },
+  errorIconLabel: {
+    id: 'automation-menu.modal.error.image.alt',
+    defaultMessage: 'Error icon',
+    description: 'Alternative text for the image that renders when there is an error.'
+  }
+});
+var errorStateStyles = (0, _primitives.xcss)({
+  textAlign: 'center',
+  marginTop: 'space.500'
+});
+var imageContainerStyles = (0, _primitives.xcss)({
+  display: 'block',
+  maxWidth: '116px',
+  maxHeight: '156px',
+  marginBottom: "var(--ds-space-300, 24px)",
+  marginTop: 'space.050'
+});
+var descriptionStyles = (0, _primitives.xcss)({
+  maxWidth: '360px'
+});
+var AutomationModalErrorState = exports.AutomationModalErrorState = function AutomationModalErrorState() {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    xcss: errorStateStyles,
+    alignInline: "center",
+    alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: imageContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_errorIcon.default, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: descriptionStyles
+  }, formatMessage(i18n.errorDescription)));
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutomationModalFooter", {
+  enumerable: true,
+  get: function get() {
+    return _main.AutomationModalFooter;
+  }
+});
+var _main = require("./main");

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

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _menuContext = require("../../menu-context");
+var i18n = (0, _reactIntlNext.defineMessages)({
+  modalFooterCancelButton: {
+    id: 'automation-menu.modal.footer.cancel-button',
+    defaultMessage: 'Cancel',
+    description: 'The text for a cancel button, which closes the active modal.'
+  },
+  modalFooterAutomateButton: {
+    id: 'automation-menu.modal.footer.automate-button',
+    defaultMessage: 'Automate',
+    description: 'The text for an automate button, which executes an automation rule.'
+  },
+  modalFooterCreateAutomationButton: {
+    id: 'automation-menu.modal.footer.get-started-button',
+    defaultMessage: 'Create automation',
+    description: 'The text for a button that links to the automation rule builder. This button only appears when the modal has no existing automations to display.'
+  },
+  modalFooterOkButton: {
+    id: 'automation-menu.modal.footer.ok-button',
+    defaultMessage: 'Ok',
+    description: 'The text for a button that closes the active modal. This button only appears when the modal has no existing automations to display.'
+  }
+});
+var AutomationModalFooter = exports.AutomationModalFooter = function AutomationModalFooter(_ref) {
+  var selectedRule = _ref.selectedRule,
+    onClose = _ref.onClose;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+    canManageAutomation = _useAutomationMenu.canManageAutomation,
+    objectAri = _useAutomationMenu.objectAri,
+    initialised = _useAutomationMenu.initialised,
+    invokeRuleOrShowDialog = _useAutomationMenu.invokeRuleOrShowDialog,
+    invokingRuleId = _useAutomationMenu.invokingRuleId,
+    rules = _useAutomationMenu.rules,
+    error = _useAutomationMenu.error,
+    baseAutomationUrl = _useAutomationMenu.baseAutomationUrl,
+    analyticsSource = _useAutomationMenu.analyticsSource;
+  var sendFooterAnalyticsEvent = function sendFooterAnalyticsEvent(actionSubjectId, ruleId) {
+    var event = createAnalyticsEvent({
+      type: 'sendUIEvent',
+      data: {
+        action: 'clicked',
+        actionSubject: 'button',
+        actionSubjectId: actionSubjectId,
+        source: analyticsSource
+      }
+    });
+    if (ruleId) {
+      event.payload.data.attributes = {
+        ruleId: ruleId
+      };
+    }
+    event.fire();
+  };
+  var okButton = /*#__PURE__*/_react.default.createElement(_button.default, {
+    key: "automation-modal-footer-ok",
+    appearance: "primary",
+    onClick: function onClick() {
+      sendFooterAnalyticsEvent('ok');
+      onClose();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterOkButton));
+  var cancelButton = /*#__PURE__*/_react.default.createElement(_button.default, {
+    key: "automation-modal-footer-cancel",
+    appearance: "subtle",
+    onClick: function onClick() {
+      sendFooterAnalyticsEvent('cancel');
+      onClose();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterCancelButton));
+  var createAutomationButton = /*#__PURE__*/_react.default.createElement(_button.default, {
+    key: "automation-modal-footer-create-automation",
+    appearance: "primary",
+    href: "".concat(baseAutomationUrl, "#rule/new"),
+    onClick: function onClick() {
+      sendFooterAnalyticsEvent('createAutomation');
+    },
+    target: "_blank"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterCreateAutomationButton));
+  var automateButton = /*#__PURE__*/_react.default.createElement(_button.default, {
+    key: "automation-modal-footer-automate",
+    appearance: "primary",
+    onClick: function onClick() {
+      if (selectedRule) {
+        sendFooterAnalyticsEvent('executeManualTriggerAutomation', selectedRule.id.toString());
+        invokeRuleOrShowDialog(selectedRule.id, [objectAri.toString()]);
+      }
+    },
+    isDisabled: !selectedRule || !!invokingRuleId
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterAutomateButton));
+  var modalButtons = [];
+  if (!initialised) {
+    return null;
+  }
+
+  // Populated rule list -> cancel and automate buttons
+  // Empty admin scenario -> cancel and Create Automation buttons
+  // Empty end user and error scenario -> Ok button
+  if (rules.length < 1) {
+    if (error || !canManageAutomation) {
+      modalButtons.push(okButton);
+    } else {
+      modalButtons.push(cancelButton, createAutomationButton);
+    }
+  } else {
+    modalButtons.push(cancelButton, automateButton);
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, modalButtons);
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutomationModalHeader", {
+  enumerable: true,
+  get: function get() {
+    return _main.AutomationModalHeader;
+  }
+});
+var _main = require("./main");

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _modalDialog = require("@atlaskit/modal-dialog");
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+var _menuContext = require("../../menu-context");
+var _manualTriggerIcon = require("./manual-trigger-icon");
+var i18n = (0, _reactIntlNext.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 = (0, _primitives.xcss)({
+  marginRight: 'space.150',
+  backgroundColor: 'color.background.accent.green.subtlest',
+  borderRadius: 'border.radius'
+});
+var modalDescriptionStyle = (0, _primitives.xcss)({
+  marginTop: 'space.150'
+});
+var AutomationModalHeader = exports.AutomationModalHeader = function AutomationModalHeader(_ref) {
+  var modalTitle = _ref.modalTitle,
+    modalDescription = _ref.modalDescription;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+    initialised = _useAutomationMenu.initialised,
+    rules = _useAutomationMenu.rules;
+  var _useModal = (0, _modalDialog.useModal)(),
+    titleId = _useModal.titleId;
+  var showDescription = initialised && rules.length > 0 && !!modalDescription;
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: iconStyle,
+    paddingInline: "space.050",
+    paddingBlock: "space.025"
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    size: "small",
+    glyph: _manualTriggerIcon.ManualTriggerGlyph,
+    label: formatMessage(i18n.modalHeaderIconLabel),
+    primaryColor: "var(--ds-icon-accent-green, ".concat(_colors.G50, ")")
+  })), /*#__PURE__*/_react.default.createElement(_heading.default, {
+    level: "h600",
+    id: titleId
+  }, modalTitle)), showDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: modalDescriptionStyle
+  }, modalDescription)));
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ManualTriggerGlyph = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var ManualTriggerGlyph = exports.ManualTriggerGlyph = function ManualTriggerGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, props, {
+    width: 24,
+    viewBox: "0 0 24 24"
+  }), /*#__PURE__*/_react.default.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.default.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.default.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"
+  }));
+};
+var _default = exports.default = ManualTriggerGlyph;

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutomationModalRule", {
+  enumerable: true,
+  get: function get() {
+    return _main.AutomationModalRule;
+  }
+});
+var _main = require("./main");

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

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalRule = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _menu = require("@atlaskit/menu");
+var _primitives = require("@atlaskit/primitives");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _menuContext = require("../../menu-context");
+var ruleButtonStyle = (0, _primitives.xcss)({
+  borderColor: 'color.border',
+  borderStyle: 'solid',
+  borderWidth: 'border.width',
+  borderRadius: 'border.radius'
+});
+var selectedRuleButtonStyle = (0, _primitives.xcss)({
+  backgroundColor: 'color.background.accent.blue.subtlest',
+  borderColor: 'color.border.accent.blue',
+  borderStyle: 'solid',
+  borderWidth: 'border.width.outline',
+  borderRadius: 'border.radius'
+});
+var ruleNameStyle = (0, _primitives.xcss)({
+  // Using this to increase the height of the button itself.
+  height: '28px'
+});
+var AutomationModalRule = exports.AutomationModalRule = function AutomationModalRule(_ref) {
+  var rule = _ref.rule,
+    selectedRule = _ref.selectedRule,
+    setSelectedRule = _ref.setSelectedRule;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _useAutomationMenu = (0, _menuContext.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.default.createElement(_primitives.Box, {
+    xcss: isSelectedRule ? selectedRuleButtonStyle : ruleButtonStyle
+  }, /*#__PURE__*/_react.default.createElement(_menu.ButtonItem, {
+    isDisabled: !!invokingRuleId,
+    iconBefore: isExecuting ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      size: "small"
+    }) : null,
+    onClick: ruleOnClick
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    xcss: ruleNameStyle,
+    alignBlock: "center"
+  }, rule.name)));
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutomationModalRuleList", {
+  enumerable: true,
+  get: function get() {
+    return _main.AutomationModalRuleList;
+  }
+});
+var _main = require("./main");

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationModalRuleList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _menu = require("@atlaskit/menu");
+var _primitives = require("@atlaskit/primitives");
+var _menuContext = require("../../menu-context");
+var _emptyState = require("../empty-state");
+var _rule = require("../rule");
+var AutomationModalRuleList = exports.AutomationModalRuleList = function AutomationModalRuleList(_ref) {
+  var selectedRule = _ref.selectedRule,
+    setSelectedRule = _ref.setSelectedRule;
+  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+    rules = _useAutomationMenu.rules;
+  if (rules.length === 0) {
+    return /*#__PURE__*/_react.default.createElement(_emptyState.AutomationModalEmptyState, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    space: "space.050"
+  }, rules.map(function (rule) {
+    return /*#__PURE__*/_react.default.createElement(_rule.AutomationModalRule, {
+      key: "manual-rule-".concat(rule.id),
+      rule: rule,
+      selectedRule: selectedRule,
+      setSelectedRule: setSelectedRule
+    });
+  })));
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _main.Skeleton;
+  }
+});
+var _main = require("./main");