@explorins/pers-sdk-react-native 2.2.0-alpha.2 → 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;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA8D7D;;;;;GAKG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAC3D,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,YAAY,CAA8B;gBAEtC,SAAS,GAAE,MAAuB;IAexC,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,34 +1,67 @@
 /**
  * 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 AsyncStorage from '@react-native-async-storage/async-storage';
 /**
- * Bundler-agnostic AsyncStorage wrapper
- * Handles different module resolution patterns across bundlers (Metro, Webpack, Rollup, etc.)
+ * Get AsyncStorage from the global that the app must set.
+ *
+ * This bypasses all bundler resolution issues by having the app
+ * explicitly provide the AsyncStorage module via a global variable.
  */
-class BundlerAgnosticAsyncStorage {
-    constructor(asyncStorageModule) {
-        // Try different import patterns to handle various bundlers
-        if (asyncStorageModule?.default?.getItem) {
-            // Metro/Webpack pattern: { default: { getItem, setItem, ... } }
-            this.storage = asyncStorageModule.default;
+function getAsyncStorage() {
+    // 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 (asyncStorageModule?.getItem) {
-            // Direct export pattern: { getItem, setItem, ... }
-            this.storage = asyncStorageModule;
+        else if (typeof module?.default?.getItem === 'function') {
+            console.log('[AsyncStorage] Using global.AsyncStorageModule.default');
+            return module.default;
         }
-        else if (typeof asyncStorageModule === 'function') {
-            // Function export pattern (some bundlers)
-            this.storage = asyncStorageModule();
+    }
+    // Fallback: try require (may not work due to bundler conflicts)
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const module = require('@react-native-async-storage/async-storage');
+        if (typeof module?.default?.getItem === 'function') {
+            console.log('[AsyncStorage] Fallback: using require().default');
+            return module.default;
         }
-        else {
-            // Log the structure for debugging
-            console.error('[BundlerAgnosticAsyncStorage] Unknown AsyncStorage structure:', asyncStorageModule);
-            throw new Error('AsyncStorage methods not found. Expected structure with getItem/setItem methods. ' +
-                'Make sure @react-native-async-storage/async-storage is properly installed.');
+        else if (typeof module?.getItem === 'function') {
+            console.log('[AsyncStorage] Fallback: using require() direct');
+            return module;
         }
+    }
+    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
+ * Uses global injection to avoid bundler conflicts
+ */
+class BundlerAgnosticAsyncStorage {
+    constructor() {
+        // Get AsyncStorage at runtime, not from a potentially corrupted static import
+        this.storage = getAsyncStorage();
         // Validate that we have the required methods
         const requiredMethods = ['getItem', 'setItem', 'removeItem', 'getAllKeys', 'multiRemove'];
         const missingMethods = requiredMethods.filter(method => typeof this.storage[method] !== 'function');
@@ -64,7 +97,8 @@ export class AsyncStorageTokenStorage {
         this.keyPrefix = keyPrefix;
         try {
             // Initialize bundler-agnostic AsyncStorage wrapper
-            this.asyncStorage = new BundlerAgnosticAsyncStorage(AsyncStorage);
+            // No longer passes the module - it uses runtime require() internally
+            this.asyncStorage = new BundlerAgnosticAsyncStorage();
         }
         catch (error) {
             console.error('[AsyncStorageTokenStorage] Failed to initialize:', error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorins/pers-sdk-react-native",
-  "version": "2.2.0-alpha.2",
+  "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,38 +1,81 @@
 /**
  * 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 AsyncStorage from '@react-native-async-storage/async-storage';
 import type { TokenStorage } from '@explorins/pers-sdk/core';
 
+// Declare global type for TypeScript
+declare global {
+  var AsyncStorageModule: any;
+}
+
+/**
+ * Get AsyncStorage from the global that the app must set.
+ * 
+ * This bypasses all bundler resolution issues by having the app
+ * explicitly provide the AsyncStorage module via a global variable.
+ */
+function getAsyncStorage(): any {
+  // 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 {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const module = require('@react-native-async-storage/async-storage');
+    
+    if (typeof module?.default?.getItem === 'function') {
+      console.log('[AsyncStorage] Fallback: using require().default');
+      return module.default;
+    } else if (typeof module?.getItem === 'function') {
+      console.log('[AsyncStorage] Fallback: using require() direct');
+      return module;
+    }
+  } 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
- * Handles different module resolution patterns across bundlers (Metro, Webpack, Rollup, etc.)
+ * Uses global injection to avoid bundler conflicts
  */
 class BundlerAgnosticAsyncStorage {
   private storage: any;
 
-  constructor(asyncStorageModule: any) {
-    // Try different import patterns to handle various bundlers
-    if (asyncStorageModule?.default?.getItem) {
-      // Metro/Webpack pattern: { default: { getItem, setItem, ... } }
-      this.storage = asyncStorageModule.default;
-    } else if (asyncStorageModule?.getItem) {
-      // Direct export pattern: { getItem, setItem, ... }
-      this.storage = asyncStorageModule;
-    } else if (typeof asyncStorageModule === 'function') {
-      // Function export pattern (some bundlers)
-      this.storage = asyncStorageModule();
-    } else {
-      // Log the structure for debugging
-      console.error('[BundlerAgnosticAsyncStorage] Unknown AsyncStorage structure:', asyncStorageModule);
-      throw new Error(
-        'AsyncStorage methods not found. Expected structure with getItem/setItem methods. ' +
-        'Make sure @react-native-async-storage/async-storage is properly installed.'
-      );
-    }
+  constructor() {
+    // Get AsyncStorage at runtime, not from a potentially corrupted static import
+    this.storage = getAsyncStorage();
 
     // Validate that we have the required methods
     const requiredMethods = ['getItem', 'setItem', 'removeItem', 'getAllKeys', 'multiRemove'];
@@ -82,7 +125,8 @@ export class AsyncStorageTokenStorage implements TokenStorage {
     
     try {
       // Initialize bundler-agnostic AsyncStorage wrapper
-      this.asyncStorage = new BundlerAgnosticAsyncStorage(AsyncStorage);
+      // No longer passes the module - it uses runtime require() internally
+      this.asyncStorage = new BundlerAgnosticAsyncStorage();
     } catch (error) {
       console.error('[AsyncStorageTokenStorage] Failed to initialize:', error);
       throw new Error(