From 814bfe041a8a416abb986f5a42cc3829e3939b7a Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 30 Apr 2024 19:03:22 +0100
Subject: [PATCH] added endpoint for loan application

---
 src/components/Dashboard/DashboardHome.tsx    |  1 +
 .../home/DashboardHomeAttestation.tsx         | 62 +++++++++++-
 .../Dashboard/home/DashboardHomeDetail.tsx    | 51 +++++++---
 .../LetsGetStated/LetsGetStarted.tsx          |  6 +-
 src/components/shared/Stepper.tsx             |  2 +-
 src/core/apiRequest.ts                        |  9 ++
 src/core/axiosCall.ts                         | 97 ++++++++++---------
 7 files changed, 164 insertions(+), 64 deletions(-)

diff --git a/src/components/Dashboard/DashboardHome.tsx b/src/components/Dashboard/DashboardHome.tsx
index fc26030..79bc66e 100644
--- a/src/components/Dashboard/DashboardHome.tsx
+++ b/src/components/Dashboard/DashboardHome.tsx
@@ -28,6 +28,7 @@ const DashboardHome: FC<DashboardHomeProps> = () => {
       {step === 5 && <DashboardHomeRefereeInfo handleNextStep={handleNextStep} />}
       {step === 6 && <DashboardHomeAttestation handleNextStep={handleNextStep} applicationDetails={applicationDetails} />}
       {step === 7 && <DashboardHomeIntro step={step} handleNextStep={handleNextStep} />}
+      {/* <DashboardHomeAttestation handleNextStep={handleNextStep} applicationDetails={applicationDetails} /> */}
     </div>
   );
 };
diff --git a/src/components/Dashboard/home/DashboardHomeAttestation.tsx b/src/components/Dashboard/home/DashboardHomeAttestation.tsx
index 67df9c6..c2cae7a 100644
--- a/src/components/Dashboard/home/DashboardHomeAttestation.tsx
+++ b/src/components/Dashboard/home/DashboardHomeAttestation.tsx
@@ -2,6 +2,8 @@ import { Button, InputCompOne, Stepper } from '../../shared/index';
 
 import {Formik, Form} from 'formik'
 import * as Yup from "yup";
+import { applyForLoan } from '../../../core/apiRequest';
+
 // import { useNavigate } from "react-router-dom";
 // import { RouteHandler } from '../../../router/routes';
 
