@bigbinary/neeto-rules-frontend 2.5.12 → 2.5.14

package/dist/cjs/NeetoRules.js

@@ -4,121 +4,43 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
-var constants$1 = require('@bigbinary/neeto-commons-frontend/constants');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 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('../index-DFwPrb81.js');
+var RulesReorder = require('../index-DGlpB-_C.js');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var Button = require('@bigbinary/neetoui/Button');
 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');
-var Pane = require('@bigbinary/neetoui/Pane');
-var Typography = require('@bigbinary/neetoui/Typography');
-var Spinner = require('@bigbinary/neetoui/Spinner');
-var ramda = require('ramda');
-var reactI18next = require('react-i18next');
-var reactRouterDom = require('react-router-dom');
 var shallow = require('zustand/shallow');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Table = require('@bigbinary/neetoui/Table');
+var Typography = require('@bigbinary/neetoui/Typography');
 var NoData = require('@bigbinary/neetoui/NoData');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
 var useUtilityStore = require('../useUtilityStore-BGuo9bko.js');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var i18next = require('i18next');
 var utils$1 = 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');
+require('@hello-pangea/dnd');
+require('@bigbinary/neeto-icons/Reorder');
+require('@bigbinary/neetoui/Pane');
+require('@tanstack/react-query');
+require('axios');
+require('../index-DFwPrb81.js');
+require('react-router-dom');
 require('zustand');
 
