astra-sdk-web 1.1.27 → 1.1.29

package/dist/components.es.js

@@ -274,6 +274,81 @@ function isMobileDevice() {
   const hasTouchScreen = "ontouchstart" in window || navigator.maxTouchPoints > 0;
   return mobileRegex.test(userAgent) || isSmallScreen && hasTouchScreen;
 }
+
+// src/utils/kycConfigStorage.ts
+var STORAGE_PREFIX = "kyc_config_";
+var STORAGE_EXPIRY_MS = 24 * 60 * 60 * 1e3;
+function storeKycConfig(sessionId, apiBaseUrl, serverKey) {
+  if (!sessionId || !apiBaseUrl || !serverKey) {
+    console.warn("Cannot store KYC config: missing required parameters");
+    return;
+  }
+  try {
+    const config = {
+      apiBaseUrl,
+      serverKey,
+      sessionId
+    };
+    const storageKey = `${STORAGE_PREFIX}${sessionId}`;
+    const data = {
+      config,
+      timestamp: Date.now()
+    };
+    localStorage.setItem(storageKey, JSON.stringify(data));
+  } catch (error) {
+    console.error("Failed to store KYC config:", error);
+  }
+}
+function getKycConfig(sessionId) {
+  if (!sessionId) {
+    return null;
+  }
+  try {
+    const storageKey = `${STORAGE_PREFIX}${sessionId}`;
+    const stored = localStorage.getItem(storageKey);
+    if (!stored) {
+      return null;
+    }
+    const data = JSON.parse(stored);
+    if (data.timestamp && Date.now() - data.timestamp > STORAGE_EXPIRY_MS) {
+      localStorage.removeItem(storageKey);
+      return null;
+    }
+    if (data.config && data.config.apiBaseUrl && data.config.serverKey) {
+      return {
+        apiBaseUrl: data.config.apiBaseUrl,
+        serverKey: data.config.serverKey
+      };
+    }
+    return null;
+  } catch (error) {
+    console.error("Failed to retrieve KYC config:", error);
+    return null;
+  }
+}
+function clearExpiredConfigs() {
+  try {
+    const keys = Object.keys(localStorage);
+    const now = Date.now();
+    keys.forEach((key) => {
+      if (key.startsWith(STORAGE_PREFIX)) {
+        try {
+          const stored = localStorage.getItem(key);
+          if (stored) {
+            const data = JSON.parse(stored);
+            if (data.timestamp && now - data.timestamp > STORAGE_EXPIRY_MS) {
+              localStorage.removeItem(key);
+            }
+          }
+        } catch (error) {
+          localStorage.removeItem(key);
+        }
+      }
+    });
+  } catch (error) {
+    console.error("Failed to clear expired configs:", error);
+  }
+}
 function useDocumentUpload(callbacks) {
   const [state, setState] = useState({
     docType: "CNIC",
@@ -1681,22 +1756,50 @@ function MobileRouteContent({ onClose, onComplete }) {
 function MobileRoute({ onClose, onNavigate } = {}) {
   const [config, setConfig] = useState(null);
   useEffect(() => {
+    clearExpiredConfigs();
     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");
+    if (sessionId) {
+      let apiBaseUrl = "";
+      let serverKey = "";
+      const encodedConfig = searchParams.get("config");
+      if (encodedConfig) {
+        try {
+          const decodedConfig = JSON.parse(atob(encodedConfig));
+          if (decodedConfig.apiBaseUrl && decodedConfig.serverKey) {
+            apiBaseUrl = decodedConfig.apiBaseUrl;
+            serverKey = decodedConfig.serverKey;
+          }
+        } catch (error) {
+          console.error("Failed to decode config from URL:", error);
+        }
+      }
+      if (!apiBaseUrl || !serverKey) {
+        const storedConfig = getKycConfig(sessionId);
+        if (storedConfig) {
+          apiBaseUrl = storedConfig.apiBaseUrl;
+          serverKey = storedConfig.serverKey;
+        }
+      }
+      if (!apiBaseUrl || !serverKey) {
+        apiBaseUrl = searchParams.get("apiBaseUrl") || searchParams.get("apiUrl") || "";
+        serverKey = searchParams.get("serverKey") || "";
+      }
+      if (apiBaseUrl && serverKey) {
+        setConfig({
+          apiBaseUrl,
+          sessionId,
+          serverKey
+        });
+      } else {
+        console.error("Missing required parameters: apiBaseUrl and serverKey not found in URL config, localStorage, or URL params");
+      }
+    } else {
+      console.error("Missing required parameter: sessionId must be in URL");
     }
   }, [onNavigate]);
   const handleClose = () => {
@@ -1727,7 +1830,7 @@ function MobileRoute({ onClose, onNavigate } = {}) {
   }
   return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/50 z-[1000]", children: /* @__PURE__ */ jsxs("div", { className: "bg-white p-6 rounded-lg text-center max-w-md mx-4", children: [
     /* @__PURE__ */ jsx("p", { className: "text-red-600 mb-2", children: "Missing Configuration" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Please ensure the URL includes sessionId, apiBaseUrl, and serverKey parameters." })
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Please ensure the URL includes sessionId parameter. The configuration should be stored automatically when scanning the QR code." })
   ] }) });
 }
 var MobileRoute_default = MobileRoute;
@@ -1735,20 +1838,20 @@ function QRCodePage({ onClose, mobileBaseUrl = "https://kyc-sdk.astraprotocol.co
   const [qrUrl, setQrUrl] = useState("");
   const [copied, setCopied] = useState(false);
   useEffect(() => {
-    const searchParams = new URLSearchParams(window.location.search);
-    if (sessionId) {
-      searchParams.set("sessionId", sessionId);
-    }
-    if (apiBaseUrl) {
-      searchParams.set("apiBaseUrl", apiBaseUrl);
+    if (sessionId && apiBaseUrl && serverKey) {
+      storeKycConfig(sessionId, apiBaseUrl, serverKey);
     }
-    if (serverKey) {
-      searchParams.set("serverKey", serverKey);
+    if (sessionId && apiBaseUrl && serverKey) {
+      const mobileRoute = "/mobileroute";
+      const config = JSON.stringify({ apiBaseUrl, serverKey });
+      const encodedConfig = btoa(config);
+      const fullUrl = `${mobileBaseUrl}${mobileRoute}?sessionId=${sessionId}&config=${encodedConfig}`;
+      setQrUrl(fullUrl);
+    } else if (sessionId) {
+      const mobileRoute = "/mobileroute";
+      const fullUrl = `${mobileBaseUrl}${mobileRoute}?sessionId=${sessionId}`;
+      setQrUrl(fullUrl);
     }
-    const mobileRoute = "/mobileroute";
-    const queryString = searchParams.toString();
-    const fullUrl = `${mobileBaseUrl}${mobileRoute}${queryString ? `?${queryString}` : ""}`;
-    setQrUrl(fullUrl);
   }, [mobileBaseUrl, sessionId, apiBaseUrl, serverKey]);
   const handleCopyUrl = async () => {
     if (qrUrl) {