fix(wallet-admin): add cancel api

Signed-off-by: Rakib Ansary <rakibansary@topcoder.com>

Author: rakibansary

src/apps/wallet-admin/src/home/tabs/payments/PaymentsTab.tsx

@@ -180,12 +180,20 @@ const ListView: FC<ListViewProps> = (props: ListViewProps) => {
             releaseDate: currentEditState.releaseDate !== undefined ? currentEditState.releaseDate : undefined,
         }
 
-        let paymentStatus : 'ON_HOLD_ADMIN' | 'OWED' | undefined
-        if (updateObj.paymentStatus !== undefined) paymentStatus = updateObj.paymentStatus.indexOf('Owed') > -1 ? 'OWED' : 'ON_HOLD_ADMIN'
+        let paymentStatus : 'ON_HOLD_ADMIN' | 'OWED' | 'CANCELLED' | undefined
+        if (updateObj.paymentStatus !== undefined) {
+            if (updateObj.paymentStatus === 'Owed') {
+                paymentStatus = 'OWED'
+            } else if (updateObj.paymentStatus === 'On Hold') {
+                paymentStatus = 'ON_HOLD_ADMIN'
+            } else if (updateObj.paymentStatus === 'Cancel') {
+                paymentStatus = 'CANCELLED'
+            }
+        }
 
         const updates: {
             auditNote?: string
-            paymentStatus?: 'ON_HOLD_ADMIN' | 'OWED'
+            paymentStatus?: 'ON_HOLD_ADMIN' | 'OWED' | 'CANCELLED'
             releaseDate?: string
             paymentAmount?: number
             winningsId: string

src/apps/wallet-admin/src/lib/components/payment-edit/PaymentEdit.tsx

@@ -200,6 +200,7 @@ const PaymentEdit: React.FC<PaymentEditFormProps> = (props: PaymentEditFormProps
                     options={[
                         { label: 'Owed', value: 'Owed' },
                         { label: 'On Hold', value: 'On Hold' },
+                        { label: 'Cancel', value: 'Cancel' },
                     ]}
                     value={paymentStatus}
                     onChange={e => handleInputChange('paymentStatus', e.target.value)}

src/apps/wallet-admin/src/lib/services/wallet.ts

@@ -56,7 +56,7 @@ export async function fetchAuditLogs(paymentId: string): Promise<WinningsAudit[]
 
 export async function editPayment(updates: {
     winningsId: string,
-    paymentStatus?: 'ON_HOLD_ADMIN' | 'OWED',
+    paymentStatus?: 'ON_HOLD_ADMIN' | 'OWED' | 'CANCELLED',
     paymentAmount?: number,
     releaseDate?: string,
 }): Promise<string> {