@bigbinary/neeto-rules-frontend 1.2.0-beta3 → 2.0.1

package/README.md

@@ -165,12 +165,13 @@ The `NeetoRules` component is used to add the dashboard for automation rules.
     - `onSuccess`: Object for handling delete rule success callback.
         - `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. (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. (Optional)
-
+11. `headerProps`: Props for the header component. Refer [Header component doc](https://neeto-molecules.neeto.com/?path=/docs/layouts-header--docs).
 #### 2. `NeetoRulesForm`
 
 <div align="center">

package/app/javascript/src/translations/en.json

@@ -324,7 +324,7 @@
       "title": "Delete automation rule?"
     },
     "noData": {
-      "title": "There are no automation rule to show",
+      "title": "There are no automation rules to show",
       "helpText": "Here is how you can use <a>automation rules.</a>"
     },
     "tooltips": {

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');
@@ -33,8 +33,14 @@ var i18next = require('i18next');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Switch = require('@bigbinary/neetoui/Switch');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
 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 +53,18 @@ 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 Tooltip = require('@bigbinary/neetoui/Tooltip');
+var Eye = require('@bigbinary/neeto-icons/Eye');
 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,13 @@ 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 Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+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 +125,16 @@ 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 Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var Eye__default = /*#__PURE__*/_interopDefaultLegacy(Eye);
 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";
@@ -334,13 +355,14 @@ var Header = function Header(_ref) {
     helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
     setIsReorderPaneOpen = _ref.setIsReorderPaneOpen,
     hasUnfilteredRules = _ref.hasUnfilteredRules,
-    allowReordering = _ref.allowReordering;
+    allowReordering = _ref.allowReordering,
+    headerProps = _ref.headerProps;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], _objectSpread$s({
     breadcrumbs: breadcrumbs,
     actionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [hasUnfilteredRules && allowReordering && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
@@ -371,7 +393,7 @@ var Header = function Header(_ref) {
         title: t("neetoRules.common.title")
       }, helpPopoverProps))]
     })
-  });
+  }, headerProps));
 };
 var Header$1 = /*#__PURE__*/React__default["default"].memo(Header);
 
@@ -9476,7 +9498,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 +9594,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 +9699,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), {}, {
@@ -9701,6 +9724,9 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
     onClick: function onClick() {
       return onClone(rule.id);
     }
+  }, {
+    key: "divider",
+    type: "divider"
   }, {
     key: "delete",
     "data-test-id": "automation-rules-delete-link",
@@ -9709,6 +9735,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,
@@ -9761,10 +9793,17 @@ var getColumnData = function getColumnData(_ref3) {
     key: "description",
     width: 390,
     render: function render(description) {
-      return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        className: "whitespace-pre-line break-words",
+      return neetoCist.isPresent(description) ? /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+        content: description,
+        position: "bottom",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "line-clamp-2 whitespace-pre-line",
+          style: "body2",
+          children: description
+        })
+      }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
         style: "body2",
-        children: description
+        children: "-"
       });
     }
   }, {
@@ -9821,7 +9860,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;
@@ -9886,7 +9927,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"], {});
@@ -9965,7 +10007,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,
@@ -9978,7 +10020,9 @@ var NeetoRules = function NeetoRules(_ref) {
     deleteRule = _ref.deleteRule,
     cloneRule = _ref.cloneRule,
     updateRule = _ref.updateRule,
-    reorderRules = _ref.reorderRules;
+    reorderRules = _ref.reorderRules,
+    _ref$headerProps = _ref.headerProps,
+    headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     isReorderPaneOpen = _useState2[0],
@@ -10012,6 +10056,7 @@ var NeetoRules = function NeetoRules(_ref) {
       automationRulesPath: automationRulesPath,
       breadcrumbs: breadcrumbs,
       hasUnfilteredRules: hasUnfilteredRules,
+      headerProps: headerProps,
       helpPopoverProps: helpPopoverProps,
       setIsReorderPaneOpen: setIsReorderPaneOpen
     }), /*#__PURE__*/jsxRuntime.jsx(RulesTable, _objectSpread$m(_objectSpread$m({}, _objectSpread$m({
@@ -10023,6 +10068,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,
@@ -10283,7 +10329,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() {
@@ -10547,7 +10593,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) {
@@ -10791,7 +10837,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);
@@ -10807,7 +10853,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() {
@@ -11081,7 +11127,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;
@@ -11190,14 +11236,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
@@ -11288,7 +11334,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() {
@@ -11317,7 +11363,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",
@@ -11445,7 +11491,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);
@@ -19261,7 +19307,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
     })
   }));
@@ -19293,7 +19339,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
     })
@@ -20203,7 +20249,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);
@@ -20216,7 +20262,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() {
@@ -20317,7 +20363,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: {
@@ -20329,7 +20375,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: {
@@ -20341,7 +20387,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: {
@@ -20460,7 +20506,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);
@@ -20476,7 +20522,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"
             }),
@@ -20584,7 +20630,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);
@@ -20600,7 +20646,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() {
@@ -20648,7 +20694,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) {
@@ -20762,7 +20808,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);
@@ -21335,7 +21381,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) {
@@ -21600,7 +21646,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: {
@@ -21612,7 +21658,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: {
@@ -21637,7 +21683,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() {
@@ -21773,7 +21819,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);
@@ -21790,7 +21836,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"
               }),
@@ -21961,7 +22007,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);
@@ -22057,7 +22103,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
@@ -22179,7 +22225,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);
@@ -22295,7 +22341,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);
@@ -22308,7 +22354,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"
               }),
@@ -22439,7 +22485,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: {
@@ -22451,7 +22497,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: {
@@ -22770,7 +22816,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")
         }
@@ -23119,7 +23165,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"),
@@ -23234,7 +23280,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"),