@bigbinary/neeto-payments-frontend 3.2.1 → 3.2.2

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

@@ -74,7 +74,8 @@
       "payoutStatus": "Payout status",
       "searchByIdentifier": "Search by identifier",
       "submit": "Submit",
-      "edit": "Edit"
+      "edit": "Edit",
+      "resume": "Resume"
     },
     "alert": {
       "stripe": {
@@ -236,7 +237,9 @@
       "splitTransfers": {
         "successful": "Successful split",
         "pending": "Pending split",
-        "cancelled": "The split transaction is cancelled"
+        "cancelled": "The split transaction is cancelled",
+        "cancelledRecordsSelected": "You have selected cancelled split transfers.",
+        "pendingRecordsSelected": "You have selected pending split transfers."
       },
       "payment": {
         "completed": "The payment is complete",
@@ -429,11 +432,18 @@
       "recordWithCount_other": "{{count}} split transfers selected of <span>{{recordsCount}}</span>"
     },
     "cancelSplitTransfers": {
-      "cancellationReasonRequired": "Cancellation reason is required",
+      "reasonRequired": "Reason is required",
       "modal": {
         "title": "Cancel split transfers?",
         "message": "You are about to cancel pending split transfers. This can't be undone.",
-        "cancelReason": "Reason for cancellation"
+        "reason": "Reason for cancellation"
+      }
+    },
+    "resumeSplitTransfers": {
+      "modal": {
+        "title": "Resume split transfers?",
+        "message": "You are about to resume cancelled split transfers. This can't be undone.",
+        "reason": "Reason for resumption"
       }
     },
     "taxesDashboard": {

package/dist/SplitTransfersDashboard.js

@@ -23,7 +23,7 @@ import { useTranslation, Trans } from 'react-i18next';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { isNotPresent, isPresent, removeBy, camelToSnakeCase, isNotEmpty } from '@bigbinary/neeto-cist';
+import { isNotPresent, isPresent, removeBy, camelToSnakeCase, isNotEmpty, existsBy } from '@bigbinary/neeto-cist';
 import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Table from '@bigbinary/neetoui/Table';
@@ -52,15 +52,15 @@ var list = function list(payload) {
 var show = function show(id) {
   return axios.get("".concat(BASE_URL, "/api/v1/split_transfers/").concat(id));
 };
-var bulkCancellation = function bulkCancellation(payload) {
-  return axios.post("".concat(BASE_URL, "/api/v1/split_transfers/bulk_cancellation"), {
+var bulkUpdate = function bulkUpdate(payload) {
+  return axios.post("".concat(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; }
@@ -83,8 +83,8 @@ var useShowSplitTransfers = function useShowSplitTransfers(id, options) {
     }
   }, options));
 };
-var useBulkCancellationSplitTransfers = function useBulkCancellationSplitTransfers(options) {
-  return useMutationWithInvalidation(splitTransfersApi.bulkCancellation, _objectSpread$2({
+var useBulkUpdateSplitTransfers = function useBulkUpdateSplitTransfers(options) {
+  return useMutationWithInvalidation(splitTransfersApi.bulkUpdate, _objectSpread$2({
     keysToInvalidate: [QUERY_KEYS.SPLIT_TRANSFERS_LISTw]
   }, options));
 };
@@ -117,18 +117,18 @@ var INITIAL_TRANSFER_DETAILS = {
   isPaneOpen: false
 };
 var VALIDATION_SCHEMA = yup.object().shape({
-  cancellationReason: yup.string().required(t("neetoPayments.cancelSplitTransfers.cancellationReasonRequired"))
+  reason: yup.string().required(t("neetoPayments.cancelSplitTransfers.reasonRequired"))
 });
 
 var CancelModal = function CancelModal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
-    handleSplitTransfersCancellation = _ref.handleSplitTransfersCancellation;
+    handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var handleSubmit = function handleSubmit(_ref2) {
-    var cancellationReason = _ref2.cancellationReason;
-    handleSplitTransfersCancellation(cancellationReason);
+    var reason = _ref2.reason;
+    handleSplitTransfersUpdate("cancelled", reason);
   };
   return /*#__PURE__*/jsxs(Modal, {
     isOpen: isOpen,
@@ -143,7 +143,7 @@ var CancelModal = function CancelModal(_ref) {
     }), /*#__PURE__*/jsx(Form, {
       formikProps: {
         initialValues: {
-          cancellationReason: ""
+          reason: ""
         },
         validationSchema: VALIDATION_SCHEMA,
         onSubmit: handleSubmit
@@ -154,8 +154,8 @@ var CancelModal = function CancelModal(_ref) {
             className: "flex flex-col space-y-4",
             children: /*#__PURE__*/jsx(Textarea, {
               required: true,
-              name: "cancellationReason",
-              label: t("neetoPayments.cancelSplitTransfers.modal.cancelReason")
+              label: t("neetoPayments.cancelSplitTransfers.modal.reason"),
+              name: "reason"
             })
           })
         }), /*#__PURE__*/jsx(Modal.Footer, {
@@ -661,17 +661,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,
@@ -743,13 +743,71 @@ var List = function List(_ref) {
   });
 };
 
+var ResumeModal = function ResumeModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleSubmit = function handleSubmit(_ref2) {
+    var reason = _ref2.reason;
+    handleSplitTransfersUpdate("pending", reason);
+  };
+  return /*#__PURE__*/jsxs(Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large",
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        weight: "medium",
+        children: t("neetoPayments.resumeSplitTransfers.modal.title")
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      formikProps: {
+        initialValues: {
+          reason: ""
+        },
+        validationSchema: VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Modal.Body, {
+          children: /*#__PURE__*/jsx("div", {
+            className: "flex flex-col space-y-4",
+            children: /*#__PURE__*/jsx(Textarea, {
+              required: true,
+              label: t("neetoPayments.resumeSplitTransfers.modal.reason"),
+              name: "reason"
+            })
+          })
+        }), /*#__PURE__*/jsx(Modal.Footer, {
+          children: /*#__PURE__*/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,
@@ -770,6 +828,12 @@ var TopSection = function TopSection(_ref) {
   var splitTransfersCountVisible = splitTransfersCount > 0;
   var isFilterButtonVisible = splitTransfersCount || isPresent(filters);
   var isDropdownVisible = isNotEmpty(selectedRows);
+  var isCancelButtonDisabled = existsBy({
+    status: SPLIT_TRANSFERS_DASHBOARD_TAB.cancelled
+  }, selectedRowData);
+  var isResumeButtonDisabled = existsBy({
+    status: SPLIT_TRANSFERS_DASHBOARD_TAB.pending
+  }, selectedRowData);
   var selectedRecordsCount = hasBulkSelectedAllRows ? splitTransfersCount : selectedRows.length;
   var handleFiltersChange = function handleFiltersChange(filters) {
     startTransition(function () {
@@ -825,17 +889,32 @@ var TopSection = function TopSection(_ref) {
                 recordsCount: splitTransfersCount
               }
             })
-          }), /*#__PURE__*/jsx(Dropdown, {
+          }), /*#__PURE__*/jsxs(Dropdown, {
             buttonStyle: "secondary",
             label: t("neetoPayments.common.takeAction"),
-            children: /*#__PURE__*/jsx(Menu, {
+            children: [/*#__PURE__*/jsx(Menu, {
               children: /*#__PURE__*/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__*/jsx(Menu, {
+              children: /*#__PURE__*/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__*/jsx(Typography, {
           className: "neeto-ui-gray-800 mr-2 font-semibold",
@@ -904,20 +983,24 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
     setIsCancelModalOpen = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    hasBulkSelectedAllRows = _useState10[0],
-    setHasBulkSelectedAllRows = _useState10[1];
-  var _useState11 = useState(DEFAULT_SORT_PROPERTIES),
+    isResumeModalOpen = _useState10[0],
+    setIsResumeModalOpen = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    sortProperties = _useState12[0],
-    setSortProperties = _useState12[1];
-  var _useState13 = useState(DEFAULT_PAGE_VALUES),
+    hasBulkSelectedAllRows = _useState12[0],
+    setHasBulkSelectedAllRows = _useState12[1];
+  var _useState13 = useState(DEFAULT_SORT_PROPERTIES),
     _useState14 = _slicedToArray(_useState13, 2),
-    pageProperties = _useState14[0],
-    setPageProperties = _useState14[1];
-  var _useState15 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    sortProperties = _useState14[0],
+    setSortProperties = _useState14[1];
+  var _useState15 = useState(DEFAULT_PAGE_VALUES),
     _useState16 = _slicedToArray(_useState15, 2),
-    filters = _useState16[0],
-    setFilters = _useState16[1];
+    pageProperties = _useState16[0],
+    setPageProperties = _useState16[1];
+  var _useState17 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    _useState18 = _slicedToArray(_useState17, 2),
+    filters = _useState18[0],
+    setFilters = _useState18[1];
   var history = useHistory();
   var _getQueryParams2 = getQueryParams(),
     _getQueryParams2$tab = _getQueryParams2.tab,
@@ -933,22 +1016,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 = 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 = getQueryParams({
@@ -970,6 +1055,8 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
   useEffect(function () {
     handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
     setSortProperties(DEFAULT_SORT_PROPERTIES);
+    setSelectedRowData([]);
+    setSelectedRows([]);
   }, [filters, tab]);
   if (isSplitTransfersLoading || isCancelling) {
     return /*#__PURE__*/jsx("div", {
@@ -985,10 +1072,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
@@ -1011,11 +1100,17 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
       sortProperties: sortProperties,
       dashboardKind: DASHBOARD_KIND.splitTransfers
     }), /*#__PURE__*/jsx(CancelModal, {
-      handleSplitTransfersCancellation: handleSplitTransfersCancellation,
+      handleSplitTransfersUpdate: handleSplitTransfersUpdate,
       isOpen: isCancelModalOpen,
       onClose: function onClose() {
         return setIsCancelModalOpen(false);
       }
+    }), /*#__PURE__*/jsx(ResumeModal, {
+      handleSplitTransfersUpdate: handleSplitTransfersUpdate,
+      isOpen: isResumeModalOpen,
+      onClose: function onClose() {
+        return setIsResumeModalOpen(false);
+      }
     })]
   });
 };