Update portal frontend to support consent management api v0.3.0

Author: rashmithachamikara

portal/frontend/src/__tests__/ConsentApprovalApi.test.ts

@@ -17,7 +17,7 @@
  */
 
 import { afterEach, describe, expect, it, vi } from 'vitest'
-import { approveMyConsent } from '../features/consent-registry/api/consentsApi'
+import { approveMyConsent, revokeMyConsent } from '../features/consent-registry/api/consentsApi'
 import { apiRequest } from '../utils/apiClient'
 
 const fetchMock = vi.fn()
@@ -36,7 +36,14 @@ describe('approveMyConsent', () => {
       json: async () => ({}),
     })
 
-    const selectedOptionalElements = [{ purposeName: 'profile_access', elementName: 'last_name' }]
+    const selectedOptionalElements = [
+      {
+        purposeId: 'purpose-profile',
+        purposeVersion: 'v2',
+        elementId: 'element-last-name',
+        elementVersion: 'v3',
+      },
+    ]
 
     await approveMyConsent('consent/123?draft', selectedOptionalElements)
 
@@ -53,6 +60,25 @@ describe('approveMyConsent', () => {
     expect(requestHeaders.get('Accept')).toBe('application/json')
     expect(requestHeaders.get('Content-Type')).toBe('application/json')
   })
