feat: call the OTP Url in "send money","settings"

src/app/(main)/funds_transfer/page.tsx

@@ -9,6 +9,7 @@ import OutsideQuickPay from "./outside_quick_pay";
 import { IconRefresh } from "@tabler/icons-react";
 import Image from "next/image";
 import img from '@/app/image/logo1.jpg'
+import { sendOtp, verifyOtp } from "@/app/_util/otp";
 
 interface accountData {
   stAccountNo: string;
@@ -42,15 +43,53 @@ export default function QuickPay() {
   const [otp, setOtp] = useState("");
   const [generateOtp, setGenerateOtp] = useState("");
 
-  async function handleGenerateOtp() {
-    // const value = await generateOTP(6);
-    const value = "123456";
-    setGenerateOtp(value);
-    setCountdown(180);
-    setTimerActive(true);
-    return value;
+  // async function handleGenerateOtp() {
+  //   // const value = await generateOTP(6);
+  //   const value = "123456";
+  //   setGenerateOtp(value);
+  //   setCountdown(180);
+  //   setTimerActive(true);
+  //   return value;
+  // }
+
+  async function handleSendOtp() {
+    const mobileNumber = localStorage.getItem('remitter_mobile_no');
+    if (!mobileNumber) {
+      notifications.show({
+        title: 'Error',
+        message: 'Mobile number not found.Contact to administrator',
+        color: 'red',
+      });
+      return;
+    }
+    try {
+      await sendOtp({ type: 'BENEFICIARY_DELETE' });
+      setShowOtpField(true);
+      setCountdown(180);
+      setTimerActive(true);
+    } catch (err: any) {
+      console.error('Send OTP failed', err);
+      notifications.show({
+        title: 'Error',
+        message: err.message || 'Send OTP failed.Please try again later.',
+        color: 'red',
+      });
+    }
   }
 
+  async function handleVerifyOtp() {
+    try {
+      await verifyOtp(otp);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+
+
+
+
+
   const selectedAccount = accountData.find((acc) => acc.stAccountNo === selectedAccNo);
   const getFullMaskedAccount = (acc: string) => { return "X".repeat(acc.length); };
 
@@ -335,7 +374,7 @@ export default function QuickPay() {
             color="blue"
             onClick={async () => {
               setConfirmModel(false);
-              const otp = await handleGenerateOtp();
+              const otp = await handleSendOtp();
               setShowOtpField(true);
               notifications.show({
                 title: "OTP Sent",
@@ -484,7 +523,7 @@ export default function QuickPay() {
                         <IconRefresh
                           size={22}
                           style={{ cursor: "pointer", color: "blue", marginBottom: "6px" }}
-                          onClick={handleGenerateOtp}
+                          onClick={handleSendOtp}
                         />
                       )
                     )}