{translate(labelMultiple)}
\r\n ) : (\r\n{translate(labelSingle)}
\r\n )}\r\n \r\n )}\r\n {children && (\r\n\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n {confirmDialogType === 'password'\r\n ? 'You are about to reset password for this contact.'\r\n : 'You are about to reset MFA for this contact.'}\r\n
\r\n {confirmDialogType === 'password'\r\n ? 'A new temporary password will be sent by email.'\r\n : 'Email with instructions will be sent.'}\r\n \r\n }\r\n onConfirm={() =>\r\n confirmDialogType === 'password'\r\n ? handleConfirm(record)\r\n : handleConfirmResetMfa(record)\r\n }\r\n loading={loadingState}\r\n onClose={handleConfirmDialogClose}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default withStyles(styles)(UserSecurity);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Confirm from './forked/layout/Confirm';\r\n\r\n/**\r\n * Wrapper for the confirm pop-up component,\r\n * expecially for the confirm pop-up when you leave a page without save your changes\r\n */\r\nconst LeaveConfirmWrapper = props => {\r\n return (\r\nYou made some changes on this page.
\r\n If you leave now, the changes will be lost.\r\n \r\n }\r\n confirm=\"ra.action.confirm_leave\"\r\n />\r\n );\r\n};\r\n\r\nLeaveConfirmWrapper.propTypes = {\r\n isOpen: PropTypes.bool,\r\n onClose: PropTypes.func.isRequired,\r\n onConfirm: PropTypes.func.isRequired\r\n};\r\n\r\nexport default LeaveConfirmWrapper;\r\n","import ApiBase from './ApiBase';\r\nimport axios from 'axios';\r\n/**\r\n * Entitlement API\r\n */\r\nclass EntitlementApi extends ApiBase {\r\n /**\r\n * Get user authorizations by role\r\n * @param {*} filters Array of filter objects\r\n */\r\n async getAuthorizationsByRole(filters) {\r\n const request = {\r\n url: `${this.API_URL}/userauthorizations/byrole`,\r\n headers: this.getHeaders(),\r\n method: 'POST',\r\n data: JSON.stringify(filters)\r\n };\r\n const response = await axios.request(request);\r\n if (response.status !== 200) {\r\n throw new Error(response.statusText);\r\n }\r\n return response.data;\r\n }\r\n\r\n /**\r\n * Get user authorizations by userId\r\n * @param userId\r\n */\r\n getAuthorizationsByUserId = async userId => {\r\n const request = {\r\n url: `${this.API_URL}/userauthorizations?userId=${userId}`,\r\n headers: this.getHeaders(),\r\n method: 'GET'\r\n };\r\n\r\n const response = await axios.request(request);\r\n\r\n return response.data && response.data.pageData;\r\n };\r\n\r\n /**\r\n * Get user authorizations by userId\r\n * @param {*} userauthorizations Array of filter objects\r\n */\r\n createAuthorizations = async userauthorizations => {\r\n const request = {\r\n url: `${this.API_URL}/userauthorizations`,\r\n headers: this.getHeaders(),\r\n method: 'POST',\r\n data: JSON.stringify(userauthorizations)\r\n };\r\n\r\n const response = await axios.request(request);\r\n\r\n return response.data && response.data.pageData;\r\n };\r\n /**\r\n * Get user authorizations by userId and investorId\r\n * @param investorId\r\n */\r\n getAuthorizationsByInvestorId = async investorId => {\r\n const request = {\r\n url: `${this.API_URL}/userauthorizations?investorId=${investorId}`,\r\n headers: this.getHeaders(),\r\n method: 'GET'\r\n };\r\n\r\n const response = await axios.request(request);\r\n\r\n return response.data;\r\n };\r\n}\r\nexport default new EntitlementApi();\r\n","import { useState, useEffect, useCallback } from 'react';\r\n\r\nimport useNotifyServerError from './useNotifyServerError';\r\n\r\n/**\r\n * Custom hook to fetch data from the server\r\n * This hook return the data return by the api and the loading state as { data, loading }\r\n * In case of error the hook show up the error into the React Admin notification component\r\n * @param {function} fetchFunc the function to execute the API call\r\n * @param {*} payload the payload to pass to the fetchFunc function\r\n */\r\nexport const useFetch = (fetchFunc, payload) => {\r\n const [data, setData] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const notifyServerError = useNotifyServerError();\r\n\r\n const func = useCallback(async () => {\r\n try {\r\n const data = await fetchFunc(payload);\r\n setData(data);\r\n setLoading(false);\r\n } catch (error) {\r\n notifyServerError(error);\r\n }\r\n }, [fetchFunc, payload, notifyServerError]);\r\n\r\n useEffect(() => {\r\n func();\r\n }, [func]);\r\n\r\n return { data, loading };\r\n};\r\n","import React, { useState, useCallback } from 'react';\r\nimport { MultiGrid, AutoSizer } from 'react-virtualized';\r\nimport Draggable from 'react-draggable';\r\nimport { Checkbox } from '@material-ui/core';\r\nimport moment from 'moment';\r\nimport LightTooltip from '../components/LightTooltip';\r\n\r\nconst DraggableHeader = props => {\r\n const { resizeColumns, columnSource, width } = props;\r\n\r\n const [deltaPositionX, setDeltaPositionX] = useState(0);\r\n\r\n const handleDrag = useCallback(\r\n async (e, ui) => {\r\n setDeltaPositionX(deltaPositionX + ui.deltaX);\r\n },\r\n [deltaPositionX, setDeltaPositionX]\r\n );\r\n\r\n const handleStop = useCallback(async () => {\r\n resizeColumns(columnSource, deltaPositionX, width);\r\n setDeltaPositionX(0);\r\n }, [resizeColumns, deltaPositionX, width, columnSource]);\r\n\r\n const dragStyle = {\r\n cursor: 'col-resize',\r\n color: 'transparent',\r\n position: 'absolute',\r\n right: -deltaPositionX,\r\n top: 0,\r\n zIndex: '1',\r\n width: '6px',\r\n borderRight: '1px solid #E0E0E0'\r\n };\r\n\r\n return (\r\n\r\n You are about to quit the creation process and return to\r\n {isResourceCreated ? ` ${resource} details ` : ` ${resource} list `}\r\n screen.\r\n
\r\n Your progress on this step will not be saved.\r\n
\r\n {resourceName} \r\n has been created without {stepForgotten.join(', ')}\r\n {lastElement ? ` ${lastElement}` : ''}.\r\n
\r\n )}\r\n \r\n );\r\n }\r\n\r\n const stepsName = stepsForgotten.map(item => item.leavingPromptLabel);\r\n return templateMessage(stepsName);\r\n};\r\n","import React, {\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useRef,\r\n useState\r\n} from 'react';\r\nimport { useNotify, useQueryWithStore, useRedirect } from 'react-admin';\r\nimport { useProfile } from '../../core/hooks/UseProfile';\r\nimport {\r\n CircularProgress,\r\n FormControlLabel,\r\n Radio,\r\n RadioGroup\r\n} from '@material-ui/core';\r\nimport { CreationContactContext } from './creationsteps/CreationContactContext';\r\nimport { isEmpty } from 'lodash';\r\nimport FormTitleBar from '../../core/components/FormTitleBar';\r\nimport useNotifyServerError from '../../core/hooks/useNotifyServerError';\r\nimport UserApi from '../../core/apis/UserApi';\r\nimport { useStyles } from './creationsteps/StyleStep';\r\nimport UserDetailsStep from './creationsteps/UserDetailsStep';\r\nimport AssignPermissionGroupsStep from './creationsteps/AssignPermissionGroupsStep';\r\nimport SelectPermissionGroupsStep from './creationsteps/SelectPermissionGroupsStep';\r\nimport EmailNotificationsStep from './creationsteps/EmailNotificationsStep';\r\nimport WizardStepper from '../../core/components/wizardStepper/WizardStepper';\r\nimport { GenerateMessageOnLeave } from '../../core/components/wizardStepper/GenerateMessageOnLeave';\r\n\r\nexport const STEP = {\r\n contactDetails: 'contactDetails',\r\n selectPermissionGroups: 'selectPermissionGroups',\r\n assignPermissionGroups: 'assignPermissionGroups',\r\n accessRoles: 'accessRoles',\r\n emailNotifications: 'emailNotifications'\r\n};\r\nconst UserCreate = props => {\r\n const { permissions = [] } = props;\r\n const classes = useStyles();\r\n const creation = true;\r\n const { profile, loading } = useProfile();\r\n const notifyServerError = useNotifyServerError();\r\n const notify = useNotify();\r\n const [activeStep, setActiveStep] = useState(0);\r\n const [contactContext, setContactContext] = useState({});\r\n const [contactCreated, setContactCreated] = useState({});\r\n const userSet = useRef(null);\r\n const [isNextAvailable, setIsNextAvailable] = useState(true);\r\n const [isBackDisabled, setIsBackDisabled] = useState(false);\r\n const [isSaveAndCloseStep, setIsSaveAndCloseStep] = useState(false);\r\n\r\n const [confirmWarningIsOpen, setConfirmWarningIsOpen] = useState(false);\r\n const [selectedContactForImport, setSelectedContactForImport] = useState(\r\n null\r\n );\r\n const [activeListOfSteps, setActiveListOfSteps] = useState([]);\r\n const [isDefaultListOfStepsSet, setIsDefaultListOfStepsSet] = useState(false);\r\n const redirect = useRedirect();\r\n const [assignedPermissionGroups, setAssignedPermissionGroups] = useState([]);\r\n const [selectedAssignmentMode, setSelectedAssignmentMode] = useState(\r\n 'manual'\r\n );\r\n const [selectedPermissionGroups, setSelectedPermissionGroups] = useState({\r\n funds: [],\r\n investors: []\r\n });\r\n const [accessRoles, setAccessRoles] = useState([]);\r\n const [selectedAccessRoles, setSelectedAccessRoles] = useState({ roles: [] });\r\n const authorizationsGridToDeleteRef = useRef([]);\r\n const [permissionGroupsUploaded, setPermissionGroupsUploaded] = useState([]);\r\n const [isNewImportToDo, setIsNewImportToDo] = useState(false);\r\n const shouldQuitRef = useRef(false);\r\n const [submitButtonClicked, setSubmitButtonClicked] = useState(null);\r\n const [isSpinnerOnNextButton, setIsSpinnerOnNextButton] = useState(false);\r\n const [isSpinnerOnSaveButton, setIsSpinnerOnSaveButton] = useState(false);\r\n const [isFirstStepPristine, setIsFirstStepPristine] = useState(true);\r\n const providerFormContext = useMemo(\r\n () => ({ contactContext, setContactContext }),\r\n [contactContext, setContactContext]\r\n );\r\n const [permissionsStaging, setPermissionsStaging] = useState([]);\r\n const [leavingPromptListOfSteps, setLeavingPromptListOfSteps] = useState([]);\r\n\r\n const [\r\n hasEditUserPermission,\r\n hasWriteUserAuthorizationPermission,\r\n hasReadUserAuthorizationNaPermission,\r\n hasReadUserRolesPermission,\r\n hasWriteUserRolesPermission,\r\n hasComposeEmailPermission\r\n ] = useMemo(\r\n () => [\r\n permissions.includes('AUTH_EDIT_USER'),\r\n permissions.includes('AUTH_WRITE_USER_AUTHORIZATION'),\r\n permissions.includes('AUTH_READ_USER_AUTHORIZATION_NA'),\r\n permissions.includes('AUTH_READ_USER_ROLE'),\r\n permissions.includes('AUTH_WRITE_USER_ROLE'),\r\n permissions.includes('AUTH_COMPOSE_EMAIL')\r\n ],\r\n [permissions]\r\n );\r\n\r\n const isLastStep = useCallback(() => {\r\n return !!(\r\n !isEmpty(activeListOfSteps) && activeListOfSteps.length === activeStep + 1\r\n );\r\n }, [activeStep, activeListOfSteps]);\r\n\r\n const isItSaveAndCloseStep = useCallback(() => {\r\n if (!isEmpty(activeListOfSteps)) {\r\n return !!(\r\n (activeListOfSteps.length === 2 &&\r\n activeStep === 0 &&\r\n activeListOfSteps.find(\r\n step => step.name === STEP.emailNotifications\r\n )) ||\r\n (activeListOfSteps[activeStep].name === STEP.assignPermissionGroups &&\r\n !isLastStep()) ||\r\n (activeListOfSteps[activeStep].name === STEP.accessRoles &&\r\n !isLastStep())\r\n );\r\n }\r\n }, [activeListOfSteps, activeStep, isLastStep]);\r\n\r\n useEffect(() => {\r\n if (activeStep === 0 && contactContext.detailsFormState) {\r\n const {\r\n valid: isDetailsFormValid,\r\n submitting: isDetailsFormSubmitting,\r\n pristine: isDetailsFormPristine\r\n } = contactContext.detailsFormState;\r\n\r\n setIsFirstStepPristine(isDetailsFormPristine);\r\n setIsNextAvailable(isDetailsFormValid && !isDetailsFormSubmitting);\r\n }\r\n\r\n if (\r\n !isEmpty(activeListOfSteps) &&\r\n activeListOfSteps[activeStep].name === STEP.selectPermissionGroups\r\n ) {\r\n // Disable/Enable\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n You are about to quit the create operation, and return to\r\n {props.fundId ? ' Fund' : ' Investor'} page.\r\n
\r\n\r\n You are about to quit the create operation, and return to\r\n Investor page.\r\n
\r\n\r\n You are about to quit the create operation, and return to the\r\n Edit Properties page.\r\n
\r\n-
\r\nAll selected documents will be permanently deleted.
\r\n \r\n }\r\n onConfirm={() => {\r\n deleteDocuments();\r\n setConfirmDialogIsOpen(false);\r\n }}\r\n onClose={() => {\r\n setConfirmDialogIsOpen(false);\r\n }}\r\n confirm=\"ra.action.confirm\"\r\n />\r\n\r\n You are about to quit importing Investors, and\r\n return to Select Investors page.\r\n
\r\nYour changes will be saved. Are you sure?
\r\n ) : (\r\nYour changes will not be saved. Are you sure?
\r\n );\r\n const hasNext = popupSteps[activeStep]\r\n ? popupSteps[activeStep].nextButton\r\n : false;\r\n const hasBack = popupSteps[activeStep]\r\n ? popupSteps[activeStep].backButton\r\n : false;\r\n const hasApproveButton = popupSteps[activeStep]\r\n ? popupSteps[activeStep].approveButton\r\n : false;\r\n // const batchUploadViaApiValid = this.validateBatch(resourceupload);\r\n return (\r\n\r\n You are about to return to the Documents page.\r\n
\r\n {specialTextForMatchingStepLeaveModal}\r\n \r\n }\r\n onConfirm={this.handleConfirm}\r\n onClose={this.handleConfirmDialogClose}\r\n confirm=\"ra.action.close\"\r\n />\r\n\r\n Are you sure you want to suspend this category?\r\n
\r\n\r\n All documents loaded to this category will no longer be\r\n visible to any user.\r\n
\r\n \r\n }\r\n onConfirm={handleConfirmDialogConfirm}\r\n onClose={() => {\r\n formProps.values.status = 'ACTIVE';\r\n setConfirmDialogIsOpen(false);\r\n }}\r\n confirm=\"ra.action.confirm\"\r\n />\r\n\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n No Data To Display\r\n
\r\n Click 'Validate' to parse and display Excel Data\r\n
\r\n You are about to quit the creation process and return to Fund-Investor Tag\r\n {!isEmpty(name) ? ` details ` : ` list `}\r\n screen.\r\n
\r\n Your progress on this step will not be saved.\r\n {!isEmpty(name) && (\r\n
\r\n {name} \r\n has been created without Fund-Investor Relationships.\r\n
\r\n )}\r\n \r\n);\r\n\r\n/**\r\n * Verify that Fund-Investor Tag name is unique\r\n */\r\n\r\n// rff\r\nexport function validateFundInvestorTagNameRff(value) {\r\n return validateFundInvestorTagName(value);\r\n}\r\n\r\nconst validateFundInvestorTagName = memoize(async name => {\r\n let error;\r\n const investorTagNameValid = !!name.trim();\r\n if (!investorTagNameValid) {\r\n error = `Fund Investor Tag Name can't be empty space(s)`;\r\n } else {\r\n try {\r\n const nameExists = await FundInvestorTagApi.checkIfNameExists(name);\r\n if (nameExists) {\r\n error = 'Fund Investor Tag Name already exists';\r\n }\r\n } catch (e) {\r\n error = 'Cannot validate name';\r\n }\r\n }\r\n return error;\r\n});\r\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport {\r\n TableRow,\r\n TableCell,\r\n IconButton,\r\n Collapse,\r\n Box,\r\n Table,\r\n TableHead,\r\n TableBody\r\n} from '@material-ui/core';\r\nimport { Checkboxes } from 'mui-rff';\r\nimport { AutoSizer, List as VirtualizedList } from 'react-virtualized';\r\nimport { ChevronRightIcon } from '../../../../core/themes/icons/ChevronRightIcon';\r\nimport { ChevronDownIcon } from '../../../../core/themes/icons/ChevronDownIcon';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\n\r\nimport { useStyles } from '../../utils/styles';\r\n\r\nconst classChevron = {\r\n chevron: {\r\n fontSize: '10px',\r\n color: '#757575'\r\n }\r\n};\r\n\r\nconst FundInvestorSelection = ({\r\n fundName,\r\n fundId,\r\n investors,\r\n formValues,\r\n formRef,\r\n setShouldHideBackButton\r\n}) => {\r\n const [open, setOpen] = useState(false);\r\n const styles = useStyles();\r\n\r\n const numberOfSelectedRows = useMemo(() => {\r\n const values = { ...formValues };\r\n return Object.values(values[`id-${fundId}`]).filter(\r\n entry => entry !== false\r\n ).length;\r\n }, [fundId, formValues]);\r\n\r\n const rowCount = investors.length;\r\n const calcHeight = rowCount < 10 ? `${rowCount * 30}px` : `${300}px`;\r\n\r\n const handleClickAll = useCallback(() => {\r\n let updatedValues = {};\r\n if (numberOfSelectedRows === rowCount) {\r\n Object.keys(formValues[`id-${fundId}`]).forEach(investor => {\r\n updatedValues = {\r\n ...updatedValues,\r\n [investor]: false\r\n };\r\n });\r\n formRef.change(`id-${fundId}`, updatedValues);\r\n } else if (numberOfSelectedRows !== rowCount) {\r\n investors.forEach(investor => {\r\n updatedValues = {\r\n ...updatedValues,\r\n [`id-${investor.investorId}`]: true\r\n };\r\n });\r\n formRef.change(`id-${fundId}`, updatedValues);\r\n }\r\n }, [numberOfSelectedRows, investors, rowCount, fundId, formRef, formValues]);\r\n\r\n useEffect(() => {\r\n setShouldHideBackButton(true);\r\n }, [setShouldHideBackButton]);\r\n\r\n function investorRenderer({ key, index, style }) {\r\n return (\r\n