From e5dc17a5fa16f14b36804892c4ad42aa8cf4f0b3 Mon Sep 17 00:00:00 2001
From: Josh Traill <josh.traill@quartech.com>
Date: Mon, 20 Jan 2025 10:38:08 -0800
Subject: [PATCH] fix: criminal document download refactor: remove unneeded
 error handling from courtfilesearch

---
 .../courtfilesearch/CourtFileSearchView.vue   | 21 +----
 .../criminal/CriminalDocumentsView.vue        |  4 +-
 web/src/components/shared.ts                  | 89 ++++++++++---------
 3 files changed, 52 insertions(+), 62 deletions(-)

diff --git a/web/src/components/courtfilesearch/CourtFileSearchView.vue b/web/src/components/courtfilesearch/CourtFileSearchView.vue
index bf22e5e3..5bd93613 100644
--- a/web/src/components/courtfilesearch/CourtFileSearchView.vue
+++ b/web/src/components/courtfilesearch/CourtFileSearchView.vue
@@ -1,23 +1,10 @@
+
 <template>
   <!-- todo: Extract this out to more generic location -->
   <v-overlay :opacity="0.333" v-model="isLoading" />
-  <b-card
-    body-class="px-0"
-    bg-variant="light"
-    v-if="isLookupDataMounted && !isLookupDataReady"
-  >
-    <b-card style="min-height: 40px">
-      <span v-if="errorCode != '0'">
-        <span v-if="errorCode === '403'">
-          You are not authorized to access this page.
-        </span>
-        <span v-else>
-          Server is not responding.
-          <b>({{ errorText }} "{{ errorCode }}")</b></span
-        >
-      </span>
-      <span v-else> No Court File Search Found. </span>
-    </b-card>
+
+  <b-card style="min-height: 40px" v-if="errorCode > 0 && errorCode == '403'">
+    <span> You are not authorized to access this page. </span>
   </b-card>
   <!------------------------------------------------------->
   <v-banner style="background-color: #62d3a4; color: #183a4a">
diff --git a/web/src/components/criminal/CriminalDocumentsView.vue b/web/src/components/criminal/CriminalDocumentsView.vue
index ffc42147..2ff5288a 100644
--- a/web/src/components/criminal/CriminalDocumentsView.vue
+++ b/web/src/components/criminal/CriminalDocumentsView.vue
@@ -377,8 +377,8 @@
 
       const getNameOfParticipant = (num) => {
         commonStore.updateDisplayName({
-          lastName: participantFiles[num].lastName,
-          givenName: participantFiles[num].firstName,
+          lastName: participantFiles[num]?.lastName || '',
+          givenName: participantFiles[num]?.firstName || '',
         });
         return commonStore.displayName;
       };
