ecer-5117 connecting backend submit icra eligibility application to the frontend

Author: SoLetsDev

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/api/icra.ts

@@ -30,4 +30,16 @@ const createOrUpdateDraftIcraEligibility = async (
   });
 };
 
-export { createOrUpdateDraftIcraEligibility, getIcraEligibilities };
+const submitIcraEligibilityApplication = async (eligibilityId: string): Promise<ApiResponse<Components.Schemas.SubmitICRAEligibilityResponse | null | undefined>> => {
+  const client = await getClient();
+  const body: Components.Schemas.ICRAEligibilitySubmissionRequest = {
+    id: eligibilityId,
+  };
+
+  return apiResultHandler.execute<Components.Schemas.SubmitICRAEligibilityResponse | null | undefined>({
+    request: client.icra_post(null, body),
+    key: "icra_post",
+  });
+};
+
+export { createOrUpdateDraftIcraEligibility, getIcraEligibilities, submitIcraEligibilityApplication };

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/IcraEligibilitySummary.vue

@@ -1,9 +1,15 @@
-<template></template>
+<template>Not implemented you are viewing eligibility application id: {{ icraEligibilityId }}</template>
 
 <script lang="ts">
 import { defineComponent } from "vue";
 
 export default defineComponent({
   name: "IcraEligibilitySummary",
+  props: {
+    icraEligibilityId: {
+      type: String,
+      required: true,
+    },
+  },
 });
 </script>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/IcraEligibility.vue

@@ -59,7 +59,7 @@
                   v-if="showSubmitEligibilitySubmission"
                   rounded="lg"
                   color="primary"
-                  :loading="loadingStore.isLoading('icra_put')"
+                  :loading="loadingStore.isLoading('icra_put') || loadingStore.isLoading('icra_post')"
                   @click="handleSubmit"
                 >
                   Submit eligibility submission