+
+  it('revokes consent with POST', async () => {
+    vi.stubGlobal('fetch', fetchMock)
+    fetchMock.mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({}),
+    })
+
+    await revokeMyConsent('consent-123')
+
+    expect(fetchMock).toHaveBeenCalledTimes(1)
+    const [, requestInit] = fetchMock.mock.calls[0] ?? []
+    expect(requestInit).toMatchObject({
+      method: 'POST',
+      credentials: 'include',
+      body: JSON.stringify({}),
+    })
+  })
 })
 
 describe('apiRequest', () => {

portal/frontend/src/__tests__/ConsentRegistryModals.test.tsx

@@ -70,11 +70,38 @@ describe('consent registry dialogs', () => {
         loading={false}
         purposes={[
           {
+            purposeId: 'purpose-accounts',
             name: 'Accounts',
+            version: 'v2',
+            displayName: 'Accounts',
             elements: [
-              { name: 'Account Number', isUserApproved: true, isMandatory: true },
-              { name: 'Transaction History', isUserApproved: true, isMandatory: false },
-              { name: 'Marketing Messages', isUserApproved: false, isMandatory: false },
+              {
+                elementId: 'element-account-number',
+                name: 'account_number',
+                namespace: 'accounts',
+                version: 'v1',
+                displayName: 'Account Number',
+                approved: true,
+                mandatory: true,
+              },
+              {
+                elementId: 'element-transactions',
+                name: 'transaction_history',
+                namespace: 'accounts',
+                version: 'v3',
+                displayName: 'Transaction History',
+                approved: true,
+                mandatory: false,
+              },
+              {
+                elementId: 'element-marketing',
+                name: 'marketing_messages',
+                namespace: 'accounts',
+                version: 'v2',
+                displayName: 'Marketing Messages',
+                approved: false,
+                mandatory: false,
+              },
             ],
           },
         ]}
@@ -89,8 +116,18 @@ describe('consent registry dialogs', () => {
     fireEvent.click(screen.getByRole('button', { name: /approve & continue/i }))
 
     expect(onConfirm).toHaveBeenCalledWith([
-      { purposeName: 'Accounts', elementName: 'Transaction History' },
-      { purposeName: 'Accounts', elementName: 'Marketing Messages' },
+      {
+        purposeId: 'purpose-accounts',
+        purposeVersion: 'v2',
+        elementId: 'element-transactions',
+        elementVersion: 'v3',
+      },
+      {
+        purposeId: 'purpose-accounts',
+        purposeVersion: 'v2',
+        elementId: 'element-marketing',
+        elementVersion: 'v2',
+      },
     ])
   })
 

portal/frontend/src/__tests__/ConsentRegistryPage.test.tsx

@@ -88,15 +88,18 @@ describe('ConsentRegistryPage', () => {
         data: [
           {
             id: 'CON/8291?draft',
-            clientId: 'Tesco_Bank_v1',
+            groupId: 'tesco-bank',
             type: 'Accounts',
             status: 'ACTIVE',
             createdTime: 1702800000,
             updatedTime: 1702800000,
-            validityTime: 0,
+            expirationTime: 0,
             purposes: [
               {
-                name: 'Marketing',
+                purposeId: 'purpose-marketing',
+                name: 'marketing_preferences',
+                version: 'v1',
+                displayName: 'Marketing',
                 elements: [],
               },
             ],
@@ -118,7 +121,7 @@ describe('ConsentRegistryPage', () => {
     expect(await screen.findByRole('heading', { name: 'All Consents' })).toBeInTheDocument()
     expect(screen.getByLabelText('Consent filters')).toBeInTheDocument()
     expect(screen.getByRole('button', { name: 'Clear all filters' })).toBeInTheDocument()
-    expect(await screen.findByText('Client: Tesco_Bank_v1')).toBeInTheDocument()
+    expect(await screen.findByText('Group ID: tesco-bank')).toBeInTheDocument()
     expect(screen.getByRole('table', { name: 'Consent registry table' })).toBeInTheDocument()
     expect(await screen.findByText('Marketing')).toBeInTheDocument()
     expect(await screen.findByText('Not applicable')).toBeInTheDocument()
@@ -149,6 +152,50 @@ describe('ConsentRegistryPage', () => {
     expect(screen.queryByRole('table', { name: 'Consent registry table' })).not.toBeInTheDocument()
   })
 
+  it('shows the empty state for an empty v0.3 response', async () => {
+    vi.stubGlobal('fetch', fetchMock)
+    fetchMock.mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        data: [],
+        metadata: { total: 0, offset: 0, count: 0, limit: 10 },
+      }),
+    })
+
+    renderConsentRegistryPage(createQueryClient())
+
+    expect(
+      await screen.findByText('No consents found for the selected filters.'),
+    ).toBeInTheDocument()
+  })
+
+  it('shows the error state when a consent response has an unsupported status', async () => {
+    vi.stubGlobal('fetch', fetchMock)
+    fetchMock.mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        data: [
+          {
+            id: 'CON-INVALID',
+            groupId: 'sample-group',
+            type: 'Accounts',
+            status: 'UNKNOWN',
+            createdTime: 1702800000000,
+            updatedTime: 1702800000000,
+            purposes: [],
+          },
+        ],
+        metadata: { total: 1, offset: 0, count: 1, limit: 10 },
+      }),
+    })
+
+    renderConsentRegistryPage(createQueryClient())
+
+    expect(await screen.findByText('Unable to load consents right now.')).toBeInTheDocument()
+  })
+
   it('does not render approve action for rejected consents', async () => {
     vi.stubGlobal('fetch', fetchMock)
     fetchMock.mockResolvedValue({
@@ -158,14 +205,17 @@ describe('ConsentRegistryPage', () => {
         data: [
           {
             id: 'CON-9123',
-            clientId: 'Sample_Client',
+            groupId: 'sample-group',
             type: 'Accounts',
             status: 'REJECTED',
             createdTime: 1702800000,
             updatedTime: 1702800000,
             purposes: [
               {
-                name: 'Marketing',
+                purposeId: 'purpose-marketing',
+                name: 'marketing_preferences',
+                version: 'v1',
+                displayName: 'Marketing',
                 elements: [],
               },
             ],
@@ -217,4 +267,34 @@ describe('ConsentRegistryPage', () => {
     expect(String(requestUrl)).toContain('limit=25')
     expect(String(requestUrl)).toContain('offset=25')
   })
+
+  it('maps URL filters to v0.3 consent search parameters', async () => {
+    vi.stubGlobal('fetch', fetchMock)
+    fetchMock.mockResolvedValue({
+      ok: true,
+      status: 200,
+      json: async () => ({
+        data: [],
+        metadata: { total: 0, offset: 0, count: 0, limit: 10 },
+      }),
+    })
+
+    renderConsentRegistryPage(
+      createQueryClient(),
+      '/consents?status=Pending&startDate=2026-01-01&endDate=2026-01-02&consentType=Accounts',
+    )
+
+    await waitFor(() => {
+      expect(fetchMock).toHaveBeenCalled()
+    })
+
+    const [requestUrl] = fetchMock.mock.calls[0] ?? []
+    const url = new URL(String(requestUrl))
+    expect(url.searchParams.get('consentStatuses')).toBe('CREATED')
+    expect(url.searchParams.get('consentTypes')).toBe('Accounts')
+    expect(Number(url.searchParams.get('fromTime'))).toBeGreaterThan(1_000_000_000_000)
+    expect(Number(url.searchParams.get('toTime'))).toBeGreaterThan(
+      Number(url.searchParams.get('fromTime')),
+    )
+  })
 })

portal/frontend/src/features/consent-registry/api/consentsApi.ts

@@ -61,7 +61,7 @@ export async function approveMyConsent(
 
 export async function revokeMyConsent(consentID: string): Promise<unknown> {
   return apiRequest<unknown>(`/me/consents/${encodeURIComponent(consentID)}/revoke`, {
-    method: 'PUT',
+    method: 'POST',
     headers: {
       'Content-Type': 'application/json',
     },