astra-sdk-web 1.1.28 → 1.1.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astra-sdk-web",
-  "version": "1.1.28",
+  "version": "1.1.29",
   "description": "Official Astra SDK for JavaScript/TypeScript",
   "type": "module",
   "main": "./dist/astra-sdk.cjs.js",

package/src/pages/MobileRoute.tsx

@@ -36,29 +36,46 @@ function MobileRoute({ onClose, onNavigate }: MobileRouteProps = {}) {
     const sessionId = searchParams.get('sessionId');
 
     if (sessionId) {
-      // Try to get apiBaseUrl and serverKey from localStorage
-      const storedConfig = getKycConfig(sessionId);
-      
-      if (storedConfig) {
+      let apiBaseUrl = '';
+      let serverKey = '';
+
+      // First, try to decode config from URL (for cross-device QR scanning)
+      const encodedConfig = searchParams.get('config');
+      if (encodedConfig) {
+        try {
+          const decodedConfig = JSON.parse(atob(encodedConfig));
+          if (decodedConfig.apiBaseUrl && decodedConfig.serverKey) {
+            apiBaseUrl = decodedConfig.apiBaseUrl;
+            serverKey = decodedConfig.serverKey;
+          }
+        } catch (error) {
+          console.error('Failed to decode config from URL:', error);
+        }
+      }
+
+      // If not found in encoded config, try localStorage (for same-device scenarios)
+      if (!apiBaseUrl || !serverKey) {
+        const storedConfig = getKycConfig(sessionId);
+        if (storedConfig) {
+          apiBaseUrl = storedConfig.apiBaseUrl;
+          serverKey = storedConfig.serverKey;
+        }
+      }
+
+      // Fallback: try to get from URL params directly (for backward compatibility)
+      if (!apiBaseUrl || !serverKey) {
+        apiBaseUrl = searchParams.get('apiBaseUrl') || searchParams.get('apiUrl') || '';
+        serverKey = searchParams.get('serverKey') || '';
+      }
+
+      if (apiBaseUrl && serverKey) {
         setConfig({
-          apiBaseUrl: storedConfig.apiBaseUrl,
+          apiBaseUrl,
           sessionId,
-          serverKey: storedConfig.serverKey,
+          serverKey,
         });
       } else {
-        // Fallback: try to get from URL params (for backward compatibility)
-        const apiBaseUrl = searchParams.get('apiBaseUrl') || searchParams.get('apiUrl') || '';
-        const serverKey = searchParams.get('serverKey') || '';
-        
-        if (apiBaseUrl && serverKey) {
-          setConfig({
-            apiBaseUrl,
-            sessionId,
-            serverKey,
-          });
-        } else {
-          console.error('Missing required parameters: apiBaseUrl and serverKey not found in localStorage or URL');
-        }
+        console.error('Missing required parameters: apiBaseUrl and serverKey not found in URL config, localStorage, or URL params');
       }
     } else {
       console.error('Missing required parameter: sessionId must be in URL');

package/src/pages/QRCodePage.tsx

@@ -22,13 +22,21 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk.astraprotocol.co
   const [copied, setCopied] = useState<boolean>(false);
 
   useEffect(() => {
-    // Store config in localStorage for mobile route to retrieve
+    // Store config in localStorage for mobile route to retrieve (for same-device scenarios)
     if (sessionId && apiBaseUrl && serverKey) {
       storeKycConfig(sessionId, apiBaseUrl, serverKey);
     }
 
-    // Only include sessionId in URL, not apiBaseUrl or serverKey
-    if (sessionId) {
+    // Encode config in URL for cross-device scenarios (when QR is scanned on different device)
+    if (sessionId && apiBaseUrl && serverKey) {
+      const mobileRoute = '/mobileroute';
+      // Encode config as base64 to include in URL (needed for cross-device QR scanning)
+      const config = JSON.stringify({ apiBaseUrl, serverKey });
+      const encodedConfig = btoa(config);
+      const fullUrl = `${mobileBaseUrl}${mobileRoute}?sessionId=${sessionId}&config=${encodedConfig}`;
+      setQrUrl(fullUrl);
+    } else if (sessionId) {
+      // Fallback: just sessionId if config not available
       const mobileRoute = '/mobileroute';
       const fullUrl = `${mobileBaseUrl}${mobileRoute}?sessionId=${sessionId}`;
       setQrUrl(fullUrl);