diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js index 484888554f5..b16671c216c 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js @@ -33,7 +33,7 @@ import UpdateDatesWithBoundaries from "./pages/employee/UpdateDatesWithBoundarie import DateWithBoundary from "./components/DateWithBoundary"; import BoundaryWithDate from "./components/BoundaryWithDate"; import DateAndCycleUpdate from "./pages/employee/DateAndCycleUpdate"; -import { CreateChecklist} from "./pages/employee/CreateChecklist"; +import { CreateChecklist } from "./pages/employee/CreateChecklist"; import CreateQuestionContext from "./components/CreateQuestionContext"; import SearchChecklist from "./pages/employee/SearchChecklist"; import DeliveryDetailsSummary from "./components/DeliveryDetailsSummary"; @@ -45,6 +45,7 @@ import UpdateBoundaryWrapper from "./components/UpdateBoundaryWrapper"; // import SelectingBoundaryComponent from "./components/SelectingBoundaryComponent"; import { Wrapper } from "./components/SelectingBoundaryComponent"; import SelectingBoundariesDuplicate from "./components/SelectingBoundariesDuplicate"; +import XlsPreview from "./components/XlsPreview"; /** * The CampaignModule function fetches store data based on state code, module code, and language, and @@ -60,7 +61,7 @@ const CampaignModule = ({ stateCode, userType, tenants }) => { }, }); - const hierarchyData = Digit.Hooks.campaign.useBoundaryRelationshipSearch({BOUNDARY_HIERARCHY_TYPE,tenantId}); + const hierarchyData = Digit.Hooks.campaign.useBoundaryRelationshipSearch({ BOUNDARY_HIERARCHY_TYPE, tenantId }); const moduleCode = ["hr", "campaignmanager", "workbench", "mdms", "schema", "hcm-admin-schemas", `boundary-${BOUNDARY_HIERARCHY_TYPE}`]; const { path, url } = useRouteMatch(); @@ -115,7 +116,7 @@ const componentsToRegister = { DateAndCycleUpdate, TimelineComponent, CreateChecklist, - CreateQuestion : CreateQuestionContext, + CreateQuestion: CreateQuestionContext, SearchChecklist, DeliveryDetailsSummary, DataUploadSummary, @@ -125,6 +126,7 @@ const componentsToRegister = { UpdateBoundary, UpdateBoundaryWrapper, SelectingBoundariesDuplicate, + XlsPreview // SelectingBoundaryComponent }; diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js index 5f854cfac79..c18d757c1e4 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js @@ -199,4 +199,4 @@ const BulkUpload = ({ multiple = true, onSubmit, fileData, onFileDelete, onFileD ); }; -export default BulkUpload; +export default BulkUpload; \ No newline at end of file diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js index b7aaefd8381..6f1e59847e3 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js @@ -1196,4 +1196,4 @@ const UploadData = ({ formData, onSelect, ...props }) => { ); }; -export default UploadData; +export default UploadData; \ No newline at end of file diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/index.js index b6510657edc..b7e10d709c7 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/index.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/index.js @@ -46,11 +46,14 @@ const Hooks = { const Utils = { browser: { - sample: () => {}, + sample: () => { }, }, workbench: { ...utils, }, + campaign: { + ...utils + } }; export const CustomisedHooks = { diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadExcel.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadExcel.js index 978ea2bfd74..cbe70b454bc 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadExcel.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadExcel.js @@ -43,4 +43,4 @@ export const downloadExcelWithCustomName = ({ fileStoreId = null, customName = n ); }); } -}; +}; \ No newline at end of file diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/index.js index 5e308bf82f7..64b85767512 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/index.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/index.js @@ -1,6 +1,6 @@ import _ from "lodash"; import { downloadExcelWithCustomName } from "./downloadExcel"; -export default {}; +export default { downloadExcelWithCustomName }; export { downloadExcelWithCustomName }; export const PRIMARY_COLOR = "#C84C0E"; diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/package.json b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/package.json index 46659b09554..38951404db5 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/package.json +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/package.json @@ -26,7 +26,10 @@ "react-hook-form": "6.15.8", "react-i18next": "11.16.2", "react-query": "3.6.1", - "react-router-dom": "5.3.0" + "react-router-dom": "5.3.0", + "xlsx": "0.17.5", + "react-drag-drop-files": "^2.3.10", + "@cyntler/react-doc-viewer": "1.10.3" }, "author": "Jagankumar ", "license": "MIT" diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/Module.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/Module.js index d8fe1b0bb5c..90383a6ff6d 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/Module.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/Module.js @@ -10,6 +10,7 @@ import { ProviderContext } from "./utils/context"; import BoundarySelection from "./components/BoundarySelection"; import AssumptionsForm from "./components/AssumptionsForm"; import HypothesisWrapper from "./components/HypothesisWrapper"; +import UploadDataCustom from "./components/UploadDataCustom"; import DataMgmtTable from "./components/DataMgmtTable"; import FileComponent from "./components/FileComponent"; import HeaderComp from "./components/HeaderComp"; @@ -59,6 +60,7 @@ const componentsToRegister = { BoundarySelection, AssumptionsForm, HypothesisWrapper, + UploadDataCustom, DataMgmtTable, FileComponent, HeaderComp, diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UploadDataCustom.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UploadDataCustom.js new file mode 100644 index 00000000000..b5d7d10c0be --- /dev/null +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UploadDataCustom.js @@ -0,0 +1,1122 @@ +import { Header, LoaderWithGap } from "@egovernments/digit-ui-react-components"; +import React, { useRef, useState, useEffect, Fragment, useMemo } from "react"; +import { useTranslation } from "react-i18next"; +import { Card, Modal, CardText } from "@egovernments/digit-ui-react-components"; +import BulkUpload from "./../../../campaign-manager/src/components/BulkUpload"; +import Ajv from "ajv"; +import XLSX from "xlsx"; +import { InfoCard, PopUp, Toast, Button, DownloadIcon, Stepper, TextBlock } from "@egovernments/digit-ui-components"; + +/** + * The `UploadData` function in JavaScript handles the uploading, validation, and management of files + * for different types of data in a web application. + * @returns The `UploadData` component is returning a JSX structure that includes a div with class + * names, a Header component, a Button component for downloading a template, an info-text div, a + * BulkUpload component for handling file uploads, and an InfoCard component for displaying error + * messages if any validation errors occur during file upload. + */ +const UploadDataCustom = React.memo(({ formData, onSelect, ...props }) => { + const { t } = useTranslation(); + const tenantId = Digit.ULBService.getCurrentTenantId(); + const [uploadedFile, setUploadedFile] = useState([]); + const params = Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_UPLOAD_ID"); + const [showInfoCard, setShowInfoCard] = useState(false); + const [errorsType, setErrorsType] = useState({}); + const [schema, setSchema] = useState(null); + const [showToast, setShowToast] = useState(null); + const searchParams = new URLSearchParams(location.search); + const [key, setKey] = useState(() => { + const keyParam = searchParams.get("key"); + return keyParam ? parseInt(keyParam) : 1; + }); + const type = props?.props?.type; + const [executionCount, setExecutionCount] = useState(0); + const [isError, setIsError] = useState(false); + const [isSuccess, setIsSuccess] = useState(false); + const [apiError, setApiError] = useState(null); + const [isValidation, setIsValidation] = useState(false); + const [fileName, setFileName] = useState(null); + const [downloadError, setDownloadError] = useState(false); + const [resourceId, setResourceId] = useState(null); + const id = searchParams.get("campaignId") || null; + + const { data: Schemas, isLoading: isThisLoading } = Digit.Hooks.useCustomMDMS( + tenantId, + "HCM-ADMIN-CONSOLE", + [{ name: "adminSchema" }], + {}, + { schemaCode: "HCM-ADMIN-CONSOLE.adminSchema" } + ); + + const { data: readMe } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "ReadMeConfig" }]); + const { data: baseTimeOut } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "baseTimeout" }]); + const [sheetHeaders, setSheetHeaders] = useState({}); + const [translatedSchema, setTranslatedSchema] = useState({}); + const [readMeInfo, setReadMeInfo] = useState({}); + const [showPopUp, setShowPopUp] = useState(true); + + const { data: hierarchyConfig } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "hierarchyConfig" }]); + const boundaryHierarchy = useMemo(() => { + return hierarchyConfig?.["HCM-ADMIN-CONSOLE"]?.hierarchyConfig?.find((item) => item.isActive)?.hierarchy; + }, [hierarchyConfig]); + const totalData = Digit.SessionStorage.get("MICROPLAN_DATA"); + const campaignType = totalData?.CAMPAIGN_DETAILS?.campaignDetails?.campaignType?.code + const [convertedSchema, setConvertedSchema] = useState({}); + const [loader, setLoader] = useState(false); + const baseKey = 4; + + useEffect(() => { + const searchParams = new URLSearchParams(location.search); + const keyParam = searchParams.get("key"); + setKey(keyParam ? parseInt(keyParam) : 1); + }, [location.search]); + + + + function updateUrlParams(params) { + const url = new URL(window.location.href); + Object.entries(params).forEach(([key, value]) => { + url.searchParams.set(key, value); + }); + window.history.replaceState({}, "", url); + } + + useEffect(() => { + if (type === "facilityWithBoundary") { + onSelect("uploadFacility", { uploadedFile, isError, isValidation, apiError, isSuccess }); + } else if (type === "boundary") { + onSelect("uploadBoundary", { uploadedFile, isError, isValidation, apiError, isSuccess }); + } else { + onSelect("uploadUser", { uploadedFile, isError, isValidation, apiError, isSuccess }); + } + }, [uploadedFile, isError, isValidation, apiError, isSuccess]); + + useEffect(() => { + if (resourceId) { + setUploadedFile((prev) => + prev.map((i) => ({ + ...i, + resourceId: resourceId, + })) + ); + } + }, [resourceId]); + var translateSchema = (schema) => { + var newSchema = { ...schema }; + var newProp = {}; + Object.keys(schema?.properties).forEach((key) => { + if (key == "HCM_ADMIN_CONSOLE_FACILITY_CAPACITY_MICROPLAN") { + const temp = { ...schema.properties[key] } + delete schema.properties[key]; + key = `${"HCM_ADMIN_CONSOLE_FACILITY_CAPACITY_MICROPLAN"}_${campaignType}` + schema.properties[key] = temp; + } + const translatedKey = t(key); + const translatedProperty = { ...schema.properties[key], name: t(schema.properties[key].name) }; + newProp[translatedKey] = translatedProperty; + }); + const newRequired = schema?.required.map((e) => { + let modifiedKey = e; + + // Check for the key in `required` array and modify it as needed + if (e === "HCM_ADMIN_CONSOLE_FACILITY_CAPACITY_MICROPLAN") { + modifiedKey = `${"HCM_ADMIN_CONSOLE_FACILITY_CAPACITY_MICROPLAN"}_${campaignType}`; + } + + // Translate the modified key + return t(modifiedKey); + }); + + newSchema.properties = newProp; + newSchema.required = newRequired; + delete newSchema.unique; + return { ...newSchema }; + }; + + var translateReadMeInfo = (schema) => { + const translatedSchema = schema.map((item) => { + return { + header: t(item.header), + isHeaderBold: item.isHeaderBold, + inSheet: item.inSheet, + inUiInfo: item.inUiInfo, + descriptions: item.descriptions.map((desc) => { + return { + text: t(desc.text), + isStepRequired: desc.isStepRequired, + isBold: desc.isBold, + }; + }), + }; + }); + return translatedSchema; + }; + + function enrichSchema(data, properties, required, columns) { + // Sort columns based on orderNumber, using name as tie-breaker if orderNumbers are equal + columns.sort((a, b) => { + if (a?.orderNumber === b?.orderNumber) { + return a.name.localeCompare(b.name); + } + return a.orderNumber - b.orderNumber; + }); + + // Extract sorted property names + const sortedPropertyNames = columns.map((column) => column.name); + + // Update data with new properties and required fields + data.properties = properties; + data.required = required; + } + + function convertIntoSchema(data) { + var convertData = { ...data }; + var properties = {}; + var required = []; + var columns = []; + + for (const propType of ["enumProperties", "numberProperties", "stringProperties"]) { + if (convertData?.properties?.[propType] && Array.isArray(convertData?.properties[propType]) && convertData?.properties[propType]?.length > 0) { + for (const property of convertData?.properties[propType]) { + properties[property?.name] = { + ...property, + type: propType === "stringProperties" ? "string" : propType === "numberProperties" ? "number" : undefined, + }; + + if (property?.isRequired && required.indexOf(property?.name) === -1) { + required.push(property?.name); + } + + // If orderNumber is missing, default to a very high number + columns.push({ name: property?.name, orderNumber: property?.orderNumber || 9999999999 }); + } + } + } + enrichSchema(convertData, properties, required, columns); + const newData = JSON.parse(JSON.stringify(convertData)); + delete newData.campaignType; + return newData; + } + + useEffect(() => { + if (uploadedFile.length == 0) { + setErrorsType({}); + } + }, [uploadedFile]); + + useEffect(async () => { + if (Schemas?.MdmsRes?.["HCM-ADMIN-CONSOLE"]?.adminSchema) { + const facility = await convertIntoSchema( + Schemas?.MdmsRes?.["HCM-ADMIN-CONSOLE"]?.adminSchema?.filter((item) => item.title === "facility" && item.campaignType === "MP-FACILITY-FIXED_POST")?.[0] + ); + const boundary = await convertIntoSchema( + Schemas?.MdmsRes?.["HCM-ADMIN-CONSOLE"]?.adminSchema?.filter( + (item) => item.title === "boundary" && item.campaignType === `MP-${totalData?.CAMPAIGN_DETAILS?.campaignDetails?.campaignType?.code}` + )?.[0] + ); + const user = await convertIntoSchema( + Schemas?.MdmsRes?.["HCM-ADMIN-CONSOLE"]?.adminSchema?.filter((item) => item.title === "user" && item.campaignType === "all")?.[0] + ); + const schema = { + boundary: boundary, + facilityWithBoundary: facility, + userWithBoundary: user, + }; + + setConvertedSchema(schema); + } + }, [Schemas, type]); + + useEffect(async () => { + if (convertedSchema && Object.keys(convertedSchema).length > 0) { + const newFacilitySchema = await translateSchema(convertedSchema?.facilityWithBoundary); + const newBoundarySchema = await translateSchema(convertedSchema?.boundary); + const newUserSchema = await translateSchema(convertedSchema?.userWithBoundary); + + const filterByUpdateFlag = (schemaProperties) => { + return Object.keys(schemaProperties).filter( + (key) => schemaProperties[key].isUpdate !== true + ); + }; + + + const headers = { + boundary: filterByUpdateFlag(newBoundarySchema?.properties), + facilityWithBoundary: filterByUpdateFlag(newFacilitySchema?.properties), + userWithBoundary: filterByUpdateFlag(newUserSchema?.properties), + }; + + const schema = { + boundary: newBoundarySchema, + facilityWithBoundary: newFacilitySchema, + userWithBoundary: newUserSchema, + }; + + setSheetHeaders(headers); + setTranslatedSchema(schema); + } + }, [convertedSchema]); + + useEffect(async () => { + if (readMe?.["HCM-ADMIN-CONSOLE"]) { + const newReadMeFacility = await translateReadMeInfo( + readMe?.["HCM-ADMIN-CONSOLE"]?.ReadMeConfig?.filter((item) => item.type === type)?.[0]?.texts + ); + const newReadMeUser = await translateReadMeInfo(readMe?.["HCM-ADMIN-CONSOLE"]?.ReadMeConfig?.filter((item) => item.type === type)?.[0]?.texts); + const newReadMeboundary = await translateReadMeInfo( + readMe?.["HCM-ADMIN-CONSOLE"]?.ReadMeConfig?.filter((item) => item.type === type)?.[0]?.texts + ); + + const readMeText = { + boundary: newReadMeboundary, + facilityWithBoundary: newReadMeFacility, + userWithBoundary: newReadMeUser, + }; + + setReadMeInfo(readMeText); + } + }, [readMe?.["HCM-ADMIN-CONSOLE"], type]); + + useEffect(() => { + if (executionCount < 5) { + let uploadType = "uploadUser"; + if (type === "boundary") { + uploadType = "uploadBoundary"; + } else if (type === "facilityWithBoundary") { + uploadType = "uploadFacility"; + } + onSelect(uploadType, { uploadedFile, isError, isValidation: false, apiError: false, isSuccess: uploadedFile?.length > 0 }); + setExecutionCount((prevCount) => prevCount + 1); + } + }); + + + Digit.Hooks.microplanv1.useGenerateIdCampaign({ + type: type, // or another type + hierarchyType: boundaryHierarchy, + filters: null, // Passing null if no filters are required + campaignId: id, + source: "microplan", + config: {} // Optional config, if you want to override default config + }); + + + + useEffect(() => { + switch (type) { + case "boundary": + setUploadedFile(props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_BOUNDARY_DATA?.uploadBoundary?.uploadedFile || []); + setApiError(null); + setIsValidation(false); + setDownloadError(false); + setIsError(false); + setIsSuccess(props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_BOUNDARY_DATA?.uploadBoundary?.isSuccess || null); + setShowPopUp(!props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_BOUNDARY_DATA?.uploadBoundary?.uploadedFile.length); + break; + case "facilityWithBoundary": + setUploadedFile(props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_FACILITY_DATA?.uploadFacility?.uploadedFile || []); + setApiError(null); + setIsValidation(false); + setDownloadError(false); + setIsError(false); + setIsSuccess(props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_FACILITY_DATA?.uploadFacility?.isSuccess || null); + setShowPopUp(!props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_FACILITY_DATA?.uploadFacility?.uploadedFile.length); + break; + default: + setUploadedFile(props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_USER_DATA?.uploadUser?.uploadedFile || []); + setApiError(null); + setIsValidation(false); + setDownloadError(false); + setIsError(false); + setIsSuccess(props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_USER_DATA?.uploadUser?.isSuccess || null); + setShowPopUp(!props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_USER_DATA?.uploadUser?.uploadedFile.length); + break; + } + }, [type, props?.props?.sessionData]); + + useEffect(() => { + if (errorsType[type]) { + setShowInfoCard(true); + } else { + setShowInfoCard(false); + } + }, [type, errorsType]); + + + const validateData = (data) => { + const ajv = new Ajv({ strict: false, allErrors: true }); // Enable allErrors option + let validate = ajv.compile(translatedSchema[type]); + const errors = []; // Array to hold validation errors + + data.forEach((item) => { + if (!validate(item)) { + const rowNumber = (item?.["!row#number!"] || item?.["__rowNum__"]) + 1; + + const itemErrors = validate.errors.map((error) => { + let instancePath = error.instancePath || ""; // Assign an empty string if instancePath is not available + + if (instancePath === "/Phone Number (Mandatory)") { + return `${t("HCM_DATA_AT_ROW")} ${rowNumber} ${t("HCM_IN_COLUMN")} ${t("HCM_DATA_SHOULD_BE_10_DIGIT")}`; + } + + if (instancePath.startsWith("/")) { + instancePath = instancePath.slice(1); // Remove leading slash from the instancePath + } + + if (error.keyword === "required") { + const missingProperty = error.params?.missingProperty || ""; + return `${t("HCM_DATA_AT_ROW")} ${rowNumber} ${t("HCM_IN_COLUMN")} '${missingProperty}' ${t("HCM_DATA_SHOULD_NOT_BE_EMPTY")}`; + } + + if (error.keyword === "type" && error.message === "must be string") { + return `${t("HCM_DATA_AT_ROW")} ${rowNumber} ${t("HCM_IN_COLUMN")} ${instancePath} ${t("HCM_IS_INVALID")}`; + } + + let formattedError = `${t("HCM_IN_COLUMN")} '${instancePath}' ${error.message}`; + + if (error.keyword === "enum" && error.params?.allowedValues) { + formattedError += ` ${t("HCM_DATA_ALLOWED_VALUES_ARE")} ${error.params.allowedValues.join("/ ")}`; + } + + return `${t("HCM_DATA_AT_ROW")} ${rowNumber} ${formattedError}`; + }); + + errors.push({ + index: rowNumber, + errors: itemErrors, // Push all errors for this item + }); + } + }); + + if (errors.length > 0) { + const errorMessage = errors + .map(({ index, errors }) => errors.join(", ")) + .join(", "); + + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return false; + } else { + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: "", // Clear the error message + })); + setShowInfoCard(false); + return true; + } + }; + + + + + const validateTarget = (jsonData, headersToValidate) => { + const boundaryCodeIndex = headersToValidate.indexOf(t("HCM_ADMIN_CONSOLE_BOUNDARY_CODE")); + const headersBeforeBoundaryCode = headersToValidate.slice(0, boundaryCodeIndex); + const filteredData = jsonData + // .filter((e) => { + // if (e[headersBeforeBoundaryCode[headersBeforeBoundaryCode.length - 1]]) { + // return true; + // } + // }) + // .filter((e) => e[t("HCM_ADMIN_CONSOLE_TARGET_AT_THE_SELECTED_BOUNDARY_LEVEL")]); + + if (filteredData.length == 0) { + const errorMessage = t("HCM_MISSING_TARGET"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return false; + } + + const targetValue = filteredData?.[0][t("HCM_ADMIN_CONSOLE_TARGET_AT_THE_SELECTED_BOUNDARY_LEVEL")]; + + if (targetValue <= 0 || targetValue >= 100000000) { + const errorMessage = t("HCM_TARGET_VALIDATION_ERROR"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return false; + } + return true; + }; + + const validateTargetData = (data, sheetName, targetError) => { + const ajv = new Ajv({ strict: false }); // Initialize Ajv + let validate = ajv.compile(translatedSchema[type]); + const errors = []; // Array to hold validation errors + data.forEach((item, index) => { + if (!validate(item)) { + errors.push({ index: (item?.["!row#number!"] || item?.["__rowNum__"]) + 1, errors: validate.errors }); + } + }); + if (errors.length > 0) { + const errorMessage = errors + .map(({ index, errors }) => { + const formattedErrors = errors + .map((error) => { + let instancePath = error.instancePath || ""; // Assign an empty string if dataPath is not available + if (instancePath.startsWith("/")) { + instancePath = instancePath.slice(1); + } + if (error.keyword === "required") { + const missingProperty = error.params?.missingProperty || ""; + return `${t("HCM_DATA_AT_ROW")} ${index} ${t("HCM_IN_COLUMN")} '${missingProperty}' ${t( + "HCM_DATA_SHOULD_NOT_BE_EMPTY" + )} at ${sheetName}`; + } + if (error.keyword === "type" && error.message === "must be string") { + return `${t("HCM_DATA_AT_ROW")} ${index} ${t("HCM_IN_COLUMN")} ${instancePath} ${t("HCM_IS_INVALID")} at ${sheetName}`; + } + if (error.keyword === "maximum") { + return `${t("HCM_DATA_AT_ROW")} ${index} ${t("HCM_IN_COLUMN")} ${instancePath} ${t("HCM_IS_MAXIMUM_VALUE")} at ${sheetName}`; + } + let formattedError = `${t("HCM_IN_COLUMN")} '${instancePath}' ${error.message}`; + if (error.keyword === "enum" && error.params && error.params.allowedValues) { + formattedError += `${t("HCM_DATA_ALLOWED_VALUES_ARE")} ${error.params.allowedValues.join("/ ")}`; + } + return `${t("HCM_DATA_AT_ROW")} ${index} ${formattedError} at ${sheetName}`; + }) + .join(", "); + return formattedErrors; + }) + .join(", "); + setIsError(true); + targetError.push(errorMessage); + return false; + } else { + return true; + } + }; + + const validateMultipleTargets = (workbook) => { + let isValid = true; + const excludedSheetNames = [t("HCM_README_SHEETNAME"), t("HCM_ADMIN_CONSOLE_BOUNDARY_DATA")]; + let nextSheetName = null; + let expectedHeaders = []; + + for (let i = 0; i < workbook.SheetNames.length; i++) { + const sheetName = workbook.SheetNames[i]; + if (!excludedSheetNames.includes(sheetName)) { + nextSheetName = workbook.SheetNames[i]; + break; + } + } + + if (nextSheetName) { + const sheet = workbook.Sheets[nextSheetName]; + expectedHeaders = XLSX.utils.sheet_to_json(sheet, { header: 1 })[0]; + } + + if (!isValid) return isValid; + + for (let i = 0; i < workbook.SheetNames.length; i++) { + const sheetName = workbook?.SheetNames[i]; + + if (sheetName === t("HCM_README_SHEETNAME") || sheetName === t("HCM_ADMIN_CONSOLE_BOUNDARY_DATA")) { + continue; + } + + const sheet = workbook?.Sheets[sheetName]; + + // Convert the sheet to JSON to extract headers + const headersToValidate = XLSX.utils.sheet_to_json(sheet, { + header: 1, + })[0]; + } + + if (!isValid) return isValid; + const targetError = []; + + // Iterate over each sheet in the workbook, starting from the second sheet + for (let i = 0; i < workbook.SheetNames.length; i++) { + const sheetName = workbook?.SheetNames[i]; + + if (sheetName === t("HCM_README_SHEETNAME") || sheetName === t("HCM_ADMIN_CONSOLE_BOUNDARY_DATA")) { + continue; + } + + const sheet = workbook?.Sheets[sheetName]; + + // Convert the sheet to JSON to extract headers + const headersToValidate = XLSX.utils.sheet_to_json(sheet, { + header: 1, + })[0]; + + const jsonData = XLSX.utils.sheet_to_json(sheet, { blankrows: true }); + + if (jsonData.length == 0) continue; + + validateTargetData(jsonData, sheetName, targetError); + } + if (targetError.length > 0) { + const errorMessage = targetError.join(", "); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setShowInfoCard(true); + isValid = false; + } else { + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: "", // Clear the error message + })); + setShowInfoCard(false); + isValid = true; + } + return isValid; + }; + + const sheetTypeMap = { + facilityWithBoundary: t("HCM_ADMIN_CONSOLE_AVAILABLE_FACILITIES"), + boundary: t("HCM_ADMIN_CONSOLE_BOUNDARY_DATA"), + userWithBoundary: t("HCM_ADMIN_CONSOLE_USER_LIST"), + }; + + const validateExcel = (selectedFile) => { + return new Promise((resolve, reject) => { + // Check if a file is selected + if (!selectedFile) { + reject(t("HCM_FILE_UPLOAD_ERROR")); + return; + } + + // Read the Excel file + const reader = new FileReader(); + reader.onload = (e) => { + try { + const data = new Uint8Array(e.target.result); + const workbook = XLSX.read(data, { type: "array" }); + const sheet = workbook.Sheets[sheetTypeMap[type]]; + const headersToValidate = XLSX.utils.sheet_to_json(sheet, { + header: 1, + })[0]; + + const expectedHeaders = sheetHeaders[type]; + + const SheetNames = sheetTypeMap[type]; + + const sheetData = XLSX.utils.sheet_to_json(workbook.Sheets[SheetNames], { blankrows: true }); + var jsonData = sheetData.map((row, index) => { + const rowData = {}; + if (Object.keys(row).length > 0) { + Object.keys(row).forEach((key) => { + rowData[key] = row[key] === undefined || row[key] === "" ? "" : row[key]; + }); + rowData["!row#number!"] = index + 1; // Adding row number + return rowData; + } + }); + + jsonData = jsonData.filter((element) => element !== undefined); + + if (type === "facilityWithBoundary") { + if (workbook?.SheetNames.filter((sheetName) => sheetName == t("HCM_ADMIN_CONSOLE_AVAILABLE_FACILITIES")).length == 0) { + const errorMessage = t("HCM_INVALID_FACILITY_SHEET"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return; + } + if (type === "facilityWithBoundary") { + const activeColumnName = t("HCM_ADMIN_CONSOLE_FACILITY_USAGE"); + const uniqueIdentifierColumnName = t("HCM_ADMIN_CONSOLE_FACILITY_CODE"); + if (activeColumnName && uniqueIdentifierColumnName) { + jsonData = jsonData.filter((item) => item[activeColumnName] == "Active" || !item[uniqueIdentifierColumnName]); + } + if (jsonData.length == 0) { + const errorMessage = t("HCM_FACILITY_USAGE_VALIDATION"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return; + } + } + } else if (type === "userWithBoundary") { + if (workbook?.SheetNames.filter((sheetName) => sheetName == t("HCM_ADMIN_CONSOLE_USER_LIST")).length == 0) { + const errorMessage = t("HCM_INVALID_USER_SHEET"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return; + } + } + if (type === "boundary" && workbook?.SheetNames?.length >= 1) { + if (!validateMultipleTargets(workbook)) { + return; + } + } else if (type !== "boundary") { + for (const header of expectedHeaders) { + if (!headersToValidate.includes(header)) { + const errorMessage = t("HCM_MISSING_HEADERS"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return; + } + } + } + + if (type === "boundary" && workbook?.SheetNames.length == 1) { + if (!validateTarget(jsonData, headersToValidate)) { + return; + } + } + if (jsonData.length == 0 && type !== "boundary") { + const errorMessage = t("HCM_EMPTY_SHEET"); + setErrorsType((prevErrors) => ({ + ...prevErrors, + [type]: errorMessage, + })); + setIsError(true); + return; + } + if (type !== "boundary") { + if (validateData(jsonData, SheetNames)) { + resolve(true); + } else { + setShowInfoCard(true); + } + } + } catch (error) { + console.error("Error during Excel validation:", error); + reject("HCM_FILE_UNAVAILABLE"); + } + }; + + reader.readAsArrayBuffer(selectedFile); + }); + }; + + const onBulkUploadSubmit = async (file) => { + if (file.length > 1) { + setShowToast({ key: "error", label: t("HCM_ERROR_MORE_THAN_ONE_FILE") }); + return; + } + setFileName(file?.[0]?.name); + const module = "HCM-ADMIN-CONSOLE-CLIENT"; + const { data: { files: fileStoreIds } = {} } = await Digit.UploadServices.MultipleFilesStorage(module, file, tenantId); + const filesArray = [fileStoreIds?.[0]?.fileStoreId]; + const { data: { fileStoreIds: fileUrl } = {} } = await Digit.UploadServices.Filefetch(filesArray, tenantId); + const fileData = fileUrl + .map((i) => { + const urlParts = i?.url?.split("/"); + const fileName = file?.[0]?.name; + const id = fileUrl?.[0]?.id; + // const fileType = type === "facilityWithBoundary" ? "facility" : type === "userWithBoundary" ? "user" : type; + const fileType = + type === "facilityWithBoundary" ? "facility" : type === "userWithBoundary" ? "user" : type === "boundary" ? "boundaryWithTarget" : type; + return { + // ...i, + filestoreId: id, + resourceId: resourceId, + filename: fileName, + type: fileType, + }; + }) + .map(({ id, ...rest }) => rest); + setUploadedFile(fileData); + const validate = await validateExcel(file[0]); + }; + + const onFileDelete = (file, index) => { + setUploadedFile((prev) => prev.filter((i) => i.id !== file.id)); + setIsError(false); + setIsSuccess(false); + setIsValidation(false); + setApiError(null); + setErrorsType({}); + setShowToast(null); + }; + const onFileDownload = (file) => { + if (file && file?.url) { + // Splitting filename before .xlsx or .xls + const fileNameWithoutExtension = file?.filename.split(/\.(xlsx|xls)/)[0]; + Digit.Utils.campaign.downloadExcelWithCustomName({ fileStoreId: file?.filestoreId, customName: fileNameWithoutExtension }); + } + }; + useEffect(() => { + const fetchData = async () => { + if (!errorsType[type] && uploadedFile?.length > 0 && !isSuccess) { + // setShowToast({ key: "info", label: t("HCM_VALIDATION_IN_PROGRESS") }); + setIsValidation(true); + setIsError(true); + setLoader(true); + + try { + const temp = await Digit.Hooks.campaign.useResourceData( + uploadedFile, + boundaryHierarchy, + type, + tenantId, + id, + baseTimeOut?.["HCM-ADMIN-CONSOLE"] + ); + if (temp?.isError) { + setLoader(false); + setIsValidation(false); + const errorMessage = temp?.error.replaceAll(":", "-"); + setShowToast({ key: "error", label: errorMessage, transitionTime: 5000000 }); + setIsError(true); + setApiError(errorMessage); + + return; + } + if (temp?.status === "completed") { + setLoader(false); + setIsValidation(false); + if (temp?.additionalDetails?.sheetErrors.length === 0) { + setShowToast({ key: "success", label: t("HCM_VALIDATION_COMPLETED") }); + if (temp?.id) { + setResourceId(temp?.id); + } + if (!errorsType[type]) { + setIsError(false); + setIsSuccess(true); + return; + // setIsValidation(false); + } + return; + } else { + const processedFileStore = temp?.processedFilestoreId; + if (!processedFileStore) { + setShowToast({ key: "error", label: t("HCM_VALIDATION_FAILED") }); + // setIsValidation(true); + return; + } else { + const { data: { fileStoreIds: fileUrl } = {} } = await Digit.UploadServices.Filefetch([processedFileStore], tenantId); + const fileData = fileUrl + .map((i) => { + const urlParts = i?.url?.split("/"); + const id = fileUrl?.[0]?.id; + // const fileName = fileName; + const fileType = + type === "facilityWithBoundary" + ? "facility" + : type === "userWithBoundary" + ? "user" + : type === "boundary" + ? "boundaryWithTarget" + : type; + return { + ...i, + filestoreId: id, + filename: fileName, + type: fileType, + resourceId: temp?.id, + }; + }) + .map(({ id, ...rest }) => rest); + // onFileDelete(uploadedFile); + setUploadedFile(fileData); + setShowToast({ key: "warning", label: t("HCM_CHECK_FILE_AGAIN") }); + setIsError(true); + } + } + } else { + setLoader(false); + setIsValidation(false); + // setShowToast({ key: "error", label: t("HCM_VALIDATION_FAILED"), transitionTime: 5000000 }); + const processedFileStore = temp?.processedFilestoreId; + if (!processedFileStore) { + setShowToast({ key: "error", label: t("HCM_VALIDATION_FAILED"), transitionTime: 5000000 }); + return; + } else { + setIsError(true); + const { data: { fileStoreIds: fileUrl } = {} } = await Digit.UploadServices.Filefetch([processedFileStore], tenantId); + const fileData = fileUrl + .map((i) => { + const urlParts = i?.url?.split("/"); + const id = fileUrl?.[0]?.id; + // const fileName = file?.[0]?.name; + const fileType = + type === "facilityWithBoundary" + ? "facility" + : type === "userWithBoundary" + ? "user" + : type === "boundary" + ? "boundaryWithTarget" + : type; + return { + ...i, + filestoreId: id, + filename: fileName, + type: fileType, + }; + }) + .map(({ id, ...rest }) => rest); + // onFileDelete(uploadedFile); + setUploadedFile(fileData); + setShowToast({ key: "warning", label: t("HCM_CHECK_FILE_AGAIN"), transitionTime: 5000000 }); + setIsError(true); + } + } + } catch (error) { } + } + }; + + fetchData(); + }, [errorsType]); + const Template = { + url: "/project-factory/v1/data/_download", + params: { + tenantId: tenantId, + type: type, + hierarchyType: boundaryHierarchy, + id: type === "boundary" ? params?.boundaryId : type === "facilityWithBoundary" ? params?.facilityId : params?.userId, + }, + }; + const mutation = Digit.Hooks.useCustomAPIMutationHook(Template); + + const downloadTemplate = async () => { + await mutation.mutate( + { + params: { + tenantId: tenantId, + type: type, + hierarchyType: boundaryHierarchy, + campaignId: id, + }, + }, + { + onSuccess: async (result) => { + if (result?.GeneratedResource?.[0]?.status === "failed") { + setDownloadError(true); + setShowToast({ key: "error", label: t("ERROR_WHILE_DOWNLOADING") }); + return; + } + if (result?.GeneratedResource?.[0]?.status === "inprogress") { + setDownloadError(true); + setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_TRY_IN_SOME_TIME") }); + return; + } + if (!result?.GeneratedResource?.[0]?.fileStoreid || result?.GeneratedResource?.length == 0) { + setDownloadError(true); + setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_TRY_IN_SOME_TIME") }); + return; + } + const filesArray = [result?.GeneratedResource?.[0]?.fileStoreid]; + const { data: { fileStoreIds: fileUrl } = {} } = await Digit.UploadServices.Filefetch(filesArray, tenantId); + const fileData = fileUrl?.map((i) => { + const urlParts = i?.url?.split("/"); + // const fileName = urlParts[urlParts?.length - 1]?.split("?")?.[0]; + const fileName = type === "boundary" ? "Target Template" : type === "facilityWithBoundary" ? "Facility Template" : "User Template"; + return { + ...i, + filename: fileName, + }; + }); + + if (fileData && fileData?.[0]?.url) { + setDownloadError(false); + if (fileData?.[0]?.id) { + downloadExcelWithCustomName({ fileStoreId: fileData?.[0]?.id, customName: fileData?.[0]?.filename }); + } + } else { + setDownloadError(true); + setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT") }); + } + }, + onError: (result) => { + setDownloadError(true); + setShowToast({ key: "error", label: t("ERROR_WHILE_DOWNLOADING") }); + }, + } + ); + }; + const closeToast = () => { + setShowToast(null); + }; + useEffect(() => { + if (showToast) { + const t = setTimeout(closeToast, 50000); + return () => clearTimeout(t); + } + }, [showToast]); + + // useEffect(() => { + // setShowToast(null); + // }, [currentKey]); + + useEffect(() => { + updateUrlParams({ key: key }); + window.dispatchEvent(new Event("checking")); + }, [key]); + + const onStepClick = (currentStepForKey) => { + // setCurrentStep(currentStepForKey+1); + setKey(currentStepForKey + baseKey); + }; + + return ( + <> +
+
+ + + + + + +
+ {loader && } +
+ +
+
+ {type === "boundary" ? t("WBH_UPLOAD_TARGET_MICROPLAN") : type === "facilityWithBoundary" ? t("WBH_UPLOAD_FACILITY_MICROPLAN") : t("WBH_UPLOAD_UNKNOWN")} +
+
+ {uploadedFile.length === 0 && ( +
+ {type === "boundary" ? t("HCM_BOUNDARY_MESSAGE") : type === "facilityWithBoundary" ? t("HCM_FACILITY_MESSAGE") : t("HCM_USER_MESSAGE")} +
+ )} + + {showInfoCard && ( + + {errorsType[type] && ( + + {errorsType[type] + .split(",") + .slice(0, 50) + .map((error, index) => ( + + {index > 0 &&
} + {error.trim()} + + ))} + + )} + , + ]} + /> + )} + + ( +
+

{info?.header}

+
    + {info?.descriptions.map((desc, i) => ( +
  • + {desc.isBold ?

    {desc.text}

    :

    {desc.text}

    } +
    • + ))} +
+
+ ))} + label={"Info"} + /> +
+ {showPopUp && ( + + {type === "boundary" + ? t("ES_CAMPAIGN_UPLOAD_BOUNDARY_DATA_MODAL_TEXT") + : type === "facilityWithBoundary" + ? t("ES_CAMPAIGN_UPLOAD_FACILITY_DATA_MODAL_TEXT") + : t("ES_CAMPAIGN_UPLOAD_USER_DATA_MODAL_TEXT ")} +
, + ]} + onOverlayClick={() => { + setShowPopUp(false); + }} + footerChildren={[ +