MOB-1679 #comment save pin registration state

Author: shachartransmit

android/src/main/java/com/tsauthentication/TsAuthenticationModule.java

@@ -371,7 +371,7 @@ public void error(TSNativeBiometricsApprovalError error) {
 
   @ReactMethod
   @NonNull
-  public void registerPin(String username, String pinCode, Promise promise) {
+  public void registerPinCode(String username, String pinCode, Promise promise) {
     if (reactContext.getCurrentActivity() != null) {
 
       AppCompatActivity appCompatActivity = getAppCompatActivity();
@@ -413,7 +413,7 @@ public void commitPinRegistration(String contextIdentifier, Promise promise) {
     TSPinCodeRegistrationContext context =
       (TSPinCodeRegistrationContext) getContextWithIdentifier(contextIdentifier);
 
-    if (context != null) {
+    if (context == null) {
       promise.reject("result", "PIN Registration Context not found for the context identifier provided");
     } else {
       removeContextWithIdentifier(contextIdentifier);
@@ -424,7 +424,7 @@ public void commitPinRegistration(String contextIdentifier, Promise promise) {
 
   @ReactMethod
   @NonNull
-  public void onAuthenticatePinCode(String username, String pinCode, String challenge, Promise promise) {
+  public void authenticatePinCode(String username, String pinCode, String challenge, Promise promise) {
     if (reactContext.getCurrentActivity() != null) {
 
       AppCompatActivity appCompatActivity = getAppCompatActivity();

example/src/App.tsx

@@ -299,10 +299,10 @@ export default class App extends React.Component<any, State> {
 
   // PIN Code Registration / Authentication
 
-  private onRegisterPINCode = async (rawUsername: string, pinCode: string): Promise<void> => {
+  private onRegisterPINCode = async (rawUsername: string, pinCode: string): Promise<boolean> => {
     if (rawUsername === '' || pinCode === '') {
       this.setState({ errorMessage: 'Please enter a username and PIN code' });
-      return;
+      return false;
     }
     this.setState({ loading: true });
     const username = rawUsername.toLowerCase();
@@ -314,26 +314,30 @@ export default class App extends React.Component<any, State> {
       await TSAuthenticationSDKModule.commitPinRegistration(result.contextIdentifier);
       localUserStore.setHasRegisteredPIN(username, true);
       Alert.alert("PIN Code Registration", "PIN code registered successfully");
+      return true;
     } catch (error: any) {
       this.setState({ errorMessage: `${error}` });
+      return false;
     } finally {
       this.setState({ loading: false });
     }
   }
 
-  private onAuthenticatePinCode = async (username: string, pinCode: string): Promise<void> => {
+  private onAuthenticatePinCode = async (username: string, pinCode: string): Promise<boolean> => {
     if (username === '' || pinCode === '') {
       this.setState({ errorMessage: 'Please enter a username and PIN code' });
-      return;
+      return false;
     }
     this.setState({ loading: true });
 
     const challenge = this.randomString();
     try {
       const result = await TSAuthenticationSDKModule.authenticatePinCode(username, pinCode, challenge);
       Alert.alert("Authentication result: ", JSON.stringify(result));
+      return true;
     } catch (error: any) {
       this.setState({ errorMessage: `${error}` });
+      return false;
     } finally {
       this.setState({ loading: false });
     }

example/src/config.ts

@@ -1,14 +1,6 @@
-// export default {
-//     clientId: "REPLACE_WITH_CLIENT_ID",
-//     domain: "REPLACE_WITH_DOMAIN",
-//     secret: "REPLACE_WITH_SECRET", // Important! This is just for demo purposes. Never store your secret in the client side.
-//     baseUrl: "https://api.transmitsecurity.io", // eu = "api.eu.transmitsecurity.io" ca = "api.ca.transmitsecurity.io"
-// }
-
-
 export default {
-    clientId: "4q2wb5f3z063dqjq1ixilwbm4gx57yyw",
-    domain: "webcredentials:shopcart.userid-stg.io",
-    secret: "108f4506-0b06-4557-b807-41e09979ceee", // Important! This is just for demo purposes. Never store your secret in the client side.
+    clientId: "REPLACE_WITH_CLIENT_ID",
+    domain: "REPLACE_WITH_DOMAIN",
+    secret: "REPLACE_WITH_SECRET", // Important! This is just for demo purposes. Never store your secret in the client side.
     baseUrl: "https://api.transmitsecurity.io", // eu = "api.eu.transmitsecurity.io" ca = "api.ca.transmitsecurity.io"
-}
+}

example/src/home.tsx

@@ -16,8 +16,8 @@ export type Props = {
     onApprovalWebAuthn: (username: string, approvalData: { [key: string]: string; }) => void;
     onApprovalWebAuthnWithData: (rawAuthenticationData: TSAuthenticationSDK.WebAuthnAuthenticationData ) => void;
     onApprovalNativeBiometrics: (username: string) => void;
-    onRegisterPINCode: (username: string, pinCode: string) => void;
-    onAuthenticatePinCode: (username: string, pinCode: string) => void;
+    onRegisterPINCode: (username: string, pinCode: string) => Promise<boolean>;
+    onAuthenticatePinCode: (username: string, pinCode: string) => Promise<boolean>;
     errorMessage: string;
 };
 
@@ -285,7 +285,7 @@ export default class HomeScreen extends React.Component<Props, State> {
         this.setState({ showPinDialog: false, pinInput: '', pinError: '' });
     }
 
-    private handlePinDialogDone = () => {
+    private handlePinDialogDone = async () => {
         const { pinInput, username } = this.state;
         if (!pinInput || pinInput.length !== 4 || !username || username.trim() === '') {
             this.setState({ pinError: 'Please enter a User ID and a 4-digit PIN.' });
@@ -294,7 +294,10 @@ export default class HomeScreen extends React.Component<Props, State> {
         this.setState({ showPinDialog: false, pinError: '' });
 
         if (this.state.pinAuthenticatorMode === PinAuthenticatorMode.REGISTER) {
-             this.props.onRegisterPINCode(this.state.username, pinInput);
+             const results = await this.props.onRegisterPINCode(this.state.username, pinInput);
+            if (results) {
+                this.setState({ hasRegisteredPIN: true });
+            }
         } else {
             this.props.onAuthenticatePinCode(this.state.username, pinInput);
         }

example/src/utils/local-user-store.ts

@@ -35,6 +35,8 @@ class LocalUserStore {
     }
 
     public hasRegisteredPIN = (userID: string): boolean => {
+        console.log('Checking PIN status for user:', userID);
+        console.log(this.store.pinStatus)
         return !!this.store.pinStatus[userID];
     }
 
@@ -55,7 +57,11 @@ class LocalUserStore {
     private updateUserStore = async (): Promise<void> => {
         try {
             let storeJson = JSON.stringify(this.store);
-            await AsyncStorage.setItem(this.kUserStoreStorageKey, storeJson);
+            const results = await AsyncStorage.setItem(this.kUserStoreStorageKey, storeJson);
+
+            console.log('User store updated successfully:', results);
+            console.log('Current user store:', this.store);
+
         } catch (e) {
             console.log('Error saving user store', e);
         }