# yarn
yarn add @passbase/[email protected]
​
# npm 
npm i @passbase/[email protected] -s

source 'https://github.com/CocoaPods/Specs.git'
source 'https://github.com/passbase/zoomauthentication-cocoapods-specs.git'
source 'https://github.com/passbase/cocoapods-specs.git'
source 'https://github.com/passbase/microblink-cocoapods-specs.git'

# Example of a Podfile
# 1. Add this here
source 'https://github.com/CocoaPods/Specs.git'
source 'https://github.com/passbase/zoomauthentication-cocoapods-specs.git'
source 'https://github.com/passbase/cocoapods-specs.git'
source 'https://github.com/passbase/microblink-cocoapods-specs.git'
​
# 2. Add the platform requirement to at least iOS 11
platform :ios, '11.0' 
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
​
target 'ReactNativeTest' do
​
  use_frameworks!
​
  # Pods for ReactNativeTest 
  # ... (not all listed)
​
  target 'ReactNativeTestTests' do
    inherit! :search_paths
    # Pods for testing
  end
​
  use_native_modules!
end
​
target 'ReactNativeTest-tvOS' do
  # Pods for ReactNativeTest-tvOS
​
  target 'ReactNativeTest-tvOSTests' do
    inherit! :search_paths
    # Pods for testing
  end
​
end

<!-- permission strings to be include in info.plist -->
<key>NSCameraUsageDescription</key>
<string>Please give us access to your camera, to complete the verification.</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>Please give us access to your photo library to verify you.</string>

// In the different lines to your projcet's build.gradle file
buildscript {
    ext {
      ...
        minSdkVersion = 21 // 1. Add minSdkVersion
        kotlin_version = "1.3.21" // 2. Add kotlin_version
    }
    dependencies {
       ...
       // 3. Add classpath
       classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 
    }
}
​
allprojects {
    repositories {
       ...
       // 4. Add maven block
       maven { url 'https://button.passbase.com/__android' }
    }
}

const res = await PassbaseSDK.initialize('YOUR_PUBLISHABLE_API_KEY')

import { PassbaseSDK } from '@passbase/react-native-passbase'; 
​
    // 1. promise based implementation
    const res = await PassbaseSDK.initialize('YOUR_PUBLISHABLE_API_KEY')
    if (res && res.success) {
        // Do your stuff here, you have successfully initialized.
    } else {
        // check res.message for the error message
    }
    
    // 2. Callback based implementation
    PassbaseSDK.initialize('YOUR_PUBLISHABLE_API_KEY',
        (res) => { // it is onSuccess callback.
          // do your stuff here.
        },
        (err) => { // it is onError callback
          // oops! something went wrong. analyze `err`
        }
    )

import { PassbaseButton } from '@passbase/react-native-passbase'; // import statement on top
​
// ...
render() {
    return (
        <PassbaseButton style={{ backgroundColor: 'white' }}/>
    )
}

  import { PassbaseSDK } from '@passbase/react-native-passbase' // at the top import
​
  // Promise based method call
  const res = await PassbaseSDK.startVerification();
  if (res.success) {
     // successfully started verification.
  }
​
  //Callback based call
  PassbaseSDK.startVerification((res) => {
      if (res && res.success) {
          // successfully started verification.
      }
  }, (err) => {
      // ooops! something went wrong. analyze `err`
  })

PassbaseSDK.setPrefillUserEmail("[email protected]")

PassbaseSDK.setPrefillCountry("de")

// Signed and Armored Metadata, which contain {internal_customer_id: "XYZ", "email": "[email protected]", "country": "de", ...}
PassbaseSDK.setMetaData("AJIZZDIZJADIOAJDOIZJAOIZJDOIAJIODZJIAJDIOZJAIOZDJALANLIKESJIZZOIZDJAOIZJDOZIAJDOIAZJDAZD")

{
   id: "1234-1234-1234-1234",
   resources: [...],
   metadata: { internal_customer_id: "XYZ" }
}

import { NativeEventEmitter } from 'react-native';
import { PassbaseSDK } from '@passbase/react-native-passbase';
​
  // now in your component's componentDidMount lifecycle method
  componentDidMount () {
      this.subscription = new NativeEventEmitter(PassbaseSDK);
​
      this.subscription.addListener('onError', event => {
          // do your stuff here
          // event.errorCode
      });
      this.subscription.addListener('onFinish', event => {
          // do your stuff here.
          // event.identityAccessKey can be used for further interactions with passbase server
      });
      this.subscription.addListener('onSubmitted', event => {
          // do your stuff here.
          // event.identityAccessKey can be used for further interactions with passbase server
      });
      this.subscription.addListener('onStart', event => {
          // do your stuff here.
      });
  }
​
  // you should removeListeners on componentWillUnmout
  componentWillUnmount(){
    if (this.subscription) {
        this.subscription.removeListener('onError', (event) => {})
        this.subscription.removeListener('onFinish', (event) => {})
        this.subscription.removeListener('onSubmitted', (event) => {})
        this.subscription.removeListener('onStart', (event) => {})
    }
  }

