refactoring: invoice, receipt, payment receive, estimate and journal number dialogs.

client/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.js

@@ -15,6 +15,7 @@ import MakeJournalEntriesHeader from './MakeJournalEntriesHeader';
 import MakeJournalFormFloatingActions from './MakeJournalFormFloatingActions';
 import MakeJournalEntriesField from './MakeJournalEntriesField';
 import MakeJournalFormFooter from './MakeJournalFormFooter';
+import MakeJournalFormDialogs from './MakeJournalFormDialogs';
 
 import withSettings from 'containers/Settings/withSettings';
 
@@ -167,6 +168,8 @@ function MakeJournalEntriesForm({
           <MakeJournalEntriesField />
           <MakeJournalFormFooter />
           <MakeJournalFormFloatingActions />
+
+          <MakeJournalFormDialogs />
         </Form>
       </Formik>
     </div>

client/src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useFormikContext } from 'formik';
+import JournalNumberDialog from 'containers/Dialogs/JournalNumberDialog';
+import { transactionNumber } from 'utils';
+
+/**
+ * Make journal form dialogs.
+ */
+export default function MakeJournalFormDialogs() {
+  const { setFieldValue } = useFormikContext();
+
+  // Update the form once the journal number form submit confirm.
+  const handleConfirm = (values) => {
+    setFieldValue(
+      'journal_number',
+      transactionNumber(values.number_prefix, values.next_number),
+    );
+  };
+
+  return (
+    <>
+      <JournalNumberDialog
+        dialogName={'journal-number-form'}
+        onConfirm={handleConfirm}
+      />
+    </>
+  );
+}