Description

This PR integrates the Veriff native SDK directly into the Card onboarding flow, replacing the previous KYCWebview approach. Instead of navigating to a separate webview screen to launch Veriff, the SDK is now invoked natively from the VerifyIdentity component. This provides a better user experience (native UI instead of a webview), more reliable KYC session handling, and full visual customization to match MetaMask's branding.

Key changes:

• Replaced webview-based Veriff flow with native SDK: The KYCWebview component and its route have been removed. VerifyIdentity now directly calls VeriffSdk.launchVeriff() and handles statusDone, statusCanceled, and statusError results.
• MetaMask-branded Veriff SDK: The SDK is fully customized to match MetaMask's design system — background, text, button, and accent colors adapt dynamically to light/dark theme via useTheme(). Camera overlay colors are pinned to static dark+white values (the SDK applies 90% opacity over the camera feed). Buttons match MetaMask's ButtonPrimary style (icon.default/icon.inverse). Custom Geist fonts and the MetaMask fox logo are applied.
• iOS fox logo asset: A new fox.imageset was added to Images.xcassets (1x/2x/3x PNGs) so the Veriff SDK can display the MetaMask fox logo via native asset name on iOS.
• Android build configuration: Added the Veriff Maven repository. The project's minSdkVersion remains at 24; Veriff's sub-libraries require API 26, which is handled via a Gradle doFirst task that patches the extracted Veriff AAR manifests before the manifest merge (the standard tools:overrideLibrary approach conflicts with AGP's auto-generated <uses-sdk>). Also resolved BouncyCastle duplicate class conflicts via dependencySubstitution and excluded a conflicting OSGI manifest entry.
• TypeScript declarations: Added type definitions for @veriff/react-native-sdk including VeriffBranding, VeriffConfig, VeriffResult, and font config interfaces.
• Jest configuration: Added @veriff/react-native-sdk to transformIgnorePatterns so the ESM package is transpiled during tests.
• Tests updated: VerifyIdentity.test.tsx was rewritten to test the native SDK launch, branding structure, and status handling. KYCWebview.test.tsx was removed. OnboardingNavigator tests were updated to remove the deleted webview route.

Changelog

CHANGELOG entry: Replaced webview-based Veriff KYC flow with native Veriff SDK integration, featuring MetaMask-branded UI with dynamic light/dark theme support, custom fonts, and fox logo

Related issues

Fixes:

Manual testing steps

Feature: Veriff SDK native integration for Card KYC

  Scenario: User launches KYC verification in light mode
    Given the user is on the Card onboarding "Verify Identity" screen
    And the app is in light mode

    When the user taps the "Continue" button
    Then the Veriff SDK opens natively with MetaMask branding
    And the background is white with dark text
    And the buttons are dark (matching MetaMask ButtonPrimary style)
    And the MetaMask fox logo is displayed at the top
    And the illustrations are visible with blue accent tint

  Scenario: User launches KYC verification in dark mode
    Given the user is on the Card onboarding "Verify Identity" screen
    And the app is in dark mode

    When the user taps the "Continue" button
    Then the Veriff SDK opens natively with MetaMask branding
    And the background is dark with white text
    And the buttons are white (matching MetaMask ButtonPrimary dark style)
    And the camera overlay text is readable (white text on dark overlay)
    And the illustrations are visible with blue accent tint

  Scenario: User completes Veriff verification successfully
    Given the Veriff SDK is open

    When the user completes the identity verification flow
    Then the Veriff SDK returns statusDone
    And the user is navigated to the "Verifying KYC" screen

  Scenario: User cancels Veriff verification
    Given the Veriff SDK is open

    When the user cancels or closes the Veriff flow
    Then the Veriff SDK returns statusCanceled
    And the user remains on the "Verify Identity" screen

  Scenario: Veriff verification encounters an error
    Given the Veriff SDK is open

    When the verification fails with an error
    Then the error is logged via Logger
    And the user remains on the "Verify Identity" screen

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.