@bigbinary/neeto-payments-frontend 3.2.1 → 3.2.2

package/dist/cjs/SplitTransfersDashboard.js

@@ -73,15 +73,15 @@ var list = function list(payload) {
 var show = function show(id) {
   return axios.get("".concat(constants.BASE_URL, "/api/v1/split_transfers/").concat(id));
 };
-var bulkCancellation = function bulkCancellation(payload) {
-  return axios.post("".concat(constants.BASE_URL, "/api/v1/split_transfers/bulk_cancellation"), {
+var bulkUpdate = function bulkUpdate(payload) {
+  return axios.post("".concat(constants.BASE_URL, "/api/v1/split_transfers/bulk_update"), {
     splitTransfer: payload
   });
 };
 var splitTransfersApi = {
   list: list,
   show: show,
-  bulkCancellation: bulkCancellation
+  bulkUpdate: bulkUpdate
 };
 
 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; }
@@ -104,8 +104,8 @@ var useShowSplitTransfers = function useShowSplitTransfers(id, options) {
     }
   }, options));
 };
-var useBulkCancellationSplitTransfers = function useBulkCancellationSplitTransfers(options) {
-  return reactUtils.useMutationWithInvalidation(splitTransfersApi.bulkCancellation, _objectSpread$2({
+var useBulkUpdateSplitTransfers = function useBulkUpdateSplitTransfers(options) {
+  return reactUtils.useMutationWithInvalidation(splitTransfersApi.bulkUpdate, _objectSpread$2({
     keysToInvalidate: [queryConstants.QUERY_KEYS.SPLIT_TRANSFERS_LISTw]
   }, options));
 };
@@ -138,18 +138,18 @@ var INITIAL_TRANSFER_DETAILS = {
   isPaneOpen: false
 };
 var VALIDATION_SCHEMA = yup__namespace.object().shape({
-  cancellationReason: yup__namespace.string().required(i18next.t("neetoPayments.cancelSplitTransfers.cancellationReasonRequired"))
+  reason: yup__namespace.string().required(i18next.t("neetoPayments.cancelSplitTransfers.reasonRequired"))
 });
 
 var CancelModal = function CancelModal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
-    handleSplitTransfersCancellation = _ref.handleSplitTransfersCancellation;
+    handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var handleSubmit = function handleSubmit(_ref2) {
-    var cancellationReason = _ref2.cancellationReason;
-    handleSplitTransfersCancellation(cancellationReason);
+    var reason = _ref2.reason;
+    handleSplitTransfersUpdate("cancelled", reason);
   };
   return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
     isOpen: isOpen,
@@ -164,7 +164,7 @@ var CancelModal = function CancelModal(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(Form, {
       formikProps: {
         initialValues: {
-          cancellationReason: ""
+          reason: ""
         },
         validationSchema: VALIDATION_SCHEMA,
         onSubmit: handleSubmit
@@ -175,8 +175,8 @@ var CancelModal = function CancelModal(_ref) {
             className: "flex flex-col space-y-4",
             children: /*#__PURE__*/jsxRuntime.jsx(Textarea, {
               required: true,
-              name: "cancellationReason",
-              label: t("neetoPayments.cancelSplitTransfers.modal.cancelReason")
+              label: t("neetoPayments.cancelSplitTransfers.modal.reason"),
+              name: "reason"
             })
           })
         }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
@@ -682,17 +682,17 @@ var List = function List(_ref) {
     hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
   var splitTransfersCount = views[tab];
   var getRowSelection = function getRowSelection() {
-    if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.pending) return true;
+    if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.successful) return false;
     if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) {
       return {
         getCheckboxProps: function getCheckboxProps(record) {
           return {
-            disabled: record.status !== SPLIT_TRANSFERS_DASHBOARD_TAB.pending
+            disabled: record.status === SPLIT_TRANSFERS_DASHBOARD_TAB.successful
           };
         }
       };
     }
-    return false;
+    return true;
   };
   var visibleColumns = buildTableColumns({
     tab: tab,
@@ -764,13 +764,71 @@ var List = function List(_ref) {
   });
 };
 
+var ResumeModal = function ResumeModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleSubmit = function handleSubmit(_ref2) {
+    var reason = _ref2.reason;
+    handleSplitTransfersUpdate("pending", reason);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h2",
+        weight: "medium",
+        children: t("neetoPayments.resumeSplitTransfers.modal.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+      formikProps: {
+        initialValues: {
+          reason: ""
+        },
+        validationSchema: VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-col space-y-4",
+            children: /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+              required: true,
+              label: t("neetoPayments.resumeSplitTransfers.modal.reason"),
+              name: "reason"
+            })
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+            position: "right",
+            cancelButtonProps: {
+              onClick: onClose,
+              style: "tertiary"
+            },
+            submitButtonProps: {
+              disabled: false,
+              label: t("neetoPayments.common.submit")
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
+
 var Menu = Dropdown.Menu,
   MenuItem = Dropdown.MenuItem;
 var TopSection = function TopSection(_ref) {
   var views = _ref.views,
     filters = _ref.filters,
     setIsCancelModalOpen = _ref.setIsCancelModalOpen,
+    setIsResumeModalOpen = _ref.setIsResumeModalOpen,
     selectedRows = _ref.selectedRows,
+    selectedRowData = _ref.selectedRowData,
     setFilters = _ref.setFilters,
     hasBulkSelectedAllRows = _ref.hasBulkSelectedAllRows,
     filterableColumns = _ref.filterableColumns,
@@ -791,6 +849,12 @@ var TopSection = function TopSection(_ref) {
   var splitTransfersCountVisible = splitTransfersCount > 0;
   var isFilterButtonVisible = splitTransfersCount || neetoCist.isPresent(filters);
   var isDropdownVisible = neetoCist.isNotEmpty(selectedRows);
+  var isCancelButtonDisabled = neetoCist.existsBy({
+    status: SPLIT_TRANSFERS_DASHBOARD_TAB.cancelled
+  }, selectedRowData);
+  var isResumeButtonDisabled = neetoCist.existsBy({
+    status: SPLIT_TRANSFERS_DASHBOARD_TAB.pending
+  }, selectedRowData);
   var selectedRecordsCount = hasBulkSelectedAllRows ? splitTransfersCount : selectedRows.length;
   var handleFiltersChange = function handleFiltersChange(filters) {
     React.startTransition(function () {
@@ -846,17 +910,32 @@ var TopSection = function TopSection(_ref) {
                 recordsCount: splitTransfersCount
               }
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
+          }), /*#__PURE__*/jsxRuntime.jsxs(Dropdown, {
             buttonStyle: "secondary",
             label: t("neetoPayments.common.takeAction"),
-            children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Menu, {
               children: /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+                isDisabled: isCancelButtonDisabled,
+                tooltipProps: isCancelButtonDisabled ? {
+                  content: t("neetoPayments.tooltipContent.splitTransfers.cancelledRecordsSelected")
+                } : "",
                 onClick: function onClick() {
                   return setIsCancelModalOpen(true);
                 },
                 children: t("neetoPayments.common.cancel")
               })
-            })
+            }), /*#__PURE__*/jsxRuntime.jsx(Menu, {
+              children: /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+                isDisabled: isResumeButtonDisabled,
+                tooltipProps: isResumeButtonDisabled ? {
+                  content: t("neetoPayments.tooltipContent.splitTransfers.pendingRecordsSelected")
+                } : "",
+                onClick: function onClick() {
+                  return setIsResumeModalOpen(true);
+                },
+                children: t("neetoPayments.common.resume")
+              })
+            })]
           })]
         }) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-gray-800 mr-2 font-semibold",
