@bigbinary/neeto-payments-frontend 3.0.24 → 3.1.1

package/dist/SplitTransfersDashboard.js

@@ -8,26 +8,31 @@ import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { mergeLeft, curry, mergeDeepWith, concat, reject, isNil, map, prop, sortBy, isEmpty, modify, pluck } from 'ramda';
 import { useHistory } from 'react-router-dom';
-import { E as ExportModal } from './ExportModal-C6-IwFlZ.js';
+import { E as ExportModal } from './ExportModal-BkWscSJE.js';
 import { useQuery } from '@tanstack/react-query';
 import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
-import { B as BASE_URL, k as preProcessStatus, l as getTagStyle, f as formatAmount, d as formatCurrency, m as PAYMENT_KIND, p as processDataIndex, S as SORT_DIRECTIONS, D as DEFAULT_SORT_PROPERTIES, s as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, h as DEFAULT_PAGE_VALUES, i as DASHBOARD_KIND } from './index-lD18ClWH.js';
+import { B as BASE_URL, k as preProcessStatus, l as getTagStyle, f as formatAmount, d as formatCurrency, m as PAYMENT_KIND, p as processDataIndex, S as SORT_DIRECTIONS, D as DEFAULT_SORT_PROPERTIES, s as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, h as DEFAULT_PAGE_VALUES, i as DASHBOARD_KIND } from './index-Cl511Juk.js';
 import { Q as QUERY_KEYS } from './queryConstants-BCx5cEmf.js';
+import Modal from '@bigbinary/neetoui/Modal';
+import Typography from '@bigbinary/neetoui/Typography';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+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 { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Table from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
-import { useTranslation, Trans } from 'react-i18next';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
 import Pane from '@bigbinary/neetoui/Pane';
-import Typography from '@bigbinary/neetoui/Typography';
 import Button from '@bigbinary/neetoui/Button';
 import Tag from '@bigbinary/neetoui/Tag';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import { C as CopyButtonWrapper } from './CopyButtonWrapper-SoJkwX-d.js';
 import FiltersBar from '@bigbinary/neeto-filters-frontend/Bar';
@@ -36,7 +41,6 @@ import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
 import Tab from '@bigbinary/neetoui/Tab';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import '@bigbinary/neeto-icons/Download';
-import '@bigbinary/neetoui/Modal';
 import './exportChannel-CViICC6x.js';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 
@@ -112,6 +116,65 @@ var INITIAL_TRANSFER_DETAILS = {
   id: null,
   isPaneOpen: false
 };
+var VALIDATION_SCHEMA = yup.object().shape({
+  cancellationReason: yup.string().required(t("neetoPayments.cancelSplitTransfers.cancellationReasonRequired"))
+});
+
+var CancelModal = function CancelModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    handleSplitTransfersCancellation = _ref.handleSplitTransfersCancellation;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleSubmit = function handleSubmit(_ref2) {
+    var cancellationReason = _ref2.cancellationReason;
+    handleSplitTransfersCancellation(cancellationReason);
+  };
+  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.cancelSplitTransfers.modal.title")
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      formikProps: {
+        initialValues: {
+          cancellationReason: ""
+        },
+        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,
+              name: "cancellationReason",
+              label: t("neetoPayments.cancelSplitTransfers.modal.cancelReason")
+            })
+          })
+        }), /*#__PURE__*/jsx(Modal.Footer, {
+          children: /*#__PURE__*/jsx(ActionBlock, {
+            position: "right",
+            cancelButtonProps: {
+              onClick: onClose,
+              style: "tertiary"
+            },
+            submitButtonProps: {
+              disabled: false,
+              label: t("neetoPayments.common.submit")
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
 
 var Status = function Status(_ref) {
   var type = _ref.type,
@@ -685,7 +748,7 @@ var Menu = Dropdown.Menu,
 var TopSection = function TopSection(_ref) {
   var views = _ref.views,
     filters = _ref.filters,
-    handleSplitTransfersCancellation = _ref.handleSplitTransfersCancellation,
+    setIsCancelModalOpen = _ref.setIsCancelModalOpen,
     selectedRows = _ref.selectedRows,
     setFilters = _ref.setFilters,
     hasBulkSelectedAllRows = _ref.hasBulkSelectedAllRows,
@@ -742,7 +805,7 @@ var TopSection = function TopSection(_ref) {
         }, item);
       })
     }), /*#__PURE__*/jsx(SubHeader, {
-      className: "mt-4",
+      className: "my-4",
       leftActionBlock: splitTransfersCountVisible && /*#__PURE__*/jsx("div", {
         className: "w-100 flex items-center space-x-3",
         children: isDropdownVisible ? /*#__PURE__*/jsxs(Fragment, {
@@ -767,7 +830,9 @@ var TopSection = function TopSection(_ref) {
             label: t("neetoPayments.common.takeAction"),
             children: /*#__PURE__*/jsx(Menu, {
               children: /*#__PURE__*/jsx(MenuItem.Button, {
-                onClick: handleSplitTransfersCancellation,
+                onClick: function onClick() {
+                  return setIsCancelModalOpen(true);
+                },
                 children: t("neetoPayments.common.cancel")
               })
             })
@@ -783,32 +848,30 @@ var TopSection = function TopSection(_ref) {
           })
         })
       }),
-      rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(FiltersBar, {
+      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData: concat(getDefaultColumns(), payableEntityColumns).map(modify("dataIndex", processDataIndex)),
+          fixedColumns: UN_HIDEABLE_COLUMNS,
+          localStorageKey: COLUMNS_STORAGE_KEY
+        },
+        downloadButtonProps: {
+          onClick: function onClick() {
+            return setIsExportModalOpen(true);
+          }
+        },
+        filterProps: {
           columns: filterableColumns,
+          isOpen: isFilterPaneOpen,
           keyword: searchKeywordProps,
-          setIsPaneOpen: setIsFilterPaneOpen,
+          setIsOpen: setIsFilterPaneOpen,
           onChange: handleFiltersChange
-        }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
-          columnsButtonProps: {
-            columnData: concat(getDefaultColumns(), payableEntityColumns).map(modify("dataIndex", processDataIndex)),
-            fixedColumns: UN_HIDEABLE_COLUMNS,
-            localStorageKey: COLUMNS_STORAGE_KEY
-          },
-          downloadButtonProps: {
-            onClick: function onClick() {
-              return setIsExportModalOpen(true);
-            }
-          },
-          filterProps: {
-            columns: filterableColumns,
-            isOpen: isFilterPaneOpen,
-            keyword: searchKeywordProps,
-            setIsOpen: setIsFilterPaneOpen,
-            onChange: handleFiltersChange
-          }
-        })]
+        }
       })
