30800 - refund approval nuxt updates (#304)

* 30799 / 30800 refund approval updates squash

* lint

* fix breadcrumb

* role check fixes, revert tab logic change that is no longer needed

* date format fix

* fix test router warnings - stub

* fix shortnamelookup test

* ShortNamePaymentHistory test fixes

* fix transactions filters, update filter dropdown list to expand to fit contents

* fix transactions / refund request header bars

* transaction expansion / drop down row clean up

* mode fixes / patch url fix

Author: ochiu

web/pay-ui/app/components/common/StatusList.vue

@@ -42,7 +42,7 @@ function clearSelection() {
       :class="{ '!pr-14': model }"
       :ui="{
         placeholder: 'placeholder',
-        content: 'wide-dropdown',
+        content: 'wide-dropdown min-w-max',
         trailing: model ? '!pr-8' : ''
       }"
     />

web/pay-ui/app/components/eft/ShortNameLookup.vue

@@ -101,7 +101,7 @@ function isShortNameLinkedOrPending(account: EftAccount): boolean {
   return account.statusCode === ShortNameStatus.LINKED || account.statusCode === ShortNameStatus.PENDING
 }
 
-defineExpose({ clearSelection: clearSelectionSilent })
+defineExpose({ clearSelection: clearSelectionSilent, isShortNameLinkedOrPending })
 </script>
 
 <template>

web/pay-ui/app/components/eft/ShortNamePaymentHistory.vue

@@ -200,7 +200,7 @@ function navigateToRefundDetail(item: ShortNameHistoryItem) {
   if (!refundId) {
     return
   }
-  navigateTo(`/eft/shortname-details/${props.shortNameId}/refund?eftRefundId=${refundId}`)
+  navigateTo({ path: `/eft/shortname-details/${props.shortNameId}/refund`, query: { eftRefundId: String(refundId) } })
 }
 
 function canShowReverseButton(item: ShortNameHistoryItem): boolean {