Loading...
\n );\n};\n\nexport default SessionContext;\n","import Snackbar from \"components/design-system/ui/Snackbar\";\nimport { Store } from \"react-notifications-component\";\n\nexport function responseErrorNotification(\n correlationID,\n message,\n title,\n code = 0\n) {\n switch (code) {\n case null:\n //ERR_CONNECTION_REFUSED\n errorNotification(\n \"Cannot connect to the system\",\n \"Check your VPN or Internet connection.\"\n );\n break;\n case 401:\n errorNotification(\n correlationID,\n \"Unauthorized. You cannot perform this action.\"\n );\n break;\n case 500:\n errorNotification(\"Server Error: \" + correlationID, message);\n break;\n\n default:\n errorNotification(title + \": \" + correlationID, message);\n break;\n }\n}\n\nexport function errorNotification(title, message = \"Something went wrong\") {\n const type = \"danger\";\n\n sendNotification(title, message, type);\n}\n\nexport async function sendNotification(\n _title,\n message,\n duration = global.config.notification.duration,\n id = \"\",\n onRemoval = void 0,\n close,\n action,\n actionProps,\n icon,\n feedbackIcon\n) {\n const notificationId = Store.addNotification({\n id: id,\n content: (\n Loading...
;\n }\n\n if (offices.error) {\n return Error
;\n }\n\n const isEditing = typeof officeIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateOffice : createOffice;\n\n const currentOfficeData = offices.data.find(\n (office) => office.OfficeRegionId === officeIdToEdit\n );\n\n if (isEditing && !currentOfficeData) {\n return Could not find office
;\n }\n\n const regionDropdownOptions = !regions.isLoading\n ? getDropdownOptions(regions?.data, \"RegionId\")\n : [];\n\n const countryDropdownOptions = !countries.isLoading\n ? getDropdownOptions(countries?.data, \"Name\")\n : [];\n\n const currenciesDropdownOptions = !currencies.isLoading\n ? getDropdownOptions(currencies?.data)\n : [];\n\n const timezonesDropdownOptions = !timezones.isLoading\n ? getDropdownOptions(timezones?.data)\n : [];\n\n const holidayOfficeDropdownOptions =\n holidayOfficesData?.current?.length > 0\n ? getDropdownOptions(\n holidayOfficesData.current,\n \"OfficeRegionId\",\n \"Name\"\n )\n : [];\n\n const onSubmit = (formData) => {\n const officeData = transformFormDataToOfficeData(\n formData,\n currentOfficeData,\n regionDropdownOptions?.find((f) => f.value === formData.region)\n ?.label,\n holidayOfficeDropdownOptions?.find(\n (f) => f.value === formData.holidayOffice\n )?.label\n );\n\n modifier.mutateAsync(officeData).then(() => {\n onClose();\n sendNotification(\n undefined,\n isEditing\n ? `${officeData.Name} has been updated`\n : `${officeData.Name} has been added`\n );\n });\n };\n\n return (\n \n {text && (\n \n {text}\n \n )}\n {description && (\n \n {description}\n \n )}\n
\n )}\n \n {sortable && loadingIcon && (\n {children}
\n \n );\n };\n\n return (\n <>\n \n {label && (\n \n {label}\n \n )}\n {description && (\n \n {description}\n \n )}\n
\n )}\n \n {label && (\n \n {label}\n \n )}\n {description && (\n \n {description}\n \n )}\n
\n )}\n {rest.children}\n {(feedbackMessage || helpText) && (\n \n {feedbackMessage && (\n \n \n {feedbackMessage}\n \n \n )}\n {helpText && (\n \n {helpText}\n \n )}\n
\n )}\n \n );\n};\n\nFormInputWrapper.defaultProps = {\n disabled: false,\n label: null,\n description: null,\n feedbackType: FEEDBACK_TYPES.None,\n feedbackMessage: null,\n helpText: null,\n isSmallSize: false,\n};\n\nFormInputWrapper.propTypes = {\n disabled: PropTypes.bool,\n label: PropTypes.string,\n description: PropTypes.string,\n feedbackType: PropTypes.oneOf(Object.keys(FEEDBACK_TYPES)),\n feedbackMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n helpText: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n isSmallSize: PropTypes.bool,\n};\n\nexport default FormInputWrapper;\n","import React, { useState, useMemo, useEffect, useRef, useContext } from \"react\";\nimport { useAllocationsMessages } from \"hooks/Allocations/useAllocationsMesages\";\nimport { allocationsGridModes } from \"resources/Enums\";\nimport { sendNotification } from \"utilities/Notification\";\nimport Link from \"components/UI/Link\";\nimport SessionContext from \"context/app/SessionContext\";\nimport AllocationSignalRContext from \"context/Allocations/SignalRContext\";\n\nconst Context = React.createContext();\n\nexport const AllocationsProvider = ({ mode, ...props }) => {\n const [event, setEvent] = useState(null);\n const [employees, setEmployees] = useState([]);\n const [gridParams, setGridParams] = useState({});\n const [notificationDisplayed, setNotificationDisplayed] = useState(false);\n const [userQueryAccess, setUserQueryAccess] = useState(true);\n const [isLoadingMore, setIsLoadingMore] = useState({loading: false, page: 1, message: \"\", type: \"\"});\n const [columnsView, setColumnsView] = useState(4);\n const [groupBy, setGroupBy] = useState(null);\n const [sortBy, setSortBy] = useState(null);\n const [openFilters, setOpenFilters] = useState(() => {});\n const [totalAmountOfResults, setTotalAmountOfResults] = useState(0);\n const [query, setQuery] = useState(null);\n\n let messagesHub = null;\n let allocationHubConnectionId = null;\n const session = useContext(SessionContext);\n const signalRsession = useContext(AllocationSignalRContext);\n const messagesRef = useRef([]);\n const employeesRef = useRef(employees);\n const { processMessagesQueue } = useAllocationsMessages();\n\n useEffect(() => {\n if (event) {\n messagesHub = signalRsession.messagesHub;\n allocationHubConnectionId =\n signalRsession.allocationHubConnectionId;\n\n console.info(\n \"SignalR - Allocations - Connection state\",\n messagesHub.connection.connectionState\n );\n }\n if (event && messagesHub?.connection.connectionState !== \"Connected\") {\n console.error(\n \"SignalR - Allocations - Can't connect to SignalR hub\"\n );\n } else if (event) {\n console.info(\"SignalR - Allocations - Subscribe to events...\");\n subscribeToEvent(messagesHub, event, session);\n }\n }, [event]);\n\n const subscribeToEventAddMessage = (message) => {\n console.info(\"SignalR - Allocations - New message\", message);\n addMessage(JSON.parse(message));\n };\n\n const subscribeToEvent = (hub, srEvent, srSession) => {\n console.info(\"SignalR - Allocations - Subscribe to events\", srEvent);\n hub.off(srEvent);\n srSession &&\n srEvent &&\n hub.on(srEvent, (message) => {\n console.info(\n \"SignalR - Allocations - Start subscription\",\n srEvent\n );\n srSession && message && subscribeToEventAddMessage(message);\n });\n };\n\n const addMessage = (message) => {\n let validMessage = false;\n\n console.info(\"SignalR - Allocations - Process new message\");\n\n const employee = employeesRef.current\n .flat()\n .find(\n (employee) =>\n employee.id === message.UserId &&\n employee.titleId === message.TitleId &&\n employee.locationId === message.OfficeId &&\n employee.summary?.some(\n (allocation) => allocation.date === message.Date\n )\n );\n\n validMessage =\n employee &&\n (message.UpdatedBy !== session.userID ||\n allocationHubConnectionId !== message.ClientId);\n\n if (validMessage) {\n console.info(\"SignalR - Allocations - Show update alert\");\n messagesRef.current.push(message);\n !notificationDisplayed && setNotificationDisplayed(true);\n } else {\n console.info(\"SignalR - Allocations - Ignore message\");\n }\n };\n\n useEffect(() => {\n setEvent(getNotificationsEventName(mode));\n }, [mode]);\n\n useEffect(() => {\n employeesRef.current = employees;\n }, [employees]);\n\n useEffect(() => {\n messagesRef.current.length > 0 &&\n !notificationDisplayed &&\n setNotificationDisplayed(true);\n }, [messagesRef.current]);\n\n useEffect(() => {\n notificationDisplayed && showNotification();\n }, [notificationDisplayed]);\n\n const getNotificationsEventName = (mode) => {\n console.info(\"SignalR - Allocations - Message mode\", mode);\n switch (mode) {\n case allocationsGridModes.daily:\n return \"newAllocationHour_Daily\";\n case allocationsGridModes.weekly:\n return \"newAllocationHour_Weekly\";\n case allocationsGridModes.monthly:\n return \"newAllocationHour_Monthly\";\n default:\n throw new Error(`Invalid grid mode ${mode}`);\n }\n };\n\n const handleUpdate = () => {\n const stringCopy = JSON.stringify([...employeesRef.current]);\n const employeesCopy = JSON.parse(stringCopy);\n const updatedEmployees = processMessagesQueue(\n employeesCopy,\n messagesRef.current\n );\n setEmployees(updatedEmployees);\n messagesRef.current = [];\n };\n\n const handleOnRemoval = () => {\n setNotificationDisplayed(false);\n };\n\n const showNotification = () => {\n sendNotification(\n undefined,\n updateEmployeesMessage(),\n 0,\n \"SignalR_Allocations\",\n handleOnRemoval\n );\n };\n\n const updateEmployeesMessage = () => {\n return (\n <>\n {`Allocations in this view have been updated.`}\n Loading...
\n );\n};\n\nexport default Context;\n\nAllocationsProvider.defaultProps = {\n mode: allocationsGridModes.weekly,\n};\n","const SPACING_VALUES = {\n Zero: \"0rem\",\n Zero_25: \"0.25rem\",\n Zero_5: \"0.5rem\",\n Zero_75: \"0.75rem\",\n One: \"1rem\",\n Two: \"2rem\",\n Three: \"3rem\",\n Four: \"4rem\",\n Five: \"5rem\",\n Six: \"6rem\",\n Seven: \"7rem\",\n Nine: \"9rem\",\n};\n\nconst SPACING = {\n Zero: \"Zero\",\n Zero_25: \"Zero_25\",\n Zero_5: \"Zero_5\",\n Zero_75: \"Zero_75\",\n One: \"One\",\n Two: \"Two\",\n Three: \"Three\",\n Four: \"Four\",\n Five: \"Five\",\n Six: \"Six\",\n Seven: \"Seven\",\n Nine: \"Nine\",\n};\n\nexport default SPACING;\nexport { SPACING_VALUES };\n","import { useMemo, useCallback } from \"react\";\nimport { useQuery, useMutation, useQueryClient } from \"react-query\";\n\nimport { useApi } from \"utilities/API/Helpers/useApi\";\n\nexport const useOfficesCountries = () => {\n const { getDataAsync } = useApi();\n\n const getCountriesApiCall = useCallback(async () => {\n const response = await getDataAsync(\"getCountries\");\n return response.status != 204 ? response.json() : null;\n }, [getDataAsync]);\n\n const countries = useQuery(\"countriesList\", getCountriesApiCall);\n\n return useMemo(() => {\n return {\n countries,\n };\n }, [countries]);\n};\n\nexport const useOfficesCurrencies = () => {\n const { getDataAsync } = useApi();\n\n const getCurrenciesApiCall = useCallback(async () => {\n const response = await getDataAsync(\"getCurrencies\");\n return response.status != 204 ? response.json() : null;\n }, [getDataAsync]);\n\n const currencies = useQuery(\"currenciesList\", getCurrenciesApiCall);\n\n return useMemo(() => {\n return {\n currencies,\n };\n }, [currencies]);\n};\n\nexport const useOfficesTimezones = () => {\n const { getDataAsync } = useApi();\n\n const getTimezonesApiCall = useCallback(async () => {\n const response = await getDataAsync(\"getTimezones\");\n return response.status != 204 ? response.json() : null;\n }, [getDataAsync]);\n\n const timezones = useQuery(\"timezonesList\", getTimezonesApiCall);\n\n return useMemo(() => {\n return {\n timezones,\n };\n }, [timezones]);\n};\n\nconst useOffices = () => {\n const { getDataAsync, postData, putData } = useApi();\n const queryClient = useQueryClient();\n\n const getOfficesApiCall = useCallback(async () => {\n const response = await getDataAsync(\"offices\");\n return response.status != 204 ? response.json() : null;\n }, [getDataAsync]);\n\n const getOfficeByIdApiCall = useCallback(\n async ({ officeId }) => {\n const response = await getDataAsync(\"getOfficeById\", {\n urlParams: [{ name: \"$id\", value: officeId }],\n });\n return response.status != 204 ? response.json() : null;\n },\n [getDataAsync]\n );\n\n const offices = useQuery(\"officesList\", getOfficesApiCall);\n\n const createOfficeApiCall = useCallback(\n (body) => {\n return postData(\"offices\", {\n body,\n });\n },\n [postData]\n );\n\n const updateOfficeApiCall = useCallback(\n (body) => {\n return putData(\"offices\", {\n body,\n });\n },\n [putData]\n );\n\n const mutationOptions = useMemo(() => {\n return {\n onSuccess: () => {\n queryClient.invalidateQueries(\"officesList\");\n },\n };\n }, [queryClient]);\n\n const createOffice = useMutation(createOfficeApiCall, mutationOptions);\n const updateOffice = useMutation(updateOfficeApiCall, mutationOptions);\n\n return useMemo(() => {\n const useGetOfficeById = (dataObj) =>\n useQuery([\"getOfficeByIdApiCall\", dataObj], () =>\n getOfficeByIdApiCall(dataObj)\n );\n\n return {\n useGetOfficeById,\n offices,\n createOffice,\n updateOffice,\n };\n }, [offices, createOffice, updateOffice]);\n};\n\nexport default useOffices;\n","import styled, { css } from \"styled-components\";\n\nimport { COLOR_VALUES } from \"components/design-system/config/colors\";\nimport HStack from \"components/design-system/layout/HStack\";\nimport Text, { TEXT_VARIANT_STYLES } from \"components/design-system/ui/Text\";\nimport Icon from \"components/design-system/ui/Icon\";\nimport { FEEDBACK_TYPES } from \"components/design-system/config/feedbackTypes\";\n\nexport const TextInputWrapper = styled.div`\n position: relative;\n height: 100%;\n\n ${(props) =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n`;\n\nexport const TextInputStylesDisabled = `\npointer-events: none;\nbackground: ${COLOR_VALUES.Gray_9};\nborder-color: ${COLOR_VALUES.Gray_6};\n`;\n\nexport const TextInputStyles = ` \n display: block;\n width: 100%;\n min-height: 48px;\n border-radius: 4px;\n border: 1px solid ${COLOR_VALUES.Gray_6};\n color: ${COLOR_VALUES.Gray_2};\n background: ${COLOR_VALUES.White};\n cursor: pointer;\n \n &:hover,\n &:visited {\n border-color: ${COLOR_VALUES.Gray_4};\n }\n\n &:active {\n border-color: ${COLOR_VALUES.Black};\n }\n\n &:focus {\n border-color: ${COLOR_VALUES.Black};\n color: ${COLOR_VALUES.Black};\n outline: none;\n }\n\n &::placeholder {\n color: ${COLOR_VALUES.Gray_4};\n }\n \n &:disabled {\n ${TextInputStylesDisabled}\n }\n`;\n\nexport const TextInputStylesSuccess = ` \nborder-color: ${COLOR_VALUES.Gray_4};\n\n&:active {\n border-color: ${COLOR_VALUES.Gray_4};\n}\n\n&:hover,\n&:focus,\n&:focus-visible {\n border-color: ${COLOR_VALUES.Gray_4};\n}`;\n\nexport const TextInputStylesWarning = `\nborder-color: ${COLOR_VALUES.Yellow};\n\n&:active {\n border-color: ${COLOR_VALUES.Yellow};\n}\n\n&:hover,\n&:focus,\n&:focus-visible {\n border-color: ${COLOR_VALUES.Yellow};\n}\n`;\n\nexport const TextInputStylesError = `\nborder-color: ${COLOR_VALUES.Orange_1};\n\n&:active {\n border-color: ${COLOR_VALUES.Orange_1};\n}\n\n&:hover,\n&:focus,\n&:focus-visible {\n border-color: ${COLOR_VALUES.Orange_1};\n}\n`;\n\nexport const StyledTextInput = styled.input`\n ${TEXT_VARIANT_STYLES.Body_1_1}\n\n ${TextInputStyles}\n\n ${(props) =>\n props.isSmallSize\n ? css`\n min-height: 36px;\n padding: 8px 8px 8px 12px;\n ${TEXT_VARIANT_STYLES.Body_2_1};\n `\n : css`\n padding: 12px 8px 12px 12px;\n `}\n \n ${(props) =>\n props.feedbackType === FEEDBACK_TYPES.Success &&\n css`\n ${TextInputStylesSuccess}\n `}\n\n ${(props) =>\n props.feedbackType === FEEDBACK_TYPES.Warning &&\n css`\n ${TextInputStylesWarning}\n `}\n \n ${(props) =>\n props.feedbackType === FEEDBACK_TYPES.Error &&\n css`\n ${TextInputStylesError}\n `}\n\n ${(props) =>\n props.type === \"search\" &&\n css`\n padding-left: 36px;\n &::-webkit-search-cancel-button {\n -webkit-appearance: none;\n }\n `}\n \n ${(props) =>\n props.characterCounter &&\n css`\n padding-right: 44px;\n `}\n\n ${(props) =>\n props.showClearIcon &&\n css`\n padding-right: 44px;\n `}\n`;\n\nexport const StyledTextInputSearchIcon = styled(Icon)`\n position: absolute;\n border: none;\n width: 16px;\n height: 16px;\n top: 16px;\n left: 12px;\n bottom: 16px;\n color: ${COLOR_VALUES.Gray_2};\n &:disabled {\n color: ${COLOR_VALUES.Gray_4};\n }\n`;\n\nexport const TextInputRow = styled(HStack)`\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: 0px 8px;\n`;\n\nexport const StyledTextInputClearIcon = styled.button`\n width: 16px;\n height: 16px;\n border: none;\n background: transparent;\n position: absolute;\n top: 16px;\n bottom: 16px;\n right: 12px;\n`;\n\nexport const StyledCharacterCounter = styled(Text)`\n width: 14px;\n height: 16px;\n border: none;\n background: transparent;\n position: absolute;\n top: 16px;\n bottom: 16px;\n right: 28px;\n`;\n","import env from \"react-dotenv\";\n\nexport const getURLInsideVPN = (url) => {\n return (\n \"/redirectto?url=\" +\n url +\n \"&env=\" +\n env.ENVIRONMENT_NAME +\n \"&vpn=true\"\n );\n};\n\nexport const getReporterUrl = (url) => {\n return getURLInsideVPN(env.BESTWORK_REACT_REPORTER10_LINK + url);\n};","import React, { useState, useMemo } from \"react\";\n\nconst WeekNavigatorContext = React.createContext();\n\nexport const WeekNavigatorContextProvider = (props) => {\n const [incompleteWeekStartDateList, setIncompleteWeekStartDateList] =\n useState([]);\n const [fromDateToUpdateList, setFromDateToUpdateList] = useState(null);\n const [updateList, setUpdateList] = useState(false);\n const [selectedTimesheetStartDate, setSelectedTimesheetStartDate] =\n useState(null);\n const [pendingTimesheetCalendarDate, setPendingTimesheetCalendarDate] =\n useState(null);\n const [pendingTimesheetFlag, setPendingTimesheetFlag] = useState(false);\n const [isWeekChange, setIsWeekChange] = useState(false);\n\n const contextValue = useMemo(() => {\n return {\n incompleteWeekStartDateList,\n setIncompleteWeekStartDateList,\n fromDateToUpdateList,\n setFromDateToUpdateList,\n updateList,\n setUpdateList,\n selectedTimesheetStartDate,\n setSelectedTimesheetStartDate,\n pendingTimesheetCalendarDate,\n setPendingTimesheetCalendarDate,\n pendingTimesheetFlag,\n setPendingTimesheetFlag, \n isWeekChange,\n setIsWeekChange,\n };\n }, [\n incompleteWeekStartDateList,\n setIncompleteWeekStartDateList,\n fromDateToUpdateList,\n setFromDateToUpdateList,\n updateList,\n setUpdateList,\n selectedTimesheetStartDate,\n setSelectedTimesheetStartDate,\n pendingTimesheetCalendarDate,\n setPendingTimesheetCalendarDate,\n pendingTimesheetFlag,\n setPendingTimesheetFlag,\n isWeekChange,\n setIsWeekChange,\n ]);\n\n return (\n \n \n \n {disabled ? (\n \n \n ) : (\n \n \n {overlayState.isOpen && (\n <>\n \n \n \n \n )}\n \n )}\n
\n \n );\n};\n\nexport default DatePickerMain;\n","import { parseDate } from \"@internationalized/date\";\n\nimport DatePickerMain from \"components/design-system/controls/datepicker/DatePickerMain\";\nimport FormInputWrapper from \"components/design-system/ui/FormInputWrapper\";\nimport { useFormInput } from \"components/design-system/forms/utils\";\n\nconst DatePicker = ({\n defaultDateValue = null,\n name,\n validations,\n label = \"\",\n description,\n helpText,\n className,\n ...rest\n}) => {\n const { wrapperProps, inputProps } = useFormInput({\n name,\n validations,\n isControlled: true,\n });\n\n const internalValue = inputProps.value ? parseDate(inputProps.value) : null;\n\n const internalOnChange = (dateValue) => {\n inputProps.onChange(dateValue ? dateValue.toLocaleString() : null);\n };\n\n return (\n \n {\n copyToClipboard();\n }}\n >\n {label}\n \n
\n You are going to a page that requires a VPN connection, please connect
;\n\n return (\n (!sessionStatus || sessionStatus === \"false\") && (\n Navigating to an Internal Site
\n {vpn && requireVPN}\n You are being connected to: {toNavigateDomain} in {counter} seconds... (click in the link to navigate now)
\n Don't alert me again in today's session:
\n | \n | \n ))}\n
|---|
| \n )\n )}\n |
\n {detail ? detail.subTitle : \"\"}\n
\n{detail ? detail.message : \"\"}
\n\n {detail.stack && (\n
\n {\n (rawError && rawError.detail) ? rawError.detail : \"\"\n }\n
\n
\n
{detail ? detail.actionMessage : \"\"}
\n\n {showDetail && (\n
\n Date:{\" \"}\n {date\n ? moment(date).format(\n \"MMMM Do YYYY, h:mm:ss a\"\n )\n : \"Unknown\"}\n
\nError code: {status ?? \"Unknown\"}
\nTransaction ID: {correlationId ?? \"Unknown\"}
\n\n {truncateText(title, 25)} \n {truncateText(location, 25)} \n
\n \n );\n};\n\nProfile.defaultProps = {\n name: \"-\",\n title: \"-\",\n location: \"-\",\n image: \"/assets/images/default-profile.svg\",\n freelance: false,\n departureDate: null,\n onClick: void 0,\n};\n\nProfile.propTypes = {\n name: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n location: PropTypes.string.isRequired,\n image: PropTypes.string,\n freelance: PropTypes.bool,\n departureDate: PropTypes.string,\n onClick: PropTypes.func,\n};\n\nexport default Profile;\n","import React, { Suspense } from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\n\nconst Image = styled.img`\n -webkit-filter: grayscale(100%);\n filter: grayscale(100%);\n border-radius: 50%;\n object-fit: cover;\n min-width: 3rem;\n min-height: 3rem;\n cursor: ${(props) => (props.clickable ? \"pointer\" : \"initial\")};\n`;\n\nconst Photo = ({ url, alt, clickable, ...props }) => {\n const onImageError = (event) => {\n event.target.src = \"/assets/images/default-profile.svg\";\n };\n\n return (\n ![](\"assets/images/loading.gif\")
;\n};\n\nexport default LoadingIcon;\n","import styled from \"styled-components\";\n\nexport const BodyWrapper = styled.div`\n margin: auto 1rem;\n`;\n\nexport const LineWrapper = styled.div`\n margin: 1rem;\n`;\n\nexport const ButtonWrapper = styled.div`\n float: right;\n padding: 0rem 3rem 0 0;\n width: 100%;\n text-align: right;\n`;\n\nexport const Title = styled.div`\n margin: -2rem -4rem;\n`;\n","const ApplicationsConfig = {\n SkillSearch: {\n backend: \"https://skillsearch.ny.rga.com:9000\",\n frontend: \"https://skillsearch.ny.rga.com\",\n },\n};\n\nexport default ApplicationsConfig;\n","import styled from \"styled-components\";\n\nconst Wrapper = styled.div`\n background-color: #dadbde;\n text-align: center;\n text-transform: uppercase;\n font-family: ${global.config.fonts.families.bold};\n font-size: ${global.config.fonts.sizes.xxsmall};\n color: ${global.config.colors.black};\n height: 0.9rem;\n padding: 0 0.3rem;\n width: auto;\n border-radius: 0.1rem;\n ${(props) =>\n props.circle &&\n `\n border-radius: 1rem;\n `}\n`;\n\nconst Tag = (props) => {\n return (\n \n
\n Do you wish to continue?\n
\n \n setShowMonthAndYear(!showMonthAndYear)}\n />\n\n \n \n \n {showMonthAndYear ? (\n \n
\n );\n}\n","import React, { useContext } from \"react\";\nimport { useDateFormatter } from \"@react-aria/i18n\";\nimport styled from \"styled-components\";\nimport { differenceInCalendarYears, getYear } from \"date-fns\";\n\nimport SessionContext from \"context/app/SessionContext\";\nimport useIncompleteTimesheetApi from \"pages/timesheet/incomplete-timesheet/useIncompleteTimesheet\";\n\nimport Text from \"components/design-system/ui/Text\";\nimport HStack from \"components/design-system/layout/HStack\";\nimport { DateButton } from \"components/design-system/controls/datepicker/StyledElements\";\nimport VStack from \"components/design-system/layout/VStack\";\nimport { SPACING_VALUES } from \"components/design-system/config/spacing\";\n\nconst StyledHStack = styled(HStack)`\n width: 100%;\n flex-wrap: wrap;\n gap: 3px;\n padding-left: 16px;\n`;\n\nconst StyledTertiaryButton = styled(DateButton)`\n border-radius: 160px;\n width: 53px;\n height: 24px;\n marginright: 4px;\n`;\n\nconst YearMonthVStack = styled(VStack)`\n gap: ${SPACING_VALUES.Zero_5};\n`;\n\nconst WrapperVStack = styled(VStack)`\n gap: 24px;\n padding-top: 9px;\n`;\n\nconst DatePickerDisplayMonthAndYear = ({\n state,\n setShowMonthAndYear,\n isWeekNavigator = false,\n}) => {\n let months = [];\n let years = [];\n let maxYearDate = new Date();\n\n let dateInit = new Date();\n let minYearDate = isWeekNavigator\n ? dateInit.setFullYear(dateInit.getFullYear() - 1)\n : new Date(1995, 1, 1, 19, 0, 52);\n\n const session = useContext(SessionContext);\n const { useIncompleteTimesheet } = useIncompleteTimesheetApi();\n const incompleteTimesheetData = useIncompleteTimesheet(session.legacyId);\n\n const getIncompleteTimesheetDate = () => {\n let incompleteTimesheetsDays = [];\n if (!incompleteTimesheetData?.isLoading) {\n let stopDate = new Date();\n let firstDayOfCurrentMonth = new Date(\n stopDate.getFullYear(),\n stopDate.getMonth(),\n 1\n );\n let minDate = new Date(\n firstDayOfCurrentMonth.setMonth(\n firstDayOfCurrentMonth.getMonth() - 2\n )\n );\n const incompleteDays = incompleteTimesheetData?.data.map((x) =>\n new Date(x.date).getTime()\n );\n while (minDate <= stopDate) {\n let daysToAdd = 1;\n if (incompleteDays.some((x) => x === minDate.getTime())) {\n daysToAdd = 7;\n } else {\n let newMinDate = new Date(minDate);\n incompleteTimesheetsDays.push(\n newMinDate.setFullYear(newMinDate.getFullYear())\n );\n }\n minDate.setDate(minDate.getDate() + daysToAdd);\n }\n }\n return incompleteTimesheetsDays;\n };\n\n const getIncompleteTimesheetYear = () => {\n const getMin = (a, b) => Math.min(a, b);\n const minYearIncompleteTimesheets =\n getIncompleteTimesheetDate().reduce(getMin);\n return minYearIncompleteTimesheets;\n };\n\n if (isWeekNavigator) {\n if (minYearDate > getIncompleteTimesheetYear()) {\n minYearDate = getIncompleteTimesheetYear();\n }\n }\n\n const formatter = useDateFormatter({\n month: \"short\",\n timeZone: state.timeZone,\n });\n\n const numMonths = state.focusedDate.calendar.getMonthsInYear(\n state.focusedDate\n );\n\n const updateYearArray = (i) => {\n let date = state.focusedDate.add({ years: i });\n\n years.push({\n value: date,\n formatted: formatter.format(date.toDate(state.timeZone)),\n });\n };\n\n if (\n getYear(new Date(state.focusedDate)) <= getYear(maxYearDate) &&\n getYear(new Date(state.focusedDate)) >= getYear(minYearDate)\n ) {\n let limit =\n differenceInCalendarYears(minYearDate, maxYearDate) +\n differenceInCalendarYears(maxYearDate, new Date(state.focusedDate));\n\n for (\n let i = differenceInCalendarYears(\n maxYearDate,\n new Date(state.focusedDate)\n );\n i >= limit;\n i--\n ) {\n updateYearArray(i);\n }\n } else if (getYear(new Date(state.focusedDate)) > getYear(maxYearDate)) {\n for (\n let i = 0;\n i >=\n differenceInCalendarYears(minYearDate, new Date(state.focusedDate));\n i--\n ) {\n updateYearArray(i);\n }\n } else if (getYear(new Date(state.focusedDate)) < getYear(minYearDate)) {\n for (\n let i = differenceInCalendarYears(\n maxYearDate,\n new Date(state.focusedDate)\n );\n i >= 0;\n i--\n ) {\n updateYearArray(i);\n }\n }\n\n for (let i = 1; i <= numMonths; i++) {\n let date = state.focusedDate.set({ month: i });\n months.push(formatter.format(date.toDate(state.timeZone)));\n }\n\n const onChange = (monthVal, yearVal) => {\n const date = state.focusedDate.set({\n month: Number(monthVal),\n year: Number(yearVal),\n });\n state.setFocusedDate(date);\n setShowMonthAndYear(false);\n };\n\n return (\n \n \n
\n );\n};\n\nexport default RetainersDashboard;\n","import { useCallback, useEffect, useState } from \"react\";\n\nexport const useReloadData = () => {\n const [reloadData, setReloadData] = useState(false);\n\n const handleRefreshDataClick = useCallback(() => {\n setReloadData(!reloadData);\n }, []);\n\n useEffect(() => {\n if (reloadData) {\n setReloadData(false);\n }\n }, [reloadData]);\n\n return [handleRefreshDataClick, reloadData];\n};\n","import { useMemo, useCallback, useContext } from \"react\";\nimport { useQuery } from \"react-query\";\n\nimport { useApi } from \"utilities/API/Helpers/useApi\";\nimport SessionContext from \"context/app/SessionContext\";\n\nconst useSelectorProjects = () => {\n const { getDataAsync } = useApi();\n const session = useContext(SessionContext);\n\n const getSelectorProjectsApiCall = useCallback(async () => {\n const response = await getDataAsync(\"selectorProjects\", {\n urlParams: [\n { name: \"$userId\", value: session.id },\n { name: \"$isAdmin\", value: session.isLegacyAdminUser },\n ],\n });\n return response.status != 204 ? response.json() : null;\n }, [getDataAsync]);\n\n const selectorProjects = useQuery(\n \"selectorProjectsList\",\n getSelectorProjectsApiCall\n );\n\n return useMemo(() => {\n return {\n selectorProjects,\n };\n }, [selectorProjects]);\n};\n\nexport default useSelectorProjects;\n","import React, { useEffect, useState } from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\n\nimport GlobalConfig from \"configs/Global\";\nimport DropdownSingleSelectWithoutSearch from \"components/design-system/controls/dropdown/DropdownSingleSelectWithoutSearch\";\nimport EmptyState from \"components/design-system/tables/EmptyState\";\nimport VStack from \"components/design-system/layout/VStack\";\nimport HStack from \"components/design-system/layout/HStack\";\nimport { getDropdownOptionsNoDefaultVal } from \"common-methods/getDropdownOptionsNoDefaultVal\";\nimport { StyledEmptyState } from \"pages/projects/retainers-dashboard/RetainersDashboardNav\";\n\nimport useSelectorProjects from \"pages/projects/project-dashboard/useProjectsDashboard\";\n\nconst ProjectsDashboardNav = ({ refreshButtonElement = null }) => {\n const { projectId } = useParams();\n const [value, setValue] = useState(projectId);\n const navigate = useNavigate();\n const projectsDashboardPath = GlobalConfig.routes.projectsDashboardLanding;\n\n const { selectorProjects } = useSelectorProjects();\n\n const handleOnChange = (id) => {\n setValue(id);\n navigate(`${projectsDashboardPath}/${id}`);\n };\n\n const projectIdStored = JSON.parse(localStorage.getItem(\"storedProjectId\"));\n\n useEffect(() => {\n if (\n !selectorProjects?.isLoading &&\n selectorProjects?.data?.length > 0 &&\n (!value || !projectIdStored)\n ) {\n navigate(\n `${projectsDashboardPath}/${selectorProjects?.data[0].Id}`\n );\n }\n }, [selectorProjects]);\n\n useEffect(() => {\n setValue(projectIdStored);\n }, [projectIdStored]);\n\n const projectsOptions = getDropdownOptionsNoDefaultVal(\n selectorProjects?.data\n );\n\n if (selectorProjects.isError) {\n return <>Error;\n }\n\n const selectorProjectsLength = selectorProjects?.data?.length;\n\n return (\n \n \n
\n );\n};\n\nexport default ProjectsDashboard;\n","import { useMemo, useCallback, useContext } from \"react\";\nimport { useQuery } from \"react-query\";\n\nimport { useApi } from \"utilities/API/Helpers/useApi\";\nimport SessionContext from \"context/app/SessionContext\";\n\nconst useSelectorRetainers = () => {\n const { getDataAsync } = useApi();\n const session = useContext(SessionContext);\n\n const getSelectorRetainersApiCall = useCallback(async () => {\n const response = await getDataAsync(\"selectorRetainers\", {\n urlParams: [\n { name: \"$userId\", value: session.id },\n { name: \"$isAdmin\", value: session.isLegacyAdminUser },\n { name: \"$agencyId\", value: session.agencyId },\n ],\n });\n return response.status != 204 ? response.json() : null;\n }, [getDataAsync]);\n\n const selectorRetainers = useQuery(\n \"selectorRetainersList\",\n getSelectorRetainersApiCall\n );\n\n return useMemo(() => {\n return {\n selectorRetainers,\n };\n }, [selectorRetainers]);\n};\n\nexport default useSelectorRetainers;\n","import React, { useEffect, useState } from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport styled from \"styled-components/macro\";\n\nimport GlobalConfig from \"configs/Global\";\nimport DropdownSingleSelectWithoutSearch from \"components/design-system/controls/dropdown/DropdownSingleSelectWithoutSearch\";\nimport EmptyState from \"components/design-system/tables/EmptyState\";\nimport VStack from \"components/design-system/layout/VStack\";\nimport HStack from \"components/design-system/layout/HStack\";\nimport { getDropdownOptionsNoDefaultVal } from \"common-methods/getDropdownOptionsNoDefaultVal\";\nimport { TEXT_VARIANT_STYLES } from \"components/design-system/ui/Text\";\nimport { COLOR_VALUES } from \"components/design-system/config/colors\";\n\nimport useSelectorRetainers from \"pages/projects/retainers-dashboard/useRetainersDashboard\";\n\nconst InputLabel = styled.label`\n color: ${COLOR_VALUES.Gray_1};\n ${TEXT_VARIANT_STYLES.Headline_5}\n`;\n\nexport const StyledEmptyState = styled(EmptyState)`\n padding-top: 12px;\n padding-bottom: 12px;\n`;\n\nconst RetainersDashboardNav = ({ refreshButtonElement = null }) => {\n const { retainerId } = useParams();\n const [value, setValue] = useState(retainerId);\n const navigate = useNavigate();\n const projectsRetainersDashboardPath =\n GlobalConfig.routes.projectsRetainersDashboardLanding;\n\n const { selectorRetainers } = useSelectorRetainers();\n\n const handleOnChange = (id) => {\n setValue(id);\n navigate(`${projectsRetainersDashboardPath}/${id}`);\n };\n\n const retainerIdStored = JSON.parse(\n localStorage.getItem(\"storedRetainerId\")\n );\n\n useEffect(async () => {\n if (\n !selectorRetainers?.isLoading &&\n selectorRetainers?.data?.length > 0 &&\n (!value || !retainerIdStored)\n ) {\n navigate(\n `${projectsRetainersDashboardPath}/${selectorRetainers?.data[0].Id}`\n );\n }\n }, [selectorRetainers]);\n\n useEffect(() => {\n setValue(retainerIdStored);\n }, [retainerIdStored]);\n\n const retainerOptions = getDropdownOptionsNoDefaultVal(\n selectorRetainers?.data\n );\n\n if (selectorRetainers.isError) {\n return <>Error;\n }\n\n const selectorRetainersLength = selectorRetainers?.data?.length;\n\n return (\n pageItemOnClick(page.id)}>{page.name}{arrow}
\n \n {\n page.permissions && page.permissions.length > 0 &&\n Permissions allowed in page\n }\n {page.permissions.map((permpage)=> (\n
\n \n ))\n }\n \n )\n )\n } \n \n {permpage.name}\n
\n ))}\n \n Granted by\n {\n page.grantedBy.map((g)=> (\n {g.name}
\n ))\n }\n \n
\n \n );\n })\n }\n \n );\n};\n\nexport default Row;\n","import { useFormState, useWatch } from \"react-hook-form\";\nimport { useParams } from \"react-router\";\n\nimport Options from \"components/design-system/forms/Options\";\nimport VStack from \"components/design-system/layout/VStack\";\nimport Form from \"components/design-system/forms/Form\";\nimport TextInput from \"components/design-system/forms/TextInput\";\nimport ModalActions from \"components/design-system/ui/modal/ModalActions\";\n\nimport { sendNotification } from \"utilities/Notification\";\nimport FormFeedbackNotificationText from \"components/design-system/ui/FormFeedbackNotificationText\";\n\nimport useClientCampaigns from \"pages/admin/clients/single/useClientCampaigns\";\nimport { useClientCampaignsApi } from \"pages/admin/projects/useProjects\";\n\nconst attributesOptions = [{ label: \"Active\", value: \"Active\" }];\n\nconst ModalCTA = ({\n isEditing,\n isLoading,\n onClose,\n handleOnClickDeleteCampaign,\n}) => {\n const { isValid } = useFormState();\n const formData = useWatch();\n return (\n Loading...
;\n }\n\n if (clientCampaignsByClientId?.error) {\n return Error
;\n }\n\n const isEditing = typeof campaignIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateClientCampaign : createClientCampaign;\n\n const currentClientCampaignData = clientCampaignsByClientId?.data.find(\n (campaign) => campaign.ClientCampaignId === campaignIdToEdit\n );\n\n const campaignsDataExceptCurrent = isEditing\n ? clientCampaigns?.data?.filter(\n (c) => c.ClientCampaignId !== campaignIdToEdit\n )\n : clientCampaigns?.data;\n\n if (isEditing && !currentClientCampaignData) {\n return Could not find client campaign
;\n }\n\n const handleOnClickDeleteCampaign = (prevData) => {\n // keeping active true for undo\n const restoreData = {\n ...prevData,\n attributes: attributesOptions[0].value,\n };\n\n deleteClientCampaign\n .mutateAsync({ clientCampaignId: campaignIdToEdit })\n .then((response) => {\n onClose();\n sendNotification(\n undefined,\n Loading...
;\n }\n\n if (clientBizGroups.error) {\n return Error
;\n }\n\n const clientOptions = !clientsFilter.isLoading\n ? getDropdownOptions(clientsFilter?.data, \"ClientId\")\n : [];\n\n const isEditing = typeof bizGroupIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateClientBizGroup : createClientBizGroup;\n\n const currentClientBizGroupData = isEditing\n ? clientBizGroups?.data.find(\n (bizGroup) => bizGroup.BizGroupClientId === bizGroupIdToEdit\n )\n : \"\";\n\n if (isEditing && !currentClientBizGroupData) {\n return Could not find contact lead
;\n }\n\n const bizGroupOptions = !bizGroups.isLoading\n ? getDropdownOptions(bizGroups?.data, \"BizGroupId\", \"BizGroupName\")\n : [];\n\n const handleOnClickDeleteBizGroup = (prevData) => {\n deleteClientBizGroup\n .mutateAsync({ clientBizGroupId: bizGroupIdToEdit })\n .then((response) => {\n onClose();\n sendNotification(\n undefined,\n Loading...
;\n }\n\n if (clientLOBs.error) {\n return Error
;\n }\n\n const isEditing = typeof clientLOBIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateClientLOB : createClientLOB;\n\n const currentClientLOBData = isEditing\n ? clientLOBs?.data.find(\n (clientLOB) => clientLOB.clientGroupID === clientLOBIdToEdit\n )\n : \"\";\n\n const clientLOBsDataExceptCurrent = clientLOBs?.data.filter(\n (clientLOB) => clientLOB.clientGroupID !== clientLOBIdToEdit\n );\n\n if (isEditing && !currentClientLOBData) {\n return Could not find line of business
;\n }\n\n const handleOnClickDeleteLOB = (prevData) => {\n // keeping active true for undo\n const restoreData = {\n ...prevData,\n attributes: attributesOptions[0].value,\n };\n\n deleteClientLOB\n .mutateAsync({ clientLOBId: clientLOBIdToEdit })\n .then((response) => {\n onClose();\n sendNotification(\n undefined,\n Loading...
;\n }\n\n if (clientRateCards.error) {\n return Error
;\n }\n\n const isEditing = typeof rateCardIdToEdit !== \"undefined\";\n const modifier = createClientRateCard;\n\n const currentClientRateCardData = clientRateCards?.data?.find(\n (rateCard) => rateCard.RateCardTableId === rateCardIdToEdit\n );\n\n if (isEditing && !currentClientRateCardData) {\n return Could not find rate card
;\n }\n\n const handleOnClickDeleteRateCard = (prevData) => {\n deleteClientRateCard\n .mutateAsync({ clientRateCardId: rateCardIdToEdit })\n .then((response) => {\n onClose();\n sendNotification(\n undefined,\n Loading...
;\n }\n\n if (clientContactLeads.error) {\n return Error
;\n }\n\n const departmentOptions = !departments.isLoading\n ? getDropdownOptions(departments?.data)\n : [];\n\n const contactLeadOptions = !allUsers.isLoading\n ? getDropdownOptions(allUsers?.data, \"id\", \"fullName\")\n : [];\n\n const isEditing = typeof contactLeadIdToEdit !== \"undefined\";\n const modifier = isEditing\n ? updateClientContactLead\n : createClientContactLead;\n\n const currentClientContactLeadData = clientContactLeads?.data.find(\n (ContactLead) => ContactLead.userId === contactLeadIdToEdit\n );\n\n if (isEditing && !currentClientContactLeadData) {\n return Could not find contact lead
;\n }\n\n const handleOnClickDeleteContactLead = (prevData) => {\n deleteClientContactLead\n .mutateAsync({ clientContactLeadId: contactLeadIdToEdit })\n .then((response) => {\n onClose();\n sendNotification(\n undefined,\n Loading...
;\n }\n\n if (leadProducers.isError || leadProducerAssignment.isError || leadProducerEmpIds.isError) {\n return Error
;\n }\n\n const isEditing = typeof leadProducerId !== \"undefined\";\n const modifier = createAssignment;\n\n const currentLeadProducerData = leadProducerAssignment?.data?.find(\n (leadProducer) => leadProducer.EmployeeId === leadProducerId\n );\n\n if (isEditing && !currentLeadProducerData) {\n return Could not find lead Producer
;\n }\n\n const onSubmit = (formData) => {\n const leadProducerData = transformFormDataToAgencyData(\n projectByIdDetails?.data?.CurrentEndDate,\n formData,\n currentLeadProducerData\n );\n\n modifier.mutateAsync(leadProducerData).then((response) => {\n onClose();\n sendNotification(\n undefined,\n \n {error.errorCode}-{error.message}\n \n );\n};\n","import { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport NavBar from \"components/UI/NavBar\";\nimport SessionContext from \"context/app/SessionContext\";\nimport { useInsigths } from \"utilities/Insights/InsightsLogs\";\n\nconst Footer = styled.footer`\n text-align: center;\n margin: 0.5rem;\n`;\n\nexport const PageLayout = (props) => { \n const { insightsTrace } = useInsigths();\n const session = useContext(SessionContext);\n const now = new Date();\n if (session){\n insightsTrace(\"SESSION\", \"Started\", { userId: session.id, email: session.email, user: session.fullName, localDate: now.toString(), UTCDate: now.toUTCString() });\n } else{\n insightsTrace(\"Session null\");\n }\n return (\n
\n
\n \n \n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport Link from \"@material-ui/core/Link\";\nimport Text from \"./Text\";\nimport env from \"react-dotenv\";\nimport UserProfileMenu from \"./UserProfileMenu\";\nimport AboutModal from \"../Modal/AboutModal\";\nimport Logo from \"../Icon/Logo\";\nimport {\n NavBarStyles,\n NavWrapper,\n NavRow,\n NavContainer,\n IndentColumn,\n LogoColumn,\n NavColumn,\n ExternalLink,\n UserProfileMenuWrapper,\n EnvNameWrapper,\n} from \"./styles/NavBar-Styles\";\nimport { useStylesForText } from \"styles/MakeStyles\";\nimport { useNavigationLinks } from \"hooks/Access/useNavigationLinks\";\nimport ReactDOM from \"react-dom\";\nimport GenericModal from \"components/Modal/Common/GenericModal\";\nimport { useNavigate } from \"react-router-dom\";\n\nconst NavBar = () => {\n const [hideProfileMenu, setHideProfileMenu] = useState(false);\n const classes = NavBarStyles();\n const classesText = useStylesForText();\n const { getNavigation } = useNavigationLinks();\n const [loading, setLoading] = useState(true);\n const [navData, setNavData] = useState([]);\n const [nav, setNav] = useState([]);\n const navigate = useNavigate();\n\n const handleAboutShow = async () => {\n const modalContent = \n If you apply a filter selection, you will be leaving your\n Custom Group{\" \"}\n \n {\" \"}\n {customGroupConsumer.selectedCustomGroup.Name}\n {\" \"}
\n (but if you close the filter without applying it, you can keep current results)\n
\n \n );\n const modal = (\n \n (but if you close the filter without applying it, you can keep current results)\n
\n \n \n \n \n {queryStringEmployees.length > 0 ? (\n <>\n \n {queryStringEmployees.map(\n (user, index) => (\n removeUserId(user.userId)}\n >\n {user.fullName}\n \n )\n )}\n \n \n ) : (\n <>\n \n \n {\n handleCloseSidebar();\n customGroupModalRef.current.detail(\n e.value.id\n );\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n )}\n \n \n \n onChangeGroupBy(a == null ? null : a.value) }\n />\n \n \n {`Results: ${totalAmountOfResults}`}\n \n \n \n \n \n \n \n {searchDrawerIsOpen && (\n \n \n \n \n )}\n
\n ;\n\n return (\n headerPane\n );\n};\n\nconst MemoizedHeaderPanel = React.memo(HeaderPanel);\n\nconst HeaderPanelWrapper = (props) => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n {\n isLoadingMore.loading ? \n \n \n : \n \n \n }\n
\n \n \n \n
\n \n
\n Do you wish to continue?\n
\n onEnableRowsSelection(enable)}\n onSelectAll={(event) => onSelectAll(event)}\n {\n ...\n {\n rowsLength: rowsLength,\n selectedLength: selectedLength,\n reset: reset,\n }\n }\n />\n
\n {renderResult}
\n {column.description}
\n { handleDetailClick(getEmployeeKey(employeeInfo)) }}>\n
\n { handleDetailClick(getEmployeeKey(employeeInfo)) }}>\n
\n \n )}\n \n No Projects\n
\n }\n \n );\n};\n\nexport default EmployeeDetail;\n","import PropTypes from \"prop-types\";\nimport { Row, Col } from \"react-bootstrap\";\nimport styled from \"styled-components\";\nimport DownArrow from \"components/Icon/DownArrow\";\nimport AngleCirculeRight from \"components/Icon/AngleCirculeRight\";\n\nconst IndentColumn = styled(Col)`\n border: none;\n flex: 0 0 8%;\n`;\n\nconst DataColumn = styled(Col)`\n border: none;\n padding: 0;\n`;\n\nconst WrapperClient = styled.div`\n display: flex;\n`;\n\nconst Wrapper = styled(Row)`\n padding: 0;\n margin: 0;\n\n background-color: ${(props) =>\n props.selected\n ? global.config.colors.gray9\n : \"#FCFCFC\"};\n &:hover {\n background: ${(props) => !props.selected && global.config.colors.gray9};\n }\n\n ${DataColumn} {\n border-bottom: ${global.config.border.small};\n }\n &:first-child {\n ${DataColumn} {\n border-top: none;\n }\n }\n &:last-child {\n ${DataColumn} {\n border-bottom: none;\n }\n }\n\n &:hover .rightArrow {\n path,\n circle {\n stroke: ${global.config.colors.black};\n }\n }\n &:hover .downArrow {\n path,\n circle {\n stroke: ${global.config.colors.black};\n }\n }\n\n .rightArrow {\n path,\n circle {\n stroke: ${global.config.colors.gray3};\n }\n }\n`;\n\nconst ClientLabel = styled.span`\n margin-top: -1px;\n font-size: 10px;\n font-family: ${global.config.fonts.families.regular};\n font-weight: 400;\n`;\n\nconst ButtonWrapper = styled.div`\n position: absolute;\n left: -1.875rem;\n top: -0.2rem;\n`;\n\nconst ClientHeader = ({ name, isOpen, onToggleClick, id }) => {\n return (\n <>\n \n \n
\n \n
\n \n {name} \n
\n \n
\n {/* {!typing && (\n \n handleClicklArrowUp(event)}\n disable={disableUp}\n onMouseLeave={(event) => handleMouseLeave(event)}\n >\n handleClicklArrowDown(event)}\n disable={disableDown}\n onMouseLeave={(event) => handleMouseLeave(event)}\n >\n
\n \n );\n};\n\nButtonsLayer.propTypes = {};\n\nexport default ButtonsLayer;\n","import PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\n\nconst Path = styled.path`\n fill: ${(props) => props.color};\n`;\n\nconst Icon = styled.svg`\n fill: none;\n\n ${Path} {\n fill: ${(props) => props.color};\n }\n\n &:hover {\n ${Path} {\n fill: ${(props) => (props.hover ? props.hoverColor : props.color)};\n }\n }\n`;\n\nconst Up = ({ size, color, hover, hoverColor }) => {\n return (\n \n {editable ? (\n {value || PLACEHOLDER_VALUE} \n )}\n
\n \n );\n};\n\nInputLayer.propTypes = {\n onChange: PropTypes.func.isRequired,\n value: PropTypes.number.isRequired,\n color: PropTypes.string,\n};\n\nexport default InputLayer;\n","import styled from \"styled-components\";\nimport PropTypes from \"prop-types\";\n\nlet renderCount = 1;\n\nconst ScaleContainer = styled.div`\n position: absolute;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 2;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 0;\n margin: 0;\n list-style: none;\n display: ${(props) => (props.show ? \"flex\" : \"none\")};\n`;\n\nconst ScaleLine = styled.div`\n border-top: 0.09rem solid #a3a6ab;\n width: 0.375rem;\n &:first-child {\n border-top: none;\n }\n &:last-child {\n border-top: none;\n }\n`;\n\nconst Scale = ({ show, divisions, ...props }) => {\n return (\n <>\n \n Note: {noteText}}\n text={Note: {noteText} }\n enabled={hasNotes}\n enterDelay={0}\n >\n \n {\n hasNotes ? \n (\n \n \n
\n\n {(modalState === formModes.ADD ||\n modalState === formModes.DETAIL) && (\n \n
\n );\n};\n\nexport default CopyNextHoursButtonLayer;\n","import { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Alert from \"components/Icon/Alert\";\nimport Close from \"components/Icon/Close\";\nimport Button from \"components/UI/Button\";\nimport IconButton from \"components/UI/IconButton\";\nimport Link from \"components/UI/Link\";\nimport { useAllocations as allocationServiceLayer } from \"utilities/API/Allocations\";\nimport Loading from \"components/UI/Loading\";\nimport env from \"react-dotenv\";\nimport { useEmailError } from \"hooks/Errors/useEmailError\";\nimport { useTestConnection } from \"hooks/useTestConnection\";\nimport { getTransactionId } from \"utilities/Misc\";\nimport moment from \"moment\";\nimport { useInsigths } from \"utilities/Insights/InsightsLogs\";\n\nlet renderCount = 1;\n\nconst TRY_AGAIN_CODE_RESPONSES = JSON.parse(\n env.BESTWORK_REACT_ALLOCATIONS_TRYAGAIN_SAVE_CODES\n);\n\nconst Icon = styled.div`\n height: fit-content;\n`;\n\nconst Content = styled.div`\n padding-top: 0.5rem;\n font-size: ${global.config.fonts.sizes.small};\n font-family: ${global.config.fonts.families.light};\n height: fit-content;\n`;\n\nconst ErrorDetail = styled.div`\n color: ${global.config.colors.grey2};\n font-size: ${global.config.fonts.sizes.small};\n height: fit-content;\n p {\n margin: 0;\n }\n`;\nconst Header = styled.div`\n padding-top: 0.5rem;\n font-size: ${global.config.fonts.sizes.xlarge};\n font-family: ${global.config.fonts.families.medium};\n height: fit-content;\n`;\n\nconst Body = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n`;\n\nconst Footer = styled.div`\n padding-top: 0.5rem;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n text-align: left;\n padding: 4rem;\n position: relative;\n\n min-width: 28.25rem;\n width: 28.25rem;\n max-width: \"28.25rem\";\n\n min-height: 35.25rem;\n height: 35.25rem;\n max-height: 35.25rem;\n\n text-align: left;\n\n ${Header} {\n text-align: left;\n }\n ${Body} {\n text-align: left;\n }\n ${Footer} {\n text-align: left;\n justify-content: flex-end;\n }\n`;\n\nconst StyledButton = styled.button`\n background-color: inherit;\n border: none;\n padding: 0;\n width: fit-content;\n position: absolute;\n top: 1rem;\n right: 1rem;\n &:hover {\n background-color: inherit;\n border: none;\n box-shadow: none;\n outline: none;\n }\n &:active {\n background-color: ${global.config.colors.orange1};\n border: none;\n box-shadow: none;\n outline: none;\n }\n &:focus {\n background-color: inherit;\n border: none;\n box-shadow: none;\n outline: none;\n outline: none;\n }\n`;\n\nconst SaveHoursErrorModal = ({\n projectName,\n dates,\n initialError,\n onCancel,\n parameters,\n resetCells,\n cells,\n onClose,\n}) => {\n const { saveAllocationsHours } = allocationServiceLayer();\n const [error, setError] = useState(initialError);\n const [loading, setLoading] = useState(false);\n const handleClose = () => {\n onCancel();\n };\n\n const { sendEmail } = useEmailError();\n const { testConnection } = useTestConnection();\n\n const { insightsException } = useInsigths();\n\n const handleClick = () => {\n sendEmail(initialError);\n };\n\n const handleTestConnection = () => {\n testConnection().then((rv) => {\n alert(rv);\n });\n };\n\n const handleTryAgain = () => {\n setLoading(true);\n saveAllocationsHours(parameters)\n .then(() => {\n resetCells(cells);\n onClose();\n })\n .catch((e) => {\n insightsException(e);\n setError(e);\n setLoading(false);\n });\n };\n\n return (\n <>\n \n Sorry, we couldn’t save the changes to{\" \"}\n {projectName} for the week(s) of{\" \"}\n {dates}. Please try again.\n
\n\n If the problem persists please report this error to{\" \"}\n {global.config.mails.support}. Please include\n the details below, and a description of the query\n
\n\n Date:{\" \"}\n {error.date\n ? moment(error.date).format(\n \"MMMM Do YYYY, h:mm:ss a\"\n )\n : \"Unknown\"}\n
\n\n Error code:{\" \"}\n {!loading ? error.status : \"Unknown\"}\n
\n\n Transaction ID:{\" \"}\n {!loading\n ? getTransactionId(error.correlationId)\n : \"Unknown\"}\n
\n\n {children}\n
\n );\n};\n\nconst PillTooltip = () => {\n const { getTimeOff } = useTimeOff();\n\n const { tooltipRequest } = useContext(GridUIContextValue);\n const { toggleTooltip } = useContext(GridUIContextActions);\n\n const [dataState, setDataState] = useState(DATA_STATES.BLANK);\n const [tooltipData, setTooltipData] = useState(null);\n\n useEffect(() => {\n if (!tooltipRequest) {\n setTooltipData(null);\n setDataState(DATA_STATES.BLANK);\n return;\n }\n\n let validRequest = true;\n\n const { employeeData, date, allocatedHours, availableHours } =\n tooltipRequest;\n\n setDataState(DATA_STATES.LOADING);\n\n const daysOfTheWeek = [];\n for (let index = 0; index < 5; index++) {\n daysOfTheWeek.push(\n moment(date).add(index, \"days\").format(\"YYYY-MM-DD\")\n );\n }\n\n const dateFrom = moment(date).format(\"YYYY-MM-DD\");\n const dateTo = moment(date).add(6, \"days\").format(\"YYYY-MM-DD\");\n\n getTimeOff({\n userId: employeeData.userId,\n dateFrom: dateFrom,\n dateTo: dateTo,\n })\n .then((timeOffData) => {\n if (validRequest) {\n setTooltipData({\n employeeData,\n timeOffData,\n daysOfTheWeek,\n allocatedHours,\n availableHours,\n });\n setDataState(DATA_STATES.READY);\n }\n })\n .catch(() => {\n if (validRequest) {\n setTooltipData(null);\n setDataState(DATA_STATES.ERROR);\n }\n });\n\n return () => {\n validRequest = false;\n };\n }, [getTimeOff, tooltipRequest]);\n\n return tooltipRequest ? (\n \n \n \n {moment(d).format(\"MMM\") + \" \" + moment(d).format(\"D\")}\n \n \n \n \n {moment(d).format(\"ddd\")}\n \n \n \n \n {timeOffData &&\n timeOffData.length &&\n timeOffData.find(\n (t) => moment(t.date).format(\"YYYY-MM-DD\") === d\n ) ? (\n timeOffData.find(\n (t) => moment(t.date).format(\"YYYY-MM-DD\") === d\n ).reason\n ) : (\n —\n )}\n \n \n
\n ));\n\n return (\n <>\n \n \n handleOnChangeDropdwon(val)\n }\n placeholder=\"--\"\n disabledOptionsList={disabledOptionsList}\n $hasSelection={!!dropdownSelectedValue}\n showIcon={false}\n showIconOnHover={isShown}\n onMouseEnter={() => setIsShown(true)}\n onMouseLeave={() => setIsShown(false)}\n disabled={selectedDateTimesheetStatus}\n />\n
\n \n \n setShowMonthAndYear(!showMonthAndYear)}\n />\n\n \n \n \n {showMonthAndYear ? (\n
\n );\n}\n","import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport { useDatePickerState } from \"@react-stately/datepicker\";\nimport { useDatePicker } from \"@react-aria/datepicker\";\nimport { useOverlayTriggerState } from \"@react-stately/overlays\";\nimport {\n OverlayContainer,\n OverlayProvider,\n useOverlayPosition,\n useOverlayTrigger,\n} from \"@react-aria/overlays\";\nimport { useButton } from \"@react-aria/button\";\nimport { useLocale } from \"@react-aria/i18n\";\nimport { createCalendar, CalendarDate } from \"@internationalized/date\";\nimport { startOfWeek, endOfWeek, getYear, getMonth, format } from \"date-fns\";\nimport { useCalendarState } from \"@react-stately/calendar\";\n\nimport DatePickerCalendar, {\n getCurrentWeekStartCalendarDate,\n} from \"components/design-system/controls/week-navigator/DatePickerCalendar\";\nimport DatePickerPopOver from \"components/design-system/controls/datepicker/DatePickerPopOver\";\nimport HStack from \"components/design-system/layout/HStack\";\nimport QuaternaryButton from \"components/design-system/controls/button/QuaternaryButton\";\nimport {\n DropdownWrapper,\n DropdownButtonWrapper,\n DropdownButton,\n DropdownButtonText,\n DropdownButtonIcon,\n DropdownButtonTextRow,\n} from \"components/design-system/controls/dropdown/DropdownStyledComponents\";\nimport VStack from \"components/design-system/layout/VStack\";\n\nimport SessionContext from \"context/app/SessionContext\";\nimport WeekNavigatorContext from \"context/WeekNavigator/WeekNavigatorContext\";\n\nimport { checkTenureNotStarted } from \"pages/timesheet/timesheet-grid/TimesheetGrid\";\n\nfunction ReactAriaButton(props) {\n let ref = props.buttonRef;\n let { buttonProps } = useButton(props, ref);\n return (\n \n {clientAndProjectDetails?.map((item, index) => (\n
\n {showSnackbar && (\n \n
\n \n
\n \n )}\n \n )}\n \n
\n Loading...
;\n }\n\n if (employeeId && employees.isError) {\n return Error
;\n }\n\n const selectedEmployee = employees.data?.find(\n (employee) => employee.NewId === employeeId\n );\n\n return selectedEmployee ? (\n \n \n {selectedEmployee.FullName}\n \n \n {selectedEmployee.Title}\n \n \n {selectedEmployee.Office}\n \n
\n Error
;\n }\n\n const modifier = createAccessGroupMember;\n\n const currentMemberData = {};\n\n const existingEmployees = !memberData.isLoading\n ? memberData.data\n .filter((emp) => emp.type === \"U\")\n .map((d) => ({\n value: d.memberId,\n }))\n : [];\n\n const existingDepartments = !memberData.isLoading\n ? memberData.data\n .filter((dept) => dept.type === \"D\")\n .map((data) => ({\n value: data.memberId,\n }))\n : [];\n\n const departmentsDropdownOptions = getDepartmentsDropdownOptions(\n departments.data\n );\n\n const employeesDropdownOptions = getEmployeesDropdownOptions(\n employees.data\n );\n\n const getMemberName = (id) => {\n return employeesDropdownOptions.find((emp) => emp.value === id);\n };\n\n const getDepartmentName = (id) => {\n return departmentsDropdownOptions.find((dept) => dept.value === id);\n };\n\n const onSubmit = (formData) => {\n let memberName = null;\n if (formData.memberTypeName === memberTypeNameOptions[0].value) {\n memberName = getMemberName(formData.employee).label;\n } else if (formData.memberTypeName === memberTypeNameOptions[1].value) {\n memberName = getDepartmentName(formData.department).label;\n }\n\n const membersData = transformFormDataToMemberData(\n formData,\n currentMemberData\n );\n\n const allData = { groupId: accessGroupId, body: membersData };\n\n modifier.mutateAsync(allData).then(() => {\n onClose();\n sendNotification(\n undefined,\n <>\n {memberName} has been added to{\" \"}\n {accessGroupName}.\n \n );\n });\n };\n\n return (\n Loading...
;\n }\n\n if (memberElement.error) {\n return Error
;\n }\n\n const modifier = deleteAccessGroupMember;\n\n const currentMemberData = memberElement.data.find(\n (member) => member.memberId === accessGroupMemberIdToDelete\n );\n if (!currentMemberData) {\n return Could not find member
;\n }\n\n const onSubmit = () => {\n const memberData = {\n memberId: accessGroupMemberIdToDelete,\n type: currentMemberData.type,\n };\n\n const allData = { groupId: accessGroupId, body: memberData };\n\n modifier.mutateAsync(allData).then(() => {\n onClose();\n sendNotification(\n undefined,\n <>\n {currentMemberData.memberName} has been removed from{\" \"}\n {accessGroupName}.\n \n );\n });\n };\n\n return (\n \n );\n};\n\nexport default AccessGroupMemberDeleteModal;\n","import { useParams } from \"react-router-dom\";\nimport AccessGroupMembersTable from \"./AccessGroupMembersTable\";\nimport { useSearchParams, useNavigate } from \"react-router-dom\";\n\nimport AccessGroupMemberForm from \"pages/admin/access-groups/single/AccessGroupMemberForm\";\nimport Modal from \"components/design-system/ui/modal/MasterModal\";\n\nimport useAccessGroupApi from \"pages/admin/access-groups/single/useAccessGroup\";\nimport AccessGroupMemberDeleteModal from \"pages/admin/access-groups/single/AccessGroupMemberDeleteModal\";\n\nconst FormPresenter = () => {\n const { groupId } = useParams();\n const { useAccessGroup } = useAccessGroupApi();\n const groupData = useAccessGroup(groupId);\n\n const [searchParams] = useSearchParams();\n const navigate = useNavigate();\n\n const action = searchParams.get(\"action\");\n const id = searchParams.get(\"id\");\n\n const onClose = () => {\n navigate(\".\", { replace: true });\n };\n\n if (action === \"add\") {\n return (\n Loading...
;\n }\n\n if (accessGroups.error) {\n return Error
;\n }\n\n const isEditing = typeof accessGroupIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateAccessGroup : createAccessGroup;\n\n const currentAccessGroupData = accessGroups.data.find(\n (accessGroup) => accessGroup.id === accessGroupIdToEdit\n );\n\n if (isEditing && !currentAccessGroupData) {\n return Could not find access group
;\n }\n\n const accessGroupData = isEditing\n ? accessGroups.data.filter((group) => group.id !== accessGroupIdToEdit)\n : accessGroups.data;\n\n const onSubmit = (formData) => {\n const accessGroupsData = transformFormDataToAccessGroupData(\n formData,\n currentAccessGroupData\n );\n\n const allData = {\n groupId: accessGroupIdToEdit,\n body: accessGroupsData,\n };\n\n modifier.mutateAsync(allData).then(() => {\n onClose();\n sendNotification(\n undefined,\n isEditing ? (\n <>\n Changes to {accessGroupsData.Name} have\n been saved.\n \n ) : (\n <>\n {accessGroupsData.Name} added.\n \n )\n );\n });\n };\n\n return (\n Could not find access group
;\n }\n\n const modifier = deleteAccessGroup;\n\n const onSubmit = () => {\n setInProgress(true);\n const allData = { groupId: accessGroupIdToDelete };\n modifier.mutateAsync(allData).then(() => {\n setInProgress(false);\n onClose();\n sendNotification(\n undefined,\n <>\n {currentAccessGroupData.name} have been\n deleted\n \n );\n });\n };\n return (\n \n );\n};\n\nexport default AccessGroupDeleteForm;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport env from \"react-dotenv\";\n\nimport {\n Title,\n FormField,\n Wrapper,\n Header,\n WrapperEmployee,\n} from \"components/Allocations/Grid/Employee/styles/SearchEmployee-Styles\";\nimport Text from \"components/UI/Text\";\nimport IconTextInput from \"components/UI/IconTextInput\";\nimport Profile from \"components/UI/Profile\";\nimport Magnifier from \"components/Icon/Magnifier\";\nimport { useUser } from \"utilities/API/Users\";\nimport { useLocalStorage } from \"utilities/LocalStorage\";\nimport Right from \"components/Icon/Right\";\nimport EmployeeDrawerNew from \"components/Allocations/Grid/Employee/EmployeeDrawerNew\";\nimport CustomGroupContext from \"context/Allocations/CustomGroupContext\";\nimport DrawerContext from \"context/Drawer/DrawerContext\";\n\nconst SearchEmployeeNew = (props) => {\n const { defaultValue } = props;\n const { getEmployeesForSearch } = useUser();\n const { setWithExpiry } = useLocalStorage();\n const { getWithExpiry } = useLocalStorage();\n const { get } = useLocalStorage();\n const { set } = useLocalStorage();\n const [employees, setEmployees] = useState([]);\n const [showHistory, setShowHistory] = useState(true);\n const [cache, setCache] = useState(null);\n const [drawerUserId, setDrawerUserId] = useState();\n const customGroupConsumer = useContext(CustomGroupContext);\n const { displaySearch, setDisplaySearch } = useContext(DrawerContext);\n\n useEffect(() => {\n if (defaultValue) handleOnChange(defaultValue);\n }, [cache]);\n\n useEffect(() => {\n async function getEmployees() {\n let list = await getWithExpiry(\"employees-search\");\n if (list == null) {\n await getEmployeesForSearch([{ name: \"$name\", value: \"\" }])\n .then((payload) => {\n setWithExpiry(\n \"employees-search\",\n payload,\n env.BESTWORK_REACT_EMPLOYEEFORSEARCH_EXPIRYMIN\n );\n list = payload;\n })\n .catch(() => {\n /**/\n });\n }\n setCache(list);\n }\n getEmployees();\n }, []);\n\n const debounce = (func, delay) => {\n let debounceTimer;\n return function () {\n const context = this;\n const args = arguments;\n clearTimeout(debounceTimer);\n debounceTimer = setTimeout(() => func.apply(context, args), delay);\n };\n };\n\n const handleOnChange = async function (inputValue) {\n if (inputValue && cache) {\n filterByName(cache, inputValue);\n setShowHistory(false);\n } else {\n setShowHistory(true);\n }\n };\n\n const optimisedHandleChange = debounce(handleOnChange, 500);\n\n const filterByName = (data, inputValue) => {\n const results = data.filter((object) => {\n return object.SearchText.indexOf(inputValue.toLowerCase()) > -1;\n });\n setEmployees(results);\n };\n\n useEffect(() => {\n if (showHistory) getHistory();\n }, [showHistory]);\n\n const getHistory = () => {\n let data = get(\"employees-search-history\");\n if (data) setEmployees(data);\n else setEmployees([]);\n };\n\n const handleSelect = (employee) => {\n saveHistory(employee);\n setDrawerUserId(employee.Id);\n setDisplaySearch(false);\n };\n\n const saveHistory = (employee) => {\n // Get current history\n let currentData = get(\"employees-search-history\") || [];\n //remove duplicates\n currentData = currentData.filter((data) => data.Id !== employee.Id);\n //save selected\n currentData.unshift(employee);\n set(\n \"employees-search-history\",\n currentData.slice(\n 0,\n env.BESTWORK_REACT_EMPLOYEEFORSEARCH_HISTORYLIMIT\n )\n );\n };\n\n useEffect(() => {\n return () => {\n setDrawerUserId(null);\n };\n }, []);\n\n return (\n <>\n {displaySearch && (\n <>\n Could not find project
;\n }\n\n const altJobCodesOptions = !altJobCodes.isLoading\n ? getDropdownOptions(altJobCodes?.data)\n : [];\n\n const projectClassificationsOptions = !projectClassifications.isLoading\n ? getDropdownOptions(projectClassifications?.data)\n : [];\n\n const leadOfficeOptions = !offices.isLoading\n ? getDropdownOptions(offices?.data, \"OfficeRegionId\")\n : [];\n\n const taxTypesOptions = !taxCodes.isLoading\n ? getDropdownOptions(taxCodes?.data, \"typeForTaxID\", \"JobTaxTypeName\")\n : [];\n\n const vantageLOBOptions = !vantageLOB.isLoading\n ? getDropdownOptions(vantageLOB?.data, \"SAPLOBID\", \"SAPLOBName\")\n : [];\n\n const clientGroupLOBOptions = !clientGroupLOB.isLoading\n ? getDropdownOptions(clientGroupLOB?.data, \"clientGroupID\", \"GroupName\")\n : [];\n\n const clientCampaignOptions = !clientCampaigns.isLoading\n ? getDropdownOptions(\n clientCampaigns?.data,\n \"ClientCampaignId\",\n \"CampaignName\",\n 0\n )\n : [];\n\n const retainerOptions = !retainers.isLoading\n ? getDropdownOptions(\n retainers?.data?.Items,\n \"RetainerID\",\n \"RetainerName\"\n )\n : [];\n\n const onSubmit = (formData) => {\n const data = transformFormDataToProjectData(\n formData,\n currentProjectData,\n clientsFilterDropdownOptions?.find(\n (f) => f.value === formData.clientId\n )?.label,\n rateCardOptions?.find((f) => f.value === formData.rateCardId)?.label\n );\n\n modifier.mutateAsync(data).then((response) => {\n onClose();\n setInProgress(false);\n sendNotification(\n undefined,\n Loading...
;\n }\n\n if (holidays.error || offices.error) {\n return Error
;\n }\n\n const isEditing = typeof holidayIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateHoliday : createHoliday;\n\n const currentHolidayData = holidays.data.find(\n (holiday) => holiday.Date === holidayIdToEdit\n );\n\n if (isEditing && !currentHolidayData) {\n return Could not find holiday
;\n }\n\n const officeDropdownOptions = !offices.isLoading\n ? getDropdownOptions(offices?.data, \"OfficeRegionId\")\n : [];\n\n const holidaysData = isEditing\n ? holidays.data.filter(\n (holiday) =>\n format(new Date(holiday.Date), \"yyyy-MM-dd\") !==\n format(new Date(holidayIdToEdit), \"yyyy-MM-dd\")\n )\n : holidays.data;\n\n const onSubmit = (formData) => {\n const holidayData = transformFormDataToHolidayData(\n formData,\n currentHolidayData\n );\n\n modifier.mutateAsync(holidayData).then(() => {\n onClose();\n sendNotification(\n undefined,\n isEditing ? (\n <>\n {holidayData.Name} has been updated\n \n ) : (\n <>\n {holidayData.Name} has been added.\n \n )\n );\n });\n };\n\n return (\n Could not find holiday
;\n }\n\n const modifier = deleteHoliday;\n\n const onSubmit = () => {\n const clientData = {\n OfficeId: currentHolidayData.OfficeId,\n Date: holidayIdToDelete,\n };\n modifier.mutateAsync(clientData).then(() => {\n onClose();\n sendNotification(\n undefined,\n <>\n {currentHolidayData.Name} has been\n deleted\n \n );\n });\n };\n return (\n \n );\n};\n\nexport default HolidayDeleteForm;\n","import { useContext } from \"react\";\nimport { useSearchParams, useNavigate } from \"react-router-dom\";\nimport Modal from \"components/design-system/ui/modal/MasterModal\";\nimport PageWrapper from \"pages/PageWrapper\";\nimport HolidaysTable from \"pages/admin/holidays/HolidaysTable\";\nimport HolidayForm from \"pages/admin/holidays/HolidayForm\";\nimport HolidayDeleteForm from \"pages/admin/holidays/HolidayDeleteForm\";\nimport SessionContext from \"context/app/SessionContext\";\nimport { useInsigths } from \"utilities/Insights/InsightsLogs\";\n\nconst FormPresenter = () => {\n const session = useContext(SessionContext);\n const { insightsTrace } = useInsigths();\n const [searchParams] = useSearchParams();\n const navigate = useNavigate();\n\n const now = new Date();\n insightsTrace(\"VIEW\", \"AdminHolidaysMainPage\", { userId: session.id, email: session.email, user: session.fullName, localDate: now.toString(), UTCDate: now.toUTCString() });\n\n const action = searchParams.get(\"action\");\n const date = searchParams.get(\"id\");\n\n const onClose = () => {\n navigate(\".\", { replace: true });\n };\n\n if (action === \"add\") {\n return (\n Could not find project link
;\n }\n\n const clientsDropdownOptions =\n !clientsFilter?.isLoading && clientsFilter?.data\n ? getDropdownOptions(clientsFilter?.data, \"ClientId\")\n : [];\n\n const linkToOptions = [\n { value: projectData?.data?.JobId, label: projectData?.data?.Name },\n ];\n\n const onSubmit = (formData) => {\n const typeId = getIdOfLinkedProjectRelationType(\n projectRelationTypes?.data\n );\n const data = transformFormDataToProjectLinkData(currentProjectLinkData);\n\n const obj = {\n projectId: projectId,\n projectRelatedProjectID: formData.project,\n relationTypeId: typeId,\n body: data,\n };\n\n const linkId = isEditing\n ? currentProjectLinkData.projectRelatedProjectID\n : formData.project;\n\n const linkName =\n projectssDropdownOptions.length > 0\n ? projectssDropdownOptions.find((f) => f.value === linkId)\n ?.label\n : \"\";\n\n modifier.mutateAsync(obj).then(() => {\n setInProgress(false);\n sendNotification(\n undefined,\n isEditing ? (\n <>\n {linkName} link has been updated\n \n ) : (\n <>\n {linkName} has been linked to{\" \"}\n {projectData?.data?.Name}\n \n )\n );\n onClose();\n });\n };\n\n return (\n Could not find project link
;\n }\n\n const modifier = deleteRelatedProject;\n\n const onSubmit = () => {\n const data = {\n id: projectId,\n relatedJobId: projectLinkIdToDelete,\n };\n modifier.mutateAsync(data).then(() => {\n setInProgress(false);\n sendNotification(\n undefined,\n <>\n {currentProjectLinkData.Name} link has been\n removed\n \n );\n onClose();\n });\n };\n\n return (\n \n );\n};\n\nexport default ProjectLinkDeleteModal;\n","import React from \"react\";\nimport { useSearchParams, useNavigate } from \"react-router-dom\";\nimport { useParams } from \"react-router\";\n\nimport Modal from \"components/design-system/ui/modal/MasterModal\";\nimport HStack from \"components/design-system/layout/HStack\";\nimport ProjectsLinkedTable from \"pages/admin/projects/single/ProjectsLinkedTable\";\nimport ProjectsContentStudioTable from \"pages/admin/projects/single/ProjectsContentStudioTable\";\nimport ProjectLinkForm from \"pages/admin/projects/single/ProjectLinkForm\";\nimport useProjectsLinked, {\n useProjectRelationTypes,\n} from \"pages/admin/projects/single/useProjectsLinked\";\nimport ProjectLinkDeleteModal from \"pages/admin/projects/single/ProjectLinkDeleteModal\";\n\nconst FormPresenter = () => {\n const [searchParams] = useSearchParams();\n const navigate = useNavigate();\n\n const action = searchParams.get(\"action\");\n const linkId = searchParams.get(\"linkId\");\n\n const onClose = () => {\n navigate(\".\", { replace: true });\n };\n\n if (action === \"add\") {\n return (\n \n
\n \n
\n Could not find retainer
;\n }\n\n const clientFamilyDropdownOptions = !clientFamilies.isLoading\n ? getDropdownOptions(clientFamilies?.data, \"clientFamilyID\")\n : [];\n\n const corporatesDropdownOptions = !corporates.isLoading\n ? getDropdownOptions(\n corporates?.data,\n \"clientCorpEntityID\",\n \"clientCorpEntityName\"\n )\n : [];\n\n const clientsDropdownOptions =\n !clientsFilter?.isLoading && clientsFilter?.data\n ? getDropdownOptions(clientsFilter?.data, \"ClientId\")\n : [];\n\n const altJobCodesOptions = !altJobCodes.isLoading\n ? getDropdownOptions(altJobCodes?.data)\n : [];\n\n const rateCardOptions = !rateCards.isLoading\n ? getDropdownOptions(\n rateCards?.data,\n \"RateCardTableId\",\n \"RateCardTableName\"\n )\n : [];\n\n const leadOfficeOptions = !offices.isLoading\n ? getDropdownOptions(offices?.data, \"OfficeRegionId\")\n : [];\n\n const taxTypesOptions = !taxCodes.isLoading\n ? getDropdownOptions(taxCodes?.data, \"typeForTaxID\", \"JobTaxTypeName\")\n : [];\n\n const vantageBizUnitsOption = !bizUnits.isLoading\n ? getDropdownOptions(bizUnits?.data, \"BizUnitID\", \"BUName\")\n : [];\n\n // const leadProducersOptions = !leadProducers.isLoading\n // ? getDropdownOptions(leadProducers?.data, \"id\", \"fullName\")\n // : [];\n\n const vantageLOBOptions = !vantageLOB.isLoading\n ? getDropdownOptions(vantageLOB?.data, \"SAPLOBID\", \"SAPLOBName\")\n : [];\n\n const onSubmit = (formData) => {\n const retainerData = transformFormDataToRetainerData(\n formData,\n currentRetainerData,\n clientsDropdownOptions?.find((f) => f.value === formData.client)\n ?.label,\n rateCardOptions?.find((f) => f.value === formData.rateCardId)\n ?.label,\n clientFamilyDropdownOptions?.find(\n (f) => f.value === formData.clientFamily\n )?.label,\n corporatesDropdownOptions?.find(\n (f) => f.value === formData.corporateEntity\n )?.label\n );\n\n modifier.mutateAsync(retainerData).then(() => {\n onClose();\n sendNotification(\n undefined,\n isEditing ? (\n <>\n {retainerData.Name} has been updated\n \n ) : (\n <>\n {retainerData.Name} has been added.\n \n )\n );\n });\n };\n\n return (\n \n \n Timesheets\n \n \n {timesheetRow.map((d, i) => (\n \n
\n \n );\n};\n\nexport default ProjectsDashboardOverviewData;\n","import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\n\nimport Loading from \"components/UI/Loading\";\nimport Text from \"components/design-system/ui/Text\";\nimport DateRangePicker from \"components/design-system/forms/DateRangePicker\";\nimport Form from \"components/design-system/forms/Form\";\nimport Table from \"components/design-system/tables/Table\";\nimport { COLOR_VALUES } from \"components/design-system/config/colors\";\nimport { getCellWidthInPercent } from \"pages/admin/clients/ClientsTable\";\nimport VStack from \"components/design-system/layout/VStack\";\nimport {\n getMinPrevDateForDateRangePicker,\n getMoneyColumnVal,\n} from \"common-methods/commonMethods\";\n\nimport useProjectsDashboardOverviewBudget, {\n useProjectByIdProjectsDashboard,\n} from \"pages/projects/project-dashboard/single/useProjectsDashboardOverviewBudget\";\nimport {\n useFixedRowsHours,\n useFixedRowsMoney,\n} from \"hooks/Projects/useFixedRows\";\nimport { useProjectDashboardCurrency } from \"pages/projects/project-dashboard/single/useProjectsDashboardData\";\n\nconst columnNamesAccessor = {\n Name: \"Department\",\n Baseline: \"Baseline\",\n AtCompletion: \"AtCompletion\",\n Used: \"Used\",\n Variance: \"Variance\",\n};\nconst totalOneColumns = [\n columnNamesAccessor.Baseline,\n columnNamesAccessor.AtCompletion,\n columnNamesAccessor.Used,\n columnNamesAccessor.Variance,\n];\nconst tableTotalWidth = 1088;\nconst columns = [\n {\n headCellProps: {\n text: \"\",\n width: getCellWidthInPercent(313, tableTotalWidth),\n },\n disableSortBy: true,\n getBodyCellProps: (cell) => ({\n text: cell.value ?? \"-\",\n actionIcon: \"caret-right\",\n actionProps: {\n to: `${cell.row.original.id}`,\n \"aria-label\": \"Name\",\n },\n }),\n accessor: columnNamesAccessor.Name,\n },\n {\n headCellProps: {\n text: \"Budget Baseline\",\n alignedRight: true,\n width: getCellWidthInPercent(185, tableTotalWidth),\n },\n disableSortBy: true,\n getBodyCellProps: (cell) => ({\n text:\n typeof cell.value === \"number\"\n ? getMoneyColumnVal(\"\", cell.value)\n : \"-\",\n textColor: cell.value < 0 ? COLOR_VALUES.Orange_1 : null,\n justifyContent: \"end\",\n }),\n accessor: columnNamesAccessor.Baseline,\n },\n {\n headCellProps: {\n text: \"Est. at Completion\",\n alignedRight: true,\n width: getCellWidthInPercent(185, tableTotalWidth),\n },\n disableSortBy: true,\n getBodyCellProps: (cell) => ({\n text:\n typeof cell.value === \"number\"\n ? getMoneyColumnVal(\"\", cell.value)\n : \"-\",\n textColor: cell.value < 0 ? COLOR_VALUES.Orange_1 : null,\n justifyContent: \"end\",\n }),\n accessor: columnNamesAccessor.AtCompletion,\n },\n {\n headCellProps: {\n text: \"Used to Date\",\n alignedRight: true,\n width: getCellWidthInPercent(185, tableTotalWidth),\n },\n disableSortBy: true,\n getBodyCellProps: (cell) => ({\n text:\n typeof cell.value === \"number\"\n ? getMoneyColumnVal(\"\", cell.value)\n : \"-\",\n textColor: cell.value < 0 ? COLOR_VALUES.Orange_1 : null,\n justifyContent: \"end\",\n }),\n accessor: columnNamesAccessor.Used,\n },\n {\n headCellProps: {\n text: \"Variance\",\n alignedRight: true,\n width: getCellWidthInPercent(185, tableTotalWidth),\n },\n disableSortBy: true,\n getBodyCellProps: (cell) => ({\n text:\n typeof cell.value === \"number\"\n ? getMoneyColumnVal(\"\", cell.value)\n : \"-\",\n textColor: cell.value < 0 ? COLOR_VALUES.Orange_1 : null,\n justifyContent: \"end\",\n }),\n accessor: columnNamesAccessor.Variance,\n },\n {\n headCellProps: {\n text: \"\",\n width: getCellWidthInPercent(32, tableTotalWidth),\n },\n disableSortBy: true,\n getBodyCellProps: () => ({\n text: \"\",\n }),\n accessor: \"none\",\n },\n];\n\nconst getRowProps = (row) => ({\n style: {\n background: row.values.Active === false ? COLOR_VALUES.Gray_9 : \"\",\n },\n});\n\nconst getInitialDataForTotalRow = (name) => {\n return [\n { column: \"Name\", text: name },\n { column: totalOneColumns[0], text: 0, alignedRight: true },\n { column: totalOneColumns[1], text: 0, alignedRight: true },\n { column: totalOneColumns[2], text: 0, alignedRight: true },\n { column: totalOneColumns[3], text: 0, alignedRight: true },\n { column: \"None\", text: \"\" },\n ];\n};\nconst totalsStrColmAtStart = 1;\n\nconst getFormattedDate = (d) => {\n return format(new Date(d), \"yyyy-MM-dd\");\n};\n\nconst currentDate = format(new Date(), \"yyyy-MM-dd\");\n\nconst ProjectsDashboardOverviewBudget = () => {\n const [startDate, setStartDate] = useState();\n const [endDate, setEndDate] = useState();\n const [isDateChanged, setIsDateChanged] = useState(false);\n\n const { projectData } = useProjectByIdProjectsDashboard();\n const { useBudgetSummary } = useProjectsDashboardOverviewBudget();\n\n const startDateVal = projectData?.data?.ProjStartDate ?? currentDate;\n const endDateVal = projectData?.data?.CurrentEndDate ?? currentDate;\n\n const summaryMoney = useBudgetSummary({\n endpointSuffix: \"money\",\n startDate: isDateChanged ? startDate : startDateVal,\n endDate: isDateChanged ? endDate : endDateVal,\n });\n const summaryHours = useBudgetSummary({\n endpointSuffix: \"hours\",\n startDate: isDateChanged ? startDate : startDateVal,\n endDate: isDateChanged ? endDate : endDateVal,\n });\n const { currency } = useProjectDashboardCurrency();\n\n const [totalMoney, setTotalOneUpdate] = useFixedRowsMoney({\n initialData: getInitialDataForTotalRow(\"Currency Totals\"),\n summary: summaryMoney,\n currency: currency,\n totalsStrColmAtStart: totalsStrColmAtStart,\n totalColumns: totalOneColumns,\n });\n\n const [totalHours, setTotalTwoUpdate] = useFixedRowsHours({\n initialData: getInitialDataForTotalRow(\"Total Hours\"),\n summary: summaryHours,\n totalsStrColmAtStart: totalsStrColmAtStart,\n totalColumns: totalOneColumns,\n });\n\n const dateRangeChange = (dates) => {\n setIsDateChanged(true);\n setStartDate(dates.start);\n setEndDate(dates.end);\n\n setTotalOneUpdate(true);\n setTotalTwoUpdate(true);\n };\n\n if (projectData.isLoading) {\n return \n
\n {(summaryMoney?.data?.length > 0 ||\n summaryHours?.data?.length > 0) && (\n \n
\n )}\n \n
\n Loading...
;\n }\n\n if (agencies.error) {\n return Error
;\n }\n\n const isEditing = typeof agencyIdToEdit !== \"undefined\";\n const modifier = isEditing ? updateAgency : createAgency;\n\n const currentAgencyData = agencies?.data?.Items?.find(\n (agency) => agency.Id === agencyIdToEdit\n );\n\n if (isEditing && !currentAgencyData) {\n return Could not find agency
;\n }\n\n const onSubmit = (formData) => {\n const agencyData = transformFormDataToAgencyData(\n formData,\n currentAgencyData\n );\n\n modifier.mutateAsync(agencyData).then((response) => {\n onClose();\n sendNotification(\n undefined,\n \n \n {formattedDate}\n \n
\n Could not find holiday
;\n }\n\n if (timeOffData.isLoading || reasons?.isLoading) {\n return <>Loading...;\n }\n\n if (timeOffData.isError || reasons?.isError) {\n return <>Error;\n }\n\n const setTalentSupportEmail = (isClick) => {\n if (isClick) {\n navigator.clipboard.writeText(\"TalentSupport@rga.com\");\n setSupportMailTooltipText(\"Copied\");\n } else {\n setSupportMailTooltipText(\"Copy\");\n }\n };\n\n const dateRangeChange = (dates) => {\n const start = dates.start;\n const end = dates.end;\n\n const show =\n start &&\n end &&\n (start.day !== end.day ||\n start.month !== end.month ||\n start.year !== end.year);\n\n setHideSecondDayOptions(!show);\n };\n\n const modifier = approveTimeOff;\n\n const onSubmit = () => {\n const allData = {\n timeOffRequestId: timeOffRequestId,\n };\n\n modifier.mutateAsync(allData).then(() => {\n onClose();\n sendNotification(\n undefined,\n <>\n Time off request for{\" \"}\n {currentManageUserData?.employeeFullName} has been approved\n \n );\n });\n };\n\n return (\n <>\n Could not find holiday
;\n }\n\n const onSubmit = (formData) => {\n const manageUserData = transformFormDataToTimeOffData(\n formData,\n currentManageUserData\n );\n\n const allData = {\n timeOffRequestId: timeOffRequestId,\n body: formData.note,\n };\n\n modifier.mutateAsync(allData).then(() => {\n onClose();\n sendNotification(\n undefined,\n <>\n Time off request for{\" \"}\n {currentManageUserData?.employeeFullName} has been rejected\n \n );\n });\n };\n return (\n <>\n \n \n );\n};\n\nexport default RejectTimeOffForm;\n","import React, { useContext } from \"react\";\nimport { useSearchParams, useNavigate } from \"react-router-dom\";\nimport Modal from \"components/design-system/ui/modal/MasterModal\";\nimport VStack from \"components/design-system/layout/VStack\";\nimport ApproveTimeOffForm from \"pages/timesheet/manage-time-off/ApproveTimeOffForm\";\nimport RejectTimeOffForm from \"pages/timesheet/manage-time-off/RejectTimeOffForm\";\nimport ManageTimeOffTable from \"pages/timesheet/manage-time-off/ManageTimeOffTable\";\nimport ManageTimeOffContext from \"context/ManageTimeOff/ManageTimeOffContext\";\nimport { DrawerContextProvider } from \"context/Drawer/DrawerContext\";\nimport SessionContext from \"context/app/SessionContext\";\nimport { useInsigths } from \"utilities/Insights/InsightsLogs\";\n\nconst FormPresenter = () => {\n const [searchParams] = useSearchParams();\n const navigate = useNavigate();\n const action = searchParams.get(\"action\");\n const id = searchParams.get(\"id\");\n const {\n setRejectActionFromMenu,\n isManageViewRequest,\n setIsManageViewRequest,\n } = useContext(ManageTimeOffContext);\n\n const onClose = () => {\n setRejectActionFromMenu(false);\n setIsManageViewRequest(false);\n navigate(\".\", { replace: true });\n };\n\n const parsedId = parseInt(id);\n\n if (action === \"viewRequest\" && !isNaN(parsedId)) {\n return (\n Could not find Personal Information Status
;\n }\n\n const onSubmit = (formData) => {\n const dataPIS = transformFormDataToProjectsData(\n formData,\n currentProjectData\n );\n\n const allData = {\n projectId: projectIdToEditPIS,\n body: dataPIS,\n };\n\n modifier.mutateAsync(allData).then((response) => {\n onClose();\n sendNotification(\n undefined,\n \n Personal information\n (PI) is information\n (physical and\n digital) that identifies\n or relates to an individual\n or household (\n e.g. personal\n details, location\n data, interaction\n habits, and\n more).\n
\n \n \n Click here\n {\" \"}\n to learn more about the\n different kinds of Personal\n Information that can be\n captured or handled on a\n project.\n
\n Could not find region
;\n }\n\n const regionData = isEditing\n ? regions.data.filter((region) => region.RegionId !== regionIdToEdit)\n : regions.data;\n\n const onSubmit = (formData) => {\n const data = transformFormDataToRegionData(formData, currentRegionData);\n\n modifier.mutateAsync(data).then((response) => {\n onClose();\n setInProgress(false);\n sendNotification(\n undefined,\n \n
\n \n