astra-sdk-web 1.1.1 → 1.1.3

package/dist/components.cjs.js

@@ -1325,19 +1325,16 @@ function FaceScanModal({ onComplete }) {
   ] }) });
 }
 var FaceScanModal_default = FaceScanModal;
-function MobileRoute({ onClose } = {}) {
-  const navigate = reactRouterDom.useNavigate();
+function MobileRoute({ onClose, onNavigate } = {}) {
   React.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) => {
@@ -1349,22 +1346,17 @@ function MobileRoute({ onClose } = {}) {
   return /* @__PURE__ */ jsxRuntime.jsx(FaceScanModal_default, { onClose: handleClose, onComplete: handleComplete });
 }
 var MobileRoute_default = MobileRoute;
-function QRCodePage({ onClose } = {}) {
-  const [searchParams] = reactRouterDom.useSearchParams();
-  const navigate = reactRouterDom.useNavigate();
+function QRCodePage({ onClose, onNavigate } = {}) {
   const [qrUrl, setQrUrl] = React.useState("");
   const [copied, setCopied] = React.useState(false);
   React.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 {
@@ -1379,8 +1371,6 @@ function QRCodePage({ onClose } = {}) {
   const handleClose = () => {
     if (onClose) {
       onClose();
-    } else {
-      navigate(-1);
     }
   };
   const handleRefresh = () => {
@@ -1452,6 +1442,15 @@ var KycFlow = ({
   startAtQr = true,
   onClose
 }) => {
+  const [currentView, setCurrentView] = React.useState(startAtQr ? "qr" : "mobileroute");
+  const handleNavigate = (view) => {
+    setCurrentView(view);
+  };
+  const handleClose = () => {
+    if (onClose) {
+      onClose();
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     KycProvider,
     {
@@ -1459,11 +1458,7 @@ var KycFlow = ({
       sessionId,
       serverKey,
       deviceType,
-      children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.BrowserRouter, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/", element: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: startAtQr ? "/qr" : "/mobileroute", replace: true }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/qr", element: /* @__PURE__ */ jsxRuntime.jsx(QRCodePage_default, { onClose }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/mobileroute", element: /* @__PURE__ */ jsxRuntime.jsx(MobileRoute_default, { onClose }) })
-      ] }) })
+      children: currentView === "qr" ? /* @__PURE__ */ jsxRuntime.jsx(QRCodePage_default, { onClose: handleClose, onNavigate: handleNavigate }) : /* @__PURE__ */ jsxRuntime.jsx(MobileRoute_default, { onClose: handleClose, onNavigate: handleNavigate })
     }
   );
 };