astra-sdk-web 1.1.23 → 1.1.24

package/dist/components.es.js

@@ -4,6 +4,8 @@ import { useNavigate } from 'react-router-dom';
 import { FACEMESH_TESSELATION, FACEMESH_FACE_OVAL, FACEMESH_LEFT_EYE, FACEMESH_RIGHT_EYE, FACEMESH_LIPS, FaceMesh } from '@mediapipe/face_mesh';
 import { drawConnectors, drawLandmarks } from '@mediapipe/drawing_utils';
 import { QRCodeSVG } from 'qrcode.react';
+import { ToastContainer, toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
 
 // src/components/KycFlow.tsx
 
@@ -1405,7 +1407,7 @@ function FaceScanModal({ onComplete }) {
   const navigate = useNavigate();
   const { apiService } = useKycContext();
   const [sessionError, setSessionError] = useState(null);
-  const [toast, setToast] = useState(null);
+  const [toast2, setToast] = useState(null);
   const [showRetryButton, setShowRetryButton] = useState(false);
   const [isRetrying, setIsRetrying] = useState(false);
   const [kycCompleted, setKycCompleted] = useState(false);
@@ -1596,11 +1598,11 @@ function FaceScanModal({ onComplete }) {
     ] }) }) });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    toast && /* @__PURE__ */ jsx(
+    toast2 && /* @__PURE__ */ jsx(
       Toast,
       {
-        message: toast.message,
-        type: toast.type,
+        message: toast2.message,
+        type: toast2.type,
         onClose: () => setToast(null),
         duration: 6e3
       }
@@ -1766,25 +1768,29 @@ 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;
     }
     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 === "verified" && first.redirect_url) {
-        window.location.href = first.redirect_url;
-        return;
+      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) {
       const msg = error?.message || "Result fetch failed";
       console.error("getResult:error", msg);
-      alert(`Result fetch failed: ${msg}`);
+      toast.error(`Result fetch failed: ${msg}`);
     }
   };
   return /* @__PURE__ */ jsxs("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]", children: [
+    /* @__PURE__ */ jsx(ToastContainer, { position: "top-right" }),
     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 opacity-10", style: {
       backgroundImage: `radial-gradient(circle at 2px 2px, rgba(255,255,255,0.15) 1px, transparent 0)`,
       backgroundSize: "40px 40px"