Release: develop -> main

e2e/kyc-files-details.spec.ts

@@ -0,0 +1,160 @@
+import { test, expect, APIRequestContext, Page } from '@playwright/test';
+import * as fs from 'fs';
+import * as path from 'path';
+import { createTestCredentials } from './test-wallet';
+
+/**
+ * E2E tests for the KYC Files Details compliance page.
+ *
+ * Prerequisites:
+ * - Frontend running on localhost:3001 (yarn start)
+ * - Backend API running on localhost:3000 (yarn start:dev in api folder)
+ * - ADMIN_SEED configured in api/.env (run `npm run setup` in API directory)
+ *
+ * Run with: npx playwright test e2e/kyc-files-details.spec.ts
+ *
+ * Note: These tests require running services and will fail if the API is not available.
+ */
+
+const API_URL = process.env.REACT_APP_API_URL! + '/v1';
+
+/**
+ * Read ADMIN_SEED from the API .env file
+ */
+function getAdminSeed(): string {
+  const apiEnvPath = path.join(__dirname, '../../api/.env');
+  if (!fs.existsSync(apiEnvPath)) {
+    throw new Error(`API .env file not found at ${apiEnvPath}. Run 'npm run setup' in the API directory first.`);
+  }
+  const content = fs.readFileSync(apiEnvPath, 'utf8');
+  const match = content.match(/^ADMIN_SEED=(.*)$/m);
+  if (!match || !match[1]) {
+    throw new Error('ADMIN_SEED not found in API .env file. Run "npm run setup" in the API directory first.');
+  }
+  return match[1];
+}
+
+/**
+ * Authenticate with admin credentials
+ */
+async function getAdminAuth(request: APIRequestContext): Promise<string> {
+  const adminSeed = getAdminSeed();
+  const credentials = await createTestCredentials(adminSeed);
+
+  const response = await request.post(`${API_URL}/auth`, {
+    data: credentials,
+  });
+
+  if (!response.ok()) {
+    const body = await response.text().catch(() => 'unknown');
+    throw new Error(`Admin auth failed: ${response.status()} - ${body}`);
+  }
+
+  const data = await response.json();
+  return data.accessToken;
+}
+
+test.describe('KYC Files Details Page', () => {
+  let token: string;
+
+  test.beforeAll(async ({ request }) => {
+    token = await getAdminAuth(request);
+  });
+
+  async function waitForPageLoad(page: Page) {
+    await page.goto(`/compliance/kyc-files/details?session=${token}`);
+    await page.waitForLoadState('networkidle');
+    await expect(page.locator('text=KYC File Details')).toBeVisible({ timeout: 15000 });
+  }
+
+  test('page loads with data and displays correctly', async ({ page }) => {
+    await waitForPageLoad(page);
+
+    // Check all table headers exist
+    const expectedHeaders = [
+      'Id',
+      'AccountId',
+      'Type',
+      'Name',
+      'Status',
+      'Domizil Vertragspartei',
+      'Domizil wB',
+      'Sitzgesellschaft',
+      'Eröffnungsdatum',
+      'Schliessdatum',
+      'Neueröffnung',
+      'GmeR',
+      'PEP',
+      'Komplexe Struktur',
+      'Volume',
+    ];
+
+    for (const header of expectedHeaders) {
+      await expect(page.getByRole('columnheader', { name: header, exact: true })).toBeVisible({ timeout: 5000 });
+    }
+
+    // Check data rows exist
+    const rowCount = await page.locator('tbody tr').count();
+    console.log(`Found ${rowCount} rows in table`);
+    expect(rowCount).toBeGreaterThan(0);
+
+    // Verify date format (dd.mm.yyyy) - check first row
+    const firstRowDate = page.locator('tbody tr').first().locator('td').nth(8); // Eröffnungsdatum column
+    const dateText = await firstRowDate.textContent();
+    if (dateText && dateText !== '-') {
+      expect(dateText).toMatch(/^\d{2}\.\d{2}\.\d{4}$/);
+      console.log(`Date format verified: ${dateText}`);
+    }
+
+    // Verify volume format (Swiss number format with apostrophe) - check first non-empty volume
+    const volumeCells = page.locator('tbody tr td:nth-child(15)');
+    const volumeCount = await volumeCells.count();
+    for (let i = 0; i < Math.min(volumeCount, 10); i++) {
+      const volumeText = await volumeCells.nth(i).textContent();
+      if (volumeText && volumeText !== '-' && volumeText !== '0') {
+        // Swiss format uses apostrophe (Unicode RIGHT SINGLE QUOTATION MARK U+2019) as thousands separator
+        expect(volumeText).toMatch(/^[\d\u2019']+$/);
+        console.log(`Volume format verified: ${volumeText}`);
+        break;
+      }
+    }
+
+    // Verify numeric columns are right-aligned
+    const idCell = page.locator('tbody tr').first().locator('td').first();
+    await expect(idCell).toHaveClass(/text-right/);
+  });
+
+  test('check and download buttons are visible', async ({ page }) => {
+    await waitForPageLoad(page);
+
+    // Check that action buttons exist in each row
+    const firstRow = page.locator('tbody tr').first();
+
+    // Check button (checkmark icon)
+    const checkButton = firstRow.locator('button[title="Check Files"]');
+    await expect(checkButton).toBeVisible();
+
+    // Download button (arrow down icon)
+    const downloadButton = firstRow.locator('button[title="Download Files"]');
+    await expect(downloadButton).toBeVisible();
+  });
+
+  test('CSV export button works', async ({ page }) => {
+    await waitForPageLoad(page);
+
+    // Find CSV export button in filter bar
+    const exportButton = page.locator('button[title="Export CSV"]');
+    await expect(exportButton).toBeVisible();
+
+    // Test that clicking triggers download (we just verify no error)
+    const downloadPromise = page.waitForEvent('download', { timeout: 5000 }).catch(() => null);
+    await exportButton.click();
+    const download = await downloadPromise;
+
+    if (download) {
+      const filename = download.suggestedFilename();
+      expect(filename).toMatch(/^kyc-files-details-\d{4}-\d{2}-\d{2}\.csv$/);
+      console.log(`CSV downloaded: ${filename}`);
+    }
+  });
+});

src/App.tsx

@@ -56,6 +56,7 @@ const TelegramSupportScreen = lazy(() => import('./screens/telegram-support.scre
 const ComplianceScreen = lazy(() => import('./screens/compliance.screen'));
 const ComplianceBankTxReturnScreen = lazy(() => import('./screens/compliance-bank-tx-return.screen'));
 const ComplianceKycFilesScreen = lazy(() => import('./screens/compliance-kyc-files.screen'));
+const ComplianceKycFilesDetailsScreen = lazy(() => import('./screens/compliance-kyc-files-details.screen'));
 const ComplianceKycStatsScreen = lazy(() => import('./screens/compliance-kyc-stats.screen'));
 const RealunitScreen = lazy(() => import('./screens/realunit.screen'));
 const RealunitUserScreen = lazy(() => import('./screens/realunit-user.screen'));
@@ -334,6 +335,10 @@ export const Routes = [
         path: 'compliance/kyc-files',
         element: withSuspense(<ComplianceKycFilesScreen />),
       },
+      {
+        path: 'compliance/kyc-files/details',
+        element: withSuspense(<ComplianceKycFilesDetailsScreen />),
+      },
       {
         path: 'compliance/kyc-stats',
         element: withSuspense(<ComplianceKycStatsScreen />),

src/hooks/compliance.hook.ts

@@ -157,6 +157,15 @@ export interface KycFileListEntry {
   id: number;
   amlAccountType?: string;
   verifiedName?: string;
+  country?: { name: string };
+  allBeneficialOwnersDomicile?: string;
+  amlListAddedDate?: string;
+  amlListExpiredDate?: string;
+  amlListReactivatedDate?: string;
+  highRisk?: boolean;
+  pep?: boolean;
+  complexOrgStructure?: boolean;
+  totalVolumeChfAuditPeriod?: number;
 }
 
 export interface KycFileYearlyStats {
@@ -208,6 +217,17 @@ export function useCompliance() {
     downloadFile(data, headers, `DFX_export_${filenameDateFormat()}.zip`);
   }
 
+  async function checkUserFiles(userDataIds: number[]): Promise<void> {
+    const { data, headers } = await call<{ data: Blob; headers: Record<string, string> }>({
+      url: 'userData/download',
+      method: 'POST',
+      data: { userDataIds, checkOnly: true },
+      responseType: ResponseType.BLOB,
+    });
+
+    downloadFile(data, headers, `DFX_check_${filenameDateFormat()}.zip`);
+  }
+
   async function getTransactionRefundData(transactionId: number): Promise<TransactionRefundData> {
     return call<TransactionRefundData>({
       url: `support/transaction/${transactionId}/refund`,
@@ -242,6 +262,7 @@ export function useCompliance() {
       search,
       getUserData,
       downloadUserFiles,
+      checkUserFiles,
       getTransactionRefundData,
       processTransactionRefund,
       getKycFileList,