@@ -150,7 +150,14 @@ export default defineComponent({
   },
   methods: {
     async handleSubmit() {
-      // TODO: Implement this when the backend API is implemented
+      const submitIcraEligibilityResponse = await this.icraStore.submitIcraEligibilityApplication();
+
+      if (submitIcraEligibilityResponse?.eligibility) {
+        if (submitIcraEligibilityResponse !== null && submitIcraEligibilityResponse !== undefined && submitIcraEligibilityResponse.eligibility) {
+          this.icraStore.icraEligibility = submitIcraEligibilityResponse.eligibility;
+        }
+        this.router.push({ name: "icra-eligibility-submitted", params: { icraEligibilityId: submitIcraEligibilityResponse.eligibility.id } });
+      }
     },
     async handleSaveAndContinue() {
       const valid = await this.validateForm();

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/IcraEligibilitySubmitted.vue

@@ -54,7 +54,7 @@
     <br />
 
     <router-link :to="{ name: 'manage-icra-eligibility', params: { icraEligibilityId: icraEligibilityId } }">
-      <v-btn id="btnIcraEligibilitySummary" class="mt-5" type="" rounded="lg" color="primary">Go to submission summary (TODO NOT IMPLEMENTED)</v-btn>
+      <v-btn id="btnIcraEligibilitySummary" class="mt-5" rounded="lg" color="primary">Go to submission summary</v-btn>
     </router-link>
   </PageContainer>
 </template>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Submitted.vue

@@ -66,7 +66,7 @@
     <br />
 
     <router-link :to="{ name: 'manageApplication', params: { applicationId: applicationId } }">
-      <v-btn id="btnApplicationSummary" class="mt-5" type="" rounded="lg" color="primary">Go to application summary</v-btn>
+      <v-btn id="btnApplicationSummary" class="mt-5" rounded="lg" color="primary">Go to application summary</v-btn>
     </router-link>
   </PageContainer>
 </template>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/router.ts

@@ -266,13 +266,6 @@ const router = createRouter({
       props: true,
       meta: { requiresAuth: true, requiresVerification: true },
     },
-    {
-      path: "/icra-eligibility/submitted/:icraEligibilityId",
-      name: "icra-eligibility-submitted",
-      component: () => import("./components/pages/IcraEligibilitySubmitted.vue"),
-      props: true,
-      meta: { requiresAuth: true, requiresVerification: true, requiresICRAFeature: true },
-    },
     {
       path: "/verify/:token",
       component: () => import("./components/reference/Reference.vue"),
@@ -321,10 +314,18 @@ const router = createRouter({
       name: "icra-eligibility-declaration",
       props: { stream: "Eligibility" },
     },
+    {
+      path: "/icra-eligibility/submitted/:icraEligibilityId",
+      name: "icra-eligibility-submitted",
+      component: () => import("./components/pages/IcraEligibilitySubmitted.vue"),
+      props: true,
+      meta: { requiresAuth: true, requiresVerification: true, requiresICRAFeature: true },
+    },
     {
       path: "/icra-eligibility/manage/:icraEligibilityId",
       name: "manage-icra-eligibility",
       component: () => import("./components/IcraEligibilitySummary.vue"),
+      props: true,
       meta: { requiresAuth: true, requiresVerification: true, requiresICRAFeature: true },
     },
     {

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/store/icra.ts

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 
-import { createOrUpdateDraftIcraEligibility, getIcraEligibilities } from "@/api/icra";
+import { createOrUpdateDraftIcraEligibility, getIcraEligibilities, submitIcraEligibilityApplication } from "@/api/icra";
 import type { Components } from "@/types/openapi";
 import type { FileItem } from "@/components/UploadFileItem.vue";
 
@@ -117,5 +117,9 @@ export const useIcraStore = defineStore("icra", {
       this.$patch({ draftIcraEligibility: draftIcraEligibility });
       return await this.upsertDraftIcraEligibility();
     },
+    async submitIcraEligibilityApplication(): Promise<Components.Schemas.SubmitICRAEligibilityResponse | null | undefined> {
+      const { data: submitIcraEligibilityResponse } = await submitIcraEligibilityApplication(this.draftIcraEligibility.id!);
+      return submitIcraEligibilityResponse;
+    },
   },
 });

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/types/openapi.d.ts

@@ -327,6 +327,9 @@ declare namespace Components {
             internationalCertifications?: InternationalCertification[] | null;
             employmentReferences?: EmploymentReference[] | null;
         }
+        export interface ICRAEligibilitySubmissionRequest {
+            id?: string | null;
+        }
         export type ICRAStatus = "Active" | "Draft" | "Eligible" | "Inactive" | "Ineligible" | "InReview" | "ReadyforReview" | "Submitted";
         export interface IdentificationType {
             id?: string | null;
@@ -514,6 +517,9 @@ declare namespace Components {
         export interface SubmitApplicationResponse {
             application?: Application;
         }
+        export interface SubmitICRAEligibilityResponse {
+            eligibility?: ICRAEligibility;
+        }
         export interface SubmittedApplicationStatus {
             id?: string | null;
             submittedOn?: string; // date-time
@@ -993,6 +999,15 @@ declare namespace Paths {
             export type $400 = Components.Schemas.HttpValidationProblemDetails;
         }
     }
+    namespace IcraPost {
+        export type RequestBody = Components.Schemas.ICRAEligibilitySubmissionRequest;
+        namespace Responses {
+            export type $200 = Components.Schemas.SubmitICRAEligibilityResponse;
+            export type $400 = Components.Schemas.ProblemDetails | Components.Schemas.HttpValidationProblemDetails;
+            export interface $404 {
+            }
+        }
+    }
     namespace IcraPut {
         namespace Parameters {
             export type Id = string;
@@ -1342,6 +1357,14 @@ export interface OperationMethods {
     data?: Paths.IcraPut.RequestBody,
     config?: AxiosRequestConfig  
   ): OperationResponse<Paths.IcraPut.Responses.$200>
+  /**
+   * icra_post - Submit an ICRA Eligibility
+   */
+  'icra_post'(
+    parameters?: Parameters<UnknownParamsObject> | null,
+    data?: Paths.IcraPost.RequestBody,
+    config?: AxiosRequestConfig  
+  ): OperationResponse<Paths.IcraPost.Responses.$200>
   /**
    * files_certificate_get - Handles fetching certificate PDF's
    */
@@ -1731,6 +1754,16 @@ export interface PathsDictionary {
       config?: AxiosRequestConfig  
     ): OperationResponse<Paths.IcraGet.Responses.$200>
   }
+  ['/api/icra']: {
+    /**
+     * icra_post - Submit an ICRA Eligibility
+     */
+    'post'(
+      parameters?: Parameters<UnknownParamsObject> | null,
+      data?: Paths.IcraPost.RequestBody,
+      config?: AxiosRequestConfig  
+    ): OperationResponse<Paths.IcraPost.Responses.$200>
+  }
   ['/api/files/certificate/{certificateId}']: {
     /**
      * files_certificate_get - Handles fetching certificate PDF's
@@ -2013,6 +2046,7 @@ export type FiveYearRenewalExplanations = Components.Schemas.FiveYearRenewalExpl
 export type GetMessagesResponse = Components.Schemas.GetMessagesResponse;
 export type HttpValidationProblemDetails = Components.Schemas.HttpValidationProblemDetails;
 export type ICRAEligibility = Components.Schemas.ICRAEligibility;
+export type ICRAEligibilitySubmissionRequest = Components.Schemas.ICRAEligibilitySubmissionRequest;
 export type ICRAStatus = Components.Schemas.ICRAStatus;
 export type IdentificationType = Components.Schemas.IdentificationType;
 export type IdentityDocument = Components.Schemas.IdentityDocument;
@@ -2048,6 +2082,7 @@ export type SendMessageRequest = Components.Schemas.SendMessageRequest;
 export type SendMessageResponse = Components.Schemas.SendMessageResponse;
 export type StatusCode = Components.Schemas.StatusCode;
 export type SubmitApplicationResponse = Components.Schemas.SubmitApplicationResponse;
+export type SubmitICRAEligibilityResponse = Components.Schemas.SubmitICRAEligibilityResponse;
 export type SubmittedApplicationStatus = Components.Schemas.SubmittedApplicationStatus;
 export type SystemMessage = Components.Schemas.SystemMessage;
 export type Transcript = Components.Schemas.Transcript;