Sign in to continue to .
\r\n\r\n {label}\r\n {required && *}\r\n
\r\n{errors[name]?.message}
\r\n )}\r\n{errors[id]?.message}
\r\n )}\r\n{errors.otp.message}
\r\n )}\r\n\r\n {/* Submit Button */}\r\n{errors[id]?.message}
\r\n )}\r\n| \r\n | \r\n
{state?.userName}
\r\n{comment}
\r\n\r\n {\r\n taskDetails?.projectDetails?.CompanyProjectMaster\r\n ?.projectName\r\n }\r\n
\r\n{`The page you're looking for doesn't exist.`}
\r\n \r\n );\r\n};\r\n\r\nexport default NotFound;\r\n","import { useEffect, useState, useCallback } from 'react';\r\nimport axios from 'axios';\r\nimport { useAuth } from '~/context/AuthProvider';\r\nimport {\r\n notifyMessage,\r\n getYearOptions,\r\n getCurrentFinancialYear,\r\n convertLabel,\r\n baseUrl,\r\n} from '~/utils/app.utils';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { Button, Table } from 'flowbite-react';\r\nimport useWindowDimensions from '~/hooks/useWindowDimensions';\r\nimport Card from '~/components/common/Card';\r\nimport SectionHeader from '~/components/common/SectionHeader';\r\nimport ReactSelectField from '~/components/common/ReactSelectField';\r\nimport { AppRelativePaths } from '~/routes/routes.const';\r\nimport Loader from '~/components/common/Loader';\r\nimport Access from '~/components/common/Access';\r\n\r\nconst months = [\r\n 'Apr',\r\n 'May',\r\n 'Jun',\r\n 'Jul',\r\n 'Aug',\r\n 'Sep',\r\n 'Oct',\r\n 'Nov',\r\n 'Dec',\r\n 'Jan',\r\n 'Feb',\r\n 'Mar',\r\n];\r\nconst breadcrumbs = [\r\n { label: 'Dashboard', link: AppRelativePaths.ADMIN_DASHBOARD },\r\n { label: 'Datapoint table', link: AppRelativePaths.DATAPOINT_DATATABLE },\r\n];\r\nexport default function DataPointTable() {\r\n const { user } = useAuth();\r\n const yearOptions = getYearOptions(2020, 50);\r\n const currentFinancialYear = getCurrentFinancialYear();\r\n const { height } = useWindowDimensions();\r\n const [isEditing, setIsEditing] = useState(false);\r\n const defaultYear =\r\n yearOptions.find((y) => y.value === currentFinancialYear) || yearOptions[0];\r\n\r\n const [isValidData, setIsValidData] = useState(true);\r\n\r\n const {\r\n control,\r\n watch,\r\n formState: { errors },\r\n } = useForm({\r\n defaultValues: {\r\n financialyear: defaultYear,\r\n },\r\n });\r\n\r\n const [modules, setModules] = useState([]);\r\n const [dataPoints, setDataPoints] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const selectedYear = watch('financialyear')?.value || '';\r\n\r\n const fetchData = useCallback(async () => {\r\n setLoading(true);\r\n try {\r\n const [modulesRes] = await Promise.all([\r\n axios.get(`${baseUrl}/datapoint`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }),\r\n ]);\r\n if (modulesRes.data?.data) setModules(modulesRes.data.data);\r\n } catch {\r\n notifyMessage('Something went wrong!', 'error');\r\n } finally {\r\n setLoading(false);\r\n }\r\n }, [user.token]);\r\n\r\n const getAllDataPointTable = useCallback(async () => {\r\n try {\r\n const res = await axios.get(\r\n `${baseUrl}/datapoint/data/all/year?fyYear=${selectedYear}`,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n if (res?.data?.data) {\r\n const updatedModules = modules.reduce((acc, item) => {\r\n const relatedDataPoints = res?.data?.data.filter(\r\n (d) => d.dataPointId === item.dataPointId\r\n );\r\n acc.push({\r\n ...item,\r\n dataEntries: relatedDataPoints.map((d) => ({\r\n dataPointId: d.dataPointId,\r\n dataFY: d.dataFY,\r\n dataMonth: d.dataMonth,\r\n financialMonth: months[(d.dataMonth + 8) % 12], // Convert numeric month to month name\r\n data: d.data ? d.data : '',\r\n })),\r\n });\r\n return acc;\r\n }, []);\r\n // Group dataPoints by dataMonth\r\n setDataPoints(updatedModules);\r\n setLoading(false);\r\n }\r\n } catch {\r\n setLoading(false);\r\n } finally {\r\n setLoading(false);\r\n }\r\n }, [user.token, modules, selectedYear, setLoading, setDataPoints]);\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, [fetchData]);\r\n\r\n useEffect(() => {\r\n getAllDataPointTable(selectedYear);\r\n }, [selectedYear, getAllDataPointTable]);\r\n\r\n const isValidate = useCallback((dataPoint, value) => {\r\n if (value === '' || value === null || value === undefined) return true;\r\n switch (dataPoint.validationType) {\r\n case 'EQUAL_TO':\r\n return value === dataPoint.value1;\r\n case 'GREATER_THAN_OR_EQUAL_TO':\r\n return value >= dataPoint.value1;\r\n case 'GREATER_THAN':\r\n return value > dataPoint.value1;\r\n case 'BETWEEN':\r\n return value >= dataPoint.value1 && value <= dataPoint.value2;\r\n case 'LESS_THAN_OR_EQUAL_TO':\r\n return value <= dataPoint.value1;\r\n case 'LESS_THAN':\r\n return value < dataPoint.value1;\r\n default:\r\n return true;\r\n }\r\n }, []);\r\n\r\n const handleInputChange = useCallback(\r\n (dataPointId, monthIndex, value) => {\r\n const dataPoint = modules.find((dp) => dp.dataPointId === dataPointId);\r\n if (dataPoint) {\r\n const isYearChanged = selectedYear !== currentFinancialYear;\r\n\r\n if (isYearChanged) {\r\n value = ''; // Clear the input value if year has changed\r\n }\r\n\r\n const isValid = isYearChanged || isValidate(dataPoint, value);\r\n setIsValidData(isValid);\r\n if (isValid) {\r\n setDataPoints((prevDataPoints) =>\r\n prevDataPoints.map((dp) => {\r\n if (dp.dataPointId === dataPointId) {\r\n // Check if an entry with the given dataMonth exists\r\n const entryExists = dp.dataEntries.some(\r\n (entry) => entry.dataMonth === monthIndex\r\n );\r\n // Update existing entry or add a new one\r\n const newEntries = entryExists\r\n ? dp.dataEntries.map((entry) =>\r\n entry.dataMonth === monthIndex\r\n ? { ...entry, data: value ? value : null } // Removed redundant dataPointId\r\n : entry\r\n )\r\n : [\r\n ...dp.dataEntries,\r\n {\r\n dataPointId: dp.dataPointId,\r\n dataFY: selectedYear,\r\n dataMonth: monthIndex,\r\n financialMonth: months[(monthIndex + 8) % 12],\r\n data: value,\r\n },\r\n ];\r\n // Remove entries where `data` is empty\r\n return {\r\n ...dp,\r\n dataEntries: newEntries,\r\n };\r\n }\r\n return dp;\r\n })\r\n );\r\n } else {\r\n // Optionally, notify the user about validation failure\r\n // notifyMessage('Validation failed for the entered value', 'error');\r\n }\r\n }\r\n },\r\n [currentFinancialYear, isValidate, modules, selectedYear] // Ensure it always has the latest state\r\n );\r\n\r\n // Save permissions\r\n const handleSave = async () => {\r\n // Check if the data is valid\r\n if (!isValidData) {\r\n notifyMessage(\r\n 'Please correct the invalid data entries before saving.',\r\n 'error'\r\n );\r\n return; // Stop the save operation if not valid\r\n }\r\n const result = dataPoints\r\n ?.flatMap((item) => item.dataEntries)\r\n ?.map((entry) => {\r\n // eslint-disable-next-line no-unused-vars\r\n const { financialMonth, ...rest } = entry; // Remove financialMonth\r\n return rest;\r\n });\r\n\r\n // Check if result is empty or invalid\r\n if (!result || result?.length === 0) {\r\n notifyMessage('No data available to send.', 'error');\r\n return; // Exit early if no valid data\r\n }\r\n\r\n try {\r\n const response = await axios.put(\r\n `${baseUrl}/datapoint/data/year?fyYear=${selectedYear}`,\r\n { payload: result },\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n notifyMessage(response.data.message, 'success');\r\n getAllDataPointTable();\r\n setIsEditing(!isEditing);\r\n setLoading(false);\r\n } catch {\r\n setLoading(false);\r\n notifyMessage('Something went wrong');\r\n }\r\n };\r\n\r\n return (\r\n\r\n Selected: {selectedRating}\r\n {isPercentageMode ? '%' : ''}\r\n
*/}\r\n \r\n );\r\n};\r\nCheckboxGroupRating.propTypes = {\r\n isPercentageMode: PropTypes.bool,\r\n selectedValue: PropTypes.number,\r\n onChange: PropTypes.func,\r\n isDisabled: PropTypes.bool,\r\n};\r\nexport default CheckboxGroupRating;\r\n","import { useEffect, useState, useCallback } from 'react';\r\nimport axios from 'axios';\r\nimport { useAuth } from '~/context/AuthProvider';\r\nimport { notifyMessage, baseUrl } from '~/utils/app.utils';\r\nimport { useForm } from 'react-hook-form';\r\nimport { Button, Table } from 'flowbite-react';\r\nimport useWindowDimensions from '~/hooks/useWindowDimensions';\r\nimport Card from '~/components/common/Card';\r\nimport SectionHeader from '~/components/common/SectionHeader';\r\nimport ReactSelectField from '~/components/common/ReactSelectField';\r\nimport { AppRelativePaths } from '~/routes/routes.const';\r\nimport Loader from '~/components/common/Loader';\r\nimport Access from '~/components/common/Access';\r\nimport CheckboxGroupRating from '~/components/common/CheckboxGroupRating';\r\n\r\nconst breadcrumbs = [\r\n { label: 'Dashboard', link: AppRelativePaths.ADMIN_DASHBOARD },\r\n { label: 'Health Weightage', link: AppRelativePaths.HEALTH_SCORE_UPDATE },\r\n];\r\nexport default function HealthScoreUpdate() {\r\n const { user } = useAuth();\r\n const [coreParameterData, setCoreParameterData] = useState([]);\r\n const [subParameterData, setSubParameterData] = useState([]);\r\n const [coreParameterRows, setCoreParameterRows] = useState([]);\r\n const [isEditing, setIsEditing] = useState(false);\r\n const { height } = useWindowDimensions();\r\n const [loading, setLoading] = useState(false);\r\n const {\r\n control,\r\n watch,\r\n formState: { errors },\r\n } = useForm();\r\n const selectedCoreParameterId = watch('coreParameterId');\r\n\r\n const getAllCoreParameter = useCallback(async () => {\r\n try {\r\n const res = await axios.get(`${baseUrl}/coreparameters`, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n });\r\n if (res.data) {\r\n const de = res.data.data || [];\r\n const updatedData = de.map((el) => ({\r\n value: el.coreParameterId,\r\n label: el.coreParameterName,\r\n }));\r\n setCoreParameterData(updatedData);\r\n }\r\n } catch {\r\n setCoreParameterData([]);\r\n }\r\n }, [user.token]);\r\n\r\n const getAllSubParameter = useCallback(\r\n async (coreParameterId) => {\r\n if (!coreParameterId) {\r\n setSubParameterData([]);\r\n return;\r\n }\r\n try {\r\n const response = await axios.get(\r\n `${baseUrl}/subparameters/coreParameter/${coreParameterId}`,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n if (response?.data?.data) {\r\n const formattedData = response.data.data.map((subParam) => ({\r\n subParameterId: subParam.subParameterId,\r\n subParameterName: subParam.subParameterName,\r\n }));\r\n setSubParameterData(formattedData);\r\n }\r\n } catch {\r\n setSubParameterData([]);\r\n }\r\n },\r\n [user.token]\r\n );\r\n\r\n const getAllCoreParameterRows = useCallback(\r\n async (coreParameterId) => {\r\n setLoading(true);\r\n if (!coreParameterId) {\r\n setCoreParameterRows([]);\r\n return;\r\n }\r\n\r\n try {\r\n const response = await axios.get(\r\n `${baseUrl}/company/healthscore/achivement/${coreParameterId}`,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n if (response?.data?.data) {\r\n const updatedArray = response?.data?.data.map((item) => {\r\n const match = subParameterData.find(\r\n (el) => el.subParameterId === item.subParameterId\r\n );\r\n return {\r\n ...item,\r\n subParameterName: match ? match.subParameterName : null, // Add name if found\r\n companyHealthScore: item?.companyHealthScore || 0,\r\n };\r\n });\r\n setCoreParameterRows(updatedArray);\r\n }\r\n setLoading(false);\r\n } catch {\r\n setCoreParameterRows([]);\r\n setLoading(false);\r\n }\r\n },\r\n [user.token, subParameterData]\r\n );\r\n\r\n useEffect(() => {\r\n getAllCoreParameter();\r\n }, [getAllCoreParameter]);\r\n\r\n useEffect(() => {\r\n if (selectedCoreParameterId?.value) {\r\n getAllSubParameter(selectedCoreParameterId?.value);\r\n }\r\n }, [selectedCoreParameterId?.value, getAllSubParameter]);\r\n\r\n useEffect(() => {\r\n if (subParameterData.length > 0 && selectedCoreParameterId?.value) {\r\n getAllCoreParameterRows(selectedCoreParameterId?.value);\r\n }\r\n }, [\r\n subParameterData,\r\n selectedCoreParameterId?.value,\r\n getAllCoreParameterRows,\r\n ]);\r\n\r\n const handleSliderChange = useCallback((subParameterId, field, newValue) => {\r\n setCoreParameterRows((prevData) =>\r\n prevData.map((subParam) =>\r\n subParam.subParameterId === subParameterId\r\n ? { ...subParam, [field]: newValue }\r\n : subParam\r\n )\r\n );\r\n }, []);\r\n\r\n const handleSave = async () => {\r\n const flattenedData = coreParameterRows.map((item) => ({\r\n subParameterId: item.subParameterId,\r\n scoreAchive: item.scoreAchive,\r\n companyHealthScore: item.companyHealthScore,\r\n }));\r\n try {\r\n const response = await axios.post(\r\n `${baseUrl}/company/healthscore/achivement`,\r\n { payload: flattenedData },\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n notifyMessage(response.data.message, 'success');\r\n setIsEditing(!isEditing);\r\n } catch {\r\n notifyMessage('Something went wrong');\r\n }\r\n };\r\n\r\n return (\r\n{error.message || error}
\r\n )}\r\n\r\n {label} {required && *}\r\n
\r\n )}\r\n\r\n{error}
}\r\n \r\n );\r\n};\r\n\r\nImageUpload.propTypes = {\r\n label: PropTypes.string,\r\n id: PropTypes.string.isRequired,\r\n onImageUpload: PropTypes.func.isRequired,\r\n initialImage: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n isPancard: PropTypes.bool,\r\n required: PropTypes.bool,\r\n};\r\n\r\nexport default React.memo(ImageUpload);\r\n","import { useCallback, useEffect, useState } from 'react';\r\nimport { useFormContext, useWatch } from 'react-hook-form';\r\nimport Input from '~/components/common/Input';\r\nimport axios from 'axios';\r\nimport { useAuth } from '~/context/AuthProvider';\r\nimport ProfileImage from '~/components/common/ProfileImage/profileImage';\r\nimport ReactSelectField from '~/components/common/ReactSelectField';\r\nimport InputField from '~/components/common/InputField';\r\nimport { baseUrl } from '~/utils/app.utils';\r\nimport MobileNumberInputField from '~/components/common/MobileNumberInputField';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default function BasicInfoForm({\r\n industryOptions = [],\r\n industryScaleOptions = [],\r\n countryOptions = [],\r\n control,\r\n errors,\r\n consultants = [],\r\n engagementtypes = [],\r\n initialImage,\r\n pancardFrontImage,\r\n gstCertificateImage,\r\n register,\r\n countryCode,\r\n accountCode,\r\n setCountryCode,\r\n setAccountCode,\r\n sahayTeamMates = [],\r\n}) {\r\n const { setValue, watch } = useFormContext();\r\n const { user } = useAuth();\r\n const [stateData, setStateData] = useState([]);\r\n const [cityData, setCityData] = useState([]);\r\n const selectedCountry = watch('country');\r\n const selectedState = watch('state');\r\n const annualTurnOver = watch('annualTurnOver');\r\n\r\n const selectConsultant = watch('selectedConsultant');\r\n\r\n const [filteredIndustryScaleOptions, setFilteredIndustryScaleOptions] =\r\n useState(industryScaleOptions);\r\n\r\n const getStateData = useCallback(async () => {\r\n try {\r\n const res = await axios.get(\r\n `${baseUrl}/state/country/${selectedCountry?.value}`,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n if (res.data) {\r\n const updatedData = res.data.data.map((el) => ({\r\n value: el.stateId,\r\n label: el.stateName,\r\n }));\r\n setStateData(updatedData);\r\n }\r\n } catch {\r\n setStateData([]);\r\n }\r\n }, [selectedCountry?.value, user.token]);\r\n const getCityData = useCallback(async () => {\r\n try {\r\n const res = await axios.get(\r\n `${baseUrl}/city/state/${selectedState?.value}`,\r\n {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: user.token,\r\n },\r\n }\r\n );\r\n if (res.data) {\r\n const updatedData = res.data.data.map((el) => ({\r\n value: el.cityId,\r\n label: el.cityName,\r\n }));\r\n setCityData(updatedData);\r\n }\r\n } catch {\r\n setStateData([]);\r\n }\r\n }, [selectedState?.value, user.token]);\r\n\r\n useEffect(() => {\r\n if (selectedCountry) {\r\n getStateData();\r\n } else {\r\n setStateData([]);\r\n }\r\n }, [getStateData, selectedCountry]);\r\n\r\n useEffect(() => {\r\n if (selectedState) {\r\n getCityData();\r\n } else {\r\n setCityData([]);\r\n }\r\n }, [getCityData, selectedState]);\r\n\r\n const selectedIndustryScale = useWatch({ name: 'industryScaleId', control });\r\n\r\n useEffect(() => {\r\n if (annualTurnOver) {\r\n const updatedOptions = industryScaleOptions.filter(\r\n (option) =>\r\n option.minRevenue <= annualTurnOver &&\r\n option.maxRevenue >= annualTurnOver\r\n );\r\n setFilteredIndustryScaleOptions(updatedOptions);\r\n\r\n const isValidSelection = updatedOptions.some(\r\n (option) => option.value === selectedIndustryScale?.value\r\n );\r\n\r\n if (!isValidSelection) {\r\n setValue(\r\n 'industryScaleId',\r\n updatedOptions.length > 0 ? updatedOptions[0] : null\r\n );\r\n }\r\n }\r\n }, [annualTurnOver, industryScaleOptions, setValue, selectedIndustryScale]);\r\n\r\n // Format number in Indian style (e.g., 1,00,000)\r\n const formatNumber = (value) => {\r\n if (!value) return '';\r\n const num = parseInt(value.toString().replace(/,/g, ''));\r\n return isNaN(num) ? '' : num.toLocaleString('en-IN');\r\n };\r\n\r\n const unformatNumber = (value) => value?.toString().replace(/,/g, '');\r\n\r\n return (\r\n| \r\n {columns\r\n .filter((col) => visibleColumns.includes(col.key))\r\n .map((col) => (\r\n |
|---|
| \r\n | \r\n
{state?.userName}
\r\n