@algorandfoundation/react-native-passkey-autofill 1.0.0-canary.7 → 1.0.0-canary.9

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.0.0-canary.9](https://github.com/algorandfoundation/react-native-passkey-autofill/compare/v1.0.0-canary.8...v1.0.0-canary.9) (2026-03-30)
+
+
+### Bug Fixes
+
+* x logins, refactor example views to be dialogs ([e7a1ccf](https://github.com/algorandfoundation/react-native-passkey-autofill/commit/e7a1ccf91f88b5c369ff3082f06d538fc8b3db89))
+
+# [1.0.0-canary.8](https://github.com/algorandfoundation/react-native-passkey-autofill/compare/v1.0.0-canary.7...v1.0.0-canary.8) (2026-03-27)
+
+
+### Features
+
+* passkey added and authenticated events ([b9871f4](https://github.com/algorandfoundation/react-native-passkey-autofill/commit/b9871f475a9a633ae98d30a702ef2814ec8ae5e0))
+
 # [1.0.0-canary.7](https://github.com/algorandfoundation/react-native-passkey-autofill/compare/v1.0.0-canary.6...v1.0.0-canary.7) (2026-03-24)
 
 

package/README.md

@@ -66,6 +66,31 @@ await ReactNativePasskeyAutofill.configureIntentActions(
 await ReactNativePasskeyAutofill.clearCredentials();
 ```
 
+## Events
+
+You can listen for events emitted by the native module when a passkey is successfully added or authenticated.
+
+```typescript
+import ReactNativePasskeyAutofill from '@algorandfoundation/react-native-passkey-autofill';
+import { useEffect } from 'react';
+
+// ... inside a component or hook
+useEffect(() => {
+  const addedSubscription = ReactNativePasskeyAutofill.addListener('onPasskeyAdded', (event) => {
+    console.log('Passkey added successfully:', event.success);
+  });
+
+  const authSubscription = ReactNativePasskeyAutofill.addListener('onPasskeyAuthenticated', (event) => {
+    console.log('Passkey authenticated successfully:', event.success);
+  });
+
+  return () => {
+    addedSubscription.remove();
+    authSubscription.remove();
+  };
+}, []);
+```
+
 ## 🧪 Testing
 
 The project is set up with a comprehensive testing approach covering both JavaScript and Native (Kotlin) sides.

package/android/src/main/AndroidManifest.xml

@@ -15,13 +15,19 @@
                 android:name="android.credentials.provider"
                 android:resource="@xml/provider" />
         </service>
-        <activity android:name=".GetPasskeyActivity" android:exported="true">
+        <activity android:name="co.algorand.passkeyautofill.GetPasskeyActivity" 
+            android:exported="true" 
+            android:launchMode="singleTop"
+            android:theme="@style/Theme.PasskeyAutofill.Dialog">
             <intent-filter>
                 <action android:name="co.algorand.passkeyautofill.GET_PASSKEY"/>
                 <category android:name="android.intent.category.DEFAULT"/>
             </intent-filter>
         </activity>
-        <activity android:name=".CreatePasskeyActivity" android:exported="true">
+        <activity android:name="co.algorand.passkeyautofill.CreatePasskeyActivity" 
+            android:exported="true" 
+            android:launchMode="singleTop"
+            android:theme="@style/Theme.PasskeyAutofill.Dialog">
             <intent-filter>
                 <action android:name="co.algorand.passkeyautofill.CREATE_PASSKEY"/>
                 <category android:name="android.intent.category.DEFAULT"/>

package/android/src/main/java/co/algorand/passkeyautofill/CreatePasskeyActivity.kt

@@ -205,6 +205,11 @@ class CreatePasskeyActivity : AppCompatActivity() {
         layout.addView(cancelButton)
 
         setContentView(layout)
+        
+        // Ensure the activity is focusable and can receive touches
+        layout.isFocusable = true
+        layout.isFocusableInTouchMode = true
+        layout.requestFocus()
     }
 
     @SuppressLint("RestrictedApi")
@@ -301,6 +306,9 @@ class CreatePasskeyActivity : AppCompatActivity() {
             )
             
             setResult(Activity.RESULT_OK, resultIntent)
+            ReactNativePasskeyAutofillModule.instance?.sendEvent("onPasskeyAdded", Bundle().apply {
+                putBoolean("success", true)
+            })
         } catch (e: Exception) {
             Log.e(TAG, "Error during passkey creation", e)
             setResult(Activity.RESULT_CANCELED)

package/android/src/main/java/co/algorand/passkeyautofill/GetPasskeyActivity.kt

@@ -193,6 +193,11 @@ class GetPasskeyActivity : AppCompatActivity() {
         layout.addView(cancelButton)
 
         setContentView(layout)
+        
+        // Ensure the activity is focusable and can receive touches
+        layout.isFocusable = true
+        layout.isFocusableInTouchMode = true
+        layout.requestFocus()
     }
 
     @SuppressLint("RestrictedApi")
@@ -309,6 +314,9 @@ class GetPasskeyActivity : AppCompatActivity() {
             )
 
             setResult(Activity.RESULT_OK, resultIntent)
+            ReactNativePasskeyAutofillModule.instance?.sendEvent("onPasskeyAuthenticated", Bundle().apply {
+                putBoolean("success", true)
+            })
         } catch (e: Exception) {
             Log.e(TAG, "Error during passkey assertion", e)
             setResult(Activity.RESULT_CANCELED)

package/android/src/main/java/co/algorand/passkeyautofill/ReactNativePasskeyAutofillModule.kt

@@ -12,6 +12,10 @@ import java.security.Security
 class ReactNativePasskeyAutofillModule : Module() {
   private val credentialRepository = CredentialRepository()
 
+  companion object {
+    var instance: ReactNativePasskeyAutofillModule? = null
+  }
+
   init {
     Security.removeProvider(BouncyCastleProvider.PROVIDER_NAME)
     Security.addProvider(BouncyCastleProvider())
@@ -26,6 +30,16 @@ class ReactNativePasskeyAutofillModule : Module() {
     // The module will be accessible from `requireNativeModule('ReactNativeLiquidAuth')` in JavaScript.
     Name("ReactNativePasskeyAutofill")
 
+    OnCreate {
+      instance = this@ReactNativePasskeyAutofillModule
+    }
+
+    OnDestroy {
+      instance = null
+    }
+
+    Events("onPasskeyAdded", "onPasskeyAuthenticated")
+
     AsyncFunction("setMasterKey") { secret: String ->
       val context = (appContext.reactContext ?: appContext.hostingRuntimeContext) as? Context
       if (context != null) {

package/android/src/main/res/values/styles.xml

@@ -0,0 +1,10 @@
+<resources>
+    <style name="Theme.PasskeyAutofill.Dialog" parent="Theme.AppCompat.Light.Dialog.MinWidth">
+        <item name="android:windowIsTranslucent">true</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:backgroundDimEnabled">true</item>
+    </style>
+</resources>

package/app.plugin.js

@@ -231,13 +231,13 @@ const withPasskeyAutofill = (config, props = {}) => {
     if (config.modResults.contents.includes("dP256Android-release")) {
       return config;
     }
-    const libsDir = path.join(__dirname, "android/libs");
+    const libsDir = "../../android/libs";
     config.modResults.contents = config.modResults.contents.replace(
       /allprojects\s*{[\s\n]*repositories\s*{/,
       `allprojects {
   repositories {
     flatDir {
-      dirs "${libsDir}"
+      dirs "$rootDir/${libsDir}"
     }`
     );
     return config;

package/build/ReactNativePasskeyAutofill.types.d.ts

@@ -1,2 +1,9 @@
-export type ReactNativePasskeyAutofillModuleEvents = {};
+export type ReactNativePasskeyAutofillModuleEvents = {
+    onPasskeyAdded: (event: {
+        success: boolean;
+    }) => void;
+    onPasskeyAuthenticated: (event: {
+        success: boolean;
+    }) => void;
+};
 //# sourceMappingURL=ReactNativePasskeyAutofill.types.d.ts.map

package/build/ReactNativePasskeyAutofill.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNativePasskeyAutofill.types.d.ts","sourceRoot":"","sources":["../src/ReactNativePasskeyAutofill.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sCAAsC,GAAG,EAEpD,CAAC"}
+{"version":3,"file":"ReactNativePasskeyAutofill.types.d.ts","sourceRoot":"","sources":["../src/ReactNativePasskeyAutofill.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sCAAsC,GAAG;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/D,CAAC"}

package/build/ReactNativePasskeyAutofill.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNativePasskeyAutofill.types.js","sourceRoot":"","sources":["../src/ReactNativePasskeyAutofill.types.ts"],"names":[],"mappings":"","sourcesContent":["export type ReactNativePasskeyAutofillModuleEvents = {\n\n};\n"]}
+{"version":3,"file":"ReactNativePasskeyAutofill.types.js","sourceRoot":"","sources":["../src/ReactNativePasskeyAutofill.types.ts"],"names":[],"mappings":"","sourcesContent":["export type ReactNativePasskeyAutofillModuleEvents = {\n  onPasskeyAdded: (event: { success: boolean }) => void;\n  onPasskeyAuthenticated: (event: { success: boolean }) => void;\n};\n"]}

package/ios/ReactNativePasskeyAutofillModule.swift

@@ -10,6 +10,8 @@ public class ReactNativePasskeyAutofillModule: Module {
     // The module will be accessible from `requireNativeModule('ReactNativePasskeyAutofill')` in JavaScript.
     Name("ReactNativePasskeyAutofill")
 
+    Events("onPasskeyAdded", "onPasskeyAuthenticated")
+
     AsyncFunction("setMasterKey") { (secret: String) in
       // TODO: Implement for iOS
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algorandfoundation/react-native-passkey-autofill",
-  "version": "1.0.0-canary.7",
+  "version": "1.0.0-canary.9",
   "description": "Passkey AutoFill React Native",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/ReactNativePasskeyAutofill.types.ts

@@ -1,3 +1,4 @@
 export type ReactNativePasskeyAutofillModuleEvents = {
-
+  onPasskeyAdded: (event: { success: boolean }) => void;
+  onPasskeyAuthenticated: (event: { success: boolean }) => void;
 };