-var _excluded$1 = ["url"];
-var fetch = function fetch(_ref) {
-  var url = _ref.url,
-    params = _objectWithoutProperties(_ref, _excluded$1);
-  return axios.get(url, {
-    params: params
-  });
-};
-var update = function update(_ref2) {
-  var url = _ref2.url,
-    id = _ref2.id,
-    payload = _ref2.payload;
-  return axios.patch("".concat(url, "/").concat(id), payload);
-};
-var clone = function clone(_ref3) {
-  var url = _ref3.url,
-    id = _ref3.id;
-  return axios.post("".concat(url, "/").concat(id, "/clone"));
-};
-var destroy = function destroy(_ref4) {
-  var url = _ref4.url,
-    id = _ref4.id;
-  return axios["delete"]("".concat(url, "/").concat(id));
-};
-var reorder = function reorder(_ref5) {
-  var url = _ref5.url,
-    payload = _ref5.payload;
-  return axios.patch("".concat(url, "/reorder"), payload);
-};
-var automationRulesApi = {
-  fetch: fetch,
-  update: update,
-  clone: clone,
-  destroy: destroy,
-  reorder: reorder
-};
-
-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(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({
-    queryKey: [constants.AUTOMATION_RULES, params.url, params],
-    queryFn: function queryFn() {
-      return automationRulesApi.fetch(params);
-    },
-    staleTime: constants.STALE_TIME,
-    select: function select(response) {
-      return response.data || response;
-    },
-    placeholderData: reactQuery.keepPreviousData
-  }, options));
-};
-var useUpdateAutomationRule = function useUpdateAutomationRule(url) {
-  return reactUtils.useMutationWithInvalidation(automationRulesApi.update, {
-    keysToInvalidate: [[constants.AUTOMATION_RULES, url]]
-  });
-};
-var useCloneAutomationRule = function useCloneAutomationRule(url) {
-  return reactUtils.useMutationWithInvalidation(automationRulesApi.clone, {
-    keysToInvalidate: [[constants.AUTOMATION_RULES, url]]
-  });
-};
-var useDeleteAutomationRule = function useDeleteAutomationRule(url) {
-  return reactUtils.useMutationWithInvalidation(automationRulesApi.destroy, {
-    keysToInvalidate: [[constants.AUTOMATION_RULES, url]]
-  });
-};
-var useReorderAutomationRules = function useReorderAutomationRules(url) {
-  return reactUtils.useMutationWithInvalidation(automationRulesApi.reorder, {
-    keysToInvalidate: [[constants.AUTOMATION_RULES, url]]
-  });
-};
-
-var INITIAL_RULES_DATA = {
-  rules: [],
-  totalCount: 0
-};
-
-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(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 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(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 Header = reactUtils.withT(function (_ref) {
   var breadcrumbs = _ref.breadcrumbs,
     automationRulesPath = _ref.automationRulesPath,
@@ -127,7 +49,7 @@ var Header = reactUtils.withT(function (_ref) {
     hasUnfilteredRules = _ref.hasUnfilteredRules,
     headerProps = _ref.headerProps,
     t = _ref.t;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, _objectSpread$6({
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, _objectSpread$3({
     breadcrumbs: breadcrumbs,
     title: t("neetoRules.common.title"),
     actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
@@ -142,7 +64,7 @@ var Header = reactUtils.withT(function (_ref) {
     searchProps: hasUnfilteredRules && {
       placeholder: t("neetoRules.placeholders.searchRules")
     },
-    titleHelpPopoverProps: _objectSpread$6({
+    titleHelpPopoverProps: _objectSpread$3({
       description: t("neetoRules.helpText.description"),
       title: t("neetoRules.common.title")
     }, helpPopoverProps)
@@ -150,190 +72,6 @@ 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(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,
-    list = _ref.list,
-    startIndex = _ref.startIndex;
-  var result = Array.from(list);
-  var _result$splice = result.splice(startIndex, 1),
-    _result$splice2 = _slicedToArray(_result$splice, 1),
-    removed = _result$splice2[0];
-  result.splice(endIndex, 0, removed);
-  return result.map(function (item, index) {
-    return _objectSpread$5(_objectSpread$5({}, item), {}, {
-      displayOrder: firstDisplayOrder + index
-    });
-  });
-};
-var getDragItemStyle = function getDragItemStyle(isDragging, draggableStyle) {
-  return _objectSpread$5(_objectSpread$5({}, draggableStyle), isDragging && {
-    zIndex: 99999
-  });
-};
-
-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(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;
-  return /*#__PURE__*/jsxRuntime.jsx(dnd.Draggable, {
-    draggableId: "item_".concat(rule.id),
-    index: ruleIndex,
-    children: function children(provided, snapshot) {
-      return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$4(_objectSpread$4(_objectSpread$4({
-        className: "neeto-ui-text-gray-800 mb-3 flex items-center space-x-4 font-medium",
-        ref: provided.innerRef
-      }, provided.draggableProps), provided.dragHandleProps), {}, {
-        style: getDragItemStyle(snapshot.isDragging, provided.draggableProps.style),
-        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
-        })]
-      }), "list_".concat(rule.id));
-    }
-  });
-};
-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(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,
-    totalCount = _ref.totalCount,
-    url = _ref.url,
-    onClose = _ref.onClose,
-    onReorderSuccess = _ref.onReorderSuccess;
-  var _useState = react.useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    reorderedRules = _useState2[0],
-    setReorderedRules = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchAutomationRu = useFetchAutomationRules({
-      pageSize: totalCount,
-      url: url
-    }, {
-      enabled: isOpen
-    }),
-    _useFetchAutomationRu2 = _useFetchAutomationRu.data,
-    _useFetchAutomationRu3 = _useFetchAutomationRu2 === void 0 ? INITIAL_RULES_DATA : _useFetchAutomationRu2,
-    rules = _useFetchAutomationRu3.rules,
-    isLoading = _useFetchAutomationRu.isLoading;
-  var _useReorderAutomation = useReorderAutomationRules(url),
-    reOrder = _useReorderAutomation.mutate,
-    isPending = _useReorderAutomation.isPending;
-  var firstDisplayOrder = (_rules$0$displayOrder = (_rules$ = rules[0]) === null || _rules$ === void 0 ? void 0 : _rules$.displayOrder) !== null && _rules$0$displayOrder !== void 0 ? _rules$0$displayOrder : 1;
-  var handleReorderSave = function handleReorderSave() {
-    return reOrder({
-      url: url,
-      payload: {
-        reorder: {
-          rules: reorderedRules
-        }
-      }
-    }, {
-      onSuccess: function onSuccess() {
-        onReorderSuccess === null || onReorderSuccess === void 0 || onReorderSuccess();
-        onClose();
-      }
-    });
-  };
-  var onDragEnd = function onDragEnd(_ref2) {
-    var destination = _ref2.destination,
-      source = _ref2.source;
-    if (!destination || source.index === destination.index) return;
-    var items = reorderList({
-      endIndex: destination.index,
-      firstDisplayOrder: firstDisplayOrder,
-      list: ramda.clone(reorderedRules),
-      startIndex: source.index
-    });
-    setReorderedRules(items);
-  };
-  react.useEffect(function () {
-    setReorderedRules(rules);
-  }, [rules]);
-  if (isLoading) {
-    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, {})
-      })
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
-    isOpen: isOpen,
-    onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        style: "h2",
-        weight: "semibold",
-        children: t("neetoRules.common.reorder")
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Body, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "mb-3",
-        style: "body2",
-        children: t("neetoRules.description.reorder")
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex flex-col items-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(dnd.DragDropContext, {
-          onDragEnd: onDragEnd,
-          children: /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {
-            droppableId: "droppable",
-            renderClone: function renderClone(provided, snapshot, rubric) {
-              return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$3(_objectSpread$3(_objectSpread$3({
-                className: "neeto-ui-text-gray-800 mb-3 flex items-center space-x-4 font-medium",
-                ref: provided.innerRef
-              }, provided.draggableProps), provided.dragHandleProps), {}, {
-                style: getDragItemStyle(snapshot.isDragging, provided.draggableProps.style),
-                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
-                  })
-                })]
-              }), "list_".concat(reorderedRules[rubric.source.index].id));
-            },
-            children: function children(provided) {
-              return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$3(_objectSpread$3({}, provided.droppableProps), {}, {
-                ref: provided.innerRef,
-                children: [reorderedRules.map(function (rule, index) {
-                  return /*#__PURE__*/react.createElement(DraggableItem$1, {
-                    rule: rule,
-                    key: rule.id,
-                    ruleIndex: index
-                  });
-                }), provided.placeholder]
-              }));
-            }
-          })
-        })
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
-      className: "flex items-center gap-x-2",
-      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, {
-        label: t("neetoRules.buttons.cancel"),
-        style: "text",
-        onClick: onClose
-      })]
-    })]
-  });
-};
-
 var STATUS_KEYS = {
   ENABLED: "enabled",
   DISABLED: "disabled"
@@ -551,13 +289,13 @@ var RulesTable = function RulesTable(_ref) {
     hidePreviewPane = _useUtilityStore.hidePreviewPane;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUpdateAutomationR = useUpdateAutomationRule(url),
+  var _useUpdateAutomationR = RulesReorder.useUpdateAutomationRule(url),
     updateRule = _useUpdateAutomationR.mutate,
     isUpdating = _useUpdateAutomationR.isPending;
-  var _useCloneAutomationRu = useCloneAutomationRule(url),
+  var _useCloneAutomationRu = RulesReorder.useCloneAutomationRule(url),
     cloneRule = _useCloneAutomationRu.mutate,
     isCloning = _useCloneAutomationRu.isPending;
-  var _useDeleteAutomationR = useDeleteAutomationRule(url),
+  var _useDeleteAutomationR = RulesReorder.useDeleteAutomationRule(url),
     deleteRule = _useDeleteAutomationR.mutate,
     isDeleting = _useDeleteAutomationR.isPending;
   var handleChangeStatus = function handleChangeStatus(event, id) {
@@ -618,25 +356,22 @@ var RulesTable = function RulesTable(_ref) {
       }),
       rightActionBlock: hasUnfilteredRules && allowReordering && /*#__PURE__*/jsxRuntime.jsx(Button, {
         disabled: neetoCist.isNotEmpty(searchTerm),
-        icon: Reorder,
-        style: "text",
-        tooltipProps: {
-          content: t("neetoRules.common.reorder")
-        },
+        label: t("neetoRules.common.reorder"),
+        style: "secondary",
         onClick: function onClick() {
           return setIsReorderPaneOpen(true);
         }
       })
     }), neetoCist.isNotEmpty(rules) ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
