@finspringinnovations/fdsdk 0.0.8 → 0.0.9

package/lib/screens/AadhaarVerification.js

@@ -93,6 +93,9 @@ const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
     const [isOtpLocked, setIsOtpLocked] = (0, react_1.useState)(false);
     const [otpVerificationError, setOtpVerificationError] = (0, react_1.useState)('');
     const [isValidateOtpTaskCalled, setIsValidateOtpTaskCalled] = (0, react_1.useState)(false);
+    // Prevent OTP send API from running twice when 12 digits are entered (iOS can fire onChangeText multiple times)
+    const sendOtpTriggeredRef = react_1.default.useRef(false);
+    const autoSendOtpTimeoutRef = react_1.default.useRef(null);
     // If customer/application/details has Aadhaar already, show verified view
     react_1.default.useEffect(() => {
         const checkAadhaarStatus = async () => {
@@ -134,6 +137,9 @@ const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
     // Auto send OTP when 12 digits are entered
     const autoSendOtp = async (aadhaarNum) => {
         var _a;
+        if (sendOtpTriggeredRef.current)
+            return;
+        sendOtpTriggeredRef.current = true;
         // Start session timer
         const timer = setInterval(() => {
             setSessionTime((prev) => {
@@ -174,6 +180,7 @@ const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
             }
         }
         catch (error) {
+            sendOtpTriggeredRef.current = false;
             // Don't show alert immediately, let user try to enter OTP
             // They can use resend if needed
             setVerificationState('initial');
@@ -225,6 +232,7 @@ const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
                 setOtp(['', '', '', '', '', '']);
                 setIsResendEnabled(false);
                 setSessionTime(120);
+                sendOtpTriggeredRef.current = false;
                 // Reset verification state when Aadhaar changes
                 setIsOtpVerified(false);
                 setOtpVerificationError('');
@@ -245,10 +253,15 @@ const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
             else if (cleaned.length === 12) {
                 setAadhaarError('');
                 //   setAadhaarSuccess('Valid Aadhaar number');
-                // Auto send OTP and transition to OTP view when 12 digits are entered
+                // Auto send OTP when 12 digits are entered. Cancel any existing timeout so we only schedule one
+                // (on iOS onChangeText can fire multiple times for the same 12 digits, causing duplicate API calls).
                 if (verificationState === 'initial') {
-                    // Small delay to show success message briefly before transitioning
-                    setTimeout(() => {
+                    if (autoSendOtpTimeoutRef.current) {
+                        clearTimeout(autoSendOtpTimeoutRef.current);
+                        autoSendOtpTimeoutRef.current = null;
+                    }
+                    autoSendOtpTimeoutRef.current = setTimeout(() => {
+                        autoSendOtpTimeoutRef.current = null;
                         autoSendOtp(cleaned);
                     }, 500);
                 }
@@ -482,7 +495,7 @@ const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
     };
     const handleButtonPress = async () => {
         if (verificationState === 'initial') {
-            if (aadhaarNumber.length === 12) {
+            if (aadhaarNumber.length === 12 && !sendOtpTriggeredRef.current) {
                 autoSendOtp(aadhaarNumber);
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@finspringinnovations/fdsdk",
-    "version": "0.0.8",
+    "version": "0.0.9",
     "description": "FD SDK for React Native applications",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/screens/AadhaarVerification.tsx

@@ -72,6 +72,10 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
     const [isOtpLocked, setIsOtpLocked] = useState<boolean>(false);
     const [otpVerificationError, setOtpVerificationError] = useState<string>('');
     const [isValidateOtpTaskCalled, setIsValidateOtpTaskCalled] = useState<boolean>(false);
+    // Prevent OTP send API from running twice when 12 digits are entered (iOS can fire onChangeText multiple times)
+    const sendOtpTriggeredRef = React.useRef<boolean>(false);
+    const autoSendOtpTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);
+
     // If customer/application/details has Aadhaar already, show verified view
     React.useEffect(() => {
         const checkAadhaarStatus = async () => {
@@ -116,6 +120,9 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
 
     // Auto send OTP when 12 digits are entered
     const autoSendOtp = async (aadhaarNum: string) => {
+        if (sendOtpTriggeredRef.current) return;
+        sendOtpTriggeredRef.current = true;
+
         // Start session timer
         const timer = setInterval(() => {
             setSessionTime((prev) => {
@@ -159,6 +166,7 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
             }
 
         } catch (error) {
+            sendOtpTriggeredRef.current = false;
 
             // Don't show alert immediately, let user try to enter OTP
             // They can use resend if needed
@@ -215,6 +223,7 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
                 setOtp(['', '', '', '', '', '']);
                 setIsResendEnabled(false);
                 setSessionTime(120);
+                sendOtpTriggeredRef.current = false;
                 // Reset verification state when Aadhaar changes
                 setIsOtpVerified(false);
                 setOtpVerificationError('');
@@ -236,10 +245,15 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
                 setAadhaarError('');
                 //   setAadhaarSuccess('Valid Aadhaar number');
 
-                // Auto send OTP and transition to OTP view when 12 digits are entered
+                // Auto send OTP when 12 digits are entered. Cancel any existing timeout so we only schedule one
+                // (on iOS onChangeText can fire multiple times for the same 12 digits, causing duplicate API calls).
                 if (verificationState === 'initial') {
-                    // Small delay to show success message briefly before transitioning
-                    setTimeout(() => {
+                    if (autoSendOtpTimeoutRef.current) {
+                        clearTimeout(autoSendOtpTimeoutRef.current);
+                        autoSendOtpTimeoutRef.current = null;
+                    }
+                    autoSendOtpTimeoutRef.current = setTimeout(() => {
+                        autoSendOtpTimeoutRef.current = null;
                         autoSendOtp(cleaned);
                     }, 500);
                 }
@@ -616,7 +630,7 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
 
 
         if (verificationState === 'initial') {
-            if (aadhaarNumber.length === 12) {
+            if (aadhaarNumber.length === 12 && !sendOtpTriggeredRef.current) {
                 autoSendOtp(aadhaarNumber);
             }
         } else if (verificationState === 'otp') {