feat: payment receive and made form.

client/src/containers/Purchases/Bill/BillFormHeader.js

@@ -27,6 +27,7 @@ import withDialogActions from 'containers/Dialog/withDialogActions';
 
 function BillFormHeader({
   formik: { errors, touched, setFieldValue, getFieldProps, values },
+  onBillNumberChanged,
 
   //#withVendors
   vendorItems,
@@ -73,6 +74,10 @@ function BillFormHeader({
     }
   };
 
+  const handleBillNumberBlur = (event) => {
+    onBillNumberChanged && onBillNumberChanged(event.currentTarget.value);
+  };
+
   return (
     <div className={classNames(CLASSES.PAGE_FORM_HEADER)}>
       <div className={'page-form__primary-section'}>
@@ -166,6 +171,7 @@ function BillFormHeader({
             intent={errors.bill_number && touched.bill_number && Intent.DANGER}
             minimal={true}
             {...getFieldProps('bill_number')}
+            onBlur={handleBillNumberBlur}
           />
         </FormGroup>