@atlaskit/smart-card 45.20.7 → 45.21.0

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

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchManuallyTriggeredRules = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _getSearchUrl = require("../common/utils/getSearchUrl");
+var _performPostRequest = require("../common/utils/performPostRequest");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Manual trigger rules API fetch. Fetches a list of manually triggered rules according to the context provided
+ * in query.
+ * @param site - the site ARI to fetch the rules against
+ * @param query - the workspace/container/objects to fetch rules against
+ */
+var searchManuallyTriggeredRules = exports.searchManuallyTriggeredRules = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(site, query) {
+    var url, response;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 1;
+          return (0, _getSearchUrl.getSearchUrl)(site);
+        case 1:
+          url = _context.sent;
+          _context.next = 2;
+          return (0, _performPostRequest.performPostRequest)(url, {
+            body: JSON.stringify(query)
+          });
+        case 2:
+          response = _context.sent;
+          return _context.abrupt("return", response.data.reduce(function (acc, _ref2) {
+            var id = _ref2.id,
+              name = _ref2.name,
+              ruleScope = _ref2.ruleScope,
+              userInputs = _ref2.userInputs;
+            return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, id, {
+              id: id,
+              name: name,
+              ruleScope: ruleScope,
+              userInputPrompts: userInputs
+            }));
+          }, {}));
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function searchManuallyTriggeredRules(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();

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

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useManualRules = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _searchManuallyTriggeredRules = require("./services/searchManuallyTriggeredRules");
+/**
+ * React hook that implements the fetch and invoke actions for manual triggers.
+ * Can be used standalone or in the HOC provided below.
+ * @param site - The site to filter on. We map this to just a cloudId to resolve the manual rules API path
+ * @param query - Query object containing filter props (container, object(s))
+ */
+var useManualRules = exports.useManualRules = function useManualRules(site, query) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    initialised = _useState2[0],
+    setInitialised = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    rules = _useState6[0],
+    setRules = _useState6[1];
+  var transformRules = function transformRules(ruleResponse) {
+    var rulesUnsorted = Object.values(ruleResponse);
+    return rulesUnsorted.sort(function (rule1, rule2) {
+      return rule1.name.localeCompare(rule2.name);
+    });
+  };
+  var triggerFetch = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var fetchedRules, _t;
+      return _regenerator.default.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setInitialised(false);
+            _context.prev = 1;
+            _context.next = 2;
+            return (0, _searchManuallyTriggeredRules.searchManuallyTriggeredRules)(site, query);
+          case 2:
+            fetchedRules = _context.sent;
+            setError(null);
+            setRules(transformRules(fetchedRules));
+            _context.next = 4;
+            break;
+          case 3:
+            _context.prev = 3;
+            _t = _context["catch"](1);
+            setError(_t);
+            setRules([]);
+          case 4:
+            _context.prev = 4;
+            setInitialised(true);
+            return _context.finish(4);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function triggerFetch() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return [triggerFetch, initialised, error, rules];
+};

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

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AutomationModal", {
-  enumerable: true,
-  get: function get() {
-    return _main.AutomationModal;
-  }
-});
 exports.default = void 0;
 var _main = require("./main");
 var _default = exports.default = _main.AutomationModal;

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

@@ -12,7 +12,7 @@ var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents"
 var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
 var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
 var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
-var _menuContext = require("./menu-context");
+var _AutomationMenuContextContainer = require("./menu-context/AutomationMenuContextContainer");
 var _body = require("./sub-components/body");
 var _executionStateMessage = require("./sub-components/execution-state-message");
 var _footer = require("./sub-components/footer");
@@ -44,7 +44,7 @@ var AutomationModal = exports.AutomationModal = function AutomationModal(_ref) {
       }
     }).fire();
   }, [createAnalyticsEvent, analyticsSource]);
