fix: auto-increment cashflow transactions

packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormDialog.tsx

@@ -0,0 +1,28 @@
+// @ts-nocheck
+import React from 'react';
+import { useFormikContext } from 'formik';
+
+import TransactionNumberDialog from '@/containers/Dialogs/TransactionNumberDialog';
+
+/**
+ * Money out form dialog.
+ */
+export default function MoneyOutFormDialog() {
+  const { setFieldValue } = useFormikContext();
+  // Update the form once the transaction number form submit confirm.
+  const handleTransactionNumberFormConfirm = ({
+    incrementNumber,
+    manually,
+  }) => {
+    setFieldValue('transaction_number', incrementNumber || '');
+    setFieldValue('transaction_number_manually', manually);
+  };
+  return (
+    <React.Fragment>
+      <TransactionNumberDialog
+        dialogName={'transaction-number-form'}
+        onConfirm={handleTransactionNumberFormConfirm}
+      />
+    </React.Fragment>
+  );
+}