@@ -925,20 +1004,24 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
     setIsCancelModalOpen = _useState8[1];
   var _useState9 = React.useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    hasBulkSelectedAllRows = _useState10[0],
-    setHasBulkSelectedAllRows = _useState10[1];
-  var _useState11 = React.useState(constants.DEFAULT_SORT_PROPERTIES),
+    isResumeModalOpen = _useState10[0],
+    setIsResumeModalOpen = _useState10[1];
+  var _useState11 = React.useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    sortProperties = _useState12[0],
-    setSortProperties = _useState12[1];
-  var _useState13 = React.useState(constants.DEFAULT_PAGE_VALUES),
+    hasBulkSelectedAllRows = _useState12[0],
+    setHasBulkSelectedAllRows = _useState12[1];
+  var _useState13 = React.useState(constants.DEFAULT_SORT_PROPERTIES),
     _useState14 = _slicedToArray(_useState13, 2),
-    pageProperties = _useState14[0],
-    setPageProperties = _useState14[1];
-  var _useState15 = React.useState(utils$1.buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    sortProperties = _useState14[0],
+    setSortProperties = _useState14[1];
+  var _useState15 = React.useState(constants.DEFAULT_PAGE_VALUES),
     _useState16 = _slicedToArray(_useState15, 2),
-    filters = _useState16[0],
-    setFilters = _useState16[1];
+    pageProperties = _useState16[0],
+    setPageProperties = _useState16[1];
+  var _useState17 = React.useState(utils$1.buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    _useState18 = _slicedToArray(_useState17, 2),
+    filters = _useState18[0],
+    setFilters = _useState18[1];
   var history = reactRouterDom.useHistory();
   var _getQueryParams2 = utils.getQueryParams(),
     _getQueryParams2$tab = _getQueryParams2.tab,
@@ -954,22 +1037,24 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
     views = _useFetchSplitTransfe3.views,
     isFetching = _useFetchSplitTransfe.isFetching,
     isSplitTransfersLoading = _useFetchSplitTransfe.isPending;
-  var _useBulkCancellationS = useBulkCancellationSplitTransfers({
+  var _useBulkUpdateSplitTr = useBulkUpdateSplitTransfers({
       onSuccess: function onSuccess() {
         setSelectedRowData([]);
         setSelectedRows([]);
       }
     }),
-    cancelSplitTransfers = _useBulkCancellationS.mutate,
-    isCancelling = _useBulkCancellationS.isPending;
-  var handleSplitTransfersCancellation = function handleSplitTransfersCancellation(cancellationReason) {
+    updateSplitTransfers = _useBulkUpdateSplitTr.mutate,
+    isCancelling = _useBulkUpdateSplitTr.isPending;
+  var handleSplitTransfersUpdate = function handleSplitTransfersUpdate(status, reason) {
     var ids = ramda.pluck("id", selectedRowData);
-    cancelSplitTransfers({
+    updateSplitTransfers({
       ids: ids,
-      cancellationReason: cancellationReason,
+      status: status,
+      reason: reason,
       isApplyChangesToAllRequired: hasBulkSelectedAllRows
     });
     setIsCancelModalOpen(false);
+    setIsResumeModalOpen(false);
   };
   var handleTablePagination = function handleTablePagination(page, pageSize) {
     var queryParams = utils.getQueryParams({
@@ -991,6 +1076,8 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
   React.useEffect(function () {
     handleTablePagination(constants$1.DEFAULT_PAGE_INDEX, constants$1.DEFAULT_PAGE_SIZE);
     setSortProperties(constants.DEFAULT_SORT_PROPERTIES);
+    setSelectedRowData([]);
+    setSelectedRows([]);
   }, [filters, tab]);
   if (isSplitTransfersLoading || isCancelling) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -1006,10 +1093,12 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
       pageProperties: pageProperties,
       payableEntityColumns: payableEntityColumns,
       searchKeywordProps: searchKeywordProps,
+      selectedRowData: selectedRowData,
       selectedRows: selectedRows,
       setFilters: setFilters,
       setIsCancelModalOpen: setIsCancelModalOpen,
       setIsExportModalOpen: setIsExportModalOpen,
+      setIsResumeModalOpen: setIsResumeModalOpen,
       setPageProperties: setPageProperties,
       setSortProperties: setSortProperties,
       views: views
@@ -1032,11 +1121,17 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
       sortProperties: sortProperties,
       dashboardKind: constants.DASHBOARD_KIND.splitTransfers
     }), /*#__PURE__*/jsxRuntime.jsx(CancelModal, {
-      handleSplitTransfersCancellation: handleSplitTransfersCancellation,
+      handleSplitTransfersUpdate: handleSplitTransfersUpdate,
       isOpen: isCancelModalOpen,
       onClose: function onClose() {
         return setIsCancelModalOpen(false);
       }
+    }), /*#__PURE__*/jsxRuntime.jsx(ResumeModal, {
+      handleSplitTransfersUpdate: handleSplitTransfersUpdate,
+      isOpen: isResumeModalOpen,
+      onClose: function onClose() {
+        return setIsResumeModalOpen(false);
+      }
     })]
   });
 };