wip

packages/webapp/src/containers/Sales/Invoices/InvoicesAlerts.tsx

@@ -12,10 +12,6 @@ const CancelBadDebtAlert = React.lazy(
   () => import('@/containers/Alerts/Invoices/CancelBadDebtAlert'),
 );
 
-const InvoiceBulkDeleteAlert = React.lazy(
-  () => import('@/containers/Alerts/Invoices/InvoiceBulkDeleteAlert'),
-);
-
 /**
  * Invoices alert.
  */
@@ -23,5 +19,4 @@ export default [
   { name: 'invoice-delete', component: InvoiceDeleteAlert },
   { name: 'invoice-deliver', component: InvoiceDeliverAlert },
   { name: 'cancel-bad-debt', component: CancelBadDebtAlert },
-  { name: 'invoices-bulk-delete', component: InvoiceBulkDeleteAlert },
 ];

packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx

@@ -29,12 +29,12 @@ import { SaleInvoiceAction, AbilitySubject } from '@/constants/abilityOption';
 import { useRefreshInvoices } from '@/hooks/query/invoices';
 import { useInvoicesListContext } from './InvoicesListProvider';
 import { useDownloadExportPdf } from '@/hooks/query/FinancialReports/use-export-pdf';
+import { useBulkDeleteInvoicesDialog } from '../hooks/use-bulk-delete-accounts-dialog';
 
 import withInvoices from './withInvoices';
 import withInvoiceActions from './withInvoiceActions';
 import withSettings from '@/containers/Settings/withSettings';
 import withSettingsActions from '@/containers/Settings/withSettingsActions';
-import withAlertActions from '@/containers/Alert/withAlertActions';
 import { compose } from '@/utils';
 import withDialogActions from '@/containers/Dialog/withDialogActions';
 import { DialogsName } from '@/constants/dialogs';
@@ -65,10 +65,12 @@ function InvoiceActionsBar({
   // #withDrawerActions
   openDrawer,
 
-  // #withAlertActions
-  openAlert,
 }) {
   const history = useHistory();
+  const {
+    openBulkDeleteDialog,
+    isValidatingBulkDeleteInvoices,
+  } = useBulkDeleteInvoicesDialog();
 
   // Sale invoices list context.
   const { invoicesViews, invoicesFields } = useInvoicesListContext();
@@ -120,7 +122,7 @@ function InvoiceActionsBar({
 
   // Handle bulk invoices delete.
   const handleBulkDelete = () => {
-    openAlert('invoices-bulk-delete', { invoicesIds: invoicesSelectedRows });
+    openBulkDeleteDialog(invoicesSelectedRows);
   };
 
   if (!isEmpty(invoicesSelectedRows)) {
@@ -133,6 +135,7 @@ function InvoiceActionsBar({
             text={<T id={'delete'} />}
             intent={Intent.DANGER}
             onClick={handleBulkDelete}
+            disabled={isValidatingBulkDeleteInvoices}
           />
         </NavbarGroup>
       </DashboardActionsBar>
@@ -229,7 +232,6 @@ function InvoiceActionsBar({
 export default compose(
   withInvoiceActions,
   withSettingsActions,
-  withAlertActions,
   withInvoices(({ invoicesTableState, invoicesSelectedRows }) => ({
     invoicesFilterRoles: invoicesTableState.filterRoles,
     invoicesSelectedRows,

packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/withInvoiceActions.tsx

@@ -4,12 +4,14 @@ import {
   setInvoicesTableState,
   resetInvoicesTableState,
   setInvoicesSelectedRows,
+  resetInvoicesSelectedRows,
 } from '@/store/Invoice/invoices.actions';
 
 const mapDipatchToProps = (dispatch) => ({
   setInvoicesTableState: (queries) => dispatch(setInvoicesTableState(queries)),
   resetInvoicesTableState: () => dispatch(resetInvoicesTableState()),
   setInvoicesSelectedRows: (selectedRows) => dispatch(setInvoicesSelectedRows(selectedRows)),
+  resetInvoicesSelectedRows: () => dispatch(resetInvoicesSelectedRows()),
 });
 
 export default connect(null, mapDipatchToProps);

packages/webapp/src/containers/Sales/Invoices/hooks/use-bulk-delete-accounts-dialog.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+import { DialogsName } from '@/constants/dialogs';
+import { useValidateBulkDeleteInvoices } from '@/hooks/query/invoices';
+import { useBulkDeleteDialog } from '@/hooks/dialogs/useBulkDeleteDialog';
+
+export const useBulkDeleteInvoicesDialog = () => {
+  const validateBulkDeleteMutation = useValidateBulkDeleteInvoices();
+  const {
+    openBulkDeleteDialog,
+    closeBulkDeleteDialog,
+    isValidatingBulkDelete,
+  } = useBulkDeleteDialog(DialogsName.InvoiceBulkDelete, validateBulkDeleteMutation);
+
+  return {
+    openBulkDeleteDialog,
+    closeBulkDeleteDialog,
+    isValidatingBulkDeleteInvoices: isValidatingBulkDelete,
+  };
+};