22552 - Eft refund enhancement (#2950)

bcgov · Aug 6, 2024 · 4e11935 · 4e11935
1 parent fe8a831
commit 4e11935
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/auth-web/package-lock.json b/auth-web/package-lock.json
diff --git a/auth-web/package.json b/auth-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.6.60",
+  "version": "2.6.61",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,

diff --git a/auth-web/src/views/pay/eft/ShortNameDetailsView.vue b/auth-web/src/views/pay/eft/ShortNameDetailsView.vue
@@ -33,7 +33,7 @@
             mdi-alert
           </v-icon>
           <p class="account-alert__info mb-0 pl-3">
-            Please verify if the {{ unsettledAmount }} balance is eligible for a refund, or you can link to a new account.
+            Caution: Please verify if the {{ unsettledAmount }} balance is eligible for a refund, or you can link to a new account.
           </p>
         </div>
       </v-alert>
@@ -177,5 +177,6 @@ export default defineComponent({
   }
   .account-alert__info {
     flex: 1 1 auto;
+    color: $TextColorGray;
   }
 </style>
diff --git a/auth-web/src/views/pay/eft/ShortNameRefundView.vue b/auth-web/src/views/pay/eft/ShortNameRefundView.vue
@@ -83,12 +83,12 @@
 
               <v-row>
                 <v-col class="col-6 col-sm-3 font-weight-bold">
-                  Staff Comment
+                  Reason for Refund
                 </v-col>
                 <v-text-field
                   v-model.trim="staffComment"
                   filled
-                  label="Staff Comment (Optional)"
+                  label="Reason for Refund"
                   persistent-hint
                   data-test="staffComment"
                   :rules="staffCommentRules"
@@ -180,6 +180,7 @@ export default defineComponent({
       ],
       orgStore: useOrgStore(),
       staffCommentRules: [
+        v => !!v || 'Reason for Refund is required',
         v => (v.length < 500) || 'Cannot exceed 500 characters'
       ],
       isSubmitted: false
@@ -212,6 +213,10 @@ export default defineComponent({
           state.isSubmitted = true
           buttonText.value = 'Approved'
           buttonColor.value = 'green'
+          state.isLoading = false
+          // 2-second delay before navigating away
+          await new Promise(resolve => setTimeout(resolve, 2000)) // 2-second delay
+          handleCancelButton()
         } catch (error) {
           state.isSubmitted = false
           buttonText.value = 'Failed'