-        hasPagination: totalCount > constants$1.DEFAULT_PAGE_SIZE,
+        hasPagination: totalCount > constants.DEFAULT_PAGE_SIZE,
         children: /*#__PURE__*/jsxRuntime.jsx(Table, {
           columnData: columnData,
           totalCount: totalCount,
           fixedHeight: true,
           allowClick: false,
           currentPageNumber: page,
-          defaultPageSize: constants$1.DEFAULT_PAGE_SIZE,
+          defaultPageSize: constants.DEFAULT_PAGE_SIZE,
           handlePageChange: setPage,
           loading: isUpdating || isCloning || isDeleting || isLoading,
           rowData: rules.map(function (item) {
@@ -719,14 +454,14 @@ var NeetoRules = function NeetoRules(_ref) {
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
-  var _useFetchAutomationRu = useFetchAutomationRules({
+  var _useFetchAutomationRu = RulesReorder.useFetchAutomationRules({
       url: url,
       page: page,
-      pageSize: constants$1.DEFAULT_PAGE_SIZE,
+      pageSize: constants.DEFAULT_PAGE_SIZE,
       searchTerm: searchTerm
     }),
     _useFetchAutomationRu2 = _useFetchAutomationRu.data,
-    _useFetchAutomationRu3 = _useFetchAutomationRu2 === void 0 ? INITIAL_RULES_DATA : _useFetchAutomationRu2,
+    _useFetchAutomationRu3 = _useFetchAutomationRu2 === void 0 ? RulesReorder.INITIAL_RULES_DATA : _useFetchAutomationRu2,
     rules = _useFetchAutomationRu3.rules,
     totalCount = _useFetchAutomationRu3.totalCount,
     isLoading = _useFetchAutomationRu.isLoading,
@@ -756,7 +491,7 @@ var NeetoRules = function NeetoRules(_ref) {
       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,
       onUpdateSuccess: updateRule === null || updateRule === void 0 || (_updateRule$onSuccess = updateRule.onSuccess) === null || _updateRule$onSuccess === void 0 ? void 0 : _updateRule$onSuccess.callback
-    })), allowReordering && !isLoading && /*#__PURE__*/jsxRuntime.jsx(RulesReorder, {
+    })), allowReordering && !isLoading && /*#__PURE__*/jsxRuntime.jsx(RulesReorder.RulesReorder, {
       totalCount: totalCount,
       url: url,
       isOpen: isReorderPaneOpen,