metamap-capacitor-plugin 3.8.0 → 3.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MetamapCapacitorPlugin.podspec +1 -1
- package/README.md +4 -146
- package/android/build.gradle +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,148 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
title: "Capacitor"
|
|
3
|
-
excerpt: "Add the MetaMap button to your Capacitor app."
|
|
4
|
-
slug: "capacitor-sdk"
|
|
5
|
-
category: 61ae8e8dba577a0010791480
|
|
6
|
-
---
|
|
1
|
+
# MetaMap for Capacitor Usage Guide
|
|
7
2
|
|
|
3
|
+
The MetaMap for Ionic Capacitor usage guide and changelog can be found in the following locations:
|
|
8
4
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
| 3.8.0 | 3.8.0 |
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
# Metamap for Capacitor Usage Guide
|
|
15
|
-
|
|
16
|
-
This is a guide to implement Metamap in the [Ionic Capacitor framework](https://capacitorjs.com/docs).
|
|
17
|
-
|
|
18
|
-
## Capacitor Demo App
|
|
19
|
-
|
|
20
|
-
You can go to GitHub to download the [Metamap Capacitor demo app](https://github.com/GetMati/mati-mobile-examples/tree/main/capacitorDemoApp).
|
|
21
|
-
|
|
22
|
-
## Install Metamap for Capacitor
|
|
23
|
-
|
|
24
|
-
The following instructions use command line tools to install Metamap for Capacitor to your existing Capacitor application.
|
|
25
|
-
|
|
26
|
-
1. Use the following CLI to install Metamap for your Capacitor project.
|
|
27
|
-
```bash
|
|
28
|
-
npm i metamap-capacitor-plugin@3.8.0
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
1. Build your application.
|
|
32
|
-
```bash
|
|
33
|
-
ionic build
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
1. Update the Capacitor files.
|
|
37
|
-
```bash
|
|
38
|
-
npx cap sync
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
## Add the Metamap Button
|
|
42
|
-
|
|
43
|
-
Add the Metamap button to your application's HTML and JavaScript files.
|
|
44
|
-
|
|
45
|
-
`your_index.html`
|
|
46
|
-
|
|
47
|
-
```html
|
|
48
|
-
<ion-content>
|
|
49
|
-
<ion-button className="matiButtonCss" (click)="showMatiFlow()">Show MatiFlow
|
|
50
|
-
</ion-button>
|
|
51
|
-
</ion-content>
|
|
52
|
-
```
|
|
53
|
-
|
|
54
|
-
`your_index.ts`
|
|
55
|
-
|
|
56
|
-
```json
|
|
57
|
-
import { Component } from '@angular/core';
|
|
58
|
-
|
|
59
|
-
import { MetaMapCapacitor } from "metamap-capacitor-plugin";
|
|
60
|
-
|
|
61
|
-
@Component({
|
|
62
|
-
selector: 'app-home',
|
|
63
|
-
templateUrl: 'home.page.html',
|
|
64
|
-
styleUrls: ['home.page.scss'],
|
|
65
|
-
})
|
|
66
|
-
export class HomePage {
|
|
67
|
-
constructor() {}
|
|
68
|
-
|
|
69
|
-
showMatiFlow() {
|
|
70
|
-
let metadataParams = { param1: "value1" };
|
|
71
|
-
let registerParams = { clientId: "5c94e3c401ddc6001be83c07", flowId: "5e962a23728ddc001b5937aa", metadata: metadataParams};
|
|
72
|
-
|
|
73
|
-
MatiCapacitor.showMatiFlow(registerParams)
|
|
74
|
-
.then( verification => console.log("verification success:" + verification.verificationId))
|
|
75
|
-
.catch(() => console.log("verification cancelled"))
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
```
|
|
79
|
-
|
|
80
|
-
## Launch for Android
|
|
81
|
-
|
|
82
|
-
```bash
|
|
83
|
-
ionic capacitor run android
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
# Launch for iOS
|
|
87
|
-
|
|
88
|
-
1. Set minimum iOS version in `capacitor.config.json`
|
|
89
|
-
```json
|
|
90
|
-
"ios": {
|
|
91
|
-
"minVersion": "12.0"
|
|
92
|
-
}
|
|
93
|
-
```
|
|
94
|
-
|
|
95
|
-
1. Add the following to info.plist:
|
|
96
|
-
```bash
|
|
97
|
-
<key>NSCameraUsageDescription</key>
|
|
98
|
-
<string>MetaMap verification SDK requires camera use</string>
|
|
99
|
-
|
|
100
|
-
<key>NSMicrophoneUsageDescription</key>
|
|
101
|
-
<string>MetaMap verification SDK requires microphone use</string>
|
|
102
|
-
|
|
103
|
-
<key>NSPhotoLibraryUsageDescription</key>
|
|
104
|
-
<string>MetaMap verification SDK requires access to media library</string>
|
|
105
|
-
|
|
106
|
-
<key>NSLocationWhenInUseUsageDescription</key>
|
|
107
|
-
<string>MetaMap will use your location information to provide best possible verification experience.</string>
|
|
108
|
-
|
|
109
|
-
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
|
|
110
|
-
<string>MetaMap will use your location information to provide best possible verification experience.</string>
|
|
111
|
-
|
|
112
|
-
<key>NSLocationAlwaysUsageDescription</key>
|
|
113
|
-
<string>MetaMap will use your location information to provide best possible verification experience.</string>
|
|
114
|
-
```
|
|
115
|
-
|
|
116
|
-
1. Launch the application for iOS
|
|
117
|
-
```bash
|
|
118
|
-
ionic capacitor run ios
|
|
119
|
-
```
|
|
120
|
-
|
|
121
|
-
## Metadata is an additional optional parameters:
|
|
122
|
-
|
|
123
|
-
1. Set the Language:
|
|
124
|
-
```bash
|
|
125
|
-
metadata: {"fixedLanguage": "es"}
|
|
126
|
-
```
|
|
127
|
-
|
|
128
|
-
1. Set the Button Color:
|
|
129
|
-
```bash
|
|
130
|
-
metadata: {"buttonColor": "hexColor"}
|
|
131
|
-
```
|
|
132
|
-
|
|
133
|
-
1. Set the Title color of the button:
|
|
134
|
-
```bash
|
|
135
|
-
metadata: {"buttonTextColor": "hexColor"}
|
|
136
|
-
```
|
|
137
|
-
|
|
138
|
-
1. Set identity Id as parameter for re-verification:
|
|
139
|
-
```bash
|
|
140
|
-
metadata: {"identityId": "value"}
|
|
141
|
-
```
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
## Some error codes you may get during integration
|
|
145
|
-
|
|
146
|
-
`402` - MetaMap services are not paid: please contact your customer success manager
|
|
147
|
-
|
|
148
|
-
`403` - MetaMap credentials issues: please check your client id and MetaMap id
|
|
5
|
+
* [Usage guide](https://github.com/GetMetaMap/metamap-capacitor-plugin/blob/main/docs/metaMap-capacitor.md)
|
|
6
|
+
* [Changelog](https://github.com/GetMetaMap/metamap-capacitor-plugin/blob/main/docs/metamap-capacitor-changelog.md)
|
package/android/build.gradle
CHANGED
|
@@ -51,7 +51,7 @@ dependencies {
|
|
|
51
51
|
implementation fileTree(dir: 'libs', include: ['*.jar'])
|
|
52
52
|
implementation project(':capacitor-android')
|
|
53
53
|
implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
|
|
54
|
-
implementation ('com.metamap:android-sdk:3.
|
|
54
|
+
implementation ('com.metamap:android-sdk:3.27.0')
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
|