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

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.js

@@ -21,6 +21,7 @@ import ReceiptFromHeader from './ReceiptFormHeader';
 import ReceiptItemsEntriesEditor from './ReceiptItemsEntriesEditor';
 import ReceiptFormFloatingActions from './ReceiptFormFloatingActions';
 import ReceiptFormFooter from './ReceiptFormFooter';
+import ReceiptFormDialogs from './ReceiptFormDialogs';
 
 import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 import withSettings from 'containers/Settings/withSettings';
@@ -170,6 +171,8 @@ function ReceiptForm({
           <ReceiptItemsEntriesEditor />
           <ReceiptFormFooter />
           <ReceiptFormFloatingActions />
+
+          <ReceiptFormDialogs />
         </Form>
       </Formik>
     </div>

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormDialogs.js

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

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormProvider.js

@@ -39,7 +39,7 @@ function ReceiptFormProvider({ receiptId, ...props }) {
   } = useItems();
 
   // Fetch receipt settings.
-  const { isFetching: isSettingLoading } = useSettings();
+  const { isLoading: isSettingLoading } = useSettings();
 
   const { mutateAsync: createReceiptMutate } = useCreateReceipt();
   const { mutateAsync: editReceiptMutate } = useEditReceipt();