vesant-sdk 1.3.0 → 1.3.1

package/dist/react.js

@@ -1,6 +1,11 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
+var client = require('react-dom/client');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/geolocation/hooks.ts
 
@@ -259,12 +264,12 @@ async function generateCipherText(options, config) {
 
 // src/geolocation/hooks.ts
 function useGeolocation(client, options = {}) {
-  const [verification, setVerification] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const optionsRef = react.useRef(options);
+  const [verification, setVerification] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const optionsRef = React.useRef(options);
   optionsRef.current = options;
-  const verifyIP = react.useCallback(
+  const verifyIP = React.useCallback(
     async (request) => {
       setLoading(true);
       setError(null);
@@ -282,7 +287,7 @@ function useGeolocation(client, options = {}) {
     },
     [client]
   );
-  const checkCompliance = react.useCallback(
+  const checkCompliance = React.useCallback(
     async (countryISO) => {
       setLoading(true);
       setError(null);
@@ -299,7 +304,7 @@ function useGeolocation(client, options = {}) {
     },
     [client]
   );
-  const refresh = react.useCallback(async () => {
+  const refresh = React.useCallback(async () => {
     if (verification) {
       await verifyIP({
         ip_address: verification.ip_address,
@@ -308,7 +313,7 @@ function useGeolocation(client, options = {}) {
       });
     }
   }, [verification, verifyIP]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (optionsRef.current.autoVerify) {
       const detectAndVerify = async () => {
         try {
@@ -369,12 +374,12 @@ function createDeviceFingerprint() {
   };
 }
 function useCipherText(client) {
-  const [config, setConfig] = react.useState(void 0);
-  const [configLoading, setConfigLoading] = react.useState(!!client);
-  const [configError, setConfigError] = react.useState(null);
-  const configRef = react.useRef(void 0);
+  const [config, setConfig] = React.useState(void 0);
+  const [configLoading, setConfigLoading] = React.useState(!!client);
+  const [configError, setConfigError] = React.useState(null);
+  const configRef = React.useRef(void 0);
   configRef.current = config;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!client) return;
     let cancelled = false;
     setConfigLoading(true);
@@ -393,7 +398,7 @@ function useCipherText(client) {
       cancelled = true;
     };
   }, [client]);
-  const generate = react.useCallback(
+  const generate = React.useCallback(
     async (options) => {
       try {
         return await generateCipherText(options, configRef.current);
@@ -407,16 +412,16 @@ function useCipherText(client) {
   return { generate, configLoading, configError };
 }
 function useLocationRequests(client, options = {}) {
-  const [requests, setRequests] = react.useState([]);
-  const [total, setTotal] = react.useState(0);
-  const [page, setPage] = react.useState(1);
-  const [totalPages, setTotalPages] = react.useState(0);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const pollIntervalRef = react.useRef();
-  const optionsRef = react.useRef(options);
+  const [requests, setRequests] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [page, setPage] = React.useState(1);
+  const [totalPages, setTotalPages] = React.useState(0);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const pollIntervalRef = React.useRef();
+  const optionsRef = React.useRef(options);
   optionsRef.current = options;
-  const fetchRequests = react.useCallback(
+  const fetchRequests = React.useCallback(
     async (filters, pagination) => {
       setLoading(true);
       setError(null);
@@ -439,7 +444,7 @@ function useLocationRequests(client, options = {}) {
     },
     [client]
   );
-  const createRequest = react.useCallback(
+  const createRequest = React.useCallback(
     async (request) => {
       setError(null);
       try {
@@ -455,7 +460,7 @@ function useLocationRequests(client, options = {}) {
     },
     [client]
   );
-  const getRequest = react.useCallback(
+  const getRequest = React.useCallback(
     async (requestId) => {
       try {
         return await client.getLocationRequest(requestId);
@@ -467,7 +472,7 @@ function useLocationRequests(client, options = {}) {
     },
     [client]
   );
-  const cancelRequest = react.useCallback(
+  const cancelRequest = React.useCallback(
     async (requestId) => {
       try {
         await client.cancelLocationRequest(requestId);
@@ -484,7 +489,7 @@ function useLocationRequests(client, options = {}) {
     },
     [client]
   );
-  const resendRequest = react.useCallback(
+  const resendRequest = React.useCallback(
     async (requestId, contact) => {
       try {
         await client.resendLocationRequest(requestId, contact);
@@ -496,15 +501,15 @@ function useLocationRequests(client, options = {}) {
     },
     [client]
   );
-  const refresh = react.useCallback(async () => {
+  const refresh = React.useCallback(async () => {
     await fetchRequests();
   }, [fetchRequests]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (optionsRef.current.autoFetch) {
       fetchRequests();
     }
   }, [fetchRequests]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const pollInterval = optionsRef.current.pollInterval;
     if (pollInterval && pollInterval > 0) {
       pollIntervalRef.current = setInterval(() => {
@@ -534,14 +539,14 @@ function useLocationRequests(client, options = {}) {
   };
 }
 function useLocationCapture(client, options) {
-  const [shareInfo, setShareInfo] = react.useState(null);
-  const [captureResponse, setCaptureResponse] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [submitting, setSubmitting] = react.useState(false);
-  const [error, setError] = react.useState(null);
+  const [shareInfo, setShareInfo] = React.useState(null);
+  const [captureResponse, setCaptureResponse] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [submitting, setSubmitting] = React.useState(false);
+  const [error, setError] = React.useState(null);
   const isExpired = shareInfo?.is_expired ?? false;
   const isCompleted = shareInfo?.is_completed ?? false;
-  const fetchShareInfo = react.useCallback(async () => {
+  const fetchShareInfo = React.useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -556,7 +561,7 @@ function useLocationCapture(client, options) {
       setLoading(false);
     }
   }, [client, options.token]);
-  const submitLocation = react.useCallback(
+  const submitLocation = React.useCallback(
     async (capture) => {
       setSubmitting(true);
       setError(null);
@@ -579,7 +584,7 @@ function useLocationCapture(client, options) {
     },
     [client, options.token]
   );
-  const captureAndSubmitGPS = react.useCallback(async () => {
+  const captureAndSubmitGPS = React.useCallback(async () => {
     setSubmitting(true);
     setError(null);
     try {
@@ -647,12 +652,12 @@ function useLocationCapture(client, options) {
       setSubmitting(false);
     }
   }, [submitLocation]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (options.autoFetch && options.token) {
       fetchShareInfo();
     }
   }, [options.autoFetch, options.token, fetchShareInfo]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (options.autoRequestGPS && shareInfo && !isExpired && !isCompleted) {
       captureAndSubmitGPS().catch(() => {
       });
@@ -672,12 +677,12 @@ function useLocationCapture(client, options) {
   };
 }
 function useRegistration(client, options = {}) {
-  const [verification, setVerification] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const optionsRef = react.useRef(options);
+  const [verification, setVerification] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const optionsRef = React.useRef(options);
   optionsRef.current = options;
-  const verifyRegistration = react.useCallback(
+  const verifyRegistration = React.useCallback(
     async (request) => {
       setLoading(true);
       setError(null);
@@ -712,12 +717,12 @@ function useRegistration(client, options = {}) {
   };
 }
 function useLoginVerification(client, options = {}) {
-  const [verification, setVerification] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const optionsRef = react.useRef(options);
+  const [verification, setVerification] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const optionsRef = React.useRef(options);
   optionsRef.current = options;
-  const verifyLogin = react.useCallback(
+  const verifyLogin = React.useCallback(
     async (request) => {
       setLoading(true);
       setError(null);
@@ -755,12 +760,12 @@ function useLoginVerification(client, options = {}) {
   };
 }
 function useTransactionVerification(client, options = {}) {
-  const [verification, setVerification] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const optionsRef = react.useRef(options);
+  const [verification, setVerification] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const optionsRef = React.useRef(options);
   optionsRef.current = options;
-  const verifyTransaction = react.useCallback(
+  const verifyTransaction = React.useCallback(
     async (request) => {
       setLoading(true);
       setError(null);
@@ -796,10 +801,10 @@ function useTransactionVerification(client, options = {}) {
   };
 }
 function useCustomerProfile(client, customerId, options = {}) {
-  const [profile, setProfile] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchProfile = react.useCallback(async () => {
+  const [profile, setProfile] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const fetchProfile = React.useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -814,9 +819,9 @@ function useCustomerProfile(client, customerId, options = {}) {
       setLoading(false);
     }
   }, [client, customerId]);
-  const profileRef = react.useRef(profile);
+  const profileRef = React.useRef(profile);
   profileRef.current = profile;
-  const updateProfile = react.useCallback(
+  const updateProfile = React.useCallback(
     async (updates) => {
       if (!profileRef.current) throw new Error("Profile not loaded");
       setLoading(true);
@@ -835,7 +840,7 @@ function useCustomerProfile(client, customerId, options = {}) {
     },
     [client]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (options.autoFetch && customerId) {
       fetchProfile();
     }
@@ -849,16 +854,298 @@ function useCustomerProfile(client, customerId, options = {}) {
     refresh: fetchProfile
   };
 }
+
+// src/kyc/images.ts
+var Camera = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjAvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQiPg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgDQoJIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDY0IDY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjMxRjIwIiBkPSJNNjAsMTBINDkuNjU2bC02LjgyOC02LjgyOEM0Mi4wNzgsMi40MjIsNDEuMDYyLDIsNDAsMkgyNGMtMS4wNjIsMC0yLjA3OCwwLjQyMi0yLjgyOCwxLjE3MkwxNC4zNDQsMTBINA0KCQljLTIuMjExLDAtNCwxLjc4OS00LDR2NDRjMCwyLjIxMSwxLjc4OSw0LDQsNGg1NmMyLjIxMSwwLDQtMS43ODksNC00VjE0QzY0LDExLjc4OSw2Mi4yMTEsMTAsNjAsMTB6IE0zMiw1MA0KCQljLTguODM2LDAtMTYtNy4xNjQtMTYtMTZzNy4xNjQtMTYsMTYtMTZzMTYsNy4xNjQsMTYsMTZTNDAuODM2LDUwLDMyLDUweiIvPg0KCTxjaXJjbGUgZmlsbD0iIzIzMUYyMCIgY3g9IjMyIiBjeT0iMzQiIHI9IjgiLz4NCjwvZz4NCjwvc3ZnPg==";
+var Done = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04LjUgMTIuNUwxMC41IDE0LjVMMTUuNSA5LjUiIHN0cm9rZT0iIzFDMjc0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTcgMy4zMzc4MkM4LjQ3MDg3IDIuNDg2OTcgMTAuMTc4NiAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiAxMC4xNzg2IDIuNDg2OTcgOC40NzA4NyAzLjMzNzgyIDciIHN0cm9rZT0iIzFDMjc0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPg0KPC9zdmc+";
+var Close = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC41IDkuNTAwMDJMOS41IDE0LjVNOS40OTk5OCA5LjVMMTQuNSAxNC41IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik03IDMuMzM3ODJDOC40NzA4NyAyLjQ4Njk3IDEwLjE3ODYgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyQzIgMTAuMTc4NiAyLjQ4Njk3IDguNDcwODcgMy4zMzc4MiA3IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg==";
+var Upload = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNyAxN0gxNy4wMU0xNS42IDE0SDE4QzE4LjkzMTkgMTQgMTkuMzk3OCAxNCAxOS43NjU0IDE0LjE1MjJDMjAuMjU1NCAxNC4zNTUyIDIwLjY0NDggMTQuNzQ0NiAyMC44NDc4IDE1LjIzNDZDMjEgMTUuNjAyMiAyMSAxNi4wNjgxIDIxIDE3QzIxIDE3LjkzMTkgMjEgMTguMzk3OCAyMC44NDc4IDE4Ljc2NTRDMjAuNjQ0OCAxOS4yNTU0IDIwLjI1NTQgMTkuNjQ0OCAxOS43NjU0IDE5Ljg0NzhDMTkuMzk3OCAyMCAxOC45MzE5IDIwIDE4IDIwSDZDNS4wNjgxMiAyMCA0LjYwMjE4IDIwIDQuMjM0NjMgMTkuODQ3OEMzLjc0NDU4IDE5LjY0NDggMy4zNTUyMyAxOS4yNTU0IDMuMTUyMjQgMTguNzY1NEMzIDE4LjM5NzggMyAxNy45MzE5IDMgMTdDMyAxNi4wNjgxIDMgMTUuNjAyMiAzLjE1MjI0IDE1LjIzNDZDMy4zNTUyMyAxNC43NDQ2IDMuNzQ0NTggMTQuMzU1MiA0LjIzNDYzIDE0LjE1MjJDNC42MDIxOCAxNCA1LjA2ODEyIDE0IDYgMTRIOC40TTEyIDE1VjRNMTIgNEwxNSA3TTEyIDRMOSA3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=";
+
+// src/kyc/FaceCaptureModal.tsx
+var fileToBase64 = (file) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
+  });
+};
+function FaceCaptureModal({
+  onCapture,
+  onCancel
+}) {
+  const inputRef = React.useRef(null);
+  const [isProcessing, setIsProcessing] = React.useState(false);
+  const [isHoveringPrimary, setIsHoveringPrimary] = React.useState(false);
+  const [isHoveringCancel, setIsHoveringCancel] = React.useState(false);
+  const [isHoveringClose, setIsHoveringClose] = React.useState(false);
+  const isMobile = /Mobi|Android/i.test(navigator.userAgent);
+  const handleFileChange = async (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    setIsProcessing(true);
+    try {
+      const base64 = await fileToBase64(file);
+      setTimeout(() => {
+        onCapture(base64);
+      }, 300);
+    } catch (error) {
+      console.error("Error processing image:", error);
+      setIsProcessing(false);
+    }
+  };
+  const overlayStyle = {
+    position: "fixed",
+    inset: 0,
+    background: "rgba(0, 0, 0, 0.6)",
+    backdropFilter: "blur(4px)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 999999,
+    padding: "16px",
+    animation: "fadeIn 0.2s ease-out"
+  };
+  const modalStyle = {
+    background: "#ffffff",
+    borderRadius: "16px",
+    boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    width: "100%",
+    maxWidth: "448px",
+    animation: "zoomIn 0.2s ease-out"
+  };
+  const headerStyle = {
+    position: "relative",
+    padding: "24px 24px 16px",
+    borderBottom: "1px solid #f3f4f6"
+  };
+  const closeButtonStyle = {
+    position: "absolute",
+    top: "16px",
+    right: "16px",
+    padding: "8px",
+    background: isHoveringClose ? "#f3f4f6" : "transparent",
+    border: "none",
+    borderRadius: "9999px",
+    cursor: "pointer",
+    transition: "background-color 0.2s",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const titleStyle = {
+    fontSize: "24px",
+    fontWeight: 600,
+    color: "#111827",
+    margin: 0
+  };
+  const subtitleStyle = {
+    fontSize: "14px",
+    color: "#6b7280",
+    marginTop: "4px"
+  };
+  const contentStyle = {
+    padding: "32px 24px"
+  };
+  const visualGuideContainerStyle = {
+    marginBottom: "32px",
+    display: "flex",
+    justifyContent: "center"
+  };
+  const visualGuideStyle = {
+    position: "relative"
+  };
+  const circleStyle = {
+    width: "128px",
+    height: "128px",
+    borderRadius: "50%",
+    background: "linear-gradient(135deg, rgba(0, 188, 125, 0.2) 0%, rgba(0, 188, 125, 0.05) 100%)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const badgeStyle = {
+    position: "absolute",
+    top: "-4px",
+    right: "-4px",
+    width: "32px",
+    height: "32px",
+    background: "#ffffff",
+    borderRadius: "50%",
+    boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const instructionsBoxStyle = {
+    background: "linear-gradient(135deg, #f9fafb 0%, rgba(243, 244, 246, 0.5) 100%)",
+    borderRadius: "12px",
+    padding: "16px",
+    marginBottom: "24px"
+  };
+  const instructionsTitleStyle = {
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#111827",
+    marginBottom: "8px"
+  };
+  const instructionsListStyle = {
+    fontSize: "12px",
+    color: "#6b7280",
+    listStyle: "none",
+    padding: 0,
+    margin: 0
+  };
+  const instructionItemStyle = {
+    display: "flex",
+    alignItems: "flex-start",
+    marginBottom: "6px"
+  };
+  const bulletStyle = {
+    color: "#00bc7d",
+    marginRight: "8px",
+    flexShrink: 0
+  };
+  const buttonsContainerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px"
+  };
+  const primaryButtonStyle = {
+    width: "100%",
+    background: isProcessing ? "#d1d5db" : isHoveringPrimary ? "#00a86d" : "#00bc7d",
+    color: "#ffffff",
+    fontWeight: 500,
+    padding: "14px 24px",
+    borderRadius: "12px",
+    border: "none",
+    cursor: isProcessing ? "not-allowed" : "pointer",
+    transition: "all 0.2s",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "12px",
+    boxShadow: isProcessing ? "none" : isHoveringPrimary ? "0 20px 25px -5px rgba(0, 188, 125, 0.3)" : "0 10px 15px -3px rgba(0, 188, 125, 0.2)",
+    fontSize: "16px"
+  };
+  const cancelButtonStyle = {
+    width: "100%",
+    background: isProcessing ? "#f3f4f6" : isHoveringCancel ? "#f9fafb" : "#ffffff",
+    color: "#374151",
+    fontWeight: 500,
+    padding: "14px 24px",
+    borderRadius: "12px",
+    border: "2px solid #e5e7eb",
+    cursor: isProcessing ? "not-allowed" : "pointer",
+    transition: "all 0.2s",
+    fontSize: "16px"
+  };
+  const footerStyle = {
+    padding: "0 24px 24px"
+  };
+  const footerTextStyle = {
+    fontSize: "12px",
+    textAlign: "center",
+    color: "#9ca3af",
+    margin: 0
+  };
+  const spinnerStyle = {
+    width: "20px",
+    height: "20px",
+    border: "2px solid rgba(255, 255, 255, 0.3)",
+    borderTopColor: "#ffffff",
+    borderRadius: "50%",
+    animation: "spin 0.6s linear infinite"
+  };
+  const hiddenInputStyle = {
+    display: "none"
+  };
+  const styleTag = /* @__PURE__ */ React__default.default.createElement("style", null, `
+        @keyframes fadeIn {
+          from {
+            opacity: 0;
+          }
+          to {
+            opacity: 1;
+          }
+        }
+        
+        @keyframes zoomIn {
+          from {
+            opacity: 0;
+            transform: scale(0.95);
+          }
+          to {
+            opacity: 1;
+            transform: scale(1);
+          }
+        }
+        
+        @keyframes spin {
+          from {
+            transform: rotate(0deg);
+          }
+          to {
+            transform: rotate(360deg);
+          }
+        }
+      `);
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, styleTag, /* @__PURE__ */ React__default.default.createElement("div", { style: overlayStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: modalStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: headerStyle }, /* @__PURE__ */ React__default.default.createElement(
+    "button",
+    {
+      onClick: onCancel,
+      onMouseEnter: () => setIsHoveringClose(true),
+      onMouseLeave: () => setIsHoveringClose(false),
+      style: closeButtonStyle,
+      "aria-label": "Close"
+    },
+    /* @__PURE__ */ React__default.default.createElement("img", { src: Close, alt: "Close Icon", width: 16, height: 16 })
+  ), /* @__PURE__ */ React__default.default.createElement("h2", { style: titleStyle }, "Face Verification"), /* @__PURE__ */ React__default.default.createElement("p", { style: subtitleStyle }, "Please capture or upload a clear photo of your face")), /* @__PURE__ */ React__default.default.createElement("div", { style: contentStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: visualGuideContainerStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: visualGuideStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: circleStyle }, /* @__PURE__ */ React__default.default.createElement("img", { src: Camera, alt: "Camera Icon", width: 48, height: 48 })), /* @__PURE__ */ React__default.default.createElement("div", { style: badgeStyle }, /* @__PURE__ */ React__default.default.createElement("img", { src: Done, alt: "Check Icon", width: 16, height: 16 })))), /* @__PURE__ */ React__default.default.createElement("div", { style: instructionsBoxStyle }, /* @__PURE__ */ React__default.default.createElement("h3", { style: instructionsTitleStyle }, "Tips for best results:"), /* @__PURE__ */ React__default.default.createElement("ul", { style: instructionsListStyle }, /* @__PURE__ */ React__default.default.createElement("li", { style: instructionItemStyle }, /* @__PURE__ */ React__default.default.createElement("span", { style: bulletStyle }, "\u2022"), /* @__PURE__ */ React__default.default.createElement("span", null, "Ensure good lighting on your face")), /* @__PURE__ */ React__default.default.createElement("li", { style: instructionItemStyle }, /* @__PURE__ */ React__default.default.createElement("span", { style: bulletStyle }, "\u2022"), /* @__PURE__ */ React__default.default.createElement("span", null, "Remove glasses or accessories if possible")), /* @__PURE__ */ React__default.default.createElement("li", { style: instructionItemStyle }, /* @__PURE__ */ React__default.default.createElement("span", { style: bulletStyle }, "\u2022"), /* @__PURE__ */ React__default.default.createElement("span", null, "Look directly at the camera")))), /* @__PURE__ */ React__default.default.createElement(
+    "input",
+    {
+      ref: inputRef,
+      type: "file",
+      accept: "image/*",
+      capture: isMobile ? "user" : void 0,
+      style: hiddenInputStyle,
+      onChange: handleFileChange,
+      disabled: isProcessing
+    }
+  ), /* @__PURE__ */ React__default.default.createElement("div", { style: buttonsContainerStyle }, /* @__PURE__ */ React__default.default.createElement(
+    "button",
+    {
+      onClick: () => inputRef.current?.click(),
+      onMouseEnter: () => setIsHoveringPrimary(true),
+      onMouseLeave: () => setIsHoveringPrimary(false),
+      disabled: isProcessing,
+      style: primaryButtonStyle
+    },
+    isProcessing ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { style: spinnerStyle }), /* @__PURE__ */ React__default.default.createElement("span", null, "Processing...")) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isMobile ? /* @__PURE__ */ React__default.default.createElement("img", { src: Camera, alt: "Camera Icon", width: 20, height: 20 }) : /* @__PURE__ */ React__default.default.createElement("img", { src: Upload, alt: "Upload Icon", width: 20, height: 20 }), /* @__PURE__ */ React__default.default.createElement("span", null, isMobile ? "Capture Photo" : "Upload Photo"))
+  ), /* @__PURE__ */ React__default.default.createElement(
+    "button",
+    {
+      onClick: onCancel,
+      onMouseEnter: () => setIsHoveringCancel(true),
+      onMouseLeave: () => setIsHoveringCancel(false),
+      disabled: isProcessing,
+      style: cancelButtonStyle
+    },
+    "Cancel"
+  ))), /* @__PURE__ */ React__default.default.createElement("div", { style: footerStyle }, /* @__PURE__ */ React__default.default.createElement("p", { style: footerTextStyle }, "Your photo will be securely processed and used only for verification purposes")))));
+}
+var FaceCaptureModal_default = FaceCaptureModal;
+
+// src/kyc/hooks.ts
 function useAutoFetch(autoFetch, fetchFn) {
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (autoFetch) {
       fetchFn();
     }
   }, [autoFetch, fetchFn]);
 }
 function usePolling(pollInterval, fetchFn) {
-  const pollIntervalRef = react.useRef();
-  react.useEffect(() => {
+  const pollIntervalRef = React.useRef();
+  React.useEffect(() => {
     if (pollInterval && pollInterval > 0) {
       pollIntervalRef.current = setInterval(fetchFn, pollInterval);
       return () => {
@@ -871,10 +1158,10 @@ function usePolling(pollInterval, fetchFn) {
   }, [pollInterval, fetchFn]);
 }
 function useKycSubmission(client, options = {}) {
-  const [submission, setSubmission] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const submit = react.useCallback(
+  const [submission, setSubmission] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const submit = React.useCallback(
     async (request) => {
       setLoading(true);
       setError(null);
@@ -894,7 +1181,7 @@ function useKycSubmission(client, options = {}) {
     },
     [client, options]
   );
-  const reset = react.useCallback(() => {
+  const reset = React.useCallback(() => {
     setSubmission(null);
     setError(null);
     setLoading(false);
@@ -908,11 +1195,11 @@ function useKycSubmission(client, options = {}) {
   };
 }
 function useKycRequests(client, options = {}) {
-  const [requests, setRequests] = react.useState([]);
-  const [pagination, setPagination] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchRequests = react.useCallback(
+  const [requests, setRequests] = React.useState([]);
+  const [pagination, setPagination] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const fetchRequests = React.useCallback(
     async (filters, paginationParams) => {
       setLoading(true);
       setError(null);
@@ -933,7 +1220,7 @@ function useKycRequests(client, options = {}) {
     },
     [client, options.filters, options.pagination]
   );
-  const getRequest = react.useCallback(
+  const getRequest = React.useCallback(
     async (id) => {
       try {
         return await client.getKycRequest(id);
@@ -945,7 +1232,7 @@ function useKycRequests(client, options = {}) {
     },
     [client]
   );
-  const updateStatus = react.useCallback(
+  const updateStatus = React.useCallback(
     async (reference, status, reason) => {
       try {
         await client.updateKycStatus({ reference, status, reason });
@@ -966,7 +1253,7 @@ function useKycRequests(client, options = {}) {
     },
     [client]
   );
-  const refresh = react.useCallback(async () => {
+  const refresh = React.useCallback(async () => {
     await fetchRequests();
   }, [fetchRequests]);
   useAutoFetch(options.autoFetch, fetchRequests);
@@ -983,11 +1270,11 @@ function useKycRequests(client, options = {}) {
   };
 }
 function useKycAlerts(client, options = {}) {
-  const [alerts, setAlerts] = react.useState([]);
-  const [pagination, setPagination] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchAlerts = react.useCallback(
+  const [alerts, setAlerts] = React.useState([]);
+  const [pagination, setPagination] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const fetchAlerts = React.useCallback(
     async (filters, paginationParams) => {
       setLoading(true);
       setError(null);
@@ -1008,7 +1295,7 @@ function useKycAlerts(client, options = {}) {
     },
     [client, options.filters, options.pagination]
   );
-  const getAlert = react.useCallback(
+  const getAlert = React.useCallback(
     async (id) => {
       try {
         return await client.getAlert(id);
@@ -1020,7 +1307,7 @@ function useKycAlerts(client, options = {}) {
     },
     [client]
   );
-  const updateAlert = react.useCallback(
+  const updateAlert = React.useCallback(
     async (id, update) => {
       try {
         await client.updateAlert(id, update);
@@ -1037,7 +1324,7 @@ function useKycAlerts(client, options = {}) {
     },
     [client]
   );
-  const refresh = react.useCallback(async () => {
+  const refresh = React.useCallback(async () => {
     await fetchAlerts();
   }, [fetchAlerts]);
   useAutoFetch(options.autoFetch, fetchAlerts);
@@ -1054,10 +1341,10 @@ function useKycAlerts(client, options = {}) {
   };
 }
 function useKycOverview(client, options = {}) {
-  const [overview, setOverview] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchOverview = react.useCallback(
+  const [overview, setOverview] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const fetchOverview = React.useCallback(
     async (fromDate, toDate) => {
       setLoading(true);
       setError(null);
@@ -1086,10 +1373,10 @@ function useKycOverview(client, options = {}) {
   };
 }
 function useKycPreferences(client, autoFetch = true) {
-  const [preferences, setPreferences] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchPreferences = react.useCallback(async () => {
+  const [preferences, setPreferences] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const fetchPreferences = React.useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1103,7 +1390,7 @@ function useKycPreferences(client, autoFetch = true) {
       setLoading(false);
     }
   }, [client]);
-  const updatePreferences = react.useCallback(
+  const updatePreferences = React.useCallback(
     async (update) => {
       setLoading(true);
       setError(null);
@@ -1129,7 +1416,7 @@ function useKycPreferences(client, autoFetch = true) {
     refresh: fetchPreferences
   };
 }
-function fileToBase64(file) {
+function fileToBase642(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onload = () => {
@@ -1185,9 +1472,44 @@ function getRiskColor(risk) {
   };
   return colorMap[risk] || "#6b7280";
 }
+function useReuseKYCSubmission(client$1) {
+  const verifyFace = (reference, token) => {
+    return new Promise((resolve, reject) => {
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      const root = client.createRoot(container);
+      const cleanup = () => {
+        root.unmount();
+        document.body.removeChild(container);
+      };
+      const modal = React.createElement(FaceCaptureModal_default, {
+        onCapture: async (base64) => {
+          try {
+            const resp = await client$1.submitReuseKycSession({
+              proof: base64,
+              reference,
+              token
+            });
+            resolve(resp);
+          } catch (error) {
+            reject(error instanceof Error ? error : new Error("Face verification failed"));
+          } finally {
+            cleanup();
+          }
+        },
+        onCancel: () => {
+          cleanup();
+          resolve(null);
+        }
+      });
+      root.render(modal);
+    });
+  };
+  return { verifyFace };
+}
 
 exports.createDeviceFingerprint = createDeviceFingerprint;
-exports.fileToBase64 = fileToBase64;
+exports.fileToBase64 = fileToBase642;
 exports.formatKycStatus = formatKycStatus;
 exports.getBrowserInfo = getBrowserInfo;
 exports.getRiskColor = getRiskColor;
@@ -1206,6 +1528,7 @@ exports.useLocationCapture = useLocationCapture;
 exports.useLocationRequests = useLocationRequests;
 exports.useLoginVerification = useLoginVerification;
 exports.useRegistration = useRegistration;
+exports.useReuseKYCSubmission = useReuseKYCSubmission;
 exports.useTransactionVerification = useTransactionVerification;
 //# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map