@bigbinary/neeto-rules-frontend 1.2.0-beta2 → 2.0.0

package/README.md

@@ -160,16 +160,17 @@ The `NeetoRules` component is used to add the dashboard for automation rules.
 
 7.  `updateRule`: Object that define methods for update rule operation.
     - `onSuccess`: Object for handling update rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 8. `deleteRule`: Object that define methods for delete rule operation.
     - `onSuccess`: Object for handling delete rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 9. `cloneRule`: Object that define methods for clone rule operation.
+    - `allowed`: To specify if the clone rule should be allowed, default `true`. (Boolean)
     - `onSuccess`: Object for handling clone rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 10. `reoderRules`: Function to be called on reorder success.
     - `onSuccess`: Object for handling reorder rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 
 #### 2. `NeetoRulesForm`
 

package/dist/index.cjs.js

@@ -15,7 +15,7 @@ var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Reorder = require('@bigbinary/neeto-icons/Reorder');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Pagination = require('@bigbinary/neetoui/Pagination');
@@ -34,7 +34,12 @@ var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Switch = require('@bigbinary/neetoui/Switch');
 var formik = require('formik');
+var Plus = require('@bigbinary/neeto-icons/Plus');
+var Delete = require('@bigbinary/neeto-icons/Delete');
+var Refresh = require('@bigbinary/neeto-icons/Refresh');
 var classNames$1 = require('classnames');
+var Check = require('@bigbinary/neeto-icons/Check');
+var Search = require('@bigbinary/neeto-icons/Search');
 var Dropdown$1 = require('@bigbinary/neetoui/Dropdown');
 var Input$2 = require('@bigbinary/neetoui/Input');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
@@ -47,14 +52,19 @@ var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
 var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
 var Input$3 = require('@bigbinary/neetoui/formik/Input');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var Close = require('@bigbinary/neeto-icons/Close');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
 var Tag = require('@bigbinary/neetoui/Tag');
 var yup = require('yup');
 var utils$1 = require('@bigbinary/neeto-editor/utils');
+var Eye = require('@bigbinary/neeto-icons/Eye');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Select$2 = require('@bigbinary/neetoui/formik/Select');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
+var Help = require('@bigbinary/neeto-icons/Help');
+var Down = require('@bigbinary/neeto-icons/Down');
+var Up = require('@bigbinary/neeto-icons/Up');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -84,6 +94,7 @@ var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var Reorder__default = /*#__PURE__*/_interopDefaultLegacy(Reorder);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
@@ -95,7 +106,12 @@ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
 var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
+var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
+var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
+var Refresh__default = /*#__PURE__*/_interopDefaultLegacy(Refresh);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames$1);
+var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
+var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$1);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input$2);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
@@ -108,12 +124,17 @@ var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
 var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
 var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$3);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var Eye__default = /*#__PURE__*/_interopDefaultLegacy(Eye);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$2);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
+var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
+var Up__default = /*#__PURE__*/_interopDefaultLegacy(Up);
 
 function _typeof$3(o) {
   "@babel/helpers - typeof";
@@ -9476,7 +9497,7 @@ var DraggableItem = function DraggableItem(props) {
         }), /*#__PURE__*/jsxRuntime.jsxs("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: [/*#__PURE__*/jsxRuntime.jsx(neetoIcons.Reorder, {}), rule.name]
+          children: [/*#__PURE__*/jsxRuntime.jsx(Reorder__default["default"], {}), rule.name]
         })]
       }), "list_".concat(rule.id));
     }
@@ -9572,7 +9593,7 @@ var RulesReorder = function RulesReorder(_ref) {
                   children: rubric.source.index + 1
                 }), /*#__PURE__*/jsxRuntime.jsxs("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(neetoIcons.Reorder, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
+                  children: [/*#__PURE__*/jsxRuntime.jsx(Reorder__default["default"], {}), /*#__PURE__*/jsxRuntime.jsx("div", {
                     children: initialRules[rubric.source.index].name
                   })]
                 })]
