MOB-862 #comment updated example app with new APIs

Author: shachartransmit

example/src/App.tsx

@@ -80,7 +80,7 @@ export default class App extends React.Component<any, State> {
 
   private signTransaction = async (username: string): Promise<void> => {
     try {
-      const response = await TSAuthenticationSDKModule.signTransaction(username);
+      const response = await TSAuthenticationSDKModule.signWebauthnTransaction(username);
       const accessToken = await this.mockServer.getAccessToken();
       const success = await this.mockServer.completeAuthentication(accessToken.token, response.result); // should change???
       if (success) {
@@ -117,7 +117,7 @@ export default class App extends React.Component<any, State> {
 
   private register = async (username: string, displayName: string): Promise<void> => {
     try {
-      const response = await TSAuthenticationSDKModule.register(username, displayName);
+      const response = await TSAuthenticationSDKModule.registerWebAuthn(username, displayName);
       const accessToken = await this.mockServer.getAccessToken();
       const success = await this.mockServer.completeRegistration(accessToken.token, response.result, username);
       if (success) {
@@ -135,7 +135,7 @@ export default class App extends React.Component<any, State> {
 
   private authenticate = async (username: string): Promise<void> => {
     try {
-      const response = await TSAuthenticationSDKModule.authenticate(username);
+      const response = await TSAuthenticationSDKModule.authenticateWebAuthn(username);
       const accessToken = await this.mockServer.getAccessToken();
       const success = await this.mockServer.completeAuthentication(accessToken.token, response.result);
       if (success) {
@@ -173,8 +173,6 @@ export default class App extends React.Component<any, State> {
         secret: config.secret
       }
       this.configureExampleApp(appConfiguration);
-    } else {
-      // this.showAppConfigurationDialog()
     }
   }
 
@@ -185,6 +183,14 @@ export default class App extends React.Component<any, State> {
       appConfiguration.secret
     );
 
+    if (!TSAuthenticationSDKModule.isWebAuthnSupported()) {
+      this.setState({ errorMessage: 'WebAuthn is not supported on this device' });
+      return;
+    }
+
+    const deviceInfo = await TSAuthenticationSDKModule.getDeviceInfo();
+    console.log("Device Info: ", deviceInfo);
+
     TSAuthenticationSDKModule.initialize(
       appConfiguration.clientId,
       appConfiguration.domain,

ios/TsAuthentication.swift

@@ -98,7 +98,11 @@ class TsAuthentication: NSObject {
 
                     switch deviceInfo {
                         case .success(let response):
-                            resolve(["result": response])
+                            let info = ["result": [
+                                "publicKeyId": response.publicKeyId,
+                                "publicKey": response.publicKey
+                            ]]
+                            resolve(info)
                         case .failure(let error):
                             reject(self.kTag, error.localizedDescription, error)
                         }