astra-sdk-web 1.1.16 → 1.1.18

package/dist/index.d.ts

@@ -113,6 +113,10 @@ declare class KycApiService {
      * Get session status
      */
     getSessionStatus(): Promise<SessionStatusResponse>;
+    /**
+     * Get session result (kyc result)
+     */
+    getResult(): Promise<any>;
     /**
      * Upload face scan image
      */

package/package.json

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

package/src/index.css

@@ -9,6 +9,12 @@
     scrollbar-color: #474747 transparent;
   }
   
+  
+  
+
+
+
+  
   .custom__scrollbar::-webkit-scrollbar {
     width: 6px;
   }

package/src/pages/QRCodePage.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { QRCodeSVG } from 'qrcode.react';
+import { KycApiService } from '../services/kycApiService';
 import '../index.css';
 
 interface QRCodePageProps {
@@ -11,7 +12,7 @@ interface QRCodePageProps {
   serverKey?: string;
 }
 
-function QRCodePage({ onClose, onNavigate, mobileBaseUrl = 'https://kyc-sdk-stage.astraprotocol.com', sessionId, apiBaseUrl, serverKey }: QRCodePageProps = {}) {
+function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraprotocol.com', sessionId, apiBaseUrl, serverKey }: QRCodePageProps = {}) {
   const [qrUrl, setQrUrl] = useState<string>('');
   const [copied, setCopied] = useState<boolean>(false);
 
@@ -55,8 +56,29 @@ function QRCodePage({ onClose, onNavigate, mobileBaseUrl = 'https://kyc-sdk-stag
     }
   };
 
-  const handleRefresh = () => {
-    window.location.reload();
+  const handleCheckResult = async () => {
+    if (!apiBaseUrl || !sessionId || !serverKey) {
+      alert('Missing configuration to check KYC result.');
+      return;
+    }
+
+    try {
+      const svc = new KycApiService({ apiBaseUrl, sessionId, serverKey });
+      const payload = await svc.getResult();
+
+      const first = Array.isArray(payload?.data) && payload.data.length > 0 ? payload.data[0] : null;
+
+      if (first && first.kyc_status === 'success' && first.redirectUrl) {
+        window.location.href = first.redirectUrl;
+        return;
+      }
+
+      alert('Please complete your KYC first.');
+    } catch (error: any) {
+      const msg = error?.message || 'Result fetch failed';
+      console.error('getResult:error', msg);
+      alert(`Result fetch failed: ${msg}`);
+    }
   };
 
   return (
@@ -124,9 +146,9 @@ function QRCodePage({ onClose, onNavigate, mobileBaseUrl = 'https://kyc-sdk-stag
 
           <button 
             className="w-full py-3 sm:py-4 px-6 bg-gradient-to-r from-[#FF842D] to-[#FF2D55] border-none rounded-lg text-white text-sm sm:text-base font-semibold cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-[0_4px_12px_rgba(255,107,53,0.4)] active:translate-y-0" 
-            onClick={handleRefresh}
+            onClick={handleCheckResult}
           >
-            I've completed on mobile - Refresh
+            I've completed on mobile - Move to next step
           </button>
         </div>
       </div>

package/src/services/kycApiService.ts

@@ -92,6 +92,40 @@ export class KycApiService {
     }
   }
 
+  /**
+   * Get session result (kyc result)
+   */
+  async getResult(): Promise<any> {
+    const deviceType = this.config.deviceType || this.detectDeviceType();
+
+    try {
+      const response = await fetch(
+        `${this.config.apiBaseUrl}/api/v2/dashboard/merchant/onsite/session/${this.config.sessionId}/result`,
+        {
+          method: 'GET',
+          headers: {
+            'x-server-key': this.config.serverKey,
+            'device-type': deviceType,
+            'Content-Type': 'application/json',
+          },
+          credentials: 'include',
+        }
+      );
+
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        const message = errorData?.message || `Result fetch failed with status ${response.status}`;
+        throw new Error(message);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error: any) {
+      const message = error?.message || 'Result fetch failed';
+      throw new Error(`Result fetch failed: ${message}`);
+    }
+  }
+
   /**
    * Upload face scan image
    */