Implementation

<ion-content class="ion-padding">
  <ion-button expand="block" class="metaMapButtonCss" (click)="showMetaMapFlow()">
    🚀 Show MetaMap Flow
  </ion-button>
</ion-content>

import { Component, OnInit, OnDestroy } from '@angular/core';
import { MetaMapCapacitor } from 'metamap-capacitor-plugin';
import { Plugins } from '@capacitor/core';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage implements OnInit, OnDestroy {
  private verificationCreatedListener: any;

  constructor() {}

  ngOnInit() {
    // Subscribe to verificationCreated event
    this.verificationCreatedListener = MetaMapCapacitor.addListener(
      'verificationCreated',
      (data: any) => {
        console.log('🟡 verificationCreated');
        console.log('   • identityId:', data.identityId);
        console.log('   • verificationId:', data.verificationId);
      }
    );
  }

  ngOnDestroy() {
    // Clean up the listener
    if (this.verificationCreatedListener) {
      this.verificationCreatedListener.remove();
    }
  }

  showMetaMapFlow() {
    const metadataParams = { key: 'value' };

    const options = {
      clientId: 'YOUR_CLIENT_ID',
      flowId: 'YOUR_FLOW_ID',
      metadata: metadataParams,
    };

    console.log('🚀 Launching MetaMap Flow with:');
    console.log('   • clientId:', options.clientId);
    console.log('   • flowId:', options.flowId);
    console.log('   • metadata:', options.metadata);

    MetaMapCapacitor.showMetaMapFlow(options)
      .then((verification: any) => {
        console.log('✅ Verification Success');
        console.log('   • identityId:', verification.identityId);
        console.log('   • verificationId:', verification.verificationId);
      })
      .catch((error: any) => {
        console.warn('❌ Verification Cancelled or Failed');
        console.warn('   • message:', error.message);
        if (error?.data) {
          console.warn('   • identityId:', error.data.identityId);
          console.warn('   • verificationId:', error.data.verificationId);
          console.warn('   • status:', error.data.status);
        }
      });
  }
}