@explorins/pers-sdk-react-native 1.5.28 → 1.5.30

package/dist/providers/PersSDKProvider.d.ts

@@ -28,6 +28,7 @@ export interface PersSDKContext {
 }
 export declare const PersSDKProvider: React.FC<{
     children: ReactNode;
+    config?: PersConfig;
 }>;
 export declare const usePersSDK: () => PersSDKContext;
 //# sourceMappingURL=PersSDKProvider.d.ts.map

package/dist/providers/PersSDKProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PersSDKProvider.d.ts","sourceRoot":"","sources":["../../src/providers/PersSDKProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEnG,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAsB,MAAM,0BAA0B,CAAC;AAIxG,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,cAAc;IAE7B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IAGpB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACxC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAGlC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IAGjC,YAAY,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAGzC,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAG9B,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,sBAAsB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3H,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAMD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CA4HA,CAAC;AAGF,eAAO,MAAM,UAAU,QAAO,cAQ7B,CAAC"}
+{"version":3,"file":"PersSDKProvider.d.ts","sourceRoot":"","sources":["../../src/providers/PersSDKProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAkC,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAsB,MAAM,0BAA0B,CAAC;AAIxG,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,cAAc;IAE7B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IAGpB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACxC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAGlC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IAGjC,YAAY,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAGzC,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAG9B,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,sBAAsB,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3H,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAMD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CA4IA,CAAC;AAGF,eAAO,MAAM,UAAU,QAAO,cAQ7B,CAAC"}

package/dist/providers/PersSDKProvider.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState, useCallback, useRef } from 'react';
+import { createContext, useContext, useState, useCallback, useRef, useEffect } from 'react';
 import { Platform } from 'react-native';
 import { PersSDK } from '@explorins/pers-sdk/core';
 import { ReactNativeHttpClient } from './react-native-http-client';
@@ -8,7 +8,7 @@ import { ReactNativeDPoPProvider } from './rn-dpop-provider';
 // Create the context
 const SDKContext = createContext(null);
 // Provider component
