astra-sdk-web 1.1.1 → 1.1.3

package/dist/components.es.js

@@ -1,6 +1,6 @@
 import React, { createContext, useState, useEffect, useRef, useContext, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { BrowserRouter, Routes, Route, Navigate, useSearchParams, useNavigate } from 'react-router-dom';
+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';
@@ -1319,19 +1319,16 @@ function FaceScanModal({ onComplete }) {
   ] }) });
 }
 var FaceScanModal_default = FaceScanModal;
-function MobileRoute({ onClose } = {}) {
-  const navigate = useNavigate();
+function MobileRoute({ onClose, onNavigate } = {}) {
   useEffect(() => {
-    if (!isMobileDevice()) {
-      navigate("/qr", { replace: true });
+    if (!isMobileDevice() && onNavigate) {
+      onNavigate("qr");
       return;
     }
-  }, [navigate]);
+  }, [onNavigate]);
   const handleClose = () => {
     if (onClose) {
       onClose();
-    } else {
-      navigate(-1);
     }
   };
   const handleComplete = (capturedImage) => {
@@ -1343,22 +1340,17 @@ function MobileRoute({ onClose } = {}) {
   return /* @__PURE__ */ jsx(FaceScanModal_default, { onClose: handleClose, onComplete: handleComplete });
 }
 var MobileRoute_default = MobileRoute;
-function QRCodePage({ onClose } = {}) {
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
+function QRCodePage({ onClose, onNavigate } = {}) {
   const [qrUrl, setQrUrl] = useState("");
   const [copied, setCopied] = useState(false);
   useEffect(() => {
     const currentUrl = window.location.origin;
-    const params = {};
-    searchParams.forEach((value, key) => {
-      params[key] = value;
-    });
+    const searchParams = new URLSearchParams(window.location.search);
     const mobileRoute = "/mobileroute";
-    const queryString = new URLSearchParams(params).toString();
+    const queryString = searchParams.toString();
     const fullUrl = `${currentUrl}${mobileRoute}${queryString ? `?${queryString}` : ""}`;
     setQrUrl(fullUrl);
-  }, [searchParams]);
+  }, []);
   const handleCopyUrl = async () => {
     if (qrUrl) {
       try {
@@ -1373,8 +1365,6 @@ function QRCodePage({ onClose } = {}) {
   const handleClose = () => {
     if (onClose) {
       onClose();
-    } else {
-      navigate(-1);
     }
   };
   const handleRefresh = () => {
@@ -1446,6 +1436,15 @@ var KycFlow = ({
   startAtQr = true,
   onClose
 }) => {
+  const [currentView, setCurrentView] = useState(startAtQr ? "qr" : "mobileroute");
+  const handleNavigate = (view) => {
+    setCurrentView(view);
+  };
+  const handleClose = () => {
+    if (onClose) {
+      onClose();
+    }
+  };
   return /* @__PURE__ */ jsx(
     KycProvider,
     {
@@ -1453,11 +1452,7 @@ var KycFlow = ({
       sessionId,
       serverKey,
       deviceType,
-      children: /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsxs(Routes, { children: [
-        /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(Navigate, { to: startAtQr ? "/qr" : "/mobileroute", replace: true }) }),
-        /* @__PURE__ */ jsx(Route, { path: "/qr", element: /* @__PURE__ */ jsx(QRCodePage_default, { onClose }) }),
-        /* @__PURE__ */ jsx(Route, { path: "/mobileroute", element: /* @__PURE__ */ jsx(MobileRoute_default, { onClose }) })
-      ] }) })
+      children: currentView === "qr" ? /* @__PURE__ */ jsx(QRCodePage_default, { onClose: handleClose, onNavigate: handleNavigate }) : /* @__PURE__ */ jsx(MobileRoute_default, { onClose: handleClose, onNavigate: handleNavigate })
     }
   );
 };