Implementation

Add the Metamap button to your application's HTML and JavaScript files.

<ion-content>
   <ion-button className="matiButtonCss" (click)="showMatiFlow()">Show MatiFlow
   </ion-button>
</ion-content>

MetaMap method implementation and callBacks

import { Component } from '@angular/core';

import { MetaMapCapacitor } from "metamap-capacitor-plugin";

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  constructor() {}

  showMatiFlow() {
    MetaMapCapacitor.showMetaMapFlow({ clientId: "YOUR_CLIENT_ID",
				flowId: "YOUR_FLOW_ID", metadata: {:}})
      .then( verification => console.log("verification success:" + verification.verificationId))
      .catch(() => console.log("verification cancelled"))
  }
}

In order to make this work you need to set your own CLIENT_ID and FLOW_ID. You can find them in the Metamap Dashboard, for more details please check this section.