@@ -27,11 +29,22 @@ export default function DashboardHomeAttestation({handleNextStep, applicationDet
   //     let navigate = useNavigate();
   // const navigateToProfile = () => navigate(RouteHandler.dashboardProfile);
 
-  //FUNCTION TO HANDLE SUBMIT
+  //FUNCTION TO HANDLE LOAN APPLICATION
   const handleSubmit = (values:any) => {
     delete values.checked
-    handleNextStep({disbursement: values})
-    console.log('ApplicationDetails', applicationDetails)
+    applyForLoan({...applicationDetails, disbursement: values}).then(res=>{
+      console.log('APPLY FOR LOAN', res)
+      handleNextStep({disbursement: values})
+      console.log('ApplicationDetails', {...applicationDetails, disbursement: values})
+    }).catch(err=>{
+      console.log(err)
+    })
+    // applyForLoan(payload).then(res=>{
+    //   console.log('APPLY FOR LOAN', res)
+    //   // handleNextStep({disbursement: values})
+    // }).catch(err=>{
+    //   console.log(err)
+    // })
   };
 
   return (
@@ -89,3 +102,46 @@ export default function DashboardHomeAttestation({handleNextStep, applicationDet
     </div>
   );
 }
+
+
+// const payload = {
+//   "loan_amount": "100000",
+//   "payment_month": "18",
+//   "sales_agent": "Testing1234",
+//   "gender": "male",
+//   "address": "World bank housing Estate, Umuahia",
+//   "marital_status": "single",
+//   "state": "abia",
+//   "email": "test5070@gmail.com",
+//   "country": "NG",
+//   "employment": {
+//       "job_title": "Information Officer",
+//       "name": "Testing Testing",
+//       "sector": "private (non academic)",
+//       "industry": "engineering",
+//       "resumption_date": "2024-04-05",
+//       "email": "test50700@gmail.com",
+//       "annual_income": "600000",
+//       "monthly_salary": "50000",
+//       "salary_payment_date": "2024-04-19",
+//       "employment_id": "2555566",
+//       "highest_eductaion": "b.sc + professional qualification"
+//   },
+//   "loan_reference": [
+//       {
+//           "fullname": "John Mike",
+//           "relationship": "Brother",
+//           "phone_number": "07055566611",
+//           "email": "refone@gmail.com",
+//           "bvn": "11111111111"
+//       },
+//       {
+//           "fullname": "Mary Paul",
+//           "relationship": "Brother",
+//           "phone_number": "07055577711",
+//           "email": "reftwo@gmail.com",
+//           "bvn": "22222222222"
+//       }
+//   ],
+//   disbursement:{account: '1122334456'}
+// }
\ No newline at end of file
diff --git a/src/components/Dashboard/home/DashboardHomeDetail.tsx b/src/components/Dashboard/home/DashboardHomeDetail.tsx
index 5205328..3097b18 100644
--- a/src/components/Dashboard/home/DashboardHomeDetail.tsx
+++ b/src/components/Dashboard/home/DashboardHomeDetail.tsx
@@ -12,7 +12,8 @@ const initialValues = {
   address: "",
   marital_status: "",
   state: "",
-  email:""
+  email:"",
+  country:""
 };
 
 // To get the validation schema
@@ -28,6 +29,8 @@ const validationSchema = Yup.object().shape({
   email: Yup.string()
     .email("Invalid")
     .required("Required"),
+  country: Yup.string()
+    .required("Required"),
 });
 
 export default function DashboardHomeDetail({handleNextStep}:Props) {
@@ -102,18 +105,32 @@ export default function DashboardHomeDetail({handleNextStep}:Props) {
                       error={(props.errors.state && props.touched.state) ? props.errors.state : ''}
                     />
                   </div>
-                  <InputCompOne
-                    parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
-                    name="email"
-                    label="Email address"
-                    labelClass="font-bold text-[1.125rem]"
-                    input
-                    inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
-                    placeholder="johndoe@gmail.com"
-                    value={props.values.email}
-                    onChange={props.handleChange}
-                    error={(props.errors.email && props.touched.email) ? props.errors.email : ''}
-                  />
+                  <div className="flex items-center gap-[4.125rem]">
+                    <InputCompOne
+                      parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+                      name="email"
+                      label="Email address"
+                      labelClass="font-bold text-[1.125rem]"
+                      input
+                      inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+                      placeholder="johndoe@gmail.com"
+                      value={props.values.email}
+                      onChange={props.handleChange}
+                      error={(props.errors.email && props.touched.email) ? props.errors.email : ''}
+                    />
+                    <InputCompOne
+                      parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+                      name="country"
+                      label="Select your country"
+                      labelClass="font-bold text-[1.125rem]"
+                      select={true}
+                      selectClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+                      selectOptions={country}
+                      selectValue={props.values.country}
+                      onChange={props.handleChange}
+                      error={(props.errors.country && props.touched.country) ? props.errors.country : ''}
+                    />
+                  </div>
                   <Button
                     className="my-8 max-w-[25.875rem] btn-Y text-black w-full h-11"
                     text="Next"
@@ -162,4 +179,12 @@ const state: SelectOption = {
     { value: "imo", label: "Imo" },
     { value: "lagos", label: "Lagos" },
   ]
+}
+
+const country: SelectOption = {
+  loading: false,
+  data: [
+    { value: "", label: "Please Select" },
+    { value: "NG", label: "Nigeria" },
+  ]
 }
\ No newline at end of file
diff --git a/src/components/LetsGetStated/LetsGetStarted.tsx b/src/components/LetsGetStated/LetsGetStarted.tsx
index 9de527e..6f2525f 100644
--- a/src/components/LetsGetStated/LetsGetStarted.tsx
+++ b/src/components/LetsGetStated/LetsGetStarted.tsx
@@ -107,9 +107,9 @@ const LetsGetStarted: React.FC = () => {
         },4000)
       }
       // console.log(res.data)
-      localStorage.setItem('token', res.data.token)
-      localStorage.setItem('uid', res.data.uid)
-      dispatch(updateUserDetails({ ...res.data }));
+      localStorage.setItem('token', res.data?.token)
+      localStorage.setItem('uid', res?.data?.customer[0]?.uid)
+      dispatch(updateUserDetails({ ...res?.data?.customer[0] }));
       navigate(RouteHandler.dashboardHome, {replace:true})
     }).catch(err => {
       setRequestStatusOTP({loading:false, status:false, message:'something went wrong, try again'})
diff --git a/src/components/shared/Stepper.tsx b/src/components/shared/Stepper.tsx
index 45b76c4..53c1cf1 100644
--- a/src/components/shared/Stepper.tsx
+++ b/src/components/shared/Stepper.tsx
@@ -9,7 +9,7 @@ const Stepper: React.FC<StepperProps> = ({ step = 0 }) => {
 
   return (
     <div className="flex justify-between items-center gap-5">
-      {[...Array(6)].map((_, index) => (
+      {[...Array(5)].map((_, index) => (
         <div
           key={index}
           className={`w-[1.875rem] border-[.1875rem] rounded-sm ${(step === index
diff --git a/src/core/apiRequest.ts b/src/core/apiRequest.ts
index c11ba02..0cb41ba 100644
--- a/src/core/apiRequest.ts
+++ b/src/core/apiRequest.ts
@@ -15,4 +15,13 @@ export const verifyOTP = (postData:any) => {
         ...postData
     }
     return postAuxEnd('/bvn/verify', reqData)
+}
+
+// FUNCTION TO APPLY FOR LOAN
+export const applyForLoan = (postData:any) => {
+    let reqData = {
+        customer_uid: localStorage.getItem('uid'),
+        ...postData
+    }
+    return postAuxEnd('/loan/apply', reqData)
 }
\ No newline at end of file
diff --git a/src/core/axiosCall.ts b/src/core/axiosCall.ts
index 32c85fd..4031b01 100644
--- a/src/core/axiosCall.ts
+++ b/src/core/axiosCall.ts
@@ -1,49 +1,58 @@
 import axios from "axios";
 
-export function postAuxEnd(uri:string, reqData:any):Promise<any> {
-    const endPoint = import.meta.env.VITE_USERS_ENDPOINT + uri;
-    const formData = new FormData();
-    for (let value in reqData) {
+export function postAuxEnd(uri: string, reqData: any): Promise<any> {
+  const endPoint = import.meta.env.VITE_USERS_ENDPOINT + uri;
+  const formData = new FormData();
+  for (let value in reqData) {
+    if (typeof reqData[value] === "object") {
+      // for (let innerValue in reqData[value]) {
+      //   let innerReqData = reqData[value]
+      //   console.log('SAMPLE',innerReqData)
+      //   formData.append(reqData[value][innerValue], reqData[value][innerValue]);
+      // }
+      // formData.append(value, JSON.stringify(reqData[value]));
+      formData.append(value, reqData[value]);
+    } else {
       formData.append(value, reqData[value]);
     }
-    return axios.post(endPoint, formData)
-        .then((response:{}) => {
-        //   if (response.data.internal_return == "-9999") {
-        //     localStorage.clear();
-        //     window.location.href = `/login?sessionExpired=true`;
-        //   }
-          return response;
-        })
-        .catch((error:any) => {
-          if (error.response) {
-            //response status is an error code
-            console.log(
-                "ERROR-------------------------------------------------------"
-            );
-            console.log(error.response.status);
-            console.log(
-                "ERROR-------------------------------------------------------"
-            );
-          } else if (error.request) {
-            //response not received though the request was sent
-            console.log(
-                "ERROR2-------------------------------------------------------"
-            );
-            console.log(error?.request);
-            console.log(
-                "ERROR2-------------------------------------------------------"
-            );
-          } else {
-            //an error occurred when setting up the request
-            console.log(
-                "ERROR3-------------------------------------------------------"
-            );
-            console.log(error);
-            console.log(
-                "ERROR3-------------------------------------------------------"
-            );
-          }
-        });
   }
-
-
+  return axios
+    .post(endPoint, formData)
+    .then((response: {}) => {
+      //   if (response.data.internal_return == "-9999") {
+      //     localStorage.clear();
+      //     window.location.href = `/login?sessionExpired=true`;
+      //   }
+      return response;
+    })
+    .catch((error: any) => {
+      if (error.response) {
+        //response status is an error code
+        console.log(
+          "ERROR-------------------------------------------------------"
+        );
+        console.log(error.response.status);
+        console.log(
+          "ERROR-------------------------------------------------------"
+        );
+      } else if (error.request) {
+        //response not received though the request was sent
+        console.log(
+          "ERROR2-------------------------------------------------------"
+        );
+        console.log(error?.request);
+        console.log(
+          "ERROR2-------------------------------------------------------"
+        );
+      } else {
+        //an error occurred when setting up the request
+        console.log(
+          "ERROR3-------------------------------------------------------"
+        );
+        console.log(error);
+        console.log(
+          "ERROR3-------------------------------------------------------"
+        );
+      }
+    });
+}
-- 
2.34.1