-dontwarn okio.**
-dontwarn retrofit2.Platform$Java8
-dontwarn com.facetec.zoom.sdk.**

buildTypes {
    release {
        minifyEnabled true
        proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
    }
}

import React from 'react';
import { NativeEventEmitter, Platform, View, StyleSheet, TouchableOpacity, Text, Alert, ActivityIndicator } from 'react-native';
import { PassbaseSDK, PassbaseButton } from '@passbase/react-native-passbase';
class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            initSucceed: false,
            loading: false
        };
    }
    async componentDidMount() {
        this.subscription = new NativeEventEmitter(PassbaseSDK);
        this.subscription.addListener('onError', (event) => {
            console.log("##onError##", event)
        })
        this.subscription.addListener('onFinish', (event) => {
            console.log("##onFinish##", event)
        })
        this.subscription.addListener('onSubmitted', (event) => {
            console.log("##onSubmitted##", event)
        })
        this.subscription.addListener('onStart', (event) => {
            console.log("##onStart##", event)
        })
    }
​
    handlePassbaseClick = async () => {
        const { initSucceed, loading } = this.state
        if (loading ) {
            return
        }
        this.setState({loading: true}, async () => {
            if (initSucceed) {
                // Promise based method call
                const res = await PassbaseSDK.startVerification();
                this.setState({loading: false})
                if (!res.success) {
                    alert('something went wrong. while starting verification.')
                }
            } else {
                // promise based implementation
                const res = await PassbaseSDK.init('YOUR_PUBLISHABLE_API_KEY')
                console.log("initRes: ", res)
                if (res && res.success) {
                    this.setState({initSucceed: true, loading: false})
                }
            }
        })
    }
​
    render() {
        const { initSucceed, loading } = this.state;
        return (
            <View style={styles.container}>
                <TouchableOpacity style={styles.button}
                                   onPress={this.handlePassbaseClick}>
                    <Text style={styles.btnText}>
                        {initSucceed ? 'start verification' : 'initialize SDK'}
                    </Text>
                    {
                        loading && <View style={styles.loadingContainer}>
                            <ActivityIndicator size={'large'}/>
                        </View>
                    }
                </TouchableOpacity>
                  {
                    initSucceed && <PassbaseButton style={{ margin: 10, backgroundColor: 'white' }}/>
                  }
            </View>
        );
    }
​
    componentWillUnmount(){
        if (this.subscription)
            this.subscription.removeListener('onFinish', (event) => {
                console.log("##removing listener onFinish##", event)
            })
            this.subscription.removeListener('onSubmitted', (event) => {
                console.log("##removing listener onSubmitted##", event)
            })
            this.subscription.removeListener('onError', (event) => {
                console.log("##removing listener onError##", event) 
            })
            this.subscription.removeListener('onStart', (event) => {
                console.log("##removing listener onStart##", event) 
            })
​
    }
}
export default App;
​
const styles = StyleSheet.create({
    container: {
        width: '100%',
        height: '100%',
        alignItems: 'center',
        justifyContent: 'center'
    },
    button: {
        width: 250,
        padding: 10,
        margin: 10,
        backgroundColor: 'blue',
        alignItems: 'center',
        justifyContent: 'center'
    },
    btnText: {
        color: 'white',
        fontWeight: 'bold'
    },
    component: {
        width: 100,
        height: 100,
        margin: 5
    },
    loadingContainer: {
        position: 'absolute',
        left: 0, right: 0, top: 0, bottom: 0,
        alignItems: 'center',
        justifyContent: 'center'
    }
});

allprojects {
    repositories {
        // other repositories ...
        maven { url 'https://maven.google.com' } // THIS ONE ADDED FOR ONE-SIGNAL
        google()
        jcenter()
        maven { url 'https://jitpack.io' }
        maven { url 'https://button.passbase.com/__android' }
    }
    configurations.all { // THIS BLOCK ADDED FOR ONE-SIGNAL & PASSBASE CONFLICTS
        resolutionStrategy {
            eachDependency { DependencyResolveDetails details ->
                if (details.requested.group == 'com.google.firebase') {
                    details.useVersion "+"
                }
                if (details.requested.group == 'com.google.android.gms') {
                    details.useVersion "+"
                }
            }
        }
    }
}

Could not determine the dependencies of task ':app:lintVitalRelease'.
> Could not resolve all artifacts for configuration ':app:releaseAndroidTestRuntimeClasspath'.
   > Could not resolve io.intercom.android:intercom-sdk-base:5.+.
     Required by:
         project :app > project :react-native-intercom
      > Failed to list versions for io.intercom.android:intercom-sdk-base.
         > Unable to load Maven meta-data from https://button.passbase.com/__android/io/intercom/android/intercom-sdk-base/maven-metadata.xml.
            > Could not get resource 'https://button.passbase.com/__android/io/intercom/android/intercom-sdk-base/maven-metadata.xml'.
               > Could not GET 'https://button.passbase.com/__android/io/intercom/android/intercom-sdk-base/maven-metadata.xml'. Received status code 403 from server: Forbidden

maven {
  url 'https://button.passbase.com/__android'
  content {
    excludeGroupByRegex "io\\.intercom.*"
  }
}