@bigbinary/neeto-rules-frontend 2.5.1 → 2.5.2

package/dist/cjs/NeetoRules.js

@@ -10,11 +10,11 @@ var Container = require('@bigbinary/neeto-molecules/Container');
 var reactQuery = require('@tanstack/react-query');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var axios = require('axios');
-var constants = require('../constants-2f1113f8.js');
+var constants = require('../index-DFwPrb81.js');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var Button = require('@bigbinary/neetoui/Button');
-var utils = require('../utils-cd8f199f.js');
+var utils = require('../utils-BngEaPaz.js');
 var jsxRuntime = require('react/jsx-runtime');
 var dnd = require('@hello-pangea/dnd');
 var Reorder = require('@bigbinary/neeto-icons/Reorder');
@@ -30,7 +30,7 @@ var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Table = require('@bigbinary/neetoui/Table');
 var NoData = require('@bigbinary/neetoui/NoData');
-var useUtilityStore = require('../useUtilityStore-e4b36ba2.js');
+var useUtilityStore = require('../useUtilityStore-BGuo9bko.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var i18next = require('i18next');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
@@ -39,35 +39,11 @@ var Switch = require('@bigbinary/neetoui/Switch');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 require('zustand');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
-var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Reorder__default = /*#__PURE__*/_interopDefaultLegacy(Reorder);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
-var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
-var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-
 var _excluded$1 = ["url"];
 var fetch = function fetch(_ref) {
   var url = _ref.url,
-    params = _objectWithoutProperties__default["default"](_ref, _excluded$1);
-  return axios__default["default"].get(url, {
+    params = _objectWithoutProperties(_ref, _excluded$1);
+  return axios.get(url, {
     params: params
   });
 };
@@ -75,22 +51,22 @@ var update = function update(_ref2) {
   var url = _ref2.url,
     id = _ref2.id,
     payload = _ref2.payload;
-  return axios__default["default"].patch("".concat(url, "/").concat(id), payload);
+  return axios.patch("".concat(url, "/").concat(id), payload);
 };
 var clone = function clone(_ref3) {
   var url = _ref3.url,
     id = _ref3.id;
-  return axios__default["default"].post("".concat(url, "/").concat(id, "/clone"));
+  return axios.post("".concat(url, "/").concat(id, "/clone"));
 };
 var destroy = function destroy(_ref4) {
   var url = _ref4.url,
     id = _ref4.id;
-  return axios__default["default"]["delete"]("".concat(url, "/").concat(id));
+  return axios["delete"]("".concat(url, "/").concat(id));
 };
 var reorder = function reorder(_ref5) {
   var url = _ref5.url,
     payload = _ref5.payload;
-  return axios__default["default"].patch("".concat(url, "/reorder"), payload);
+  return axios.patch("".concat(url, "/reorder"), payload);
 };
 var automationRulesApi = {
   fetch: fetch,
@@ -101,7 +77,7 @@ var automationRulesApi = {
 };
 
 function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchAutomationRules = function useFetchAutomationRules(params) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery(_objectSpread$7({
@@ -143,7 +119,7 @@ var INITIAL_RULES_DATA = {
 };
 
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header = reactUtils.withT(function (_ref) {
   var breadcrumbs = _ref.breadcrumbs,
     automationRulesPath = _ref.automationRulesPath,
@@ -152,9 +128,9 @@ var Header = reactUtils.withT(function (_ref) {
     hasUnfilteredRules = _ref.hasUnfilteredRules,
     headerProps = _ref.headerProps,
     t = _ref.t;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], _objectSpread$6({
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, _objectSpread$6({
     breadcrumbs: breadcrumbs,
-    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
       className: "hover:neeto-ui-text-white hover:no-underline",
       "data-cy": "settings-automation-new-rule-button",
       "data-test-id": "settings-automation-new-rule-button",
@@ -168,7 +144,7 @@ var Header = reactUtils.withT(function (_ref) {
     },
     title: /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: "flex",
-      children: [t("neetoRules.common.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], _objectSpread$6({
+      children: [t("neetoRules.common.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$6({
         className: "ml-2 self-center",
         description: t("neetoRules.helpText.description"),
         title: t("neetoRules.common.title")
@@ -179,7 +155,7 @@ var Header = reactUtils.withT(function (_ref) {
 var Header$1 = /*#__PURE__*/react.memo(Header);
 
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var reorderList = function reorderList(_ref) {
   var endIndex = _ref.endIndex,
     firstDisplayOrder = _ref.firstDisplayOrder,
@@ -187,7 +163,7 @@ var reorderList = function reorderList(_ref) {
     startIndex = _ref.startIndex;
   var result = Array.from(list);
   var _result$splice = result.splice(startIndex, 1),
-    _result$splice2 = _slicedToArray__default["default"](_result$splice, 1),
+    _result$splice2 = _slicedToArray(_result$splice, 1),
     removed = _result$splice2[0];
   result.splice(endIndex, 0, removed);
   return result.map(function (item, index) {
@@ -203,7 +179,7 @@ var getDragItemStyle = function getDragItemStyle(isDragging, draggableStyle) {
 };
 
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DraggableItem = function DraggableItem(props) {
   var rule = props.rule,
     ruleIndex = props.ruleIndex;
@@ -216,7 +192,7 @@ var DraggableItem = function DraggableItem(props) {
         ref: provided.innerRef
       }, provided.draggableProps), provided.dragHandleProps), {}, {
         style: getDragItemStyle(snapshot.isDragging, provided.draggableProps.style),
-        children: [/*#__PURE__*/jsxRuntime.jsx(Reorder__default["default"], {}), /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Reorder, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "neeto-ui-bg-white neeto-ui-border-gray-400 neeto-ui-rounded neeto-ui-shadow-xs flex w-96 items-center space-x-4 border border-solid p-3",
           "data-cy": "automation-rule-reorder-container",
           children: rule.name
@@ -228,7 +204,7 @@ var DraggableItem = function DraggableItem(props) {
 var DraggableItem$1 = reactRouterDom.withRouter(DraggableItem);
 
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RulesReorder = function RulesReorder(_ref) {
   var _rules$0$displayOrder, _rules$;
   var isOpen = _ref.isOpen,
@@ -237,7 +213,7 @@ var RulesReorder = function RulesReorder(_ref) {
     onClose = _ref.onClose,
     onReorderSuccess = _ref.onReorderSuccess;
   var _useState = react.useState([]),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     reorderedRules = _useState2[0],
     setReorderedRules = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -287,26 +263,26 @@ var RulesReorder = function RulesReorder(_ref) {
     setReorderedRules(rules);
   }, [rules]);
   if (isLoading) {
-    return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
+    return /*#__PURE__*/jsxRuntime.jsx(Pane, {
       isOpen: isOpen,
       onClose: onClose,
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex h-full w-full items-center justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h2",
         weight: "semibold",
         children: t("neetoRules.common.reorder")
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Body, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "mb-3",
         style: "body2",
         children: t("neetoRules.description.reorder")
@@ -322,7 +298,7 @@ var RulesReorder = function RulesReorder(_ref) {
                 ref: provided.innerRef
               }, provided.draggableProps), provided.dragHandleProps), {}, {
                 style: getDragItemStyle(snapshot.isDragging, provided.draggableProps.style),
-                children: [/*#__PURE__*/jsxRuntime.jsx(Reorder__default["default"], {}), /*#__PURE__*/jsxRuntime.jsx("div", {
+                children: [/*#__PURE__*/jsxRuntime.jsx(Reorder, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
                   className: "neeto-ui-bg-white neeto-ui-border-gray-400 neeto-ui-rounded neeto-ui-shadow-xs flex w-96 items-center space-x-4 border border-solid p-3",
                   children: /*#__PURE__*/jsxRuntime.jsx("div", {
                     children: reorderedRules[rubric.source.index].name
@@ -345,15 +321,15 @@ var RulesReorder = function RulesReorder(_ref) {
           })
         })
       })]
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Footer, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
       className: "flex items-center gap-x-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
         disabled: isPending || ramda.equals(rules, reorderedRules),
         label: t("neetoRules.common.saveChange"),
         loading: isPending,
         style: "primary",
         onClick: handleReorderSave
-      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
         label: t("neetoRules.buttons.cancel"),
         style: "text",
         onClick: onClose
@@ -372,7 +348,7 @@ var DisableMessage = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     disabledReason = _ref.disabledReason;
   return ramda.isNotNil(disabledReason) && /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
       "class": "text-red-600",
       component: "span",
       style: "body2",
@@ -384,7 +360,7 @@ var DisableMessage = reactUtils.withT(function (_ref) {
 var _excluded = ["onClick"],
   _excluded2 = ["handleChangeStatus", "additionalColumns", "onPreview"];
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
   var rule = _ref.rule,
     onClone = _ref.onClone,
@@ -393,9 +369,9 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
     moreDropdownItems = _ref$moreDropdownItem === void 0 ? [] : _ref$moreDropdownItem,
     automationRulesPath = _ref.automationRulesPath,
     allowCloning = _ref.allowCloning;
-  var defaultOptions = [].concat(_toConsumableArray__default["default"](moreDropdownItems.map(function (_ref2) {
+  var defaultOptions = [].concat(_toConsumableArray(moreDropdownItems.map(function (_ref2) {
     var _onClick = _ref2.onClick,
-      others = _objectWithoutProperties__default["default"](_ref2, _excluded);
+      others = _objectWithoutProperties(_ref2, _excluded);
     return _objectSpread$2(_objectSpread$2({}, others), {}, {
       onClick: function onClick() {
         return _onClick(rule);
@@ -442,7 +418,7 @@ var getColumnData = function getColumnData(_ref3) {
     _ref3$additionalColum = _ref3.additionalColumns,
     additionalColumns = _ref3$additionalColum === void 0 ? [] : _ref3$additionalColum,
     onPreview = _ref3.onPreview,
-    otherProps = _objectWithoutProperties__default["default"](_ref3, _excluded2);
+    otherProps = _objectWithoutProperties(_ref3, _excluded2);
   var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
       return {
         setMoreActionDropdownItems: store["setMoreActionDropdownItems"]
@@ -459,7 +435,7 @@ var getColumnData = function getColumnData(_ref3) {
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center justify-between gap-x-3",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "whitespace-pre-line break-words text-left",
             style: "link",
             onClick: function onClick() {
@@ -469,7 +445,7 @@ var getColumnData = function getColumnData(_ref3) {
               onPreview(rule.id);
             },
             children: name
-          }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
             dropdownProps: {
               strategy: "fixed"
             },
@@ -488,15 +464,15 @@ var getColumnData = function getColumnData(_ref3) {
     key: "description",
     width: 390,
     render: function render(description) {
-      return neetoCist.isPresent(description) ? /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+      return neetoCist.isPresent(description) ? /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
         content: description,
         position: "bottom",
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "line-clamp-2 whitespace-pre-line",
           style: "body2",
           children: description
         })
-      }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "body2",
         children: "-"
       });
@@ -509,7 +485,7 @@ var getColumnData = function getColumnData(_ref3) {
     render: function render(_, rule) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
           checked: rule.status === STATUS_KEYS.ENABLED,
           "data-test-id": "automation-rules-state-switch-row",
           disabled: !!rule.disabledReason,
@@ -519,13 +495,13 @@ var getColumnData = function getColumnData(_ref3) {
         })
       });
     }
-  }].concat(_toConsumableArray__default["default"](additionalColumns));
+  }].concat(_toConsumableArray(additionalColumns));
 };
 var renderNoDataHelpText = function renderNoDataHelpText(helpDocUrl) {
   return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
     i18nKey: "neetoRules.noData.helpText",
     components: {
-      a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      a: /*#__PURE__*/jsxRuntime.jsx(Button, {
         style: "link",
         target: "_blank",
         to: {
@@ -537,7 +513,7 @@ var renderNoDataHelpText = function renderNoDataHelpText(helpDocUrl) {
 };
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RulesTable = function RulesTable(_ref) {
   var url = _ref.url,
     additionalColumns = _ref.additionalColumns,
@@ -566,7 +542,7 @@ var RulesTable = function RulesTable(_ref) {
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedRule = _useState2[0],
     setSelectedRule = _useState2[1];
   var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
@@ -632,21 +608,21 @@ var RulesTable = function RulesTable(_ref) {
   if (isLoading && ramda.isEmpty(rules)) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [hasUnfilteredRules && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
-      leftActionBlock: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [hasUnfilteredRules && /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+      leftActionBlock: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "mr-4 font-semibold",
         style: "h4",
         children: t("neetoRules.common.automationRuleWithCount", {
           count: totalCount
         })
       }),
-      rightActionBlock: hasUnfilteredRules && allowReordering && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      rightActionBlock: hasUnfilteredRules && allowReordering && /*#__PURE__*/jsxRuntime.jsx(Button, {
         disabled: neetoCist.isNotEmpty(searchTerm),
-        icon: Reorder__default["default"],
+        icon: Reorder,
         style: "text",
         tooltipProps: {
           content: t("neetoRules.common.reorder")
@@ -656,9 +632,9 @@ var RulesTable = function RulesTable(_ref) {
         }
       })
     }), neetoCist.isNotEmpty(rules) ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
         hasPagination: totalCount > constants$1.DEFAULT_PAGE_SIZE,
-        children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Table, {
           columnData: columnData,
           totalCount: totalCount,
           fixedHeight: true,
@@ -678,7 +654,7 @@ var RulesTable = function RulesTable(_ref) {
           },
           tableLayout: "fixed"
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
         isOpen: !!selectedRule,
         isSubmitting: isDeleting,
         submitButtonLabel: t("neetoRules.button.delete"),
@@ -703,7 +679,7 @@ var RulesTable = function RulesTable(_ref) {
       })]
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$1({
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$1({
         title: t("neetoRules.noData.title")
       }, ramda.isEmpty(searchTerm) && {
         helpText: helpDocUrl ? renderNoDataHelpText(helpDocUrl) : null,
@@ -717,7 +693,7 @@ var RulesTable = function RulesTable(_ref) {
 };
 
 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) { _defineProperty__default["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; }
+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) { _defineProperty(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; }
 var NeetoRules = function NeetoRules(_ref) {
   var _helpPopoverProps$hel, _cloneRule$allowed, _cloneRule$onSuccess, _deleteRule$onSuccess, _updateRule$onSuccess, _reorderRules$onSucce;
   var breadcrumbs = _ref.breadcrumbs,
@@ -736,12 +712,12 @@ var NeetoRules = function NeetoRules(_ref) {
     _ref$headerProps = _ref.headerProps,
     headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isReorderPaneOpen = _useState2[0],
     setIsReorderPaneOpen = _useState2[1];
   var helpDocUrl = helpPopoverProps === null || helpPopoverProps === void 0 ? void 0 : (_helpPopoverProps$hel = helpPopoverProps.helpLinkProps) === null || _helpPopoverProps$hel === void 0 ? void 0 : _helpPopoverProps$hel.href;
   var _useState3 = react.useState(DEFAULT_INIT_PAGE),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     page = _useState4[0],
     setPage = _useState4[1];
   var _useQueryParams = reactUtils.useQueryParams(),
@@ -760,7 +736,7 @@ var NeetoRules = function NeetoRules(_ref) {
     isLoading = _useFetchAutomationRu.isLoading,
     isFetching = _useFetchAutomationRu.isFetching;
   var hasUnfilteredRules = neetoCist.isPresent(searchTerm) || totalCount > 0;
-  return /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
       automationRulesPath: automationRulesPath,
       breadcrumbs: breadcrumbs,