astra-sdk-web 1.1.20 → 1.1.21

package/package.json

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

package/src/pages/QRCodePage.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { QRCodeSVG } from 'qrcode.react';
 import { KycApiService } from '../services/kycApiService';
+import { ToastContainer } from '../components/Toast';
 import '../index.css';
 
 interface QRCodePageProps {
@@ -15,6 +16,16 @@ interface 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);
+  const [toasts, setToasts] = useState<Array<{ id: string; message: string; type?: 'success' | 'error' | 'info' | 'warning' }>>([]);
+
+  const addToast = (message: string, type: 'success' | 'error' | 'info' | 'warning' = 'info') => {
+    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+    setToasts((prev) => [...prev, { id, message, type }]);
+  };
+
+  const removeToast = (id: string) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  };
 
   useEffect(() => {
     // Get search params from current URL
@@ -58,7 +69,7 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
 
   const handleCheckResult = async () => {
     if (!apiBaseUrl || !sessionId || !serverKey) {
-      alert('Missing configuration to check KYC result.');
+      addToast('Missing configuration to check KYC result.', 'error');
       return;
     }
 
@@ -68,21 +79,22 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
 
       const first = Array.isArray(payload?.data) && payload.data.length > 0 ? payload.data[0] : null;
 
-      if (first && first.kyc_status === 'verified' && first.redirectUrl) {
+      if (first && first.kyc_status === 'verified') {
         window.location.href = "https://astra-pro-business.astraprotocol.com/pricing-plans";
         return;
       }
 
-      alert('Please complete your KYC first.');
+      addToast('Please complete your KYC first.', 'warning');
     } catch (error: any) {
       const msg = error?.message || 'Result fetch failed';
       console.error('getResult:error', msg);
-      alert(`Result fetch failed: ${msg}`);
+      addToast(`Result fetch failed: ${msg}`, 'error');
     }
   };
 
   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 toasts={toasts} onRemove={removeToast} />
       {/* 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)`,