+    }), /*#__PURE__*/jsx(FiltersBar, {
+      columns: filterableColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
     })]
   });
 };
@@ -837,20 +900,24 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
     setIsExportModalOpen = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    hasBulkSelectedAllRows = _useState8[0],
-    setHasBulkSelectedAllRows = _useState8[1];
-  var _useState9 = useState(DEFAULT_SORT_PROPERTIES),
+    isCancelModalOpen = _useState8[0],
+    setIsCancelModalOpen = _useState8[1];
+  var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    sortProperties = _useState10[0],
-    setSortProperties = _useState10[1];
-  var _useState11 = useState(DEFAULT_PAGE_VALUES),
+    hasBulkSelectedAllRows = _useState10[0],
+    setHasBulkSelectedAllRows = _useState10[1];
+  var _useState11 = useState(DEFAULT_SORT_PROPERTIES),
     _useState12 = _slicedToArray(_useState11, 2),
-    pageProperties = _useState12[0],
-    setPageProperties = _useState12[1];
-  var _useState13 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    sortProperties = _useState12[0],
+    setSortProperties = _useState12[1];
+  var _useState13 = useState(DEFAULT_PAGE_VALUES),
     _useState14 = _slicedToArray(_useState13, 2),
-    filters = _useState14[0],
-    setFilters = _useState14[1];
+    pageProperties = _useState14[0],
+    setPageProperties = _useState14[1];
+  var _useState15 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    _useState16 = _slicedToArray(_useState15, 2),
+    filters = _useState16[0],
+    setFilters = _useState16[1];
   var history = useHistory();
   var _getQueryParams2 = getQueryParams(),
     _getQueryParams2$tab = _getQueryParams2.tab,
@@ -874,12 +941,14 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
     }),
     cancelSplitTransfers = _useBulkCancellationS.mutate,
     isCancelling = _useBulkCancellationS.isPending;
-  var handleSplitTransfersCancellation = function handleSplitTransfersCancellation() {
+  var handleSplitTransfersCancellation = function handleSplitTransfersCancellation(cancellationReason) {
     var ids = pluck("id", selectedRowData);
     cancelSplitTransfers({
       ids: ids,
+      cancellationReason: cancellationReason,
       isApplyChangesToAllRequired: hasBulkSelectedAllRows
     });
+    setIsCancelModalOpen(false);
   };
   var handleTablePagination = function handleTablePagination(page, pageSize) {
     var queryParams = getQueryParams({
@@ -912,13 +981,13 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
     children: [/*#__PURE__*/jsx(TopSection, {
       filterableColumns: filterableColumns,
       filters: filters,
-      handleSplitTransfersCancellation: handleSplitTransfersCancellation,
       hasBulkSelectedAllRows: hasBulkSelectedAllRows,
       pageProperties: pageProperties,
       payableEntityColumns: payableEntityColumns,
       searchKeywordProps: searchKeywordProps,
       selectedRows: selectedRows,
       setFilters: setFilters,
+      setIsCancelModalOpen: setIsCancelModalOpen,
       setIsExportModalOpen: setIsExportModalOpen,
       setPageProperties: setPageProperties,
       setSortProperties: setSortProperties,
@@ -941,6 +1010,12 @@ var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
       setIsExportModalOpen: setIsExportModalOpen,
       sortProperties: sortProperties,
       dashboardKind: DASHBOARD_KIND.splitTransfers
+    }), /*#__PURE__*/jsx(CancelModal, {
+      handleSplitTransfersCancellation: handleSplitTransfersCancellation,
+      isOpen: isCancelModalOpen,
+      onClose: function onClose() {
+        return setIsCancelModalOpen(false);
+      }
     })]
   });
 };