astra-sdk-web 1.1.4 → 1.1.6

package/dist/components.cjs.js

@@ -1223,6 +1223,29 @@ function FaceScanModal({ onComplete }) {
   React.useEffect(() => {
     setState((prev) => ({ ...prev, cameraReady }));
   }, [cameraReady, setState]);
+  React.useEffect(() => {
+    if (cameraReady && apiService) {
+      const config = apiService.getConfig();
+      if (config) {
+        console.log("=== Camera Opened ===");
+        console.log("Session ID:", config.sessionId);
+        console.log("Server Key:", config.serverKey);
+        console.log("API Base URL:", config.apiBaseUrl);
+        console.log("Device Type:", config.deviceType || "auto-detected");
+        apiService.getSessionStatus().then((statusResponse) => {
+          console.log("=== Session Status API Response ===");
+          console.log("Full Response:", statusResponse);
+          console.log("Session Status:", statusResponse.data?.status);
+          console.log("Session ID:", statusResponse.data?.session_id);
+          console.log("Completed Steps:", statusResponse.data?.completed_steps);
+          console.log("Next Step:", statusResponse.data?.next_step);
+        }).catch((error) => {
+          console.error("=== Session Status API Error ===");
+          console.error("Error fetching session status:", error);
+        });
+      }
+    }
+  }, [cameraReady, apiService]);
   const handleRetry = () => {
     stopCamera();
     setState({
@@ -1325,12 +1348,29 @@ function FaceScanModal({ onComplete }) {
   ] }) });
 }
 var FaceScanModal_default = FaceScanModal;
+function MobileRouteContent({ onClose, onComplete }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FaceScanModal_default, { onClose, onComplete });
+}
 function MobileRoute({ onClose, onNavigate } = {}) {
+  const [config, setConfig] = React.useState(null);
   React.useEffect(() => {
     if (!isMobileDevice() && onNavigate) {
       onNavigate("qr");
       return;
     }
+    const searchParams = new URLSearchParams(window.location.search);
+    const sessionId = searchParams.get("sessionId");
+    const apiBaseUrl = searchParams.get("apiBaseUrl") || searchParams.get("apiUrl") || "";
+    const serverKey = searchParams.get("serverKey") || "";
+    if (sessionId && apiBaseUrl && serverKey) {
+      setConfig({
+        apiBaseUrl,
+        sessionId,
+        serverKey
+      });
+    } else if (sessionId) {
+      console.error("Missing required parameters: apiBaseUrl and serverKey must be in URL");
+    }
   }, [onNavigate]);
   const handleClose = () => {
     if (onClose) {
@@ -1343,10 +1383,28 @@ function MobileRoute({ onClose, onNavigate } = {}) {
   if (!isMobileDevice()) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(FaceScanModal_default, { onClose: handleClose, onComplete: handleComplete });
+  if (config) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      KycProvider,
+      {
+        apiBaseUrl: config.apiBaseUrl,
+        sessionId: config.sessionId,
+        serverKey: config.serverKey,
+        deviceType: "mobile",
+        children: /* @__PURE__ */ jsxRuntime.jsx(MobileRouteContent, { onClose: handleClose, onComplete: handleComplete })
+      }
+    );
+  }
+  if (onNavigate) {
+    return /* @__PURE__ */ jsxRuntime.jsx(MobileRouteContent, { onClose: handleClose, onComplete: handleComplete });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/50 z-[1000]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-6 rounded-lg text-center max-w-md mx-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-600 mb-2", children: "Missing Configuration" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: "Please ensure the URL includes sessionId, apiBaseUrl, and serverKey parameters." })
+  ] }) });
 }
 var MobileRoute_default = MobileRoute;
-function QRCodePage({ onClose, onNavigate, mobileBaseUrl = "https://astra-sdk-rebuild.vercel.app", sessionId } = {}) {
+function QRCodePage({ onClose, onNavigate, mobileBaseUrl = "https://astra-sdk-rebuild.vercel.app", sessionId, apiBaseUrl, serverKey } = {}) {
   const [qrUrl, setQrUrl] = React.useState("");
   const [copied, setCopied] = React.useState(false);
   React.useEffect(() => {
@@ -1354,11 +1412,17 @@ function QRCodePage({ onClose, onNavigate, mobileBaseUrl = "https://astra-sdk-re
     if (sessionId) {
       searchParams.set("sessionId", sessionId);
     }
+    if (apiBaseUrl) {
+      searchParams.set("apiBaseUrl", apiBaseUrl);
+    }
+    if (serverKey) {
+      searchParams.set("serverKey", serverKey);
+    }
     const mobileRoute = "/mobileroute";
     const queryString = searchParams.toString();
     const fullUrl = `${mobileBaseUrl}${mobileRoute}${queryString ? `?${queryString}` : ""}`;
     setQrUrl(fullUrl);
-  }, [mobileBaseUrl, sessionId]);
+  }, [mobileBaseUrl, sessionId, apiBaseUrl, serverKey]);
   const handleCopyUrl = async () => {
     if (qrUrl) {
       try {
@@ -1399,15 +1463,15 @@ function QRCodePage({ onClose, onNavigate, mobileBaseUrl = "https://astra-sdk-re
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3 sm:gap-4 flex-1 overflow-y-auto custom__scrollbar", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "m-0 text-white text-xl sm:text-2xl font-semibold leading-tight", children: "Continue on Mobile" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "m-0 text-white text-sm sm:text-base opacity-90 leading-relaxed", children: "Scan this QR on your phone to capture your face and document" }),
-        qrUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center p-3 sm:p-4 bg-white rounded-xl border-2 border-white", children: /* @__PURE__ */ jsxRuntime.jsx(
+        qrUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center p-3 sm:p-4 bg-black rounded-xl border-2 border-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
           qrcode_react.QRCodeSVG,
           {
             value: qrUrl,
             size: 180,
             level: "H",
             includeMargin: true,
-            bgColor: "transparent",
-            fgColor: "#000000"
+            bgColor: "#000000",
+            fgColor: "#FFFFFF"
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full text-left mt-auto", children: [
@@ -1473,7 +1537,9 @@ var KycFlow = ({
           onClose: handleClose,
           onNavigate: handleNavigate,
           mobileBaseUrl,
-          sessionId
+          sessionId,
+          apiBaseUrl,
+          serverKey
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(MobileRoute_default, { onClose: handleClose, onNavigate: handleNavigate })
     }