@algorandfoundation/react-native-passkey-autofill 1.0.0-canary.2 → 1.0.0-canary.4

package/README.md

@@ -1,6 +1,12 @@
-# 🔑 react-native-passkey-autofill
+# @algorandfoundation/react-native-passkey-autofill
 
-Passkey AutoFill for React Native using DP256.
+<p align="center">
+  <img src="./example/assets/banner.png" width="100%" />
+</p>
+
+<p align="center">
+  Passkey AutoFill for React Native using DP256.
+</p>
 
 # 🚀 Get Started
 
@@ -9,7 +15,7 @@ For bare React Native projects, you must ensure that you have [installed and con
 ### Add the package to your npm dependencies
 
 ```bash
-npm install react-native-passkey-autofill
+npm install @algorandfoundation/react-native-passkey-autofill
 ```
 
 ### Configure for Android
@@ -25,7 +31,7 @@ If you are using Expo, you can configure the plugin in your `app.json` or `app.c
   "expo": {
     "plugins": [
       [
-        "react-native-passkey-autofill",
+        "@algorandfoundation/react-native-passkey-autofill",
         {
           "site": "https://your-fido-server.com",
           "label": "My Custom Credential Provider"
@@ -60,17 +66,21 @@ await ReactNativePasskeyAutofill.configureIntentActions(
 await ReactNativePasskeyAutofill.clearCredentials();
 ```
 
+## 📱 Example App
+
+The [example](./example) app demonstrates how to integrate this module with a full wallet implementation.
+
 # 🤝 Contributing
 
 Contributions are very welcome! Please refer to guidelines described in the [contributing guide](./CONTRIBUTING.md).
 
 # 💖 Acknowledgements
 
-This has been the commination of many different efforts and ideas. We would like to thank the following individuals and organizations for their contributions:
+This has been the culmination of many different efforts and ideas. We would like to thank the following individuals and organizations for their contributions:
 
 - [Bruno Martins](https://github.com/bmartins) the architect at [Algorand Foundation](https://github.com/algorandfoundation) for conceptualizing and guiding the project.
 - [HashMapsData2Value](https://github.com/HashMapsData2Value) for his guidance and support in DP256 and XHD and his work on the native autofill libraries.
-- [Will Beaumont](https://github.com/mjbeau) for working though integration within the Pera wallet
+- [Will Beaumont](https://github.com/mjbeau) for working through integration within the Pera wallet
 - [Michael T Chuang](https://github.com/michaeltchuang) for his work in KMP integrations and client libraries.
 
 # 📄 License

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

@@ -6,7 +6,12 @@ import android.content.Intent
 import android.os.Build
 import android.os.Bundle
 import android.util.Log
+import android.graphics.Color
+import android.graphics.Typeface
+import android.view.Gravity
 import android.widget.Button
+import android.widget.ImageView
+import android.widget.LinearLayout
 import android.widget.TextView
 import androidx.annotation.RequiresApi
 import androidx.appcompat.app.AppCompatActivity
@@ -31,61 +36,174 @@ class CreatePasskeyActivity : AppCompatActivity() {
         const val TAG = "CreatePasskeyActivity"
     }
 
-    private var origin: String = "unknown-origin"
+    private var origin: String = "unknown-origin" // Derivation origin (rpId or hash)
+    private var displayOrigin: String = "unknown-origin"
     private var userHandle: String = "unknown-user"
     private var userName: String = "User"
     private var userId: String = "unknown-id"
+    private var bundleRequestJson: String? = null
     private var request: ProviderCreateCredentialRequest? = null
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         
         request = PendingIntentHandler.retrieveProviderCreateCredentialRequest(intent)
+        val credentialData = intent.getBundleExtra("CREDENTIAL_DATA")
+        
+        if (credentialData != null) {
+            bundleRequestJson = credentialData.getString("requestJson")
+        }
+
         if (request != null) {
             try {
+                val systemOrigin = credentialRepository.getOrigin(request!!.callingAppInfo)
+                origin = systemOrigin
+                displayOrigin = systemOrigin
+
                 val publicKeyRequest = request!!.callingRequest as CreatePublicKeyCredentialRequest
-                val requestJson = JSONObject(publicKeyRequest.requestJson)
+                val rawJson = bundleRequestJson ?: publicKeyRequest.requestJson
+                val requestJson = JSONObject(rawJson)
+                val pkJson = if (requestJson.has("publicKey")) requestJson.getJSONObject("publicKey") else requestJson
                 
                 // Use RP ID as origin for derivation if available, otherwise fallback to app signature
-                val rpId = requestJson.optJSONObject("rp")?.optString("id")
-                origin = rpId ?: credentialRepository.getOrigin(request!!.callingAppInfo)
+                val rpId = pkJson.optJSONObject("rp")?.optString("id")
+                if (rpId != null && rpId.isNotEmpty()) {
+                    origin = rpId
+                    displayOrigin = rpId
+                }
                 
-                val userJson = requestJson.optJSONObject("user")
-                userHandle = userJson?.optString("name") ?: "unknown-user"
-                userName = userJson?.optString("displayName") ?: userHandle
-                userId = userJson?.optString("id") ?: "unknown-id"
+                userHandle = pkJson.optJSONObject("user")?.optString("name") ?: "unknown-user"
+                userName = pkJson.optJSONObject("user")?.optString("displayName") ?: userHandle
+                userId = pkJson.optJSONObject("user")?.optString("id") ?: "unknown-id"
             } catch (e: Exception) {
                 Log.e(TAG, "Error parsing request", e)
             }
         }
 
-        // Simple UI for demonstration
-        val layout = android.widget.LinearLayout(this).apply {
-            orientation = android.widget.LinearLayout.VERTICAL
-            setPadding(50, 50, 50, 50)
+        // Improved UI
+        val layout = LinearLayout(this).apply {
+            val padding = (32 * resources.displayMetrics.density).toInt()
+            orientation = LinearLayout.VERTICAL
+            setPadding(padding, padding, padding, padding)
+            gravity = Gravity.CENTER_HORIZONTAL
+            setBackgroundColor(Color.WHITE)
         }
         
+        // Header with App Icon and Provider Label
+        try {
+            val appInfo = packageManager.getApplicationInfo(packageName, 0)
+            val appIcon = packageManager.getApplicationIcon(appInfo)
+            val appLabel = packageManager.getApplicationLabel(appInfo)
+
+            val density = resources.displayMetrics.density
+            val iconSize = (48 * density).toInt()
+            val iconMargin = (12 * density).toInt()
+            val headerPadding = (40 * density).toInt()
+
+            val header = LinearLayout(this).apply {
+                orientation = LinearLayout.HORIZONTAL
+                gravity = Gravity.CENTER_VERTICAL
+                setPadding(0, 0, 0, headerPadding)
+            }
+
+            val iconView = ImageView(this).apply {
+                setImageDrawable(appIcon)
+                layoutParams = LinearLayout.LayoutParams(iconSize, iconSize).apply {
+                    marginEnd = iconMargin
+                }
+            }
+            header.addView(iconView)
+
+            val providerLabel = TextView(this).apply {
+                text = appLabel
+                textSize = 16f
+                typeface = Typeface.DEFAULT_BOLD
+                setTextColor(Color.DKGRAY)
+            }
+            header.addView(providerLabel)
+            layout.addView(header)
+        } catch (e: Exception) {
+            // Fallback if app info cannot be loaded
+        }
+
         val title = TextView(this).apply {
-            text = "Create New Passkey"
-            textSize = 24f
-            setPadding(0, 0, 0, 50)
+            text = "Create Passkey"
+            textSize = 28f
+            typeface = Typeface.DEFAULT_BOLD
+            setPadding(0, 0, 0, (8 * resources.displayMetrics.density).toInt())
+            setTextColor(Color.BLACK)
         }
         layout.addView(title)
 
-        val info = TextView(this).apply {
-            text = "For: $userName\nAt: $origin"
-            setPadding(0, 0, 0, 50)
+        val description = TextView(this).apply {
+            text = "Create a new passkey for $displayOrigin"
+            textSize = 16f
+            setPadding(0, 0, 0, (40 * resources.displayMetrics.density).toInt())
+            gravity = Gravity.CENTER_HORIZONTAL
+            setTextColor(Color.GRAY)
+        }
+        layout.addView(description)
+
+        val userInfoContainer = LinearLayout(this).apply {
+            orientation = LinearLayout.VERTICAL
+            setPadding(0, 0, 0, (50 * resources.displayMetrics.density).toInt())
+            gravity = Gravity.CENTER_HORIZONTAL
+        }
+
+        val userLabel = TextView(this).apply {
+            text = "ACCOUNT"
+            textSize = 12f
+            typeface = Typeface.DEFAULT_BOLD
+            setTextColor(Color.GRAY)
+            setPadding(0, 0, 0, (4 * resources.displayMetrics.density).toInt())
+        }
+        userInfoContainer.addView(userLabel)
+
+        val userValue = TextView(this).apply {
+            text = userName
+            textSize = 20f
+            typeface = Typeface.DEFAULT_BOLD
+            setTextColor(Color.BLACK)
         }
-        layout.addView(info)
+        userInfoContainer.addView(userValue)
+        
+        if (userHandle != userName) {
+            val handleValue = TextView(this).apply {
+                text = userHandle
+                textSize = 14f
+                setTextColor(Color.GRAY)
+            }
+            userInfoContainer.addView(handleValue)
+        }
+        layout.addView(userInfoContainer)
         
         val confirmButton = Button(this).apply {
             text = "Create Passkey"
             setOnClickListener {
                 handleCreation()
             }
+            layoutParams = LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.MATCH_PARENT,
+                LinearLayout.LayoutParams.WRAP_CONTENT
+            ).apply {
+                setMargins(0, 0, 0, (8 * resources.displayMetrics.density).toInt())
+            }
         }
         layout.addView(confirmButton)
 
+        val cancelButton = Button(this, null, android.R.attr.borderlessButtonStyle).apply {
+            text = "Cancel"
+            setOnClickListener {
+                setResult(RESULT_CANCELED)
+                finish()
+            }
+            layoutParams = LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.MATCH_PARENT,
+                LinearLayout.LayoutParams.WRAP_CONTENT
+            )
+        }
+        layout.addView(cancelButton)
+
         setContentView(layout)
     }
 
@@ -93,8 +211,25 @@ class CreatePasskeyActivity : AppCompatActivity() {
     private fun handleCreation() {
         try {
             val req = request ?: throw IllegalStateException("No request found")
-            val publicKeyRequest = req.callingRequest as CreatePublicKeyCredentialRequest
-            val requestOptions = PublicKeyCredentialCreationOptions(publicKeyRequest.requestJson)
+            
+            // Prefer using the request JSON from the bundle if available
+            val rawRequestJson = bundleRequestJson ?: run {
+                val publicKeyRequest = req.callingRequest as CreatePublicKeyCredentialRequest
+                publicKeyRequest.requestJson
+            }
+
+            val requestJson = JSONObject(rawRequestJson)
+            val passkeyReqJson = if (requestJson.has("publicKey")) {
+                requestJson.getJSONObject("publicKey").toString()
+            } else {
+                rawRequestJson
+            }
+            val requestOptions = try {
+                PublicKeyCredentialCreationOptions(passkeyReqJson)
+            } catch (e: org.json.JSONException) {
+                Log.e(TAG, "Invalid passkey creation request JSON: $passkeyReqJson")
+                throw e
+            }
 
             val keyPair: KeyPair = credentialRepository.createDeterministicKeyPair(this, origin, userHandle)
             val credentialId = credentialRepository.generateCredentialId(keyPair)

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

@@ -6,7 +6,12 @@ import android.content.Intent
 import android.os.Build
 import android.os.Bundle
 import android.util.Log
+import android.graphics.Color
+import android.graphics.Typeface
+import android.view.Gravity
 import android.widget.Button
+import android.widget.ImageView
+import android.widget.LinearLayout
 import android.widget.TextView
 import androidx.annotation.RequiresApi
 import androidx.appcompat.app.AppCompatActivity
@@ -21,6 +26,7 @@ import androidx.credentials.webauthn.PublicKeyCredentialRequestOptions
 import co.algorand.passkeyautofill.credentials.CredentialRepository
 import co.algorand.passkeyautofill.credentials.Credential
 import java.security.KeyPair
+import java.security.MessageDigest
 import android.util.Base64 as AndroidBase64
 import org.json.JSONObject
 
@@ -33,49 +39,159 @@ class GetPasskeyActivity : AppCompatActivity() {
     }
 
     private var origin: String = "unknown-origin"
+    private var displayOrigin: String = "unknown-origin"
     private var userHandle: String = "unknown-user"
     private var credentialIdEnc: String? = null
+    private var bundleRequestJson: String? = null
     private var request: ProviderGetCredentialRequest? = null
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        
+
         request = PendingIntentHandler.retrieveProviderGetCredentialRequest(intent)
         val credentialData = intent.getBundleExtra("CREDENTIAL_DATA")
-        
-        if (request != null && credentialData != null) {
-            origin = credentialRepository.getOrigin(request!!.callingAppInfo)
+
+        if (credentialData != null) {
             credentialIdEnc = credentialData.getString("credentialId")
             userHandle = credentialData.getString("userHandle") ?: "unknown-user"
+            bundleRequestJson = credentialData.getString("requestJson")
+        }
+
+        if (request != null) {
+            origin = credentialRepository.getOrigin(request!!.callingAppInfo)
+            displayOrigin = origin
+            
+            // Try to extract rpId for better display
+            val rawJson = bundleRequestJson ?: (request?.credentialOptions?.get(0) as? GetPublicKeyCredentialOption)?.requestJson
+            if (rawJson != null) {
+                try {
+                    val jsonObj = JSONObject(rawJson)
+                    val pkJson = if (jsonObj.has("publicKey")) jsonObj.getJSONObject("publicKey") else jsonObj
+                    val rpId = pkJson.optString("rpId")
+                    if (rpId.isNotEmpty()) {
+                        displayOrigin = rpId
+                    }
+                } catch (e: Exception) {
+                    // ignore
+                }
+            }
         }
 
-        // Simple UI
-        val layout = android.widget.LinearLayout(this).apply {
-            orientation = android.widget.LinearLayout.VERTICAL
-            setPadding(50, 50, 50, 50)
+        // Improved UI
+        val layout = LinearLayout(this).apply {
+            val padding = (32 * resources.displayMetrics.density).toInt()
+            orientation = LinearLayout.VERTICAL
+            setPadding(padding, padding, padding, padding)
+            gravity = Gravity.CENTER_HORIZONTAL
+            setBackgroundColor(Color.WHITE)
         }
-        
+
+        // Header with App Icon and Provider Label
+        try {
+            val appInfo = packageManager.getApplicationInfo(packageName, 0)
+            val appIcon = packageManager.getApplicationIcon(appInfo)
+            val appLabel = packageManager.getApplicationLabel(appInfo)
+
+            val density = resources.displayMetrics.density
+            val iconSize = (48 * density).toInt()
+            val iconMargin = (12 * density).toInt()
+            val headerPadding = (40 * density).toInt()
+
+            val header = LinearLayout(this).apply {
+                orientation = LinearLayout.HORIZONTAL
+                gravity = Gravity.CENTER_VERTICAL
+                setPadding(0, 0, 0, headerPadding)
+            }
+
+            val iconView = ImageView(this).apply {
+                setImageDrawable(appIcon)
+                layoutParams = LinearLayout.LayoutParams(iconSize, iconSize).apply {
+                    marginEnd = iconMargin
+                }
+            }
+            header.addView(iconView)
+
+            val providerLabel = TextView(this).apply {
+                text = appLabel
+                textSize = 16f
+                typeface = Typeface.DEFAULT_BOLD
+                setTextColor(Color.DKGRAY)
+            }
+            header.addView(providerLabel)
+            layout.addView(header)
+        } catch (e: Exception) {
+            // Fallback if app info cannot be loaded
+        }
+
         val title = TextView(this).apply {
             text = "Use Passkey"
-            textSize = 24f
-            setPadding(0, 0, 0, 50)
+            textSize = 28f
+            typeface = Typeface.DEFAULT_BOLD
+            setPadding(0, 0, 0, (8 * resources.displayMetrics.density).toInt())
+            setTextColor(Color.BLACK)
         }
         layout.addView(title)
 
-        val info = TextView(this).apply {
-            text = "User: $userHandle\nAt: $origin"
-            setPadding(0, 0, 0, 50)
+        val description = TextView(this).apply {
+            text = "Sign in to $displayOrigin"
+            textSize = 16f
+            setPadding(0, 0, 0, (40 * resources.displayMetrics.density).toInt())
+            gravity = Gravity.CENTER_HORIZONTAL
+            setTextColor(Color.GRAY)
         }
-        layout.addView(info)
-        
+        layout.addView(description)
+
+        val userInfoContainer = LinearLayout(this).apply {
+            orientation = LinearLayout.VERTICAL
+            setPadding(0, 0, 0, (50 * resources.displayMetrics.density).toInt())
+            gravity = Gravity.CENTER_HORIZONTAL
+        }
+
+        val userLabel = TextView(this).apply {
+            text = "ACCOUNT"
+            textSize = 12f
+            typeface = Typeface.DEFAULT_BOLD
+            setTextColor(Color.GRAY)
+            setPadding(0, 0, 0, (4 * resources.displayMetrics.density).toInt())
+        }
+        userInfoContainer.addView(userLabel)
+
+        val userValue = TextView(this).apply {
+            text = userHandle
+            textSize = 20f
+            typeface = Typeface.DEFAULT_BOLD
+            setTextColor(Color.BLACK)
+        }
+        userInfoContainer.addView(userValue)
+        layout.addView(userInfoContainer)
+
         val confirmButton = Button(this).apply {
             text = "Sign In"
             setOnClickListener {
                 handleAssertion()
             }
+            layoutParams = LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.MATCH_PARENT,
+                LinearLayout.LayoutParams.WRAP_CONTENT
+            ).apply {
+                setMargins(0, 0, 0, (8 * resources.displayMetrics.density).toInt())
+            }
         }
         layout.addView(confirmButton)
 
+        val cancelButton = Button(this, null, android.R.attr.borderlessButtonStyle).apply {
+            text = "Cancel"
+            setOnClickListener {
+                setResult(RESULT_CANCELED)
+                finish()
+            }
+            layoutParams = LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.MATCH_PARENT,
+                LinearLayout.LayoutParams.WRAP_CONTENT
+            )
+        }
+        layout.addView(cancelButton)
+
         setContentView(layout)
     }
 
@@ -83,20 +199,55 @@ class GetPasskeyActivity : AppCompatActivity() {
     private fun handleAssertion() {
         try {
             val req = request ?: throw IllegalStateException("No request found")
-            val option = req.credentialOptions[0] as GetPublicKeyCredentialOption
-            val requestOptions = PublicKeyCredentialRequestOptions(option.requestJson)
             
-            val credId = AndroidBase64.decode(credentialIdEnc!!, AndroidBase64.DEFAULT)
-            val clientDataHash = option.requestData.getByteArray("androidx.credentials.BUNDLE_KEY_CLIENT_DATA_HASH")
-                ?: throw IllegalStateException("Missing clientDataHash")
+            // Prefer using the request JSON from the bundle if available, as it's specifically for this entry
+            val rawRequestJson = bundleRequestJson ?: run {
+                val option = req.credentialOptions[0] as GetPublicKeyCredentialOption
+                option.requestJson
+            }
             
+            val requestJson = JSONObject(rawRequestJson)
+            val passkeyReqJson = if (requestJson.has("publicKey")) {
+                requestJson.getJSONObject("publicKey").toString()
+            } else {
+                rawRequestJson
+            }
+            val requestOptions = try {
+                PublicKeyCredentialRequestOptions(passkeyReqJson)
+            } catch (e: org.json.JSONException) {
+                Log.e(TAG, "Invalid passkey request JSON: $passkeyReqJson")
+                throw e
+            }
+
+            val credId = AndroidBase64.decode(credentialIdEnc!!, AndroidBase64.DEFAULT)
+
+            val passkeyRequestJsonObj = JSONObject(passkeyReqJson)
+            val challenge = if (passkeyRequestJsonObj.has("challenge")) {
+                passkeyRequestJsonObj.getString("challenge")
+            } else {
+                throw org.json.JSONException("No value for challenge in requestJson: $passkeyReqJson")
+            }
+            val sanitizedOrigin = origin.replace(Regex("/$"), "")
+
+            val clientDataJSON = JSONObject()
+            clientDataJSON.put("type", "webauthn.get")
+            clientDataJSON.put("challenge", challenge)
+            clientDataJSON.put("origin", sanitizedOrigin)
+            clientDataJSON.put("crossOrigin", false)
+            if (sanitizedOrigin.startsWith("android:apk-key-hash:")) {
+                clientDataJSON.put("androidPackageName", req.callingAppInfo.packageName)
+            }
+
+            val clientDataJSONString = clientDataJSON.toString()
+            val clientDataHash = MessageDigest.getInstance("SHA-256").digest(clientDataJSONString.toByteArray(Charsets.UTF_8))
+
             val dbCred = credentialRepository.getCredential(this, credId)
                 ?: throw IllegalStateException("Credential not found")
 
             val response = AuthenticatorAssertionResponse(
                 requestOptions = requestOptions,
                 credentialId = credId,
-                origin = credentialRepository.getOrigin(req.callingAppInfo),
+                origin = sanitizedOrigin,
                 up = true,
                 uv = true,
                 be = true,
@@ -117,24 +268,32 @@ class GetPasskeyActivity : AppCompatActivity() {
                 authenticatorAttachment = "platform"
             )
 
-            // Manual addition of clientDataJSON if needed by some RPs, following reference
-            val requestJson = JSONObject(option.requestJson)
-            val challenge = requestJson.getString("challenge")
-            val clientDataJSONb64 = getClientDataJSONb64(origin, challenge)
-            
-            val delimiter = "response\":{"
-            val credentialJson = fidoCredential.json().substringBeforeLast(delimiter) + delimiter +
-                    "\"clientDataJSON\":\"$clientDataJSONb64\"," +
-                    fidoCredential.json().substringAfterLast(delimiter)
+            // Manual addition of clientDataJSON and signature to the response JSON
+            val clientDataJSONb64 = AndroidBase64.encodeToString(clientDataJSONString.toByteArray(), AndroidBase64.URL_SAFE or AndroidBase64.NO_WRAP or AndroidBase64.NO_PADDING)
+            val signatureb64 = AndroidBase64.encodeToString(response.signature, AndroidBase64.URL_SAFE or AndroidBase64.NO_WRAP or AndroidBase64.NO_PADDING)
+
+            val fullJson = JSONObject(fidoCredential.json())
+            val respJson = fullJson.getJSONObject("response")
+            respJson.put("clientDataJSON", clientDataJSONb64)
+            respJson.put("signature", signatureb64)
+
+            // Add clientExtensionResults as seen in the example
+            val clientExtensionResults = JSONObject()
+            val credProps = JSONObject()
+            credProps.put("rk", true)
+            clientExtensionResults.put("credProps", credProps)
+            fullJson.put("clientExtensionResults", clientExtensionResults)
+
+            val credentialJson = fullJson.toString()
 
             val resultIntent = Intent()
             val passkeyCredential = PublicKeyCredential(credentialJson)
-            
+
             PendingIntentHandler.setGetCredentialResponse(
                 resultIntent,
                 GetCredentialResponse(passkeyCredential)
             )
-            
+
             setResult(Activity.RESULT_OK, resultIntent)
         } catch (e: Exception) {
             Log.e(TAG, "Error during passkey assertion", e)
@@ -143,9 +302,4 @@ class GetPasskeyActivity : AppCompatActivity() {
         finish()
     }
 
-    private fun getClientDataJSONb64(origin: String, challenge: String): String {
-        val sanitizedOrigin = origin.replace(Regex("/$"), "")
-        val jsonString = "{\"type\":\"webauthn.get\",\"challenge\":\"$challenge\",\"origin\":\"$sanitizedOrigin\",\"crossOrigin\":false}"
-        return AndroidBase64.encodeToString(jsonString.toByteArray(), AndroidBase64.NO_WRAP)
-    }
 }

package/package.json

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