@explorins/pers-sdk-react-native 2.2.0-alpha.3 → 2.2.0-alpha.4

package/dist/storage/async-storage-token-storage.d.ts

@@ -1,9 +1,21 @@
 /**
  * AsyncStorage Token Storage for React Native Mobile Platforms
  *
- * Bundler-agnostic AsyncStorage implementation for mobile platforms
+ * Bundler-agnostic AsyncStorage implementation for mobile platforms.
+ *
+ * IMPORTANT: Due to bundler conflicts between Rollup (SDK) and Metro (app),
+ * the consuming app MUST set global.AsyncStorageModule before using this SDK:
+ *
+ * ```javascript
+ * // In your app's index.js, BEFORE importing the SDK:
+ * import AsyncStorage from '@react-native-async-storage/async-storage';
+ * global.AsyncStorageModule = AsyncStorage;
+ * ```
  */
 import type { TokenStorage } from '@explorins/pers-sdk/core';
+declare global {
+    var AsyncStorageModule: any;
+}
 /**
  * AsyncStorage implementation for mobile platforms
  *

package/dist/storage/async-storage-token-storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"async-storage-token-storage.d.ts","sourceRoot":"","sources":["../../src/storage/async-storage-token-storage.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0F7D;;;;;GAKG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAC3D,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,YAAY,CAA8B;gBAEtC,SAAS,GAAE,MAAuB;IAgBxC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAW9C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAYxC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQlC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;CAgB7B"}
+{"version":3,"file":"async-storage-token-storage.d.ts","sourceRoot":"","sources":["../../src/storage/async-storage-token-storage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,kBAAkB,EAAE,GAAG,CAAC;CAC7B;AA4FD;;;;;GAKG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAC3D,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,YAAY,CAA8B;gBAEtC,SAAS,GAAE,MAAuB;IAgBxC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAW9C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAYxC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQlC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;CAgB7B"}

package/dist/storage/async-storage-token-storage.js

@@ -1,52 +1,62 @@
 /**
  * AsyncStorage Token Storage for React Native Mobile Platforms
  *
- * Bundler-agnostic AsyncStorage implementation for mobile platforms
+ * Bundler-agnostic AsyncStorage implementation for mobile platforms.
+ *
+ * IMPORTANT: Due to bundler conflicts between Rollup (SDK) and Metro (app),
+ * the consuming app MUST set global.AsyncStorageModule before using this SDK:
+ *
+ * ```javascript
+ * // In your app's index.js, BEFORE importing the SDK:
+ * import AsyncStorage from '@react-native-async-storage/async-storage';
+ * global.AsyncStorageModule = AsyncStorage;
+ * ```
  */
 /**
- * Dynamically resolve AsyncStorage at runtime to avoid bundler conflicts
- *
- * When the SDK is pre-bundled (e.g., with Rollup) and then consumed by an app
- * that uses Metro, the static import can get resolved incorrectly due to module
- * hoisting and namespace collisions.
+ * Get AsyncStorage from the global that the app must set.
  *
- * By using require() at runtime, we ensure we get the actual AsyncStorage
- * from the app's node_modules, not a bundled/mangled version.
+ * This bypasses all bundler resolution issues by having the app
+ * explicitly provide the AsyncStorage module via a global variable.
  */
 function getAsyncStorage() {
-    // Use require() to get the module at runtime
-    // This bypasses any bundler transformations that might have corrupted the import
+    // Check if the app has set the global
+    if (global.AsyncStorageModule) {
+        const module = global.AsyncStorageModule;
+        // Validate it has the expected methods
+        if (typeof module?.getItem === 'function') {
+            console.log('[AsyncStorage] Using global.AsyncStorageModule (direct)');
+            return module;
+        }
+        else if (typeof module?.default?.getItem === 'function') {
+            console.log('[AsyncStorage] Using global.AsyncStorageModule.default');
+            return module.default;
+        }
+    }
+    // Fallback: try require (may not work due to bundler conflicts)
     try {
-        // Try default export first (Metro pattern)
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
         const module = require('@react-native-async-storage/async-storage');
-        // Log for debugging what we actually received
-        const hasGetItem = typeof module?.getItem === 'function';
-        const hasDefaultGetItem = typeof module?.default?.getItem === 'function';
-        console.log('[AsyncStorage] Module resolution:', {
-            hasGetItem,
-            hasDefaultGetItem,
-            moduleType: typeof module,
-            keys: module ? Object.keys(module).slice(0, 10) : []
-        });
-        if (hasDefaultGetItem) {
+        if (typeof module?.default?.getItem === 'function') {
+            console.log('[AsyncStorage] Fallback: using require().default');
             return module.default;
         }
-        else if (hasGetItem) {
+        else if (typeof module?.getItem === 'function') {
+            console.log('[AsyncStorage] Fallback: using require() direct');
             return module;
         }
-        else {
-            throw new Error('AsyncStorage module found but missing getItem method');
-        }
     }
-    catch (error) {
-        console.error('[AsyncStorage] Failed to dynamically require:', error);
-        throw new Error('Failed to load @react-native-async-storage/async-storage. ' +
-            'Make sure it is installed and properly linked.');
+    catch (e) {
+        // Ignore require errors
     }
+    // If we get here, provide a helpful error
+    throw new Error('AsyncStorage not available. Please add this to your app\'s index.js BEFORE importing the SDK:\n\n' +
+        '  import AsyncStorage from \'@react-native-async-storage/async-storage\';\n' +
+        '  global.AsyncStorageModule = AsyncStorage;\n\n' +
+        'This is required due to bundler conflicts between Rollup and Metro.');
 }
 /**
  * Bundler-agnostic AsyncStorage wrapper
- * Now uses runtime require() to avoid bundler conflicts
+ * Uses global injection to avoid bundler conflicts
  */
 class BundlerAgnosticAsyncStorage {
     constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorins/pers-sdk-react-native",
-  "version": "2.2.0-alpha.3",
+  "version": "2.2.0-alpha.4",
   "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",

package/src/storage/async-storage-token-storage.ts

@@ -1,58 +1,74 @@
 /**
  * AsyncStorage Token Storage for React Native Mobile Platforms
  * 
- * Bundler-agnostic AsyncStorage implementation for mobile platforms
+ * Bundler-agnostic AsyncStorage implementation for mobile platforms.
+ * 
+ * IMPORTANT: Due to bundler conflicts between Rollup (SDK) and Metro (app),
+ * the consuming app MUST set global.AsyncStorageModule before using this SDK:
+ * 
+ * ```javascript
+ * // In your app's index.js, BEFORE importing the SDK:
+ * import AsyncStorage from '@react-native-async-storage/async-storage';
+ * global.AsyncStorageModule = AsyncStorage;
+ * ```
  */
 
 import type { TokenStorage } from '@explorins/pers-sdk/core';
 
+// Declare global type for TypeScript
+declare global {
+  var AsyncStorageModule: any;
+}
+
 /**
- * Dynamically resolve AsyncStorage at runtime to avoid bundler conflicts
- * 
- * When the SDK is pre-bundled (e.g., with Rollup) and then consumed by an app
- * that uses Metro, the static import can get resolved incorrectly due to module
- * hoisting and namespace collisions.
+ * Get AsyncStorage from the global that the app must set.
  * 
- * By using require() at runtime, we ensure we get the actual AsyncStorage
- * from the app's node_modules, not a bundled/mangled version.
+ * This bypasses all bundler resolution issues by having the app
+ * explicitly provide the AsyncStorage module via a global variable.
  */
 function getAsyncStorage(): any {
-  // Use require() to get the module at runtime
-  // This bypasses any bundler transformations that might have corrupted the import
+  // Check if the app has set the global
+  if (global.AsyncStorageModule) {
+    const module = global.AsyncStorageModule;
+    
+    // Validate it has the expected methods
+    if (typeof module?.getItem === 'function') {
+      console.log('[AsyncStorage] Using global.AsyncStorageModule (direct)');
+      return module;
+    } else if (typeof module?.default?.getItem === 'function') {
+      console.log('[AsyncStorage] Using global.AsyncStorageModule.default');
+      return module.default;
+    }
+  }
+  
+  // Fallback: try require (may not work due to bundler conflicts)
   try {
-    // Try default export first (Metro pattern)
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
     const module = require('@react-native-async-storage/async-storage');
     
-    // Log for debugging what we actually received
-    const hasGetItem = typeof module?.getItem === 'function';
-    const hasDefaultGetItem = typeof module?.default?.getItem === 'function';
-    
-    console.log('[AsyncStorage] Module resolution:', {
-      hasGetItem,
-      hasDefaultGetItem,
-      moduleType: typeof module,
-      keys: module ? Object.keys(module).slice(0, 10) : []
-    });
-    
-    if (hasDefaultGetItem) {
+    if (typeof module?.default?.getItem === 'function') {
+      console.log('[AsyncStorage] Fallback: using require().default');
       return module.default;
-    } else if (hasGetItem) {
+    } else if (typeof module?.getItem === 'function') {
+      console.log('[AsyncStorage] Fallback: using require() direct');
       return module;
-    } else {
-      throw new Error('AsyncStorage module found but missing getItem method');
     }
-  } catch (error) {
-    console.error('[AsyncStorage] Failed to dynamically require:', error);
-    throw new Error(
-      'Failed to load @react-native-async-storage/async-storage. ' +
-      'Make sure it is installed and properly linked.'
-    );
+  } catch (e) {
+    // Ignore require errors
   }
+  
+  // If we get here, provide a helpful error
+  throw new Error(
+    'AsyncStorage not available. Please add this to your app\'s index.js BEFORE importing the SDK:\n\n' +
+    '  import AsyncStorage from \'@react-native-async-storage/async-storage\';\n' +
+    '  global.AsyncStorageModule = AsyncStorage;\n\n' +
+    'This is required due to bundler conflicts between Rollup and Metro.'
+  );
 }
 
 /**
  * Bundler-agnostic AsyncStorage wrapper
- * Now uses runtime require() to avoid bundler conflicts
+ * Uses global injection to avoid bundler conflicts
  */
 class BundlerAgnosticAsyncStorage {
   private storage: any;