@@ -9677,8 +9698,9 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
     onDelete = _ref.onDelete,
     _ref$moreDropdownItem = _ref.moreDropdownItems,
     moreDropdownItems = _ref$moreDropdownItem === void 0 ? [] : _ref$moreDropdownItem,
-    automationRulesPath = _ref.automationRulesPath;
-  return [].concat(_toConsumableArray$1(moreDropdownItems.map(function (_ref2) {
+    automationRulesPath = _ref.automationRulesPath,
+    allowCloning = _ref.allowCloning;
+  var defaultOptions = [].concat(_toConsumableArray$1(moreDropdownItems.map(function (_ref2) {
     var _onClick = _ref2.onClick,
       others = _objectWithoutProperties$1(_ref2, _excluded$h);
     return _objectSpread$o(_objectSpread$o({}, others), {}, {
@@ -9709,6 +9731,12 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
       return onDelete(rule);
     }
   }]);
+  if (!allowCloning) {
+    return neetoCist.removeBy({
+      key: "clone"
+    }, defaultOptions);
+  }
+  return defaultOptions;
 };
 var getColumnData = function getColumnData(_ref3) {
   var handleChangeStatus = _ref3.handleChangeStatus,
@@ -9821,7 +9849,9 @@ var RulesTable = function RulesTable(_ref) {
     onCloneSuccess = _ref.onCloneSuccess,
     onUpdateSuccess = _ref.onUpdateSuccess,
     page = _ref.page,
-    setPage = _ref.setPage;
+    setPage = _ref.setPage,
+    _ref$allowCloning = _ref.allowCloning,
+    allowCloning = _ref$allowCloning === void 0 ? true : _ref$allowCloning;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
@@ -9858,15 +9888,17 @@ var RulesTable = function RulesTable(_ref) {
       url: url,
       payload: payload
     }, {
-      onSuccess: onUpdateSuccess
+      onSuccess: function onSuccess() {
+        return onUpdateSuccess === null || onUpdateSuccess === void 0 ? void 0 : onUpdateSuccess();
+      }
     });
   };
   var handleCloneSuccess = function handleCloneSuccess() {
-    onCloneSuccess();
+    onCloneSuccess === null || onCloneSuccess === void 0 || onCloneSuccess();
     hidePreviewPane();
   };
   var handleDeleteSuccess = function handleDeleteSuccess() {
-    onDeleteSuccess();
+    onDeleteSuccess === null || onDeleteSuccess === void 0 || onDeleteSuccess();
     hidePreviewPane();
     setSelectedRule(null);
   };
@@ -9884,7 +9916,8 @@ var RulesTable = function RulesTable(_ref) {
     onDelete: setSelectedRule,
     onPreview: onPreview,
     automationRulesPath: automationRulesPath,
-    moreDropdownItems: moreDropdownItems
+    moreDropdownItems: moreDropdownItems,
+    allowCloning: allowCloning
   });
   if (isLoading && ramda.isEmpty(rules)) {
     return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
@@ -9963,7 +9996,7 @@ var RulesTable = function RulesTable(_ref) {
 function ownKeys$n(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$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NeetoRules = function NeetoRules(_ref) {
-  var _helpPopoverProps$hel, _cloneRule$onSuccess, _deleteRule$onSuccess, _updateRule$onSuccess, _reorderRules$onSucce;
+  var _helpPopoverProps$hel, _cloneRule$allowed, _cloneRule$onSuccess, _deleteRule$onSuccess, _updateRule$onSuccess, _reorderRules$onSucce;
   var breadcrumbs = _ref.breadcrumbs,
     automationRulesPath = _ref.automationRulesPath,
     url = _ref.automationRulesEndpoint,
@@ -10021,6 +10054,7 @@ var NeetoRules = function NeetoRules(_ref) {
       totalCount: totalCount,
       url: url
     }, rulesTableProps)), {}, {
+      allowCloning: (_cloneRule$allowed = cloneRule === null || cloneRule === void 0 ? void 0 : cloneRule.allowed) !== null && _cloneRule$allowed !== void 0 ? _cloneRule$allowed : true,
       isLoading: isLoading || isFetching,
       onCloneSuccess: cloneRule === null || cloneRule === void 0 || (_cloneRule$onSuccess = cloneRule.onSuccess) === null || _cloneRule$onSuccess === void 0 ? void 0 : _cloneRule$onSuccess.callback,
       onDeleteSuccess: deleteRule === null || deleteRule === void 0 || (_deleteRule$onSuccess = deleteRule.onSuccess) === null || _deleteRule$onSuccess === void 0 ? void 0 : _deleteRule$onSuccess.callback,
@@ -10281,7 +10315,7 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
               name: "".concat(name, ".").concat(index, ".value"),
               placeholder: t("neetoRules.labels.value"),
               suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-                icon: neetoIcons.Delete,
+                icon: Delete__default["default"],
                 size: "small",
                 style: "text",
                 onClick: function onClick() {
@@ -10545,7 +10579,7 @@ var DateField$1 = function DateField(_ref) {
           // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
           date ? dayjs__default["default"](date).format("YYYY-MM-DD") : "");
         }
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
         className: "cursor-pointer",
         onClick: function onClick() {
           return setShowInput(function (prevState) {
@@ -10789,7 +10823,7 @@ var DropdownField$1 = function DropdownField(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -10805,7 +10839,7 @@ var DropdownField$1 = function DropdownField(_ref) {
               className: classNames__default["default"]({
                 "neeto-ui-bg-gray-100": defaultSelectedOption.value === option.value
               }),
-              suffix: defaultSelectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+              suffix: defaultSelectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
                 className: "neeto-ui-text-primary-800"
               }),
               onClick: function onClick() {
@@ -11079,7 +11113,7 @@ var Input$1 = function Input(_ref) {
       placeholder: t("neetoRules.placeholders.value"),
       ref: inputRef,
       size: "small",
-      suffix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+      suffix: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
         onClick: function onClick() {
           return setShowInput(function (prevState) {
             return !prevState;
@@ -11188,14 +11222,14 @@ var InlineInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
         children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           "data-cy": "inline-input-submit-button",
           disabled: !isValidValue,
-          icon: neetoIcons.Check,
+          icon: Check__default["default"],
           style: "text",
           tooltipProps: LIST_FIELD_TOOLTIP_PROPS.save,
           onClick: onSubmit
         }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           ref: ref,
           "data-cy": "inline-input-cancel-button",
-          icon: neetoIcons.Close,
+          icon: Close__default["default"],
           style: "text",
           tooltipProps: LIST_FIELD_TOOLTIP_PROPS.cancel,
           onClick: handleCancel
@@ -11286,7 +11320,7 @@ var ListField = function ListField(_ref) {
                     }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                       className: "flex-shrink-0",
                       "data-cy": "list-action-delete-item-button",
-                      icon: neetoIcons.Delete,
+                      icon: Delete__default["default"],
                       size: "small",
                       style: "text",
                       onClick: function onClick() {
@@ -11315,7 +11349,7 @@ var ListField = function ListField(_ref) {
                   ref: initialFocusRef
                 }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                   "data-cy": "list-action-add-item-button",
-                  icon: neetoIcons.Plus,
+                  icon: Plus__default["default"],
                   label: t("neetoRules.common.addItem"),
                   ref: initialFocusRef,
                   style: "text",
@@ -11443,7 +11477,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -19259,7 +19293,7 @@ var STYLES = {
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsxRuntime.jsx(components.MultiValueRemove, _objectSpread$h(_objectSpread$h({}, props), {}, {
     innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty$2({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       size: 16
     })
   }));
@@ -19291,7 +19325,7 @@ var ValueContainer = function ValueContainer(_ref) {
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsxRuntime.jsx(components.ClearIndicator, _objectSpread$h(_objectSpread$h({}, props), {}, {
     innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty$2({}, "data-cy", "clear-all-button")),
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       className: "cursor-pointer",
       size: 16
     })
@@ -20201,7 +20235,7 @@ var ActionItem = function ActionItem(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -20214,7 +20248,7 @@ var ActionItem = function ActionItem(_ref) {
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$7.Button, {
               "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-              suffix: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+              suffix: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
                 className: "neeto-ui-text-primary-800"
               }),
               onClick: function onClick() {
@@ -20315,7 +20349,7 @@ var Actions = function Actions(_ref) {
                 className: "-mx-1 flex flex-wrap",
                 children: [handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                   "data-cy": "refresh-slack-button",
-                  icon: neetoIcons.Refresh,
+                  icon: Refresh__default["default"],
                   size: 24,
                   style: "icon",
                   tooltipProps: {
@@ -20327,7 +20361,7 @@ var Actions = function Actions(_ref) {
                   }
                 }), showButton && index === actions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                   "data-cy": "add-action-button",
-                  icon: neetoIcons.Plus,
+                  icon: Plus__default["default"],
                   size: 24,
                   style: "icon",
                   tooltipProps: {
@@ -20339,7 +20373,7 @@ var Actions = function Actions(_ref) {
                   }
                 }), actions.length > 1 && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                   "data-cy": "delete-action-button-".concat(index),
-                  icon: neetoIcons.Delete,
+                  icon: Delete__default["default"],
                   size: 24,
                   style: "icon",
                   tooltipProps: {
@@ -20458,7 +20492,7 @@ var DropdownField = function DropdownField(_ref) {
         className: "mb-1",
         "data-cy": "search-text-field",
         placeholder: t("neetoRules.common.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
         value: searchTerm,
         onChange: function onChange(e) {
           return setSearchTerm(e.target.value);
@@ -20474,7 +20508,7 @@ var DropdownField = function DropdownField(_ref) {
             className: classNames__default["default"]({
               "neeto-ui-bg-gray-100": selectedOption.value === option.value
             }),
-            suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+            suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
               className: "neeto-ui-text-primary-800",
               "data-cy": "check-icon"
             }),
@@ -20582,7 +20616,7 @@ var Dropdown = function Dropdown(_ref) {
         className: "mb-1",
         "data-cy": "search-text-field",
         placeholder: t("neetoRules.common.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
         value: searchTerm,
         onChange: function onChange(e) {
           return setSearchTerm(e.target.value);
@@ -20598,7 +20632,7 @@ var Dropdown = function Dropdown(_ref) {
             className: classNames__default["default"]({
               "neeto-ui-bg-gray-100": (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value
             }),
-            suffix: (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+            suffix: (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
               className: "neeto-ui-text-primary-800"
             }),
             onClick: function onClick() {
@@ -20646,7 +20680,7 @@ var InputField$1 = function InputField(_ref) {
     placeholder: placeholder,
     ref: inputRef,
     size: "small",
-    suffix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+    suffix: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
       className: "cursor-pointer",
       onClick: function onClick() {
         return setShowInput(function (prevState) {
@@ -20760,7 +20794,7 @@ var MultiSelect = function MultiSelect(_ref) {
         className: "mb-1",
         "data-cy": "search-text-field",
         placeholder: t("neetoRules.common.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
         value: searchTerm,
         onChange: function onChange(e) {
           return setSearchTerm(e.target.value);
@@ -21333,7 +21367,7 @@ var DateField = function DateField(_ref) {
         name: "".concat(name, ".value"),
         type: "date",
         onChange: handleOnChange
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
         className: "cursor-pointer",
         onClick: function onClick() {
           return setShowInput(function (prevState) {
@@ -21598,7 +21632,7 @@ var Conditions = function Conditions(_ref) {
               className: "flex",
               children: [index === conditions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                 "data-cy": "add-condition-button",
-                icon: neetoIcons.Plus,
+                icon: Plus__default["default"],
                 size: "small",
                 style: "text",
                 tooltipProps: {
@@ -21610,7 +21644,7 @@ var Conditions = function Conditions(_ref) {
                 }
               }), (allowEmpty || index !== 0) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                 "data-cy": "delete-condition-button-".concat(index),
-                icon: neetoIcons.Delete,
+                icon: Delete__default["default"],
                 size: "small",
                 style: "text",
                 tooltipProps: {
@@ -21635,7 +21669,7 @@ var Conditions = function Conditions(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
             className: "mt-2",
             "data-cy": "preview-callback-button",
-            icon: neetoIcons.Eye,
+            icon: Eye__default["default"],
             label: t("neetoRules.common.preview"),
             style: "secondary",
             onClick: function onClick() {
@@ -21771,7 +21805,7 @@ var Performer$1 = function Performer(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -21788,7 +21822,7 @@ var Performer$1 = function Performer(_ref) {
               className: classNames__default["default"]({
                 "neeto-ui-bg-gray-100": selectedOption.value === option.value
               }),
-              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
                 className: "neeto-ui-text-primary-800",
                 "data-cy": "check-icon"
               }),
@@ -21959,7 +21993,7 @@ var Events$1 = function Events(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -22055,7 +22089,7 @@ var EventConditions = function EventConditions(_ref) {
               "data-cy": "add-condition-button",
               "data-test-id": "automation-rules-add-events-button",
               disabled: isConditionsEmpty,
-              icon: neetoIcons.Plus,
+              icon: Plus__default["default"],
               size: "small",
               style: "text",
               onClick: handleAddCondition
@@ -22177,7 +22211,7 @@ var EventItem = function EventItem(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -22293,7 +22327,7 @@ var Performer = function Performer(_ref) {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Search, {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -22306,7 +22340,7 @@ var Performer = function Performer(_ref) {
               className: classNames__default["default"]({
                 "neeto-ui-bg-gray-100": selectedOption.value === option.value
               }),
-              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
+              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
                 className: "neeto-ui-text-primary-800",
                 "data-cy": "check-icon"
               }),
@@ -22437,7 +22471,7 @@ var Events = function Events(_ref) {
             children: [showAddButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
               "data-cy": "add-event-button",
               "data-test-id": "automation-rules-add-events-button",
-              icon: neetoIcons.Plus,
+              icon: Plus__default["default"],
               size: 32,
               style: "icon",
               tooltipProps: {
@@ -22449,7 +22483,7 @@ var Events = function Events(_ref) {
               }
             }), !showMessage && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
               "data-cy": "delete-event-button",
-              icon: neetoIcons.Delete,
+              icon: Delete__default["default"],
               size: 32,
               style: "icon",
               tooltipProps: {
@@ -22768,7 +22802,7 @@ var Status = function Status() {
     label: t("neetoRules.labels.active"),
     labelProps: {
       helpIconProps: {
-        icon: neetoIcons.Help,
+        icon: Help__default["default"],
         tooltipProps: {
           content: status.value === ENABLED ? t("neetoRules.tooltips.rule.active") : t("neetoRules.tooltips.rule.inactive")
         }
@@ -23117,7 +23151,7 @@ var ActionsDetail = function ActionsDetail(_ref) {
     }), actionsList.length > 4 && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mt-3 w-full",
       children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        icon: !viewMore ? neetoIcons.Down : neetoIcons.Up,
+        icon: !viewMore ? Down__default["default"] : Up__default["default"],
         size: "small",
         style: "link",
         label: !viewMore ? t("neetoRules.common.viewMore") : t("neetoRules.common.viewLess"),
@@ -23232,7 +23266,7 @@ var ConditionsDetail = function ConditionsDetail(_ref) {
     }), conditionsList.length > 3 && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mt-3 w-full",
       children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        icon: !viewMore ? neetoIcons.Down : neetoIcons.Up,
+        icon: !viewMore ? Down__default["default"] : Up__default["default"],
         size: "small",
         style: "link",
         label: !viewMore ? t("neetoRules.common.viewMore") : t("neetoRules.common.viewLess"),