fix: build issues (#1067)

Signed-off-by: pranalidhanavade <pranali.dhanavade@ayanworks.com>

Author: pranalidhanavade

nextjs/src/features/passkey/PassKeyAddDevice.tsx

@@ -11,14 +11,14 @@ import {
 } from '@/components/ui/dialog'
 import { Eye, EyeOff } from 'lucide-react'
 import { Field, Form, Formik } from 'formik'
+import { useEffect, useState } from 'react'
 
 import { AxiosResponse } from 'axios'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { addPasskeyUserDetails } from '@/app/api/Fido'
 import { apiStatusCodes } from '@/config/CommonConstant'
 import { passwordEncryption } from '@/app/api/Auth'
-import { useState } from 'react'
 
 interface PasswordValue {
   Password: string
@@ -29,7 +29,7 @@ interface PasskeyAddDeviceProps {
   setOpenModel: (flag: boolean) => void
   closeModal: (flag: boolean) => void
   registerWithPasskey: (flag: boolean) => Promise<void>
-  email: string | undefined
+  email: string | null
 }
 
 export default function PasskeyAddDevice({
@@ -42,10 +42,15 @@ export default function PasskeyAddDevice({
   const [success] = useState<string | null>(null)
   const [nextStep, setNextStep] = useState(false)
   const [passwordVisible, setPasswordVisible] = useState(false)
+  const [userEmail, setUserEmail] = useState('')
 
-  const userEmail = email
   const savePassword = async (values: PasswordValue): Promise<void> => {
     try {
+      if (!userEmail) {
+        setFidoUserError('User email is missing. Please refresh the page.')
+        return
+      }
+
       const payload = {
         password: passwordEncryption(values.Password),
       }
@@ -65,6 +70,12 @@ export default function PasskeyAddDevice({
     }
   }
 
+  useEffect(() => {
+    if (email) {
+      setUserEmail(email)
+    }
+  }, [email])
+
   return (
     <Dialog open={openModal} onOpenChange={setOpenModel}>
       <DialogContent>