diff --git a/web/src/components/shared.ts b/web/src/components/shared.ts
index 9e79c766..18919671 100644
--- a/web/src/components/shared.ts
+++ b/web/src/components/shared.ts
@@ -1,22 +1,25 @@
-import { CourtDocumentType, DocumentData } from "@/types/shared"
-import { splunkLog } from "@/utils/utils"
-import base64url from "base64url"
-import { v4 as uuidv4 } from "uuid"
+import { CourtDocumentType, DocumentData } from '@/types/shared';
+import { splunkLog } from '@/utils/utils';
+import { v4 as uuidv4 } from 'uuid';
 
 export default {
+  convertToBase64Url(inputText: string): string {
+    const base64 = btoa(inputText);
+    return base64.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
+  },
   openDocumentsPdf(
     documentType: CourtDocumentType,
     documentData: DocumentData
   ): void {
     const fileName = this.generateFileName(documentType, documentData).replace(
       /\//g,
-      "_"
-    )
-    const isCriminal = documentType == CourtDocumentType.Criminal
+      '_'
+    );
+    const isCriminal = documentType == CourtDocumentType.Criminal;
     const documentId = documentData.documentId
-      ? base64url(documentData.documentId)
-      : documentData.documentId
-    const correlationId = uuidv4()
+      ? this.convertToBase64Url(documentData.documentId)
+      : documentData.documentId;
+    const correlationId = uuidv4();
 
     switch (documentType) {
       case CourtDocumentType.CSR:
@@ -26,8 +29,8 @@ export default {
           }/${encodeURIComponent(fileName)}?vcCivilFileId=${
             documentData.fileId
           }`
-        )
-        break
+        );
+        break;
       case CourtDocumentType.ROP:
         window.open(
           `${
@@ -39,8 +42,8 @@ export default {
           }&courtLevelCode=${documentData.courtLevel}&courtClassCode=${
             documentData.courtClass
           }`
-        )
-        break
+        );
+        break;
       default:
         this.openRequestedTab(
           `${
@@ -51,8 +54,8 @@ export default {
             documentData.fileId
           }&CorrelationId=${correlationId}`,
           correlationId
-        )
-        break
+        );
+        break;
     }
   },
 
@@ -62,53 +65,53 @@ export default {
   ): string {
     const locationAbbreviation = (
       documentData.location.match(/[A-Z]/g) || []
-    ).join("")
+    ).join('');
     switch (documentType) {
       case CourtDocumentType.Civil:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.dateFiled}-${documentData.documentId}.pdf`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.dateFiled}-${documentData.documentId}.pdf`;
       case CourtDocumentType.ProvidedCivil:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.appearanceDate}-${documentData.partyName}.pdf`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.appearanceDate}-${documentData.partyName}.pdf`;
       case CourtDocumentType.CSR:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.appearanceDate}.pdf`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.appearanceDate}.pdf`;
       case CourtDocumentType.Criminal:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.courtClass}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.dateFiled}-${documentData.documentId}.pdf`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.courtClass}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.dateFiled}-${documentData.documentId}.pdf`;
       case CourtDocumentType.ROP:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.courtClass}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.partId}.pdf`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.courtClass}-${documentData.fileNumberText}-${documentData.documentDescription}-${documentData.partId}.pdf`;
       case CourtDocumentType.CivilZip:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-documents.zip`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.fileNumberText}-documents.zip`;
       case CourtDocumentType.CriminalZip:
-        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.courtClass}-${documentData.fileNumberText}-documents.zip`
+        return `${locationAbbreviation}-${documentData.courtLevel}-${documentData.courtClass}-${documentData.fileNumberText}-documents.zip`;
       default:
-        throw Error(`No file structure for type: ${documentType}`)
+        throw Error(`No file structure for type: ${documentType}`);
     }
   },
 
   openRequestedTab(url, correlationId) {
-    const start = new Date()
-    const startStr = start.toLocaleString("en-US", {
-      timeZone: "America/Vancouver"
-    })
-    const startMsg = `Request Tracking - Frontend request to API - CorrelationId: ${correlationId} Start time: ${startStr}`
+    const start = new Date();
+    const startStr = start.toLocaleString('en-US', {
+      timeZone: 'America/Vancouver',
+    });
+    const startMsg = `Request Tracking - Frontend request to API - CorrelationId: ${correlationId} Start time: ${startStr}`;
     //console.log(startMsg);
-    splunkLog(startMsg)
+    splunkLog(startMsg);
 
-    const windowObjectReference = window.open(url)
+    const windowObjectReference = window.open(url);
     if (windowObjectReference !== null) {
-      const end = new Date()
-      const endStr = start.toLocaleString("en-US", {
-        timeZone: "America/Vancouver"
-      })
+      const end = new Date();
+      const endStr = start.toLocaleString('en-US', {
+        timeZone: 'America/Vancouver',
+      });
 
-      const duration = (end.getTime() - start.getTime()) / 1000
-      const endMsg = `Request Tracking - API response received - CorrelationId: ${correlationId} End time: ${endStr} Duration: ${duration}s`
+      const duration = (end.getTime() - start.getTime()) / 1000;
+      const endMsg = `Request Tracking - API response received - CorrelationId: ${correlationId} End time: ${endStr} Duration: ${duration}s`;
 
       // eslint-disable-next-line
       windowObjectReference.onload = (event) => {
-        if (windowObjectReference.document.readyState === "complete") {
+        if (windowObjectReference.document.readyState === 'complete') {
           //console.log(endMsg);
-          splunkLog(endMsg)
+          splunkLog(endMsg);
         }
-      }
+      };
     }
-  }
-}
+  },
+};