astra-sdk-web 1.1.20 → 1.1.21

package/dist/components.cjs.js

@@ -1406,6 +1406,17 @@ function Toast({ message, type = "info", duration = 5e3, onClose }) {
     }
   );
 }
+function ToastContainer({ toasts, onRemove }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[10000] flex flex-col gap-2", children: toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx(
+    Toast,
+    {
+      message: toast.message,
+      type: toast.type,
+      onClose: () => onRemove(toast.id)
+    },
+    toast.id
+  )) });
+}
 function FaceScanModal({ onComplete }) {
   const faceCanvasRef = React.useRef(null);
   const navigate = reactRouterDom.useNavigate();
@@ -1738,6 +1749,14 @@ var MobileRoute_default = MobileRoute;
 function QRCodePage({ onClose, mobileBaseUrl = "https://kyc-sdk-stage.astraprotocol.com", sessionId, apiBaseUrl, serverKey } = {}) {
   const [qrUrl, setQrUrl] = React.useState("");
   const [copied, setCopied] = React.useState(false);
+  const [toasts, setToasts] = React.useState([]);
+  const addToast = (message, type = "info") => {
+    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+    setToasts((prev) => [...prev, { id, message, type }]);
+  };
+  const removeToast = (id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  };
   React.useEffect(() => {
     const searchParams = new URLSearchParams(window.location.search);
     if (sessionId) {
@@ -1772,25 +1791,26 @@ 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;
     }
     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.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) {
       const msg = error?.message || "Result fetch failed";
       console.error("getResult:error", msg);
-      alert(`Result fetch failed: ${msg}`);
+      addToast(`Result fetch failed: ${msg}`, "error");
     }
   };
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ToastContainer, { toasts, onRemove: removeToast }),
     /* @__PURE__ */ jsxRuntime.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"