\n
\n {/* \n
\n \n 
\n
\n {children}\n \n {practiceConfig.footerText}\n
*/}\n \n {isInviteModal\n ? `This member will be invited to the default practice, and once they accept, you can assign them as admin or member to new or available practices.`\n : `If you're unsure which practice to invite the practice member to, please choose the default practice named \"${me.practicename}.\"`}\n
\n{exceedalertmsg}
*/}\n {ExceedTeam && (\n\n You are currently at your Team Member limit ({ExceedTeam.totalUser}). If you would like to invite this member your subscription cost will increase by ${convertCurrency(ExceedTeam.price)}\n /new member per {ExceedTeam.subscriptionInterval}.{\" \"}\n
\n )}\n *By inviting, your next billing cycle will automatically be updated to reflect this change.\nCancel Assessment
,\n // },\n ];\n\n const inviteHandler = async () => {\n if (selectedRowKeys.length == 0) {\n return;\n }\n setLoading(true);\n let variables = {\n clientId: selectedRowKeys.join(\",\"),\n portalId: currentPortalId,\n advisorId: gblUserId,\n practiceId: me.practiceid,\n assessmentUrl: assessmentUrl,\n accountType: me.accountType,\n roleCode: me.rolecode,\n };\n let result = await client.mutate({\n mutation: gql`\n mutation($practiceId: Int!, $portalId: Int!, $clientId: String!, $advisorId: Int!, $assessmentUrl: String!, $accountType: Int, $roleCode: String) {\n sendGenerateAssessment(practiceId: $practiceId, portalId: $portalId, clientId: $clientId, advisorId: $advisorId, assessmentUrl: $assessmentUrl, accountType: $accountType, roleCode: $roleCode) {\n ok\n message\n errors {\n path\n message\n }\n }\n }\n `,\n variables: variables,\n });\n setLoading(false);\n\n if (result.data.sendGenerateAssessment.ok) {\n notification.success({ message: result.data.sendGenerateAssessment.message });\n setAssessmentModal(false);\n } else notification.error({ message: result.data.sendGenerateAssessment.errors[0].message });\n };\n\n \n // const searchClientHandler = async (input) => {\n // if (typeof input != \"string\") {\n // selectRef.current.setValue([input]);\n // return;\n // }\n // let result = await searchClientListHandler(input);\n // return result;\n // };\n\n // const searchClientListHandler = async (input) => {\n // if (input.trim().length <= 1) return;\n\n // let result = await client.query({\n // query: gql`\n // query($practiceId: String, $search: String, $roleCode: String, $accountType: Int, $portalId: Int) {\n // searchClient(practiceId: $practiceId, search: $search, roleCode: $roleCode, accountType: $accountType, portalId: $portalId) {\n // clients\n // total\n // }\n // }\n // `,\n // variables: {\n // search: input.trim(),\n // practiceId: me.practiceid.toString(),\n // portalId: currentPortalId,\n // accountType: me.accountType,\n // roleCode: me.rolecode,\n // },\n // });\n // let total = result.data.searchClient.total;\n // setTotalAssessment(total);\n // result = result.data.searchClient.clients;\n\n // return result.map((data) => ({\n // label: data.firstName + \" \" + data.lastName,\n // value: data.id,\n // }));\n // };\n\n // const searchClientSelectHandler = (data) => {\n // data = data.map((c) => c.value);\n // selectedTags(data);\n // };\n const onSelectChange = (newSelectedRowKeys) => {\n setSelectedRowKeys(newSelectedRowKeys);\n const clients = sentAssessment.filter(item => newSelectedRowKeys.includes(item.id));\n if(!selectedClient.length) {\n setSelectedClient([...clients]);\n } else {\n var arr = [...selectedClient,...clients];\n var filteredArray = arr.filter((item, pos) => \n arr.findIndex(obj => obj.id === item.id )== pos \n );\n filteredArray = filteredArray.filter(item => newSelectedRowKeys.includes(item.id));\n \n setSelectedClient(filteredArray);\n }\n \n };\n const rowSelection = {\n selectedRowKeys,\n onChange: onSelectChange,\n };\n const removeFromSelection = (id) => {\n setSelectedRowKeys(selectedRowKeys.filter(item => item != id));\n setSelectedClient(selectedClient.filter(item => item.id != id));\n }\n const onDateMenuClick = ( key ) => {\n\n const dates = dateAssessment.find((p) => p.key === key).dateRange;\n const label = dateAssessment.find((p) => p.key === key).label;\n\n \n if(label == \"Select All\") {\n \n if(menuKey.includes(key)) {\n setMenuKey([]); \n } else {\n setMenuKey([ ...dateAssessment.map(item => item.key)]);\n }\n } else {\n if(menuKey.includes(key)) {\n const temp = menuKey.filter(item => item != key );\n setMenuKey(temp.filter(item => item != 1));\n } else {\n \n setMenuKey([...menuKey, key]);\n }\n \n }\n // setSelectedRowKeys([]);\n sentViewHandler();\n \n\n // this.fetchData({\n // filters: {\n // ...filters,\n // ...{ dateRange: datePresets.find((p) => p.key === key).dateRange },\n // },\n // });\n }\n return (\n