-export const PersSDKProvider = ({ children }) => {
+export const PersSDKProvider = ({ children, config }) => {
     const initializingRef = useRef(false);
     const [sdk, setSdk] = useState(null);
     const [authProvider, setAuthProvider] = useState(null);
@@ -25,6 +25,18 @@ export const PersSDKProvider = ({ children }) => {
         try {
             // Create HTTP client
             const httpClient = new ReactNativeHttpClient();
+            // Ensure DPoP is enabled by default for all platforms
+            const dpopConfig = config.dpop || {};
+            const isDpopEnabled = dpopConfig.enabled ?? true;
+            // Prepare DPoP settings for Auth Provider
+            const dpopSettings = {
+                enabled: isDpopEnabled,
+                cryptoProvider: dpopConfig.cryptoProvider
+            };
+            // Inject Native DPoP Provider (crypto-based) for mobile platforms if not already provided
+            if (Platform.OS !== 'web' && isDpopEnabled && !dpopSettings.cryptoProvider) {
+                dpopSettings.cryptoProvider = new ReactNativeDPoPProvider();
+            }
             // Create platform-aware auth provider if not provided
             let authProvider;
             if (config.authProvider) {
@@ -33,23 +45,16 @@ export const PersSDKProvider = ({ children }) => {
             else {
                 // Use our platform-aware auth provider that automatically selects LocalStorage (web) or AsyncStorage (mobile)
                 authProvider = createReactNativeAuthProvider(config.apiProjectKey || 'default-project', {
-                    debug: false
+                    debug: false,
+                    dpop: dpopSettings
                 });
             }
             // Enhanced config with platform-appropriate auth provider
             const sdkConfig = {
                 ...config,
-                authProvider
+                authProvider,
+                dpop: dpopSettings
             };
-            // Inject Native DPoP Provider (crypto-based) for mobile platforms
-            // Web platforms use built-in WebCrypto provider by default
-            if (Platform.OS !== 'web' && (!config.dpop?.cryptoProvider)) {
-                sdkConfig.dpop = {
-                    ...(config.dpop || {}),
-                    enabled: config.dpop?.enabled ?? true,
-                    cryptoProvider: new ReactNativeDPoPProvider()
-                };
-            }
             // Initialize PersSDK with platform-aware auth provider
             const sdkInstance = new PersSDK(httpClient, sdkConfig);
             setAuthProvider(authProvider);
@@ -64,7 +69,15 @@ export const PersSDKProvider = ({ children }) => {
         finally {
             initializingRef.current = false;
         }
-    }, []);
+    }, [isInitialized]);
+    // Auto-initialize if config is provided
+    useEffect(() => {
+        if (config && !isInitialized && !initializingRef.current) {
+            initialize(config).catch(err => {
+                console.error('Auto-initialization failed:', err);
+            });
+        }
+    }, [config, isInitialized, initialize]);
     const setAuthenticationState = useCallback((user, accountAddress, isAuthenticated) => {
         setUser(user);
         setAccountAddress(accountAddress);

package/dist/providers/react-native-auth-provider.d.ts

@@ -19,6 +19,11 @@ export interface ReactNativeAuthConfig {
     customStorage?: TokenStorage;
     /** Authentication type (default: 'user') */
     authType?: AuthType;
+    /** DPoP Configuration (optional) */
+    dpop?: {
+        enabled?: boolean;
+        cryptoProvider?: import('@explorins/pers-sdk/core').DPoPCryptoProvider;
+    };
 }
 /**
  * Create a React Native auth provider with platform-appropriate storage

package/dist/providers/react-native-auth-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-native-auth-provider.d.ts","sourceRoot":"","sources":["../../src/providers/react-native-auth-provider.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,mBAAmB,EAAW,QAAQ,EAA4B,MAAM,0BAA0B,CAAC;AAG5G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,EAClB,MAAM,GAAE,qBAA0B,GACjC,mBAAmB,CAyBrB"}
+{"version":3,"file":"react-native-auth-provider.d.ts","sourceRoot":"","sources":["../../src/providers/react-native-auth-provider.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,mBAAmB,EAAW,QAAQ,EAA4B,MAAM,0BAA0B,CAAC;AAG5G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,cAAc,CAAC,EAAE,OAAO,0BAA0B,EAAE,kBAAkB,CAAC;KACxE,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,EAClB,MAAM,GAAE,qBAA0B,GACjC,mBAAmB,CAiCrB"}

package/dist/providers/react-native-auth-provider.js

@@ -25,15 +25,21 @@ export function createReactNativeAuthProvider(projectKey, config = {}) {
     if (!projectKey || typeof projectKey !== 'string') {
         throw new Error('createReactNativeAuthProvider: projectKey is required and must be a string');
     }
-    const { keyPrefix = `pers_${projectKey.slice(0, 8)}_`, debug = false, customStorage, authType = 'user' } = config;
+    const { keyPrefix = `pers_${projectKey.slice(0, 8)}_`, debug = false, customStorage, authType = 'user', dpop } = config;
     // Platform-specific storage selection
     const tokenStorage = customStorage || (isWebPlatform
         ? new LocalStorageTokenStorage()
         : new ReactNativeSecureStorage(keyPrefix));
+    // Prepare DPoP config ensuring enabled is boolean (default true)
+    const dpopConfig = dpop ? {
+        enabled: dpop.enabled ?? true,
+        cryptoProvider: dpop.cryptoProvider
+    } : undefined;
     // Return DefaultAuthProvider configured with platform-appropriate storage
     return new DefaultAuthProvider({
         authType,
         projectKey,
-        storage: tokenStorage
+        storage: tokenStorage,
+        dpop: dpopConfig
     });
 }

package/dist/storage/rn-secure-storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rn-secure-storage.d.ts","sourceRoot":"","sources":["../../src/storage/rn-secure-storage.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,0BAA0B,CAAC;AAYlC;;;GAGG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAY/C,OAAO,CAAC,SAAS;IAV7B,QAAQ,CAAC,eAAe,SAAS;IAGjC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAKzB;gBAEiB,SAAS,GAAE,MAAuB;IAEhD,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAgB/C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAyBzC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUlC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAkB5B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,QAAQ;CAOjB"}
+{"version":3,"file":"rn-secure-storage.d.ts","sourceRoot":"","sources":["../../src/storage/rn-secure-storage.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,0BAA0B,CAAC;AAYlC;;;GAGG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAY/C,OAAO,CAAC,SAAS;IAV7B,QAAQ,CAAC,eAAe,SAAS;IAGjC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAKzB;gBAEiB,SAAS,GAAE,MAAuB;IAEhD,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA0B/C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAkCzC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAkBlC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAwB5B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,QAAQ;CAOjB"}

package/dist/storage/rn-secure-storage.js

@@ -35,8 +35,20 @@ export class ReactNativeSecureStorage {
         // In runtime, 'key' is just a string, so this is safe.
         if (this.SECURE_KEYS.has(key)) {
             // Store in Keychain/Keystore
-            // Service name acts as the key identifier in simple usage
-            await Keychain.setGenericPassword(prefixedKey, stringValue, { service: prefixedKey });
+            try {
+                if (Keychain) {
+                    // Service name acts as the key identifier in simple usage
+                    await Keychain.setGenericPassword(prefixedKey, stringValue, { service: prefixedKey });
+                }
+                else {
+                    throw new Error('RN Keychain not available');
+                }
+            }
+            catch (e) {
+                console.warn(`[ReactNativeSecureStorage] Keychain set failed for ${key}, falling back to AsyncStorage`, e);
+                // Fallback to AsyncStorage if Keychain fails
+                await AsyncStorage.setItem(prefixedKey, stringValue);
+            }
         }
         else {
             // Store standard config/metadata in AsyncStorage
@@ -47,15 +59,24 @@ export class ReactNativeSecureStorage {
         const prefixedKey = this.getKeyName(key);
         if (this.SECURE_KEYS.has(key)) {
             try {
-                const credentials = await Keychain.getGenericPassword({ service: prefixedKey });
-                if (credentials) {
-                    return this.tryParse(credentials.password);
+                if (Keychain) {
+                    const credentials = await Keychain.getGenericPassword({ service: prefixedKey });
+                    if (credentials) {
+                        return this.tryParse(credentials.password);
+                    }
                 }
-                return null;
             }
             catch (e) {
                 console.warn(`[ReactNativeSecureStorage] Failed to access keychain for ${key}`, e);
-                return null; // Key not found or access denied
+                // Continue to fallback check...
+            }
+            // Fallback: Check AsyncStorage if not found in Keychain or Keychain failed
+            try {
+                const val = await AsyncStorage.getItem(prefixedKey);
+                return val ? this.tryParse(val) : null;
+            }
+            catch (e) {
+                return null;
             }
         }
         else {
@@ -72,7 +93,16 @@ export class ReactNativeSecureStorage {
     async remove(key) {
         const prefixedKey = this.getKeyName(key);
         if (this.SECURE_KEYS.has(key)) {
-            await Keychain.resetGenericPassword({ service: prefixedKey });
+            try {
+                if (Keychain) {
+                    await Keychain.resetGenericPassword({ service: prefixedKey });
+                }
+            }
+            catch (e) {
+                console.warn(`[ReactNativeSecureStorage] Failed to reset keychain for ${key}`, e);
+            }
+            // Always remove from fallback storage too, just in case
+            await AsyncStorage.removeItem(prefixedKey);
         }
         else {
             await AsyncStorage.removeItem(prefixedKey);
@@ -81,7 +111,14 @@ export class ReactNativeSecureStorage {
     async clear() {
         // Clear all known secure keys
         for (const key of this.SECURE_KEYS) {
-            await Keychain.resetGenericPassword({ service: this.getKeyName(key) });
+            try {
+                if (Keychain) {
+                    await Keychain.resetGenericPassword({ service: this.getKeyName(key) });
+                }
+            }
+            catch (e) {
+                console.warn(`[ReactNativeSecureStorage] Failed to clear keychain key ${key}`, e);
+            }
         }
         // Clear AsyncStorage keys related to PERS
         try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorins/pers-sdk-react-native",
-  "version": "1.5.28",
+  "version": "1.5.30",
   "description": "React Native SDK for PERS Platform - Tourism Loyalty System with Blockchain Transaction Signing and WebAuthn Authentication",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -37,7 +37,7 @@
   "author": "eXplorins",
   "license": "MIT",
   "dependencies": {
-    "@explorins/pers-sdk": "file:.yalc/@explorins/pers-sdk",
+    "@explorins/pers-sdk": "^1.6.36",
     "@explorins/pers-shared": "^2.1.52",
     "@explorins/pers-signer": "^1.0.32",
     "@explorins/web3-ts": "^0.3.75",

package/src/providers/PersSDKProvider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, ReactNode, useCallback, useRef } from 'react';
+import React, { createContext, useContext, useState, ReactNode, useCallback, useRef, useEffect } from 'react';
 import { Platform } from 'react-native';
 import { PersSDK, PersConfig, DefaultAuthProvider, DPoPCryptoProvider } from '@explorins/pers-sdk/core';
 import { ReactNativeHttpClient } from './react-native-http-client';
@@ -65,7 +65,8 @@ const SDKContext = createContext<PersSDKContext | null>(null);
 // Provider component
 export const PersSDKProvider: React.FC<{
   children: ReactNode;
-}> = ({ children }) => {
+  config?: PersConfig;
+}> = ({ children, config }) => {
   const initializingRef = useRef(false);
   const [sdk, setSdk] = useState<PersSDK | null>(null);
   const [authProvider, setAuthProvider] = useState<DefaultAuthProvider | null>(null);
@@ -87,6 +88,21 @@ export const PersSDKProvider: React.FC<{
       // Create HTTP client
       const httpClient = new ReactNativeHttpClient();
       
+      // Ensure DPoP is enabled by default for all platforms
+      const dpopConfig = config.dpop || {};
+      const isDpopEnabled = dpopConfig.enabled ?? true;
+
+      // Prepare DPoP settings for Auth Provider
+      const dpopSettings = {
+        enabled: isDpopEnabled,
+        cryptoProvider: dpopConfig.cryptoProvider
+      };
+
+      // Inject Native DPoP Provider (crypto-based) for mobile platforms if not already provided
+      if (Platform.OS !== 'web' && isDpopEnabled && !dpopSettings.cryptoProvider) {
+        dpopSettings.cryptoProvider = new ReactNativeDPoPProvider();
+      }
+
       // Create platform-aware auth provider if not provided
       let authProvider: DefaultAuthProvider;
       if (config.authProvider) {
@@ -94,26 +110,18 @@ export const PersSDKProvider: React.FC<{
       } else {
         // Use our platform-aware auth provider that automatically selects LocalStorage (web) or AsyncStorage (mobile)
         authProvider = createReactNativeAuthProvider(config.apiProjectKey || 'default-project', {
-          debug: false
+          debug: false,
+          dpop: dpopSettings
         });
       }
       
       // Enhanced config with platform-appropriate auth provider
       const sdkConfig: PersConfig = {
         ...config,
-        authProvider
+        authProvider,
+        dpop: dpopSettings
       };
       
-      // Inject Native DPoP Provider (crypto-based) for mobile platforms
-      // Web platforms use built-in WebCrypto provider by default
-      if (Platform.OS !== 'web' && (!config.dpop?.cryptoProvider)) {
-        sdkConfig.dpop = {
-          ...(config.dpop || {}),
-          enabled: config.dpop?.enabled ?? true,
-          cryptoProvider: new ReactNativeDPoPProvider()
-        };
-      }
-      
       // Initialize PersSDK with platform-aware auth provider
       const sdkInstance = new PersSDK(httpClient, sdkConfig);
       
@@ -127,7 +135,16 @@ export const PersSDKProvider: React.FC<{
     } finally {
       initializingRef.current = false;
     }
-  }, []);
+  }, [isInitialized]);
+
+  // Auto-initialize if config is provided
+  useEffect(() => {
+    if (config && !isInitialized && !initializingRef.current) {
+      initialize(config).catch(err => {
+        console.error('Auto-initialization failed:', err);
+      });
+    }
+  }, [config, isInitialized, initialize]);
 
   const setAuthenticationState = useCallback((user: UserDTO | AdminDTO | null, accountAddress: string | null, isAuthenticated: boolean) => {
     setUser(user);

package/src/providers/react-native-auth-provider.ts

@@ -27,6 +27,11 @@ export interface ReactNativeAuthConfig {
   customStorage?: TokenStorage;
   /** Authentication type (default: 'user') */
   authType?: AuthType;
+  /** DPoP Configuration (optional) */
+  dpop?: {
+    enabled?: boolean;
+    cryptoProvider?: import('@explorins/pers-sdk/core').DPoPCryptoProvider;
+  };
 }
 
 /**
@@ -52,7 +57,8 @@ export function createReactNativeAuthProvider(
     keyPrefix = `pers_${projectKey.slice(0, 8)}_`,
     debug = false,
     customStorage,
-    authType = 'user'
+    authType = 'user',
+    dpop
   } = config;
 
   // Platform-specific storage selection
@@ -62,11 +68,18 @@ export function createReactNativeAuthProvider(
       : new ReactNativeSecureStorage(keyPrefix)
   );
 
+  // Prepare DPoP config ensuring enabled is boolean (default true)
+  const dpopConfig = dpop ? {
+    enabled: dpop.enabled ?? true,
+    cryptoProvider: dpop.cryptoProvider
+  } : undefined;
+
   // Return DefaultAuthProvider configured with platform-appropriate storage
   return new DefaultAuthProvider({
     authType,
     projectKey,
-    storage: tokenStorage
+    storage: tokenStorage,
+    dpop: dpopConfig
   });
 }
 

package/src/storage/rn-secure-storage.ts

@@ -42,8 +42,18 @@ export class ReactNativeSecureStorage implements TokenStorage {
     // In runtime, 'key' is just a string, so this is safe.
     if (this.SECURE_KEYS.has(key as any)) {
       // Store in Keychain/Keystore
-      // Service name acts as the key identifier in simple usage
-      await Keychain.setGenericPassword(prefixedKey, stringValue, { service: prefixedKey });
+      try {
+        if (Keychain) {
+          // Service name acts as the key identifier in simple usage
+          await Keychain.setGenericPassword(prefixedKey, stringValue, { service: prefixedKey });
+        } else {
+          throw new Error('RN Keychain not available');
+        }
+      } catch (e) {
+        console.warn(`[ReactNativeSecureStorage] Keychain set failed for ${key}, falling back to AsyncStorage`, e);
+        // Fallback to AsyncStorage if Keychain fails
+        await AsyncStorage.setItem(prefixedKey, stringValue);
+      }
     } else {
       // Store standard config/metadata in AsyncStorage
       await AsyncStorage.setItem(prefixedKey, stringValue);
@@ -55,14 +65,23 @@ export class ReactNativeSecureStorage implements TokenStorage {
 
     if (this.SECURE_KEYS.has(key as any)) {
       try {
-        const credentials = await Keychain.getGenericPassword({ service: prefixedKey });
-        if (credentials) {
+        if (Keychain) {
+          const credentials = await Keychain.getGenericPassword({ service: prefixedKey });
+          if (credentials) {
             return this.tryParse(credentials.password);
+          }
         }
-        return null;
       } catch (e) {
         console.warn(`[ReactNativeSecureStorage] Failed to access keychain for ${key}`, e);
-        return null; // Key not found or access denied
+        // Continue to fallback check...
+      }
+      
+      // Fallback: Check AsyncStorage if not found in Keychain or Keychain failed
+      try {
+        const val = await AsyncStorage.getItem(prefixedKey);
+        return val ? this.tryParse(val) : null;
+      } catch (e) {
+        return null;
       }
     } else {
       try {
@@ -79,7 +98,15 @@ export class ReactNativeSecureStorage implements TokenStorage {
     const prefixedKey = this.getKeyName(key);
 
     if (this.SECURE_KEYS.has(key as any)) {
-      await Keychain.resetGenericPassword({ service: prefixedKey });
+      try {
+        if (Keychain) {
+          await Keychain.resetGenericPassword({ service: prefixedKey });
+        }
+      } catch (e) {
+        console.warn(`[ReactNativeSecureStorage] Failed to reset keychain for ${key}`, e);
+      }
+      // Always remove from fallback storage too, just in case
+      await AsyncStorage.removeItem(prefixedKey);
     } else {
       await AsyncStorage.removeItem(prefixedKey);
     }
@@ -88,7 +115,13 @@ export class ReactNativeSecureStorage implements TokenStorage {
   async clear(): Promise<void> {
     // Clear all known secure keys
     for (const key of this.SECURE_KEYS) {
-        await Keychain.resetGenericPassword({ service: this.getKeyName(key) });
+       try {
+         if (Keychain) {
+           await Keychain.resetGenericPassword({ service: this.getKeyName(key) });
+         }
+       } catch (e) {
+         console.warn(`[ReactNativeSecureStorage] Failed to clear keychain key ${key}`, e);
+       }
     }
     
     // Clear AsyncStorage keys related to PERS