-  return /*#__PURE__*/_react.default.createElement(_menuContext.AutomationMenuContextContainer, {
+  return /*#__PURE__*/_react.default.createElement(_AutomationMenuContextContainer.AutomationMenuContextContainer, {
     baseAutomationUrl: baseAutomationUrl,
     objectAri: objectAri,
     siteAri: siteAri,

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationMenuContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationMenuContext = void 0;
+var _react = require("react");
+// This is another layer on top of the AFE ManualRulesContainer.
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+var AutomationMenuContext = exports.AutomationMenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationMenuContextContainer.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationMenuContextContainer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ManualRulesContainer = require("../../manual-triggers-container/ManualRulesContainer");
+var _AutomationMenuProvider = require("./AutomationMenuProvider");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // This is another layer on top of the AFE ManualRulesContainer.
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+var AutomationMenuContextContainer = exports.AutomationMenuContextContainer = function AutomationMenuContextContainer(_ref) {
+  var baseAutomationUrl = _ref.baseAutomationUrl,
+    analyticsSource = _ref.analyticsSource,
+    objectAri = _ref.objectAri,
+    siteAri = _ref.siteAri,
+    canManageAutomation = _ref.canManageAutomation,
+    children = _ref.children,
+    emptyStateDescription = _ref.emptyStateDescription,
+    emptyStateAdminDescription = _ref.emptyStateAdminDescription,
+    _onRuleInvocationSuccess = _ref.onRuleInvocationSuccess,
+    _onRuleInvocationFailure = _ref.onRuleInvocationFailure,
+    onRuleInvocationLifecycleDone = _ref.onRuleInvocationLifecycleDone;
+  var _useState = (0, _react.useState)('NONE'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    ruleExecutionState = _useState2[0],
+    setRuleExecutionState = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_ManualRulesContainer.ManualRulesContainer, {
+    site: siteAri,
+    query: {
+      objects: [objectAri]
+    },
+    onRuleInvocationLifecycleStarted: function onRuleInvocationLifecycleStarted() {
+      setRuleExecutionState('NONE');
+    },
+    onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
+    onRuleInvocationSuccess: function onRuleInvocationSuccess() {
+      setRuleExecutionState('SUCCEED');
+      _onRuleInvocationSuccess === null || _onRuleInvocationSuccess === void 0 || _onRuleInvocationSuccess();
+    },
+    onRuleInvocationFailure: function onRuleInvocationFailure() {
+      setRuleExecutionState('FAILURE');
+      _onRuleInvocationFailure === null || _onRuleInvocationFailure === void 0 || _onRuleInvocationFailure();
+    }
+  }, function (props) {
+    var contextValue = _objectSpread(_objectSpread({}, props), {}, {
+      fetchError: props.error,
+      analyticsSource: analyticsSource,
+      objectAri: objectAri,
+      baseAutomationUrl: baseAutomationUrl,
+      canManageAutomation: canManageAutomation,
+      emptyStateDescription: emptyStateDescription,
+      emptyStateAdminDescription: emptyStateAdminDescription,
+      ruleExecutionState: ruleExecutionState
+    });
+    return /*#__PURE__*/_react.default.createElement(_AutomationMenuProvider.AutomationMenuProvider, {
+      value: contextValue
+    }, children());
+  });
+};

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationMenuProvider.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutomationMenuProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AutomationMenuContext = require("./AutomationMenuContext");
+// This is another layer on top of the AFE ManualRulesContainer.
+
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+var AutomationMenuProvider = exports.AutomationMenuProvider = function AutomationMenuProvider(_ref) {
+  var children = _ref.children,
+    value = _ref.value;
+  return /*#__PURE__*/_react.default.createElement(_AutomationMenuContext.AutomationMenuContext.Provider, {
+    value: value
+  }, children);
+};

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/AutomationProviderProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,83 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.useAutomationMenu = exports.AutomationMenuContextContainer = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _manualTriggersContainer = require("../../manual-triggers-container");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // This is another layer on top of the AFE ManualRulesContainer.
-// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
-// This container provides an automation context to all children components through the useAutomationMenu hook.
-var AutomationMenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var AutomationMenuProvider = function AutomationMenuProvider(_ref) {
-  var children = _ref.children,
-    value = _ref.value;
-  return /*#__PURE__*/_react.default.createElement(AutomationMenuContext.Provider, {
-    value: value
-  }, children);
-};
-
-// Hook that can be used anywhere under the AutomationMenuContextContainer to access the AutomationMenuContext values
-var useAutomationMenu = exports.useAutomationMenu = function useAutomationMenu() {
-  var context = (0, _react.useContext)(AutomationMenuContext);
-  if (context === undefined) {
-    throw new Error('useAutomationMenu must be used within a AutomationMenuProvider');
-  }
-  return context;
-};
-var AutomationMenuContextContainer = exports.AutomationMenuContextContainer = function AutomationMenuContextContainer(_ref2) {
-  var baseAutomationUrl = _ref2.baseAutomationUrl,
-    analyticsSource = _ref2.analyticsSource,
-    objectAri = _ref2.objectAri,
-    siteAri = _ref2.siteAri,
-    canManageAutomation = _ref2.canManageAutomation,
-    children = _ref2.children,
-    emptyStateDescription = _ref2.emptyStateDescription,
-    emptyStateAdminDescription = _ref2.emptyStateAdminDescription,
-    _onRuleInvocationSuccess = _ref2.onRuleInvocationSuccess,
-    _onRuleInvocationFailure = _ref2.onRuleInvocationFailure,
-    onRuleInvocationLifecycleDone = _ref2.onRuleInvocationLifecycleDone;
-  var _useState = (0, _react.useState)('NONE'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    ruleExecutionState = _useState2[0],
-    setRuleExecutionState = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_manualTriggersContainer.ManualRulesContainer, {
-    site: siteAri,
-    query: {
-      objects: [objectAri]
-    },
-    onRuleInvocationLifecycleStarted: function onRuleInvocationLifecycleStarted() {
-      setRuleExecutionState('NONE');
-    },
-    onRuleInvocationLifecycleDone: onRuleInvocationLifecycleDone,
-    onRuleInvocationSuccess: function onRuleInvocationSuccess() {
-      setRuleExecutionState('SUCCEED');
-      _onRuleInvocationSuccess === null || _onRuleInvocationSuccess === void 0 || _onRuleInvocationSuccess();
-    },
-    onRuleInvocationFailure: function onRuleInvocationFailure() {
-      setRuleExecutionState('FAILURE');
-      _onRuleInvocationFailure === null || _onRuleInvocationFailure === void 0 || _onRuleInvocationFailure();
-    }
-  }, function (props) {
-    var contextValue = _objectSpread(_objectSpread({}, props), {}, {
-      fetchError: props.error,
-      analyticsSource: analyticsSource,
-      objectAri: objectAri,
-      baseAutomationUrl: baseAutomationUrl,
-      canManageAutomation: canManageAutomation,
-      emptyStateDescription: emptyStateDescription,
-      emptyStateAdminDescription: emptyStateAdminDescription,
-      ruleExecutionState: ruleExecutionState
-    });
-    return /*#__PURE__*/_react.default.createElement(AutomationMenuProvider, {
-      value: contextValue
-    }, children());
-  });
-};
+});

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/menu-context/useAutomationMenu.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAutomationMenu = void 0;
+var _react = require("react");
+var _AutomationMenuContext = require("./AutomationMenuContext");
+// This is another layer on top of the AFE ManualRulesContainer.
+// It is necessary that this container wraps the entire "automation" component and not nested. Else the user input form will not render correctly.
+// This container provides an automation context to all children components through the useAutomationMenu hook.
+
+// Hook that can be used anywhere under the AutomationMenuContextContainer to access the AutomationMenuContext values
+var useAutomationMenu = exports.useAutomationMenu = function useAutomationMenu() {
+  var context = (0, _react.useContext)(_AutomationMenuContext.AutomationMenuContext);
+  if (context === undefined) {
+    throw new Error('useAutomationMenu must be used within a AutomationMenuProvider');
+  }
+  return context;
+};

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

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AutomationModalBody = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 var _errorState = require("../error-state");
 var _ruleList = require("../rule-list");
-var _skeleton = require("../skeleton");
+var _main = require("../skeleton/main");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var AutomationModalBody = exports.AutomationModalBody = function AutomationModalBody(_ref) {
   var selectedRule = _ref.selectedRule,
     setSelectedRule = _ref.setSelectedRule;
-  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     triggerFetch = _useAutomationMenu.triggerFetch,
     initialised = _useAutomationMenu.initialised,
     rules = _useAutomationMenu.rules,
@@ -25,7 +25,7 @@ var AutomationModalBody = exports.AutomationModalBody = function AutomationModal
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (!initialised) {
-    return /*#__PURE__*/_react.default.createElement(_skeleton.Skeleton, {
+    return /*#__PURE__*/_react.default.createElement(_main.Skeleton, {
       lineCount: 10
     });
   } else if (fetchError && rules.length === 0) {

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

@@ -14,7 +14,7 @@ var _reactIntl = require("react-intl");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _link = _interopRequireDefault(require("@atlaskit/link/link"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 var _emptyIcon = _interopRequireDefault(require("./empty-icon"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -49,7 +49,7 @@ var AutomationModalEmptyState = exports.AutomationModalEmptyState = function Aut
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     canManageAutomation = _useAutomationMenu.canManageAutomation,
     analyticsSource = _useAutomationMenu.analyticsSource,
     emptyStateDescription = _useAutomationMenu.emptyStateDescription,

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

@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   messageStyling: "_195g1ejb _19pku2gc _otyrx0bf"
@@ -31,7 +31,7 @@ var i18n = (0, _reactIntl.defineMessages)({
   }
 });
 var AutomationModalExecutionState = exports.AutomationModalExecutionState = function AutomationModalExecutionState() {
-  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     ruleExecutionState = _useAutomationMenu.ruleExecutionState;
   if (ruleExecutionState === 'FAILURE') {
     return /*#__PURE__*/React.createElement(_compiled.Box, {

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

@@ -10,7 +10,7 @@ var _reactIntl = require("react-intl");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _link = _interopRequireDefault(require("@atlaskit/button/link"));
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 var i18n = (0, _reactIntl.defineMessages)({
   modalFooterCancelButton: {
     id: 'automation-menu.modal.footer.cancel-button',
@@ -38,7 +38,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
     onClose = _ref.onClose;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     canManageAutomation = _useAutomationMenu.canManageAutomation,
     objectAri = _useAutomationMenu.objectAri,
     initialised = _useAutomationMenu.initialised,

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

@@ -16,7 +16,7 @@ var _automation = _interopRequireDefault(require("@atlaskit/icon/core/automation
 var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
 var _hooks = require("@atlaskit/modal-dialog/hooks");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   iconStyle: "_2rko12b0 _18zr1b66 _1rjcv77o _2hwxutpp",
@@ -34,7 +34,7 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
     modalDescription = _ref.modalDescription;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     initialised = _useAutomationMenu.initialised,
     rules = _useAutomationMenu.rules;
   var _useModal = (0, _hooks.useModal)(),

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

@@ -14,7 +14,7 @@ var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents"
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   ruleButtonStyle: "_2rko12b0 _1h6d1l7x _1dqonqa1 _189ee4h9",
@@ -27,7 +27,7 @@ var AutomationModalRule = exports.AutomationModalRule = function AutomationModal
     setSelectedRule = _ref.setSelectedRule;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var _useAutomationMenu = (0, _menuContext.useAutomationMenu)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     analyticsSource = _useAutomationMenu.analyticsSource,
     invokingRuleId = _useAutomationMenu.invokingRuleId;
   var isSelectedRule = (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id) === rule.id;

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

@@ -8,13 +8,13 @@ exports.AutomationModalRuleList = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _menuContext = require("../../menu-context");
+var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 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)(),
+  var _useAutomationMenu = (0, _useAutomationMenu2.useAutomationMenu)(),
     rules = _useAutomationMenu.rules;
   if (rules.length === 0) {
     return /*#__PURE__*/_react.default.createElement(_emptyState.AutomationModalEmptyState, null);

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

@@ -14,8 +14,8 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _modal = require("../../../../../state/modal");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
+var _useSmartLinkModal = require("../../../../../state/modal/useSmartLinkModal");
 var _action = _interopRequireDefault(require("../action"));
 var _utils = require("./utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -28,9 +28,9 @@ var AutomationAction = function AutomationAction(props) {
   var _context$actions;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var modal = (0, _modal.useSmartLinkModal)();
+  var modal = (0, _useSmartLinkModal.useSmartLinkModal)();
   var onClickCallback = props.onClick;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.AutomationAction];

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

@@ -17,7 +17,7 @@ var _reactIntl = require("react-intl");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
 var _action = _interopRequireDefault(require("../action"));
 var _excluded = ["onClick"];
@@ -29,7 +29,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
   var onClickCallback = _ref.onClick,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var intl = (0, _reactIntl.useIntl)();
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var invoke = (0, _useInvokeClientAction.default)({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.CopyLinkAction];
   var _useState = (0, _react.useState)(_messages.messages.copy_url_to_clipboard),