Fixed verification button disable issue of verification list

nextjs/src/features/verification/components/EmailAttributesSelection.tsx

@@ -155,12 +155,12 @@ const EmailAttributesSelection = (): JSX.Element => {
       attribute.selectedOption === '' ||
       attribute.selectedOption === 'Select'
     const isValueInvalid = attribute.value === null || attribute.value === ''
-    if (isOptionInvalid) {
-      setErrMsg('Condition is required')
-      return true
-    } else if (isValueInvalid) {
+    if (!isOptionInvalid && isValueInvalid) {
       setErrMsg('Value is missing or is not a number')
       return true
+    } else if (!isValueInvalid && isOptionInvalid) {
+      setErrMsg('Condition is missing')
+      return true
     }
     return false
   }

nextjs/src/features/verification/components/ProofRequestPopup.tsx

@@ -7,7 +7,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog'
-import { JSX, useState } from 'react'
+import { JSX, useEffect, useState } from 'react'
 
 import { AlertComponent } from '@/components/AlertComponent'
 import AttributesListData from './AttributesListData'
@@ -31,7 +31,7 @@ interface UserDataItem {
 const ProofRequest = (props: IProofRrquestDetails): JSX.Element => {
   const [buttonLoader, setButtonLoader] = useState(false)
   const [navigation, setNavigation] = useState(false)
-  const [succesMsg, setSuccesMsg] = useState('')
+  const [successMsg, setSuccesMsg] = useState('')
   const [error, setError] = useState('')
   const orgId = useAppSelector((state) => state.organization.orgId)
   const router = useRouter()
@@ -65,7 +65,12 @@ const ProofRequest = (props: IProofRrquestDetails): JSX.Element => {
     (props?.userRoles ?? []).every((role) =>
       [Roles.MEMBER, Roles.ISSUER].includes(role as Roles),
     )
-
+  useEffect(() => {
+    if (props.openModal) {
+      setSuccesMsg('')
+      setNavigation(false)
+    }
+  }, [props.openModal])
   return (
     <Dialog
       open={props.openModal}
@@ -81,9 +86,9 @@ const ProofRequest = (props: IProofRrquestDetails): JSX.Element => {
             </DialogTitle>
           </DialogHeader>
 
-          {!props.view && succesMsg && (
+          {!props.view && successMsg && (
             <AlertComponent
-              message={succesMsg}
+              message={successMsg}
               type="success"
               onAlertClose={() => setSuccesMsg('')}
             />

nextjs/src/features/verification/components/VerificationCredentialList.tsx

@@ -76,7 +76,7 @@ const VerificationCredentialList = (): JSX.Element => {
 
   const router = useRouter()
   const orgId = useAppSelector((state) => state.organization.orgId)
-  const orgRoles = useAppSelector((state) => state.organization.orgRoles)
+  const orgRoles = useAppSelector((state) => state.organization.orgInfo)
 
   const fetchOrganizationDetails = async (): Promise<void> => {
     if (!orgId) {
@@ -243,7 +243,7 @@ const VerificationCredentialList = (): JSX.Element => {
 
   useEffect(() => {
     const getUserRoles = (): void => {
-      setUserRoles(orgRoles)
+      setUserRoles(orgRoles?.roles || [])
     }
     getUserRoles()
     fetchOrganizationDetails()

nextjs/src/features/verification/type/interface.ts

@@ -1,5 +1,7 @@
 import { Dispatch, JSX, SetStateAction } from 'react'
 
+import { Roles } from '@/common/enums'
+
 export interface RequestProof {
   _tags: {
     state: string
@@ -34,6 +36,14 @@ export interface IProofRrquestDetails {
   view: boolean
   userRoles?: string[]
 }
+export interface IUserRoles {
+  id: string
+  name: Roles
+  description: string
+  composite: boolean
+  clientRole: boolean
+  containerId: string
+}
 
 export interface IDashboard {
   title: string