()
+
+ useEffect(() => {
+ const rolesArray: AppRole[] = []
+ data?.map((a) => rolesArray.push(...a.roles))
+ setAllRoles(rolesArray)
+ dispatch(setRolesToAdd([]))
+ }, [data, dispatch])
+
+ useEffect(
+ () =>
+ setIdps(
+ idpsData ? idpsData.filter((idp: IdentityProvider) => idp.enabled) : []
+ ),
+ [idpsData]
+ )
+
+ useEffect(() => {
+ uploadAPIRResponse &&
+ setTableErrorData({
+ head: [''],
+ body: [uploadAPIRResponse.errors],
+ })
+ }, [uploadAPIRResponse])
+
+ const handleSelectRole = (role: string, select: boolean) => {
+ const isSelected = roles.includes(role)
+ if (!isSelected && select) {
+ dispatch(setRolesToAdd([...roles, role]))
+ } else if (isSelected && !select) {
+ const oldRoles = [...roles]
+ oldRoles.splice(oldRoles.indexOf(role), 1)
+ dispatch(setRolesToAdd([...oldRoles]))
+ }
+ }
+
+ const renderDropArea = (props: DropAreaProps) => {
+ return
+ }
+
+ const handleAddUserAPICall = async (csvData: any) => {
+ try {
+ if (uploadedFile) {
+ let blob = new Blob([Papa.unparse(csvData)], { type: 'text/csv' })
+ let file = new File([blob], uploadedFile.name, { type: 'text/csv' })
+ const response = await addMutipleUsers({
+ identityProviderId: idps[0].identityProviderId,
+ csvFile: file,
+ }).unwrap()
+ setLoading(false)
+ setIsSuccess(true)
+ setUploadAPIRResponse(response)
+ }
+ } catch (error: any) {
+ setLoading(false)
+ setIsError(error.data.errors.document[0])
+ console.log(error)
+ }
+ }
+
+ const handleConfirm = async () => {
+ if (isSuccess || isError) dispatch(show(OVERLAYS.NONE, ''))
+ if (uploadedFile && !roles.length) setIsFileUploaded(true)
+ else if (uploadedFile && roles.length) {
+ setLoading(true)
+ uploadedFile &&
+ Papa.parse(uploadedFile, {
+ skipEmptyLines: true,
+ complete: async (results) => {
+ const csvData: any = results.data
+ csvData[0].push('Roles')
+ for (let i = 0; i < csvData.length; i++) {
+ if (i !== 0) csvData[i].push(roles.toString())
+ }
+ handleAddUserAPICall(csvData)
+ },
+ })
+ }
+ }
+
+ const onChangeFile = async (selectedFile: File) => {
+ setUploadedFile(selectedFile)
+
+ Papa.parse(selectedFile, {
+ skipEmptyLines: true,
+ complete: function (results) {
+ const csvData: any = results.data
+ setTotalRowsInCSV(csvData.length - 1)
+ },
+ })
+ }
+
+ const renderContent = () => {
+ if (isError) {
+ return (
+
+
+ {t('content.usermanagement.addMultipleUsers.error.note')}
+
+
+ {t('content.usermanagement.addMultipleUsers.error.description')}
+
+
+ {t('content.usermanagement.addMultipleUsers.error.details')}
+
+
+ {isError}
+
+
+ )
+ } else if (isSuccess) {
+ return (
+
+
+
+
+
+ {uploadAPIRResponse?.created}
+
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.success.userUploaded'
+ )}
+
+
+
+
+
+ {uploadAPIRResponse?.error}
+
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.success.userFailed'
+ )}
+
+
+
+
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.success.errorUsersLabel'
+ )}
+
+
+
+ {tableErrorData && (
+
+ )}
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.fileHeading'
+ )}
+
+
+
+
+
+ {uploadedFile?.name}
+
+
+
+
+
+ {totalRowsInCSV}
+
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.usersToBeUpload'
+ )}
+
+
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.addUserRolesHeading'
+ )}
+
+
+ {t('content.usermanagement.addMultipleUsers.uploadedFile.note')}
+
+
+ -
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.note1'
+ )}
+
+
+ -
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.note2'
+ )}
+
+
+ -
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.note3'
+ )}
+
+
+
+
+ {t(
+ 'content.usermanagement.addMultipleUsers.uploadedFile.availableRoles'
+ )}
+
+
+
+ {t('content.usermanagement.addMultipleUsers.uploadedFile.roleDesc')}
+
+ {allRoles.length > 0 ? (
+
+ {allRoles.map((role: AppRole) => (
+
+ handleSelectRole(role.role, e.target.checked)
+ }
+ />
+ ))}
+
+ ) : (
+
+ {t('content.addUserRight.noRolesFound')}
+
+ )}
+
+
+
+
+ 2
+
+
+ {t('content.usermanagement.addMultipleUsers.step2.heading')}
+
+
+
+ {t('content.usermanagement.addMultipleUsers.step2.linkText')}
+
+
+
+
+
+
+ 3
+
+
+ {t('content.usermanagement.addMultipleUsers.step3.heading')}
+
+ {
+ file && onChangeFile(file)
+ }}
+ errorText={t(
+ 'content.usermanagement.addMultipleUsers.fileSizeError'
+ )}
+ DropStatusHeader={false}
+ DropArea={renderDropArea}
+ />
+
+