astra-sdk-web 1.1.2 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astra-sdk-web",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Official Astra SDK for JavaScript/TypeScript",
   "type": "module",
   "main": "./dist/astra-sdk.cjs.js",

package/src/components/KycFlow.tsx

@@ -1,8 +1,7 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { KycProvider } from '../contexts/KycContext';
 import MobileRoute from '../pages/MobileRoute';
 import QRCodePage from '../pages/QRCodePage';
-import { MemoryRouter, Routes, Route, Navigate } from 'react-router-dom';
 
 export interface KycFlowProps {
   apiBaseUrl: string;
@@ -13,6 +12,8 @@ export interface KycFlowProps {
   onClose?: () => void;
 }
 
+type KycFlowView = 'qr' | 'mobileroute';
+
 export const KycFlow: React.FC<KycFlowProps> = ({
   apiBaseUrl,
   sessionId,
@@ -21,6 +22,18 @@ export const KycFlow: React.FC<KycFlowProps> = ({
   startAtQr = true,
   onClose,
 }) => {
+  const [currentView, setCurrentView] = useState<KycFlowView>(startAtQr ? 'qr' : 'mobileroute');
+
+  const handleNavigate = (view: KycFlowView) => {
+    setCurrentView(view);
+  };
+
+  const handleClose = () => {
+    if (onClose) {
+      onClose();
+    }
+  };
+
   return (
     <KycProvider
       apiBaseUrl={apiBaseUrl}
@@ -28,13 +41,11 @@ export const KycFlow: React.FC<KycFlowProps> = ({
       serverKey={serverKey}
       deviceType={deviceType}
     >
-      <MemoryRouter initialEntries={[startAtQr ? '/qr' : '/mobileroute']}>
-        <Routes>
-          <Route path="/" element={<Navigate to={startAtQr ? "/qr" : "/mobileroute"} replace />} />
-          <Route path="/qr" element={<QRCodePage onClose={onClose} />} />
-          <Route path="/mobileroute" element={<MobileRoute onClose={onClose} />} />
-        </Routes>
-      </MemoryRouter>
+      {currentView === 'qr' ? (
+        <QRCodePage onClose={handleClose} onNavigate={handleNavigate} />
+      ) : (
+        <MobileRoute onClose={handleClose} onNavigate={handleNavigate} />
+      )}
     </KycProvider>
   );
 };

package/src/pages/MobileRoute.tsx

@@ -1,28 +1,24 @@
 import { useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
 import { isMobileDevice } from '../utils/deviceDetection';
 import FaceScanModal from './FaceScanModal';
 import '../index.css';
 
 interface MobileRouteProps {
   onClose?: () => void;
+  onNavigate?: (view: 'qr' | 'mobileroute') => void;
 }
 
-function MobileRoute({ onClose }: MobileRouteProps = {}) {
-  const navigate = useNavigate();
-
+function MobileRoute({ onClose, onNavigate }: MobileRouteProps = {}) {
   useEffect(() => {
-    if (!isMobileDevice()) {
-      navigate('/qr', { replace: true });
+    if (!isMobileDevice() && onNavigate) {
+      onNavigate('qr');
       return;
     }
-  }, [navigate]);
+  }, [onNavigate]);
 
   const handleClose = () => {
     if (onClose) {
       onClose();
-    } else {
-      navigate(-1);
     }
   };
 

package/src/pages/QRCodePage.tsx

@@ -1,32 +1,27 @@
 import { useState, useEffect } from 'react';
 import { QRCodeSVG } from 'qrcode.react';
-import { useSearchParams, useNavigate } from 'react-router-dom';
 import '../index.css';
 
 interface QRCodePageProps {
   onClose?: () => void;
+  onNavigate?: (view: 'qr' | 'mobileroute') => void;
 }
 
-function QRCodePage({ onClose }: QRCodePageProps = {}) {
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
+function QRCodePage({ onClose, onNavigate }: QRCodePageProps = {}) {
   const [qrUrl, setQrUrl] = useState<string>('');
   const [copied, setCopied] = useState<boolean>(false);
 
   useEffect(() => {
     const currentUrl = window.location.origin;
-
-    const params: Record<string, string> = {};
-    searchParams.forEach((value, key) => {
-      params[key] = value;
-    });
-
+    
+    // Get search params from current URL
+    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) {
@@ -43,8 +38,6 @@ function QRCodePage({ onClose }: QRCodePageProps = {}) {
   const handleClose = () => {
     if (onClose) {
       onClose();
-    } else {
-      navigate(-1);
     }
   };