astra-sdk-web 1.1.23 → 1.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astra-sdk-web",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "description": "Official Astra SDK for JavaScript/TypeScript",
   "type": "module",
   "main": "./dist/astra-sdk.cjs.js",
@@ -66,6 +66,7 @@
     "@mediapipe/face_mesh": "^0.4.1633559619",
     "qrcode.react": "^4.2.0",
     "react-router-dom": "^7.11.0"
+    ,"react-toastify": "^9.2.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/pages/QRCodePage.tsx

@@ -1,6 +1,10 @@
 import { useState, useEffect } from 'react';
 import { QRCodeSVG } from 'qrcode.react';
 import { KycApiService } from '../services/kycApiService';
+// @ts-ignore - optional dependency, may not be installed in some consumers
+import { toast, ToastContainer } from 'react-toastify';
+// @ts-ignore - import styles only when package is present
+import 'react-toastify/dist/ReactToastify.css';
 import '../index.css';
 
 interface QRCodePageProps {
@@ -58,7 +62,7 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
 
   const handleCheckResult = async () => {
     if (!apiBaseUrl || !sessionId || !serverKey) {
-      alert('Missing configuration to check KYC result.');
+      toast.error('Missing configuration to check KYC result.');
       return;
     }
 
@@ -66,23 +70,32 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
       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 === 'verified' && first.redirect_url) {
-        window.location.href = first.redirect_url;
-        return;
+      // support both array and object shapes
+      const first = Array.isArray(payload?.data)
+        ? payload.data.length > 0
+          ? payload.data[0]
+          : null
+        : payload?.data || null;
+
+      if (first && (first.kyc_status === 'verified' || first.kyc_status === 'success')) {
+        const redirect = first.redirect_url || first.redirectUrl || null;
+        if (redirect) {
+          window.location.href = redirect;
+          return;
+        }
       }
 
-      alert('Please complete your KYC first.');
+      toast.warn('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}`);
+      toast.error(`Result fetch failed: ${msg}`);
     }
   };
 
   return (
     <div className="fixed inset-0 flex items-center justify-center bg-gradient-to-br from-gray-900 via-gray-800 to-black p-4 sm:p-6 md:p-8 z-[1000]">
+      <ToastContainer position="top-right" />
       {/* Background pattern overlay */}
       <div className="absolute inset-0 opacity-10" style={{
         backgroundImage: `radial-gradient(circle at 2px 2px, rgba(255,255,255,0.15) 1px, transparent 0)`,

package/src/types/react-toastify.d.ts

@@ -0,0 +1,3 @@
+declare module 'react-toastify';
+
+