{reopenDate}
+Error
; + } + + return ( +
+ {t(`${LOCALIZATION_KEY.CS_HEADER}_COMPLAINT_SUMMARY`)}
+
+ {Object.keys(complaintDetails).length > 0 ? (
+
+
+ {t(`SERVICEDEFS.${complaintDetails.audit.serviceCode.toUpperCase()}`)}
+
+ {Object.keys(complaintDetails.details).map((flag, index, arr) => (
+ (typeof val === "object" ? t(val?.code) : t(val)))
+ : t(complaintDetails.details[flag]) || "N/A"
+ }
+ last={index === arr.length - 1}
+ />
+ ))}
+
+ {imageShownBelowComplaintDetails?.thumbs ? (
+ zoomImageWrapper(source, index)} />
+ ) : null}
+ {imageZoom ?
+
+ {complaintDetails?.service && (
+
+ {/*
+ {t(`${LOCALIZATION_KEY.CS_COMMON}_COMMENTS`)}
+
+
+
+
+ );
+};
+
+export default RatingAndFeedBack;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/Rating/SelectRating.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/Rating/SelectRating.js
new file mode 100644
index 00000000000..c24bce32f20
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/Rating/SelectRating.js
@@ -0,0 +1,62 @@
+import React, { useCallback, useState } from "react";
+import { useDispatch } from "react-redux";
+import { RatingCard, CardLabelError } from "@egovernments/digit-ui-react-components";
+import { useParams, Redirect, useHistory } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { updateComplaints } from "../../../redux/actions/index";
+
+const SelectRating = ({ parentRoute }) => {
+ const { t } = useTranslation();
+ const { id } = useParams();
+ const dispatch = useDispatch();
+ const history = useHistory();
+
+ let tenantId = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId();
+ const complaintDetails = Digit.Hooks.pgr.useComplaintDetails({ tenantId: tenantId, id: id }).complaintDetails;
+ const updateComplaint = useCallback((complaintDetails) => dispatch(updateComplaints(complaintDetails)), [dispatch]);
+ const [submitError, setError] = useState(false)
+
+ function log(data) {
+ if (complaintDetails && data.rating > 0 ) {
+ complaintDetails.service.rating = data.rating;
+ complaintDetails.service.additionalDetail = data.CS_FEEDBACK_WHAT_WAS_GOOD.join(",");
+ complaintDetails.workflow = {
+ action: "RATE",
+ comments: data.comments,
+ verificationDocuments: [],
+ };
+ updateComplaint({ service: complaintDetails.service, workflow: complaintDetails.workflow });
+ history.push(`${parentRoute}/response`);
+ }
+ else{
+ setError(true)
+ }
+ }
+
+ const config = {
+ texts: {
+ header: "CS_COMPLAINT_RATE_HELP_TEXT",
+ submitBarLabel: "CS_COMMONS_NEXT",
+ },
+ inputs: [
+ {
+ type: "rate",
+ maxRating: 5,
+ label: t("CS_COMPLAINT_RATE_TEXT"),
+ error: submitError ? {t("CS_FEEDBACK_ENTER_RATING_ERROR")} : null
+ },
+ {
+ type: "checkbox",
+ label: "CS_FEEDBACK_WHAT_WAS_GOOD",
+ checkLabels: [t("CS_FEEDBACK_SERVICES"), t("CS_FEEDBACK_RESOLUTION_TIME"), t("CS_FEEDBACK_QUALITY_OF_WORK"), t("CS_FEEDBACK_OTHERS")],
+ },
+ {
+ type: "textarea",
+ label: t("CS_COMMON_COMMENTS"),
+ name: "comments",
+ },
+ ],
+ };
+ return
+
+ {t(`${LOCALIZATION_KEY.CS_ADDCOMPLAINT}_PROVIDE_ADDITIONAL_DETAILS`)}
+ {t(`${LOCALIZATION_KEY.CS_ADDCOMPLAINT}_ADDITIONAL_DETAILS_TEXT`)}
+
+
+
+ );
+};
+
+export default AddtionalDetails;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/Reason.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/Reason.js
new file mode 100644
index 00000000000..a67b9b52c1c
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/Reason.js
@@ -0,0 +1,57 @@
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Link, useHistory, useParams } from "react-router-dom";
+import { BackButton, Card, CardHeader, CardLabelError, CardText, RadioButtons, SubmitBar } from "@egovernments/digit-ui-react-components";
+
+import { LOCALIZATION_KEY } from "../../../constants/Localization";
+import { getRoute, PgrRoutes, PGR_BASE } from "../../../constants/Routes";
+
+const ReasonPage = (props) => {
+ const history = useHistory();
+ const { t } = useTranslation();
+ const { id } = useParams();
+ const [selected, setSelected] = useState(null);
+ const [valid, setValid] = useState(true);
+
+ const onRadioChange = (value) => {
+ let reopenDetails = Digit.SessionStorage.get(`reopen.${id}`);
+ Digit.SessionStorage.set(`reopen.${id}`, { ...reopenDetails, reason: value });
+ setSelected(value);
+ };
+
+ function onSave() {
+ if (selected === null) {
+ setValid(false);
+ } else {
+ history.push(`${props.match.path}/upload-photo/${id}`);
+ }
+ }
+
+ return (
+
+ {t(`${LOCALIZATION_KEY.CS_REOPEN}_COMPLAINT`)}
+
+ {/* Select the option related to your complaint from the list given below.
+ If the complaint type you are looking for is not listed select others.{" "} */}
+ {/* {t(`${TRANSLATION_KEY}_OPTION_ONE`)} */}
+
+ {valid ? null : {t(`${LOCALIZATION_KEY.CS_ADDCOMPLAINT}_ERROR_REOPEN_REASON`)} }
+ setSelected(value)}
+ options={[
+ t(`${LOCALIZATION_KEY.CS_REOPEN}_OPTION_ONE`),
+ t(`${LOCALIZATION_KEY.CS_REOPEN}_OPTION_TWO`),
+ t(`${LOCALIZATION_KEY.CS_REOPEN}_OPTION_THREE`),
+ t(`${LOCALIZATION_KEY.CS_REOPEN}_OPTION_FOUR`),
+ ]}
+ />
+
+
+ );
+};
+
+export default ReasonPage;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/UploadPhoto.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/UploadPhoto.js
new file mode 100644
index 00000000000..a50ae8af67f
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/UploadPhoto.js
@@ -0,0 +1,71 @@
+import React, { useEffect, useState } from "react";
+import { Link, useHistory, useParams } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+
+import { Card, SubmitBar, BackButton, ImageUploadHandler, CardLabelError, LinkButton } from "@egovernments/digit-ui-react-components";
+
+import { LOCALIZATION_KEY } from "../../../constants/Localization";
+
+const UploadPhoto = (props) => {
+ const { t } = useTranslation();
+ const history = useHistory();
+ let { id } = useParams();
+ const [verificationDocuments, setVerificationDocuments] = useState(null);
+ const [valid, setValid] = useState(true);
+
+ const handleUpload = (ids) => {
+ setDocState(ids);
+ };
+
+ const setDocState = (ids) => {
+ if (ids?.length) {
+ const documents = ids.map((id) => ({
+ documentType: "PHOTO",
+ fileStoreId: id,
+ documentUid: "",
+ additionalDetails: {},
+ }));
+ setVerificationDocuments(documents);
+ }
+ };
+
+ function save() {
+ if (verificationDocuments === null) {
+ setValid(false);
+ } else {
+ history.push(`${props.match.path}/addional-details/${id}`);
+ }
+ }
+
+ function skip() {
+ history.push(`${props.match.path}/addional-details/${id}`);
+ }
+
+ useEffect(() => {
+ let reopenDetails = Digit.SessionStorage.get(`reopen.${id}`);
+ Digit.SessionStorage.set(`reopen.${id}`, { ...reopenDetails, verificationDocuments });
+ }, [verificationDocuments, id]);
+
+ return (
+
+
+ {t(`${LOCALIZATION_KEY.CS_ADDCOMPLAINT}_UPLOAD_ERROR_MESSAGE`)} }
+
+
+ );
+};
+
+export default UploadPhoto;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/index.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/index.js
new file mode 100644
index 00000000000..ddd9dab9acd
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ReopenComplaint/index.js
@@ -0,0 +1,28 @@
+import React, { useMemo } from "react";
+
+import { Route, Switch, useRouteMatch } from "react-router-dom";
+// import UserOnboarding from "../UserOnboarding/index";
+import { PgrRoutes, getRoute } from "../../../constants/Routes";
+import ReasonPage from "./Reason";
+import UploadPhoto from "./UploadPhoto";
+import AddtionalDetails from "./AddtionalDetails";
+import Response from "../Response";
+
+const ReopenComplaint = ({ match, history, parentRoute }) => {
+
+ const allParams = window.location.pathname.split("/")
+ const id = allParams[allParams.length - 1]
+ const tenantId = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId();
+
+ const complaintDetails = Digit.Hooks.pgr.useComplaintDetails({ tenantId: tenantId, id: id }).complaintDetails;
+ return (
+
+
+ );
+};
+
+export { ReopenComplaint };
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/Response.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/Response.js
new file mode 100644
index 00000000000..7712051c928
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/Response.js
@@ -0,0 +1,59 @@
+import React from "react";
+import { Card, Banner, CardText, SubmitBar } from "@egovernments/digit-ui-react-components";
+import { Link } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { PgrRoutes, getRoute } from "../../constants/Routes";
+import { useTranslation } from "react-i18next";
+
+const GetActionMessage = ({ action }) => {
+ const { t } = useTranslation();
+ switch (action) {
+ case "REOPEN":
+ return t(`CS_COMMON_COMPLAINT_REOPENED`);
+ case "RATE":
+ return t("CS_COMMON_THANK_YOU");
+ default:
+ return t(`CS_COMMON_COMPLAINT_SUBMITTED`);
+ }
+};
+
+const BannerPicker = ({ response }) => {
+ const { complaints } = response;
+ const { t } = useTranslation();
+ if (complaints && complaints.response && complaints.response.responseInfo) {
+ return (
+ {t("CS_COMMON_RATING_SUBMIT_TEXT")} : {t("CS_COMMON_TRACK_COMPLAINT_TEXT")} ;
+ }
+};
+
+const Response = (props) => {
+ const { t } = useTranslation();
+ const appState = useSelector((state) => state)["pgr"];
+ return (
+
+ {appState.complaints.response &&
+ );
+};
+
+export default Response;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/index.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/index.js
new file mode 100644
index 00000000000..9319f81beb7
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/index.js
@@ -0,0 +1,48 @@
+import React from "react";
+import { ReopenComplaint } from "./ReopenComplaint/index";
+import SelectRating from "./Rating/SelectRating";
+import { PgrRoutes, getRoute } from "../../constants/Routes";
+import { useRouteMatch, Switch, useLocation } from "react-router-dom";
+import { AppContainer, BackButton, PrivateRoute } from "@egovernments/digit-ui-react-components";
+
+import { CreateComplaint } from "./Create";
+import { ComplaintsList } from "./ComplaintsList";
+import ComplaintDetailsPage from "./ComplaintDetails";
+import Response from "./Response";
+import { useTranslation } from "react-i18next";
+
+const App = () => {
+ const { t } = useTranslation();
+ const { path, url, ...match } = useRouteMatch();
+ const location = useLocation();
+
+ const CreateComplaint = Digit?.ComponentRegistryService?.getComponent("PGRCreateComplaintCitizen");
+ const ComplaintsList = Digit?.ComponentRegistryService?.getComponent("PGRComplaintsList");
+ const ComplaintDetailsPage = Digit?.ComponentRegistryService?.getComponent("PGRComplaintDetailsPage");
+ const SelectRating = Digit?.ComponentRegistryService?.getComponent("PGRSelectRating");
+ const Response = Digit?.ComponentRegistryService?.getComponent("PGRResponseCitzen");
+
+ return (
+
+
+ );
+};
+
+export default App;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/ComplaintDetails.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/ComplaintDetails.js
new file mode 100644
index 00000000000..91641378146
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/ComplaintDetails.js
@@ -0,0 +1,504 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { useParams } from "react-router-dom";
+import {
+ BreakLine,
+ Card,
+ CardLabel,
+ CardLabelDesc,
+ CardSubHeader,
+ ConnectingCheckPoints,
+ CheckPoint,
+ DisplayPhotos,
+ MediaRow,
+ LastRow,
+ Row,
+ StatusTable,
+ PopUp,
+ HeaderBar,
+ ImageViewer,
+ TextInput,
+ TextArea,
+ UploadFile,
+ ButtonSelector,
+ Toast,
+ ActionBar,
+ Menu,
+ SubmitBar,
+ Dropdown,
+ Loader,
+ Modal,
+ SectionalDropdown,
+} from "@egovernments/digit-ui-react-components";
+
+import { Close } from "../../Icons";
+import { useTranslation } from "react-i18next";
+import { isError, useQueryClient } from "react-query";
+import StarRated from "../../components/timelineInstances/StarRated";
+
+const MapView = (props) => {
+ return (
+ close(popup)} />}
+ actionCancelLabel={t("CS_COMMON_CANCEL")}
+ actionCancelOnSubmit={() => close(popup)}
+ actionSaveLabel={
+ selectedAction === "ASSIGN" || selectedAction === "REASSIGN"
+ ? t("CS_COMMON_ASSIGN")
+ : selectedAction === "REJECT"
+ ? t("CS_COMMON_REJECT")
+ : selectedAction === "REOPEN"
+ ? t("CS_COMMON_REOPEN")
+ : t("CS_COMMON_RESOLVE")
+ }
+ actionSaveOnSubmit={() => {
+ if(selectedAction === "REJECT" && !comments)
+ setError(t("CS_MANDATORY_COMMENTS"));
+ else
+ onAssign(selectedEmployee, comments, uploadedFile);
+ }}
+ error={error}
+ setError={setError}
+ >
+
+ {selectedAction === "REJECT" || selectedAction === "RESOLVE" || selectedAction === "REOPEN" ? null : (
+
+ {t("CS_COMMON_EMPLOYEE_NAME")}
+ {employeeData &&
+ )}
+ {selectedAction === "REOPEN" ? (
+
+ {t("CS_REOPEN_COMPLAINT")}
+
+ ) : null}
+ {t("CS_COMMON_EMPLOYEE_COMMENTS")}
+
+ {t("CS_ACTION_SUPPORTING_DOCUMENTS")}
+ {t(`CS_UPLOAD_RESTRICTIONS`)}
+ {
+ setUploadedFile(null);
+ }}
+ message={uploadedFile ? `1 ${t(`CS_ACTION_FILEUPLOADED`)}` : t(`CS_ACTION_NO_FILEUPLOADED`)}
+ />
+
+
+ );
+};
+
+export const ComplaintDetails = (props) => {
+ let { id } = useParams();
+ const { t } = useTranslation();
+ const [fullscreen, setFullscreen] = useState(false);
+ const [imageZoom, setImageZoom] = useState(null);
+ // const [actionCalled, setActionCalled] = useState(false);
+ const [toast, setToast] = useState(false);
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const { isLoading, complaintDetails, revalidate: revalidateComplaintDetails } = Digit.Hooks.pgr.useComplaintDetails({ tenantId, id });
+ const workflowDetails = Digit.Hooks.useWorkflowDetails({ tenantId, id, moduleCode: "PGR", role: "EMPLOYEE" });
+ const [imagesToShowBelowComplaintDetails, setImagesToShowBelowComplaintDetails] = useState([])
+
+ // RAIN-5692 PGR : GRO is assigning complaint, Selecting employee and assign. Its not getting assigned.
+ // Fix for next action assignee dropdown issue
+ if (workflowDetails && workflowDetails?.data){
+ workflowDetails.data.initialActionState=workflowDetails?.data?.initialActionState || {...workflowDetails?.data?.actionState } || {} ;
+ workflowDetails.data.actionState = { ...workflowDetails.data };
+ }
+
+ useEffect(()=>{
+ if(workflowDetails){
+ const {data:{timeline: complaintTimelineData}={}} = workflowDetails
+ if(complaintTimelineData){
+ const actionByCitizenOnComplaintCreation = complaintTimelineData?.find( e => e?.performedAction === "APPLY")
+ const { thumbnailsToShow } = actionByCitizenOnComplaintCreation
+ thumbnailsToShow ? setImagesToShowBelowComplaintDetails(thumbnailsToShow) : null
+ }
+ }
+ },[workflowDetails])
+ const [displayMenu, setDisplayMenu] = useState(false);
+ const [popup, setPopup] = useState(false);
+ const [selectedAction, setSelectedAction] = useState(null);
+ const [assignResponse, setAssignResponse] = useState(null);
+ const [loader, setLoader] = useState(false);
+ const [rerender, setRerender] = useState(1);
+ const client = useQueryClient();
+ function popupCall(option) {
+ setDisplayMenu(false);
+ setPopup(true);
+ }
+
+ useEffect(() => {
+ (async () => {
+ const assignWorkflow = await Digit?.WorkflowService?.getByBusinessId(tenantId, id);
+ })();
+ }, [complaintDetails]);
+
+ const refreshData = async () => {
+ await client.refetchQueries(["fetchInboxData"]);
+ await workflowDetails.revalidate();
+ await revalidateComplaintDetails();
+ };
+
+ useEffect(() => {
+ (async () => {
+ if (complaintDetails) {
+ setLoader(true);
+ await refreshData();
+ setLoader(false);
+ }
+ })();
+ }, []);
+
+ function zoomView() {
+ setFullscreen(!fullscreen);
+ }
+
+ function close(state) {
+ switch (state) {
+ case fullscreen:
+ setFullscreen(!fullscreen);
+ break;
+ case popup:
+ setPopup(!popup);
+ break;
+ default:
+ break;
+ }
+ }
+
+ function zoomImage(imageSource, index) {
+ setImageZoom(imageSource);
+ }
+ function zoomImageWrapper(imageSource, index){
+ zoomImage(imagesToShowBelowComplaintDetails?.fullImage[index]);
+ }
+ function onCloseImageZoom() {
+ setImageZoom(null);
+ }
+
+ function onActionSelect(action) {
+ setSelectedAction(action);
+ switch (action) {
+ case "ASSIGN":
+ setPopup(true);
+ setDisplayMenu(false);
+ break;
+ case "REASSIGN":
+ setPopup(true);
+ setDisplayMenu(false);
+ break;
+ case "RESOLVE":
+ setPopup(true);
+ setDisplayMenu(false);
+ break;
+ case "REJECT":
+ setPopup(true);
+ setDisplayMenu(false);
+ break;
+ case "REOPEN":
+ setPopup(true);
+ setDisplayMenu(false);
+ break;
+ default:
+ setDisplayMenu(false);
+ }
+ }
+
+ async function onAssign(selectedEmployee, comments, uploadedFile) {
+ setPopup(false);
+ const response = await Digit.Complaint.assign(complaintDetails, selectedAction, selectedEmployee, comments, uploadedFile, tenantId);
+ setAssignResponse(response);
+ setToast(true);
+ setLoader(true);
+ await refreshData();
+ setLoader(false);
+ setRerender(rerender + 1);
+ setTimeout(() => setToast(false), 10000);
+ }
+
+ function closeToast() {
+ setToast(false);
+ }
+
+ if (isLoading || workflowDetails.isLoading || loader) {
+ return {workflowDetails.error} ;
+
+ const getTimelineCaptions = (checkpoint, index, arr) => {
+ const {wfComment: comment, thumbnailsToShow} = checkpoint;
+ function zoomImageTimeLineWrapper(imageSource, index,thumbnailsToShow){
+ let newIndex=thumbnailsToShow.thumbs?.findIndex(link=>link===imageSource);
+ zoomImage((newIndex>-1&&thumbnailsToShow?.fullImage?.[newIndex])||imageSource);
+ }
+ const captionForOtherCheckpointsInTL = {
+ date: checkpoint?.auditDetails?.lastModified,
+ name: checkpoint?.assigner?.name,
+ mobileNumber: checkpoint?.assigner?.mobileNumber,
+ ...checkpoint.status === "COMPLAINT_FILED" && complaintDetails?.audit ? {
+ source: complaintDetails.audit.source,
+ } : {}
+ }
+ const isFirstPendingForAssignment = arr.length - (index + 1) === 1 ? true : false
+ if (checkpoint.status === "PENDINGFORASSIGNMENT" && complaintDetails?.audit) {
+ if(isFirstPendingForAssignment){
+ const caption = {
+ date: Digit.DateUtils.ConvertTimestampToDate(complaintDetails.audit.details.createdTime),
+ };
+ return ;
+ } else {
+ const caption = {
+ date: Digit.DateUtils.ConvertTimestampToDate(complaintDetails.audit.details.createdTime),
+ };
+ return <>
+ {checkpoint?.wfComment ? : null}
+
+ }
+ }
+ // return (checkpoint.caption && checkpoint.caption.length !== 0) || checkpoint?.wfComment?.length > 0 ? : null}
+ {(checkpoint.status == "CLOSEDAFTERRESOLUTION" && complaintDetails.workflow.action == "RATE" && index <= 1) && complaintDetails.audit.rating ?
+
+ {t(`CS_HEADER_COMPLAINT_SUMMARY`)}
+ {t(`CS_COMPLAINT_DETAILS_COMPLAINT_DETAILS`)}
+ {isLoading ? (
+
+ {complaintDetails &&
+ Object.keys(complaintDetails?.details).map((k, i, arr) => (
+ (typeof val === "object" ? t(val?.code) : t(val)))
+ : t(complaintDetails?.details[k]) || "N/A"
+ }
+ last={arr.length - 1 === i}
+ />
+ ))}
+
+ {1 === 1 ? null : (
+
+
+ )}
+
+ )}
+ {imagesToShowBelowComplaintDetails?.thumbs ? (
+ zoomImageWrapper(source, index)} />
+ ) : null}
+
+ {t(`CS_COMPLAINT_DETAILS_COMPLAINT_TIMELINE`)}
+
+ {workflowDetails?.data?.timeline && workflowDetails?.data?.timeline?.length === 1 ? (
+
+ {workflowDetails?.data?.timeline &&
+ workflowDetails?.data?.timeline.map((checkpoint, index, arr) => {
+ return (
+
+
+ );
+ })}
+
+ )}
+
+ )}
+
+ {fullscreen ? (
+
+
+ ) : null}
+ {imageZoom ?
+ {displayMenu && workflowDetails?.data?.nextActions ? (
+
+ )}
+
+ );
+};
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/CreateComplaint/index.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/CreateComplaint/index.js
new file mode 100644
index 00000000000..a3313270966
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/CreateComplaint/index.js
@@ -0,0 +1,261 @@
+import React, { useState, useEffect, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { useDispatch } from "react-redux";
+import { Dropdown } from "@egovernments/digit-ui-react-components";
+import { useRouteMatch, useHistory } from "react-router-dom";
+import { useQueryClient } from "react-query";
+
+import { FormComposer } from "../../../components/FormComposer";
+import { createComplaint } from "../../../redux/actions/index";
+
+export const CreateComplaint = ({ parentUrl }) => {
+ const cities = Digit.Hooks.pgr.useTenants();
+ const { t } = useTranslation();
+
+ const getCities = () => cities?.filter((e) => e.code === Digit.ULBService.getCurrentTenantId()) || [];
+
+ const [complaintType, setComplaintType] = useState({});
+ const [subTypeMenu, setSubTypeMenu] = useState([]);
+ const [subType, setSubType] = useState({});
+ const [pincode, setPincode] = useState("");
+ const [selectedCity, setSelectedCity] = useState(getCities()[0] ? getCities()[0] : null);
+
+ const { data: fetchedLocalities } = Digit.Hooks.useBoundaryLocalities(
+ getCities()[0]?.code,
+ "admin",
+ {
+ enabled: !!getCities()[0],
+ },
+ t
+ );
+
+ const [localities, setLocalities] = useState(fetchedLocalities);
+ const [selectedLocality, setSelectedLocality] = useState(null);
+ const [canSubmit, setSubmitValve] = useState(false);
+ const [submitted, setSubmitted] = useState(false);
+
+ const [pincodeNotValid, setPincodeNotValid] = useState(false);
+ const [params, setParams] = useState({});
+ const tenantId = window.Digit.SessionStorage.get("Employee.tenantId");
+ const menu = Digit.Hooks.pgr.useComplaintTypes({ stateCode: tenantId });
+ const dispatch = useDispatch();
+ const match = useRouteMatch();
+ const history = useHistory();
+ const serviceDefinitions = Digit.GetServiceDefinitions;
+ const client = useQueryClient();
+
+ useEffect(() => {
+ if (complaintType?.key && subType?.key && selectedCity?.code && selectedLocality?.code) {
+ setSubmitValve(true);
+ } else {
+ setSubmitValve(false);
+ }
+ }, [complaintType, subType, selectedCity, selectedLocality]);
+
+ useEffect(() => {
+ setLocalities(fetchedLocalities);
+ }, [fetchedLocalities]);
+
+ useEffect(() => {
+ const city = cities.find((obj) => obj.pincode?.find((item) => item == pincode));
+ if (city?.code&&city?.code === getCities()[0]?.code) {
+ setPincodeNotValid(false);
+ setSelectedCity(city);
+ setSelectedLocality(null);
+ const __localityList = fetchedLocalities;
+ const __filteredLocalities = __localityList?.filter((city) => city["pincode"] == pincode);
+ setLocalities(__filteredLocalities);
+ } else if (pincode === "" || pincode === null) {
+ setPincodeNotValid(false);
+ setLocalities(fetchedLocalities);
+ } else {
+ setPincodeNotValid(true);
+ }
+ }, [pincode]);
+
+ async function selectedType(value) {
+ if (value.key !== complaintType.key) {
+ if (value.key === "Others") {
+ setSubType({ name: "" });
+ setComplaintType(value);
+ setSubTypeMenu([{ key: "Others", name: t("SERVICEDEFS.OTHERS") }]);
+ } else {
+ setSubType({ name: "" });
+ setComplaintType(value);
+ setSubTypeMenu(await serviceDefinitions.getSubMenu(tenantId, value, t));
+ }
+ }
+ }
+
+ function selectedSubType(value) {
+ setSubType(value);
+ }
+
+ // city locality logic
+ const selectCity = async (city) => {
+ // if (selectedCity?.code !== city.code) {}
+ return;
+ };
+
+ function selectLocality(locality) {
+ setSelectedLocality(locality);
+ }
+
+ const wrapperSubmit = (data) => {
+ if (!canSubmit) return;
+ setSubmitted(true);
+ !submitted && onSubmit(data);
+ };
+
+ //On SUbmit
+ const onSubmit = async (data) => {
+ if (!canSubmit) return;
+ const cityCode = selectedCity.code;
+ const city = selectedCity.city.name;
+ const district = selectedCity.city.name;
+ const region = selectedCity.city.name;
+ const localityCode = selectedLocality.code;
+ const localityName = selectedLocality.name;
+ const landmark = data.landmark;
+ const { key } = subType;
+ const complaintType = key;
+ const mobileNumber = data.mobileNumber;
+ const name = data.name;
+ const formData = { ...data, cityCode, city, district, region, localityCode, localityName, landmark, complaintType, mobileNumber, name };
+ await dispatch(createComplaint(formData));
+ await client.refetchQueries(["fetchInboxData"]);
+ history.push(parentUrl + "/response");
+ };
+
+ const handlePincode = (event) => {
+ const { value } = event.target;
+ setPincode(value);
+ if (!value) {
+ setPincodeNotValid(false);
+ }
+ };
+
+ const isPincodeValid = () => !pincodeNotValid;
+
+ const config = [
+ {
+ head: t("ES_CREATECOMPLAINT_PROVIDE_COMPLAINANT_DETAILS"),
+ body: [
+ {
+ label: t("ES_CREATECOMPLAINT_MOBILE_NUMBER"),
+ isMandatory: true,
+ type: "text",
+ populators: {
+ name: "mobileNumber",
+ validation: {
+ required: true,
+ pattern: /^[6-9]\d{9}$/,
+ },
+ componentInFront:
+ {appState.complaints.response && {t("ES_COMMON_TRACK_COMPLAINT_TEXT")}
+
+
+ );
+};
+
+export default Response;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/index.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/index.js
new file mode 100644
index 00000000000..29d5772135e
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/index.js
@@ -0,0 +1,89 @@
+import React, { useState } from "react";
+import { Switch, Route, useRouteMatch, useLocation } from "react-router-dom";
+import { ActionBar, Menu, SubmitBar, BreadCrumb } from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+// import { ComplaintDetails } from "./ComplaintDetails";
+// import { CreateComplaint } from "./CreateComplaint";
+// import Inbox from "./Inbox";
+import { Employee } from "../../constants/Routes";
+// import Response from "./Response";
+
+const Complaint = () => {
+ const [displayMenu, setDisplayMenu] = useState(false);
+ const [popup, setPopup] = useState(false);
+ const match = useRouteMatch();
+ const { t } = useTranslation();
+
+ const breadcrumConfig = {
+ home: {
+ content: t("CS_COMMON_HOME"),
+ path: Employee.Home,
+ },
+ inbox: {
+ content: t("CS_COMMON_INBOX"),
+ path: match.url + Employee.Inbox,
+ },
+ createComplaint: {
+ content: t("CS_PGR_CREATE_COMPLAINT"),
+ path: match.url + Employee.CreateComplaint,
+ },
+ complaintDetails: {
+ content: t("CS_PGR_COMPLAINT_DETAILS"),
+ path: match.url + Employee.ComplaintDetails + ":id",
+ },
+ response: {
+ content: t("CS_PGR_RESPONSE"),
+ path: match.url + Employee.Response,
+ },
+ };
+ function popupCall(option) {
+ setDisplayMenu(false);
+ setPopup(true);
+ }
+
+ let location = useLocation().pathname;
+
+ const CreateComplaint = Digit?.ComponentRegistryService?.getComponent('PGRCreateComplaintEmp');
+ const ComplaintDetails = Digit?.ComponentRegistryService?.getComponent('PGRComplaintDetails');
+ const Inbox = Digit?.ComponentRegistryService?.getComponent('PGRInbox');
+ const Response = Digit?.ComponentRegistryService?.getComponent('PGRResponseEmp');
+
+ return (
+
+
+ {displayMenu ? : null}
+ setDisplayMenu(!displayMenu)} />
+ */}
+
+ );
+};
+
+export default Complaint;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/complaint.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/complaint.js
new file mode 100644
index 00000000000..c41760b87c5
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/complaint.js
@@ -0,0 +1,41 @@
+import { CREATE_COMPLAINT } from "./types";
+
+const createComplaint = ({
+ cityCode,
+ complaintType,
+ description,
+ landmark,
+ city,
+ district,
+ region,
+ state,
+ pincode,
+ localityCode,
+ localityName,
+ uploadedImages,
+ mobileNumber,
+ name,
+}) => async (dispatch, getState) => {
+ const response = await Digit.Complaint.create({
+ cityCode,
+ complaintType,
+ description,
+ landmark,
+ city,
+ district,
+ region,
+ state,
+ pincode,
+ localityCode,
+ localityName,
+ uploadedImages,
+ mobileNumber,
+ name,
+ });
+ dispatch({
+ type: CREATE_COMPLAINT,
+ payload: response,
+ });
+};
+
+export default createComplaint;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/index.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/index.js
new file mode 100644
index 00000000000..805c84dc097
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/index.js
@@ -0,0 +1,52 @@
+import {
+ APPLY_FILTER,
+ APPLY_INBOX_FILTER,
+ FETCH_BUSINESS_SERVICE_BY_ID,
+ FETCH_COMPLAINTS,
+ FETCH_LOCALITIES,
+ UPDATE_COMPLAINT,
+ FETCH_ALL_BUSINESSS_SERVICES,
+} from "./types";
+//import { LocalizationService } from "../../@egovernments/digit-utils/services/Localization/service";
+//import { LocationService } from "../../@egovernments/digit-utils/services/Location";
+//import { LocalityService } from "../../@egovernments/digit-utils/services/Localities";
+import createComplaint from "./complaint";
+
+export const fetchLocalities = (city) => async (dispatch, getState) => {
+ city = city.toLowerCase();
+ const { stateInfo } = getState();
+ let response = await Digit.LocationService.getLocalities(`${stateInfo.code}.${city}`);
+ let localityList = Digit.LocalityService.get(response.TenantBoundary[0]);
+ dispatch({
+ type: FETCH_LOCALITIES,
+ payload: { localityList },
+ });
+};
+
+export const updateComplaints = (data) => async (dispatch) => {
+ let ServiceWrappers = await Digit.PGRService.update(data);
+
+ dispatch({
+ type: UPDATE_COMPLAINT,
+ payload: ServiceWrappers,
+ });
+};
+
+export const fetchBusinessServiceByTenant = (tenantId, businessServices) => async (dispatch) => {
+ const businessServiceResponse = await Digit.WorkflowService.init(tenantId, businessServices);
+ const businessService = businessServiceResponse.BusinessServices;
+ dispatch({
+ type: FETCH_ALL_BUSINESSS_SERVICES,
+ payload: { businessService },
+ });
+};
+
+export const applyInboxFilters = (filters) => async (dispatch) => {
+ let response = await Digit.PGRService.inboxFilter(filters);
+ dispatch({
+ type: APPLY_INBOX_FILTER,
+ payload: { response },
+ });
+};
+
+export { createComplaint };
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/types.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/types.js
new file mode 100644
index 00000000000..0b706733621
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/actions/types.js
@@ -0,0 +1,16 @@
+//TODO: Make these immutable
+export const FETCH_CITIES = "FETCH_CITIES";
+export const FETCH_LOCALITIES = "FETCH_LOCALITIES";
+export const FETCH_LOCALIZATION_KEYS_PGR = "FETCH_LOCALIZATION_KEYS_PGR";
+export const UPDATE_I18NSTORE_CITY_PGR = "UPDATE_I18nStore_CITY_PGR";
+export const FETCH_LOCALITY_LOCALIZATION_KEYS_PGR = "FETCH_LOCALITY_LOCALIZATION_KEYS_PGR";
+export const CREATE_LOCALITY_DROPDOWN = "CREATE_LOCALITY_DROPDOWN";
+export const UPDATE_I18nStore_LOCALITY_PGR = "UPDATE_I18nStore_LOCALITY_PGR";
+export const CHANGE_LANGUAGE = "CHANGE_LANGUAGE";
+export const FETCH_LANGUAGES = "FETCH_LANGUAGES";
+export const FETCH_COMPLAINTS = "FETCH_COMPLAINTS";
+export const FETCH_ALL_BUSINESSS_SERVICES = "FETCH_ALL_BUSINESSS_SERVICES";
+export const FETCH_BUSINESS_SERVICE_BY_ID = "FETCH_BUSINESS_SERVICE_BY_ID";
+export const UPDATE_COMPLAINT = "UPDATE_COMPLAINT";
+export const CREATE_COMPLAINT = "CREATE_COMPLAINT";
+export const APPLY_INBOX_FILTER = "APPLY_INBOX_FILTER";
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/reducers/complaintReducer.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/reducers/complaintReducer.js
new file mode 100644
index 00000000000..92bffc66a43
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/reducers/complaintReducer.js
@@ -0,0 +1,18 @@
+import { APPLY_INBOX_FILTER, CREATE_COMPLAINT, FETCH_COMPLAINTS, UPDATE_COMPLAINT } from "../actions/types";
+
+function complaintReducer(state = {}, action) {
+ switch (action.type) {
+ case CREATE_COMPLAINT:
+ return { ...state, response: action.payload };
+ case FETCH_COMPLAINTS:
+ return { ...state, list: action.payload.complaints };
+ case UPDATE_COMPLAINT:
+ return { ...state, response: action.payload };
+ case APPLY_INBOX_FILTER:
+ return { ...state, response: action.payload.response.instances };
+ default:
+ return state;
+ }
+}
+
+export default complaintReducer;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/reducers/index.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/reducers/index.js
new file mode 100644
index 00000000000..40f634f19c8
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/reducers/index.js
@@ -0,0 +1,9 @@
+import { combineReducers } from "redux";
+import complaintReducer from "./complaintReducer";
+
+const getRootReducer = () =>
+ combineReducers({
+ complaints: complaintReducer,
+ });
+
+export default getRootReducer;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/store.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/store.js
new file mode 100644
index 00000000000..57eb63e5a60
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/redux/store.js
@@ -0,0 +1,14 @@
+import { createStore, compose, applyMiddleware } from "redux";
+// import { composeWithDevTools } from "redux-devtools-extension";
+import thunk from "redux-thunk";
+import getRootReducer from "./reducers";
+
+const middleware = [thunk];
+const getStore = (defaultStore) => {
+ return createStore(
+ getRootReducer(defaultStore),
+ // composeWithDevTools(applyMiddleware(...middleware)) // :
+ compose(applyMiddleware(...middleware))
+ );
+};
+export default getStore;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/selectors/complaint.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/selectors/complaint.js
new file mode 100644
index 00000000000..cc3decc505e
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/selectors/complaint.js
@@ -0,0 +1,3 @@
+export const selectComplaints = (state) => state.pgr.complaints.list || [];
+
+export const selectComplaintById = (state, id) => state.pgr.complaints.list.filter((complaint) => complaint.service.serviceRequestId === id);
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/selectors/processInstance.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/selectors/processInstance.js
new file mode 100644
index 00000000000..d58cc569e48
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/selectors/processInstance.js
@@ -0,0 +1 @@
+export const selectWorkflow = (state) => (state.businessService && state.businessService.businessService) || {};
diff --git a/micro-ui/web/micro-ui-internals/publish.sh b/micro-ui/web/micro-ui-internals/publish.sh
index fd96469f4eb..55aa1126fd7 100644
--- a/micro-ui/web/micro-ui-internals/publish.sh
+++ b/micro-ui/web/micro-ui-internals/publish.sh
@@ -47,6 +47,9 @@ cd "$BASEDIR/packages/modules/core" && rm -rf dist && yarn&& npm publish --acc
# msg "Building and publishing Utilities module"
cd "$BASEDIR/packages/modules/utilities" && rm -rf dist && yarn&& npm publish --access public
+# msg "Building and publishing pgr module"
+cd "$BASEDIR/packages/modules/pgr" && rm -rf dist && yarn&& npm publish --access public
-# msg "Building and publishing Utilities module"
+
+# msg "Building and publishing workbench module"
cd "$BASEDIR/packages/modules/workbench" && rm -rf dist && yarn&& npm publish --access public
diff --git a/micro-ui/web/package.json b/micro-ui/web/package.json
index dfb709accbb..bb8ee1623ea 100644
--- a/micro-ui/web/package.json
+++ b/micro-ui/web/package.json
@@ -1,6 +1,6 @@
{
"name": "micro-ui",
- "version": "1.0.0",
+ "version": "1.8.0",
"author": "Jagankumar ",
"license": "MIT",
"private": true,
@@ -16,10 +16,11 @@
"dependencies": {
"@egovernments/digit-ui-libraries": "1.8.0",
"@egovernments/digit-ui-module-workbench": "1.0.1",
- "@egovernments/digit-ui-module-core": "1.8.0",
+ "@egovernments/digit-ui-module-core": "1.8.1",
"@egovernments/digit-ui-module-hrms": "1.8.0",
"@egovernments/digit-ui-react-components": "1.8.0",
"@egovernments/digit-ui-module-dss": "1.8.0",
+ "@egovernments/digit-ui-module-pgr": "1.8.0",
"@egovernments/digit-ui-module-common": "1.8.0",
"@egovernments/digit-ui-module-utilities": "1.0.0",
"@egovernments/digit-ui-module-engagement": "1.8.0",
diff --git a/micro-ui/web/src/App.js b/micro-ui/web/src/App.js
index 26a4f11a8ed..58195d231f3 100644
--- a/micro-ui/web/src/App.js
+++ b/micro-ui/web/src/App.js
@@ -12,6 +12,10 @@ import { initHRMSComponents } from "@egovernments/digit-ui-module-hrms";
import { initUtilitiesComponents } from "@egovernments/digit-ui-module-utilities";
import { UICustomizations } from "./Customisations/UICustomizations";
import { initWorkbenchComponents } from "@egovernments/digit-ui-module-workbench";
+import {
+ initPGRComponents,
+ PGRReducers,
+} from "@egovernments/digit-ui-module-pgr";
window.contextPath = window?.globalConfigs?.getConfig("CONTEXT_PATH");
@@ -22,10 +26,12 @@ const enabledModules = [
"HRMS",
"Engagement",
"Workbench",
+ "PGR"
+
];
const moduleReducers = (initData) => ({
- initData,
+ initData, pgr: PGRReducers(initData),
});
const initDigitUI = () => {
@@ -35,6 +41,7 @@ const initDigitUI = () => {
PaymentLinks,
});
+ initPGRComponents();
initDSSComponents();
initHRMSComponents();
initEngagementComponents();
diff --git a/micro-ui/web/workbench/App.js b/micro-ui/web/workbench/App.js
index 9942ec2866d..82e035e3dc7 100644
--- a/micro-ui/web/workbench/App.js
+++ b/micro-ui/web/workbench/App.js
@@ -1,10 +1,15 @@
import React from "react";
import { initLibraries } from "@egovernments/digit-ui-libraries";
import { DigitUI } from "@egovernments/digit-ui-module-core";
-// import { initHRMSComponents } from "@egovernments/digit-ui-module-hrms";
+import { initHRMSComponents } from "@egovernments/digit-ui-module-hrms";
import { UICustomizations } from "./Customisations/UICustomizations";
import { initWorkbenchComponents } from "@egovernments/digit-ui-module-workbench";
import { initUtilitiesComponents } from "@egovernments/digit-ui-module-utilities";
+import {
+ initPGRComponents,
+ PGRReducers,
+} from "@egovernments/digit-ui-module-pgr";
+import { initEngagementComponents } from "@egovernments/digit-ui-module-engagement";
window.contextPath = window?.globalConfigs?.getConfig("CONTEXT_PATH");
@@ -12,13 +17,14 @@ const enabledModules = [
"DSS",
"NDSS",
"Utilities",
- // "HRMS",
+ "HRMS",
"Engagement",
"Workbench",
+ "PGR"
];
const moduleReducers = (initData) => ({
- initData,
+ initData, pgr: PGRReducers(initData),
});
const initDigitUI = () => {
@@ -27,6 +33,9 @@ const initDigitUI = () => {
PGR: {},
commonUiConfig: UICustomizations,
};
+ initPGRComponents();
+ initEngagementComponents();
+ initHRMSComponents();
initUtilitiesComponents();
initWorkbenchComponents();
};
diff --git a/micro-ui/web/workbench/package.json b/micro-ui/web/workbench/package.json
index 2a01e85bd81..637d5b98905 100644
--- a/micro-ui/web/workbench/package.json
+++ b/micro-ui/web/workbench/package.json
@@ -16,9 +16,12 @@
"dependencies": {
"@egovernments/digit-ui-libraries": "1.8.0",
"@egovernments/digit-ui-module-workbench": "1.0.1",
- "@egovernments/digit-ui-module-core": "1.8.0",
+ "@egovernments/digit-ui-module-core": "1.8.1",
"@egovernments/digit-ui-react-components": "1.8.0",
"@egovernments/digit-ui-module-utilities": "1.0.0",
+ "@egovernments/digit-ui-module-hrms":"1.8.0",
+ "@egovernments/digit-ui-module-pgr":"1.8.0",
+ "@egovernments/digit-ui-module-engagement":"1.5.20",
"babel-loader": "8.1.0",
"react": "17.0.2",
"react-dom": "17.0.2",
diff --git a/micro-ui/web/workbench/webpack.config.js b/micro-ui/web/workbench/webpack.config.js
index 00292d9cc66..c19e631fe01 100644
--- a/micro-ui/web/workbench/webpack.config.js
+++ b/micro-ui/web/workbench/webpack.config.js
@@ -14,6 +14,10 @@ module.exports = {
exclude: /node_modules/,
use: ["babel-loader"],
},
+ {
+ test: /\.css$/i,
+ use: ["style-loader", "css-loader"],
+ }
],
},
output: {
From ae278356f1ee9d54ff147039a5b698c5a1434286 Mon Sep 17 00:00:00 2001
From: Anil Singha <99383116+anilsingha-eGov@users.noreply.github.com>
Date: Fri, 3 May 2024 10:03:30 +0530
Subject: [PATCH 05/83] ISTE-11: Fixed Redirect logout url, Fixed breadcrumb
need to hide (#424)
* ISTE-11: Fixed Redirect logout url, Fixed breadcrumb need to hide
* ISTE-11: Added or operator
* ISTE-11: Upgraded package.json , Removed inline css
* ISTE-11: Updated logout redirect url
* Update index.js
---------
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
---
micro-ui/web/core/package.json | 2 +-
.../micro-ui-internals/example/package.json | 2 +-
.../packages/libraries/README.md | 1 +
.../packages/libraries/package.json | 2 +-
.../src/services/elements/User/index.js | 30 +++++++++----------
micro-ui/web/package.json | 2 +-
micro-ui/web/workbench/package.json | 2 +-
7 files changed, 20 insertions(+), 21 deletions(-)
diff --git a/micro-ui/web/core/package.json b/micro-ui/web/core/package.json
index 264a386922e..288a55de123 100644
--- a/micro-ui/web/core/package.json
+++ b/micro-ui/web/core/package.json
@@ -14,7 +14,7 @@
],
"homepage": "/core-ui",
"dependencies": {
- "@egovernments/digit-ui-libraries": "1.8.0",
+ "@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
"@egovernments/digit-ui-module-core": "1.8.1",
"@egovernments/digit-ui-module-pgr": "1.8.0",
diff --git a/micro-ui/web/micro-ui-internals/example/package.json b/micro-ui/web/micro-ui-internals/example/package.json
index 236dc6960a4..341e81fba1c 100644
--- a/micro-ui/web/micro-ui-internals/example/package.json
+++ b/micro-ui/web/micro-ui-internals/example/package.json
@@ -9,7 +9,7 @@
"start": "react-scripts start"
},
"devDependencies": {
- "@egovernments/digit-ui-libraries": "1.8.0",
+ "@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
"@egovernments/digit-ui-module-dss": "1.8.0",
"@egovernments/digit-ui-module-core": "1.8.1",
diff --git a/micro-ui/web/micro-ui-internals/packages/libraries/README.md b/micro-ui/web/micro-ui-internals/packages/libraries/README.md
index 8b632977f76..45dd849b233 100644
--- a/micro-ui/web/micro-ui-internals/packages/libraries/README.md
+++ b/micro-ui/web/micro-ui-internals/packages/libraries/README.md
@@ -55,6 +55,7 @@ export default App;
### Changelog
```bash
+1.8.1 Added logoutRedirectURL for mgramseva workbench
1.8.0 Released as part of workbench v1.0
```
diff --git a/micro-ui/web/micro-ui-internals/packages/libraries/package.json b/micro-ui/web/micro-ui-internals/packages/libraries/package.json
index b63038f1dfb..a8da4ae0bd5 100644
--- a/micro-ui/web/micro-ui-internals/packages/libraries/package.json
+++ b/micro-ui/web/micro-ui-internals/packages/libraries/package.json
@@ -1,6 +1,6 @@
{
"name": "@egovernments/digit-ui-libraries",
- "version": "1.8.0",
+ "version": "1.8.1",
"main": "dist/index.js",
"module": "dist/index.modern.js",
"source": "src/index.js",
diff --git a/micro-ui/web/micro-ui-internals/packages/libraries/src/services/elements/User/index.js b/micro-ui/web/micro-ui-internals/packages/libraries/src/services/elements/User/index.js
index 3cac213ee44..a370f09f5cd 100644
--- a/micro-ui/web/micro-ui-internals/packages/libraries/src/services/elements/User/index.js
+++ b/micro-ui/web/micro-ui-internals/packages/libraries/src/services/elements/User/index.js
@@ -3,26 +3,26 @@ import { Request, ServiceRequest } from "../../atoms/Utils/Request";
import { Storage } from "../../atoms/Utils/Storage";
export const UserService = {
- authenticate: async(details) => {
+ authenticate: async (details) => {
const data = new URLSearchParams();
Object.entries(details).forEach(([key, value]) => data.append(key, value));
data.append("scope", "read");
data.append("grant_type", "password");
-
- let authResponse= await ServiceRequest({
+
+ let authResponse = await ServiceRequest({
serviceName: "authenticate",
url: Urls.Authenticate,
data,
headers: {
- authorization: `Basic ${window?.globalConfigs?.getConfig("JWT_TOKEN")||"ZWdvdi11c2VyLWNsaWVudDo="}`,
+ authorization: `Basic ${window?.globalConfigs?.getConfig("JWT_TOKEN") || "ZWdvdi11c2VyLWNsaWVudDo="}`,
"Content-Type": "application/x-www-form-urlencoded",
},
});
- const invalidRoles = window?.globalConfigs?.getConfig("INVALIDROLES") || [];
- if (invalidRoles && invalidRoles.length > 0 && authResponse && authResponse?.UserRequest?.roles?.some((role) => invalidRoles.includes(role.code))) {
- throw new Error("ES_ERROR_USER_NOT_PERMITTED");
- }
- return authResponse;
+ const invalidRoles = window?.globalConfigs?.getConfig("INVALIDROLES") || [];
+ if (invalidRoles && invalidRoles.length > 0 && authResponse && authResponse?.UserRequest?.roles?.some((role) => invalidRoles.includes(role.code))) {
+ throw new Error("ES_ERROR_USER_NOT_PERMITTED");
+ }
+ return authResponse;
},
logoutUser: () => {
let user = UserService.getUser();
@@ -48,18 +48,16 @@ export const UserService = {
},
logout: async () => {
const userType = UserService.getType();
+ const logoutRedirectURL = window?.globalConfigs?.getConfig("LOGOUT_REDIRECT_URL") || `/${window?.contextPath}/${userType === "citizen"?"citizen":"employee/user/language-selection"}`;
try {
await UserService.logoutUser();
} catch (e) {
}
- finally{
+ finally {
window.localStorage.clear();
window.sessionStorage.clear();
- if (userType === "citizen") {
- window.location.replace(`/${window?.contextPath}/citizen`);
- } else {
- window.location.replace(`/${window?.contextPath}/employee/user/language-selection`);
- }
+ window.location.replace(`/${logoutRedirectURL}`);
+
}
},
sendOtp: (details, stateCode) =>
@@ -125,7 +123,7 @@ export const UserService = {
});
},
userSearch: async (tenantId, data, filters) => {
-
+
return ServiceRequest({
url: Urls.UserSearch,
params: { ...filters },
diff --git a/micro-ui/web/package.json b/micro-ui/web/package.json
index bb8ee1623ea..4eacdbc3e7d 100644
--- a/micro-ui/web/package.json
+++ b/micro-ui/web/package.json
@@ -14,7 +14,7 @@
],
"homepage": "/digit-ui",
"dependencies": {
- "@egovernments/digit-ui-libraries": "1.8.0",
+ "@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
"@egovernments/digit-ui-module-core": "1.8.1",
"@egovernments/digit-ui-module-hrms": "1.8.0",
diff --git a/micro-ui/web/workbench/package.json b/micro-ui/web/workbench/package.json
index 637d5b98905..b811085badc 100644
--- a/micro-ui/web/workbench/package.json
+++ b/micro-ui/web/workbench/package.json
@@ -14,7 +14,7 @@
],
"homepage": "/workbench-ui",
"dependencies": {
- "@egovernments/digit-ui-libraries": "1.8.0",
+ "@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
"@egovernments/digit-ui-module-core": "1.8.1",
"@egovernments/digit-ui-react-components": "1.8.0",
From 943abb3e2cc0744e835d0e33877ed2f736d51fa7 Mon Sep 17 00:00:00 2001
From: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
Date: Wed, 5 Jun 2024 10:13:36 +0530
Subject: [PATCH 06/83] fix: resolved AJV-related Jenkins build issue (#783)
* updated ajv for fasturi issue
* Update package.json
* Update package.json
* updated ajv
* check the ajv fixs
* try out for ,
"fast-uri":"2.1.0"
* Update package.json
* Update webpack.config.js
* revert all package change
* try build all packages
* Revert "revert all package change"
This reverts commit e25295129d32dc05f4e04c976b443e8cc0dd3164.
* updated the readme of core and components
* updted the core module version
---
micro-ui/web/core/inter-package.json | 6 ++++--
micro-ui/web/core/package.json | 7 ++++---
.../web/micro-ui-internals/example/package.json | 4 ++--
micro-ui/web/micro-ui-internals/package.json | 6 ++++--
.../packages/modules/core/README.md | 1 +
.../packages/modules/core/package.json | 4 ++--
.../packages/modules/pgr/package.json | 2 +-
.../packages/modules/workbench/package.json | 2 +-
.../packages/react-components/README.md | 1 +
.../packages/react-components/package.json | 16 ++++++++++------
micro-ui/web/package.json | 7 ++++---
micro-ui/web/workbench/inter-package.json | 6 ++++--
micro-ui/web/workbench/package.json | 7 ++++---
13 files changed, 42 insertions(+), 27 deletions(-)
diff --git a/micro-ui/web/core/inter-package.json b/micro-ui/web/core/inter-package.json
index db6e884f6ce..6d73a849610 100644
--- a/micro-ui/web/core/inter-package.json
+++ b/micro-ui/web/core/inter-package.json
@@ -48,7 +48,9 @@
},
"resolutions": {
"**/@babel/runtime": "7.20.1",
- "**/babel-preset-react-app": "10.0.0"
+ "**/babel-preset-react-app": "10.0.0",
+ "**/ajv": "8.11.2",
+ "fast-uri":"2.1.0"
},
"devDependencies": {
"husky": "7.0.4",
@@ -63,7 +65,7 @@
"dependencies": {
"lodash": "4.17.21",
"microbundle-crl": "0.13.11",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-hook-form": "6.15.8",
diff --git a/micro-ui/web/core/package.json b/micro-ui/web/core/package.json
index 288a55de123..52eabb1f64c 100644
--- a/micro-ui/web/core/package.json
+++ b/micro-ui/web/core/package.json
@@ -16,9 +16,9 @@
"dependencies": {
"@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
- "@egovernments/digit-ui-module-core": "1.8.1",
+ "@egovernments/digit-ui-module-core": "1.8.2",
"@egovernments/digit-ui-module-pgr": "1.8.0",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"@egovernments/digit-ui-module-utilities": "1.0.0",
"babel-loader": "8.1.0",
"clean-webpack-plugin": "4.0.0",
@@ -57,7 +57,8 @@
"**/@babel/core": "7.14.0",
"**/@babel/preset-env": "7.14.0",
"**/@babel/plugin-transform-modules-commonjs": "7.14.0",
- "**/polished":"4.2.2"
+ "**/polished":"4.2.2",
+ "fast-uri":"2.1.0"
},
"scripts": {
"start": "react-scripts start",
diff --git a/micro-ui/web/micro-ui-internals/example/package.json b/micro-ui/web/micro-ui-internals/example/package.json
index 341e81fba1c..f8b03e3697b 100644
--- a/micro-ui/web/micro-ui-internals/example/package.json
+++ b/micro-ui/web/micro-ui-internals/example/package.json
@@ -12,13 +12,13 @@
"@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
"@egovernments/digit-ui-module-dss": "1.8.0",
- "@egovernments/digit-ui-module-core": "1.8.1",
+ "@egovernments/digit-ui-module-core": "1.8.2",
"@egovernments/digit-ui-module-common": "1.8.0",
"@egovernments/digit-ui-module-pgr": "1.8.0",
"@egovernments/digit-ui-module-hrms": "1.8.0",
"@egovernments/digit-ui-module-utilities": "1.0.0",
"@egovernments/digit-ui-module-engagement": "1.8.0",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"http-proxy-middleware": "^1.0.5",
"react": "17.0.2",
"react-dom": "17.0.2",
diff --git a/micro-ui/web/micro-ui-internals/package.json b/micro-ui/web/micro-ui-internals/package.json
index 19a69c78172..a21133ca9b0 100644
--- a/micro-ui/web/micro-ui-internals/package.json
+++ b/micro-ui/web/micro-ui-internals/package.json
@@ -50,7 +50,9 @@
},
"resolutions": {
"**/@babel/runtime": "7.20.1",
- "**/babel-preset-react-app": "10.0.0"
+ "**/babel-preset-react-app": "10.0.0",
+ "**/ajv": "8.11.2",
+ "fast-uri":"2.1.0"
},
"devDependencies": {
"husky": "7.0.4",
@@ -65,7 +67,7 @@
"dependencies": {
"lodash": "4.17.21",
"microbundle-crl": "0.13.11",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-hook-form": "6.15.8",
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/README.md b/micro-ui/web/micro-ui-internals/packages/modules/core/README.md
index 0b5a1d4d023..c65ad694c4f 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/core/README.md
+++ b/micro-ui/web/micro-ui-internals/packages/modules/core/README.md
@@ -65,6 +65,7 @@ with
### Changelog
```bash
+1.8.2 build issue fix due to ajv library
1.8.1 sidebar null check fixes
1.8.0 workbench v1.0
1.8.0-beta.5 fix for login screen alignments
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/package.json b/micro-ui/web/micro-ui-internals/packages/modules/core/package.json
index 7d9a8ef9b01..65e1ef85169 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/core/package.json
+++ b/micro-ui/web/micro-ui-internals/packages/modules/core/package.json
@@ -1,6 +1,6 @@
{
"name": "@egovernments/digit-ui-module-core",
- "version": "1.8.1",
+ "version": "1.8.2",
"license": "MIT",
"main": "dist/index.js",
"module": "dist/index.modern.js",
@@ -14,7 +14,7 @@
"prepublish": "yarn build"
},
"dependencies": {
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-i18next": "11.16.2",
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/package.json b/micro-ui/web/micro-ui-internals/packages/modules/pgr/package.json
index e89bc077589..4e8082e21e9 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/pgr/package.json
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/package.json
@@ -18,7 +18,7 @@
"react-router-dom": "5.3.0"
},
"dependencies": {
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"lodash.merge": "^4.6.2",
"react": "17.0.2",
"react-dom": "17.0.2",
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/package.json b/micro-ui/web/micro-ui-internals/packages/modules/workbench/package.json
index 5942a6fa23b..ffdf9dd35a7 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/package.json
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/package.json
@@ -18,7 +18,7 @@
"react-router-dom": "5.3.0"
},
"dependencies": {
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"@rjsf/core": "5.10.0",
"@rjsf/utils": "5.10.0",
"@rjsf/validator-ajv8": "5.10.0",
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/README.md b/micro-ui/web/micro-ui-internals/packages/react-components/README.md
index fb84eb0778b..c74129fb3de 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/README.md
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/README.md
@@ -88,6 +88,7 @@ Syntax for the FormComposersV2
### Changelog
```bash
+1.8.1 build issue fix due to ajv library
1.8.0 workbench v1.0 release
1.8.0-beta workbench base version beta release
1.7.0 urban 2.9
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/package.json b/micro-ui/web/micro-ui-internals/packages/react-components/package.json
index c5ef738a7e6..3448a46eaa1 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/package.json
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@egovernments/digit-ui-react-components",
- "version": "1.8.0",
+ "version": "1.8.1",
"license": "MIT",
"main": "dist/index.js",
"module": "dist/index.modern.js",
@@ -49,16 +49,20 @@
"@egovernments/digit-ui-svg-components":"1.0.0",
"@googlemaps/js-api-loader": "1.13.10",
"@hookform/resolvers": "1.3.7",
- "ajv": "^8.12.0",
- "ajv-errors": "^3.0.0",
- "ajv-formats": "^2.1.1",
- "json-schema-to-yup": "^1.8.8",
+ "ajv": "8.11.2",
+ "ajv-errors": "3.0.0",
+ "ajv-formats": "2.1.1",
+ "json-schema-to-yup": "1.8.8",
"react-date-range": "1.3.0",
- "react-drag-drop-files": "^2.3.10",
+ "react-drag-drop-files": "2.3.10",
"react-hook-form": "6.15.8",
"react-i18next": "11.16.2",
"react-table": "7.7.0"
},
+ "resolutions": {
+ "**/ajv": "8.11.2",
+ "fast-uri":"2.1.0"
+ },
"browserslist": {
"production": [
">0.2%",
diff --git a/micro-ui/web/package.json b/micro-ui/web/package.json
index 4eacdbc3e7d..211c97047b6 100644
--- a/micro-ui/web/package.json
+++ b/micro-ui/web/package.json
@@ -16,9 +16,9 @@
"dependencies": {
"@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
- "@egovernments/digit-ui-module-core": "1.8.1",
+ "@egovernments/digit-ui-module-core": "1.8.2",
"@egovernments/digit-ui-module-hrms": "1.8.0",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"@egovernments/digit-ui-module-dss": "1.8.0",
"@egovernments/digit-ui-module-pgr": "1.8.0",
"@egovernments/digit-ui-module-common": "1.8.0",
@@ -61,7 +61,8 @@
"**/@babel/core": "7.14.0",
"**/@babel/preset-env": "7.14.0",
"**/@babel/plugin-transform-modules-commonjs": "7.14.0",
- "**/polished":"4.2.2"
+ "**/polished":"4.2.2",
+ "fast-uri":"2.1.0"
},
"scripts": {
"start": "react-scripts start",
diff --git a/micro-ui/web/workbench/inter-package.json b/micro-ui/web/workbench/inter-package.json
index ac0a3c86863..edf6246a62d 100644
--- a/micro-ui/web/workbench/inter-package.json
+++ b/micro-ui/web/workbench/inter-package.json
@@ -45,7 +45,9 @@
},
"resolutions": {
"**/@babel/runtime": "7.20.1",
- "**/babel-preset-react-app": "10.0.0"
+ "**/babel-preset-react-app": "10.0.0",
+ "**/ajv": "8.11.2",
+ "fast-uri":"2.1.0"
},
"devDependencies": {
"husky": "7.0.4",
@@ -60,7 +62,7 @@
"dependencies": {
"lodash": "4.17.21",
"microbundle-crl": "0.13.11",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-hook-form": "6.15.8",
diff --git a/micro-ui/web/workbench/package.json b/micro-ui/web/workbench/package.json
index b811085badc..fa62e0594ee 100644
--- a/micro-ui/web/workbench/package.json
+++ b/micro-ui/web/workbench/package.json
@@ -16,8 +16,8 @@
"dependencies": {
"@egovernments/digit-ui-libraries": "1.8.1",
"@egovernments/digit-ui-module-workbench": "1.0.1",
- "@egovernments/digit-ui-module-core": "1.8.1",
- "@egovernments/digit-ui-react-components": "1.8.0",
+ "@egovernments/digit-ui-module-core": "1.8.2",
+ "@egovernments/digit-ui-react-components": "1.8.1",
"@egovernments/digit-ui-module-utilities": "1.0.0",
"@egovernments/digit-ui-module-hrms":"1.8.0",
"@egovernments/digit-ui-module-pgr":"1.8.0",
@@ -53,7 +53,8 @@
"**/@babel/core": "7.14.0",
"**/@babel/preset-env": "7.14.0",
"**/@babel/plugin-transform-modules-commonjs": "7.14.0",
- "**/polished":"4.2.2"
+ "**/polished":"4.2.2",
+ "fast-uri":"2.1.0"
},
"scripts": {
"start": "react-scripts start",
From 863d0190f90abf8da01047c03c9cde4963615b2e Mon Sep 17 00:00:00 2001
From: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
Date: Sat, 8 Jun 2024 18:20:53 +0530
Subject: [PATCH 07/83] Update README.md
---
README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 457872b5b21..d758d985c9c 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
-# workbench ui
+# DIGIT UI
A React App built on top of DIGIT UI Core.
From a42bd28da7438219490deb1079fd23d502776b85 Mon Sep 17 00:00:00 2001
From: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
Date: Wed, 26 Jun 2024 20:51:17 +0530
Subject: [PATCH 08/83] HCM Admin console v0.1 release ui changes (#964)
* Updates the delivery rules logic for gender
* * info message for status creating (#644)
* success message if user cred sheet
* send id with key resourceid
* Send variant in sku also
Co-authored-by: nabeelmd-eGov
* Feat : added boundary validation (#643)
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
* Update campaignValidators.ts (#645)
* added delay in download (#646)
* Update campaignValidators.ts (#647)
* fixes (#649)
Co-authored-by: nabeelmd-eGov
* fixed header validation (#648)
* change in filter recursive (#650)
* Update genericUtils.ts (#652)
* fix (#651)
Co-authored-by: nabeelmd-eGov
* updated lowest level hierarchy validation for target HLM -5948 (#654)
* Update campaignValidators.ts (#655)
* fixes-> cyclenumber issue, hover issue, dropdown height issue,
* css
* fixes-> cyclenumber issue, hover issue, dropdown height issue, (#656)
* fixes-> cyclenumber issue, hover issue, dropdown height issue,
* css
---------
Co-authored-by: nabeelmd-eGov
* Update campaignUtils.ts
* fixed HLM-5970
* Feat : added boundary validation at data level
* fixes
* local add
* Added boundary validation
* Refactor
* fixed HLM-5935 and HLM-5749
* Refactor
* Feat : updated table
* change campaignid in payload
* Feat : added campaignId
* Update campaignApis.ts
* Update campaignValidators.ts
* refactored
* Refactor
* assigned campaignId
* Refactor
* updated createRequest Schema
* Feat : invalid Status Persist
* status fix
* version-fix
* Update CODEOWNERS
* core version updated and css fix for language dropdown
* refactor (#676)
* Uat signoff (#678)
* change in filter recursive
* lowest level
* added validation related to target sheet headers
* HLM-5916
* download button fixes in summary (#682)
Co-authored-by: nabeelmd-eGov
* Hlm 5927 (#687)
* change in filter recursive
* lowest level
* added validation for boundary codes to be invalid other than that selected from UI in target upload
* Added Delivery and cycle config for LLIN and SMC both (#688)
* no of cycle and deivery drafted changes
* fixes
* add localisation code for boundaries
* fixes
* fixes
* Value localise in summary screen, api error change
* fixes
* genarate api call fix
* font size change for summary
* login css change
* HLM-5718: SMC delivery config enhancement
* config update
* added config for in between
* fix config for llin
* added mdms integration
---------
Co-authored-by: nabeelmd-eGov
* Fixed HLM-5988_warning message (#689)
Co-authored-by: nabeelmd-eGov <94039229+nabeelmd-eGov@users.noreply.github.com>
* download filename fixes (#693)
* download button fixes in summary
* download filename with custom name changes added
---------
Co-authored-by: nabeelmd-eGov
* download filename fixes (#694)
* download button fixes in summary
* download filename with custom name changes added
* config fix for llin
---------
Co-authored-by: nabeelmd-eGov
* successful toast message is fixed (#695)
* successful toast message is fixed
* Update UploadData.js
* HLM-5991: Alert Pop UP CR (#696)
Co-authored-by: nabeelmd-eGov
* HLM-5718 changes (#703)
Co-authored-by: nabeelmd-eGov
* Localization cache (#706)
* change in filter recursive
* lowest level
* refactored localization cache logic
* Update README.md (#707)
* Update README.md
* Update README.md
* Update utilities/project-factory/README.md
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update README.md
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* HLM-5985_made lowest level changes (#708)
* HLM-5985_made lowest level changes
* resolved codeRabbit comments
* Create LOCALSETUP.md (#709)
* Create LOCALSETUP.md
* Refactored config
* Update LOCALSETUP.md
* Update utilities/project-factory/LOCALSETUP.md
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/LOCALSETUP.md
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/LOCALSETUP.md
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/LOCALSETUP.md
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update LOCALSETUP.md
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* updated the localisation module config
* Refactor config (#713)
* Refactor config
* Update utilities/project-factory/src/server/validators/campaignValidators.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/validators/campaignValidators.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/validators/campaignValidators.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update postman_collection.json (#714)
* Update postman_collection.json
* Update postman_collection.json
* Delete utilities/project-factory/project_factory_swagger.yml (#715)
* Feat : removed campaignId validation for boundary upload (#718)
* updated the delay for boundary relationship
* added logger for request TODO TEST
will be reverted
* Revert "added logger for request TODO TEST"
This reverts commit d5c2bf570400ada8183eebfec71f0a3449143117.
* Schema validation (#719)
* Feat : removed campaignId validation for boundary upload
* Feat : added schema validation
* Fixed mdms host
* updated the logger messages
* updated the loggers
* delivery new changes, toast fix, error fix (#716)
* delivery new changes, toast fix, error fix
* new fixes
* fixes
* change text component to field component
* added hierarchy
* fix
* fix
* fix
* fix
* passing hierarchy from props
---------
Co-authored-by: nabeelmd-eGov
* Schema validation2 (#721)
* Feat : removed campaignId validation for boundary upload
* Feat : added schema validation
* Fixed mdms host
* Feat : added boundary validation
* Feat : optimized product search
* Fix : project mapping fixed (#722)
* Fixed project search (#723)
* smc fixes (#724)
Co-authored-by: nabeelmd-eGov
* Feat : added boundary confirmation (#727)
* Fix: fixed processing boundary
* Refactor
* fixed HLM-6109 (#729)
* gate fixes validation, ui ux (#731)
Co-authored-by: nabeelmd-eGov
* integrated panelcard component (#732)
* integrated panelcard component
* Update micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/Response.js
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update genericUtils.ts (#733)
* Create CHANGELOG.md (#717)
* Update request.ts (#735)
* fixed generate api issue (#734)
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
* Create CHANGELOG.md
* gate fixes (#736)
* gate fixes validation, ui ux
* gate fix
---------
Co-authored-by: nabeelmd-eGov
* added loader in the selecting boundaries (#737)
* Update createAndSearch.ts (#738)
* fix (#739)
* fix
* fix
---------
Co-authored-by: nabeelmd-eGov
* Patch 3 (#740)
* change in filter recursive
* lowest level
* trimmed underscore and empty spaces
* boundary fix (#742)
Co-authored-by: nabeelmd-eGov
* Update genericUtils.ts (#746)
* fixed the delivery products issue
* Fixed delivery conditions issue
* Update campaignApis.ts (#747)
* fixed warning toast (#748)
* fixed warning toast
* Update UploadData.js
* fix (#749)
* fix
* fx
* fix
---------
Co-authored-by: nabeelmd-eGov
* core -update (#751)
Co-authored-by: nabeelmd-eGov
* fixed stepper issue (#752)
* fixed stepper issue
* Update index.html
* Feat : added user validation via individual (#753)
* fixes (#754)
Co-authored-by: nabeelmd-eGov
* code fix nabeel (#756)
* fixes
* fix
---------
Co-authored-by: nabeelmd-eGov
* Updated few loggers (#759)
* updated few loggers flow
* Update utilities/project-factory/src/server/api/campaignApis.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/utils/campaignMappingUtils.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/utils/campaignUtils.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/validators/campaignValidators.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/api/campaignApis.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/utils/campaignMappingUtils.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update utilities/project-factory/src/server/utils/genericUtils.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Updated the user Password generation logic #761
* Update Listener.ts (#730)
* Update Listener.ts
* added try catch logic in producer
* Feat : added parallel batch execution (#767)
* Feat : added parallel batch execution
* Refactor
* Update utilities/project-factory/src/server/validators/campaignValidators.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fixed the stepper (#765)
* changes config (#769)
* Project type config and added loggers for process of campaign (#772)
* Feat : added themes in generate template (#773)
* fixed the ajv package version for build issue
* Feat : removed xlsx (#776)
* HLM-6177: PARALLEL SEARCH IMPLEMENT, DELIVERY TYPE IMPLEMENT (#778)
Co-authored-by: nabeelmd-eGov
* css update (#780)
Co-authored-by: nabeelmd-eGov
* HLM-6179 and HLM-6180 (#777)
* HLM-6179 and HLM-6180
* campaign name changes
---------
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
* Feat : fixed target generation (#781)
* fixed tenantId issue (#784)
* fix: resolved AJV-related Jenkins build issue reference #783 #786 (#787)
* module ui fix
* updated all the package version for build fixes
* fixed kafka-error at target generation (#789)
* updated core version (#791)
* updated core version
* updated css also
* Update campaignValidators.ts (#794)
* Updated the excel generation logic and files
* added changes for configurable column in target sheet (#779)
* change in filter recursive
* lowest level
* made target headers genearte through mdms schema
* changed config index.ts
* changed config index.ts
* changes for now
* added configurable column logic from schema HLM-6169
* updated validate of target columns through schema
* added masterForColumnSchema in index.ts
* formatted dataManageService
* refactored lock TargetFields func
* removed console.log
* User creation performance improved (#800)
* Feat : Improved user creation performance
* Change status color
* Update utilities/project-factory/src/server/utils/campaignUtils.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update genericUtils.ts (#801)
* Hlm 6170 (#802)
* change in filter recursive
* lowest level
* HLM -6170 added logic for only village level data in target sheet and some refactoring
* updated css (#804)
* fixed button issue (#805)
* HLM 6177: Error card implementation in summary screen (#806)
* HLM-6177: PARALLEL SEARCH IMPLEMENT, DELIVERY TYPE IMPLEMENT
* Added Error Cards in summary screen and redirection
---------
Co-authored-by: nabeelmd-eGov
* added error button styles (#807)
Co-authored-by: nabeelmd-eGov
* updated popUp css (#808)
* HLM 6178: Implementing New Pop up screen in boundaries (#809)
* added error button styles
* Implementing New Pop up screen in boundaries
---------
Co-authored-by: nabeelmd-eGov
* Facility changes (#812)
* Feat : changed facility Template
* Feat : locked target templates
* fixed colour issue (#813)
* Updated the project type conversion logic for the "deliveryType" dont1 and n config
* Unique field added (#814)
* Feat : changed facility Template
* Feat : locked target templates
* Feat : added unique check logic
* Target schema update (#815)
* change in filter recursive
* lowest level
* updated shcema of target columns to be configurable
* removed empty spaces from config index.ts
* Active mapping (#817)
* Feat : changed facility Template
* Feat : locked target templates
* Feat : added unique check logic
* Feat : added mapping via active field
* changes in the schema validation (#816)
* Updated the workbench and css module version
* Feat : added active inactive boundary check (#818)
* Update campaignValidators.ts (#819)
* added active inactive validation (#820)
* changed api call time (#826)
* Feat : added target sum mapping (#825)
* added campaign type as filter (#827)
* Update genericApis.ts (#828)
* Update excelUtils.ts (#829)
* UI issue fixes, icon fix in summary error (#831)
Co-authored-by: nabeelmd-eGov
* Target columns (#830)
* change in filter recursive
* lowest level
* commit
* Feat : target flow fixed for LLIN-mz
* uat to dev
---------
Co-authored-by: admin1
* Feat : freezed target columns (#833)
* Target mr dn (#834)
* change in filter recursive
* lowest level
* Feat : skipped validation temporarily
* changes in the target validation (#835)
* fixed error info (#837)
* Added roboto font (#840)
* Feat : added roboto font
* Fixed config
* target validation based on diff campaign types (#843)
* change in filter recursive
* lowest level
* updated validation of target based on campaign type
* fixed validation issue (#844)
* Updated the workbench package version
* fixed validation logic (#846)
* fixed validation logic
* Update micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: Jagankumar <53823168+jagankumar-egov@users.noreply.github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Error messages improved (#848)
* Feat : imporved error messages and initilised utils for tracking process
* Fix ; unused variables fixed
* Feat : improved error messages
* Fix : download error fix (#850)
* Update campaignUtils.ts (#851)
* Update campaignUtils.ts
* Update utilities/project-factory/src/server/utils/campaignUtils.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update campaignValidators.ts (#853)
* HLM 6210: Toast, error focus fix and project type reset delivery data fix (#854)
* HLM-6210: campaign type change reset delivery data fix, summary error focus fix
* summary error focus fix
---------
Co-authored-by: nabeelmd-eGov
* HLM-6225_added time out according to data (#855)
* Update campaignValidators.ts (#859)
* HLM 6210 (#858)
* HLM-6210: campaign type change reset delivery data fix, summary error focus fix
* summary error focus fix
* parallel search fixes
---------
Co-authored-by: nabeelmd-eGov
* Remove validation (#852)
* change in filter recursive
* lowest level
* removed unnecessary validation for target
* spacing refactor
* Update campaignValidators.ts (#863)
* Header validation (#861)
* change in filter recursive
* lowest level
* removed unnecessary validation for target
* changed the logic of header validation
* space refactor
* Update campaignUtils.ts (#864)
* fixed ui error (#865)
* Read me (#867)
* change in filter recursive
* lowest level
* removed unnecessary validation for target
* changed the logic of header validation
* fixed portugese language error
* space refactoring
* Update Dockerfile
* Update Dockerfile
* Update migrate.sh
* Update Dockerfile
* Update campaignValidators.ts (#868)
* HLM 6210:campaign type change reset fix (#869)
* HLM-6210: campaign type change reset delivery data fix, summary error focus fix
* summary error focus fix
* parallel search fixes
* campaign type change reset fix
---------
Co-authored-by: nabeelmd-eGov
* Update excelUtils.ts for sheetHeaders wraping (#870)
* Update package.json
* updated error messages (#871)
* feat : added jaeger-client tracing (#872)
* updated the table config
* Update campaignApis.ts (#875)
* removed the schema and updated the db name
* fixing generate API call, file auto delete, date error (#877)
Co-authored-by: nabeelmd-eGov
* Trim resource (#878)
* Feat : trimmed resource persist message
* Refactor
* Removed reject error in produce message
* fixed min time, draft logic (#879)
* Update index.ts (#880)
* added min ui error and facility usage (#883)
* added min ui error and facility usage
* changes
* Update campaignUtils.ts (#884)
* HLM 6007 (#885)
* fixing generate API call, file auto delete, date error
* generate api fix
---------
Co-authored-by: nabeelmd-eGov
* Update Dockerfile
* Feat : docker config update (#886)
* Update Dockerfile (#887)
* Create buildWorkbenchUI.yml
* Update README.md (#917)
* Update buildWorkbenchUI.yml
* Update README.md
* Updated the DB Schema issue of Project-factory
* fixed hierarchy order (#919)
* User flag hcm (#920)
* Feat : docker config update
* Feat : added user create flag
* Refactored
* Update campaignUtils.ts
* Update campaignMappingUtils.ts (#922)
* Ashish egov patch 2 (#921)
* Update index.ts
* Update campaignApis.ts
* Fixed the project type conversion and product duplicate issue
* Update campaignApis.ts (#924)
* Update campaignMappingUtils.ts (#925)
* Update campaignMappingUtils.ts
* Refactored
* Update publishProjectFactory.yml
* Update buildWorkbenchUI.yml
* Update campaignMappingUtils.ts (#926)
* Update request.ts (#928)
* Update request.ts
* Feat : updated httprequest
* Feat : warning response added
* Refactor
* added start and enddate in cycles
* Update campaignApis.ts (#930)
* Update request.ts (#932)
* fixed generate issue (#933)
* Fixed project-type resources duplication
* updated target error messages (#936)
* fixed stepper from draft (#937)
* Update Listener.ts
* delivery type disable fix, product sku name change (#939)
Co-authored-by: nabeelmd-eGov
* fixed error message issue (#941)
* Redis integration (#940)
* Feat : added redis
* Feat : added redis retry
* removed templates folder
* updated the folder structure for health ui and removed utilties
* Update publishAllPackages.yml
* Update buildWorkbenchUI.yml
---------
Co-authored-by: nabeelmd-eGov <94039229+nabeelmd-eGov@users.noreply.github.com>
Co-authored-by: nabeelmd-eGov
Co-authored-by: ashish-egov <137176738+ashish-egov@users.noreply.github.com>
Co-authored-by: Bhavya-egov <137176879+Bhavya-egov@users.noreply.github.com>
Co-authored-by: nitish-egov <137176807+nitish-egov@users.noreply.github.com>
Co-authored-by: Bhavya-egov
Co-authored-by: ashish-egov
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: Swathi-eGov <137176788+Swathi-eGov@users.noreply.github.com>
Co-authored-by: admin1
---
.github/workflows/buildWorkbenchUI.yml | 64 +
.github/workflows/publishAllPackages.yml | 13 +-
.github/workflows/publishProjectFactory.yml | 77 +
.gitignore | 4 +-
.vscode/launch.json | 17 +
.vscode/settings.json | 3 +
README.md | 1 +
health/micro-ui/.gitignore | 32 +
health/micro-ui/Jenkinsfile | 3 +
health/micro-ui/README.md | 139 ++
health/micro-ui/package.json | 4 +
health/micro-ui/web/.babelrc | 5 +
health/micro-ui/web/.env.sample | 3 +
health/micro-ui/web/CHANGELOG.md | 7 +
health/micro-ui/web/docker/Dockerfile | 25 +
health/micro-ui/web/docker/nginx.conf | 12 +
health/micro-ui/web/envs.js | 0
health/micro-ui/web/install-deps.sh | 14 +
.../web/micro-ui-internals/.gitignore | 143 ++
.../web/micro-ui-internals/.prettierignore | 23 +
.../web/micro-ui-internals/.prettierrc.json | 3 +
.../micro-ui/web/micro-ui-internals/README.md | 100 ++
.../micro-ui/web/micro-ui-internals/clean.sh | 28 +
.../micro-ui-internals/example/.env-health-qa | 7 +
.../micro-ui-internals/example/.env-mz-prod | 7 +
.../micro-ui-internals/example/.env-mz-uat | 7 +
.../example/.env-unifieddev | 9 +
.../micro-ui-internals/example/package.json | 39 +
.../example/public/index.html | 34 +
.../example/src/ComponentRegistry.js | 11 +
.../example/src/UICustomizations.js | 663 ++++++++
.../example/src/complaintConfig.js | 31 +
.../example/src/components/SelectName.js | 8 +
.../web/micro-ui-internals/example/src/fsm.js | 38 +
.../micro-ui-internals/example/src/index.js | 84 +
.../web/micro-ui-internals/example/src/pgr.js | 15 +
.../example/src/setupProxy.js | 100 ++
.../web/micro-ui-internals/package.json | 57 +
.../micro-ui-internals/packages/css/README.md | 62 +
.../packages/css/gulpfile.js | 71 +
.../packages/css/package.json | 65 +
.../packages/css/postcss.config.js | 55 +
.../css/src/components/microplanning.scss | 363 ++++
.../packages/css/src/index.scss | 13 +
.../css/src/pages/employee/campaign.scss | 109 ++
.../css/src/pages/employee/campaignCycle.scss | 331 ++++
.../css/src/pages/employee/coreOverride.scss | 173 ++
.../css/src/pages/employee/index.scss | 481 ++++++
.../packages/css/src/typography.scss | 512 ++++++
.../packages/css/tailwind.config.js | 233 +++
.../modules/campaign-manager/README.md | 159 ++
.../modules/campaign-manager/package.json | 51 +
.../modules/campaign-manager/src/Module.js | 141 ++
.../src/components/AddProductField.js | 144 ++
.../src/components/BulkUpload.js | 202 +++
.../src/components/CampaignCard.js | 71 +
.../src/components/CampaignDates.js | 122 ++
.../components/CampaignDocumentsPreview.js | 92 +
.../src/components/CampaignHeader.js | 32 +
.../src/components/CampaignName.js | 66 +
.../components/CampaignResourceDocuments.js | 50 +
.../src/components/CampaignSummary.js | 484 ++++++
.../src/components/CampaignType.js | 143 ++
.../src/components/CycleDataPreview.js | 186 ++
.../src/components/CycleDetaisPreview.js | 143 ++
.../src/components/DetailsTable.js | 76 +
.../src/components/DocumentIcon.js | 29 +
.../src/components/PlusMinusInput.js | 47 +
.../src/components/RemovableTagNew.js | 16 +
.../src/components/SelectingBoundaries.js | 542 ++++++
.../src/components/TimelineCampaign.js | 46 +
.../src/components/UploadData.js | 1163 +++++++++++++
.../src/components/XlsPreview.js | 69 +
.../src/components/icons/DustbinIcon.js | 10 +
.../src/components/icons/XlsxFile.js | 32 +
.../src/configs/CampaignConfig.js | 267 +++
.../src/configs/UICustomizations.js | 472 ++++++
.../src/configs/addProductConfig.js | 19 +
.../src/configs/attributeConfig.js | 23 +
.../src/configs/baseTimeOut.js | 6 +
.../src/configs/deliveryConfig.js | 206 +++
.../src/configs/headerConfig.js | 20 +
.../src/configs/mailConfig.js | 5 +
.../src/configs/myCampaignConfig.js | 667 ++++++++
.../src/configs/operatorConfig.js | 27 +
.../src/configs/previewConfig.js | 124 ++
.../src/configs/productType.js | 15 +
.../src/configs/schemaConfig.js | 80 +
.../campaign-manager/src/hooks/index.js | 47 +
.../hooks/services/createCampaignService.js | 19 +
.../hooks/services/updateCampaignService.js | 20 +
.../src/hooks/services/useSearchCampaign.js | 21 +
.../src/hooks/useCreateCampaign.js | 10 +
.../src/hooks/useCreateProduct.js | 24 +
.../src/hooks/useCreateProductVariant.js | 24 +
.../src/hooks/useGenerateIdCampaign.js | 26 +
.../src/hooks/useParallelSearch.js | 88 +
.../src/hooks/useProductList.js | 53 +
.../src/hooks/useResourceData.js | 107 ++
.../src/hooks/useUpdateCampaign.js | 10 +
.../src/pages/employee/AddProduct.js | 161 ++
.../src/pages/employee/CycleConfiguration.js | 248 +++
.../src/pages/employee/MyCampaign.js | 80 +
.../src/pages/employee/Response.js | 65 +
.../src/pages/employee/SetupCampaign.js | 1491 +++++++++++++++++
.../deliveryRule/AddDeliverycontext.js | 813 +++++++++
.../deliveryRule/AddProductscontext.js | 290 ++++
.../employee/deliveryRule/MultiTabcontext.js | 265 +++
.../src/pages/employee/deliveryRule/index.js | 531 ++++++
.../src/pages/employee/index.js | 102 ++
.../campaign-manager/src/utils/TourSteps.js | 144 ++
.../src/utils/downloadExcel.js | 46 +
.../campaign-manager/src/utils/index.js | 6 +
.../web/micro-ui-internals/publish-develop.sh | 20 +
.../web/micro-ui-internals/publish.sh | 20 +
.../web/micro-ui-internals/scripts/create.sh | 3 +
.../web/micro-ui-internals/scripts/deploy.sh | 8 +
.../web/micro-ui-internals/scripts/jenkins.sh | 3 +
.../web/micro-ui-internals/scripts/run.sh | 32 +
.../micro-ui/web/micro-ui-internals/test.js | 31 +
health/micro-ui/web/package.json | 85 +
health/micro-ui/web/public/index.html | 37 +
health/micro-ui/web/public/robots.txt | 3 +
health/micro-ui/web/src/App.js | 74 +
health/micro-ui/web/src/ComponentRegistry.js | 11 +
.../src/Customisations/UICustomizations.js | 428 +++++
.../micro-ui/web/src/Customisations/index.js | 19 +
.../web/src/Customisations/pt/index.js | 13 +
.../pt/pageComponents/PTAllotmentDetails.js | 64 +
.../pt/pageComponents/PTBusinessDetails.js | 68 +
.../pt/pageComponents/PTVasikaDetails.js | 79 +
.../pt/pageComponents/PropertyUsageType.js | 134 ++
.../src/Customisations/tl/TLCustomisation.js | 5 +
.../web/src/Customisations/tl/index.js | 7 +
.../tl/pageComponents/PropertyUsageType.js | 136 ++
health/micro-ui/web/src/index.css | 0
health/micro-ui/web/src/index.js | 62 +
health/micro-ui/web/src/setupProxy.js | 30 +
health/micro-ui/web/webpack.config.js | 43 +
health/micro-ui/web/workbench/App.js | 72 +
health/micro-ui/web/workbench/Dockerfile | 29 +
health/micro-ui/web/workbench/install-deps.sh | 18 +
.../micro-ui/web/workbench/inter-package.json | 58 +
health/micro-ui/web/workbench/nginx.conf | 12 +
health/micro-ui/web/workbench/package.json | 89 +
.../micro-ui/web/workbench/webpack.config.js | 44 +
yarn.lock | 4 +
147 files changed, 16772 insertions(+), 5 deletions(-)
create mode 100644 .github/workflows/buildWorkbenchUI.yml
create mode 100644 .github/workflows/publishProjectFactory.yml
create mode 100644 .vscode/launch.json
create mode 100644 .vscode/settings.json
create mode 100644 health/micro-ui/.gitignore
create mode 100644 health/micro-ui/Jenkinsfile
create mode 100644 health/micro-ui/README.md
create mode 100644 health/micro-ui/package.json
create mode 100644 health/micro-ui/web/.babelrc
create mode 100644 health/micro-ui/web/.env.sample
create mode 100644 health/micro-ui/web/CHANGELOG.md
create mode 100644 health/micro-ui/web/docker/Dockerfile
create mode 100644 health/micro-ui/web/docker/nginx.conf
create mode 100644 health/micro-ui/web/envs.js
create mode 100755 health/micro-ui/web/install-deps.sh
create mode 100644 health/micro-ui/web/micro-ui-internals/.gitignore
create mode 100644 health/micro-ui/web/micro-ui-internals/.prettierignore
create mode 100644 health/micro-ui/web/micro-ui-internals/.prettierrc.json
create mode 100644 health/micro-ui/web/micro-ui-internals/README.md
create mode 100644 health/micro-ui/web/micro-ui-internals/clean.sh
create mode 100644 health/micro-ui/web/micro-ui-internals/example/.env-health-qa
create mode 100644 health/micro-ui/web/micro-ui-internals/example/.env-mz-prod
create mode 100644 health/micro-ui/web/micro-ui-internals/example/.env-mz-uat
create mode 100644 health/micro-ui/web/micro-ui-internals/example/.env-unifieddev
create mode 100644 health/micro-ui/web/micro-ui-internals/example/package.json
create mode 100644 health/micro-ui/web/micro-ui-internals/example/public/index.html
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/ComponentRegistry.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/complaintConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/components/SelectName.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/fsm.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/index.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/pgr.js
create mode 100644 health/micro-ui/web/micro-ui-internals/example/src/setupProxy.js
create mode 100644 health/micro-ui/web/micro-ui-internals/package.json
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/README.md
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/gulpfile.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/package.json
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/postcss.config.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/index.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaign.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaignCycle.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/coreOverride.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/src/typography.scss
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/README.md
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/package.json
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/AddProductField.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignDates.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignDocumentsPreview.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignHeader.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignName.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignResourceDocuments.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignSummary.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignType.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CycleDataPreview.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CycleDetaisPreview.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/DetailsTable.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/DocumentIcon.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/PlusMinusInput.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/RemovableTagNew.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/SelectingBoundaries.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/TimelineCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/XlsPreview.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/icons/DustbinIcon.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/icons/XlsxFile.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/CampaignConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/UICustomizations.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/addProductConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/attributeConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/baseTimeOut.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/deliveryConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/headerConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/mailConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/myCampaignConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/operatorConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/previewConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/productType.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/schemaConfig.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/index.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/services/createCampaignService.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/services/updateCampaignService.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/services/useSearchCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useCreateCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useCreateProduct.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useCreateProductVariant.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useGenerateIdCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useParallelSearch.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useProductList.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useResourceData.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/useUpdateCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/AddProduct.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/CycleConfiguration.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/MyCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/Response.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/SetupCampaign.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/AddDeliverycontext.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/AddProductscontext.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/MultiTabcontext.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/index.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/index.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/TourSteps.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadExcel.js
create mode 100644 health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/index.js
create mode 100644 health/micro-ui/web/micro-ui-internals/publish-develop.sh
create mode 100644 health/micro-ui/web/micro-ui-internals/publish.sh
create mode 100755 health/micro-ui/web/micro-ui-internals/scripts/create.sh
create mode 100755 health/micro-ui/web/micro-ui-internals/scripts/deploy.sh
create mode 100755 health/micro-ui/web/micro-ui-internals/scripts/jenkins.sh
create mode 100755 health/micro-ui/web/micro-ui-internals/scripts/run.sh
create mode 100644 health/micro-ui/web/micro-ui-internals/test.js
create mode 100644 health/micro-ui/web/package.json
create mode 100644 health/micro-ui/web/public/index.html
create mode 100644 health/micro-ui/web/public/robots.txt
create mode 100644 health/micro-ui/web/src/App.js
create mode 100644 health/micro-ui/web/src/ComponentRegistry.js
create mode 100644 health/micro-ui/web/src/Customisations/UICustomizations.js
create mode 100644 health/micro-ui/web/src/Customisations/index.js
create mode 100644 health/micro-ui/web/src/Customisations/pt/index.js
create mode 100644 health/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js
create mode 100644 health/micro-ui/web/src/Customisations/pt/pageComponents/PTBusinessDetails.js
create mode 100644 health/micro-ui/web/src/Customisations/pt/pageComponents/PTVasikaDetails.js
create mode 100644 health/micro-ui/web/src/Customisations/pt/pageComponents/PropertyUsageType.js
create mode 100644 health/micro-ui/web/src/Customisations/tl/TLCustomisation.js
create mode 100644 health/micro-ui/web/src/Customisations/tl/index.js
create mode 100644 health/micro-ui/web/src/Customisations/tl/pageComponents/PropertyUsageType.js
create mode 100644 health/micro-ui/web/src/index.css
create mode 100644 health/micro-ui/web/src/index.js
create mode 100644 health/micro-ui/web/src/setupProxy.js
create mode 100644 health/micro-ui/web/webpack.config.js
create mode 100644 health/micro-ui/web/workbench/App.js
create mode 100644 health/micro-ui/web/workbench/Dockerfile
create mode 100755 health/micro-ui/web/workbench/install-deps.sh
create mode 100644 health/micro-ui/web/workbench/inter-package.json
create mode 100644 health/micro-ui/web/workbench/nginx.conf
create mode 100644 health/micro-ui/web/workbench/package.json
create mode 100644 health/micro-ui/web/workbench/webpack.config.js
create mode 100644 yarn.lock
diff --git a/.github/workflows/buildWorkbenchUI.yml b/.github/workflows/buildWorkbenchUI.yml
new file mode 100644
index 00000000000..53ad39bacf7
--- /dev/null
+++ b/.github/workflows/buildWorkbenchUI.yml
@@ -0,0 +1,64 @@
+name: Digit Admin Console Build workflow
+on:
+ push:
+ branches:
+ - campaign
+ paths:
+ - 'health/micro-ui/web/micro-ui-internals/**'
+ pull_request:
+ branches:
+ - campaign
+ workflow_dispatch:
+jobs:
+ docker_image-build:
+ outputs:
+ run_job_digit_ui: ${{ steps.check_files.outputs.run_job_digit_ui }}
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout code
+ uses: actions/checkout@v2
+ with:
+ fetch-depth: 2
+ - name: Setup Docker
+ uses: docker/setup-buildx-action@v1
+ - name: check modified files
+ id: check_files
+ run: |
+ echo "=============== list modified files ==============="
+ git diff --name-only HEAD^ HEAD
+
+ echo "========== check paths of modified files =========="
+ git diff --name-only HEAD^ HEAD > files.txt
+ run_job_digit_ui=false
+ while IFS= read -r file
+ do
+ if [[ $file == health/micro-ui/* ]]; then
+ echo "This modified file is under the 'digit_ui' folder."
+ run_job_digit_ui=true
+ fi
+ done < files.txt
+
+ # Set the output based on whether the job should run
+ echo "::set-output name=run_job_digit_ui::$run_job_digit_ui"
+ echo "ACTION_NUMBER=${GITHUB_RUN_NUMBER}" >> $GITHUB_ENV
+ echo "COMMIT_ID=${GITHUB_SHA: -8}" >> $GITHUB_ENV # Extract last 8 characters of SHA
+ echo "BRANCH_NAME=${GITHUB_REF#refs/heads/}" >> $GITHUB_ENV
+
+
+
+
+ - name: Login to egovio docker Container Registry
+ env:
+ DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+ DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+ run: |
+ # Authenticate with Docker Hub
+ echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin
+
+ - name: Build and Push Docker image for digit-ui
+ if: ${{ steps.check_files.outputs.run_job_digit_ui == 'true' }}
+ run: |
+ docker build -t workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }} -f web/workbench/Dockerfile .
+ docker tag workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }} egovio/workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+ docker push egovio/workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+ working-directory: micro-ui
diff --git a/.github/workflows/publishAllPackages.yml b/.github/workflows/publishAllPackages.yml
index ffaa1e6c016..f41ce8f9e72 100644
--- a/.github/workflows/publishAllPackages.yml
+++ b/.github/workflows/publishAllPackages.yml
@@ -1,10 +1,15 @@
-name: Node.js Publish UI Packages
+name: Node.js Publish Health UI Packages
on:
push:
- branches: [ 'develop' ]
+ branches: [ 'develop','campaign' ]
paths:
- - 'micro-ui/web/micro-ui-internals/**'
+ - 'health/micro-ui/web/micro-ui-internals/**'
+
+ pull_request:
+ branches:
+ - 'dev-hcm'
+ # Push events to branches matching refs/heads/mona/octocat
jobs:
build:
@@ -15,6 +20,6 @@ jobs:
with:
node-version: 14
registry-url: https://registry.npmjs.org/
- - run: cd micro-ui/web/micro-ui-internals/ && bash ./publish-workbench.sh
+ - run: cd health/micro-ui/web/micro-ui-internals/ && bash ./publish-develop.sh
env:
NODE_AUTH_TOKEN: ${{secrets.npm_token}}
diff --git a/.github/workflows/publishProjectFactory.yml b/.github/workflows/publishProjectFactory.yml
new file mode 100644
index 00000000000..19fde98c7ab
--- /dev/null
+++ b/.github/workflows/publishProjectFactory.yml
@@ -0,0 +1,77 @@
+name: project factory service docker Image CI
+
+on:
+ push:
+ branches: [ "campaign" ]
+ paths:
+ - 'utilities/project-factory/**'
+ pull_request:
+ branches: [ "campaign" ]
+
+jobs:
+
+ build:
+
+ runs-on: ubuntu-latest
+
+ steps:
+ - uses: actions/checkout@v3
+ with:
+ fetch-depth: 0 # Fetch all history for tags and branches
+
+ - name: Set up environment variables
+ id: env
+ run: |
+ echo "BRANCH_NAME=${GITHUB_REF#refs/heads/}" >> $GITHUB_ENV
+ echo "ACTION_NUMBER=${GITHUB_RUN_NUMBER}" >> $GITHUB_ENV
+ echo "COMMIT_ID=${GITHUB_SHA: -8}" >> $GITHUB_ENV # Extract last 8 characters of SHA
+
+ - name: Build the service Docker image
+ id: docker_build
+ working-directory: ./utilities/project-factory
+ run: |
+ IMAGE_TAG=egovio/project-factory:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+ docker build . \
+ --file Dockerfile \
+ --tag $IMAGE_TAG
+ echo "::set-output name=image_name::$IMAGE_TAG"
+
+
+ - name: Build the db migration Docker image
+ id: docker_db_build
+ working-directory: ./utilities/project-factory/migration
+ run: |
+ IMAGE_TAG=egovio/project-factory-db:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+ docker build . \
+ --file Dockerfile \
+ --tag $IMAGE_TAG
+ echo "::set-output name=db_image_name::$IMAGE_TAG"
+
+
+ - name: Login to Docker Hub and Push Docker Image
+ working-directory: ./utilities/project-factory
+ env:
+ DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+ DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+ IMAGE_NAME: ${{ steps.docker_build.outputs.image_name }}
+ run: |
+ # Authenticate with Docker Hub
+ echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin
+
+ # Push the image to Docker Hub
+ docker push $IMAGE_NAME
+ echo "Docker image pushed: $IMAGE_NAME"
+
+ - name: Login to Docker Hub and Push DB Migration Docker Image
+ working-directory: ./utilities/project-factory/migration
+ env:
+ DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+ DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+ DB_IMAGE_NAME: ${{ steps.docker_db_build.outputs.db_image_name }}
+ run: |
+ # Authenticate with Docker Hub
+ echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin
+
+ # Push the image to Docker Hub
+ docker push $DB_IMAGE_NAME
+ echo "Docker image pushed: $DB_IMAGE_NAME"
diff --git a/.gitignore b/.gitignore
index 84763f33d2a..cdb588bba78 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,6 @@
accelerators/frontend/micro-ui-internals/node_modules/*
.idea
index.lock
-utilities/
\ No newline at end of file
+utilities/project-factory/node_modules/*
+utilities/egov-bff/node_modules/*
+utilities/
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000000..65322fe9f51
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,17 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "type": "node",
+ "request": "attach",
+ "name": "Attach to Remote",
+ "address": "localhost",
+ "port": 9229,
+ "localRoot": "${workspaceFolder}",
+ "remoteRoot": "/app"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000000..14f60307eb1
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "editor.inlineSuggest.showToolbar": "onHover"
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index d758d985c9c..b0ad104ede6 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
+
# DIGIT UI
A React App built on top of DIGIT UI Core.
diff --git a/health/micro-ui/.gitignore b/health/micro-ui/.gitignore
new file mode 100644
index 00000000000..feb4cac5c94
--- /dev/null
+++ b/health/micro-ui/.gitignore
@@ -0,0 +1,32 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+.env
+.eslintcache
+
+# yarn $
+.yarn
+yarn.lock
+.yarnrc.yml
+
+# dependencies
+node_modules
+.yarn
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/web/build
+dist
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/health/micro-ui/Jenkinsfile b/health/micro-ui/Jenkinsfile
new file mode 100644
index 00000000000..1206b9c141d
--- /dev/null
+++ b/health/micro-ui/Jenkinsfile
@@ -0,0 +1,3 @@
+library 'ci-libs'
+
+buildPipeline(configFile: './build/build-config.yml')
diff --git a/health/micro-ui/README.md b/health/micro-ui/README.md
new file mode 100644
index 00000000000..9f559d81783
--- /dev/null
+++ b/health/micro-ui/README.md
@@ -0,0 +1,139 @@
+
+# DIGIT ui
+
+A React App built on top of DIGIT UI Core.
+
+# DIGIT
+
+DIGIT eGovernance Platform Services
+
+DIGIT (Digital Infrastructure for Governance, Impact & Transformation) is India's largest platform for governance services. Visit https://core.digit.org/ for more details.
+
+DIGIT platform is microservices based API platform enabling quick rebundling of services as per specific needs. This is a repo that lays down the core platform on top of which other mission services depend.
+
+
+# DIGIT UI
+
+
+This repository contains source code for web implementation of the new Digit UI modules with dependencies and libraries.
+
+Workbench module is used to Manage the master data (MDMS V2 Service) used across the DIGIT Services / Applications
+
+It is also used to manage the Localisation data present in the system (Localisation service)
+
+
+## Run Locally
+
+Clone the project
+
+```bash
+ git clone https://github.com/egovernments/DIGIT-Frontend.git
+```
+
+Go to the Sub directory to run UI
+```bash
+ cd into micro-ui/web/micro-ui-internals
+```
+
+Install dependencies
+
+```bash
+ yarn install
+```
+
+Add .env file
+```bash
+ micro-ui/web/micro-ui-internals/example/.env
+```
+
+Start the server
+
+```bash
+ yarn start
+```
+
+
+## Environment Variables
+
+To run this project, you will need to add the following environment variables to your .env file
+
+`REACT_APP_PROXY_API` :: `{{server url}}`
+
+`REACT_APP_GLOBAL` :: `{{server url}}`
+
+`REACT_APP_PROXY_ASSETS` :: `{{server url}}`
+
+`REACT_APP_USER_TYPE` :: `{{EMPLOYEE||CITIZEN}}`
+
+`SKIP_PREFLIGHT_CHECK` :: `true`
+
+[sample .env file](https://github.com/egovernments/Digit-Core/blob/workbench/frontend/micro-ui/web/micro-ui-internals/example/.env-unifieddev)
+
+## Tech Stack
+
+**Libraries:**
+
+[React](https://react.dev/)
+
+[React Hook Form](https://www.react-hook-form.com/)
+
+[React Query](https://tanstack.com/query/v3/)
+
+[Tailwind CSS](https://tailwindcss.com/)
+
+[Webpack](https://webpack.js.org/)
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)
+
+
+## Author
+
+- [@jagankumar-egov](https://www.github.com/jagankumar-egov)
+
+
+## Documentation
+
+[Documentation](https://https://core.digit.org/guides/developer-guide/ui-developer-guide/digit-ui)
+
+
+## Support
+
+For support, add the issues in https://github.com/egovernments/DIGIT-core/issues.
+
+
+## Modules
+
+ 1. Core
+ 2. Workbench
+ 3. HRMS
+ 4. Dashboard
+ 5. Engagement
+ 6. Payment
+
+## Starting with Digit-UI App (Impelmentation Teams) - MICRO-UI
+
+
+Go to the Sub directory to run UI
+
+```bash
+ cd into micro-ui/web
+```
+
+```bash
+ yarn install
+```
+
+Add .env file
+```bash
+ micro-ui/web/.env
+```
+
+Start the server
+
+```bash
+ yarn start
+```
+
+
diff --git a/health/micro-ui/package.json b/health/micro-ui/package.json
new file mode 100644
index 00000000000..19a3c47d6ee
--- /dev/null
+++ b/health/micro-ui/package.json
@@ -0,0 +1,4 @@
+{
+ "name": "workbench-ui",
+ "version": "1.0.0"
+}
\ No newline at end of file
diff --git a/health/micro-ui/web/.babelrc b/health/micro-ui/web/.babelrc
new file mode 100644
index 00000000000..5f90443d15e
--- /dev/null
+++ b/health/micro-ui/web/.babelrc
@@ -0,0 +1,5 @@
+{
+ "presets": [
+ "@babel/preset-env","@babel/preset-react"
+ ]
+ }
\ No newline at end of file
diff --git a/health/micro-ui/web/.env.sample b/health/micro-ui/web/.env.sample
new file mode 100644
index 00000000000..e87c7f586c4
--- /dev/null
+++ b/health/micro-ui/web/.env.sample
@@ -0,0 +1,3 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_STATE_LEVEL_TENANT_ID=pb
+REACT_APP_PROXY_URL=https://works-dev.digit.org
diff --git a/health/micro-ui/web/CHANGELOG.md b/health/micro-ui/web/CHANGELOG.md
new file mode 100644
index 00000000000..826105084e8
--- /dev/null
+++ b/health/micro-ui/web/CHANGELOG.md
@@ -0,0 +1,7 @@
+# Changelog
+All notable changes to this module will be documented in this file.
+
+## 0.1.0 - 2024-05-28
+#### Base Admin console web
+ 1. Helps in creating the Campaign and configure delivery rules
+ 2. Create Data: Validates and creates resource details of type facility,user and boundary.
diff --git a/health/micro-ui/web/docker/Dockerfile b/health/micro-ui/web/docker/Dockerfile
new file mode 100644
index 00000000000..8e9b173bb85
--- /dev/null
+++ b/health/micro-ui/web/docker/Dockerfile
@@ -0,0 +1,25 @@
+# FROM egovio/alpine-node-builder-14:yarn AS build
+FROM ghcr.io/egovernments/alpine-node-builder-14:yarn AS build
+RUN apk update && apk upgrade
+RUN apk add --no-cache git>2.30.0
+ARG WORK_DIR
+WORKDIR /app
+ENV NODE_OPTIONS "--max-old-space-size=8168"
+
+COPY ${WORK_DIR} .
+RUN ls -lah
+
+#RUN node web/envs.js
+RUN cd web/ \
+ && ./install-deps.sh \
+ && yarn install \
+ && yarn build:webpack
+
+FROM nginx:mainline-alpine
+#FROM ghcr.io/egovernments/nginx:mainline-alpine
+ENV WORK_DIR=/var/web/digit-ui
+
+RUN mkdir -p ${WORK_DIR}
+
+COPY --from=build /app/web/build ${WORK_DIR}/
+COPY --from=build /app/web/docker/nginx.conf /etc/nginx/conf.d/default.conf
diff --git a/health/micro-ui/web/docker/nginx.conf b/health/micro-ui/web/docker/nginx.conf
new file mode 100644
index 00000000000..4f532e4a6ed
--- /dev/null
+++ b/health/micro-ui/web/docker/nginx.conf
@@ -0,0 +1,12 @@
+server
+{
+ listen 80;
+ underscores_in_headers on;
+
+ location /digit-ui
+ {
+ root /var/web;
+ index index.html index.htm;
+ try_files $uri $uri/ /digit-ui/index.html;
+ }
+}
\ No newline at end of file
diff --git a/health/micro-ui/web/envs.js b/health/micro-ui/web/envs.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/health/micro-ui/web/install-deps.sh b/health/micro-ui/web/install-deps.sh
new file mode 100755
index 00000000000..efaceaee20d
--- /dev/null
+++ b/health/micro-ui/web/install-deps.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+
+BRANCH="$(git branch --show-current)"
+
+echo "Main Branch: $BRANCH"
+
+INTERNALS="micro-ui-internals"
+
+cp $INTERNALS/example/src/UICustomizations.js src/Customisations
+
+cd $INTERNALS && echo "Branch: $(git branch --show-current)" && echo "$(git log -1 --pretty=%B)" && echo "installing packages"
+
+
+# yarn install
diff --git a/health/micro-ui/web/micro-ui-internals/.gitignore b/health/micro-ui/web/micro-ui-internals/.gitignore
new file mode 100644
index 00000000000..1747c795d6f
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/.gitignore
@@ -0,0 +1,143 @@
+# Created by https://www.toptal.com/developers/gitignore/api/node,react
+# Edit at https://www.toptal.com/developers/gitignore?templates=node,react
+
+### eGov ###
+packages/css/example/index.css
+package-lock.json
+locales/
+build/
+packages/**/dist/
+
+# yarn #
+.yarn
+.yarnrc.yml
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+.env*.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+dist-storybook
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+### react ###
+.DS_*
+**/*.backup.*
+**/*.back.*
+
+node_modules
+
+*.sublime*
+
+psd
+thumb
+sketch
+
+# vs code
+.vscode/
+
+# End of https://www.toptal.com/developers/gitignore/api/node,react
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/.prettierignore b/health/micro-ui/web/micro-ui-internals/.prettierignore
new file mode 100644
index 00000000000..d54de016ef0
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/.prettierignore
@@ -0,0 +1,23 @@
+
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+# dependencies
+node_modules
+# builds
+build
+dist
+.rpt2_cache
+# dev
+dev.css
+index.css
+index.compat.css
+index.min.css
+# misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/health/micro-ui/web/micro-ui-internals/.prettierrc.json b/health/micro-ui/web/micro-ui-internals/.prettierrc.json
new file mode 100644
index 00000000000..b975008d6f8
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/.prettierrc.json
@@ -0,0 +1,3 @@
+{
+ "printWidth": 150
+}
diff --git a/health/micro-ui/web/micro-ui-internals/README.md b/health/micro-ui/web/micro-ui-internals/README.md
new file mode 100644
index 00000000000..f23a1fcfe9c
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/README.md
@@ -0,0 +1,100 @@
+
+# workbench ui
+
+A React App built on top of DIGIT UI Core.
+
+
+# DIGIT UI
+
+DIGIT (Digital Infrastructure for Governance, Impact & Transformation) is India's largest platform for governance services. Visit https://www.digit.org for more details.
+
+This repository contains source code for web implementation of the new Digit UI modules with dependencies and libraries.
+
+Workbench module is used to Manage the master data (MDMS V2 Service) used across the DIGIT Services / Applications
+
+It is also used to manage the Localisation data present in the system (Localisation service)
+
+
+## Run Locally
+
+Clone the project
+
+```bash
+ git clone https://github.com/egovernments/Digit-Core.git
+```
+
+Go to the Sub directory to run UI
+```bash
+ cd into frontend/micro-ui/web/micro-ui-internals
+```
+
+Install dependencies
+
+```bash
+ yarn install
+```
+
+Add .env file
+```bash
+ frontend/micro-ui/web/micro-ui-internals/example/.env
+```
+
+Start the server
+
+```bash
+ yarn start
+```
+
+
+## Environment Variables
+
+To run this project, you will need to add the following environment variables to your .env file
+
+`REACT_APP_PROXY_API` :: `{{server url}}`
+
+`REACT_APP_GLOBAL` :: `{{server url}}`
+
+`REACT_APP_PROXY_ASSETS` :: `{{server url}}`
+
+`REACT_APP_USER_TYPE` :: `{{EMPLOYEE||CITIZEN}}`
+
+`SKIP_PREFLIGHT_CHECK` :: `true`
+
+[sample .env file](https://github.com/egovernments/Digit-Core/blob/workbench/frontend/micro-ui/web/micro-ui-internals/example/.env-unifieddev)
+
+## Tech Stack
+
+**Libraries:**
+
+[React](https://react.dev/)
+
+[React Hook Form](https://www.react-hook-form.com/)
+
+[React Query](https://tanstack.com/query/v3/)
+
+[Tailwind CSS](https://tailwindcss.com/)
+
+[Webpack](https://webpack.js.org/)
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)
+
+
+## Author
+
+- [@jagankumar-egov](https://www.github.com/jagankumar-egov)
+
+
+## Documentation
+
+[Documentation](https://https://core.digit.org/guides/developer-guide/ui-developer-guide/digit-ui)
+
+
+## Support
+
+For support, add the issues in https://github.com/egovernments/DIGIT-core/issues.
+
+
+
+
diff --git a/health/micro-ui/web/micro-ui-internals/clean.sh b/health/micro-ui/web/micro-ui-internals/clean.sh
new file mode 100644
index 00000000000..2235ef1c1d0
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/clean.sh
@@ -0,0 +1,28 @@
+#!/bin/bash
+
+BASEDIR="$( cd "$( dirname "$0" )" && pwd )"
+
+msg() {
+ echo -e "\n\n\033[32;32m$1\033[0m"
+}
+
+msg "Cleaning root"
+rm -rf node_modules
+
+msg "Cleaning css"
+cd "$BASEDIR/packages/css" && rm -rf node_modules
+
+msg "Cleaning libraries"
+cd "$BASEDIR/packages/libraries" && rm -rf node_modules
+
+msg "Cleaning react-components"
+cd "$BASEDIR/packages/react-components" && rm -rf node_modules
+
+msg "Cleaning PGR module"
+cd "$BASEDIR/packages/modules/pgr" && rm -rf node_modules
+
+msg "Cleaning FSM module"
+cd "$BASEDIR/packages/modules/fsm" && rm -rf node_modules
+
+msg "Cleaning Core module"
+cd "$BASEDIR/packages/modules/core" && rm -rf node_modules
diff --git a/health/micro-ui/web/micro-ui-internals/example/.env-health-qa b/health/micro-ui/web/micro-ui-internals/example/.env-health-qa
new file mode 100644
index 00000000000..73b42b7dfad
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/.env-health-qa
@@ -0,0 +1,7 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://health-qa.digit.org
+REACT_APP_PROXY_ASSETS=https://health-qa.digit.org
+REACT_APP_GLOBAL=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/globalConfigsWorkbenchHCM.js
diff --git a/health/micro-ui/web/micro-ui-internals/example/.env-mz-prod b/health/micro-ui/web/micro-ui-internals/example/.env-mz-prod
new file mode 100644
index 00000000000..2d02707d7eb
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/.env-mz-prod
@@ -0,0 +1,7 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://salama.digit.org
+REACT_APP_PROXY_ASSETS=https://salama.digit.org
+REACT_APP_GLOBAL=https://moz-health-prd.s3.af-south-1.amazonaws.com/globalConfig.js
diff --git a/health/micro-ui/web/micro-ui-internals/example/.env-mz-uat b/health/micro-ui/web/micro-ui-internals/example/.env-mz-uat
new file mode 100644
index 00000000000..bedf28a95b1
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/.env-mz-uat
@@ -0,0 +1,7 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://moz-health-uat.digit.org
+REACT_APP_PROXY_ASSETS=https://moz-health-uat.digit.org
+REACT_APP_GLOBAL=https://moz-health-uat.s3.ap-south-1.amazonaws.com/globalConfig.js
diff --git a/health/micro-ui/web/micro-ui-internals/example/.env-unifieddev b/health/micro-ui/web/micro-ui-internals/example/.env-unifieddev
new file mode 100644
index 00000000000..81fd56e040a
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/.env-unifieddev
@@ -0,0 +1,9 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://unified-dev.digit.org
+REACT_APP_PROXY_ASSETS=https://unified-dev.digit.org
+REACT_APP_GLOBAL=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/globalConfigsMicroplan.js
+REACT_APP_CONTEXT=works
+WORKBENCH=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/globalConfigsWorkbenchHCMMZ.js
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/example/package.json b/health/micro-ui/web/micro-ui-internals/example/package.json
new file mode 100644
index 00000000000..7c60f4a1d6c
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/package.json
@@ -0,0 +1,39 @@
+{
+ "name": "@egovernments/digit-ui-example",
+ "version": "1.0.0",
+ "main": "index.js",
+ "license": "MIT",
+ "private": true,
+ "homepage": "digit-ui",
+ "scripts": {
+ "start": "react-scripts start"
+ },
+ "devDependencies": {
+ "@egovernments/digit-ui-libraries": "1.8.2-beta.1",
+ "@egovernments/digit-ui-module-workbench": "1.0.2-beta.3",
+ "@egovernments/digit-ui-components": "0.0.2-beta.1",
+ "@egovernments/digit-ui-module-core": "1.8.2-beta.2",
+ "@egovernments/digit-ui-module-utilities": "1.0.1-beta.30",
+ "@egovernments/digit-ui-react-components": "1.8.2-beta.6",
+ "@egovernments/digit-ui-module-hcmworkbench":"0.0.38",
+ "@egovernments/digit-ui-module-campaign-manager": "0.0.1",
+ "http-proxy-middleware": "^1.0.5",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
+ "react-i18next": "11.16.2",
+ "react-router-dom": "5.3.0",
+ "react-scripts": "^4.0.1"
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/example/public/index.html b/health/micro-ui/web/micro-ui-internals/example/public/index.html
new file mode 100644
index 00000000000..d42798fc275
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/public/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+ DIGIT
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/health/micro-ui/web/micro-ui-internals/example/src/ComponentRegistry.js b/health/micro-ui/web/micro-ui-internals/example/src/ComponentRegistry.js
new file mode 100644
index 00000000000..9bafce3dc89
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/src/ComponentRegistry.js
@@ -0,0 +1,11 @@
+class Registry {
+ constructor(registry = {}) {
+ this._registry = registry;
+ }
+
+ getComponent(id) {
+ return this._registry[id];
+ }
+}
+
+export default Registry;
diff --git a/health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js b/health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js
new file mode 100644
index 00000000000..d21e82500b7
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js
@@ -0,0 +1,663 @@
+import { Link } from "react-router-dom";
+import _ from "lodash";
+import { useLocation, useHistory } from "react-router-dom";
+import { useParams } from "react-router-dom";
+
+//create functions here based on module name set in mdms(eg->SearchProjectConfig)
+//how to call these -> Digit?.Customizations?.[masterName]?.[moduleName]
+// these functions will act as middlewares
+var Digit = window.Digit || {};
+
+const businessServiceMap = {
+ "muster roll": "MR",
+};
+
+const inboxModuleNameMap = {
+ "muster-roll-approval": "muster-roll-service",
+};
+
+export const UICustomizations = {
+ businessServiceMap,
+ updatePayload: (applicationDetails, data, action, businessService) => {
+ if (businessService === businessServiceMap.estimate) {
+ const workflow = {
+ comment: data.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ estimate: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap.contract) {
+ const workflow = {
+ comment: data?.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ contract: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap?.["muster roll"]) {
+ const workflow = {
+ comment: data?.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ musterRoll: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap?.["works.purchase"]) {
+ const workflow = {
+ comment: data.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ const additionalFieldsToSet = {
+ projectId: applicationDetails.additionalDetails.projectId,
+ invoiceDate: applicationDetails.billDate,
+ invoiceNumber: applicationDetails.referenceId.split("_")?.[1],
+ contractNumber: applicationDetails.referenceId.split("_")?.[0],
+ documents: applicationDetails.additionalDetails.documents,
+ };
+ return {
+ bill: { ...applicationDetails, ...additionalFieldsToSet },
+ workflow,
+ };
+ }
+ },
+ enableModalSubmit: (businessService, action, setModalSubmit, data) => {
+ if (businessService === businessServiceMap?.["muster roll"] && action.action === "APPROVE") {
+ setModalSubmit(data?.acceptTerms);
+ }
+ },
+ enableHrmsSearch: (businessService, action) => {
+ if (businessService === businessServiceMap.estimate) {
+ return action.action.includes("TECHNICALSANCTION") || action.action.includes("VERIFYANDFORWARD");
+ }
+ if (businessService === businessServiceMap.contract) {
+ return action.action.includes("VERIFY_AND_FORWARD");
+ }
+ if (businessService === businessServiceMap?.["muster roll"]) {
+ return action.action.includes("VERIFY");
+ }
+ if (businessService === businessServiceMap?.["works.purchase"]) {
+ return action.action.includes("VERIFY_AND_FORWARD");
+ }
+ return false;
+ },
+ getBusinessService: (moduleCode) => {
+ if (moduleCode?.includes("estimate")) {
+ return businessServiceMap?.estimate;
+ } else if (moduleCode?.includes("contract")) {
+ return businessServiceMap?.contract;
+ } else if (moduleCode?.includes("muster roll")) {
+ return businessServiceMap?.["muster roll"];
+ } else if (moduleCode?.includes("works.purchase")) {
+ return businessServiceMap?.["works.purchase"];
+ } else if (moduleCode?.includes("works.wages")) {
+ return businessServiceMap?.["works.wages"];
+ } else if (moduleCode?.includes("works.supervision")) {
+ return businessServiceMap?.["works.supervision"];
+ } else {
+ return businessServiceMap;
+ }
+ },
+ getInboxModuleName: (moduleCode) => {
+ if (moduleCode?.includes("estimate")) {
+ return inboxModuleNameMap?.estimate;
+ } else if (moduleCode?.includes("contract")) {
+ return inboxModuleNameMap?.contracts;
+ } else if (moduleCode?.includes("attendence")) {
+ return inboxModuleNameMap?.attendencemgmt;
+ } else {
+ return inboxModuleNameMap;
+ }
+ },
+
+ AttendanceInboxConfig: {
+ preProcess: (data) => {
+ //set tenantId
+ data.body.inbox.tenantId = Digit.ULBService.getCurrentTenantId();
+ data.body.inbox.processSearchCriteria.tenantId = Digit.ULBService.getCurrentTenantId();
+
+ const musterRollNumber = data?.body?.inbox?.moduleSearchCriteria?.musterRollNumber?.trim();
+ if (musterRollNumber) data.body.inbox.moduleSearchCriteria.musterRollNumber = musterRollNumber;
+
+ const attendanceRegisterName = data?.body?.inbox?.moduleSearchCriteria?.attendanceRegisterName?.trim();
+ if (attendanceRegisterName) data.body.inbox.moduleSearchCriteria.attendanceRegisterName = attendanceRegisterName;
+
+ // deleting them for now(assignee-> need clarity from pintu,ward-> static for now,not implemented BE side)
+ const assignee = _.clone(data.body.inbox.moduleSearchCriteria.assignee);
+ delete data.body.inbox.moduleSearchCriteria.assignee;
+ if (assignee?.code === "ASSIGNED_TO_ME") {
+ data.body.inbox.moduleSearchCriteria.assignee = Digit.UserService.getUser().info.uuid;
+ }
+
+ //cloning locality and workflow states to format them
+ // let locality = _.clone(data.body.inbox.moduleSearchCriteria.locality ? data.body.inbox.moduleSearchCriteria.locality : []);
+
+ let selectedOrg = _.clone(data.body.inbox.moduleSearchCriteria.orgId ? data.body.inbox.moduleSearchCriteria.orgId : null);
+ delete data.body.inbox.moduleSearchCriteria.orgId;
+ if (selectedOrg) {
+ data.body.inbox.moduleSearchCriteria.orgId = selectedOrg?.[0]?.applicationNumber;
+ }
+
+ // let selectedWard = _.clone(data.body.inbox.moduleSearchCriteria.ward ? data.body.inbox.moduleSearchCriteria.ward : null);
+ // delete data.body.inbox.moduleSearchCriteria.ward;
+ // if(selectedWard) {
+ // data.body.inbox.moduleSearchCriteria.ward = selectedWard?.[0]?.code;
+ // }
+
+ let states = _.clone(data.body.inbox.moduleSearchCriteria.state ? data.body.inbox.moduleSearchCriteria.state : []);
+ let ward = _.clone(data.body.inbox.moduleSearchCriteria.ward ? data.body.inbox.moduleSearchCriteria.ward : []);
+ // delete data.body.inbox.moduleSearchCriteria.locality;
+ delete data.body.inbox.moduleSearchCriteria.state;
+ delete data.body.inbox.moduleSearchCriteria.ward;
+
+ // locality = locality?.map((row) => row?.code);
+ states = Object.keys(states)?.filter((key) => states[key]);
+ ward = ward?.map((row) => row?.code);
+
+ // //adding formatted data to these keys
+ // if (locality.length > 0) data.body.inbox.moduleSearchCriteria.locality = locality;
+ if (states.length > 0) data.body.inbox.moduleSearchCriteria.status = states;
+ if (ward.length > 0) data.body.inbox.moduleSearchCriteria.ward = ward;
+ const projectType = _.clone(data.body.inbox.moduleSearchCriteria.projectType ? data.body.inbox.moduleSearchCriteria.projectType : {});
+ if (projectType?.code) data.body.inbox.moduleSearchCriteria.projectType = projectType.code;
+
+ //adding tenantId to moduleSearchCriteria
+ data.body.inbox.moduleSearchCriteria.tenantId = Digit.ULBService.getCurrentTenantId();
+
+ //setting limit and offset becoz somehow they are not getting set in muster inbox
+ data.body.inbox.limit = data.state.tableForm.limit;
+ data.body.inbox.offset = data.state.tableForm.offset;
+ delete data.state;
+ return data;
+ },
+ postProcess: (responseArray, uiConfig) => {
+ const statusOptions = responseArray?.statusMap
+ ?.filter((item) => item.applicationstatus)
+ ?.map((item) => ({ code: item.applicationstatus, i18nKey: `COMMON_MASTERS_${item.applicationstatus}` }));
+ if (uiConfig?.type === "filter") {
+ let fieldConfig = uiConfig?.fields?.filter((item) => item.type === "dropdown" && item.populators.name === "musterRollStatus");
+ if (fieldConfig.length) {
+ fieldConfig[0].populators.options = statusOptions;
+ }
+ }
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ if (key === "ATM_MUSTER_ROLL_ID") {
+ return (
+
+
+ {String(value ? (column.translate ? t(column.prefix ? `${column.prefix}${value}` : value) : value) : t("ES_COMMON_NA"))}
+
+
+ );
+ }
+ if (key === "ATM_ATTENDANCE_WEEK") {
+ const week = `${Digit.DateUtils.ConvertTimestampToDate(value?.startDate, "dd/MM/yyyy")}-${Digit.DateUtils.ConvertTimestampToDate(
+ value?.endDate,
+ "dd/MM/yyyy"
+ )}`;
+ return ",
+ "license": "MIT",
+ "private": true,
+ "engines": {
+ "node": ">=14"
+ },
+ "scripts": {
+ "start": "SKIP_PREFLIGHT_CHECK=true run-s build start:dev",
+ "sprint": "SKIP_PREFLIGHT_CHECK=true run-s start:script",
+ "start:dev": "run-p dev:**",
+ "start:script": "./scripts/create.sh",
+ "dev:css": "cd packages/css && yarn start",
+ "publish:css": "cd packages/css && yarn && npm publish --tag workbench-1.0",
+ "dev:example": "cd example && yarn start",
+ "dev:campaign": "cd packages/modules/campaign-manager && yarn start",
+ "build": "run-p build:**",
+ "build:campaign": "cd packages/modules/campaign-manager && yarn build",
+ "deploy:jenkins": "./scripts/jenkins.sh",
+ "clean": "rm -rf node_modules"
+ },
+ "resolutions": {
+ "**/@babel/runtime": "7.20.1",
+ "**/babel-preset-react-app": "10.0.0"
+ },
+ "devDependencies": {
+ "husky": "7.0.4",
+ "lint-staged": "12.3.7",
+ "npm-run-all": "4.1.5",
+ "prettier": "2.1.2"
+ },
+ "husky": {},
+ "lint-staged": {
+ "*.{js,css,md}": "prettier --write"
+ },
+ "dependencies": {
+ "ajv": "8.12.0",
+ "lodash": "4.17.21",
+ "microbundle-crl": "0.13.11",
+ "@egovernments/digit-ui-react-components": "1.8.2-beta.6",
+ "@egovernments/digit-ui-components": "0.0.2-beta.1",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
+ "react-hook-form": "6.15.8",
+ "react-i18next": "11.16.2",
+ "react-query": "3.6.1",
+ "react-router-dom": "5.3.0"
+ }
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/README.md b/health/micro-ui/web/micro-ui-internals/packages/css/README.md
new file mode 100644
index 00000000000..6efe08ae5c5
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/README.md
@@ -0,0 +1,62 @@
+
+
+# digit-ui-css
+
+## Install
+
+```bash
+npm install --save @egovernments/digit-ui-css
+```
+
+## Limitation
+
+```bash
+This Package is more specific to DIGIT-UI's can be used across mission's
+It is the base css for all Digit UI's
+```
+
+## Usage
+
+After adding the dependency make sure you have this dependency in
+
+```bash
+frontend/micro-ui/web/package.json
+```
+
+```json
+"@egovernments/digit-ui-css":"^1.5.0",
+```
+
+then navigate to App.js
+
+```bash
+frontend/micro-ui/web/public/index.html
+```
+
+```jsx
+/** add this import **/
+
+
+
+```
+### Changelog
+
+```bash
+1.0.7-campaign some css fixes in attribute
+1.0.5-campaign some css fixes in previous button
+1.0.4-campaign updated styling for create campaign screens
+1.0.2-campaign update Styling added for delivery rule screen
+1.0.1-campaign Styling added for delivery rule screen
+1.0.0-campaign Base version
+
+```
+## Contributors
+
+[jagankumar-egov] [nipunarora-eGov]
+
+### Published from DIGIT Frontend
+DIGIT Frontend Repo (https://github.com/egovernments/Digit-Frontend/tree/develop)
+
+## License
+
+MIT © [jagankumar-egov](https://github.com/jagankumar-egov)
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/gulpfile.js b/health/micro-ui/web/micro-ui-internals/packages/css/gulpfile.js
new file mode 100644
index 00000000000..5d1a705494a
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/gulpfile.js
@@ -0,0 +1,71 @@
+const fs = require("fs");
+const { name, version, author, cssConfig } = JSON.parse(fs.readFileSync("package.json"));
+
+const headerString = `
+@charset "UTF-8";
+/*!
+ * ${name} - ${version}
+ *
+ * Copyright (c) ${new Date().getFullYear()} ${author}
+ *
+ */
+ `;
+const { series, src, dest, watch, task } = require("gulp");
+const header = require("postcss-header");
+
+const clean = require("gulp-clean");
+const postcss = require("gulp-postcss");
+const sass = require('gulp-sass');
+
+const postcssPresetEnv = require("postcss-preset-env");
+const cleanCSS = require("gulp-clean-css");
+const rename = require("gulp-rename");
+const livereload = require("gulp-livereload");
+
+let output = "./example";
+if (process.env.NODE_ENV === "production") {
+ output = "./dist";
+}
+
+function cleanStyles() {
+ return src(`${output}/*.css`, { read: false }).pipe(clean());
+}
+
+function styles() {
+ const plugins = [
+ require("postcss-import"),
+ require("tailwindcss"),
+ postcssPresetEnv({ stage: 2, autoprefixer: { cascade: false }, features: { "custom-properties": true } }),
+ require("autoprefixer"),
+ require("cssnano"),
+ header({ header: headerString }),
+ ];
+ return src("src/index.scss").pipe(postcss(plugins)).pipe(sass()).pipe(dest(output));
+}
+
+function minify() {
+ return src(`${output}/index.css`).pipe(cleanCSS()).pipe(rename(`index.min.css`)).pipe(dest(output));
+}
+
+function stylesLive() {
+ styles().pipe(livereload({ start: true }));
+}
+
+function livereloadStyles() {
+ livereload.listen();
+ watch("src/**/*.scss", series(stylesLive));
+}
+
+exports.styles = styles;
+exports.default = series(styles);
+exports.watch = livereloadStyles;
+if (process.env.NODE_ENV === "production") {
+ exports.build = series(cleanStyles, styles, minify);
+} else {
+ exports.build = series(styles, livereloadStyles);
+}
+
+// gulp.task("watch:styles", function () {
+// livereload.listen();
+// gulp.watch("**/*.scss", ["styles"]);
+// });
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/package.json b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
new file mode 100644
index 00000000000..5f503a9ebf5
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -0,0 +1,65 @@
+{
+ "name": "@egovernments/digit-ui-css",
+ "version": "1.0.56-campaign",
+ "license": "MIT",
+ "main": "dist/index.css",
+ "author": "Jagankumar ",
+ "engines": {
+ "node": ">=14"
+ },
+ "cssConfig": {
+ "prefix": ""
+ },
+ "scripts": {
+ "start": "gulp build",
+ "build:prod": "NODE_ENV=production gulp build",
+ "prepublish": "yarn build:prod",
+ "deploy": "gulp && cp -R svg example && cp -R img example && gh-pages -d example"
+ },
+ "browserslist": [
+ "> 3%",
+ "last 2 versions"
+ ],
+ "style": "./dist/index.css",
+ "dependencies": {
+ "node-sass": "4.14.1",
+ "normalize.css": "8.0.1",
+ "postcss-scss": "3.0.5",
+ "tailwindcss": "1.9.6"
+ },
+ "devDependencies": {
+ "autoprefixer": "10.4.14",
+ "cssnano": "4.1.11",
+ "gh-pages": "3.2.3",
+ "gulp": "4.0.2",
+ "gulp-clean": "0.4.0",
+ "gulp-clean-css": "4.3.0",
+ "gulp-livereload": "4.0.2",
+ "gulp-postcss": "9.0.1",
+ "gulp-rename": "2.0.0",
+ "gulp-sass": "4.1.1",
+ "postcss": "8.4.26",
+ "postcss-cli": "8.3.1",
+ "postcss-header": "2.0.0",
+ "postcss-import": "12.0.1",
+ "postcss-prefixer": "2.1.3",
+ "postcss-preset-env": "6.7.1",
+ "postcss-scss": "3.0.5",
+ "sass": "^1.26.11"
+ },
+ "files": [
+ "dist/index.min.css",
+ "dist/index.css",
+ "svg/**/*.svg",
+ "img/**/*.png",
+ "src/**/*.scss",
+ "src/**/*.css"
+ ],
+ "keywords": [
+ "digit",
+ "egov",
+ "dpg",
+ "digit-ui",
+ "css"
+ ]
+}
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/postcss.config.js b/health/micro-ui/web/micro-ui-internals/packages/css/postcss.config.js
new file mode 100644
index 00000000000..18485de221e
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/postcss.config.js
@@ -0,0 +1,55 @@
+const postcssPresetEnv = require("postcss-preset-env");
+
+module.exports = {
+ parser: require("postcss-scss"),
+ plugins: [
+ require("postcss-import"),
+ require("postcss-nested").default,
+ require("tailwindcss"),
+ require("postcss-preset-env"),
+ require("autoprefixer"),
+ // require("cssnano"),
+ ],
+};
+
+// const fs = require('fs');
+// const { name, version, author, cssConfig } = JSON.parse(fs.readFileSync('package.json'));
+
+// const header = `
+// @charset "UTF-8";
+// /*!
+// * ${name} - ${version}
+// *
+// * Copyright (c) ${new Date().getFullYear()} ${author.name}
+// */
+// `;
+
+// module.exports = (ctx) => {
+// const prefix = ctx.env === 'compat' ? '' : cssConfig.prefix;
+// const devMessage = `🎉🎉🎉🎉 \n${name} ${ctx.env} build was compiled sucessfully! \n`;
+
+
+// return {
+// map: ctx.options.map,
+// parser: ctx.options.parser,
+// plugins: {
+// 'postcss-import': { root: ctx.file.dirname },
+// 'postcss-prefixer': {
+// prefix,
+// ignore: [/\[class\*=.*\]/],
+// },
+// 'postcss-preset-env': {
+// autoprefixer: {
+// cascade: false,
+// },
+// features: {
+// 'custom-properties': true,
+// },
+// },
+// cssnano: ctx.env === 'production' || ctx.env === 'compat' ? {} : false,
+// 'postcss-header': {
+// header,
+// },
+// },
+// };
+// };
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss
new file mode 100644
index 00000000000..f01756f1e7d
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss
@@ -0,0 +1,363 @@
+.microplanning {
+ .upload {
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+ margin-top: 1.25rem;
+ }
+
+ .upload-section-option {
+ width: 12.5rem;
+ min-height: 32rem;
+ background-color: #ffffff;
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ padding: 0.625rem;
+ box-shadow: 0px 1px 2px 0px #00000029;
+ }
+
+ .upload-section-options-active {
+ min-height: 3.7rem;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px rgba(214, 213, 212, 1) solid;
+ cursor: pointer;
+ border-right: 0.3rem solid rgba(244, 119, 56, 1);
+ background-color: rgba(244, 119, 56, 0.12);
+
+ p {
+ color: rgba(80, 90, 95, 1);
+ font-weight: 400;
+ font-size: 16px;
+ }
+ }
+
+ .upload-section-options-inactive {
+ min-height: 3.7rem;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px rgba(214, 213, 212, 1) solid;
+ cursor: pointer;
+ border-right: none;
+ background-color: rgba(255, 255, 255, 1);
+
+ p {
+ color: rgba(80, 90, 95, 1);
+ font-weight: 400;
+ font-size: 16px;
+ }
+ }
+
+ .upload-component {
+ width: 80%;
+ height: min-content;
+ border-radius: 0.25rem;
+ padding: 1.5rem;
+ background-color: rgba(255, 255, 255, 1);
+ margin: 0;
+ margin-right: 0.3rem;
+ padding-bottom: 0.625rem;
+ }
+
+ .upload-component-active {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 0;
+
+ .greyedout-name {
+ color: rgba(177, 180, 182, 1);
+ margin: 0 0.625rem;
+ font-size: 1.25rem;
+ padding-top: 0px;
+ font-weight: 500;
+ }
+
+ h2 {
+ margin-top: 0.625rem;
+ font-size: 2.5rem;
+ margin: 0.625rem 0;
+ font-weight: 700;
+ }
+
+ p {
+ margin: 0.625rem 0;
+ padding-top: 0.625;
+ font-size: 1rem;
+ margin-top: 0.625rem;
+ font-weight: 400;
+ }
+ }
+
+ .upload-component-inactive {
+ display: none;
+ }
+
+ .upload-option-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 1.25rem 0;
+ flex-wrap: wrap;
+
+ .upload-option-container-selected {
+ border: 2px rgba(244, 119, 56, 1) solid;
+ color: rgba(244, 119, 56, 1);
+ }
+ }
+
+ .upload-option {
+ border-radius: 0.25rem;
+ border: 0.0625rem rgba(214, 213, 212, 1) solid;
+ min-width: 12.5rem;
+ min-height: 8.75rem;
+ box-shadow: 0 0.0625rem rgba(0, 0, 0, 0.16);
+ padding: 0.625rem 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ justify-items: center;
+ margin: 0 1.25rem;
+ cursor: pointer;
+
+ &:hover {
+ border: 2px rgba(244, 119, 56, 1) solid;
+ }
+
+ p {
+ margin-top: 0.625rem;
+ }
+
+ .upload-option-selected {
+ border: 0.125rem rgba(244, 119, 56, 1) solid;
+ color: rgba(244, 119, 56, 1);
+ }
+
+ .select-button {
+ justify-self: end;
+ border: 1px solid rgba(244, 119, 56, 1);
+ background-color: rgba(255, 255, 255, 1);
+ width: 11rem;
+ height: 2.5rem;
+ padding: 0.6rem 0.5rem;
+ color: rgba(244, 119, 56, 1);
+ font-size: 1rem;
+ font-weight: 600;
+ }
+
+ .selected-button {
+ justify-self: end;
+ border: 1px solid rgba(244, 119, 56, 1);
+ background-color: rgba(244, 119, 56, 1);
+ width: 11rem;
+ height: 2.5rem;
+ padding: 0.6rem 0.5rem;
+ color: rgb(255, 255, 255);
+ font-size: 1rem;
+ font-weight: 600;
+ }
+ }
+
+ .modal-header {
+ width: 30rem;
+ font-weight: 700;
+ font-size: 1.5rem;
+ padding-left: 1rem;
+ margin-bottom: 0;
+ display: flex;
+ flex-wrap: wrap;
+ overflow: hidden;
+ }
+
+ .modal-body {
+ overflow: hidden;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ margin-bottom: 1rem;
+ margin-right: 1rem;
+
+ p {
+ font-weight: 400;
+ font-size: 1rem;
+ }
+ }
+
+ .upload-file {
+ min-width: 90%;
+ min-height: 10rem;
+ padding-top: 0.625;
+ border: 1px rgba(214, 213, 212, 1) dotted;
+ margin: 1rem 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background-color: rgba(250, 250, 250, 255);
+ }
+
+ .uploaded-file {
+ border: 1px solid rgba(214, 213, 212, 1);
+ min-height: 4.75rem;
+ background-color: rgb(256, 252, 252);
+ display: flex !important;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 0.625rem;
+ padding: 0 0.625rem;
+ flex-wrap: wrap;
+
+ .uploaded-file-details {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: wrap;
+ padding: 1rem 0;
+
+ p {
+ padding: 0;
+ margin: 0;
+ height: min-content;
+ font-weight: 700;
+ font-size: 1.5rem;
+ color: rgba(80, 90, 95, 1);
+ text-align: start;
+ }
+ }
+
+ .uploaded-file-operations {
+ display: flex !important;
+ flex-direction: row;
+ align-items: center;
+ justify-items: end;
+ flex-wrap: wrap;
+ .button {
+ display: flex !important;
+ flex-direction: row;
+ align-items: center !important;
+ justify-content: center;
+ margin-left: 1rem;
+ min-width: 9rem;
+ height: 2.5rem;
+ border: 1px rgba(244, 119, 56, 1) solid;
+ background-color: white;
+ cursor: pointer;
+ }
+
+ p {
+ padding: 0;
+ margin: 0;
+ color: rgba(244, 119, 56, 1);
+ font-weight: 600;
+ font-size: 1rem;
+ }
+
+ .deletebutton {
+ background-color: rgb(255, 255, 255, 0);
+ border: none;
+ }
+ }
+ }
+
+ .loader-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ background-color: rgba(0, 0, 0, 0.7);
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 99999;
+
+ .loader {
+ border: 0.5rem solid rgb(255, 255, 255);
+ border-top: 0.5rem solid rgba(80, 76, 76, 0);
+ border-radius: 50%;
+ width: 3.125rem;
+ height: 3.125rem;
+ animation: spin 2s linear infinite;
+ }
+
+ .loader-inner {
+ border: 1px solid rgb(255, 255, 255);
+ border-radius: 50%;
+ width: 100%;
+ height: 100%;
+ }
+
+ .loader-text {
+ color: whitesmoke;
+ padding-top: 1.25rem;
+ }
+ }
+
+ @keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+ }
+
+ .toast-container {
+ position: fixed;
+ width: 50%;
+ bottom: 1.25rem;
+ left: 50%;
+ transform: translateX(-50%);
+ color: #fff;
+ padding: 1rem;
+ z-index: 9999;
+ }
+
+ .success {
+ background-color: rgba(0, 112, 60, 1);
+ }
+
+ .toast-content {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .message {
+ margin-right: 0.6px;
+ }
+
+ .close-button {
+ background: transparent;
+ border: none;
+ color: inherit;
+ cursor: pointer;
+ }
+
+ .altrady-have-template-button {
+ display: flex !important;
+ justify-content: center;
+ font-weight: 600;
+ font-size: 1rem;
+ }
+
+ .download-template-button {
+ display: flex !important;
+ justify-content: center;
+
+ .icon {
+ display: flex;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ }
+
+ p {
+ font-weight: 500;
+ font-size: 1rem;
+ }
+ }
+}
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/index.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/index.scss
new file mode 100644
index 00000000000..ff5ace2af3e
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/index.scss
@@ -0,0 +1,13 @@
+/*@import 'normalize.css';*/
+
+/*@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap");*/
+
+@import "tailwindcss/base";
+
+@import "tailwindcss/components";
+
+@import "tailwindcss/utilities";
+
+@import "./components/microplanning.scss";
+@import "./pages/employee/index.scss";
+@import "./pages/employee/campaign.scss";
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaign.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaign.scss
new file mode 100644
index 00000000000..5c6b56289d3
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaign.scss
@@ -0,0 +1,109 @@
+@import url("../../index.scss");
+@import "../../typography.scss";
+
+.summary-header {
+ @extend .typography.text-heading-l;
+ font-size: 2.25rem;
+}
+.date-field-container {
+ display: grid;
+ grid-template-columns: 20rem 20rem;
+ grid-gap: 1.5rem;
+ width: 70%;
+ padding-top: 0.3rem;
+ margin-top: 0rem;
+}
+.date-field {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ align-items: start;
+}
+.campaign-type {
+ margin-right: 5rem;
+ padding-bottom: 1.2rem;
+ font-weight: bold;
+}
+.name-container {
+ margin-right: 4rem;
+ font-weight: bold;
+ text-wrap: nowrap;
+}
+.beneficiary-type {
+ margin-right: 5.4rem;
+ font-weight: bold;
+}
+.campaign-dates {
+ display: flex;
+ font-weight: bold;
+}
+.mandatory-date {
+ margin-top: 0.8rem;
+ margin-left: 0.5rem;
+ color: red !important;
+ font-size: 1rem;
+ font-weight: 700;
+}
+.description-type {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+.name-description {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+.dates-description {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ padding-bottom: 1.2rem;
+}
+.selecting-boundary-div {
+ padding-top: 0.5rem;
+ .label-field-pair {
+ margin-bottom: 1.5rem;
+ }
+}
+.campaign-table {
+ border-collapse: collapse;
+ border-color: transparent;
+ border-width: 0rem 1.5rem;
+ tbody {
+ tr:hover {
+ background: rgba(#f47738, 0.12);
+ }
+ }
+}
+.info-points {
+ display: flex;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.infoClass{
+ margin-bottom: 1.5rem
+}
+.headerWrapperClassName{
+ display: none
+}
+.popup-close-svg{
+ display: none;
+}
+.whoLogo{
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+}
+
+.digit-popup-wrapper{
+ &.popUpClass{
+ width:45rem;
+
+ .popUpFooter{
+ .digit-popup-footer-buttons{
+ margin-left: 0px;
+ width: 100%;
+
+ button{
+ flex:1;
+ }
+ }
+ }
+ }
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaignCycle.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaignCycle.scss
new file mode 100644
index 00000000000..74296abb568
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaignCycle.scss
@@ -0,0 +1,331 @@
+@import "../../typography.scss";
+
+.campaign-cycle-container {
+ .campaign-tabs-container {
+ }
+ .sub-tab-container {
+ margin-top: 5px;
+ padding: 1.5rem;
+ .card-text {
+ margin-bottom: 0;
+ }
+ }
+ .add-resource-container {
+ background-color: #fafafa;
+ border: 1px solid #d6d5d4;
+ border-radius: 0.4rem;
+ padding: 1rem;
+ margin-right: 1.5rem;
+ margin-bottom: 1.5rem;
+ .card-text {
+ margin: 0;
+ font-weight: 700;
+ }
+ .header-container {
+ display: flex;
+ align-items: flex-end;
+ justify-content: space-between;
+ }
+ }
+ .delete-resource-icon {
+ cursor: pointer;
+ font-weight: 600;
+ font-size: 1rem;
+ color: theme(digitv2.lightTheme.primary);
+ display: flex;
+ gap: 0.5rem;
+ align-items: center;
+ }
+ .add-resource-label-field-container {
+ display: grid;
+ grid-template-columns: 2fr 1fr;
+ grid-gap: 2rem;
+ .options-card {
+ max-height: 10rem !important;
+ }
+ }
+ .popup-wrap {
+ .popup-module-main {
+ max-height: 707px;
+ overflow-y: auto;
+ width: 99%;
+ &::-webkit-scrollbar {
+ width: 0.5rem;
+ background: transparent;
+ }
+ &::-webkit-scrollbar-thumb {
+ background: #d6d5d4; /* Color of the scrollbar thumb */
+ border-radius: 5px; /* Adjust the border-radius for rounded corners */
+ height: 0.5rem;
+ }
+ }
+ .popup-module-action-bar {
+ .selector-button-primary {
+ padding: 0.6rem 2.5rem;
+ height: unset;
+ margin: 1.5rem;
+ background-color: theme(digitv2.lightTheme.primary);
+ }
+ }
+ }
+}
+.selector-button-primary {
+ background-color: theme(digitv2.lightTheme.primary);
+}
+.campaign-breadcrumb {
+ margin: 0;
+ margin-bottom: 1.5rem;
+ color: theme(digitv2.lightTheme.primary) !important;
+}
+.sc-jlZhew.dVtbRz {
+ overflow: hidden;
+}
+.campaign-popup-module {
+ margin: auto;
+ width: calc(100% - 5rem);
+}
+.campaign-bulk-upload {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1.5rem;
+ .campaign-download-template-btn {
+ font-weight: 700;
+ }
+}
+.bulk-info-text {
+ margin-bottom: 1.5rem;
+}
+.delete-and-download-button {
+ display: flex;
+ gap: 1.5rem;
+}
+.bulk-upload-file {
+ .uploaded-file-container {
+ margin: 0;
+ margin-bottom: 1.5rem;
+ }
+}
+.uploaded-file-container {
+ margin-left: 0rem;
+}
+.upload-drag-drop-container {
+ background-color: #fafafa;
+ border: 1.5px dashed #d6d5d4;
+ border-radius: 5px;
+ padding: 1rem 1rem 1rem 1rem;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+
+ .drag-drop-text {
+ text-decoration: none;
+
+ .browse-text {
+ text-decoration: none;
+ color: theme(digitv2.lightTheme.primary);
+ transition: color 0.3s;
+ }
+
+ .browse-text:hover {
+ color: theme(digitv2.lightTheme.primary);
+ text-decoration: underline;
+ cursor: pointer;
+ }
+ }
+}
+
+.upload-drag-drop-container {
+ margin-left: 0rem;
+ .drag-drop {
+ color: #b1b4b6;
+ }
+ .browse-text {
+ text-decoration: underline;
+ color: theme(digitv2.lightTheme.primary);
+ transition: color 0.3s;
+ }
+}
+
+.campaign-counter-container {
+ padding: 1.5rem;
+ padding-bottom: 0.5rem;
+ .card-text {
+ margin-top: 0;
+ }
+ .label-field-pair {
+ margin-bottom: 1rem;
+ .card-label {
+ font-weight: 700;
+ }
+ }
+ .date-field-container {
+ display: grid;
+ grid-template-columns: 18.75rem 18.75rem;
+ grid-gap: 1.5rem;
+ width: 100%;
+ }
+ .PlusMinus {
+ width: 30%;
+ input {
+ width: 100%;
+ }
+ }
+}
+
+.campaign-tab-head {
+ padding: 1rem;
+ width: 12.5rem;
+ height: 3rem;
+ border-radius: 10px 10px 0px 0px;
+ background-color: #ffffff;
+ outline: none;
+ box-sizing: border-box;
+ font-weight: 700;
+ font-size: 1rem;
+ font-family: "Roboto";
+ color: #505a5f;
+ margin-bottom: -6px;
+ border: 1px solid #d6d5d4;
+ background-color: #fafafa;
+ &.active {
+ height: 3.375rem;
+ background-color: #ffffff;
+ outline: none;
+ font-weight: bold;
+ color: theme(digitv2.lightTheme.primary);
+ border: 1px solid theme(digitv2.lightTheme.primary);
+ border-bottom: 4px solid theme(digitv2.lightTheme.primary);
+ box-sizing: border-box;
+ font-size: 1.5rem;
+ }
+ :focus {
+ outline: none;
+ }
+}
+.campaign-sub-tab-head {
+ outline: none;
+ background-color: #ffffff;
+ color: theme(digitv2.lightTheme.primary);
+ border: 1px solid theme(digitv2.lightTheme.primary);
+ height: 2rem;
+ width: 9.188rem;
+ font-size: 1rem;
+ font-weight: 400;
+ &.active {
+ background-color: theme(digitv2.lightTheme.primary);
+ color: #ffffff;
+ font-weight: bold;
+ outline: none;
+ height: 2rem;
+ width: 9.188rem;
+ font-family: "Roboto";
+ font-weight: 700;
+ font-size: 1rem;
+ }
+}
+.tab-content-header {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem !important;
+}
+
+.delivery-rule-container {
+ padding-top: 0;
+ .card-header {
+ .title {
+ margin: 0 !important;
+ }
+ font-size: 1.5rem !important;
+ margin: 0;
+ display: flex;
+ align-content: center;
+ justify-content: space-between;
+ }
+ .attribute-container {
+ border: 1px solid #d6d5d4;
+ background-color: #fafafa;
+ padding: 1rem;
+ padding-top: 0;
+ .add-attribute {
+ width: 74.5%;
+ justify-content: center;
+ h2 {
+ font-size: 1rem;
+ font-family: Roboto;
+ width: unset !important;
+ font-weight: 600;
+ }
+ }
+ }
+}
+.attribute-field-wrapper {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ align-items: center;
+ gap: 2.5rem;
+ .label-field-pair {
+ flex-direction: column;
+ align-items: flex-start !important;
+ .card-label.card-label-smaller {
+ font-weight: 700;
+ }
+ .employee-select-wrap.form-field {
+ width: 100%;
+ }
+ .digit-employee-card-input {
+ margin-bottom: 0;
+ }
+ }
+ .options-card {
+ max-height: 10rem !important;
+ }
+ .card-label {
+ margin-bottom: 0.5rem;
+ }
+}
+.add-rule-btn {
+ margin: auto;
+ h2 {
+ font-family: Roboto;
+ font-size: 1rem;
+ font-weight: 600;
+ }
+}
+.add-product-btn {
+ h2 {
+ font-family: Roboto;
+ font-size: 1rem;
+ font-weight: 600;
+ }
+}
+.popup-wrap.campaign-product-wrapper {
+ .popup-module {
+ width: 70%;
+ padding-left: 1.5rem;
+ padding-bottom: 1.5rem;
+ .header-wrap {
+ font-size: 1.5rem;
+ font-weight: 700;
+ .header-content.popup-header-fix {
+ margin-top: 1.5rem;
+ }
+ }
+ }
+ .popup-module-action-bar {
+ margin-top: 1.5rem;
+ margin-right: 1.5rem;
+ }
+}
+.search-button-wrapper {
+ grid-column-end: -1 !important;
+ flex-direction: row !important;
+}
+.add-resource-modal {
+}
+.add-resource-wrapper {
+ .link {
+ color: theme(digitv2.lightTheme.primary);
+ }
+}
+.digit-toast-success {
+ margin-bottom: -0.5rem;
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/coreOverride.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/coreOverride.scss
new file mode 100644
index 00000000000..295d90c1264
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/coreOverride.scss
@@ -0,0 +1,173 @@
+@import "../../typography.scss";
+
+/* language selection issue*/
+.customBtn-selected {
+ background-color: theme(digitv2.lightTheme.primary);
+}
+
+/* login screen issue*/
+
+.primary-label-btn {
+ color: theme(digitv2.lightTheme.primary);
+}
+
+/* landing screen issue*/
+
+.employeeCard {
+ .complaint-links-container .header .logo {
+ background-color: theme(digitv2.lightTheme.primary);
+ }
+
+ .complaint-links-container .body {
+ &.link {
+ color: theme(digitv2.lightTheme.primary);
+ }
+ .inbox-total {
+ background-color: theme(digitv2.lightTheme.primary);
+ }
+ }
+}
+
+.employee .topbar .right .user-img-txt {
+ background-color: theme(digitv2.lightTheme.primary);
+}
+/* button component issue*/
+
+.action-bar-wrap {
+ .submit-bar {
+ background-color: theme(digitv2.lightTheme.primary);
+ }
+}
+
+.jk-digit-secondary-btn {
+ color: theme(digitv2.lightTheme.primary);
+ border-color: theme(digitv2.lightTheme.primary);
+
+ svg {
+ fill: theme(digitv2.lightTheme.primary);
+
+ path {
+ fill: theme(digitv2.lightTheme.primary);
+ }
+ }
+}
+.error-boundary .error-container button {
+ background-color: theme(digitv2.lightTheme.primary);
+}
+
+/* inbox screen issue*/
+
+.inbox-search-wrapper {
+ .search-tabs-container .search-tab-head-selected {
+ color: theme(digitv2.lightTheme.primary);
+ border-color: theme(digitv2.lightTheme.primary);
+ }
+ .submit-bar {
+ background-color: theme(digitv2.lightTheme.primary);
+ }
+ .search-component-table .link {
+ color: theme(digitv2.lightTheme.primary);
+ }
+ .link-label {
+ color: theme(digitv2.lightTheme.primary) !important;
+ }
+}
+.drag-drop-container .drag-drop-text .browse-text {
+ color: theme(digitv2.lightTheme.primary);
+}
+/* toast new componnet css added */
+
+.toast-success {
+ gap: 0.5rem;
+ height: 3rem;
+ padding: 0.75rem 0.5rem 0.75rem 0.75rem !important;
+ background-color: theme(digitv2.alert.success);
+ transition: bottom 0.5s ease;
+ grid-gap: 0.5rem;
+ &.error {
+ background-color: theme(digitv2.alert.error) !important;
+ }
+
+ &.warning {
+ background-color: #f19100;
+
+ &.warning-buttons {
+ @apply block;
+ }
+ }
+
+ h2 {
+ @apply text-left overflow-hidden whitespace-no-wrap flex-grow flex items-center h-6;
+ letter-spacing: 0rem;
+ color: theme(digitv2.lightTheme.paper);
+ margin: 0rem;
+ text-overflow: ellipsis;
+ font-family: Roboto;
+ font-weight: 500;
+ font-size: 1.25rem;
+ font-style: normal;
+ }
+ svg {
+ @apply flex-shrink-0;
+ }
+}
+
+@keyframes slideInFromBottom {
+ from {
+ bottom: -3rem;
+ }
+ to {
+ bottom: 4rem;
+ }
+}
+
+.toast-success.animate {
+ animation: slideInFromBottom 0.5s ease forwards;
+}
+
+@media screen and (max-width: 768px) {
+ .topbar {
+ background: #0b4b66 !important;
+ color: #fff;
+ }
+}
+header {
+ @extend .typography.text-heading-xl;
+}
+.digit-button-primary{
+ background-color: theme(digitv2.lightTheme.primary) !important;
+}
+.digit-button-secondary{
+ .icon-label-container{
+ h2{
+ color: theme(digitv2.lightTheme.primary) !important;
+ }
+ }
+}
+
+/*.digit-popup-wrap {
+ background: rgba(0, 0, 0, 0.7);
+ @apply flex fixed w-full h-full overflow-auto top-0 left-0 min-h-screen;
+ z-index: 10000;
+ max-width: 100% !important;
+ max-height: 100% !important;
+}
+
+@screen dt {
+ .digit-popup-wrap {
+ background: rgba(0, 0, 0, 0.7);
+ @apply min-h-screen;
+ }
+}
+
+.digit-popup-close-icon {
+ @apply flex justify-end;
+}*/
+
+.employee{
+ .digit-employeeSidebar{
+ .sidebar{
+ z-index:999
+ }
+ }
+}
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
new file mode 100644
index 00000000000..2b989e87305
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
@@ -0,0 +1,481 @@
+@import "./campaignCycle.scss";
+@import "./coreOverride.scss";
+@import "../../typography.scss";
+
+.wbh-header-container {
+ margin-top: 1.5rem;
+}
+.main.digit-home-main {
+ margin-left: 92px;
+ .employee-app-wrapper.digit-home-app-wrapper {
+ margin-left: 0;
+ margin-right: 2rem;
+ .ground-container.digit-home-ground {
+ padding: 0;
+ .employee-app-container.digit-home-employee-app {
+ .ground-container.moduleCardWrapper.gridModuleWrapper.digit-home-moduleCardWrapper {
+ gap: 2.5rem;
+ margin-top: 2rem;
+ padding: 0;
+ display: grid !important;
+ grid-template-columns: repeat(auto-fill, minmax(263px, 1fr));
+ .employeeCard.customEmployeeCard.card-home.home-action-cards {
+ margin: 0 !important;
+ min-width: 263px !important;
+ width: auto !important;
+ }
+ }
+ }
+ }
+ }
+}
+.campaign-cycle-container {
+ .popup-header-fix {
+ margin-top: 1.5rem !important;
+ }
+}
+
+.tag.inbox-tag {
+ max-width: fit-content;
+ background-color: #d6d5d4;
+ border-radius: 2rem;
+ padding: 0.5rem;
+ display: flex;
+ align-items: center;
+ height: 2rem;
+ margin-bottom: 0.7rem;
+ grid-gap: 0.2rem;
+ gap: 0.2rem;
+}
+.mandatory-span {
+ margin-left: 0.5rem;
+ color: red !important;
+ font-size: 1rem;
+ font-weight: 700;
+}
+
+.digit-employee-card-input.numeric {
+ margin-bottom: unset;
+}
+
+.actionBarClass {
+ display: flex;
+ justify-content: space-between;
+ flex-direction: row-reverse;
+ z-index: 0;
+}
+.previous-button {
+ margin-left: 4rem;
+ min-width: 12.5rem;
+}
+.info-text {
+ padding-bottom: 1.5rem;
+}
+
+.view-composer-header-section {
+ display: flex;
+ justify-content: space-between;
+ align-items: baseline;
+}
+.card-with-background {
+ margin-top: 1rem;
+ .card-head {
+ margin-bottom: 1rem;
+ color: #505a5f;
+ }
+}
+.no-data-found {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ .error-msg {
+ margin-top: 1rem;
+ }
+}
+.search-tab-head {
+ color: #505a5f;
+}
+.search-tabs-container {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+.delivery-preview-card {
+ margin-bottom: 1.5rem !important;
+ background-color: #fafafa;
+ border: 1px solid #d6d5d4;
+ width: 70%;
+ .custom-table-label {
+ font-size: 1.5rem;
+ font-weight: 700;
+ color: #505a5f;
+ margin-bottom: 1rem;
+ }
+ .campaign-attribute-table {
+ margin-bottom: 1rem;
+ border: 1px solid #d6d5d4;
+ overflow: hidden;
+ border-radius: 4px;
+ table {
+ border-width: 0px !important;
+ background-color: #fafafa;
+ border: 1px solid #d6d5d4;
+ border-collapse: collapse;
+ border-radius: 1rem;
+ tbody {
+ tr:nth-child(odd) {
+ background-color: white;
+ }
+ }
+ th {
+ border-right: 1px solid #d6d5d4;
+ }
+ th:last-child {
+ border-right: none;
+ }
+ td {
+ padding: 1rem;
+ border-right: 1px solid #d6d5d4;
+ }
+ td:last-child {
+ padding: 1rem;
+ border-right: none;
+ }
+ }
+ }
+ .campaign-product-table {
+ margin-bottom: 1rem;
+ border: 1px solid #d6d5d4;
+ overflow: hidden;
+ border-radius: 4px;
+ table {
+ background-color: #fafafa;
+ border: 1px solid #d6d5d4;
+ border-collapse: collapse;
+ border-radius: 1rem;
+ border-width: 0px !important;
+ tbody {
+ background-color: #fff;
+ tr:nth-child(odd) {
+ background-color: white;
+ }
+ }
+ th {
+ border-right: 1px solid #d6d5d4;
+ }
+ th:last-child {
+ border-right: none;
+ }
+ td {
+ padding: 1rem;
+ border-right: 1px solid #d6d5d4;
+ }
+ td:last-child {
+ border-right: none;
+ }
+ }
+ }
+}
+.cycle-paragraph {
+ font-weight: 700;
+ font-size: 24px;
+ color: #505a5f;
+ margin-top: 0.5rem;
+}
+.header-end {
+ margin-right: 1rem;
+}
+.digit-stepper-container {
+ margin-bottom: 1.5rem;
+}
+.employee-app-wrapper {
+ margin: 0rem 1rem;
+}
+input[type="date"]::-webkit-calendar-picker-indicator {
+ position: absolute;
+ right: 5px;
+ top: 20%;
+ transform: translateY(-10%);
+}
+.campaign-preview-edit-container {
+ display: flex;
+ gap: 1rem;
+ span {
+ color: theme(digitv2.lightTheme.primary);
+ }
+}
+.campaign-attribute-table {
+ border: 1px solid #d6d5d4;
+ overflow: hidden;
+ border-radius: 4px;
+ tbody {
+ tr:nth-child(odd) {
+ background-color: white;
+ }
+ }
+}
+tbody {
+ tr:nth-child(odd) {
+ background-color: white;
+ }
+}
+.popup-wrap.campaign-data-preview {
+ flex-direction: column;
+}
+
+.digit-employee-card-input.numeric {
+ pointer-events: none;
+}
+.product-tag-container {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.5rem;
+ margin-bottom: 1rem;
+}
+
+.workbench-download-template-btn {
+ font-weight: 700;
+}
+.digit-employee-card-input.numeric {
+ text-align: center;
+}
+.in-between {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 2rem;
+ @media screen and (min-width: 1024px) {
+ grid-gap: 10rem;
+ }
+}
+.setup-campaign {
+ .setup-campaign-card {
+ padding-bottom: 1.5rem;
+ }
+ .digit-dropdown-options-card {
+ max-height: 10rem !important;
+ }
+ .digit-field {
+ margin-bottom: 0 !important;
+ }
+}
+.campaign-summary-container {
+ .setup-campaign-card {
+ .employeeCard.employeeCard-override {
+ padding: 1.5rem;
+ margin-bottom: 1.5rem !important;
+ }
+ }
+ .row {
+ justify-content: flex-start;
+ gap: 5rem;
+ h2 {
+ margin: 0;
+ width: 272px;
+ }
+ .value {
+ width: unset;
+ p {
+ margin: 0;
+ }
+ }
+ }
+ .digit-infobanner-wrap.error {
+ margin-left: 0;
+ margin-bottom: 1.5rem;
+ min-width: 100%;
+ .digit-button-primary {
+ height: 1.5rem;
+ background-color: #d4351c !important;
+ .icon-label-container.primary.large {
+ font-size: 14px;
+ .digit-button-label {
+ font-size: 14px;
+ color: #ffffff;
+ }
+ }
+ }
+ }
+}
+.view-composer-header-section {
+ .employee-card-sub-header {
+ @extend .typography.text-heading-m;
+ margin-bottom: 1.5rem;
+ }
+ .employee-card-sub-header.error {
+ color: #d4351c;
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+}
+.add-new-product-container {
+ border: 1px solid #d6d5d4;
+ background-color: #fafafa;
+ width: 70%;
+ padding-top: 0;
+ .heading-bar {
+ font-weight: 700;
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ .card-text {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+ }
+ .label-field-pair {
+ gap: 5rem;
+ align-items: baseline;
+ .product-label-field {
+ width: 12rem;
+ text-wrap: nowrap;
+ font-weight: 700;
+ }
+ }
+}
+.page-padding-fix {
+ margin-top: 1.5rem;
+}
+.addProductActionClass {
+ display: flex;
+ flex-direction: row-reverse;
+ justify-content: space-between;
+ .submit-bar {
+ width: max-content;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+}
+.loginFormStyleEmployee {
+ .loginCardClassName {
+ .digit-header-content {
+ &:not(label) {
+ display: flex;
+ justify-content: center;
+ }
+ }
+ }
+}
+.selecting-boundaries-dropdown {
+ .digit-multiselectdropdown-server {
+ max-height: 15rem;
+ }
+}
+.hover {
+ cursor: pointer;
+}
+.digit-dropdown-employee-select-wrap {
+ .digit-dropdown-employee-select-wrap--elipses {
+ font-size: 1rem !important;
+ }
+}
+.digit-dropdown-employee-select-wrap.language-dropdown {
+ .digit-dropdown-options-card {
+ min-width: fit-content;
+ }
+}
+.digit-popup-wrapper.boundaries-pop-module.default {
+ width: 36rem;
+ .digit-popup-footer {
+ .digit-popup-footer-buttons {
+ width: 100% !important;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ .digit-button-secondary {
+ width: 100%;
+ }
+ .digit-button-primary {
+ width: 100%;
+ }
+ }
+ }
+}
+.campaign-type-alert-button {
+ .digit-button-label {
+ width: 100% !important;
+ }
+}
+.campaign-pop-module {
+ padding: 1.5rem;
+ border-radius: 4px;
+ width: 36rem;
+}
+.campaign-modal-heading {
+ font-size: 2rem;
+ font-weight: 700;
+ margin: 0 !important;
+}
+.campaign-pop-main {
+ font-size: 1.25rem;
+ padding: 0 !important;
+ font-size: 400;
+ .card-text {
+ margin-bottom: 1.5rem !important;
+ }
+ .popup-module-action-bar.campaign-pop-action {
+ .selector-button-border {
+ background-color: #ffffff;
+ border: 1px solid #c84c0e;
+ h2 {
+ color: #c84c0e !important;
+ }
+ }
+ }
+}
+
+.digit-toast-success {
+ max-width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ height: auto;
+ .toast-label {
+ line-height: 1.5;
+ word-break: break-word;
+ height: auto;
+ white-space: unset;
+ }
+}
+
+.digit-dropdown-select.error {
+ border: 1px solid #d4351c;
+}
+.campaign-type-wrapper {
+ .digit-error-icon-message-wrap {
+ margin-top: 4px;
+ font-size: 14px;
+ }
+}
+.individualElement {
+ h2 {
+ color: theme(digitv2.lightTheme.text-primary);
+ }
+}
+.link {
+ color: #c84c0e !important;
+}
+.employeeCard.employeeCard-override.card-error {
+ border: 1px solid #d4351c;
+}
+.label-field-pair.delivery-type-radio {
+ gap: 5rem;
+ .digit-radio-options-wrap {
+ gap: 2rem;
+ margin-bottom: 0 !important;
+ .radio-option-container {
+ margin-bottom: 0;
+ align-items: center;
+ }
+ }
+}
+.bold {
+ font-weight: 700;
+}
+.summary-doc-error {
+ p {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .digit-infobanner-wrap.error {
+ margin-bottom: 0.5rem;
+ margin-top: 1.5rem;
+ }
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/typography.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/typography.scss
new file mode 100644
index 00000000000..4a50014cf88
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/src/typography.scss
@@ -0,0 +1,512 @@
+.typography {
+ &.text-heading-xl {
+ font-family: theme(digitv2.fontFamily.rc);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.heading-xl.desktop);
+ }
+
+ @media (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.heading-xl.tablet);
+ }
+
+ @media (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.heading-xl.mobile);
+ }
+ }
+
+ &.text-heading-l {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.heading-l.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.heading-l.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.heading-l.mobile);
+ }
+ }
+
+ &.text-heading-m {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.heading-m.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
+ }
+ }
+
+ &.text-heading-s {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
+ }
+ }
+
+ &.text-heading-xs {
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.heading-xs.mobile);
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+ }
+ }
+
+ &.text-caption-l {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.medium);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.caption-l.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.caption-l.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.caption-l.mobile);
+ }
+ }
+
+ &.text-caption-m {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.medium);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.caption-m.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.caption-m.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.caption-m.mobile);
+ }
+ }
+
+ &.text-caption-s {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.medium);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.caption-s.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
+ }
+ }
+
+ &.text-body-l {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.regular);
+ color: theme(digitv2.lightTheme.text-primary);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.body-l.desktop);
+ line-height: theme(digitv2.lineHeight.line-height-body-l.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.body-l.tablet);
+ line-height: theme(digitv2.lineHeight.line-height-body-l.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.body-l.mobile);
+ line-height: theme(digitv2.lineHeight.line-height-body-l.mobile);
+ }
+ }
+
+ &.text-body-s {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.regular);
+ color: theme(digitv2.lightTheme.text-primary);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.body-s.desktop);
+ line-height: theme(digitv2.lineHeight.line-height-body-s.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.body-s.tablet);
+ line-height: theme(digitv2.lineHeight.line-height-body-s.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.body-s.mobile);
+ line-height: theme(digitv2.lineHeight.line-height-body-s.mobile);
+ }
+ }
+
+ &.text-body-xs {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.regular);
+ color: theme(digitv2.lightTheme.text-primary);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.body-xs.desktop);
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.body-xs.tablet);
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.body-xs.mobile);
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.mobile);
+ }
+ }
+
+ &.text-label {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.regular);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.label.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.label.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.label.mobile);
+ }
+ }
+
+ &.text-link {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.regular);
+ color: theme(digitv2.lightTheme.text-primary);
+ line-height: theme(digitv2.lineHeight.normal);
+ text-decoration: theme(digitv2.textDecorationLine.underline);
+
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
+ font-size: theme(digitv2.fontSize.link.desktop);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
+ font-size: theme(digitv2.fontSize.link.tablet);
+ }
+
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
+ font-size: theme(digitv2.fontSize.link.mobile);
+ }
+ }
+
+ &.heading-xl {
+ font-family: theme(digitv2.fontFamily.rc);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.heading-xl.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.heading-xl.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.heading-xl.desktop);
+ }
+ }
+
+ &.heading-l {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.heading-l.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.heading-l.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.heading-l.desktop);
+ }
+ }
+
+ &.heading-m {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.heading-m.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.heading-m.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
+ }
+ }
+
+ &.heading-s {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
+ }
+ }
+
+ &.heading-xs {
+ font-size: theme(digitv2.fontSize.heading-xs.mobile);
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.bold);
+ }
+
+ &.caption-l {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.medium);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.caption-l.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.caption-l.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.caption-l.desktop);
+ }
+ }
+
+ &.caption-m {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.medium);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.caption-m.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.caption-m.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.caption-m.desktop);
+ }
+ }
+
+ &.caption-s {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.italic);
+ font-weight: theme(digitv2.fontWeight.medium);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.caption-s.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.caption-s.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
+ }
+ }
+
+ &.body-l {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.regular);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.body-l.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.body-l.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.body-l.desktop);
+ }
+ }
+
+ &.body-s {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.regular);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.body-s.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.body-s.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.body-s.desktop);
+ }
+ }
+
+ &.body-xs {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.regular);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.body-xs.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.body-xs.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.body-xs.desktop);
+ }
+ }
+
+ &.label {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.regular);
+
+ @media (max-width: 30rem) {
+ /* Media query for mobile */
+ font-size: theme(digitv2.fontSize.label.mobile);
+ }
+
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+ /* Media query for tablets */
+ font-size: theme(digitv2.fontSize.label.tablet);
+ }
+
+ @media (min-width: 48rem) {
+ /* Media query for desktop */
+ font-size: theme(digitv2.fontSize.label.desktop);
+ }
+ }
+
+ &.link {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.regular);
+ text-decoration: theme(digitv2.textDecorationLine.underline);
+ font-size: theme(digitv2.fontSize.link.desktop);
+ }
+
+ &.button {
+ font-family: theme(digitv2.fontFamily.sans);
+ font-style: theme(digitv2.fontStyle.normal);
+ font-weight: theme(digitv2.fontWeight.medium);
+ font-size: theme(digitv2.fontSize.button.desktop);
+ }
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js b/health/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js
new file mode 100644
index 00000000000..c9b2a06dedf
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js
@@ -0,0 +1,233 @@
+module.exports = {
+ future: {
+ removeDeprecatedGapUtilities: true,
+ purgeLayersByDefault: true,
+ },
+ purge: { enabled: true, content: ["./example/index.html"] },
+ theme: {
+ screens: {
+ dt: "780px",
+ sm: { max: "425px" },
+ },
+ colors: {
+ primary: {
+ light: "#F18F5E",
+ main: "#F47738",
+ dark: "#C8602B",
+ },
+ secondary: "#22394D",
+ text: {
+ primary: "#0B0C0C",
+ secondary: "#505A5F",
+ },
+ link: {
+ normal: "#1D70B8",
+ hover: "#003078",
+ },
+ border: "#D6D5D4",
+ inputBorder: "#464646",
+ "input-border": "#464646",
+ focus: "#F47738",
+ error: "#D4351C",
+ success: "#00703C",
+ black: "#000000",
+ grey: {
+ dark: "#9E9E9E",
+ mid: "#EEEEEE",
+ light: "#FAFAFA",
+ bg: "#E3E3E3",
+ },
+ white: "#FFFFFF",
+ },
+ fontFamily: {
+ sans: ["Roboto", "sans-serif"],
+ rc: ['"Roboto Condensed"', "sans-serif"],
+ },
+ fontSize: {
+ "heading-xl-dt": ["48px", "56px"],
+ "heading-xl": ["32px", "40px"],
+ "heading-l-dt": ["36px", "40px"],
+ "heading-l": ["24px", "32px"],
+ "heading-m-dt": ["24px", "32px"],
+ "heading-m": ["18px", "28px"],
+ "heading-s": ["16px", "24px"],
+ "caption-xl-dt": ["27px", "32px"],
+ "caption-xl": ["18px", "26px"],
+ "caption-l-dt": ["24px", "28px"],
+ "caption-l": ["18px", "21px"],
+ "caption-m-dt": ["19px", "23px"],
+ "caption-m": ["16px", "19px"],
+ "form-field": ["16px", "20px"],
+ "body-l-dt": ["19px", "28px"],
+ "body-l": ["16px", "24px"],
+ "body-s-dt": ["16px", "24px"],
+ "body-s": ["14px", "16px"],
+ legend: ["19px", "23px"],
+ link: ["16px", "24px"],
+ "text-btn": ["16px", "24px"],
+ },
+ fontWeight: {
+ regular: 400,
+ medium: 500,
+ bold: 700,
+ },
+ padding: {
+ sm: "8px",
+ md: "16px",
+ lg: "24px",
+ xl: "36px",
+ },
+ margin: {
+ xs: "4px",
+ sm: "8px",
+ md: "16px",
+ lg: "24px",
+ xl: "64px",
+ },
+ borderWidth: {
+ default: "1px",
+ 0: "0",
+ 2: "1px",
+ 4: "4px",
+ 10: "10px",
+ },
+ boxShadow: {
+ card: "0 1px 2px 0 rgba(0, 0, 0, 0.16)",
+ radiobtn: "0 0 0 5px #F47738",
+ },
+ inset: {
+ 0: 0,
+ 6: "6px",
+ 10: "10px",
+ },
+ extend: {},
+ digitv2: {
+ lightTheme: {
+ primary: "#C84C0E",
+ "text-color-primary": "#0B0C0C",
+ "text-color-secondary": "#505A5F",
+ "text-color-disabled": "#B1B4B6",
+ background: "#EEEEEE",
+ paper: "#FFFFFF",
+ "paper-secondary": "#FAFAFA",
+ divider: "#D6D5D4",
+ "header-sidenav": "#0B4B66",
+ "input-border": "#505A5F",
+ "primary-bg": "#FEEFE7",
+ "text-primary": "#363636",
+ "error-v2": "#D4351C",
+ },
+ alert: {
+ error: "#b91900",
+ "error-bg": "#EFC7C1",
+ success: "#00703C",
+ "success-bg": "#BAD6C9",
+ info: "#3498DB",
+ "info-bg": "#C7E0F1",
+ },
+ chart: {
+ "chart-1": "#048BD0",
+ "chart-1-gradient": "#048BD0",
+ "chart-2": "#FBC02D",
+ "chart-2-gradient": "#FBC02D",
+ "chart-3": "#8E29BF",
+ "chart-4": "#EA8A3B",
+ "chart-5": "#0BABDE",
+ },
+ fontSize: {
+ "heading-xl": {
+ mobile: "2rem",
+ tablet: "2.25rem",
+ desktop: "2.5rem",
+ },
+ "heading-l": {
+ mobile: "1.5rem",
+ tablet: "1.75rem",
+ desktop: "2rem",
+ },
+ "heading-m": {
+ mobile: "1.25rem",
+ tablet: "1.375rem",
+ desktop: "1.5rem",
+ },
+ "heading-s": {
+ mobile: "1rem",
+ tablet: "1rem",
+ desktop: "1rem",
+ },
+ "heading-xs": {
+ mobile: "0.75rem",
+ },
+ "caption-l": {
+ mobile: "1.5rem",
+ tablet: "1.75rem",
+ desktop: "1.75rem",
+ },
+ "caption-m": {
+ mobile: "1.25rem",
+ tablet: "1.5rem",
+ desktop: "1.5rem",
+ },
+ "caption-s": {
+ mobile: "1rem",
+ tablet: "1.25rem",
+ desktop: "1.25rem",
+ },
+ "body-l": {
+ mobile: "1rem",
+ tablet: "1.25rem",
+ desktop: "1.25rem",
+ },
+ "body-s": {
+ mobile: "0.875rem",
+ tablet: "1rem",
+ desktop: "1rem",
+ },
+ "body-xs": {
+ mobile: "0.75rem",
+ tablet: "0.875rem",
+ desktop: "0.875rem",
+ },
+ label: {
+ mobile: "1rem",
+ tablet: "1rem",
+ desktop: "1rem",
+ },
+ link: {
+ mobile: "1rem",
+ tablet: "1rem",
+ desktop: "1rem",
+ },
+ },
+ fontFamily: {
+ sans: ["Roboto"],
+ rc: ['"Roboto Condensed"'],
+ },
+ fontStyle: {
+ normal: "normal",
+ italic: "italic",
+ },
+ textDecorationLine: {
+ underline: "underline",
+ },
+ fontWeight: {
+ regular: 400,
+ medium: 500,
+ bold: 700,
+ },
+ lineHeight: {
+ "line-height-body-l": { mobile: "1.5rem", tablet: "1.75rem", desktop: "1.75rem" },
+ "line-height-body-s": { mobile: "1.0938rem", tablet: "1.5rem", desktop: "1.5rem" },
+ "line-height-body-xs": { mobile: "1.125rem", tablet: "1.5rem", desktop: "1.5rem" },
+ normal: "normal",
+ },
+ screens: {
+ mobile: "400px",
+ tablet: "768px",
+ desktop: "1024px",
+ },
+ },
+ },
+ variants: {},
+ plugins: [],
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/README.md b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/README.md
new file mode 100644
index 00000000000..0d206b3021e
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/README.md
@@ -0,0 +1,159 @@
+# digit-ui-module-workbench
+
+## Install
+
+```bash
+npm install --save digit-ui-module-workbench
+```
+
+## Limitation
+
+```bash
+This Package is more specific to DIGIT-UI's can be used across mission's
+```
+
+## Usage
+
+After adding the dependency make sure you have this dependency in
+
+```bash
+frontend/micro-ui/web/package.json
+```
+
+```json
+"@egovernments/digit-ui-module-workbench":"1.0.0",
+```
+
+then navigate to App.js
+
+```bash
+ frontend/micro-ui/web/src/App.js
+```
+
+```jsx
+/** add this import **/
+
+import { initWorkbenchComponents } from "@egovernments/digit-ui-module-workbench";
+
+/** inside enabledModules add this new module key **/
+
+const enabledModules = ["workbench"];
+
+/** inside init Function call this function **/
+
+const initDigitUI = () => {
+ initWorkbenchComponents();
+};
+
+```
+
+In MDMS
+
+_Add this configuration to enable this module [MDMS Enabling Workbench Module](https://github.com/egovernments/works-mdms-data/blob/588d241ba3a9ab30f4d4c2c387a513da811620ca/data/pg/tenant/citymodule.json#L227)_
+
+## List of Screens available in this versions were as follows
+
+1 . Search Master Data
+ > -Provides a screen based on Schema and renders the search result if data is present
+ > -It also provides a dynamic filter based on which data can be filtered
+
+
+2 . Add Master Data based on selected schema
+ > -Provides a screen to add new master data according to the schema
+ > -Provides a Dropdown if it has any referenced master
+
+3 . Update Master data for selected data.
+ > -View the master data from search screen
+ > -Disable/Enable the master data if required
+ > -Update the master data value except the unique-identifier field mentioned in the schema
+
+
+
+4 . Localisation screens
+ > -Provides a screen to search the localisation present in the environment
+ > -Add new localisation
+ > -Update existing localisation
+ > -Bulk Upload of Localisation data
+
+5 . MDMS UI Schema
+
+6 . Data push for any API based on schema
+
+### Mandatory changes to use Workbench module
+
+1 . Assuming core module is already updated with 1.5.38+ and related changes were taken
+
+2 . add the following hook method in micro-ui-internals/packages/libraries/src/hooks/useCustomAPIMutationHook.js
+
+reference::
+https://github.com/egovernments/DIGIT-Dev/blob/6e711bdc005c226c7debd533209681fc77078a3e/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/useCustomAPIMutationHook.js
+
+3 . add the following utility method in micro-ui-internals/packages/libraries/src/utils/index.js
+```jsx
+didEmployeeHasAtleastOneRole
+
+const didEmployeeHasAtleastOneRole = (roles = []) => {
+ return roles.some((role) => didEmployeeHasRole(role));
+};
+
+```
+
+4 . stylesheet link has to be added
+```jsx
+
+```
+Reference commit for the enabling workbench
+https://github.com/egovernments/DIGIT-OSS/pull/99/commits/6e711bdc005c226c7debd533209681fc77078a3e
+
+
+
+### Changelog
+
+```bash
+1.0.1-beta.1 Republished after merging with Master due to version issues.
+1.0.0-beta.14 Added info message in localisation search
+1.0.0-beta.13 Added new role to support hcm localisation create
+1.0.0-beta.13 Added customisable label for custom dropdown through workbench ui schema
+1.0.0-beta.11 Added customisable label for custom dropdown through workbench ui schema
+1.0.0-beta.10 fixed the dropdown undefined issue
+1.0.0-beta.9 Added new role to support hcm manage masters
+1.0.0-beta.8 minor fixes
+1.0.0-beta.7 Added Bulk Upload Ui for MDMS Add
+1.0.0-beta.6 Added Bulk Upload Ui for MDMS Add
+1.0.0-beta.5 Fixed some loading issue
+1.0.0-beta.2 custom api support added
+1.0.0-beta.1 republished due to some version issues
+1.0.1 Fixes related to the limits
+1.0.0 Workbench v1.0 release
+1.0.0-beta workbench base version beta release
+0.0.3 readme updated
+0.0.2 readme updated
+0.0.1 base version
+```
+
+### Contributors
+
+- [jagankumar-egov](https://github.com/jagankumar-egov)
+- [nipun-egov](https://github.com/nipun-egov)
+
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)
+
+## Documentation
+
+Documentation Site (https://core.digit.org/guides/developer-guide/ui-developer-guide/digit-ui)
+Workbench Documentation(https://workbench.digit.org/platform/functional-specifications/workbench-ui)
+
+## Maintainer
+
+- [jagankumar-egov](https://www.github.com/jagankumar-egov)
+
+
+### Published from DIGIT Frontend
+DIGIT Frontend Repo (https://github.com/egovernments/Digit-Frontend/tree/master)
+
+
+
+
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/package.json b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/package.json
new file mode 100644
index 00000000000..41e43fdb6fd
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/package.json
@@ -0,0 +1,51 @@
+{
+ "name": "@egovernments/digit-ui-module-campaign-manager",
+ "version": "0.0.1",
+ "description": "Campaign",
+ "main": "dist/index.js",
+ "module": "dist/index.modern.js",
+ "source": "src/Module.js",
+ "files": [
+ "dist"
+ ],
+ "scripts": {
+ "start": "microbundle-crl watch --no-compress --format modern,cjs",
+ "build": "microbundle-crl --compress --no-sourcemap --format cjs",
+ "prepublish": "yarn build"
+ },
+ "peerDependencies": {
+ "react": "17.0.2",
+ "react-router-dom": "5.3.0"
+ },
+ "dependencies": {
+ "@egovernments/digit-ui-react-components": "1.8.2-beta.6",
+ "@egovernments/digit-ui-components": "0.0.2-beta.1",
+ "@rjsf/core": "5.10.0",
+ "@rjsf/utils": "5.10.0",
+ "@rjsf/validator-ajv8": "5.10.0",
+ "ajv": "8.12.0",
+ "react": "17.0.2",
+ "react-date-range": "1.4.0",
+ "react-dom": "17.0.2",
+ "react-hook-form": "6.15.8",
+ "react-i18next": "11.16.2",
+ "react-query": "3.6.1",
+ "react-router-dom": "5.3.0",
+ "react-select": "5.7.4",
+ "react-table": "7.7.0",
+ "xlsx": "0.17.5",
+ "react-drag-drop-files": "^2.3.10",
+ "@cyntler/react-doc-viewer": "1.10.3"
+ },
+ "author": "JaganKumar ",
+ "license": "MIT",
+ "keywords": [
+ "digit",
+ "egov",
+ "dpg",
+ "digit-ui",
+ "workbench",
+ "campaign",
+ "Campaign"
+ ]
+}
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
new file mode 100644
index 00000000000..cc2f33443d4
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js
@@ -0,0 +1,141 @@
+import { Loader, TourProvider } from "@egovernments/digit-ui-react-components";
+import React from "react";
+import { useRouteMatch } from "react-router-dom";
+import EmployeeApp from "./pages/employee";
+import { CustomisedHooks } from "./hooks";
+import { UICustomizations } from "./configs/UICustomizations";
+import CampaignCard from "./components/CampaignCard";
+import CycleConfiguration from "./pages/employee/CycleConfiguration";
+import DeliverySetup from "./pages/employee/deliveryRule";
+import TimelineCampaign from "./components/TimelineCampaign";
+import CampaignDates from "./components/CampaignDates";
+import CampaignType from "./components/CampaignType";
+import CampaignName from "./components/CampaignName";
+import MyCampaign from "./pages/employee/MyCampaign";
+import CampaignSummary from "./components/CampaignSummary";
+import CycleDetaisPreview from "./components/CycleDetaisPreview";
+import Response from "./pages/employee/Response";
+import SelectingBoundaries from "./components/SelectingBoundaries";
+import UploadData from "./components/UploadData";
+import CampaignSelection from "./components/CampaignType";
+import CampaignDocumentsPreview from "./components/CampaignDocumentsPreview";
+import AddProduct from "./pages/employee/AddProduct";
+import AddProductField from "./components/AddProductField";
+import CycleDataPreview from "./components/CycleDataPreview";
+import { ErrorBoundary } from "@egovernments/digit-ui-components";
+import CampaignResourceDocuments from "./components/CampaignResourceDocuments";
+
+/**
+ * The CampaignModule function fetches store data based on state code, module code, and language, and
+ * renders the EmployeeApp component within a TourProvider component if the data is not loading.
+ * @returns The CampaignModule component returns either a Loader component if data is still loading, or
+ * a TourProvider component wrapping an EmployeeApp component with specific props passed to it.
+ */
+const CampaignModule = ({ stateCode, userType, tenants }) => {
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const { data: BOUNDARY_HIERARCHY_TYPE } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "hierarchyConfig" }], {
+ select: (data) => {
+ return data?.["HCM-ADMIN-CONSOLE"]?.hierarchyConfig?.[0]?.hierarchy;
+ },
+ });
+
+ const moduleCode = ["campaignmanager", "workbench", "mdms", "schema", "hcm-admin-schemas", `boundary-${BOUNDARY_HIERARCHY_TYPE}`];
+ const { path, url } = useRouteMatch();
+ const language = Digit.StoreData.getCurrentLanguage();
+ const { isLoading, data: store } = Digit.Services.useStore({
+ stateCode,
+ moduleCode,
+ language,
+ });
+
+ if (isLoading) {
+ return
+
+
+
+ );
+};
+
+const componentsToRegister = {
+ CampaignModule: CampaignModule,
+ CampaignCard: CampaignCard,
+ UploadData,
+ DeliveryRule: DeliverySetup,
+ CycleConfiguration: CycleConfiguration,
+ TimelineCampaign,
+ CampaignDates,
+ CampaignType,
+ CampaignName,
+ MyCampaign,
+ CampaignSummary,
+ CycleDetaisPreview,
+ Response,
+ SelectingBoundaries,
+ CampaignSelection,
+ CampaignDocumentsPreview: CampaignDocumentsPreview,
+ AddProduct,
+ AddProductField,
+ CycleDataPreview,
+ CampaignResourceDocuments,
+};
+
+const overrideHooks = () => {
+ Object.keys(CustomisedHooks).map((ele) => {
+ if (ele === "Hooks") {
+ Object.keys(CustomisedHooks[ele]).map((hook) => {
+ Object.keys(CustomisedHooks[ele][hook]).map((method) => {
+ setupHooks(hook, method, CustomisedHooks[ele][hook][method]);
+ });
+ });
+ } else if (ele === "Utils") {
+ Object.keys(CustomisedHooks[ele]).map((hook) => {
+ Object.keys(CustomisedHooks[ele][hook]).map((method) => {
+ setupHooks(hook, method, CustomisedHooks[ele][hook][method], false);
+ });
+ });
+ } else {
+ Object.keys(CustomisedHooks[ele]).map((method) => {
+ setupLibraries(ele, method, CustomisedHooks[ele][method]);
+ });
+ }
+ });
+};
+
+/* To Overide any existing hook we need to use similar method */
+const setupHooks = (HookName, HookFunction, method, isHook = true) => {
+ window.Digit = window.Digit || {};
+ window.Digit[isHook ? "Hooks" : "Utils"] = window.Digit[isHook ? "Hooks" : "Utils"] || {};
+ window.Digit[isHook ? "Hooks" : "Utils"][HookName] = window.Digit[isHook ? "Hooks" : "Utils"][HookName] || {};
+ window.Digit[isHook ? "Hooks" : "Utils"][HookName][HookFunction] = method;
+};
+/* To Overide any existing libraries we need to use similar method */
+const setupLibraries = (Library, service, method) => {
+ window.Digit = window.Digit || {};
+ window.Digit[Library] = window.Digit[Library] || {};
+ window.Digit[Library][service] = method;
+};
+
+/* To Overide any existing config/middlewares we need to use similar method */
+const updateCustomConfigs = () => {
+ setupLibraries("Customizations", "commonUiConfig", { ...window?.Digit?.Customizations?.commonUiConfig, ...UICustomizations });
+ // setupLibraries("Utils", "parsingUtils", { ...window?.Digit?.Utils?.parsingUtils, ...parsingUtils });
+};
+
+/**
+ * The `initCampaignComponents` function initializes campaign components by overriding hooks, updating
+ * custom configurations, and registering components.
+ */
+const initCampaignComponents = () => {
+ overrideHooks();
+ updateCustomConfigs();
+ Object.entries(componentsToRegister).forEach(([key, value]) => {
+ Digit.ComponentRegistryService.setComponent(key, value);
+ });
+};
+
+export { initCampaignComponents };
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/AddProductField.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/AddProductField.js
new file mode 100644
index 00000000000..94a73fd6b24
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/AddProductField.js
@@ -0,0 +1,144 @@
+import React, { useState, useEffect } from "react";
+import { AddIcon, Button, Card, CardText, Header, TextInput, Dropdown } from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+import { LabelFieldPair } from "@egovernments/digit-ui-react-components";
+import { DustbinIcon } from "./icons/DustbinIcon";
+// import { productType } from "../configs/productType";
+import { PRIMARY_COLOR } from "../utils";
+
+const AddProductField = ({ onSelect }) => {
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const { isLoading: productTypeLoading, data: productType } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "productType" }], {
+ select: (data) => {
+ return data?.["HCM-ADMIN-CONSOLE"]?.productType;
+ },
+ });
+ const [productFieldData, setProductFieldData] = useState([{ key: 1, name: null, type: null, variant: null }]);
+
+ useEffect(() => {
+ onSelect("addProduct", productFieldData);
+ }, [productFieldData]);
+
+ const addMoreField = () => {
+ setProductFieldData((prev) => [
+ ...prev,
+ {
+ key: prev.length + 1,
+ name: null,
+ type: null,
+ variant: null,
+ },
+ ]);
+ };
+
+ const deleteProductField = (index) => {
+ setProductFieldData((prev) => {
+ const temp = prev.filter((i) => i.key !== index);
+ return temp.map((i, n) => ({ ...i, key: n + 1 }));
+ });
+ };
+
+ const handleUpdateField = (data, target, index) => {
+ setProductFieldData((prev) => {
+ return prev.map((i) => {
+ if (i.key === index) {
+ return {
+ ...i,
+ [target]: data,
+ };
+ }
+ return {
+ ...i,
+ };
+ });
+ });
+ };
+
+ return (
+
+ {t(`HCM_CAMPAIGN_ADD_NEW_PRODUCT_HEADER`)}
+
+
+ handleUpdateField(event.target.value, "name", field.key)}
+ />
+
+
+ {
+ handleUpdateField(value, "type", field.key);
+ }}
+ />
+
+
+ handleUpdateField(event.target.value, "variant", field?.key)}
+ />
+
+
+ );
+ })}
+ }
+ onButtonClick={addMoreField}
+ />
+
+ );
+};
+
+export default AddProductField;
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
new file mode 100644
index 00000000000..5f854cfac79
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js
@@ -0,0 +1,202 @@
+import React, { useState, useMemo, useEffect } from "react";
+import { UploadIcon, FileIcon, DeleteIconv2, Button, DownloadIcon, PopUp, SVG } from "@egovernments/digit-ui-react-components";
+import { FileUploader } from "react-drag-drop-files";
+import { useTranslation } from "react-i18next";
+import XLSX from "xlsx";
+import XlsPreview from "./XlsPreview";
+import { PRIMARY_COLOR } from "../utils";
+import { Toast } from "@egovernments/digit-ui-components";
+
+/**
+ * The BulkUpload component in JavaScript allows users to upload, validate, preview, download, and
+ * delete files in bulk with support for Excel file validation.
+ * @returns The `BulkUpload` component is returning a JSX structure that includes conditional rendering
+ * based on the presence of `fileData`. If `fileData` is empty or null, it renders a `FileUploader`
+ * component with drag and drop functionality. If `fileData` contains files, it renders file cards for
+ * each file with options to download and delete. Additionally, it includes a preview component for
+ * Excel files
+ */
+const BulkUpload = ({ multiple = true, onSubmit, fileData, onFileDelete, onFileDownload }) => {
+ const { t } = useTranslation();
+ const [files, setFiles] = useState([]);
+ const fileTypes = ["XLS", "XLSX", "csv", "CSV"];
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const [showPreview, setShowPreview] = useState(false);
+ const [fileUrl, setFileUrl] = useState(fileData?.[0]);
+ const [fileName, setFileName] = useState(null);
+ const [showToast, setShowToast] = useState(false);
+
+ useEffect(() => {
+ const fetch = async () => {
+ const { data: { fileStoreIds: fileUrl } = {} } = await Digit.UploadServices.Filefetch([fileData?.[0]?.filestoreId], tenantId);
+ const temp = fileData?.map((i) => ({
+ ...i,
+ url: fileUrl?.[0]?.url,
+ }));
+ setFileUrl(temp?.[0]);
+ };
+ fetch();
+ }, [fileData]);
+
+ const closeToast = () => {
+ setTimeout(() => {
+ setShowToast(null);
+ }, 5000);
+ };
+
+ const dragDropJSX = (
+
+ {(!fileData || fileData?.length === 0) && (
+ handleFileDownload(null, fileUrl)} onBack={() => setShowPreview(false)} />}
+ {showToast && (
+ setShowToast(null)}
+ >
+ )}
+
+ );
+};
+
+export default BulkUpload;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
new file mode 100644
index 00000000000..e5b5b7419b7
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
@@ -0,0 +1,71 @@
+import { EmployeeModuleCard, SVG } from "@egovernments/digit-ui-react-components";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+const ROLES = {
+ CAMPAIGN_MANAGER:["CAMPAIGN_MANAGER"]
+};
+
+/**
+ * The CampaignCard component renders a card with links related to campaign management, filtering out
+ * links based on employee roles.
+ * @returns The CampaignCard component is being returned. It contains a list of links related to
+ * campaign actions, such as setting up a campaign and viewing personal campaigns. The links are
+ * filtered based on employee roles before being displayed in the EmployeeModuleCard component.
+ */
+const CampaignCard = () => {
+ if (!Digit.Utils.didEmployeeHasAtleastOneRole(Object.values(ROLES).flatMap((e) => e))) {
+ return null;
+ }
+
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ // const reqCriteria = {
+ // url: "/project-factory/v1/project-type/search",
+ // params: {},
+ // body: { CampaignDetails:{
+ // tenantId,
+ // createdBy: Digit.UserService.getUser().info.uuid,
+ // pagination: {
+ // "sortBy": "createdTime",
+ // "sortOrder": "desc",
+ // "limit": 1,
+ // "offset": 0
+ // }
+ // } },
+ // config: {
+ // select: (data) => {
+ // return data?.totalCount;
+ // },
+ // },
+ // };
+ // const { isLoading, data } = Digit.Hooks.useCustomAPIHook(
+ // reqCriteria
+ // );
+ let links = [
+
+ {
+ label: t("ACTION_TEST_SETUP_CAMPAIGN"),
+ link: `/${window?.contextPath}/employee/campaign/setup-campaign`,
+ roles: ROLES.CAMPAIGN_MANAGER
+ },
+ {
+ label: t("ACTION_TEST_MY_CAMPAIGN"),
+ link: `/${window?.contextPath}/employee/campaign/my-campaign`,
+ roles: ROLES.CAMPAIGN_MANAGER,
+ // count: isLoading?"-":data
+ },
+ ];
+
+ links = links.filter((link) => (link?.roles && link?.roles?.length > 0 ? Digit.Utils.didEmployeeHasAtleastOneRole(link?.roles) : true));
+
+ const propsForModuleCard = {
+ Icon:
+ {t(`HCM_CAMPAIGN_DATES_HEADER`)}
+
+
+
+ );
+};
+
+export default CampaignDates;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignDocumentsPreview.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignDocumentsPreview.js
new file mode 100644
index 00000000000..2c8bbf77eaf
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignDocumentsPreview.js
@@ -0,0 +1,92 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { DocumentIcon } from "./DocumentIcon";
+import XlsPreview from "./XlsPreview";
+import { XlsxFile } from "./icons/XlsxFile";
+import { downloadExcelWithCustomName } from "../utils";
+import { InfoCard } from "@egovernments/digit-ui-components";
+
+function CampaignDocumentsPreview({ documents = [], svgStyles = {}, isUserGenerate = false, cardErrors }) {
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const [filesArray, setFilesArray] = useState(null);
+ const [pdfFiles, setPdfFiles] = useState({});
+ const [showPreview, setShowPreview] = useState(false);
+
+ useEffect(() => {
+ let acc = documents?.map((i) => (i?.id ? i?.id : i?.filestoreId));
+ setFilesArray(acc);
+ }, [documents]);
+
+ useEffect(() => {
+ if (filesArray?.length > 0) {
+ Digit.UploadServices.Filefetch(filesArray, Digit.ULBService.getCurrentTenantId()).then((res) => {
+ setPdfFiles(res?.data);
+ });
+ }
+ }, [filesArray]);
+
+ const handleFileDownload = ({ id, name }) => {
+ const fileNameWithoutExtension = name?.split(/\.(xlsx|xls)/)?.[0];
+ downloadExcelWithCustomName({ fileStoreId: id, customName: fileNameWithoutExtension });
+ };
+ return (
+
+ {t(`HCM_CAMPAIGN_NAME_HEADER`)}
+
+ {
+ setStartValidation(true);
+ setName(event.target.value);
+ }}
+ />
+
+
+ );
+};
+
+export default CampaignName;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignResourceDocuments.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignResourceDocuments.js
new file mode 100644
index 00000000000..827ff5062eb
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignResourceDocuments.js
@@ -0,0 +1,50 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import CampaignDocumentsPreview from "./CampaignDocumentsPreview";
+import { CardText } from "@egovernments/digit-ui-components";
+
+function CampaignResourceDocuments({ resources = [], svgStyles = {}, isUserGenerate = false }) {
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const [processData, setProcessData] = useState([]);
+ const reqCriteriaResource = {
+ url: `/project-factory/v1/data/_search`,
+ body: {
+ SearchCriteria: {
+ tenantId: tenantId,
+ id: resources,
+ },
+ },
+ config: {
+ enabled: true,
+ select: (data) => {
+ return data?.ResourceDetails;
+ },
+ },
+ };
+
+ const { isLoading, data: resourceData, isFetching } = Digit.Hooks.useCustomAPIHook(reqCriteriaResource);
+
+ useEffect(() => {
+ if (!isLoading) {
+ const temp = resourceData.map((i) => {
+ return {
+ id: i?.processedFilestoreId,
+ type: "User Credential",
+ };
+ });
+ setProcessData(temp);
+ }
+ }, [isLoading, resourceData]);
+
+ if (!processData?.[0]?.id) {
+ return {t("NO_DOCUMENTS_AVAILABLE")} ;
+ }
+ return (
+
+ {t(`HCM_CAMPAIGN_TYPE_HEADER`)}
+
+
+ {showBeneficiary && (
+
+
+ )}
+ {showPopUp && (
+
+ {t("ES_CAMPAIGN_UPDATE_TYPE_MODAL_TEXT") + " "}
+
,
+ ]}
+ onOverlayClick={() => {
+ setShowPopUp(false);
+ }}
+ footerChildren={[
+
+
+
+ {!location.pathname.includes("/response") && {t("CS_COMMON_BACK")} }
+
+ {/* */}
+ */}
+
+
+
+ 
+
+ );
+};
+
+const Heading = (props) => {
+ return {props.label}
; +}; + +const CloseBtn = (props) => { + return ( +
+
+ );
+};
+
+const TLCaption = ({ data, comments }) => {
+ const { t } = useTranslation()
+ return (
+
+ {data?.date &&
+ );
+};
+
+const ComplaintDetailsModal = ({ workflowDetails, complaintDetails, close, popup, selectedAction, onAssign, tenantId, t }) => {
+
+ // RAIN-5692 PGR : GRO is assigning complaint, Selecting employee and assign. Its not getting assigned.
+ // Fix for next action assignee dropdown issue
+ const stateArray = workflowDetails?.data?.initialActionState?.nextActions?.filter( ele => ele?.action == selectedAction );
+ const useEmployeeData = Digit.Hooks.pgr.useEmployeeFilter(
+ tenantId,
+ stateArray?.[0]?.assigneeRoles?.length > 0 ? stateArray?.[0]?.assigneeRoles?.join(",") : "",
+ complaintDetails
+ );
+ const employeeData = useEmployeeData
+ ? useEmployeeData.map((departmentData) => {
+ return { heading: departmentData.department, options: departmentData.employees };
+ })
+ : null;
+
+ const [selectedEmployee, setSelectedEmployee] = useState(null);
+ const [comments, setComments] = useState("");
+ const [file, setFile] = useState(null);
+ const [uploadedFile, setUploadedFile] = useState(null);
+ const [error, setError] = useState(null);
+ const cityDetails = Digit.ULBService.getCurrentUlb();
+ const [selectedReopenReason, setSelectedReopenReason] = useState(null);
+
+ useEffect(() => {
+ (async () => {
+ setError(null);
+ if (file) {
+ if (file.size >= 5242880) {
+ setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+ } else {
+ try {
+ // TODO: change module in file storage
+ const response = await Digit.UploadServices.Filestorage("property-upload", file, cityDetails.code);
+ if (response?.data?.files?.length > 0) {
+ setUploadedFile(response?.data?.files[0]?.fileStoreId);
+ } else {
+ setError(t("CS_FILE_UPLOAD_ERROR"));
+ }
+ } catch (err) {
+ setError(t("CS_FILE_UPLOAD_ERROR"));
+ }
+ }
+ }
+ })();
+ }, [file]);
+
+ const reopenReasonMenu = [t(`CS_REOPEN_OPTION_ONE`), t(`CS_REOPEN_OPTION_TWO`), t(`CS_REOPEN_OPTION_THREE`), t(`CS_REOPEN_OPTION_FOUR`)];
+ // const uploadFile = useCallback( () => {
+
+ // }, [file]);
+
+ function onSelectEmployee(employee) {
+ setSelectedEmployee(employee);
+ }
+
+ function addComment(e) {
+ setError(null);
+ setComments(e.target.value);
+ }
+
+ function selectfile(e) {
+ setFile(e.target.files[0]);
+ }
+
+ function onSelectReopenReason(reason) {
+ setSelectedReopenReason(reason);
+ }
+
+ return (
+ {data?.date}
} +{data?.name}
+{data?.mobileNumber}
+ {data?.source &&{t("ES_COMMON_FILED_VIA_" + data?.source.toUpperCase())}
} + {comments?.map( e => +
+
+ )}
+ {t("WF_COMMON_COMMENTS")}
+{e}
+{checkpoint?.wfComment?.map( e =>
+
: null}
+ {checkpoint.status !== "COMPLAINT_FILED" && thumbnailsToShow?.thumbs?.length > 0 ?
+
+ )}{t("WF_COMMON_COMMENTS")}
+{e}
+
+ zoomImageTimeLineWrapper(src, index,thumbnailsToShow)} />
+
: null}
+ {caption?.date ? {t("CS_COMMON_ATTACHMENTS")}
+{comment?.map( e =>
+
: null}
+ {checkpoint.status !== "COMPLAINT_FILED" && thumbnailsToShow?.thumbs?.length > 0 ?
+
+ )}{t("WF_COMMON_COMMENTS")}
+{e}
+
+ zoomImageTimeLineWrapper(src, index,thumbnailsToShow)} />
+
: null}
+ {captionForOtherCheckpointsInTL?.date ? {t("CS_COMMON_ATTACHMENTS")}
+
+ close(fullscreen)} />} />
+
+
+ 
+
+ +91
,
+ error: t("CORE_COMMON_MOBILE_ERROR"),
+ },
+ },
+ {
+ label: t("ES_CREATECOMPLAINT_COMPLAINT_NAME"),
+ isMandatory: true,
+ type: "text",
+ populators: {
+ name: "name",
+ validation: {
+ required: true,
+ pattern: /^[A-Za-z]/,
+ },
+ error: t("CS_ADDCOMPLAINT_NAME_ERROR"),
+ },
+ },
+ ],
+ },
+ {
+ head: t("CS_COMPLAINT_DETAILS_COMPLAINT_DETAILS"),
+ body: [
+ {
+ label: t("CS_COMPLAINT_DETAILS_COMPLAINT_TYPE"),
+ isMandatory: true,
+ type: "dropdown",
+ populators:
+ {t("ES_COMMON_INBOX")}
+
+ );
+ }
+ } else {
+ return
+ {!location.includes(Employee.Response) && (
+
+ }
+ />
+
+ )}
+
+
+
+ {/* {week}
;
+ }
+ if (key === "ATM_NO_OF_INDIVIDUALS") {
+ return {value?.length}
;
+ }
+ if (key === "ATM_AMOUNT_IN_RS") {
+ return {value ? Digit.Utils.dss.formatterWithoutRound(value, "number") : t("ES_COMMON_NA")};
+ }
+ if (key === "ATM_SLA") {
+ return parseInt(value) > 0 ? (
+ {t(value) || ""}
+ ) : (
+ {t(value) || ""}
+ );
+ }
+ if (key === "COMMON_WORKFLOW_STATES") {
+ return {t(`WF_MUSTOR_${value}`)};
+ }
+ //added this in case we change the key and not updated here , it'll throw that nothing was returned from cell error if that case is not handled here. To prevent that error putting this default
+ return {t(`CASE_NOT_HANDLED`)};
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "ATM_MUSTER_ROLL_ID")
+ link = `/${window.contextPath}/employee/attendencemgmt/view-attendance?tenantId=${tenantId}&musterRollNumber=${row[key]}`;
+ });
+ return link;
+ },
+ populateReqCriteria: () => {
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ return {
+ url: "/org-services/organisation/v1/_search",
+ params: { limit: 50, offset: 0 },
+ body: {
+ SearchCriteria: {
+ tenantId: tenantId,
+ functions: {
+ type: "CBO",
+ },
+ },
+ },
+ config: {
+ enabled: true,
+ select: (data) => {
+ return data?.organisations;
+ },
+ },
+ };
+ },
+ },
+ SearchWageSeekerConfig: {
+ customValidationCheck: (data) => {
+ //checking both to and from date are present
+ const { createdFrom, createdTo } = data;
+ if ((createdFrom === "" && createdTo !== "") || (createdFrom !== "" && createdTo === ""))
+ return { warning: true, label: "ES_COMMON_ENTER_DATE_RANGE" };
+
+ return false;
+ },
+ preProcess: (data) => {
+ data.params = { ...data.params, tenantId: Digit.ULBService.getCurrentTenantId() };
+
+ let requestBody = { ...data.body.Individual };
+ const pathConfig = {
+ name: "name.givenName",
+ };
+ const dateConfig = {
+ createdFrom: "daystart",
+ createdTo: "dayend",
+ };
+ const selectConfig = {
+ wardCode: "wardCode[0].code",
+ socialCategory: "socialCategory.code",
+ };
+ const textConfig = ["name", "individualId"];
+ let Individual = Object.keys(requestBody)
+ .map((key) => {
+ if (selectConfig[key]) {
+ requestBody[key] = _.get(requestBody, selectConfig[key], null);
+ } else if (typeof requestBody[key] == "object") {
+ requestBody[key] = requestBody[key]?.code;
+ } else if (textConfig?.includes(key)) {
+ requestBody[key] = requestBody[key]?.trim();
+ }
+ return key;
+ })
+ .filter((key) => requestBody[key])
+ .reduce((acc, curr) => {
+ if (pathConfig[curr]) {
+ _.set(acc, pathConfig[curr], requestBody[curr]);
+ } else if (dateConfig[curr] && dateConfig[curr]?.includes("day")) {
+ _.set(acc, curr, Digit.Utils.date.convertDateToEpoch(requestBody[curr], dateConfig[curr]));
+ } else {
+ _.set(acc, curr, requestBody[curr]);
+ }
+ return acc;
+ }, {});
+
+ data.body.Individual = { ...Individual };
+ return data;
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ //here we can add multiple conditions
+ //like if a cell is link then we return link
+ //first we can identify which column it belongs to then we can return relevant result
+ switch (key) {
+ case "MASTERS_WAGESEEKER_ID":
+ return (
+
+
+ {String(value ? (column.translate ? t(column.prefix ? `${column.prefix}${value}` : value) : value) : t("ES_COMMON_NA"))}
+
+
+ );
+
+ case "MASTERS_SOCIAL_CATEGORY":
+ return value ? {String(t(`MASTERS_${value}`))} : t("ES_COMMON_NA");
+
+ case "CORE_COMMON_PROFILE_CITY":
+ return value ? {String(t(Digit.Utils.locale.getCityLocale(value)))} : t("ES_COMMON_NA");
+
+ case "MASTERS_WARD":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+
+ case "MASTERS_LOCALITY":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+ default:
+ return t("ES_COMMON_NA");
+ }
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "MASTERS_WAGESEEKER_ID")
+ link = `/${window.contextPath}/employee/masters/view-wageseeker?tenantId=${tenantId}&wageseekerId=${row[key]}`;
+ });
+ return link;
+ },
+ additionalValidations: (type, data, keys) => {
+ if (type === "date") {
+ return data[keys.start] && data[keys.end] ? () => new Date(data[keys.start]).getTime() <= new Date(data[keys.end]).getTime() : true;
+ }
+ },
+ },
+ SearchDefaultConfig: {
+ customValidationCheck: (data) => {
+ //checking both to and from date are present
+ const { createdFrom, createdTo } = data;
+ if ((createdFrom === "" && createdTo !== "") || (createdFrom !== "" && createdTo === ""))
+ return { warning: true, label: "ES_COMMON_ENTER_DATE_RANGE" };
+
+ return false;
+ },
+ preProcess: (data) => {
+ const location = useLocation();
+ data.params = { ...data.params };
+ const { masterName } = useParams();
+
+ const searchParams = new URLSearchParams(location.search);
+ const paths = {
+ "SearchProjectConfig": {
+ basePath: "Projects",
+ pathConfig: {
+ // id: "id[0]",
+ tenantId: "tenantId",
+ },
+ dateConfig: {
+ endDate: "dayend",
+ startDate: "daystart"
+ },
+ selectConfig: {
+ },
+ textConfig :["id", "tenantId", "name", "projectNumber", "projectSubType" , "projectType"]
+ },
+ "SearchProductConfig": {
+ basePath: "Product",
+ pathConfig: {
+ id: "id[0]",
+ },
+ dateConfig: {
+ },
+ selectConfig: {
+ },
+ textConfig :["id", "manufacturer", "name", "type"]
+ },
+ "SearchHouseholdConfig": {
+ basePath: "Household",
+ pathConfig: {
+ id: "id[0]",
+ clientReferenceId: "clientReferenceId[0]",
+ },
+ dateConfig: {
+ },
+ selectConfig: {
+ },
+ textConfig :["boundaryCode", "clientReferenceId", "id"]
+ },
+ "SearchProductVariantConfig": {
+ basePath: "ProductVariant",
+ pathConfig: {
+ id: "id[0]",
+ },
+ dateConfig: {
+ },
+ selectConfig: {
+ },
+ textConfig :["productId", "sku", "variation"]
+ },
+ "SearchProjectBeneficiaryConfig": {
+ basePath: "ProjectBeneficiary",
+ pathConfig: {
+ id: "id[0]",
+ clientReferenceId: "clientReferenceId[0]",
+
+ },
+ dateConfig: {
+ dateOfRegistration: "daystart"
+ },
+ selectConfig: {
+ },
+ textConfig :["beneficiaryId", "projectId"]
+ },
+ "SearchProjectStaffConfig": {
+ basePath: "ProjectStaff",
+ pathConfig: {
+ id: "id[0]",
+ },
+ dateConfig: {
+ startDate: "daystart",
+ endDate: "dayend",
+ },
+ selectConfig: {
+ },
+ textConfig :["projectId", "userId"]
+ },
+ "SearchProjectResourceConfig": {
+ basePath: "ProjectResource",
+ pathConfig: {
+ id: "id[0]"
+ },
+ dateConfig: {
+ },
+ selectConfig: {
+ },
+ textConfig : []
+ },
+ "SearchProjectTaskConfig": {
+ basePath: "Task",
+ pathConfig: {
+ id: "id[0]",
+ clientReferenceId: "clientReferenceId[0]",
+ },
+ dateConfig: {
+ plannedEndDate: "dayend",
+ plannedStartDate: "daystart",
+ actualEndDate: "dayend",
+ actualStartDate: "daystart",
+ },
+ selectConfig: {
+ },
+ textConfig :["projectId","localityCode", "projectBeneficiaryId", "status"]
+ },
+ "SearchFacilityConfig": {
+ basePath: "Facility",
+ pathConfig: {
+ id: "id[0]"
+ },
+ dateConfig: {
+ },
+ selectConfig: {
+ },
+ textConfig :["faciltyUsage","localityCode", "storageCapacity","id"]
+ },
+ "SearchProjectFacilityConfig": {
+ basePath: "ProjectFacility",
+ pathConfig: {
+ id: "id[0]",
+ projectId: "projectId[0]",
+ facilityId: "facilityId[0]"
+ },
+ dateConfig: {
+ },
+ selectConfig: {
+ },
+ textConfig :[]
+ },
+ }
+
+ const id = searchParams.get("config")|| masterName;
+
+ if(!paths||!paths?.[id]){
+ return data;
+ }
+ let requestBody = { ...data.body[paths[id]?.basePath] };
+ const pathConfig = paths[id]?.pathConfig;
+ const dateConfig = paths[id]?.dateConfig;
+ const selectConfig = paths[id]?.selectConfig;
+ const textConfig = paths[id]?.textConfig
+
+ if(paths[id].basePath == "Projects"){
+ data.state.searchForm={...data.state.searchForm,tenantId:"mz"}
+ }
+ let Product = Object.keys(requestBody)
+ .map((key) => {
+ if (selectConfig[key]) {
+ requestBody[key] = _.get(requestBody, selectConfig[key], null);
+ } else if (typeof requestBody[key] == "object") {
+ requestBody[key] = requestBody[key]?.code;
+ } else if (textConfig?.includes(key)) {
+ requestBody[key] = requestBody[key]?.trim();
+ }
+ return key;
+ })
+ .filter((key) => requestBody[key])
+ .reduce((acc, curr) => {
+ if (pathConfig[curr]) {
+ _.set(acc, pathConfig[curr], requestBody[curr]);
+ } else if (dateConfig[curr] && dateConfig[curr]?.includes("day")) {
+ _.set(acc, curr, Digit.Utils.date.convertDateToEpoch(requestBody[curr], dateConfig[curr]));
+ } else {
+ _.set(acc, curr, requestBody[curr]);
+ }
+ return acc;
+ }, {});
+
+ if(paths[id].basePath == "Projects"){
+
+ data.body[paths[id].basePath] = [{ ...Product}];
+ }
+ else data.body[paths[id].basePath] = { ...Product};
+ return data;
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ //here we can add multiple conditions
+ //like if a cell is link then we return link
+ //first we can identify which column it belongs to then we can return relevant result
+ switch (key) {
+ case "ID":
+
+ return (
+
+
+
+
+ );
+
+ case "MASTERS_SOCIAL_CATEGORY":
+ return value ? {String(t(`MASTERS_${value}`))} : t("ES_COMMON_NA");
+
+ case "CORE_COMMON_PROFILE_CITY":
+ return value ? {String(t(Digit.Utils.locale.getCityLocale(value)))} : t("ES_COMMON_NA");
+
+ case "MASTERS_WARD":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+
+ case "MASTERS_LOCALITY":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+ default:
+ return t("ES_COMMON_NA");
+ }
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "MASTERS_WAGESEEKER_ID")
+ link = `/${window.contextPath}/employee/masters/view-wageseeker?tenantId=${tenantId}&wageseekerId=${row[key]}`;
+ });
+ return link;
+ },
+ additionalValidations: (type, data, keys) => {
+ if (type === "date") {
+ return data[keys.start] && data[keys.end] ? () => new Date(data[keys.start]).getTime() <= new Date(data[keys.end]).getTime() : true;
+ }
+ },
+ }
+};
diff --git a/health/micro-ui/web/micro-ui-internals/example/src/complaintConfig.js b/health/micro-ui/web/micro-ui-internals/example/src/complaintConfig.js
new file mode 100644
index 00000000000..28c85515205
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/src/complaintConfig.js
@@ -0,0 +1,31 @@
+export const config = {
+ routes: {
+ "complaint-type": {
+ nextStep: "pincode",
+ },
+ landmark: {
+ nextStep: "apartment",
+ },
+ apartment: {
+ component: "SelectName",
+ texts: {
+ header: "Apartment or Society",
+ cardText: "CS_COMPLAINT_SUBTYPE_TEXT",
+ submitBarLabel: "PT_COMMONS_NEXT",
+ },
+ inputs: [
+ {
+ label: "Apartment",
+ type: "text",
+ name: "custom.additionalDetails.apartment",
+ validation: {
+ minLength: 6,
+ maxLength: 7,
+ },
+ error: "CORE_COMMON_PINCODE_INVALID",
+ },
+ ],
+ nextStep: "upload-photos",
+ },
+ },
+};
diff --git a/health/micro-ui/web/micro-ui-internals/example/src/components/SelectName.js b/health/micro-ui/web/micro-ui-internals/example/src/components/SelectName.js
new file mode 100644
index 00000000000..56d2a195c12
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/example/src/components/SelectName.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { FormStep } from "@egovernments/digit-ui-react-components";
+
+const SelectName = ({ config, onSelect, onSkip, t }) => {
+ return + {t(`HCM_CAMPAIGN_ADD_NEW_PRODUCT_DESCRIPTION_PRE_TEXT`)} {t(`HCM_CAMPAIGN_ADD_NEW_PRODUCT_DESCRIPTION_BOLD_TEXT`)} + {t(`HCM_CAMPAIGN_ADD_NEW_PRODUCT_DESCRIPTION_POST_TEXT`)} +
+ {productFieldData?.map((field, index) => { + return ( +
+ Product {field?.key}
+ {productFieldData?.length > 1 && (
+
+ deleteProductField(field.key)}
+ style={{
+ cursor: "pointer",
+ fontWeight: "600",
+ marginLeft: "1rem",
+ fontSize: "1rem",
+ color: PRIMARY_COLOR,
+ display: "flex",
+ gap: "0.5rem",
+ alignItems: "center",
+ marginTop: "1rem",
+ }}
+ >
+
+ )}
+
+ {`${t("HCM_PRODUCT_NAME")}`}
+ *
+
+
+ {`${t("HCM_PRODUCT_TYPE")}`}
+ *
+
+
+ {`${t("HCM_PRODUCT_VARIANT")}`}
+ *
+
+
+
+ );
+
+ const handleFileDelete = (file, index) => {
+ onFileDelete(file, index);
+ };
+
+ 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" });
+
+ // Assuming your columns are in the first sheet
+ const sheet = workbook.Sheets[workbook.SheetNames[0]];
+
+ const columnsToValidate = XLSX.utils.sheet_to_json(sheet, {
+ header: 1,
+ })[0];
+
+ // Check if all columns have non-empty values in every row
+ const isValid = XLSX.utils
+ .sheet_to_json(sheet)
+ .every((row) => columnsToValidate.every((column) => row[column] !== undefined && row[column] !== null && row[column] !== ""));
+
+ if (isValid) {
+ // All columns in all rows have non-empty values, it is valid
+ resolve(true);
+ } else {
+ // const label = "HCM_FILE_VALIDATION_ERROR";
+ // setShowToast({ isError: true, label });
+ reject(t("HCM_FILE_VALIDATION_ERROR"));
+ }
+ } catch (error) {
+ reject("HCM_FILE_UNAVAILABLE");
+ }
+ };
+
+ reader.readAsArrayBuffer(selectedFile);
+ });
+ };
+
+ const handleFileDownload = async (e, file) => {
+ if (e?.stopPropagation) {
+ e.stopPropagation();
+ }
+ onFileDownload(file);
+ };
+
+ const handleChange = async (newFiles) => {
+ try {
+ // await validateExcel(newFiles[0]);
+ onSubmit([...newFiles]);
+ } catch (error) {
+ // Handle the validation error, you can display a message or take appropriate actions.
+ setShowToast({ key: "error", label: error });
+ closeToast();
+ }
+ };
+
+ const fileTypeError = (err) => {
+ setShowToast({ key: "error", label: t("HCM_ERROR_INVALID_FILE_TYPE") });
+ };
+
+ const renderFileCards = useMemo(() => {
+ return fileData?.map((file, index) => (
+
+
{
+ e.stopPropagation();
+ setShowPreview(true);
+ }}
+ >
+
+ ));
+ }, [fileData, fileUrl]);
+
+ return (
+ {
+ // setShowPreview(true);
+ // }}
+ >
+
+ {file.filename}
+
+ }
+ type="button"
+ className="workbench-download-template-btn hover"
+ onButtonClick={(e) => {
+ e.stopPropagation();
+ handleFileDownload(e, fileUrl);
+ }}
+ />
+ }
+ type="button"
+ className="workbench-download-template-btn hover"
+ onButtonClick={(e) => {
+ e.stopPropagation();
+ handleFileDelete(file, index);
+ setShowPreview(false);
+ }}
+ />
+
+ {t(`HCM_CAMPAIGN_DATES_DESCRIPTION`)}
+
+
+ {t(`HCM_CAMPAIGN_DATES`)}
+ * +
+ {
+ // setStartValidation(true);
+ setStart(d);
+ }}
+ />
+ {
+ setStartValidation(true);
+ setEnd(d);
+ }}
+ />
+
+
+
+ );
+}
+
+export default CampaignDocumentsPreview;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignHeader.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignHeader.js
new file mode 100644
index 00000000000..5a4f7f546f2
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignHeader.js
@@ -0,0 +1,32 @@
+import { BackButton, Tutorial, useTourState, Help } from "@egovernments/digit-ui-react-components";
+import React, { useEffect, useContext, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router-dom";
+import { TourSteps } from "../utils/TourSteps";
+
+const CampaignHeader = () => {
+ const { tourState, setTourState } = useTourState();
+ // const { tutorial, updateTutorial } = useContext(TutorialContext);
+ const { t } = useTranslation();
+ //using location.pathname we can update the stepIndex accordingly when help is clicked from any other screen(other than home screen)
+ const { pathname } = useLocation();
+
+ const startTour = () => {
+ setTourState({
+ run: TourSteps[pathname]?.length > 0 ? true : false,
+ steps: TourSteps[pathname] || [],
+ tourActive: TourSteps[pathname]?.length > 0 ? true : false,
+ });
+ };
+
+ return (
+ <>
+
+ {documents?.length > 0 ? (
+ documents?.map(
+ (document, index) =>
+ (document?.id || document?.filestoreId) && (
+
+
+
+ handleFileDownload({
+ id: document?.id ? document?.id : document?.filestoreId,
+ name: isUserGenerate ? document?.type : document?.filename,
+ })
+ }
+ onBack={() => setShowPreview(false)}
+ />
+ )}
+
+ )
+ )
+ ) : (
+ setShowPreview(true)}>
+
+ {showPreview && (
+
+
+ + {isUserGenerate + ? document?.type + : document?.filename + ? t(document?.filename) + : t("CAMPAIGN_DOCUMENT_TITLE", { INDEX: index + 1 })} +
+
+
+ )}
+ {t("ES_CAMPAIGN_NO_DOCUMENTS_AVAILABLE")}
+ {cardErrors?.map((i) => ( +
+
+
+ );
+};
+
+export default CampaignHeader;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignName.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignName.js
new file mode 100644
index 00000000000..4540e3f46f4
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignName.js
@@ -0,0 +1,66 @@
+import React, { useState, useEffect ,Fragment} from "react";
+import { Header } from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+import { LabelFieldPair } from "@egovernments/digit-ui-react-components";
+import { ErrorMessage, FieldV1 } from "@egovernments/digit-ui-components";
+
+const CampaignName = ({ onSelect, formData, control, formState, ...props }) => {
+ const { t } = useTranslation();
+ const [name, setName] = useState(props?.props?.sessionData?.HCM_CAMPAIGN_NAME?.campaignName || "");
+ const [executionCount, setExecutionCount] = useState(0);
+ const [startValidation, setStartValidation] = useState(null);
+ const [error, setError] = useState(null);
+ useEffect(() => {
+ setName(props?.props?.sessionData?.HCM_CAMPAIGN_NAME?.campaignName);
+ }, [props?.props?.sessionData?.HCM_CAMPAIGN_NAME]);
+
+ useEffect(() => {
+ if (props?.props?.isSubmitting && !name) {
+ setError({ message: "CAMPAIGN_FIELD_ERROR_MANDATORY" });
+ } else {
+ setError(null);
+ }
+ }, [props?.props?.isSubmitting]);
+ useEffect(() => {
+ if (startValidation && !name) {
+ setError({ message: "CAMPAIGN_NAME_FIELD_ERROR" });
+ } else if (name) {
+ setError(null);
+ onSelect("campaignName", name);
+ }
+ }, [name, props?.props?.sessionData?.HCM_CAMPAIGN_NAME?.campaignName]);
+
+ useEffect(() => {
+ if (executionCount < 5) {
+ onSelect("campaignName", name);
+ setExecutionCount((prevCount) => prevCount + 1);
+ }
+ });
+
+ return (
+ {t(`HCM_CAMPAIGN_NAME_DESCRIPTION`)}
+
+ {`${t("HCM_CAMPAIGN_NAME")}`}
+ *
+
+
+
+ );
+}
+
+export default CampaignResourceDocuments;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignSummary.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignSummary.js
new file mode 100644
index 00000000000..6f37dfb6ae2
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignSummary.js
@@ -0,0 +1,484 @@
+import React, { Fragment, useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useHistory } from "react-router-dom";
+import { Button, EditIcon, Header, Loader, ViewComposer } from "@egovernments/digit-ui-react-components";
+import { InfoBannerIcon, Toast } from "@egovernments/digit-ui-components";
+import { DownloadIcon } from "@egovernments/digit-ui-react-components";
+import { PRIMARY_COLOR, downloadExcelWithCustomName } from "../utils";
+
+function mergeObjects(item) {
+ const arr = item;
+ const mergedArr = [];
+ const mergedAttributes = new Set();
+
+ arr.forEach((obj) => {
+ if (!mergedAttributes.has(obj.attribute)) {
+ const sameAttrObjs = arr.filter((o) => o.attribute === obj.attribute);
+
+ if (sameAttrObjs.length > 1) {
+ const fromValue = Math.min(...sameAttrObjs.map((o) => o.value));
+ const toValue = Math.max(...sameAttrObjs.map((o) => o.value));
+
+ mergedArr.push({
+ fromValue,
+ toValue,
+ value: fromValue > 0 && toValue > 0 ? `${fromValue} to ${toValue}` : null,
+ operator: "IN_BETWEEN",
+ attribute: obj.attribute,
+ });
+
+ mergedAttributes.add(obj.attribute);
+ } else {
+ mergedArr.push(obj);
+ }
+ }
+ });
+
+ return mergedArr;
+}
+
+function loopAndReturn(dataa, t) {
+ let newArray = [];
+ const data = dataa?.map((i) => ({ ...i, operator: i?.operator, attribute: i?.attribute }));
+
+ data.forEach((item) => {
+ // Check if an object with the same attribute already exists in the newArray
+ const existingIndex = newArray.findIndex((element) => element.attribute === item.attribute);
+ if (existingIndex !== -1) {
+ // If an existing item is found, replace it with the new object
+ const existingItem = newArray[existingIndex];
+ newArray[existingIndex] = {
+ attribute: existingItem.attribute,
+ operator: "IN_BETWEEN",
+ toValue: existingItem.value && item.value ? Math.min(existingItem.value, item.value) : null,
+ fromValue: existingItem.value && item.value ? Math.max(existingItem.value, item.value) : null,
+ };
+ } else if (item?.operator === "EQUAL_TO") {
+ newArray.push({
+ ...item,
+ value: item?.value ? t(item?.value) : null,
+ });
+ } else {
+ newArray.push(item);
+ }
+ });
+
+ const withKey = newArray.map((i, c) => ({ key: c + 1, ...i }));
+ const format = withKey.map((i) => {
+ if (i.operator === "IN_BETWEEN") {
+ return {
+ ...i,
+ value: `${i?.toValue ? i?.toValue : "N/A"} to ${i?.fromValue ? i?.fromValue : "N/A"}`,
+ };
+ }
+ return {
+ ...i,
+ };
+ });
+ return format;
+}
+
+function reverseDeliveryRemap(data, t) {
+ if (!data) return null;
+ const reversedData = [];
+ let currentCycleIndex = null;
+ let currentCycle = null;
+
+ data.forEach((item, index) => {
+ if (currentCycleIndex !== item.cycleNumber) {
+ currentCycleIndex = item.cycleNumber;
+ currentCycle = {
+ cycleIndex: currentCycleIndex.toString(),
+ startDate: item?.startDate ? Digit.Utils.date.convertEpochToDate(item?.startDate) : null,
+ endDate: item?.endDate ? Digit.Utils.date.convertEpochToDate(item?.endDate) : null,
+ active: index === 0, // Initialize active to false
+ deliveries: [],
+ };
+ reversedData.push(currentCycle);
+ }
+
+ const deliveryIndex = item.deliveryNumber.toString();
+
+ let delivery = currentCycle.deliveries.find((delivery) => delivery.deliveryIndex === deliveryIndex);
+
+ if (!delivery) {
+ delivery = {
+ deliveryIndex: deliveryIndex,
+ active: item.deliveryNumber === 1, // Set active to true only for the first delivery
+ deliveryRules: [],
+ };
+ currentCycle.deliveries.push(delivery);
+ }
+
+ delivery.deliveryRules.push({
+ ruleKey: item.deliveryRuleNumber,
+ delivery: {},
+ attributes: loopAndReturn(item.conditions, t),
+ products: [...item.products],
+ });
+ });
+
+ return reversedData;
+}
+
+const fetchResourceFile = async (tenantId, resourceIdArr) => {
+ const res = await Digit.CustomService.getResponse({
+ url: `/project-factory/v1/data/_search`,
+ body: {
+ SearchCriteria: {
+ tenantId: tenantId,
+ id: resourceIdArr,
+ },
+ },
+ });
+ return res?.ResourceDetails;
+};
+
+const CampaignSummary = (props) => {
+ const { t } = useTranslation();
+ const history = useHistory();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const searchParams = new URLSearchParams(location.search);
+ const id = searchParams.get("id");
+ const noAction = searchParams.get("action");
+ const [showToast, setShowToast] = useState(null);
+ const [userCredential, setUserCredential] = useState(null);
+ const [deliveryErrors, setDeliveryErrors] = useState(null);
+ const [targetErrors, setTargetErrors] = useState(null);
+ const [facilityErrors, setFacilityErrors] = useState(null);
+ const [userErrors, setUserErrors] = useState(null);
+ const [cycleDatesError, setCycleDatesError] = useState(null);
+ const [summaryErrors, setSummaryErrors] = useState(null);
+ const handleRedirect = (step, activeCycle) => {
+ const urlParams = new URLSearchParams(window.location.search);
+ const id = urlParams.get("id");
+ urlParams.set("key", step);
+ urlParams.set("preview", false);
+ if (activeCycle) {
+ urlParams.set("activeCycle", activeCycle);
+ }
+ const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
+ history.push(newUrl);
+ };
+
+ useEffect(() => {
+ if (props?.props?.summaryErrors) {
+ if (props?.props?.summaryErrors?.deliveryErrors) {
+ const temp = props?.props?.summaryErrors?.deliveryErrors?.map((i) => {
+ return {
+ ...i,
+ onClick: i?.dateError ? () => handleRedirect(5) : () => handleRedirect(6, i?.cycle),
+ };
+ });
+ setSummaryErrors({ ...props?.props?.summaryErrors, deliveryErrors: temp });
+ } else {
+ setSummaryErrors(props?.props?.summaryErrors);
+ }
+ }
+ // if (props?.props?.summaryErrors?.deliveryErrors) {
+ // const temp = props?.props?.summaryErrors?.deliveryErrors?.map((i) => {
+ // return {
+ // ...i,
+ // onClick: () => handleRedirect(6, i?.cycle),
+ // };
+ // });
+ // setDeliveryErrors(temp);
+ // }
+ // if (props?.props?.summaryErrors?.targetErrors) {
+ // setTargetErrors(props?.props?.summaryErrors?.targetErrors);
+ // }
+ // if (props?.props?.summaryErrors?.facilityErrors) {
+ // setFacilityErrors(props?.props?.summaryErrors?.facilityErrors);
+ // }
+ // if (props?.props?.summaryErrors?.userErrors) {
+ // setUserErrors(props?.props?.summaryErrors?.userErrors);
+ // }
+ }, [props?.props?.summaryErrors]);
+
+ const { isLoading, data, error, refetch } = Digit.Hooks.campaign.useSearchCampaign({
+ tenantId: tenantId,
+ filter: {
+ ids: [id],
+ },
+ config: {
+ select: (data) => {
+ const resourceIdArr = [];
+ data?.[0]?.resources?.map((i) => {
+ if (i?.createResourceId && i?.type === "user") {
+ resourceIdArr.push(i?.createResourceId);
+ }
+ });
+ let processid;
+
+ const ss = async () => {
+ let temp = await fetchResourceFile(tenantId, resourceIdArr);
+ processid = temp;
+ return;
+ };
+ ss();
+ const target = data?.[0]?.deliveryRules;
+ const cycleData = reverseDeliveryRemap(target, t);
+ return {
+ cards: [
+ {
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("CAMPAIGN_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: noAction !== "false" && (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+ ),
+ values: [
+ {
+ key: "CAMPAIGN_TYPE",
+ value: data?.[0]?.projectType ? t(`CAMPAIGN_PROJECT_${data?.[0]?.projectType?.toUpperCase()}`) : t("CAMPAIGN_SUMMARY_NA"),
+ },
+ {
+ key: "CAMPAIGN_NAME",
+ value: data?.[0]?.campaignName || t("CAMPAIGN_SUMMARY_NA"),
+ },
+ {
+ key: "CAMPAIGN_START_DATE",
+ value: Digit.Utils.date.convertEpochToDate(data?.[0]?.startDate) || t("CAMPAIGN_SUMMARY_NA"),
+ },
+ {
+ key: "CAMPAIGN_END_DATE",
+ value: Digit.Utils.date.convertEpochToDate(data?.[0]?.endDate) || t("CAMPAIGN_SUMMARY_NA"),
+ },
+ ],
+ },
+ ],
+ },
+ // data?.[0]?.resources?.find((i) => i?.type === "boundaryWithTarget") ?
+ {
+ name: "target",
+ errorName: "target",
+ sections: [
+ {
+ name: "target",
+ type: "COMPONENT",
+ component: "CampaignDocumentsPreview",
+ props: {
+ documents: data?.[0]?.resources?.filter((i) => i?.type === "boundaryWithTarget"),
+ },
+ cardHeader: { value: t("TARGET_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: noAction !== "false" && (
+ handleRedirect(7)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+ ),
+ },
+ ],
+ },
+ // : {}
+ // data?.[0]?.resources?.find((i) => i?.type === "facility") ?
+ {
+ name: "facility",
+ errorName: "facility",
+ sections: [
+ {
+ name: "facility",
+ type: "COMPONENT",
+ component: "CampaignDocumentsPreview",
+ props: {
+ documents: data?.[0]?.resources?.filter((i) => i.type === "facility"),
+ },
+ cardHeader: { value: t("FACILITY_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: noAction !== "false" && (
+ handleRedirect(8)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+ ),
+ },
+ ],
+ },
+ // : {}
+ // data?.[0]?.resources?.find((i) => i?.type === "user") ?
+ {
+ name: "user",
+ errorName: "user",
+ sections: [
+ {
+ name: "user",
+ type: "COMPONENT",
+ component: "CampaignDocumentsPreview",
+ props: {
+ documents: data?.[0]?.resources?.filter((i) => i.type === "user"),
+ },
+ cardHeader: { value: t("USER_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: noAction !== "false" && (
+ handleRedirect(9)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+ ),
+ },
+ ],
+ },
+ // : {}
+ resourceIdArr?.length > 0
+ ? {
+ sections: [
+ {
+ type: "COMPONENT",
+ component: "CampaignResourceDocuments",
+ props: {
+ isUserGenerate: true,
+ // resources: processid,
+ resources: resourceIdArr,
+ },
+ cardHeader: { value: t("USER_GENERATE_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ },
+ ],
+ }
+ : {},
+ {
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("CAMPAIGN_DELIVERY_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: noAction !== "false" && (
+ handleRedirect(5)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+ ),
+ values: [
+ {
+ key: "CAMPAIGN_NO_OF_CYCLES",
+ value:
+ data?.[0]?.deliveryRules && data?.[0]?.deliveryRules.map((item) => item.cycleNumber)?.length > 0
+ ? Math.max(...data?.[0]?.deliveryRules.map((item) => item.cycleNumber))
+ : t("CAMPAIGN_SUMMARY_NA"),
+ },
+ {
+ key: "CAMPAIGN_NO_OF_DELIVERIES",
+ value:
+ data?.[0]?.deliveryRules && data?.[0]?.deliveryRules.map((item) => item.deliveryNumber)?.length > 0
+ ? Math.max(...data?.[0]?.deliveryRules.map((item) => item.deliveryNumber))
+ : t("CAMPAIGN_SUMMARY_NA"),
+ },
+ ],
+ },
+ ],
+ },
+ ...cycleData?.map((item, index) => {
+ return {
+ name: `CYCLE_${index + 1}`,
+ errorName: "deliveryErrors",
+ sections: [
+ {
+ name: `CYCLE_${index + 1}`,
+ type: "COMPONENT",
+ cardHeader: { value: `${t("CYCLE")} ${item?.cycleIndex}`, inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: noAction !== "false" && (
+ handleRedirect(5)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+ ),
+ component: "CycleDataPreview",
+ props: {
+ data: item,
+ },
+ },
+ ],
+ };
+ }),
+ ],
+ error: data?.[0]?.additionalDetails?.error,
+ data: data?.[0],
+ status: data?.[0]?.status,
+ userGenerationSuccess: resourceIdArr,
+ };
+ },
+ enabled: id ? true : false,
+ staleTime: 0,
+ cacheTime: 0,
+ },
+ });
+
+ if (isLoading) {
+ return
+ {t("ES_TQM_SUMMARY_HEADING")}
+ {userCredential && (
+ }
+ type="button"
+ className="campaign-download-template-btn hover"
+ onButtonClick={downloadUserCred}
+ />
+ )}
+
+
+
+
+ );
+};
+
+export default CampaignSummary;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignType.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignType.js
new file mode 100644
index 00000000000..a57ceb7008f
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignType.js
@@ -0,0 +1,143 @@
+import React, { useState, useMemo, useRef, useEffect } from "react";
+import { UploadIcon, FileIcon, DeleteIconv2, Toast, Card, Header } from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+import { LabelFieldPair } from "@egovernments/digit-ui-react-components";
+import { Button, CardText, Dropdown, ErrorMessage, PopUp } from "@egovernments/digit-ui-components";
+
+const CampaignSelection = ({ onSelect, formData, formState, ...props }) => {
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getStateId();
+ const { isLoading, data: projectType } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-PROJECT-TYPES", [{ name: "projectTypes" }]);
+ const [type, setType] = useState(props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType || {});
+ const [beneficiaryType, setBeneficiaryType] = useState(props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType?.beneficiaryType || "");
+ const [showBeneficiary, setShowBeneficiaryType] = useState(Boolean(props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType?.beneficiaryType));
+ const [executionCount, setExecutionCount] = useState(0);
+ const [error, setError] = useState(null);
+ const [startValidation, setStartValidation] = useState(null);
+ const [showPopUp, setShowPopUp] = useState(null);
+ const [canUpdate, setCanUpdate] = useState(null);
+
+ useEffect(() => {
+ if (props?.props?.isSubmitting && !type) {
+ setError({ message: "CAMPAIGN_FIELD_MANDATORY" });
+ }
+ }, [props?.props?.isSubmitting]);
+ useEffect(() => {
+ setType(props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType);
+ setBeneficiaryType(props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType?.beneficiaryType);
+ setShowBeneficiaryType(Boolean(props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType?.beneficiaryType));
+ }, [props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType]);
+
+ const handleChange = (data) => {
+ setType(data);
+ setBeneficiaryType(data?.beneficiaryType);
+ setShowBeneficiaryType(true);
+ };
+
+ useEffect(() => {
+ if (!type && startValidation) {
+ setError({ message: "CAMPAIGN_FIELD_MANDATORY" });
+ } else {
+ setError(null);
+ onSelect("projectType", type);
+ }
+ }, [type]);
+
+ useEffect(() => {
+ if (executionCount < 5) {
+ onSelect("projectType", type);
+ setExecutionCount((prevCount) => prevCount + 1);
+ }
+ });
+ return (
+ {t(`HCM_CAMPAIGN_TYPE_DESCRIPTION`)}
+
+ {`${t("HCM_CAMPAIGN_TYPE")}`}
+ *
+
+ {
+ if (props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType && !canUpdate) {
+ setShowPopUp(true);
+ return;
+ }
+ return;
+ }}
+ onFocus={(e) => {
+ if (props?.props?.sessionData?.HCM_CAMPAIGN_TYPE?.projectType && !canUpdate) {
+ setShowPopUp(true);
+ return;
+ }
+ return;
+ }}
+ >
+ {
+ setStartValidation(true);
+ handleChange(value);
+ }}
+ />
+ {error?.message &&
+ {`${t("HCM_BENEFICIARY_TYPE")}`}
+ {t(`CAMPAIGN_TYPE_${beneficiaryType}`)}
+
+ {deliveryData?.map((_, index) => (
+
+ ))}
+
+ );
+};
+
+const CycleDataPreview = ({ data, items, index, errors, onErrorClick, cardErrors }) => {
+ const { t } = useTranslation();
+ const [deliveryData, setDeliveryData] = useState(data?.deliveries);
+ const [activeTab, setActiveTab] = useState(1);
+
+ useEffect(() => {
+ setDeliveryData(data?.deliveries);
+ }, [data?.deliveries]);
+
+ const handleTabChange = (tabIndex, index) => {
+ setDeliveryData((prev) => {
+ return prev.map((i) => {
+ if (i.deliveryIndex == tabIndex) {
+ return {
+ ...i,
+ active: true,
+ };
+ } else {
+ return {
+ ...i,
+ active: false,
+ };
+ }
+ });
+ });
+ };
+ // return null;
+ return (
+ <>
+ {cardErrors?.map((i) => (
+
+ {data?.startDate && (
+ |
+ )}
+ {data?.endDate && (
+ |
+ )}
+
+
+ + +
+
+ {item?.startDate && (
+ + {t(`CYCLE`)} {item?.cycleNumber} +
+
+
+
+ {headerGroups.map((headerGroup) => (
+
+
+
+ );
+};
+
+export default DetailsTable;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/DocumentIcon.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/DocumentIcon.js
new file mode 100644
index 00000000000..9b61bf67136
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/DocumentIcon.js
@@ -0,0 +1,29 @@
+import React from "react";
+export const DocumentIcon = ({ styles = {}, className, fill = "#D4351C" }) => (
+
+);
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/PlusMinusInput.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/PlusMinusInput.js
new file mode 100644
index 00000000000..89d7b574032
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/PlusMinusInput.js
@@ -0,0 +1,47 @@
+import React, { useState } from "react";
+
+const PlusMinusInput = (props, customProps) => {
+ let count = props?.defaultValues || 1;
+
+ function incrementCount() {
+ if (count >= 1) {
+ count = count + 1;
+ props.onSelect(count);
+ } else {
+ count = 1;
+ props.onSelect(count);
+ }
+ }
+ function decrementCount() {
+ if (count > 1) {
+ count = count - 1;
+ props.onSelect(count);
+ } else {
+ count = 1;
+ props.onSelect(count);
+ }
+ }
+
+ return (
+ | + {column.render("Header")} + | + ))} +
|---|
| + {cell.render("Cell")} + | + ))} +
| + {index === 4 ? {cell} : cell} + | + ))} +
+
+
+
+
+
+ {text?.label && {`${text?.label} :`}}
+
+ {text?.value}
+
+
+
+);
+
+export default RemoveableTagNew;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/SelectingBoundaries.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/SelectingBoundaries.js
new file mode 100644
index 00000000000..239cf948ee0
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/SelectingBoundaries.js
@@ -0,0 +1,542 @@
+import React, { useEffect, useState, Fragment, useMemo } from "react";
+import { CardText, LabelFieldPair, Card, Header, CardLabel, LoaderWithGap } from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+import { InfoCard, MultiSelectDropdown, PopUp, Button, Toast } from "@egovernments/digit-ui-components";
+import { mailConfig } from "../configs/mailConfig";
+/**
+ * The function `SelectingBoundaries` in JavaScript handles the selection of boundaries based on
+ * hierarchy data and allows users to choose specific boundaries within the hierarchy.
+ * @returns The `SelectingBoundaries` component is being returned. It consists of JSX elements
+ * including Cards, Headers, Dropdowns, MultiSelectDropdowns, and InfoCard. The component allows users
+ * to select hierarchy types and boundaries based on the data fetched from API calls. It also handles
+ * the selection of boundaries and updates the state accordingly. The component is designed to be
+ * interactive and user-friendly for selecting boundaries within
+ */
+function SelectingBoundaries({ onSelect, formData, ...props }) {
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const [params, setParams] = useState(props?.props?.dataParams);
+ const [hierarchy, setHierarchy] = useState(params?.hierarchyType);
+ const [boundaryType, setBoundaryType] = useState(
+ props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.boundaryData ? undefined : null
+ );
+ const [targetedData, setTargetedData] = useState();
+ const [boundaryData, setBoundaryData] = useState(props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.boundaryData || {});
+ // const [parentArray, setParentArray] = useState(props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.selectedData.filter(item => item.includeAllChildren).map(item => item.code) || null);
+ const [parentArray, setParentArray] = useState(null);
+ const [boundaryTypeDataresult, setBoundaryTypeDataresult] = useState(null);
+ const [selectedData, setSelectedData] = useState(props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.selectedData || []);
+ const [parentBoundaryTypeRoot, setParentBoundaryTypeRoot] = useState(
+ (props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.selectedData?.find((item) => item?.isRoot === true) || {})
+ ?.boundaryType || null
+ );
+ const [showToast, setShowToast] = useState(null);
+ const [updatedHierarchy, setUpdatedHierarchy] = useState({});
+ const [hierarchyTypeDataresult, setHierarchyTypeDataresult] = useState(params?.hierarchy);
+ const [executionCount, setExecutionCount] = useState(0);
+ // State variable to store the lowest hierarchy level
+ // const [lowestHierarchy, setLowestHierarchy] = useState(null);
+ const [showPopUp, setShowPopUp] = useState(null);
+ const [restrictSelection, setRestrictSelection] = useState(null);
+ const [updateBoundary, setUpdateBoundary] = useState(null);
+ const [loaderEnabled, setLoaderEnabled] = useState(false);
+ const { isLoading, data: hierarchyConfig } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "hierarchyConfig" }]);
+
+ // const lowestHierarchy = hierarchyConfig?.["HCM-ADMIN-CONSOLE"]?.hierarchyConfig?.[0]?.lowestHierarchy;
+ const lowestHierarchy = useMemo(() => hierarchyConfig?.["HCM-ADMIN-CONSOLE"]?.hierarchyConfig?.[0]?.lowestHierarchy, [hierarchyConfig]);
+ const lowestChild = hierarchyTypeDataresult?.boundaryHierarchy.filter((item) => item.parentBoundaryType === lowestHierarchy)?.[0]?.boundaryType;
+ const searchParams = new URLSearchParams(location.search);
+ const isDraft = searchParams.get("draft");
+
+ useEffect(() => {
+ if (!updateBoundary) {
+ if (
+ props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_BOUNDARY_DATA?.uploadBoundary?.uploadedFile?.length > 0 ||
+ props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_FACILITY_DATA?.uploadFacility?.uploadedFile?.length > 0 ||
+ props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_USER_DATA?.uploadUser?.uploadedFile?.length > 0
+ ) {
+ setRestrictSelection(true);
+ }
+ }
+ }, [props?.props?.sessionData, updateBoundary]);
+
+ useEffect(() => {
+ if (props?.props?.dataParams) {
+ setParams(props?.props?.dataParams);
+ }
+ }, [props?.props?.dataParams]);
+
+ useEffect(() => {
+ onSelect("boundaryType", { boundaryData: boundaryData, selectedData: selectedData, updateBoundary: updateBoundary });
+ }, [boundaryData, selectedData]);
+
+ useEffect(() => {
+ setHierarchy(params?.hierarchyType);
+ }, [params?.hierarchyType]);
+
+ useEffect(() => {
+ if (params?.hierarchy) {
+ const sortHierarchy = (hierarchy) => {
+ const boundaryMap = new Map();
+ hierarchy.forEach(item => {
+ boundaryMap.set(item.boundaryType, item);
+ });
+
+ const sortedHierarchy = [];
+ let currentType = null;
+
+ while (sortedHierarchy.length < hierarchy.length) {
+ for (let i = 0; i < hierarchy.length; i++) {
+ if (hierarchy[i].parentBoundaryType === currentType) {
+ sortedHierarchy.push(hierarchy[i]);
+ currentType = hierarchy[i].boundaryType;
+ break;
+ }
+ }
+ }
+
+ return sortedHierarchy;
+ };
+
+ const sortedHierarchy = sortHierarchy(params.hierarchy.boundaryHierarchy);
+ setHierarchyTypeDataresult({
+ ...params.hierarchy,
+ boundaryHierarchy: sortedHierarchy
+ });
+ }
+ }, [params?.hierarchy]);
+
+ useEffect(() => {
+ if (executionCount < 5) {
+ onSelect("boundaryType", { boundaryData: boundaryData, selectedData: selectedData, updateBoundary: updateBoundary });
+ setExecutionCount((prevCount) => prevCount + 1);
+ }
+ });
+
+ useEffect(() => {
+ setBoundaryData(
+ props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.boundaryData
+ ? props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.boundaryData
+ : {}
+ );
+ setSelectedData(
+ props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.selectedData
+ ? props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.selectedData
+ : []
+ );
+ }, [props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType]);
+
+ const closeToast = () => {
+ setShowToast(null);
+ };
+
+ useEffect(() => {
+ if (hierarchyTypeDataresult) {
+ const boundaryDataObj = {};
+ hierarchyTypeDataresult?.boundaryHierarchy?.forEach((boundary) => {
+ boundaryDataObj[boundary?.boundaryType] = [];
+ });
+ if (!props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.boundaryData || Object.keys(boundaryData).length === 0) {
+ setBoundaryData(boundaryDataObj);
+ }
+ const boundaryWithTypeNullParent = hierarchyTypeDataresult?.boundaryHierarchy?.find((boundary) => boundary?.parentBoundaryType === null);
+ // Set the boundary type with null parentBoundaryType
+ if (boundaryWithTypeNullParent) {
+ if (!props?.props?.sessionData?.HCM_CAMPAIGN_SELECTING_BOUNDARY_DATA?.boundaryType?.boundaryData || Object.keys(boundaryData).length === 0) {
+ setBoundaryType(boundaryWithTypeNullParent?.boundaryType);
+ }
+ setParentBoundaryTypeRoot(boundaryWithTypeNullParent?.boundaryType);
+ }
+ createHierarchyStructure(hierarchyTypeDataresult);
+ }
+ }, [hierarchyTypeDataresult]);
+
+ function createHierarchyStructure(hierarchyTypeDataresult) {
+ const hierarchyStructure = {};
+
+ // Recursive function to gather all descendants for a given boundary type
+ function gatherDescendants(boundaryType) {
+ const descendants = [];
+ hierarchyTypeDataresult;
+
+ // Find all children for the current boundary type
+ const children = hierarchyTypeDataresult?.boundaryHierarchy?.filter((item) => item?.parentBoundaryType === boundaryType);
+
+ // Recursively gather descendants for each child
+ children.forEach((child) => {
+ const childBoundaryType = child?.boundaryType;
+ const childDescendants = gatherDescendants(childBoundaryType);
+ descendants.push(childBoundaryType, ...childDescendants);
+ });
+
+ return descendants;
+ }
+
+ // Iterate through the boundaryHierarchy array to populate hierarchyStructure
+ hierarchyTypeDataresult?.boundaryHierarchy?.forEach((item) => {
+ const boundaryType = item?.boundaryType;
+ const descendants = gatherDescendants(boundaryType);
+
+ hierarchyStructure[boundaryType] = descendants;
+ });
+
+ setUpdatedHierarchy(hierarchyStructure);
+ }
+
+ const newData = [];
+ const fetchBoundaryTypeData = async () => {
+ if (boundaryType === undefined || boundaryType === lowestChild) {
+ // Do nothing if boundaryType is undefined
+ return;
+ }
+ if (parentArray === null) {
+ const reqCriteriaBoundaryTypeSearch = Digit.CustomService.getResponse({
+ url: "/boundary-service/boundary-relationships/_search",
+ params: {
+ tenantId: tenantId,
+ hierarchyType: hierarchy,
+ boundaryType: boundaryType,
+ parent: null,
+ },
+ body: {},
+ });
+ // setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_LOADING_BOUNDARY") });
+ const boundaryTypeData = await reqCriteriaBoundaryTypeSearch;
+ setBoundaryTypeDataresult([{ parentCode: null, boundaryTypeData: boundaryTypeData }]);
+ // closeToast();
+ } else {
+ // for (const parentCode of parentArray) {
+ // const reqCriteriaBoundaryTypeSearch = Digit.CustomService.getResponse({
+ // url: "/boundary-service/boundary-relationships/_search",
+ // params: {
+ // tenantId: tenantId,
+ // hierarchyType: hierarchy,
+ // boundaryType: boundaryType,
+ // parent: parentCode,
+ // },
+ // body: {},
+ // });
+ // // setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_LOADING_BOUNDARY") });
+ // setLoaderEnabled(true);
+ // const boundaryTypeData = await reqCriteriaBoundaryTypeSearch;
+ // newData.push({ parentCode, boundaryTypeData });
+ // }
+ setLoaderEnabled(true);
+ const temp = await Digit.Hooks.campaign.useParallelSearch({
+ parentArray: parentArray,
+ tenantId: tenantId,
+ boundaryType: boundaryType,
+ hierarchy: hierarchy,
+ targetedData: targetedData,
+ });
+ const newDataArray = [...newData, ...temp];
+ setBoundaryTypeDataresult(newDataArray);
+ setTimeout(() => {
+ setLoaderEnabled(false);
+ }, 100);
+ // closeToast();
+ }
+ };
+
+ useEffect(() => {
+ fetchBoundaryTypeData();
+ }, [boundaryType, parentArray, selectedData]);
+
+ useEffect(() => {
+ if (boundaryTypeDataresult) {
+ if (boundaryType !== undefined) {
+ const updatedBoundaryData = {
+ ...boundaryData,
+ [boundaryType]: boundaryTypeDataresult,
+ };
+ setBoundaryData(updatedBoundaryData);
+ } else {
+ const updatedBoundaryData = {
+ ...boundaryData,
+ [boundaryTypeDataresult?.[0]?.boundaryTypeData?.TenantBoundary?.[0]?.boundary?.[0]?.boundaryType]: boundaryTypeDataresult,
+ };
+ setBoundaryData(updatedBoundaryData);
+ }
+ }
+ }, [boundaryTypeDataresult]);
+
+ const checkDataPresent = ({ action }) => {
+ if (action === false) {
+ setShowPopUp(false);
+ setUpdateBoundary(true);
+ setRestrictSelection(false);
+ return;
+ }
+ if (action === true) {
+ setShowPopUp(false);
+ setUpdateBoundary(false);
+ return;
+ }
+ };
+
+ const handleBoundaryChange = (data, boundary) => {
+ setTargetedData(boundary?.boundaryType);
+ if (
+ !updateBoundary &&
+ restrictSelection &&
+ (props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_BOUNDARY_DATA?.uploadBoundary?.uploadedFile?.length > 0 ||
+ props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_FACILITY_DATA?.uploadFacility?.uploadedFile?.length > 0 ||
+ props?.props?.sessionData?.HCM_CAMPAIGN_UPLOAD_USER_DATA?.uploadUser?.uploadedFile?.length > 0)
+ ) {
+ setShowPopUp(true);
+ return;
+ }
+ if (!data || data.length === 0) {
+ const check = updatedHierarchy[boundary?.boundaryType];
+
+ if (check) {
+ const typesToRemove = [boundary?.boundaryType, ...check];
+ const updatedSelectedData = selectedData?.filter((item) => !typesToRemove?.includes(item?.type));
+ const updatedBoundaryData = { ...boundaryData };
+
+ typesToRemove.forEach((type) => {
+ if (type !== boundary?.boundaryType && updatedBoundaryData?.hasOwnProperty(type)) {
+ updatedBoundaryData[type] = [];
+ }
+ });
+ if (!_.isEqual(selectedData, updatedSelectedData)) {
+ setSelectedData(updatedSelectedData);
+ }
+ setBoundaryData(updatedBoundaryData);
+ }
+ return;
+ }
+
+ let res = [];
+ data &&
+ data?.map((ob) => {
+ res.push(ob?.[1]);
+ });
+
+ // const transformedRes = res?.map((item) => ({
+ // code: item.code,
+ // type: item.type || item.boundaryType,
+ // isRoot: item.boundaryType === parentBoundaryTypeRoot,
+ // includeAllChildren: item.type === lowestHierarchy || item.boundaryType === lowestHierarchy,
+ // parent: item?.parent,
+ // }));
+
+ let transformedRes = [];
+ if (!isDraft) {
+ transformedRes = res?.map((item) => ({
+ code: item.code,
+ type: item.type || item.boundaryType,
+ isRoot: item.boundaryType === parentBoundaryTypeRoot,
+ includeAllChildren: item.type === lowestHierarchy || item.boundaryType === lowestHierarchy,
+ parent: item?.parent,
+ }));
+ } else {
+ // transformedRes = selectedData.filter((item) => item?.type === boundary?.boundaryType)
+ const filteredData = selectedData.filter((item) => item?.type === boundary?.boundaryType);
+ if (filteredData.length === 0) {
+ // If no selected data for the particular boundary type, run the transformation logic
+ transformedRes = res?.map((item) => ({
+ code: item.code,
+ type: item.type || item.boundaryType,
+ isRoot: item.boundaryType === parentBoundaryTypeRoot,
+ includeAllChildren: item.type === lowestHierarchy || item.boundaryType === lowestHierarchy,
+ parent: item?.parent,
+ }));
+ } else {
+ transformedRes = filteredData;
+ }
+ }
+
+ const newBoundaryType = transformedRes?.[0]?.type;
+ const existingBoundaryType = selectedData?.length > 0 ? selectedData?.[0]?.type : null;
+ if (existingBoundaryType === newBoundaryType) {
+ // Update only the data for the specific boundaryType
+ const flattenedRes = transformedRes.flat();
+ const updatedSelectedData = selectedData
+ ?.map((item) => {
+ if (item.type === newBoundaryType) {
+ return transformedRes?.flat();
+ } else {
+ return item;
+ }
+ })
+ .flat();
+ if (!_.isEqual(selectedData, updatedSelectedData)) {
+ setSelectedData(updatedSelectedData);
+ }
+ } else {
+ // Update only the data for the new boundaryType
+ const mergedData = [...selectedData?.filter((item) => item?.type !== newBoundaryType), ...transformedRes];
+
+ // Filter out items with undefined type
+ const filteredData = mergedData?.filter(
+ (item, index, self) => item?.type !== undefined && index === self?.findIndex((t) => t?.code === item?.code)
+ );
+
+ // Filter out items whose parent is not present in the array
+
+ const updatedSelectedData = [];
+ const addChildren = (item) => {
+ updatedSelectedData.push(item);
+ const children = filteredData.filter((child) => child.parent === item.code);
+ children.forEach((child) => addChildren(child));
+ };
+ filteredData.filter((item) => item.isRoot).forEach((rootItem) => addChildren(rootItem));
+ if (!_.isEqual(selectedData, updatedSelectedData)) {
+ setSelectedData(updatedSelectedData);
+ }
+ }
+ const parentBoundaryEntry = hierarchyTypeDataresult
+ ? hierarchyTypeDataresult?.boundaryHierarchy?.find(
+ (e) => e?.parentBoundaryType === res?.[0]?.boundaryType || e?.parentBoundaryType === res?.[0]?.type
+ )
+ : null;
+ setBoundaryType(parentBoundaryEntry?.boundaryType);
+ const codes = res?.map((item) => item?.code);
+ if (JSON.stringify(codes) !== JSON.stringify(parentArray)) {
+ setParentArray(codes);
+ }
+ };
+
+ return (
+ <>
+ {loaderEnabled &&
+ {t(`CAMPAIGN_SELECT_BOUNDARY`)}
+ {t(`CAMPAIGN_SELECT_BOUNDARIES_DESCRIPTION`)}
+ {hierarchyTypeDataresult?.boundaryHierarchy
+ .filter((boundary, index, array) => {
+ // Find the index of the lowest hierarchy
+ const lowestIndex = array.findIndex((b) => b.boundaryType === lowestHierarchy);
+ // Include only those boundaries that are above or equal to the lowest hierarchy
+ return index <= lowestIndex;
+ })
+ .map((boundary, index) =>
+ boundary?.parentBoundaryType == null ? (
+
+
+ {/* {t(`${hierarchy}_${boundary?.boundaryType}`?.toUpperCase())} */}
+ {t((hierarchy + "_" + boundary?.boundaryType).toUpperCase())}
+
+ *
+
+
+ ) : (
+
+
+ {t((hierarchy + "_" + boundary?.boundaryType).toUpperCase())}
+ *
+
+
+ )
+ )}
+
+
+ item?.boundaryTypeData?.TenantBoundary?.[0]?.boundary)?.flat() || []
+ }
+ optionsKey={"code"}
+ selected={selectedData?.filter((item) => item?.type === boundary?.boundaryType) || []}
+ onSelect={(value) => {
+ handleBoundaryChange(value, boundary);
+ }}
+ />
+
+
+ ({
+ code: item?.parentCode,
+ options:
+ item?.boundaryTypeData?.TenantBoundary?.[0]?.boundary?.map((child) => ({
+ code: child?.code,
+ type: child?.boundaryType,
+ parent: item?.parentCode,
+ })) || [],
+ })) || []
+ }
+ optionsKey={"code"}
+ onSelect={(value) => {
+ handleBoundaryChange(value, boundary);
+ }}
+ selected={selectedData?.filter((item) => item?.type === boundary?.boundaryType) || []}
+ addCategorySelectAllCheck={true}
+ addSelectAllCheck={true}
+ variant="nestedmultiselect"
+ />
+
+
+ {actions.map((action, index, arr) => (
+
+ );
+};
+
+export default TimelineCampaign;
\ 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
new file mode 100644
index 00000000000..09cb1a0f9c0
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js
@@ -0,0 +1,1163 @@
+import { Header, LoaderWithGap } from "@egovernments/digit-ui-react-components";
+import React, { useRef, useState, useEffect, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { Card, Modal, CardText } from "@egovernments/digit-ui-react-components";
+import BulkUpload from "./BulkUpload";
+import Ajv from "ajv";
+import XLSX from "xlsx";
+import { InfoCard, PopUp, Toast, Button, DownloadIcon } from "@egovernments/digit-ui-components";
+import { schemaConfig } from "../configs/schemaConfig";
+import { headerConfig } from "../configs/headerConfig";
+import { PRIMARY_COLOR } from "../utils";
+import { downloadExcelWithCustomName } from "../utils";
+
+/**
+ * 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 UploadData = ({ 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 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 searchParams = new URLSearchParams(location.search);
+ const id = searchParams.get("id");
+ // const { isLoading, data: Schemas } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [
+ // { name: "facilitySchema" },
+ // { name: "userSchema" },
+ // { name: "Boundary" },
+ // ]);
+
+ const { data: Schemas, isLoading: isThisLoading } = Digit.Hooks.useCustomMDMS(tenantId, "HCM-ADMIN-CONSOLE", [{ name: "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 [enabled, setEnabled] = useState(false);
+ const [showPopUp, setShowPopUp] = useState(true);
+ const currentKey = searchParams.get("key");
+ const totalData = Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA");
+ const [convertedSchema, setConvertedSchema] = useState({});
+ const [loader, setLoader] = useState(false);
+
+
+ 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)
+ // .map((e) => ({ key: e, value: t(e) }))
+ // .map((e) => {
+ // newProp[e.value] = schema?.properties[e.key];
+ // });
+
+ // Translate properties keys and their 'name' fields
+ Object.keys(schema?.properties).forEach((key) => {
+ const translatedKey = t(key);
+ const translatedProperty = { ...schema.properties[key], name: t(schema.properties[key].name) };
+ newProp[translatedKey] = translatedProperty;
+ });
+ const newRequired = schema?.required.map((e) => t(e));
+
+ 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,
+ };
+ }),
+ };
+ });
+ 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;
+ // delete data.campaignType;
+ // data.columns = sortedPropertyNames;
+ }
+
+ 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?.["HCM-ADMIN-CONSOLE"]?.adminSchema) {
+ const facility = await convertIntoSchema(Schemas?.["HCM-ADMIN-CONSOLE"]?.adminSchema?.filter((item) => item.title === "facility")?.[0]);
+ const boundary = await convertIntoSchema(
+ Schemas?.["HCM-ADMIN-CONSOLE"]?.adminSchema?.filter(
+ (item) => item.title === "boundaryWithTarget" && item.campaignType === totalData?.HCM_CAMPAIGN_TYPE?.projectType?.code
+ )?.[0]
+ );
+ const user = await convertIntoSchema(Schemas?.["HCM-ADMIN-CONSOLE"]?.adminSchema?.filter((item) => item.title === "user")?.[0]);
+ const schema = {
+ boundary: boundary,
+ facilityWithBoundary: facility,
+ userWithBoundary: user,
+ };
+
+ setConvertedSchema(schema);
+ }
+ }, [Schemas?.["HCM-ADMIN-CONSOLE"]?.adminSchema, 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 headers = {
+ boundary: Object?.keys(newBoundarySchema?.properties),
+ facilityWithBoundary: Object?.keys(newFacilitySchema?.properties),
+ userWithBoundary: Object?.keys(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);
+ }
+ });
+
+ 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 }); // 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")}`;
+ }
+ 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")}`
+ }
+ 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}`;
+ })
+ .join(", ");
+ return formattedErrors;
+ })
+ .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 formattedError = `${error.instancePath}: ${error.message}`;
+ // if (error.keyword === "enum" && error.params && error.params.allowedValues) {
+ // formattedError += `. Allowed values are: ${error.params.allowedValues.join("/ ")}`;
+ // }
+ // return formattedError;
+ // })
+ // .join(", ");
+ // return `Data at row ${index}: ${formattedErrors} at ${sheetName}`;
+ // })
+ // .join(" , ");
+ // setIsError(true);
+ // targetError.push(errorMessage);
+ // return false;
+ // } else {
+ // return true;
+ // }
+
+ 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}`
+ }
+ 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;
+ }
+ };
+ // Function to compare arrays for equality
+ const arraysEqual = (arr1, arr2) => {
+ if (arr1.length !== arr2.length) return false;
+ for (let i = 0; i < arr1.length; i++) {
+ if (arr1[i] !== arr2[i]) return false;
+ }
+ return true;
+ };
+
+ const validateMultipleTargets = (workbook) => {
+ let isValid = true;
+ const sheet = workbook.Sheets[workbook.SheetNames[2]];
+ const mdmsHeaders = sheetHeaders[type];
+ const expectedHeaders = XLSX.utils.sheet_to_json(sheet, {
+ header: 1,
+ })[0];
+
+
+ for (const header of mdmsHeaders) {
+ if (!expectedHeaders.includes(t(header))) {
+ const errorMessage = t("HCM_MISSING_HEADERS");
+ setErrorsType((prevErrors) => ({
+ ...prevErrors,
+ [type]: errorMessage,
+ }));
+ setIsError(true);
+ isValid = false;
+ break;
+ }
+ }
+
+ if (!isValid) return isValid;
+
+ for (let i = 2; i < workbook.SheetNames.length; i++) {
+ const sheetName = workbook?.SheetNames[i];
+
+ const sheet = workbook?.Sheets[sheetName];
+
+ // Convert the sheet to JSON to extract headers
+ const headersToValidate = XLSX.utils.sheet_to_json(sheet, {
+ header: 1,
+ })[0];
+
+ // Check if headers match the expected headers
+ if (!arraysEqual(headersToValidate, expectedHeaders)) {
+ const errorMessage = t("HCM_MISSING_HEADERS");
+ setErrorsType((prevErrors) => ({
+ ...prevErrors,
+ [type]: errorMessage,
+ }));
+ setIsError(true);
+ isValid = false;
+ break;
+ }
+ }
+
+ if (!isValid) return isValid;
+ const targetError = [];
+
+ // Iterate over each sheet in the workbook, starting from the second sheet
+ for (let i = 2; i < workbook.SheetNames.length; i++) {
+ const sheetName = workbook?.SheetNames[i];
+
+ 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 });
+
+ // const boundaryCodeIndex = headersToValidate.indexOf(t("HCM_ADMIN_CONSOLE_BOUNDARY_CODE"));
+ // const headersBeforeBoundaryCode = headersToValidate.slice(0, boundaryCodeIndex);
+
+ // const columnBeforeBoundaryCode = jsonData.map((row) => row[headersBeforeBoundaryCode[headersBeforeBoundaryCode.length - 1]]);
+
+ // // Getting the length of data in the column before the boundary code
+ // const lengthOfColumnBeforeBoundaryCode = columnBeforeBoundaryCode.filter((value) => value !== undefined && value !== "").length;
+
+ // const filteredData = jsonData
+ // .filter((e) => e[headersBeforeBoundaryCode[headersBeforeBoundaryCode?.length - 1]])
+ // .filter((e) => e[t("HCM_ADMIN_CONSOLE_TARGET_AT_THE_SELECTED_BOUNDARY_LEVEL")]);
+ // if (filteredData?.length == 0 || filteredData?.length != lengthOfColumnBeforeBoundaryCode) {
+ // const errorMessage = t("HCM_MISSING_TARGET");
+ // setErrorsType((prevErrors) => ({
+ // ...prevErrors,
+ // [type]: errorMessage,
+ // }));
+ // setIsError(true);
+ // isValid = false;
+ // break;
+ // }
+
+ // 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);
+ // isValid = false;
+ // break;
+ // }
+ // }
+
+ if (!validateTargetData(jsonData, sheetName, targetError)) {
+ // setShowInfoCard(true);
+ // isValid = false;
+ // break;
+ }
+ }
+ 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 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[workbook.SheetNames[1]];
+ const headersToValidate = XLSX.utils.sheet_to_json(sheet, {
+ header: 1,
+ })[0];
+
+ const SheetNames = workbook.SheetNames[1];
+ const expectedHeaders = sheetHeaders[type];
+
+ const sheetData = XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[1]], { 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 === "boundary") {
+ if (SheetNames !== t("HCM_ADMIN_CONSOLE_BOUNDARY_DATA")) {
+ const errorMessage = t("HCM_INVALID_BOUNDARY_SHEET");
+ setErrorsType((prevErrors) => ({
+ ...prevErrors,
+ [type]: errorMessage,
+ }));
+ setIsError(true);
+ return;
+ }
+ } else if (type === "facilityWithBoundary") {
+ 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] !== "Inactive" || !item[uniqueIdentifierColumnName]);
+ }
+ if (jsonData.length == 0) {
+ const errorMessage = t("HCM_FACILITY_USAGE_VALIDATION");
+ setErrorsType((prevErrors) => ({
+ ...prevErrors,
+ [type]: errorMessage,
+ }));
+ setIsError(true);
+ return;
+ }
+ }
+ if (SheetNames !== t("HCM_ADMIN_CONSOLE_AVAILABLE_FACILITIES")) {
+ const errorMessage = t("HCM_INVALID_FACILITY_SHEET");
+ setErrorsType((prevErrors) => ({
+ ...prevErrors,
+ [type]: errorMessage,
+ }));
+ setIsError(true);
+ return;
+ }
+ } else {
+ if (SheetNames !== t("HCM_ADMIN_CONSOLE_USER_LIST")) {
+ const errorMessage = t("HCM_INVALID_USER_SHEET");
+ setErrorsType((prevErrors) => ({
+ ...prevErrors,
+ [type]: errorMessage,
+ }));
+ setIsError(true);
+ return;
+ }
+ }
+ if (type === "boundary" && workbook?.SheetNames?.length >= 3) {
+ 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) {
+ 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.log("error", 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];
+ 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,
+ params?.hierarchyType,
+ 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 { data: facilityId, isLoading: isFacilityLoading, refetch: refetchFacility } = Digit.Hooks.campaign.useGenerateIdCampaign({
+ type: "facilityWithBoundary",
+ hierarchyType: params?.hierarchyType,
+ campaignId: id,
+ // config: {
+ // enabled: setTimeout(fetchUpload || (fetchBoundary && currentKey > 6)),
+ // },
+ config: {
+ enabled: enabled,
+ },
+ });
+
+ const { data: boundaryId, isLoading: isBoundaryLoading, refetch: refetchBoundary } = Digit.Hooks.campaign.useGenerateIdCampaign({
+ type: "boundary",
+ hierarchyType: params?.hierarchyType,
+ campaignId: id,
+ // config: {
+ // enabled: fetchUpload || (fetchBoundary && currentKey > 6),
+ // },
+ config: {
+ enabled: enabled,
+ },
+ });
+
+ const { data: userId, isLoading: isUserLoading, refetch: refetchUser } = Digit.Hooks.campaign.useGenerateIdCampaign({
+ type: "userWithBoundary",
+ hierarchyType: params?.hierarchyType,
+ campaignId: id,
+ // config: {
+ // enabled: fetchUpload || (fetchBoundary && currentKey > 6),
+ // },
+ config: {
+ enabled: enabled,
+ },
+ });
+
+ const Template = {
+ url: "/project-factory/v1/data/_download",
+ params: {
+ tenantId: tenantId,
+ type: type,
+ hierarchyType: params?.hierarchyType,
+ id: type === "boundary" ? params?.boundaryId : type === "facilityWithBoundary" ? params?.facilityId : params?.userId,
+ },
+ };
+ const mutation = Digit.Hooks.useCustomAPIMutationHook(Template);
+
+ const downloadTemplate = async () => {
+ if (type === "boundary" && params?.isBoundaryLoading) {
+ setDownloadError(true);
+ setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_TRY_IN_SOME_TIME") });
+ return;
+ }
+ if (type === "facilityWithBoundary" && params?.isFacilityLoading) {
+ setDownloadError(true);
+ setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_TRY_IN_SOME_TIME") });
+ return;
+ }
+ if (type === "userWithBoundary" && params?.isUserLoading) {
+ setDownloadError(true);
+ setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_TRY_IN_SOME_TIME") });
+ return;
+ }
+ if (!params?.boundaryId || !params?.facilityId || !params?.userId) {
+ setEnabled(true);
+
+ setDownloadError(true);
+ setShowToast({ key: "info", label: t("HCM_PLEASE_WAIT_TRY_IN_SOME_TIME") });
+ return;
+ }
+ await mutation.mutate(
+ {
+ params: {
+ tenantId: tenantId,
+ type: type,
+ hierarchyType: params?.hierarchyType,
+ id: type === "boundary" ? params?.boundaryId : type === "facilityWithBoundary" ? params?.facilityId : params?.userId,
+ },
+ },
+ {
+ onSuccess: async (result) => {
+ if (result?.GeneratedResource?.[0]?.status === "failed") {
+ setDownloadError(true);
+ setShowToast({ key: "error", label: t("ERROR_WHILE_DOWNLOADING") });
+ 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") });
+ },
+ }
+ );
+ };
+
+ // useEffect(() => {
+ // if (showToast) {
+ // setTimeout(closeToast, 5000);
+ // }
+ // }, [showToast]);
+ const closeToast = () => {
+ setShowToast(null);
+ };
+ useEffect(() => {
+ if (showToast) {
+ const t = setTimeout(closeToast, 50000);
+ return () => clearTimeout(t);
+ }
+ }, [showToast]);
+
+ useEffect(() => {
+ setShowToast(null);
+ }, [currentKey]);
+
+ return (
+ <>
+ {loader && onStepClick(index)}>
+
+ ))}
+
+ {index < currentStep - 1 ?
+ {index < arr.length - 1 && }
+
+
+ {type === "boundary" ? t("WBH_UPLOAD_TARGET") : type === "facilityWithBoundary" ? t("WBH_UPLOAD_FACILITY") : t("WBH_UPLOAD_USER")}
+
+
+
+ {uploadedFile.length === 0 && (
+
+ {type === "boundary" ? t("HCM_BOUNDARY_MESSAGE") : type === "facilityWithBoundary" ? t("HCM_FACILITY_MESSAGE") : t("HCM_USER_MESSAGE")}
+
+ )}
+ } + {error.trim()} +
+
+ ))}
+ label={"Info"}
+ />
+ {showPopUp && (
+ {info?.header}
+-
+ {info?.descriptions.map((desc, i) => (
+
-
+
{i + 1}.
+{desc.text}
+
+ ))}
+
+ }
+ type="button"
+ className="workbench-download-template-btn"
+ onButtonClick={() => props?.onBack()}
+ />
+ }
+ type="button"
+ className="workbench-download-template-btn"
+ onButtonClick={() => props?.onDownload()}
+ />
+
+
+
+
+ {
+ return {
+ ...config,
+ };
+ })}
+ onSubmit={onSubmit}
+ fieldStyle={{ marginRight: 0 }}
+ noBreakLine={true}
+ cardClassName={"page-padding-fix"}
+ onFormValueChange={onFormValueChange}
+ actionClassName={"addProductActionClass"}
+ showSecondaryLabel={true}
+ secondaryLabel={t("HCM_BACK")}
+ onSecondayActionClick={onSecondayActionClick}
+ />
+
+ {showToast && (
+ setShowToast(false)}
+ />
+ )}
+
+ );
+}
+
+export default AddProduct;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/CycleConfiguration.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/CycleConfiguration.js
new file mode 100644
index 00000000000..78691266b13
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/CycleConfiguration.js
@@ -0,0 +1,248 @@
+import React, { useReducer, Fragment, useEffect, useState } from "react";
+import { CardText, LabelFieldPair, Card, CardLabel, CardSubHeader, Paragraph, Header } from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+import { TextInput, InfoCard } from "@egovernments/digit-ui-components";
+// import { deliveryConfig } from "../../configs/deliveryConfig";
+
+const initialState = (saved, filteredDeliveryConfig, refetch) => {
+ const data = {
+ cycleConfgureDate: {
+ cycle:
+ saved?.cycleConfgureDate?.cycle && !refetch
+ ? saved?.cycleConfgureDate?.cycle
+ : filteredDeliveryConfig?.cycleConfig
+ ? filteredDeliveryConfig?.cycleConfig?.cycle
+ : 1,
+ deliveries:
+ saved?.cycleConfgureDate?.deliveries && !refetch
+ ? saved?.cycleConfgureDate?.deliveries
+ : filteredDeliveryConfig?.cycleConfig
+ ? filteredDeliveryConfig?.cycleConfig?.deliveries
+ : 1,
+ },
+ cycleData: saved?.cycleData ? [...saved?.cycleData] : [],
+ };
+ // onSelect("cycleConfigure", state);
+ return data;
+};
+
+const reducer = (state, action) => {
+ switch (action.type) {
+ case "RELOAD":
+ return initialState(action.saved, action.filteredDeliveryConfig, action.refetch);
+ case "UPDATE_CYCLE":
+ return { ...state, cycleConfgureDate: { ...state.cycleConfgureDate, cycle: action.payload } };
+ case "UPDATE_DELIVERY":
+ return { ...state, cycleConfgureDate: { ...state.cycleConfgureDate, deliveries: action.payload } };
+ case "SELECT_TO_DATE":
+ return {
+ ...state,
+ cycleData: updateCycleData(state.cycleData, action.index, { toDate: action.payload }),
+ // cycleData: state.cycleData.map((item) => (item.key === action.index ? { ...item, toDate: action.payload } : item)),
+ };
+ case "SELECT_FROM_DATE":
+ return {
+ ...state,
+ cycleData: updateCycleData(state.cycleData, action.index, { fromDate: action.payload }),
+ // cycleData: state.cycleData.map((item) => (item.key === action.index ? { ...item, fromDate: action.payload } : item)),
+ };
+ default:
+ return state;
+ }
+};
+
+const updateCycleData = (cycleData, index, update) => {
+ const existingItem = cycleData.find((item) => item.key === index);
+
+ if (!existingItem) {
+ // If the item with the specified key doesn't exist, add a new item
+ return [...cycleData, { key: index, ...update }];
+ }
+
+ // If the item exists, update it
+ return cycleData.map((item) => (item.key === index ? { ...item, ...update } : item));
+};
+
+function CycleConfiguration({ onSelect, formData, control, ...props }) {
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const selectedProjectType = window.Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA")?.HCM_CAMPAIGN_TYPE?.projectType?.code;
+ const { isLoading: deliveryConfigLoading, data: filteredDeliveryConfig } = Digit.Hooks.useCustomMDMS(
+ tenantId,
+ "HCM-ADMIN-CONSOLE",
+ [{ name: "deliveryConfig" }],
+ {
+ select: (data) => {
+ const temp = data?.["HCM-ADMIN-CONSOLE"]?.deliveryConfig;
+ return temp?.find((i) => i?.projectType === selectedProjectType);
+ // return deliveryConfig?.find((i) => i?.projectType === selectedProjectType);
+ },
+ }
+ );
+ const saved = Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA")?.HCM_CAMPAIGN_CYCLE_CONFIGURE?.cycleConfigure;
+ const refetch = Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA")?.HCM_CAMPAIGN_CYCLE_CONFIGURE?.cycleConfigure?.cycleConfgureDate
+ ?.refetch;
+ const tempSession = Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA");
+ const [state, dispatch] = useReducer(reducer, initialState(saved, filteredDeliveryConfig, refetch));
+ const { cycleConfgureDate, cycleData } = state;
+ const { t } = useTranslation();
+ const [dateRange, setDateRange] = useState({
+ startDate: tempSession?.HCM_CAMPAIGN_DATE?.campaignDates?.startDate,
+ endDate: tempSession?.HCM_CAMPAIGN_DATE?.campaignDates?.endDate,
+ });
+ const [executionCount, setExecutionCount] = useState(0);
+
+ useEffect(() => {
+ if (!deliveryConfigLoading) {
+ dispatch({
+ type: "RELOAD",
+ saved: saved,
+ filteredDeliveryConfig: filteredDeliveryConfig,
+ refetch: refetch,
+ });
+ }
+ }, [filteredDeliveryConfig, deliveryConfigLoading]);
+ useEffect(() => {
+ onSelect("cycleConfigure", state);
+ }, [state]);
+
+ useEffect(() => {
+ if (executionCount < 5) {
+ onSelect("cycleConfigure", state);
+ setExecutionCount((prevCount) => prevCount + 1);
+ }
+ });
+
+ const updateCycle = (d) => {
+ if (d === 0 || d > 5) return;
+ if (Number(d?.target?.value) === 0 || Number(d?.target?.value) > 5) return;
+ // if (d?.target?.value.trim() === "") return;
+ dispatch({ type: "UPDATE_CYCLE", payload: d?.target?.value ? Number(d?.target?.value) : d?.target?.value === "" ? d.target.value : d });
+ };
+
+ const updateDelivery = (d) => {
+ if (d === 0 || d > 5) return;
+ if (Number(d?.target?.value) === 0 || Number(d?.target?.value) > 5) return;
+ // if (d?.target?.value.trim() === "") return;
+ dispatch({ type: "UPDATE_DELIVERY", payload: d?.target?.value ? Number(d?.target?.value) : d });
+ };
+
+ const selectToDate = (index, d) => {
+ dispatch({ type: "SELECT_TO_DATE", index, payload: d });
+ };
+
+ const selectFromDate = (index, d) => {
+ dispatch({ type: "SELECT_FROM_DATE", index, payload: d });
+ };
+
+ return (
+ <>
+
+ j.key === index + 1)?.fromDate}
+ min={
+ index > 0 && cycleData?.find((j) => j.key === index)?.toDate
+ ? new Date(new Date(cycleData?.find((j) => j.key === index)?.toDate)?.getTime() + 86400000)?.toISOString()?.split("T")?.[0]
+ : dateRange?.startDate
+ }
+ max={dateRange?.endDate}
+ onChange={(d) => selectFromDate(index + 1, d)}
+ />
+ j.key === index + 1)?.toDate}
+ min={
+ cycleData?.find((j) => j.key === index + 1)?.fromDate
+ ? new Date(new Date(cycleData?.find((j) => j.key === index + 1)?.fromDate)?.getTime() + 86400000)?.toISOString()?.split("T")?.[0]
+ : null
+ }
+ max={dateRange?.endDate}
+ onChange={(d) => selectToDate(index + 1, d)}
+ />
+
+
+
+
+ {state?.boldText ? (
+
,
+ ];
+
+ return (
+ <>
+ + {t(state?.preText)} + {t(state?.boldText)} + {t(state?.postText)} +
+ ) : ( + t(state?.text, { CAMPAIGN_ID: campaignId }) + )} +
+
+
+ {t(`CAMPAIGN_ATTRIBUTE_LABEL`)}
+
+ item?.code === attribute?.attribute?.code)}
+ disable={false}
+ isMandatory={true}
+ option={addedOption ? attributeConfig?.filter((item) => !addedOption.includes(item.code)) : attributeConfig}
+ select={(value) => selectAttribute(value)}
+ optionKey="i18nKey"
+ t={t}
+ />
+
+
+
+ {t(`CAMPAIGN_OPERATOR_LABEL`)}
+
+ selectOperator(value)}
+ optionKey="code"
+ t={t}
+ />
+
+
+ {attribute?.operator?.code === "IN_BETWEEN" ? (
+
+ {t(`CAMPAIGN_VALUE_LABEL`)}
+
+ )}
+ {delivery.attributes.length !== 1 && (
+
+ );
+};
+
+const AddCustomAttributeField = ({
+ config,
+ deliveryRuleIndex,
+ delivery,
+ deliveryRules,
+ setDeliveryRules,
+ attribute,
+ setAttributes,
+ index,
+ onDelete,
+ operatorConfig,
+ genderConfig,
+}) => {
+ const [val, setVal] = useState("");
+ const [showAttribute, setShowAttribute] = useState(null);
+ const [showOperator, setShowOperator] = useState(null);
+ const [addedOption, setAddedOption] = useState(null);
+ const { t } = useTranslation();
+ const { attrConfig } = useContext(CycleContext);
+
+ useEffect(() => {
+ setAddedOption(delivery?.attributes?.map((i) => i?.attribute?.code)?.filter((i) => i));
+ }, [delivery]);
+
+ const selectValue = (e) => {
+ let val = e.target.value;
+ val = val.replace(/[^\d.]/g, "");
+ val = val.match(/^\d*\.?\d{0,2}/)[0] || "";
+ // if (val.startsWith("-")) {
+ // val = val.slice(1); // Remove the negative sign
+ // }
+ if (isNaN(val) || [" ", "e", "E"].some((f) => val.includes(f))) {
+ val = val.slice(0, -1);
+ }
+ // setAttributes((pre) => pre.map((item) => (item.key === attribute.key ? { ...item, value: e.target.value } : item)));
+ const updatedData = deliveryRules.map((item, index) => {
+ if (item.ruleKey === deliveryRuleIndex) {
+ item.attributes.find((i) => i.key === attribute.key).value = val;
+ }
+ return item;
+ });
+ setDeliveryRules(updatedData);
+ };
+
+ const selectOperator = (value) => {
+ // setAttributes((pre) => pre.map((item) => (item.key === attribute.key ? { ...item, value: e.target.value } : item)));
+ const updatedData = deliveryRules.map((item, index) => {
+ if (item.ruleKey === deliveryRuleIndex) {
+ item.attributes.find((i) => i.key === attribute.key).operator = value;
+ }
+ return item;
+ });
+ setShowOperator(value);
+ setDeliveryRules(updatedData);
+ };
+
+ const selectToFromValue = (e, range) => {
+ let val = e.target.value;
+ val = val.replace(/[^\d.]/g, "");
+ val = val.match(/^\d*\.?\d{0,2}/)[0] || "";
+ // if (val.startsWith("-")) {
+ // val = val.slice(1); // Remove the negative sign
+ // }
+ if (isNaN(val) || [" ", "e", "E"].some((f) => val.includes(f))) {
+ val = val.slice(0, -1);
+ return;
+ }
+ if (range === "to") {
+ const updatedData = deliveryRules.map((item, index) => {
+ if (item.ruleKey === deliveryRuleIndex) {
+ item.attributes.find((i) => i.key === attribute.key).toValue = val;
+ }
+ return item;
+ });
+ setDeliveryRules(updatedData);
+ } else {
+ const updatedData = deliveryRules.map((item, index) => {
+ if (item.ruleKey === deliveryRuleIndex) {
+ item.attributes.find((i) => i.key === attribute.key).fromValue = val;
+ }
+ return item;
+ });
+ setDeliveryRules(updatedData);
+ }
+ };
+
+ return (
+
+
+ {t(`CAMPAIGN_FROM_LABEL`)}
+
+
+ {t(`CAMPAIGN_TO_LABEL`)}
+
+
+ ) : (
+
+
+
+ selectToFromValue(e, "to")}
+ disable={false}
+ />
+
+
+
+
+ selectToFromValue(e, "from")}
+ disable={false}
+ />
+
+
+ {attribute?.attribute?.code === "Gender" ? (
+ selectGender(value)}
+ optionKey="code"
+ t={t}
+ />
+ ) : (
+
+ onDelete()}
+ style={{
+ cursor: "pointer",
+ fontWeight: "600",
+ marginLeft: "1rem",
+ fontSize: "1rem",
+ color: PRIMARY_COLOR,
+ display: "flex",
+ gap: "0.5rem",
+ alignItems: "center",
+ marginTop: "1rem",
+ }}
+ >
+
+ )}
+
+
+
+ {t(`CAMPAIGN_ATTRIBUTE_LABEL`)}
+
+ !addedOption.includes(item.code)) : attributeConfig}
+ select={(value) => selectAttribute(value)}
+ optionKey="code"
+ t={t}
+ /> */}
+
+
+
+ {t(`CAMPAIGN_OPERATOR_LABEL`)}
+
+ selectOperator(value)}
+ optionKey="code"
+ t={t}
+ />
+
+ {attribute?.operator?.code === "IN_BETWEEN" ? (
+
+ {t(`CAMPAIGN_VALUE_LABEL`)}
+
+ )}
+
+ );
+};
+
+const AddAttributeWrapper = ({ targetedData, deliveryRuleIndex, delivery, deliveryRules, setDeliveryRules, index, key }) => {
+ const { campaignData, dispatchCampaignData, filteredDeliveryConfig } = useContext(CycleContext);
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const { isLoading: attributeConfigLoading, data: attributeConfig } = Digit.Hooks.useCustomMDMS(
+ tenantId,
+ "HCM-ADMIN-CONSOLE",
+ [{ name: "attributeConfig" }],
+ {
+ select: (data) => {
+ return data?.["HCM-ADMIN-CONSOLE"]?.attributeConfig;
+ },
+ }
+ );
+ const { isLoading: operatorConfigLoading, data: operatorConfig } = Digit.Hooks.useCustomMDMS(
+ tenantId,
+ "HCM-ADMIN-CONSOLE",
+ [{ name: "operatorConfig" }],
+ {
+ select: (data) => {
+ return data?.["HCM-ADMIN-CONSOLE"]?.operatorConfig;
+ },
+ }
+ );
+ const { isLoading: genderConfigLoading, data: genderConfig } = Digit.Hooks.useCustomMDMS(tenantId, "common-masters", [{ name: "GenderType" }], {
+ select: (data) => {
+ return data?.["common-masters"]?.GenderType?.filter((i) => i.active !== false);
+ },
+ });
+ const [attributes, setAttributes] = useState([{ key: 1, deliveryRuleIndex, attribute: "", operator: "", value: "" }]);
+ const reviseIndexKeys = () => {
+ setAttributes((prev) => prev.map((unit, index) => ({ ...unit, key: index + 1 })));
+ };
+
+ const addMoreAttribute = () => {
+ setDeliveryRules((prev) =>
+ prev.map((item, index) =>
+ index + 1 === deliveryRuleIndex
+ ? {
+ ...item,
+ attributes: [...item.attributes, { key: item.attributes.length + 1, attribute: "", operator: "", value: "" }],
+ }
+ : item
+ )
+ );
+ };
+
+ const deleteAttribute = (_, d) => {
+ // setAttributes((prev) => prev.filter((i) => i.key !== item.key));
+ const newData = deliveryRules.map((item) => {
+ if (item.ruleKey === deliveryRuleIndex) {
+ // If ruleKey matches, remove the specified attribute from attributes array
+ const updatedAttributes = item.attributes.filter((attribute) => attribute.key !== _.key);
+
+ // Reassign keys in sequential order
+ const updatedAttributesSequential = makeSequential(updatedAttributes, "key");
+
+ return {
+ ...item,
+ attributes: updatedAttributesSequential,
+ };
+ }
+ return item;
+ });
+ setDeliveryRules(newData);
+ };
+
+ return (
+
+
+ {/*
+
+ {t(`CAMPAIGN_FROM_LABEL`)}
+
+
+ {t(`CAMPAIGN_TO_LABEL`)}
+
+
+ ) : (
+
+
+
+ selectToFromValue(e, "to")}
+ disable={false}
+ />
+
+
+
+
+ selectToFromValue(e, "from")}
+ disable={false}
+ />
+
+
+ {attribute?.attribute?.code === "Gender" ? (
+ selectGender(value)}
+ optionKey="code"
+ t={t}
+ />
+ ) : (
+
+ + {t(`CAMPAIGN_DELIVERY_RULE_LABEL`)} {delivery.ruleKey} +
+ {deliveryRules.length !== 1 && ( + onDelete()}
+ style={{
+ fontWeight: "600",
+ fontSize: "1rem",
+ color: PRIMARY_COLOR,
+ display: "flex",
+ gap: "0.5rem",
+ alignItems: "center",
+ cursor: "pointer",
+ }}
+ >
+
+ )}
+
+ {`${t("HCM_DELIVERY_TYPE")}`}
+
+
+ {delivery?.products?.length > 0 &&
+ delivery?.products?.map((i) => {
+ return i?.value && i?.count ? (
+ removeProduct(i)}
+ />
+ ) : null;
+ })}
+
+ }
+ onButtonClick={() => setShowModal(true)}
+ />
+
+ {products.map((i, c) => (
+
+ );
+}
+
+export default AddProducts;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/MultiTabcontext.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/MultiTabcontext.js
new file mode 100644
index 00000000000..e99f0a36de9
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/MultiTabcontext.js
@@ -0,0 +1,265 @@
+import React, { Fragment, useContext, useState } from "react";
+import { Card, Header, Paragraph, CardHeader, CardSubHeader, CardText } from "@egovernments/digit-ui-react-components";
+import AddDeliveryRuleWrapper from "./AddDeliverycontext";
+import { CycleContext } from ".";
+import { useTranslation } from "react-i18next";
+import { InfoCard } from "@egovernments/digit-ui-components";
+//just pass campaign data here
+// function restructureData(data) {
+// const restructuredData = [];
+
+// data.forEach((cycle) => {
+// cycle.deliveries.forEach((delivery) => {
+// delivery.deliveryRules.forEach((rule) => {
+// const restructuredRule = {
+// startDate: 1665497225000, // Hardcoded for now
+// endDate: 1665497225000, // Hardcoded for now
+// cycleNumber: parseInt(cycle.cycleIndex),
+// deliveryNumber: parseInt(delivery.deliveryIndex),
+// deliveryRuleNumber: parseInt(rule.ruleKey), // New key added
+// products: [],
+// conditions: [],
+// };
+
+// rule.attributes.forEach((attribute) => {
+// restructuredRule.conditions.push({
+// attribute: attribute.attribute ? attribute.attribute.code : null,
+// operator: attribute.operator ? attribute.operator.code : null,
+// value: parseInt(attribute.value),
+// });
+// });
+
+// restructuredData.push(restructuredRule);
+// });
+// });
+// });
+
+// return restructuredData;
+// }
+
+//with between logic
+// function restructureData(data) {
+// const restructuredData = [];
+
+// data.forEach((cycle) => {
+// cycle.deliveries.forEach((delivery) => {
+// delivery.deliveryRules.forEach((rule) => {
+// const restructuredRule = {
+// startDate: 1665497225000, // Hardcoded for now
+// endDate: 1665497225000, // Hardcoded for now
+// cycleNumber: parseInt(cycle.cycleIndex),
+// deliveryNumber: parseInt(delivery.deliveryIndex),
+// deliveryRuleNumber: parseInt(rule.ruleKey),
+// products: [],
+// conditions: [],
+// };
+
+// rule.attributes.forEach((attribute) => {
+// if (attribute.operator && attribute.operator.code === "IN_BETWEEN") {
+// // Replace "IN_BETWEEN" with "LESS_THAN" and "GREATER_THAN"
+// restructuredRule.conditions.push({
+// attribute: attribute.attribute ? attribute.attribute.code : null,
+// operator: "LESS_THAN",
+// value: parseInt(attribute.fromValue),
+// });
+// restructuredRule.conditions.push({
+// attribute: attribute.attribute ? attribute.attribute.code : null,
+// operator: "GREATER_THAN",
+// value: parseInt(attribute.toValue),
+// });
+// } else {
+// restructuredRule.conditions.push({
+// attribute: attribute.attribute ? attribute.attribute.code : null,
+// operator: attribute.operator ? attribute.operator.code : null,
+// value: parseInt(attribute.value),
+// });
+// }
+// });
+
+// restructuredData.push(restructuredRule);
+// });
+// });
+// });
+
+// return restructuredData;
+// }
+
+// for retransform just pass the deliveries
+// function bbb(data) {
+// const reversedData = [];
+// let currentCycleIndex = null;
+// let currentDeliveryIndex = null;
+// let currentCycle = null;
+// let currentDelivery = null;
+
+// data.forEach((item, index) => {
+// if (currentCycleIndex !== item.cycleNumber) {
+// currentCycleIndex = item.cycleNumber;
+// currentCycle = {
+// cycleIndex: currentCycleIndex.toString(),
+// active: index === 0, // Set active to true only for the first index
+// deliveries: [],
+// };
+// reversedData.push(currentCycle);
+// }
+
+// if (currentDeliveryIndex !== item.deliveryNumber) {
+// currentDeliveryIndex = item.deliveryNumber;
+// currentDelivery = {
+// deliveryIndex: currentDeliveryIndex.toString(),
+// active: index === 0, // Set active to true only for the first index
+// deliveryRules: [],
+// };
+// currentCycle.deliveries.push(currentDelivery);
+// }
+
+// currentDelivery.deliveryRules.push({
+// ruleKey: currentDelivery.deliveryRules.length + 1,
+// delivery: {},
+// attributes: item.conditions.map((i, c) => ({ key: c + 1, ...i })),
+// products: [...item.products],
+// });
+// });
+
+// return reversedData;
+// }
+
+const Tabs = ({ onTabChange }) => {
+ const { campaignData, dispatchCampaignData } = useContext(CycleContext);
+ const { t } = useTranslation();
+
+ return (
+
+
+ ))}
+ {(temp === undefined || temp.length > 0) && (
+ }
+ onButtonClick={add}
+ />
+ )}
+
+
+ {t(`CAMPAIGN_RESOURCE`)} {c + 1}
+
+ {products?.length > 1 ? (
+
+ deleteItem(i, c)}>
+
+ ) : null}
+
+
+
+ updateValue(i, d)}
+ optionKey="displayName"
+ />
+
+
+
+
+ incrementC(i, d)} />
+
+
+
+
+ {showToast && (
+ {t("CAMPAIGN_NEW_PRODUCT_TEXT")}
+ + + {t("ES_CAMPAIGN_ADD_PRODUCT_LINK")} + + +
+ {campaignData.map((_, index) => (
+
+ ))}
+
+ );
+};
+
+const TabContent = ({ activeSubTab, subTabCount = 3, onSubTabChange, project }) => {
+ const { campaignData, dispatchCampaignData } = useContext(CycleContext);
+ const { t } = useTranslation();
+
+ return (
+
+ {t(`CAMPAIGN_TAB_TEXT`)}
+ {t(`CAMPAIGN_TAB_SUB_TEXT_${project?.code ? project?.code?.toUpperCase() : project?.toUpperCase()}`)}
+
+ {/* Add content specific to each tab as needed */}
+
+ {campaignData
+ ?.find((i) => i?.active === true)
+ ?.deliveries.map((_, index) => (
+
+ ))}
+
+ );
+};
+
+const MultiTab = ({ tabCount = 3, subTabCount = 2 }) => {
+ const [activeTab, setActiveTab] = useState(0);
+ const [activeSubTab, setActiveSubTab] = useState(0);
+ const { campaignData, dispatchCampaignData } = useContext(CycleContext);
+ const { t } = useTranslation();
+ const tempSession = Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA");
+ const handleTabChange = (tabIndex, index) => {
+ dispatchCampaignData({
+ type: "TAB_CHANGE_UPDATE",
+ payload: { tabIndex: tabIndex, index: index }, // Your updated campaign data
+ });
+ setActiveTab(index);
+ setActiveSubTab(0); // Reset sub-tab when changing the main tab
+ };
+
+ const handleSubTabChange = (subTabIndex, itemIndex) => {
+ dispatchCampaignData({
+ type: "SUBTAB_CHANGE_UPDATE",
+ payload: { subTabIndex: subTabIndex }, // Your updated campaign data
+ });
+ };
+
+ return (
+ <>
+
+
+
+ );
+};
+
+export default MultiTab;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/index.js
new file mode 100644
index 00000000000..ebdf2c5088f
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/index.js
@@ -0,0 +1,531 @@
+import React, { createContext, useContext, useEffect, useReducer, useState } from "react";
+import MultiTab from "./MultiTabcontext";
+import { Loader } from "@egovernments/digit-ui-react-components";
+// import { deliveryConfig } from "../../../configs/deliveryConfig";
+
+const CycleContext = createContext();
+
+function makeSequential(jsonArray, keyName) {
+ return jsonArray.map((item, index) => ({
+ ...item,
+ [keyName]: index + 1,
+ }));
+}
+
+function DeliverySetup({ onSelect, config, formData, control, tabCount = 2, subTabCount = 3, ...props }) {
+ // Campaign Tab Skeleton function
+ const [cycleData, setCycleData] = useState(config?.customProps?.sessionData?.["HCM_CAMPAIGN_CYCLE_CONFIGURE"]?.cycleConfigure);
+ const saved = window.Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA")?.HCM_CAMPAIGN_DELIVERY_DATA?.deliveryRule;
+ const selectedProjectType = window.Digit.SessionStorage.get("HCM_CAMPAIGN_MANAGER_FORM_DATA")?.HCM_CAMPAIGN_TYPE?.projectType?.code;
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const searchParams = new URLSearchParams(location.search);
+ const activeCycle = searchParams.get("activeCycle");
+ const { isLoading: deliveryConfigLoading, data: filteredDeliveryConfig } = Digit.Hooks.useCustomMDMS(
+ tenantId,
+ "HCM-ADMIN-CONSOLE",
+ [{ name: "deliveryConfig" }],
+ {
+ select: (data) => {
+ const temp = data?.["HCM-ADMIN-CONSOLE"]?.deliveryConfig;
+ return temp?.find((i) => i?.projectType === selectedProjectType);
+ // return deliveryConfig?.find((i) => i?.projectType === selectedProjectType);
+ },
+ }
+ );
+ // const [filteredDeliveryConfig, setFilteredDeliveryConfig] = useState(deliveryConfig?.find((i) => i?.projectType === selectedProjectType));
+ // useEffect(() => {
+ // if (!deliveryConfigLoading) {
+ // const temp = deliveryConfig?.find((i) => i?.projectType === selectedProjectType);
+ // setFilteredDeliveryConfig(temp);
+ // }
+ // }, [deliveryConfigLoading, filteredDeliveryConfig]);
+ // const filteredDeliveryConfig = deliveryConfig.find((i) => i.projectType === selectedProjectType);
+ useEffect(() => {
+ setCycleData(config?.customProps?.sessionData?.["HCM_CAMPAIGN_CYCLE_CONFIGURE"]?.cycleConfigure);
+ }, [config?.customProps?.sessionData?.["HCM_CAMPAIGN_CYCLE_CONFIGURE"]?.cycleConfigure]);
+
+ const generateTabsData = (tabs, subTabs) => {
+ if (!saved || saved?.length === 0) {
+ return [...Array(tabs)].map((_, tabIndex) => ({
+ cycleIndex: `${tabIndex + 1}`,
+ active: activeCycle == tabIndex + 1 ? true : tabIndex === 0 ? true : false,
+ deliveries: [...Array(subTabs || 1)].map((_, subTabIndex) => ({
+ deliveryIndex: `${subTabIndex + 1}`,
+ active: subTabIndex === 0 ? true : false,
+ deliveryRules:
+ filteredDeliveryConfig?.projectType === "LLIN-mz"
+ ? filteredDeliveryConfig?.deliveryConfig?.map((item, index) => {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ attributes: item?.attributeConfig
+ ? item?.attributeConfig?.map((i, c) => {
+ if (i?.operatorValue === "IN_BETWEEN") {
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ toValue: i?.fromValue,
+ fromValue: i?.toValue,
+ };
+ }
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ value: i?.value,
+ };
+ })
+ : [{ key: 1, attribute: null, operator: null, value: "" }],
+ // products: [],
+ products: item?.productConfig
+ ? item?.productConfig?.map((i, c) => ({
+ ...i,
+ }))
+ : [],
+ };
+ })
+ : filteredDeliveryConfig && filteredDeliveryConfig?.deliveryConfig?.[subTabIndex]
+ ? filteredDeliveryConfig?.deliveryConfig?.[subTabIndex]?.conditionConfig?.map((item, index) => {
+ if (item) {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ deliveryType: item?.deliveryType,
+ attributes: item?.attributeConfig
+ ? item?.attributeConfig?.map((i, c) => {
+ if (i?.operatorValue === "IN_BETWEEN") {
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ toValue: i?.fromValue,
+ fromValue: i?.toValue,
+ };
+ }
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ value: i?.value,
+ };
+ })
+ : [{ key: 1, attribute: null, operator: null, value: "" }],
+ // products: [],
+ products: item?.productConfig
+ ? item?.productConfig?.map((i, c) => ({
+ ...i,
+ }))
+ : [],
+ };
+ } else {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ deliveryType: null,
+ attributes: [{ key: 1, attribute: null, operator: null, value: "" }],
+ products: [],
+ };
+ }
+ })
+ : [
+ {
+ ruleKey: 1,
+ delivery: {},
+ attributes:
+ filteredDeliveryConfig && filteredDeliveryConfig?.attributeConfig
+ ? filteredDeliveryConfig?.attributeConfig?.map((i, c) => ({
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ value: i?.value,
+ }))
+ : // : filteredDeliveryConfig?.projectType === "LLIN-mz"
+ // ? filteredDeliveryConfig?.attributeConfig?.map((i, c) => ({ key: c + 1, attribute: i.attrValue, operator: null, value: "" }))
+ [{ key: 1, attribute: null, operator: null, value: "" }],
+ products: [],
+ },
+ ],
+ })),
+ }));
+ }
+ // if no change
+ if (saved && saved?.length == tabs && saved?.[0]?.deliveries?.length === subTabs) {
+ return saved.map((i, n) => {
+ return {
+ ...i,
+ active: activeCycle ? (activeCycle == n + 1 ? true : false) : n === 0 ? true : false,
+ };
+ });
+ }
+ // if cycle number decrease
+ if (saved?.length > tabs) {
+ // const temp = saved;
+ saved.splice(tabs);
+ // return temp;
+ }
+ // if cycle number increase
+ if (tabs > saved?.length) {
+ // const temp = saved;
+ for (let i = saved.length + 1; i <= tabs; i++) {
+ const newIndex = i.toString();
+ saved.push({
+ cycleIndex: newIndex,
+ active: false,
+ deliveries: [...Array(subTabs || 1)].map((_, subTabIndex) => ({
+ deliveryIndex: `${subTabIndex + 1}`,
+ active: subTabIndex === 0,
+ deliveryRules:
+ filteredDeliveryConfig?.projectType === "LLIN-mz"
+ ? filteredDeliveryConfig?.deliveryConfig?.map((item, index) => {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ attributes: item?.attributeConfig
+ ? item?.attributeConfig?.map((i, c) => {
+ if (i?.operatorValue === "IN_BETWEEN") {
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ toValue: i?.fromValue,
+ fromValue: i?.toValue,
+ };
+ }
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ value: i?.value,
+ };
+ })
+ : [{ key: 1, attribute: null, operator: null, value: "" }],
+ // products: [],
+ products: item?.productConfig
+ ? item?.productConfig?.map((i, c) => ({
+ ...i,
+ }))
+ : [],
+ };
+ })
+ : filteredDeliveryConfig && filteredDeliveryConfig?.deliveryConfig?.[subTabIndex]?.conditionConfig
+ ? filteredDeliveryConfig?.deliveryConfig?.[subTabIndex]?.conditionConfig?.map((item, index) => {
+ if (item) {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ deliveryType: item?.deliveryType,
+ attributes: item?.attributeConfig
+ ? item?.attributeConfig?.map((i, c) => {
+ if (i?.operatorValue === "IN_BETWEEN") {
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ toValue: i?.fromValue,
+ fromValue: i?.toValue,
+ };
+ }
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ value: i?.value,
+ };
+ })
+ : [{ key: 1, attribute: null, operator: null, value: "" }],
+ // products: [],
+ products: item?.productConfig
+ ? item?.productConfig?.map((i, c) => ({
+ ...i,
+ }))
+ : [],
+ };
+ } else {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ deliveryType: null,
+ attributes: [{ key: 1, attribute: null, operator: null, value: "" }],
+ products: [],
+ };
+ }
+ })
+ : [
+ {
+ ruleKey: 1,
+ delivery: {},
+ deliveryType: null,
+ attributes:
+ // filteredDeliveryConfig?.projectType === "MR-DN"
+ // ? filteredDeliveryConfig?.attributeConfig?.map((i, c) => ({
+ // key: c + 1,
+ // attribute: { code: i?.attrValue },
+ // operator: { code: i?.operatorValue },
+ // value: i?.value,
+ // }))
+ // : filteredDeliveryConfig?.projectType === "LLIN-mz"
+ // ? filteredDeliveryConfig?.attributeConfig?.map((i, c) => ({
+ // key: c + 1,
+ // attribute: i.attrValue,
+ // operator: null,
+ // value: "",
+ // }))
+ // :
+ [{ key: 1, attribute: null, operator: null, value: "" }],
+ // products: [],
+ products: [],
+ },
+ ],
+ })),
+ });
+ }
+ // return temp;
+ }
+ // if delivery number decrease
+
+ saved.forEach((cycle) => {
+ // Remove deliveries if there are more deliveries than the specified number
+ if (cycle.deliveries.length > subTabs) {
+ cycle.deliveries.splice(subTabs);
+ }
+
+ // Add deliveries if there are fewer deliveries than the specified number
+ if (subTabs > cycle.deliveries.length) {
+ for (let i = cycle.deliveries.length + 1; i <= subTabs; i++) {
+ const newIndex = i.toString();
+ cycle.deliveries.push({
+ deliveryIndex: newIndex,
+ active: false,
+ deliveryRules:
+ filteredDeliveryConfig?.projectType === "LLIN-mz"
+ ? filteredDeliveryConfig?.deliveryConfig?.map((item, index) => {
+ return {
+ ruleKey: index + 1,
+ delivery: {},
+ attributes: item?.attributeConfig
+ ? item?.attributeConfig?.map((i, c) => {
+ if (i?.operatorValue === "IN_BETWEEN") {
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ toValue: i?.fromValue,
+ fromValue: i?.toValue,
+ };
+ }
+ return {
+ key: c + 1,
+ attribute: { code: i?.attrValue },
+ operator: { code: i?.operatorValue },
+ value: i?.value,
+ };
+ })
+ : [{ key: 1, attribute: null, operator: null, value: "" }],
+ // products: [],
+ products: item?.productConfig
+ ? item?.productConfig?.map((i, c) => ({
+ ...i,
+ }))
+ : [],
+ };
+ })
+ : [
+ {
+ ruleKey: 1,
+ delivery: {},
+ attributes: [{ key: 1, attribute: null, operator: null, value: "" }],
+ products: [],
+ },
+ ],
+ });
+ }
+ }
+ });
+
+ return saved;
+ // if delivery number increase
+
+ //if no above case
+ };
+
+ // Reducer function
+ const campaignDataReducer = (state, action) => {
+ switch (action.type) {
+ case "GENERATE_CAMPAIGN_DATA":
+ return generateTabsData(action.cycle, action.deliveries);
+ case "UPDATE_CAMPAIGN_DATA":
+ const changeUpdate = state.map((i) => {
+ if (i.active) {
+ const activeDelivery = i.deliveries.find((j) => j.active === true);
+ if (activeDelivery) {
+ return {
+ ...i,
+ deliveries: i.deliveries.map((j) => ({
+ ...j,
+ deliveryRules: j.active ? action.payload.currentDeliveryRules : j.deliveryRules,
+ })),
+ };
+ }
+ }
+ return i;
+ });
+ return changeUpdate;
+ case "TAB_CHANGE_UPDATE":
+ const temp = state.map((i) => ({
+ ...i,
+ active: i.cycleIndex == action.payload.tabIndex ? true : false,
+ }));
+ return temp;
+ // return action.payload;
+ case "SUBTAB_CHANGE_UPDATE":
+ const tempSub = state.map((camp, index) => {
+ if (camp.active === true) {
+ return {
+ ...camp,
+ deliveries: camp.deliveries.map((deliver) => ({
+ ...deliver,
+ active: deliver.deliveryIndex == action.payload.subTabIndex ? true : false,
+ })),
+ };
+ }
+ return camp;
+ });
+ return tempSub;
+ case "ADD_DELIVERY_RULE":
+ const updatedDeliveryRules = [
+ ...action.payload.currentDeliveryRules,
+ {
+ ruleKey: action.payload.currentDeliveryRules.length + 1,
+ delivery: {},
+ attributes: [{ key: 1, attribute: null, operator: null, value: "" }],
+ products: [],
+ },
+ ];
+ const updatedData = state.map((i) => {
+ if (i.active) {
+ const activeDelivery = i.deliveries.find((j) => j.active);
+ if (activeDelivery) {
+ return {
+ ...i,
+ deliveries: i.deliveries.map((j) => ({
+ ...j,
+ deliveryRules: j.active ? updatedDeliveryRules : j.deliveryRules,
+ })),
+ };
+ }
+ }
+ return i;
+ });
+ return updatedData;
+ case "REMOVE_DELIVERY_RULE":
+ const updatedDeleted = state.map((i) => {
+ if (i.active) {
+ const activeDelivery = i.deliveries.find((j) => j.active);
+ const w = makeSequential(
+ activeDelivery.deliveryRules.filter((j) => j.ruleKey != action.payload.item.ruleKey),
+ "ruleKey"
+ );
+ if (activeDelivery) {
+ return {
+ ...i,
+ deliveries: i.deliveries.map((j) => ({
+ ...j,
+ deliveryRules: j.active ? w : j.deliveryRules,
+ })),
+ };
+ }
+ }
+ return i;
+ });
+ return updatedDeleted;
+ case "UPDATE_DELIVERY_RULE":
+ return action.payload;
+ case "ADD_ATTRIBUTE":
+ return action.payload;
+ case "REMOVE_ATTRIBUTE":
+ return action.payload;
+ case "UPDATE_ATTRIBUTE":
+ return action.payload;
+ case "ADD_PRODUCT":
+ const prodTemp = action.payload.productData.map((i) => ({ ...i, value: i?.value?.id, name: i?.value?.displayName }));
+ const updatedState = state.map((cycle) => {
+ if (cycle.active) {
+ const updatedDeliveries = cycle.deliveries.map((dd) => {
+ if (dd.active) {
+ const updatedRules = dd.deliveryRules.map((rule) => {
+ if (rule.ruleKey === action.payload.delivery.ruleKey) {
+ return {
+ ...rule,
+ products: [...rule.products, ...prodTemp],
+ };
+ }
+ return rule;
+ });
+ return {
+ ...dd,
+ deliveryRules: updatedRules,
+ };
+ }
+ return dd;
+ });
+ return {
+ ...cycle,
+ deliveries: updatedDeliveries,
+ };
+ }
+ return cycle;
+ });
+ return updatedState;
+ case "REMOVE_PRODUCT":
+ return action.payload;
+ case "UPDATE_PRODUCT":
+ return action.payload;
+ default:
+ return state;
+ }
+ };
+
+ const [campaignData, dispatchCampaignData] = useReducer(
+ campaignDataReducer,
+ generateTabsData(cycleData?.cycleConfgureDate?.cycle, cycleData?.cycleConfgureDate?.deliveries)
+ );
+ const [executionCount, setExecutionCount] = useState(0);
+
+ useEffect(() => {
+ dispatchCampaignData({
+ type: "GENERATE_CAMPAIGN_DATA",
+ cycle: cycleData?.cycleConfgureDate?.cycle,
+ deliveries: cycleData?.cycleConfgureDate?.deliveries,
+ });
+ }, [cycleData]);
+
+ useEffect(() => {
+ onSelect("deliveryRule", campaignData);
+ }, [campaignData]);
+
+ useEffect(() => {
+ if (executionCount < 5) {
+ onSelect("deliveryRule", campaignData);
+ setExecutionCount((prevCount) => prevCount + 1);
+ }
+ });
+
+ if (deliveryConfigLoading) {
+ return
+
+
+ {window?.location?.pathname === "/workbench-ui/employee/campaign/add-product" ||
+ window?.location?.pathname === "/workbench-ui/employee/campaign/response" ? null : (
+
+ stateCode is not defined
; + } + return ( +{week}
;
+ }
+ if (key === "ATM_NO_OF_INDIVIDUALS") {
+ return {value?.length}
;
+ }
+ if(key === "ATM_AMOUNT_IN_RS"){
+ return {value ? Digit.Utils.dss.formatterWithoutRound(value, "number") : t("ES_COMMON_NA")};
+ }
+ if (key === "ATM_SLA") {
+ return parseInt(value) > 0 ? (
+ {t(value) || ""}
+ ) : (
+ {t(value) || ""}
+ );
+ }
+ if (key === "COMMON_WORKFLOW_STATES") {
+ return {t(`WF_MUSTOR_${value}`)}
+ }
+ //added this in case we change the key and not updated here , it'll throw that nothing was returned from cell error if that case is not handled here. To prevent that error putting this default
+ return {t(`CASE_NOT_HANDLED`)}
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "ATM_MUSTER_ROLL_ID")
+ link = `/${window.contextPath}/employee/attendencemgmt/view-attendance?tenantId=${tenantId}&musterRollNumber=${row[key]}`;
+ });
+ return link;
+ },
+ populateReqCriteria: () => {
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ return {
+ url: "/org-services/organisation/v1/_search",
+ params: { limit: 50, offset: 0 },
+ body: {
+ SearchCriteria: {
+ tenantId: tenantId,
+ functions : {
+ type : "CBO"
+ }
+ },
+ },
+ config: {
+ enabled: true,
+ select: (data) => {
+ return data?.organisations;
+ },
+ },
+ };
+ },
+ },
+ SearchWageSeekerConfig: {
+ customValidationCheck: (data) => {
+ //checking both to and from date are present
+ const { createdFrom, createdTo } = data;
+ if ((createdFrom === "" && createdTo !== "") || (createdFrom !== "" && createdTo === ""))
+ return { warning: true, label: "ES_COMMON_ENTER_DATE_RANGE" };
+
+ return false;
+ },
+ preProcess: (data) => {
+ data.params = { ...data.params, tenantId: Digit.ULBService.getCurrentTenantId() };
+
+ let requestBody = { ...data.body.Individual };
+ const pathConfig = {
+ name: "name.givenName",
+ };
+ const dateConfig = {
+ createdFrom: "daystart",
+ createdTo: "dayend",
+ };
+ const selectConfig = {
+ wardCode: "wardCode[0].code",
+ socialCategory: "socialCategory.code",
+ };
+ const textConfig = ["name", "individualId"]
+ let Individual = Object.keys(requestBody)
+ .map((key) => {
+ if (selectConfig[key]) {
+ requestBody[key] = _.get(requestBody, selectConfig[key], null);
+ } else if (typeof requestBody[key] == "object") {
+ requestBody[key] = requestBody[key]?.code;
+ } else if (textConfig?.includes(key)) {
+ requestBody[key] = requestBody[key]?.trim()
+ }
+ return key;
+ })
+ .filter((key) => requestBody[key])
+ .reduce((acc, curr) => {
+ if (pathConfig[curr]) {
+ _.set(acc, pathConfig[curr], requestBody[curr]);
+ } else if (dateConfig[curr] && dateConfig[curr]?.includes("day")) {
+ _.set(acc, curr, Digit.Utils.date.convertDateToEpoch(requestBody[curr], dateConfig[curr]));
+ } else {
+ _.set(acc, curr, requestBody[curr]);
+ }
+ return acc;
+ }, {});
+
+ data.body.Individual = { ...Individual };
+ return data;
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ //here we can add multiple conditions
+ //like if a cell is link then we return link
+ //first we can identify which column it belongs to then we can return relevant result
+ switch (key) {
+ case "MASTERS_WAGESEEKER_ID":
+ return (
+
+
+ {String(value ? (column.translate ? t(column.prefix ? `${column.prefix}${value}` : value) : value) : t("ES_COMMON_NA"))}
+
+
+ );
+
+ case "MASTERS_SOCIAL_CATEGORY":
+ return value ? {String(t(`MASTERS_${value}`))} : t("ES_COMMON_NA");
+
+ case "CORE_COMMON_PROFILE_CITY":
+ return value ? {String(t(Digit.Utils.locale.getCityLocale(value)))} : t("ES_COMMON_NA");
+
+ case "MASTERS_WARD":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+
+ case "MASTERS_LOCALITY":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+ default:
+ return t("ES_COMMON_NA");
+ }
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "MASTERS_WAGESEEKER_ID")
+ link = `/${window.contextPath}/employee/masters/view-wageseeker?tenantId=${tenantId}&wageseekerId=${row[key]}`;
+ });
+ return link;
+ },
+ additionalValidations: (type, data, keys) => {
+ if (type === "date") {
+ return data[keys.start] && data[keys.end] ? () => new Date(data[keys.start]).getTime() <= new Date(data[keys.end]).getTime() : true;
+ }
+ }
+ },
+};
diff --git a/health/micro-ui/web/src/Customisations/index.js b/health/micro-ui/web/src/Customisations/index.js
new file mode 100644
index 00000000000..803b1e8763e
--- /dev/null
+++ b/health/micro-ui/web/src/Customisations/index.js
@@ -0,0 +1,19 @@
+import { ptComponents } from "./pt";
+import { tlComponents } from "./tl";
+
+var Digit = window.Digit || {};
+
+const customisedComponent = {
+ ...ptComponents,
+ ...tlComponents
+}
+
+
+
+export const initCustomisationComponents = () => {
+ Object.entries(customisedComponent).forEach(([key, value]) => {
+ Digit.ComponentRegistryService.setComponent(key, value);
+ });
+};
+
+
diff --git a/health/micro-ui/web/src/Customisations/pt/index.js b/health/micro-ui/web/src/Customisations/pt/index.js
new file mode 100644
index 00000000000..0063fcd4774
--- /dev/null
+++ b/health/micro-ui/web/src/Customisations/pt/index.js
@@ -0,0 +1,13 @@
+import PropertyUsageType from "./pageComponents/PropertyUsageType";
+import PTVasikaDetails from "./pageComponents/PTVasikaDetails";
+import PTAllotmentDetails from "./pageComponents/PTAllotmentDetails";
+import PTBusinessDetails from "./pageComponents/PTBusinessDetails";
+
+
+
+export const ptComponents = {
+ PropertyUsageType: PropertyUsageType,
+ PTVasikaDetail:PTVasikaDetails,
+ PTAllotmentDetails:PTAllotmentDetails,
+ PTBusinessDetails:PTBusinessDetails
+};
diff --git a/health/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js b/health/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js
new file mode 100644
index 00000000000..569aa45e409
--- /dev/null
+++ b/health/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js
@@ -0,0 +1,64 @@
+import { CardLabel, CitizenInfoLabel, FormStep, LabelFieldPair, TextInput,CardLabelError } from "@egovernments/digit-ui-react-components";
+import React, { useState } from "react";
+var validation ={};
+const PTAllotmentDetails = ({ t, config, onSelect, value, userType, formData }) => {
+
+ const [
+ val, setValue
+ ] = useState(formData?.[config.key]?.alotmentDetails||"");
+
+ const goNext = () => {
+ onSelect(config.key, {alotmentDetails:val});
+ };
+
+
+ if (userType === "employee") {
+ return (
+
+ setValue(e?.target?.value)}
+ // autoFocus={presentInModifyApplication}
+ />
+
+
+ {`${t("PT_VASIKA_ALLOTMENT_LABEL")}`}
+ setValue(e?.target?.value)}
+
+ />
+
+
+ setValue(e?.target?.value)}
+ // autoFocus={presentInModifyApplication}
+ />
+
+
+ {`${t("PT_VASIKA_BUS_DETAILS_LABEL")}`}
+ setValue(e?.target?.value)}
+
+ />
+
+
+
+ setValue(e?.target?.value)}
+ // autoFocus={presentInModifyApplication}
+ />
+
+
+ {`${t("PT_VASIKA_NO_LABEL")}`}
+ setValue(e?.target?.value)}
+
+ />
+
+
+
+
+
+ stateCode is not defined
; + } + return ( +
+
+ );
+};
+
+ButtonType1.propTypes = {
+ text: PropTypes.string.isRequired,
+};
+
+export const ButtonType2 = (props) => {
+ return (
+ {props.text}
+
+ {props.showDownloadIcon && (
+
+ );
+};
+
+ButtonType2.propTypes = {
+ text: PropTypes.string.isRequired,
+ showDownloadIcon: PropTypes.bool,
+};
+
+export const ModalHeading = (props) => {
+ return (
+
+
+ )}
+ {props.text}
++ {props.label} +
+ ); +}; + +ModalHeading.propTypes = { + label: PropTypes.string.isRequired, + className: PropTypes.string, + style: PropTypes.object, +}; + +export const CloseButton = ({ clickHandler, style = {} }) => { + return ( + + ); +}; + +CloseButton.propTypes = { + clickHandler: PropTypes.func.isRequired, + style: PropTypes.object, +}; diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/CustomScaleControl.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/CustomScaleControl.js new file mode 100644 index 00000000000..f2deacbd46d --- /dev/null +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/CustomScaleControl.js @@ -0,0 +1,41 @@ +import React, { useEffect, useState } from "react"; + +const CustomScaleControl = ({ map }) => { + if (!map) return null; + const [scaleText, setScaleText] = useState(""); + // Function to calculate and update the scale text + const updateScale = () => { + // Calculate the scale based on the map's current zoom level + const maxWidthMeters = map.containerPointToLatLng([0, map.getSize().y]).distanceTo(map.containerPointToLatLng([100, map.getSize().y])); + const scale = maxWidthMeters / 1000; // Convert to kilometers + + // Format the scale text + const scaleTextData = scale < 1 ? `${Math.round(scale * 1000)} m` : `${Math.round(Math.round(scale.toFixed(0) / 10) * 10)} km`; + + // Update the scale text in the container element + setScaleText(scaleTextData); + }; + + // Effect to update the scale text when the map component mounts and on map zoom change + useEffect(() => { + // Update the scale text initially + updateScale(); + + // Register the map's zoom events to update the scale text + map.on("zoomend", updateScale); + + // Clean up event listener when the component unmounts + return () => { + map.off("zoomend", updateScale); + }; + }, [map]); + + return ( +
+ {scaleText}
+
+
+ );
+};
+
+export default CustomScaleControl;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Hypothesis.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Hypothesis.js
new file mode 100644
index 00000000000..ab6bba8a7a3
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Hypothesis.js
@@ -0,0 +1,631 @@
+import React, { useState, useEffect, useCallback, Fragment, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { Trash } from "@egovernments/digit-ui-svg-components";
+import { CloseButton, ModalHeading } from "./CommonComponents";
+import { Dropdown, TextInput, Toast } from "@egovernments/digit-ui-components";
+import { useMyContext } from "../utils/context";
+import { tourSteps } from "../configs/tourSteps";
+import { v4 as uuidv4 } from "uuid";
+import { PlusWithSurroundingCircle } from "../icons/Svg";
+import { PRIMARY_THEME_COLOR } from "../configs/constants";
+import { Button, Modal } from "@egovernments/digit-ui-react-components";
+const page = "hypothesis";
+
+const Hypothesis = ({
+ campaignType = Digit.SessionStorage.get("microplanHelperData")?.campaignData?.projectType,
+ microplanData,
+ setMicroplanData,
+ checkDataCompletion,
+ setCheckDataCompletion,
+ currentPage,
+ pages,
+ setToast,
+}) => {
+ const { t } = useTranslation();
+
+ // States
+ const [editable, setEditable] = useState(true);
+ const [modal, setModalState] = useState("none");
+ const [assumptions, setAssumptions] = useState([]);
+ const [hypothesisAssumptionsList, setHypothesisAssumptionsList] = useState([]);
+ const [itemForDeletion, setItemForDeletion] = useState();
+ const [exampleOption, setExampleOption] = useState("");
+ // const [toast, setToast] = useState();
+ const [autofillHypothesis, setAutofillHypothesis] = useState([]);
+ const { state, dispatch } = useMyContext();
+ const [orignalHypothesisCount, setOrignalHypothesisCount] = useState(0);
+ const [initialHypothesisData, setInitialHypothesisData] = useState([]);
+ // Set TourSteps
+ useEffect(() => {
+ const tourData = tourSteps(t)?.[page] || {};
+ if (state?.tourStateData?.name === page) return;
+ dispatch({
+ type: "SETINITDATA",
+ state: { tourStateData: tourData },
+ });
+ }, []);
+
+ useEffect(() => {
+ if (microplanData?.hypothesis) setInitialHypothesisData(microplanData?.hypothesis);
+ }, []);
+
+ const setModal = (modalString) => {
+ const elements = document.querySelectorAll(".popup-wrap-rest-unfocus");
+ elements.forEach((element) => {
+ element.classList.toggle("popup-wrap-rest-unfocus-active");
+ });
+ setModalState(modalString);
+ };
+
+ // UseEffect to extract data on first render
+ useEffect(() => {
+ if (pages) {
+ const previouspage = pages[currentPage?.id - 1];
+ if (previouspage?.checkForCompleteness && !microplanData?.status?.[previouspage?.name]) setEditable(false);
+ else setEditable(true);
+ }
+ if (microplanData?.hypothesis) {
+ const temp = microplanData?.hypothesis;
+ setAssumptions(temp);
+ }
+
+ fetchDataAndUpdateState();
+ }, []);
+
+ const fetchDataAndUpdateState = useCallback(() => {
+ const hypothesisAssumptions = state?.HypothesisAssumptions || [];
+ const temp = hypothesisAssumptions.find((item) => item.campaignType === campaignType);
+ if (!temp?.assumptions) return;
+
+ const hypothesisAssumptionsList = Array.isArray(temp.assumptions) ? temp.assumptions : [];
+ setOrignalHypothesisCount(hypothesisAssumptionsList.length);
+ setExampleOption(hypothesisAssumptionsList.length !== 0 ? hypothesisAssumptionsList[0] : "");
+
+ const currentHypothesis = microplanData?.hypothesis || assumptions;
+ const newAssumptions = setAutofillHypothesisData(hypothesisAssumptionsList, currentHypothesis, setAssumptions);
+
+ const newHypothesislist = filterHypothesisList(
+ newAssumptions.length !== 0 ? newAssumptions : microplanData.hypothesis,
+ hypothesisAssumptionsList
+ );
+ setHypothesisAssumptionsList(newHypothesislist);
+ }, [campaignType, microplanData, state, assumptions, setAssumptions]);
+
+ // UseEffect for checking completeness of data before moveing to next section
+ useEffect(() => {
+ if (!assumptions || checkDataCompletion !== "true" || !setCheckDataCompletion) return;
+ // uncomment to activate data change save check
+ // if (!microplanData?.hypothesis || !_.isEqual(assumptions, microplanData.hypothesis)) setModal("data-change-check");
+ // else
+ updateData(true);
+ }, [checkDataCompletion]);
+
+ // UseEffect to store current data
+ useEffect(() => {
+ if (!assumptions || !setMicroplanData) return;
+ setMicroplanData((previous) => ({ ...previous, hypothesis: assumptions }));
+ }, [assumptions]);
+
+ // UseEffect to add a event listener for keyboard
+ useEffect(() => {
+ window.addEventListener("keydown", handleKeyPress);
+
+ return () => window.removeEventListener("keydown", handleKeyPress);
+ }, [modal]);
+
+ const handleKeyPress = (event) => {
+ // if (modal !== "upload-guidelines") return;
+ if (["x", "Escape"].includes(event.key)) {
+ // Perform the desired action when "x" or "esc" is pressed
+ // if (modal === "upload-guidelines")
+ setCheckDataCompletion("false");
+ setModal("none");
+ }
+ };
+
+ // check if data has changed or not
+ const updateData = useCallback(
+ (check) => {
+ if (!assumptions || !setMicroplanData) return;
+ if (check) {
+ if (assumptions.some((item) => item.active && parseFloat(item.value) === 0)) {
+ setToast({ state: "error", message: t("ERROR_HYPOTHESIS_VALUE_SHOULD_NOT_BE_ZERO") });
+ setCheckDataCompletion("false");
+ return;
+ }
+ let newAssumptions = assumptions.map((item) => {
+ if (parseFloat(item.value) === 0) {
+ return { ...item, value: 0.01 };
+ }
+ return item;
+ });
+ if (!deepEqual(newAssumptions, initialHypothesisData)) {
+ setMicroplanData((previous) => ({
+ ...previous,
+ hypothesis: newAssumptions,
+ status: { ...previous?.status, FORMULA_CONFIGURATION: false },
+ }));
+ } else {
+ setMicroplanData((previous) => ({ ...previous, hypothesis: newAssumptions }));
+ }
+ setAssumptions(newAssumptions);
+ let checkValid = validateAssumptions(assumptions);
+ checkValid = checkValid && assumptions.filter((subItem) => subItem?.active).length !== 0;
+
+ if (checkValid) setCheckDataCompletion("valid");
+ else setCheckDataCompletion("invalid");
+ } else {
+ let checkValid = microplanData?.hypothesis?.every((item) => Object.values(item).every((data) => data !== ""));
+ checkValid = checkValid && assumptions.length !== 0;
+ if (checkValid) setCheckDataCompletion("valid");
+ else setCheckDataCompletion("invalid");
+ }
+ },
+ [assumptions, setMicroplanData, microplanData, setCheckDataCompletion, initialHypothesisData]
+ );
+
+ const validateAssumptions = useCallback((assumptions) => {
+ return assumptions.filter((item) => item?.active).every((item) => Object.values(item).every((data) => data !== "")) && assumptions.length !== 0;
+ }, []);
+
+ const cancelUpdateData = useCallback(() => {
+ setCheckDataCompletion("false");
+ setModal("none");
+ }, [setCheckDataCompletion, setModal]);
+
+ const closeModal = useCallback(() => {
+ setModal("none");
+ }, []);
+
+ // Function to Delete an assumption
+ const deleteAssumptionHandlerCallback = useCallback(() => {
+ deleteAssumptionHandler(itemForDeletion, setItemForDeletion, setAssumptions, setHypothesisAssumptionsList, setToast, t);
+ closeModal();
+ }, [itemForDeletion, deleteAssumptionHandler, setItemForDeletion, setAssumptions, setHypothesisAssumptionsList, closeModal, setToast, t]);
+
+ const sectionClass = `jk-header-btn-wrapper hypothesis-section ${editable ? "" : "non-editable-component"} popup-wrap-rest-unfocus `;
+
+ return (
+ <>
+
+
+ {/* NonInterractable Section */}
+
+
+ {modal === "delete-conformation" && (
+
+
+ );
+};
+
+// Function to add a new assumption
+const addAssumptionsHandler = (setAssumptions) => {
+ const uuid = uuidv4();
+ setAssumptions((previous) => [
+ ...previous,
+ {
+ id: uuid,
+ // previous.length ? previous[previous.length - 1].id + 1 : 0,
+ key: "",
+ value: "",
+ active: true,
+ },
+ ]);
+};
+
+// Defination for NonInterractable Section
+const NonInterractableSection = React.memo(({ t }) => {
+ return (
+
+
+
+ )}
+ {t("HYPOTHESIS_INSTRUCTIONS_DELETE_ENTRY_CONFIRMATION")}
+
+
+ );
+});
+
+// Defination for NonInterractable Section
+const InterractableSection = React.memo(
+ ({ assumptions, setAssumptions, hypothesisAssumptionsList, setHypothesisAssumptionsList, setModal, setItemForDeletion, exampleOption, t }) => {
+ const itemRefs = useRef([]);
+ const [expandedIndex, setExpandedIndex] = useState(null);
+ const scrollContainerRef = useRef(null);
+ const [renderCycle, setRenderCycle] = useState(0);
+
+ useEffect(() => {
+ if (expandedIndex !== null) {
+ setRenderCycle(0); // Reset render cycle count when expandedIndex changes
+ }
+ }, [expandedIndex]);
+
+ useEffect(() => {
+ // Scroll to the expanded item after the state has updated and the DOM has re-rendered
+ if (renderCycle < 2) {
+ setRenderCycle((prev) => prev + 1); // Increment render cycle count
+ } else if (expandedIndex !== null && itemRefs.current[expandedIndex]) {
+ try {
+ const parentElement = itemRefs.current[expandedIndex];
+ const childElement = itemRefs.current[expandedIndex].children[1];
+
+ if (parentElement) {
+ const scrollContainer = scrollContainerRef.current;
+ const parentRect = parentElement.getBoundingClientRect();
+ const containerRect = scrollContainer.getBoundingClientRect();
+
+ // Calculate the offset from the top of the container
+ const offset = parentRect.top - containerRect.top;
+
+ // Scroll the container
+ scrollContainer.scrollTo({
+ top: scrollContainer.scrollTop + offset - 10,
+ behavior: "smooth",
+ });
+ }
+
+ if (childElement) {
+ childElement.focus();
+ }
+ } catch (error) {
+ console.error("Error scrolling to element:", error);
+ }
+ }
+ }, [renderCycle, expandedIndex]);
+
+ useEffect(() => {
+ if (expandedIndex !== null) {
+ const observer = new MutationObserver(() => {
+ setRenderCycle((prev) => prev + 1); // Trigger render cycle when the DOM changes
+ });
+
+ if (itemRefs.current[expandedIndex]) {
+ observer.observe(itemRefs.current[expandedIndex], { childList: true, subtree: true });
+ }
+
+ return () => observer.disconnect();
+ }
+ }, [expandedIndex]);
+
+ const toggleExpand = (index) => {
+ setExpandedIndex(index === expandedIndex ? null : index);
+ };
+
+ // Handler for deleting an assumption on conformation
+ const deleteHandler = useCallback(
+ (item) => {
+ setModal("delete-conformation");
+ setItemForDeletion(item);
+ },
+ [setModal, setItemForDeletion]
+ );
+
+ return (
+ {t("HEADING_HYPOTHESIS")}
+{t("INSTRUCTION_HYPOTHESIS")}
+
+
+ );
+ }
+);
+
+const Example = ({ exampleOption, t }) => {
+ return (
+
+
+
+
+ {assumptions
+ ?.filter((item) => item.active)
+ ?.map((item, index) => (
+
+
+ {t("KEY")}
+
+
+ {t("VALUE")}
+
+
+
+ item.active)?.length - 1 ? "last-container" : ""
+ } `}
+ >
+
+ ))}
+ {
+ itemRefs.current[index] = el;
+ }}
+ onClick={() => {
+ toggleExpand(index);
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+const deleteAssumptionHandler = (item, setItemForDeletion, setAssumptions, setHypothesisAssumptionsList, setToast, t) => {
+ let add = true;
+ setAssumptions((previous) => {
+ if (!previous.length) return [];
+ if (previous.filter((item) => item.active)?.length <= 1) {
+ setToast({ state: "error", message: t("ERROR_CANNOT_DELETE_LAST_HYPOTHESIS") });
+ add = false;
+ return previous;
+ }
+ // const filteredData = previous.filter((data) => data.id !== item.id);
+ const deletionElementIndex = previous.findIndex((data) => data.id === item.id);
+ const filteredData = previous.map((data, index) => (index === deletionElementIndex ? { ...data, active: false } : data));
+ return filteredData || [];
+ });
+ if (add && item && item.key)
+ setHypothesisAssumptionsList((previous) => {
+ if (!previous.includes(item.key)) return [...previous, item.key];
+ return previous; // Return previous array if key already exists
+ });
+ setItemForDeletion();
+};
+
+const Select = React.memo(({ item, assumptions, setAssumptions, disabled = false, options, setOptions, t }) => {
+ const [selected, setSelected] = useState();
+ const [filteredOptions, setFilteredOptions] = useState([]);
+
+ useEffect(() => {
+ if (item?.key) setSelected({ code: item.key });
+ }, [item]);
+
+ useEffect(() => {
+ if (!options) return;
+ const filteredOptions = options.length ? options : [];
+ if (item?.key && !filteredOptions.includes(item.key)) {
+ setFilteredOptions([item.key, ...filteredOptions]);
+ } else setFilteredOptions(filteredOptions);
+ }, [options]);
+
+ const selectChangeHandler = useCallback(
+ (e) => {
+ const existingEntry = assumptions.find((item) => item?.active && item?.key === e?.code);
+ if (existingEntry) return;
+ const newDataSegment = {
+ ...item,
+ id: item.id,
+ key: e?.code,
+ value: item.value,
+ };
+ setAssumptions((previous) => {
+ const filteredAssumptionsList = previous.map((data) => {
+ if (data.id === item.id) return newDataSegment;
+ return data;
+ });
+ return filteredAssumptionsList;
+ });
+
+ setOptions((previous) => {
+ let newOptions = previous.filter((item) => item !== e?.code);
+ if (selected && !newOptions.includes(selected?.code)) newOptions.unshift(selected?.code);
+ return newOptions;
+ });
+ },
+ [assumptions, item, selected, setAssumptions, setOptions]
+ );
+
+ return (
+ {t("EXAMPLE")}
+
+
+
+
+ {t("KEY")}
+{t("HYPOTHESIS_KEY_HELP_TEXT")}
+
+
+ {t("VALUE")}
+{t("HYPOTHESIS_VALUE_HELP_TEXT")}
+
+
+ );
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Mapping.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Mapping.js
new file mode 100644
index 00000000000..b0183f5da8d
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Mapping.js
@@ -0,0 +1,442 @@
+// Importing necessary modules
+import { Card, Header } from "@egovernments/digit-ui-components";
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import React, { useCallback, useEffect, useRef, useState, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import ZoomControl from "./ZoomControl";
+import CustomScaleControl from "./CustomScaleControl";
+import * as DigitSvgs from "@egovernments/digit-ui-svg-components";
+import { LoaderWithGap } from "@egovernments/digit-ui-react-components";
+import { tourSteps } from "../configs/tourSteps";
+import { useMyContext } from "../utils/context";
+import {
+ MapFilterIndex,
+ MapChoroplethIndex,
+ ChoroplethSelection,
+ FilterSection,
+ BoundarySelection,
+ BaseMapSwitcher,
+} from "./MappingHelperComponents";
+import {
+ enableMapInteractions,
+ disableMapInteractions,
+ removeAllLayers,
+ filterBoundarySelection,
+ findBounds,
+ addGeojsonToMap,
+ addFilterProperties,
+ addChoroplethProperties,
+ prepareGeojson,
+ extractGeoData,
+} from "../utils/mappingUtils";
+
+const page = "mapping";
+
+// Mapping component definition
+const Mapping = ({
+ campaignType = Digit.SessionStorage.get("microplanHelperData")?.campaignData?.projectType,
+ microplanData,
+ setMicroplanData,
+ checkDataCompletion,
+ setCheckDataCompletion,
+ currentPage,
+ pages,
+ setToast,
+ ...props
+}) => {
+ //fetch campaign data
+ const { id = "" } = Digit.Hooks.useQueryParams();
+ const { isLoading: isCampaignLoading, data: campaignData } = Digit.Hooks.microplan.useSearchCampaign(
+ {
+ CampaignDetails: {
+ tenantId: Digit.ULBService.getCurrentTenantId(),
+ ids: [id],
+ },
+ },
+ {
+ enabled: !!id,
+ }
+ );
+
+ // request body for boundary hierarchy api
+ var reqCriteria = {
+ url: `/boundary-service/boundary-hierarchy-definition/_search`,
+ params: {},
+ body: {
+ BoundaryTypeHierarchySearchCriteria: {
+ tenantId: Digit.ULBService.getStateId(),
+ // hierarchyType: "Microplan",
+ hierarchyType: campaignData?.hierarchyType,
+ },
+ },
+ config: {
+ enabled: !!campaignData?.hierarchyType,
+ select: (data) => {
+ return (
+ data?.BoundaryHierarchy?.[0]?.boundaryHierarchy?.map((item) => ({
+ ...item,
+ parentBoundaryType: item?.parentBoundaryType
+ ? `${campaignData?.hierarchyType}_${Digit.Utils.microplan.transformIntoLocalisationCode(item?.parentBoundaryType)}`
+ : null,
+ boundaryType: `${campaignData?.hierarchyType}_${Digit.Utils.microplan.transformIntoLocalisationCode(item?.boundaryType)}`,
+ })) || {}
+ );
+ },
+ },
+ };
+ const { isLoading: ishierarchyLoading, data: hierarchy } = Digit.Hooks.useCustomAPIHook(reqCriteria);
+ // request body for boundary hierarchy api
+ var reqCriteria = {
+ url: `/boundary-service/boundary/_search`,
+ params: { codes: Digit.ULBService.getCurrentTenantId(), tenantId: Digit.ULBService.getCurrentTenantId() },
+ body: {},
+ config: {
+ select: (data) => {
+ return data?.Boundary || {};
+ },
+ },
+ };
+ const { isLoading: isBoundaryLoading, data: Boundary } = Digit.Hooks.useCustomAPIHook(reqCriteria);
+
+ // Setting up state variables
+ const [editable, setEditable] = useState(true);
+ const { t } = useTranslation();
+ var [map, setMap] = useState(null);
+ var [_mapNode, set__mapNode] = useState("map");
+ const [layers, setLayer] = useState([]);
+ const [validationSchemas, setValidationSchemas] = useState([]);
+ const [filterDataOrigin, setFilterDataOrigin] = useState({});
+ const [dataAvailability, setDataAvailability] = useState("true");
+ // const [toast, setToast] = useState();
+ const [baseMaps, setBaseMaps] = useState({});
+ const [selectedBaseMap, setSelectedBaseMap] = useState({});
+ const [selectedBaseMapName, setSelectedBaseMapName] = useState("");
+ const [showBaseMapSelector, setShowBaseMapSelector] = useState(false);
+ const [boundaryData, setBoundaryData] = useState({}); // State for boundary data
+ const [filterData, setFilterData] = useState({}); // State for facility data
+ const [boundarySelections, setBoundarySelections] = useState({});
+ const [isboundarySelectionSelected, setIsboundarySelectionSelected] = useState(false);
+ const { state, dispatch } = useMyContext();
+ const [filterPropertyNames, setFilterPropertyNames] = useState();
+ const [filterProperties, setFilterProperties] = useState();
+ const [showFilterOptions, setShowFilterOptions] = useState(false);
+ const [filterSelections, setFilterSelections] = useState([]);
+ const [choroplethProperties, setChoroplethProperties] = useState([]);
+ const [showChoroplethOptions, setShowChoroplethOptions] = useState(false);
+ const [choroplethProperty, setChoroplethProperty] = useState();
+ const [dataCompleteness, setDataCompleteness] = useState();
+ const basemapRef = useRef();
+ const filterBoundaryRef = useRef();
+ const showChoroplethOptionRef = useRef();
+ const showFilterOptionRef = useRef();
+ const [loader, setLoader] = useState(false);
+
+ // Set TourSteps
+ useEffect(() => {
+ const tourData = tourSteps(t)?.[page] || {};
+ if (state?.tourStateData?.name === page) return;
+ dispatch({
+ type: "SETINITDATA",
+ state: { tourStateData: tourData },
+ });
+ }, []);
+
+ // Effect to initialize map when data is fetched
+ useEffect(() => {
+ if (!state || !Boundary) return;
+ const filterDataOriginList = state?.MappingOrigin?.[0];
+ setFilterDataOrigin(filterDataOriginList);
+ const BaseMapLayers = state?.BaseMapLayers;
+ const schemas = state?.Schemas;
+ if (schemas) setValidationSchemas(schemas);
+ if (!BaseMapLayers || (BaseMapLayers && BaseMapLayers.length === 0)) return;
+ let baseMaps = {};
+ let defaultBaseMap = undefined;
+ BaseMapLayers.forEach((item) => {
+ if (item.url) {
+ const layer = L.tileLayer(item.url, {
+ minZoom: item?.minZoom,
+ maxZoom: item?.maxZoom,
+ attribution: item?.attribution,
+ });
+ baseMaps[item?.name] = {
+ metadata: item,
+ layer,
+ };
+ if (!defaultBaseMap)
+ defaultBaseMap = {
+ name: item?.name,
+ layer,
+ };
+ }
+ });
+ setSelectedBaseMapName(defaultBaseMap?.name);
+ setBaseMaps(baseMaps);
+ if (!map) {
+ init(_mapNode, defaultBaseMap, Boundary);
+ }
+ }, [Boundary]);
+
+ useEffect(() => {
+ if (map && filterDataOrigin && Object.keys(filterDataOrigin).length !== 0) {
+ setLoader("LOADING");
+ // Check if all the data is present or not, if it is then extract it in a format that can be used for mapping and other mapping related operations
+ extractGeoData(
+ campaignType,
+ microplanData,
+ filterDataOrigin,
+ validationSchemas,
+ setToast,
+ setDataAvailability,
+ hierarchy,
+ setBoundaryData,
+ setFilterData,
+ setFilterProperties,
+ setFilterSelections,
+ setFilterPropertyNames,
+ state,
+ setChoroplethProperties,
+ setDataCompleteness,
+ t
+ );
+ setLoader(false);
+ }
+ }, [filterDataOrigin, hierarchy]);
+
+ // Function to initialize map
+ const init = (id, defaultBaseMap, Boundary) => {
+ if (map !== null) return;
+
+ // let bounds = findBounds(Boundary);
+
+ let mapConfig = {
+ center: [0, 0],
+ zoomControl: false,
+ zoom: 3,
+ scrollwheel: true,
+ minZoom: 3,
+ };
+
+ let map_i = L.map(id, mapConfig);
+ var verticalBounds = L.latLngBounds(L.latLng(-90, -170), L.latLng(85, 190));
+ map_i.on("drag", () => {
+ map_i.panInsideBounds(verticalBounds, { animate: true });
+ });
+ map_i.on("zoom", () => {
+ map_i.panInsideBounds(verticalBounds, { animate: true });
+ });
+ const defaultBaseLayer = defaultBaseMap?.layer.addTo(map_i);
+ // if (bounds) map_i.fitBounds(bounds);
+ setSelectedBaseMap(defaultBaseLayer);
+ setMap(map_i);
+ };
+
+ const handleBaseMapToggle = (newBaseMap) => {
+ if (map) {
+ const currentBaseLayer = selectedBaseMap;
+ if (currentBaseLayer) {
+ currentBaseLayer.remove();
+ }
+ const newBaseLayer = baseMaps[newBaseMap].layer.addTo(map);
+ // Add the new base layer to the bottom of the layer stack
+ newBaseLayer.addTo(map);
+
+ // Update the baseLayer state
+ setSelectedBaseMap(newBaseLayer);
+ setSelectedBaseMapName(newBaseMap);
+ }
+ };
+
+ // showing selected boundary data
+ useEffect(() => {
+ if (!boundarySelections && !choroplethProperty && !filterSelections) return;
+ setLoader("LOADING");
+ try {
+ removeAllLayers(map, layers);
+ const { filteredSelection, childrenList } = filterBoundarySelection(boundaryData, boundarySelections);
+ let newLayer = [];
+ let addOn = {
+ fillColor: "rgba(255, 107, 43, 0)",
+ weight: 3.5,
+ opacity: 1,
+ color: "rgba(176, 176, 176, 1)",
+ fillOpacity: 0,
+ fill: "rgb(4,136,219,1)",
+ child: !childrenList || childrenList.length === 0, // so that this layer also has mounse in and mouse out events
+ };
+ let geojsonsBase = prepareGeojson(boundaryData, "ALL", addOn);
+ if (geojsonsBase) {
+ let baseLayer = addGeojsonToMap(map, geojsonsBase, t);
+ if (baseLayer) newLayer.push(baseLayer);
+ let bounds = findBounds(geojsonsBase);
+ if (bounds) map.fitBounds(bounds);
+ }
+
+ addOn = {
+ fillColor: "rgba(255, 107, 43, 1)",
+ weight: 2.5,
+ opacity: 1,
+ color: "rgba(255, 255, 255, 1)",
+ fillOpacity: 0.22,
+ fill: "rgb(4,136,219)",
+ };
+
+ let geojsonLayer;
+ if (choroplethProperty) {
+ if (dataCompleteness === "partial" || dataCompleteness === "false" || dataCompleteness === undefined) {
+ setToast({
+ state: "warning",
+ message: t("DISPLAYING_DATA_ONLY_FOR_UPLOADED_BOUNDARIES"),
+ });
+ }
+
+ let choroplethGeojson = prepareGeojson(boundaryData, "ALL", { ...addOn, child: true, fillColor: "rgb(0,0,0,0)" }) || [];
+ if (choroplethGeojson && choroplethGeojson.length !== 0)
+ choroplethGeojson = addChoroplethProperties(choroplethGeojson, choroplethProperty, filteredSelection);
+ geojsonLayer = addGeojsonToMap(map, choroplethGeojson, t);
+ if (geojsonLayer) {
+ newLayer.push(geojsonLayer);
+ }
+ }
+ geojsonLayer = null;
+ const geojsons = prepareGeojson(boundaryData, filteredSelection, addOn);
+ if (geojsons && geojsons.length > 0) {
+ geojsonLayer = addGeojsonToMap(map, geojsons, t);
+ newLayer.push(geojsonLayer);
+ let bounds = findBounds(geojsons);
+ if (bounds) map.fitBounds(bounds);
+ }
+
+ const childrenGeojson = prepareGeojson(boundaryData, childrenList, { ...addOn, opacity: 0, fillOpacity: 0, child: true });
+ let childrenGeojsonLayer = addGeojsonToMap(map, childrenGeojson, t);
+ if (childrenGeojsonLayer) newLayer.push(childrenGeojsonLayer);
+
+ //filters
+ const filterGeojsons = prepareGeojson(filterData, filteredSelection && filteredSelection.length !== 0 ? filteredSelection : "ALL", addOn);
+ const filterGeojsonWithProperties = addFilterProperties(filterGeojsons, filterSelections, filterPropertyNames, state?.MapFilters);
+ let filterGeojsonLayer = addGeojsonToMap(map, filterGeojsonWithProperties, t);
+ if (filterGeojsonLayer) newLayer.push(filterGeojsonLayer);
+
+ setLayer(newLayer);
+ } catch (error) {
+ console.error("Error while adding geojson to map: ", error.message);
+ }
+ setLoader(false);
+ }, [boundarySelections, choroplethProperty, filterSelections]);
+
+ const handleOutsideClickAndSubmitSimultaneously = useCallback(() => {
+ if (isboundarySelectionSelected) setIsboundarySelectionSelected(false);
+ if (showBaseMapSelector) setShowBaseMapSelector(false);
+ if (showFilterOptions) setShowFilterOptions(false);
+ if (showChoroplethOptions) setShowChoroplethOptions(false);
+ }, [
+ isboundarySelectionSelected,
+ showBaseMapSelector,
+ showFilterOptions,
+ showChoroplethOptions,
+ setIsboundarySelectionSelected,
+ setShowBaseMapSelector,
+ setShowFilterOptions,
+ setShowChoroplethOptions,
+ ]);
+ Digit?.Hooks.useClickOutside(filterBoundaryRef, handleOutsideClickAndSubmitSimultaneously, isboundarySelectionSelected, { capture: true });
+ Digit?.Hooks.useClickOutside(basemapRef, handleOutsideClickAndSubmitSimultaneously, showBaseMapSelector, { capture: true });
+ Digit?.Hooks.useClickOutside(showFilterOptionRef, handleOutsideClickAndSubmitSimultaneously, showFilterOptions, { capture: true });
+ Digit?.Hooks.useClickOutside(showChoroplethOptionRef, handleOutsideClickAndSubmitSimultaneously, showChoroplethOptions, { capture: true });
+
+ // function to stop mouse event propogation from custom comopents to leaflet map
+ const handleMouseDownAndScroll = (event) => {
+ event?.stopPropagation();
+ disableMapInteractions(map);
+ };
+
+ const handleMouseUpAndScroll = (event) => {
+ enableMapInteractions(map);
+ };
+ useEffect(() => {
+ if (isboundarySelectionSelected || showBaseMapSelector || showFilterOptions || showChoroplethOptions) handleMouseDownAndScroll();
+ else handleMouseUpAndScroll();
+ }, [isboundarySelectionSelected, showBaseMapSelector, showFilterOptions, showChoroplethOptions, choroplethProperty, filterPropertyNames]);
+
+ // Rendering component
+ return (
+
+ }
+ type="button"
+ onButtonClick={() => props?.onBack()}
+ />
+ }
+ type="button"
+ onButtonClick={() => props?.onDownload()}
+ />
+
+
+ {props?.errorLocationObject?.[currentSheetName] &&
+ {t("USER_DIRECTIONS_FOR_ERROR_MESSAGE")}
} + {/* {Object.entries(sheetsData).map(([sheetName, sheetData], index) => ( */} +
+
+
+
+
+ | {t(header)} | + ))} +
|---|
| + {cellIndex === 0 && rowHasError && } + + {rowData[cellIndex] || rowData[cellIndex] === 0 ? (typeof rowData[cellIndex] !== "object" ? rowData[cellIndex] : "") : ""} + | + ); + })} +
+ {Object.entries(sheetsData).map(([sheetName, sheetData], index) => (
+
+ ))}
+
+ {/* ))} */}
+
+ {t("MAPPING")}
+
+
+ {/* Container for map */}
+
+
+ {loader &&
+ );
+};
+
+// Exporting Mapping component
+export default Mapping;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MappingHelperComponents.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MappingHelperComponents.js
new file mode 100644
index 00000000000..9cea19a943f
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MappingHelperComponents.js
@@ -0,0 +1,513 @@
+// Importing necessary modules
+import { Card, CardLabel, MultiSelectDropdown, Button, CheckBox, RadioButtons } from "@egovernments/digit-ui-components";
+import "leaflet/dist/leaflet.css";
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState, Fragment } from "react";
+import * as DigitSvgs from "@egovernments/digit-ui-svg-components";
+import { CardSectionHeader, InfoIconOutline, LoaderWithGap, Modal } from "@egovernments/digit-ui-react-components";
+import { fetchDropdownValues } from "../utils/processHierarchyAndData";
+import { MapChoroplethGradientColors, PRIMARY_THEME_COLOR } from "../configs/constants";
+import { ModalHeading } from "./CommonComponents";
+import * as MicroplanIconCollection from "../icons/Svg";
+import { generatePreviewUrl } from "../utils/mappingUtils";
+
+const IconCollection = { ...MicroplanIconCollection, ...DigitSvgs };
+
+export function checkTruthyKeys(obj) {
+ for (let key in obj) {
+ if (Object.hasOwn(obj, key)) {
+ if (obj[key] && !(Array.isArray(obj[key]) && obj[key].length === 0)) {
+ return true;
+ }
+ }
+ }
+ return false;
+}
+
+export const MapFilterIndex = ({ filterSelections, MapFilters, t }) => {
+ return (
+
+
+
+
+
+
+
+ {filterProperties && Object.keys(filterProperties).length !== 0 && (
+
+
+
+
+ {DigitSvgs.NorthArrow &&
+
+ {filterSelections && filterSelections.length > 0 && (
+
+
+ {filterSelections && filterSelections.length > 0 ? (
+ <>
+ {filterSelections.map((item, index) => (
+ //
+ );
+};
+
+// Function to create the gradient from the colors array for choropleth index
+export const MapChoroplethIndex = ({ t, choroplethProperty }) => {
+ const createGradientString = (colors) => {
+ return colors.map((color) => `${color.color} ${color.percent}%`).join(", ");
+ };
+
+ const gradientString = createGradientString(MapChoroplethGradientColors);
+ const gradientStyle = {
+ background: `linear-gradient(to right, ${gradientString})`,
+ };
+
+ return (
+
+
+ ))}
+
+ ) : (
+ ""
+ )}
+ {t(item)}
+ //
+
+ );
+};
+
+export const FilterItemBuilder = ({ item, MapFilters, t }) => {
+ let temp = MapFilters?.find((e) => e?.name === item)?.icon?.index;
+ let DynamicIcon = IconCollection?.[temp];
+ // let icon;
+ // if (typeof DynamicIcon === "function") icon = DynamicIcon({});
+ return DynamicIcon && typeof DynamicIcon === "function" ? (
+
+
+ 0%
+ +100%
+{t(choroplethProperty)}
+
+
+ ) : (
+ //
+ ""
+ );
+};
+
+export const ChoroplethSelection = memo(
+ ({
+ choroplethProperties,
+ showChoroplethOptions,
+ showChoroplethOptionRef,
+ setShowChoroplethOptions,
+ choroplethProperty,
+ setChoroplethProperty,
+ t,
+ }) => {
+ const handleChange = useCallback(
+ (value) => {
+ setChoroplethProperty(value?.code);
+ },
+ [choroplethProperties]
+ );
+
+ return (
+ {t(item)}
+
+
+ );
+ }
+);
+
+export const FilterSection = memo(
+ ({ filterProperties, showFilterOptionRef, showFilterOptions, setShowFilterOptions, filterSelections, setFilterSelections, t }) => {
+ const handleChange = useCallback(
+ (e, item) => {
+ let tempFilterSelections = [...filterSelections]; // Clone the array to avoid mutating state directly
+ if (filterSelections.includes(item)) {
+ tempFilterSelections = tempFilterSelections.filter((element) => element !== item);
+ } else {
+ tempFilterSelections.push(item);
+ }
+ setFilterSelections(tempFilterSelections);
+ },
+ [filterSelections]
+ );
+
+ return (
+ setShowChoroplethOptions((previous) => !previous)}
+ onKeyUp={() => setShowChoroplethOptions((previous) => !previous)}
+ tabIndex={0}
+ >
+
+ {showChoroplethOptions && (
+ {t("VISUALIZATIONS")}
+
+ {DigitSvgs.FilterAlt &&
+
+
+ )}
+
+ ({ name: item, id: item, code: item }))}
+ optionsKey="name"
+ onSelect={handleChange}
+ selectedOption={choroplethProperty}
+ />
+
+
+
+ );
+ }
+);
+
+export const BoundarySelection = memo(
+ ({
+ boundarySelections,
+ setBoundarySelections,
+ boundaryData,
+ hierarchy,
+ filterBoundaryRef,
+ isboundarySelectionSelected,
+ setIsboundarySelectionSelected,
+ t,
+ }) => {
+ const [processedHierarchy, setProcessedHierarchy] = useState([]);
+ const [isLoading, setIsLoading] = useState(false);
+ const [showConfirmationModal, setShowConformationModal] = useState(false);
+ const itemRefs = useRef([]);
+ const [expandedIndex, setExpandedIndex] = useState(null);
+ const scrollContainerRef = useRef(null);
+ const [changedBoundaryType, setChangedBoundaryType] = useState("");
+ const [isScrollable, setIsScrollable] = useState(false);
+
+ useEffect(() => {
+ // Scroll to the expanded item's child element after the state has updated and the DOM has re-rendered
+ if (expandedIndex !== null && itemRefs.current[expandedIndex]) {
+ // Use a timeout to ensure the DOM has updated
+ setTimeout(() => {
+ const childElement = itemRefs.current[expandedIndex].children[0]; // Assuming child content is the second child
+ // if (childElement) {
+ // childElement.scrollIntoView({ behavior: 'smooth' });
+ // }
+ if (childElement) {
+ const scrollContainer = scrollContainerRef.current;
+ const childElementBound = childElement.getBoundingClientRect();
+ const containerRect = scrollContainer.getBoundingClientRect();
+
+ // Calculate the offset from the top of the container
+ const offset = childElementBound.top - containerRect.top;
+
+ // Scroll the container
+ scrollContainer.scrollTo({
+ top: scrollContainer.scrollTop + offset - 10,
+ behavior: "smooth",
+ });
+ }
+ }, 0);
+ }
+ }, [expandedIndex]);
+
+ const toggleExpand = (index) => {
+ setExpandedIndex(index === expandedIndex ? null : index);
+ };
+
+ // Filtering out dropdown values
+ useEffect(() => {
+ if (!boundaryData || !hierarchy) return;
+ const processedHierarchyTemp = fetchDropdownValues(
+ boundaryData,
+ processedHierarchy.length !== 0 ? processedHierarchy : hierarchy,
+ boundarySelections,
+ changedBoundaryType
+ );
+ setProcessedHierarchy(processedHierarchyTemp);
+ setIsLoading(false);
+ }, [boundaryData, hierarchy, boundarySelections]);
+
+ const handleClearAll = () => {
+ setShowConformationModal(true);
+ };
+
+ const handleSubmitConfModal = () => {
+ setBoundarySelections({});
+ setShowConformationModal(false);
+ };
+
+ const handleCancelConfModal = () => {
+ setShowConformationModal(false);
+ };
+
+ const checkScrollbar = () => {
+ if (scrollContainerRef.current) {
+ setIsScrollable(scrollContainerRef.current.scrollHeight > scrollContainerRef.current.clientHeight);
+ }
+ };
+
+ useEffect(() => {
+ // Initial check
+ checkScrollbar();
+
+ // Check on resize
+ window.addEventListener("resize", checkScrollbar);
+
+ // Cleanup event listeners on component unmount
+ return () => {
+ window.removeEventListener("resize", checkScrollbar);
+ };
+ }, [isboundarySelectionSelected]);
+
+ useEffect(() => {
+ const content = scrollContainerRef.current;
+ content.addEventListener("scroll", checkScrollbar);
+
+ return () => {
+ content.removeEventListener("scroll", checkScrollbar);
+ };
+ }, [scrollContainerRef]);
+
+ return (
+ setShowFilterOptions((previous) => !previous)}
+ onKeyUp={() => setShowFilterOptions((previous) => !previous)}
+ tabIndex={0}
+ >
+
+ {showFilterOptions && (
+ {t("FILTERS")}
+
+ {DigitSvgs.FilterAlt &&
+
+
+ )}
+
+ {filterProperties.map((item) => (
+
+
+ handleChange(e, item)}
+ label={t(item)}
+ checked={!!filterSelections.includes(item)}
+ mainClassName="mainClassName"
+ labelClassName="labelClassName"
+ inputWrapperClassName="inputWrapperClassName"
+ inputClassName="inputClassName"
+ inputIconClassname="inputIconClassname"
+ iconFill={PRIMARY_THEME_COLOR}
+ onLabelClick={(e) => handleChange(e, item)}
+ />
+
+ ))}
+
+ {isLoading &&
+ );
+ }
+);
+
+export const BaseMapSwitcher = ({
+ baseMaps,
+ showBaseMapSelector,
+ setShowBaseMapSelector,
+ handleBaseMapToggle,
+ selectedBaseMapName,
+ basemapRef,
+ t,
+}) => {
+ if (!baseMaps) return null;
+ return (
+
+
+ );
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanCreatedScreen.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanCreatedScreen.js
new file mode 100644
index 00000000000..b6a2fb9a205
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanCreatedScreen.js
@@ -0,0 +1,111 @@
+import React, { memo } from "react";
+import { ActionBar, ArrowForward, Banner } from "@egovernments/digit-ui-components";
+import { useTranslation } from "react-i18next";
+import { ArrowBack, FileDownload } from "@egovernments/digit-ui-svg-components";
+import { convertJsonToXlsx, writeWorkbookToBuffer } from "../utils/jsonToExcelBlob";
+import { Button } from "@egovernments/digit-ui-react-components";
+import { useHistory } from "react-router-dom";
+import { Link } from "react-router-dom/cjs/react-router-dom.min";
+import { PRIMARY_THEME_COLOR, commonColumn } from "../configs/constants";
+import { colorHeaders } from "../utils/uploadUtils";
+
+const MicroplanCreatedScreen = memo(({ microplanData, ...props }) => {
+ const { t } = useTranslation();
+ const history = useHistory();
+
+ const downloadMicroplan = async () => {
+ try {
+ if (!microplanData?.microplanPreview) return;
+ const data = _.cloneDeep(microplanData?.microplanPreview?.previewData);
+ const commonColumnIndex = data[0]?.findIndex((item) => item === commonColumn);
+ data[0] = data[0].map((item) => t(item));
+
+ for (const i in data) {
+ data[i] = data[i].map((item, index) =>
+ item ? (typeof item === "number" ? item : index === commonColumnIndex ? item : t(item)) : t("NO_DATA")
+ );
+ }
+
+ const headers = data?.[0] || [];
+ const workbook = await convertJsonToXlsx({ [microplanData?.microplanDetails?.name]: data }, {}, true);
+ colorHeaders(workbook, headers, [], []);
+ const blob = await writeWorkbookToBuffer(workbook);
+
+ if (!blob) {
+ return;
+ }
+
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement("a");
+ link.href = url;
+
+ const fileNameParts = microplanData?.microplanDetails?.name;
+ if (!fileNameParts) {
+ return;
+ }
+
+ link.download = fileNameParts;
+ link.click();
+ URL.revokeObjectURL(url);
+ } catch (error) {
+ console.error(`Failed to download microplan: ${error.message}`, error);
+ }
+ };
+
+ const clickGoHome = () => {
+ history.push("/microplan-ui/employee");
+ };
+
+ return (
+ setShowBaseMapSelector((previous) => !previous)}
+ onKeyUp={() => setShowBaseMapSelector((previous) => !previous)}
+ tabIndex={0}
+ >
+
+ {t("LAYERS")}
+{DigitSvgs.Layers &&
+
+ {showBaseMapSelector && (
+
+
+ {Object.entries(baseMaps).map(([name, baseMap], index) => {
+ return (
+
+ )}
+
+ 
handleBaseMapToggle(name)}
+ />
+
+ );
+ })}
+ {t(name)}
+
+
+ {/* Back button */}
+ }
+ />
+ {/* Next/Submit button */}
+
+
+
+
+
+ );
+});
+
+export default MicroplanCreatedScreen;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanDetails.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanDetails.js
new file mode 100644
index 00000000000..a54b7419ed8
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanDetails.js
@@ -0,0 +1,295 @@
+import React, { Fragment, useState, useEffect, useCallback } from "react";
+import {
+ Card,
+ CardSubHeader,
+ CardSectionHeader,
+ StatusTable,
+ Row,
+ Loader,
+ LabelFieldPair,
+ CardLabel,
+ TextInput,
+ LoaderWithGap,
+} from "@egovernments/digit-ui-react-components";
+import { useTranslation } from "react-i18next";
+import { tourSteps } from "../configs/tourSteps";
+import { useMyContext } from "../utils/context";
+import { InfoCard, Modal, Toast } from "@egovernments/digit-ui-components";
+import { CloseButton, ModalHeading } from "./CommonComponents";
+import { PRIMARY_THEME_COLOR } from "../configs/constants";
+import SearchPlanConfig from "../services/SearchPlanConfig";
+
+const page = "microplanDetails";
+
+const MicroplanDetails = ({
+ MicroplanName = "default",
+ campaignType = Digit.SessionStorage.get("microplanHelperData")?.campaignData?.projectType,
+ microplanData,
+ setMicroplanData,
+ checkDataCompletion,
+ setCheckDataCompletion,
+ currentPage,
+ pages,
+ setToast,
+ ...props
+}) => {
+ const { t } = useTranslation();
+ const [microplan, setMicroplan] = useState(Digit.SessionStorage.get("microplanData")?.microplanDetails?.name);
+ const { state, dispatch } = useMyContext();
+ const [modal, setModal] = useState("none");
+ // const [toast, setToast] = useState();
+ const [showNamingConventions, setShowNamingConventions] = useState(false);
+ const [loader, setLoader] = useState(false);
+
+ //fetch campaign data
+ const { id = "" } = Digit.Hooks.useQueryParams();
+ const { isLoading: isCampaignLoading, data: campaignData } = Digit.Hooks.microplan.useSearchCampaign(
+ {
+ CampaignDetails: {
+ tenantId: Digit.ULBService.getCurrentTenantId(),
+ ids: [id],
+ },
+ },
+ {
+ enabled: !!id,
+ select: (data) => {
+ const campaignCard = [
+ {
+ label: t("CAMPAIGN_NAME"),
+ value: data?.campaignName ? data?.campaignName : t("ES_COMMON_NA"),
+ },
+ {
+ label: t(`CAMPAIGN_TYPE`),
+ value: data?.projectType ? t(`CAMPAIGN_TYPE_${data?.projectType}`) : t("ES_COMMON_NA"),
+ },
+ {
+ label: t(`CAMPAIGN_BENEFICIARY_TYPE`),
+ value: data?.additionalDetails?.beneficiaryType
+ ? t(`CAMPAIGN_BENEFICIARY_TYPE${data?.additionalDetails?.beneficiaryType}`)
+ : t("ES_COMMON_NA"),
+ },
+ {
+ label: t("CAMPAIGN_DATE"),
+ value: data.startDate
+ ? data.endDate
+ ? `${Digit.DateUtils.ConvertEpochToDate(data.startDate)} - ${Digit.DateUtils.ConvertEpochToDate(data.endDate)}`
+ : Digit.DateUtils.ConvertEpochToDate(data.startDate)
+ : t("ES_COMMON_NA"),
+ },
+ ];
+ return campaignCard;
+ },
+ }
+ );
+
+ // Set TourSteps
+ useEffect(() => {
+ const tourData = tourSteps(t)?.[page] || {};
+ if (state?.tourStateData?.name === page) return;
+ dispatch({
+ type: "SETINITDATA",
+ state: { tourStateData: tourData },
+ });
+ }, []);
+
+ // Save data to ssn of data change
+ useEffect(() => {
+ setMicroplanData((previous) => ({
+ ...previous,
+ microplanDetails: {
+ name: microplan,
+ },
+ }));
+ }, [microplan]);
+
+ useEffect(() => {
+ if (checkDataCompletion !== "true" || !setCheckDataCompletion) return;
+
+ updateData(true);
+ }, [checkDataCompletion]);
+
+ // UseEffect to add a event listener for keyboard
+ useEffect(() => {
+ window.addEventListener("keydown", handleKeyPress);
+
+ return () => window.removeEventListener("keydown", handleKeyPress);
+ }, [modal]);
+
+ const handleKeyPress = (event) => {
+ // if (modal !== "upload-guidelines") return;
+ if (["x", "Escape"].includes(event.key)) {
+ // Perform the desired action when "x" or "esc" is pressed
+ // if (modal === "upload-guidelines")
+ setCheckDataCompletion("false");
+ setModal("none");
+ }
+ };
+ const validateMicroplanName = async () => {
+ try {
+ setLoader("LOADING");
+ const body = {
+ PlanConfigurationSearchCriteria: {
+ name: microplan,
+ tenantId: Digit.ULBService.getCurrentTenantId(),
+ },
+ };
+ const response = await SearchPlanConfig(body);
+ if (response?.PlanConfiguration?.length === 0) {
+ setLoader();
+ return true;
+ }
+ if (response?.PlanConfiguration?.length === 1) {
+ if (response?.PlanConfiguration[0].id === microplanData?.planConfigurationId) {
+ setLoader();
+ return true;
+ }
+ }
+ setLoader();
+ return false;
+ } catch (error) {
+ console.error("Error while checking microplan name duplication: ", error.message);
+ setLoader();
+ return false;
+ }
+ };
+ // check if data has changed or not
+ const updateData = useCallback(
+ async (check) => {
+ if (checkDataCompletion !== "true" || !setCheckDataCompletion) return;
+ if (!microplan || !validateName(microplan)) {
+ setCheckDataCompletion("false");
+ setShowNamingConventions(true);
+ return setToast({ state: "error", message: t("ERROR_MICROPLAN_NAME_CRITERIA") });
+ }
+ const valid = await validateMicroplanName();
+ if (!valid) {
+ setToast({ state: "error", message: t("ERROR_DUPLICATE_MICROPLAN_NAME") });
+ setCheckDataCompletion("false");
+ return;
+ }
+ if (check) {
+ setMicroplanData((previous) => ({
+ ...previous,
+ microplanDetails: {
+ name: microplan,
+ },
+ }));
+ if (!["", null, undefined].includes(microplan)) {
+ setCheckDataCompletion("valid");
+ } else {
+ setCheckDataCompletion("invalid");
+ }
+ } else {
+ if (!["", null, undefined].includes(microplanData?.microplanDetails?.name)) {
+ setCheckDataCompletion("valid");
+ } else {
+ setCheckDataCompletion("invalid");
+ }
+ }
+ },
+ [checkDataCompletion, microplan, microplanData, setCheckDataCompletion, setMicroplanData, validateMicroplanName]
+ );
+
+ // const cancelUpdateData = useCallback(() => {
+ // setCheckDataCompletion(false);
+ // setModal('none');
+ // }, [setCheckDataCompletion, setModal]);
+ function validateName(name) {
+ const microplanNamingRegxString = state?.MicroplanNamingRegx?.[0]?.data;
+ const namePattern = new RegExp(microplanNamingRegxString);
+ return namePattern.test(name);
+ }
+ const onChangeMicroplanName = (e) => {
+ setMicroplan(e.target.value);
+ };
+
+ if (isCampaignLoading) {
+ return
+
+
+
+
+ {t("MICROPLAN_GENERATED_SUCCESSFULLY_DESCRIPTIION")}
+
+ }
+ isSuffix={false}
+ />
+
+ {t("MP_FOOTER")}
+*
+
+
+
+
+ ))}
+ ,
+ ]}
+ />
+
+ );
+};
+
+export default MicroplanDetails;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanPreview.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanPreview.js
new file mode 100644
index 00000000000..3ca2d08b160
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanPreview.js
@@ -0,0 +1,470 @@
+import { Header, Loader } from "@egovernments/digit-ui-components";
+import React, { useCallback, useEffect, useMemo, useState, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { processHierarchyAndData } from "../utils/processHierarchyAndData";
+import { ModalHeading } from "./CommonComponents";
+import { PRIMARY_THEME_COLOR } from "../configs/constants";
+import { LoaderWithGap, Modal } from "@egovernments/digit-ui-react-components";
+import { tourSteps } from "../configs/tourSteps";
+import { useMyContext } from "../utils/context";
+import {
+ fetchMicroplanPreviewData,
+ filterObjects,
+ updateHyothesisAPICall,
+ filterMicroplanDataToShowWithHierarchySelection,
+} from "../utils/microplanPreviewUtils";
+import {
+ HypothesisValues,
+ BoundarySelection,
+ DataPreview,
+ AppplyChangedHypothesisConfirmation,
+ Aggregates,
+} from "./MicroplanPreviewHelperCompoenents";
+
+const page = "microplanPreview";
+
+const MicroplanPreview = ({
+ campaignType = Digit.SessionStorage.get("microplanHelperData")?.campaignData?.projectType,
+ microplanData,
+ setMicroplanData,
+ checkDataCompletion,
+ setCheckDataCompletion,
+ currentPage,
+ pages,
+ navigationEvent,
+ setToast,
+ ...props
+}) => {
+ const { mutate: UpdateMutate } = Digit.Hooks.microplan.useUpdatePlanConfig();
+ const userInfo = Digit.SessionStorage.get("User")?.info;
+ const { id: campaignId = "" } = Digit.Hooks.useQueryParams();
+ const { t } = useTranslation();
+ const [hypothesisAssumptionsList, setHypothesisAssumptionsList] = useState([]);
+ const [data, setData] = useState([]);
+ const [dataToShow, setDataToShow] = useState([]);
+ const [validationSchemas, setValidationSchemas] = useState([]);
+ const [resources, setResources] = useState([]);
+ const [formulaConfiguration, setFormulaConfiguration] = useState([]);
+ const [boundarySelections, setBoundarySelections] = useState({}); // state for hierarchy from the data available from uploaded data
+ const [boundaryData, setBoundaryData] = useState({}); // State for boundary data
+ // const [toast, setToast] = useState();
+ const [modal, setModal] = useState("none");
+ const [operatorsObject, setOperatorsObject] = useState([]);
+
+ const [loaderActivation, setLoaderActivation] = useState(false);
+
+ const [userEditedResources, setUserEditedResources] = useState({}); // state to maintain a record of the resources that the user has edited ( boundaryCode : {resource : value})
+ const [microplanPreviewAggregates, setMicroplaPreviewAggregates] = useState();
+ const { state, dispatch } = useMyContext();
+ const [updateHypothesis, setUpdateHypothesis] = useState(false);
+ //fetch campaign data
+ const { id = "" } = Digit.Hooks.useQueryParams();
+ const { isLoading: isCampaignLoading, data: campaignData } = Digit.Hooks.microplan.useSearchCampaign(
+ {
+ CampaignDetails: {
+ tenantId: Digit.ULBService.getCurrentTenantId(),
+ ids: [id],
+ },
+ },
+ {
+ enabled: !!id,
+ }
+ );
+
+ // request body for boundary hierarchy api
+ const reqCriteria = {
+ url: `/boundary-service/boundary-hierarchy-definition/_search`,
+ params: {},
+ body: {
+ BoundaryTypeHierarchySearchCriteria: {
+ tenantId: Digit.ULBService.getStateId(),
+ hierarchyType: campaignData?.hierarchyType,
+ },
+ },
+ config: {
+ enabled: !!campaignData?.hierarchyType,
+ select: (data) => {
+ return (
+ data?.BoundaryHierarchy?.[0]?.boundaryHierarchy?.map((item) => ({
+ ...item,
+ parentBoundaryType: item?.parentBoundaryType
+ ? `${campaignData?.hierarchyType}_${Digit.Utils.microplan.transformIntoLocalisationCode(item?.parentBoundaryType)}`
+ : null,
+ boundaryType: `${campaignData?.hierarchyType}_${Digit.Utils.microplan.transformIntoLocalisationCode(item?.boundaryType)}`,
+ })) || {}
+ );
+ },
+ },
+ };
+ const { isLoading: ishierarchyLoading, data: hierarchyRawData } = Digit.Hooks.useCustomAPIHook(reqCriteria);
+ const hierarchy = useMemo(() => {
+ return hierarchyRawData?.map((item) => item?.boundaryType);
+ }, [hierarchyRawData]);
+ // Set TourSteps
+ useEffect(() => {
+ const tourData = tourSteps(t)?.[page] || {};
+ if (state?.tourStateData?.name === page) return;
+ dispatch({
+ type: "SETINITDATA",
+ state: { tourStateData: tourData },
+ });
+ }, []);
+
+ // UseEffect to extract data on first render
+ useEffect(() => {
+ if (microplanData && (microplanData?.ruleEngine || microplanData?.hypothesis)) {
+ const hypothesisAssumptions = microplanData?.hypothesis || [];
+ const formulaConfiguration = microplanData?.ruleEngine?.filter((item) => Object.values(item).every((key) => key !== "")) || [];
+ if (hypothesisAssumptions.length !== 0 && hypothesisAssumptionsList.length === 0) {
+ setHypothesisAssumptionsList(hypothesisAssumptions);
+ }
+ if (formulaConfiguration.length !== 0) {
+ setFormulaConfiguration(formulaConfiguration);
+ }
+ }
+ if (microplanData?.microplanPreview?.userEditedResources) {
+ setUserEditedResources(microplanData?.microplanPreview?.userEditedResources);
+ }
+ }, []);
+
+ // Fetch and assign MDMS data
+ useEffect(() => {
+ if (!state) return;
+ const schemas = state?.Schemas;
+ let resourcelist = state?.Resources;
+ let microplanPreviewAggregatesList = state?.MicroplanPreviewAggregates;
+ microplanPreviewAggregatesList = microplanPreviewAggregatesList.find((item) => item.campaignType === campaignType)?.data;
+ if (schemas) setValidationSchemas(schemas);
+ resourcelist = resourcelist.find((item) => item.campaignType === campaignType)?.data;
+ if (resourcelist) setResources(resourcelist);
+ if (state?.RuleConfigureOperators) {
+ setOperatorsObject(state.RuleConfigureOperators);
+ }
+ if (microplanPreviewAggregatesList) setMicroplaPreviewAggregates(microplanPreviewAggregatesList);
+ }, []);
+
+ // UseEffect for checking completeness of data before moveing to next section
+ useEffect(() => {
+ if (!dataToShow || checkDataCompletion !== "true" || !setCheckDataCompletion) return;
+ const check = filterObjects(hypothesisAssumptionsList, microplanData?.hypothesis);
+ if (check.length === 0) {
+ if (navigationEvent?.name === "next") return setModal("confirm-microplan-generation");
+ return createMicroplan(false, false);
+ }
+ setModal("confirm-apply-changed-hypothesis");
+ }, [checkDataCompletion]);
+
+ // check if data has changed or not
+ const updateData = useCallback(
+ (doPerform) => {
+ // Update the microplan data with selected hierarchy and resources
+ // This function also handles setting the completion check based on the action to be performed
+ if (!setMicroplanData) return;
+ try {
+ let tempData = filterMicroplanDataToShowWithHierarchySelection(data, {}, hierarchy);
+ // Adding resources to the data we need to show
+ tempData = Digit.Utils.microplan.addResourcesToFilteredDataToShow(
+ tempData,
+ resources,
+ hypothesisAssumptionsList,
+ formulaConfiguration,
+ userEditedResources,
+ t
+ );
+ setMicroplanData((previous) => ({
+ ...previous,
+ microplanPreview: {
+ previewData: tempData,
+ userEditedResources,
+ },
+ }));
+ if (doPerform) {
+ return setCheckDataCompletion("perform-action");
+ }
+ setCheckDataCompletion("false");
+ } catch (error) {
+ console.error("Failed to update data:", error);
+ }
+ },
+ [
+ resources,
+ boundarySelections,
+ hierarchy,
+ hypothesisAssumptionsList,
+ formulaConfiguration,
+ userEditedResources,
+ setMicroplanData,
+ setCheckDataCompletion,
+ ]
+ );
+
+ const cancelUpdateData = useCallback(() => {
+ setUpdateHypothesis(false);
+ if (navigationEvent?.name === "next") setModal("confirm-microplan-generation");
+ else createMicroplan(false, false);
+ }, [setCheckDataCompletion, setModal]);
+
+ useEffect(() => {
+ if (boundarySelections && Object.values(boundarySelections).every((item) => item.length === 0) && hierarchy) {
+ const tempBoundarySelection = {};
+ for (const item of hierarchy) {
+ tempBoundarySelection[item] = [];
+ }
+ setBoundarySelections(tempBoundarySelection);
+ }
+ }, [hierarchy]);
+
+ // UseEffect to add a event listener for keyboard
+ useEffect(() => {
+ window.addEventListener("keydown", handleKeyPress);
+
+ return () => window.removeEventListener("keydown", handleKeyPress);
+ }, [modal]);
+
+ const handleKeyPress = (event) => {
+ // if (modal !== "upload-guidelines") return;
+ if (["x", "Escape"].includes(event.key)) {
+ // Perform the desired action when "x" or "esc" is pressed
+ setCheckDataCompletion("false");
+ setModal("none");
+ }
+ };
+
+ const cancleNavigation = () => {
+ if (navigationEvent?.name !== "next") setCheckDataCompletion("false");
+ setModal("none");
+ };
+
+ const createMicroplan = useCallback(
+ (doCreation, updateHypothesis) => {
+ if (!hypothesisAssumptionsList || !setMicroplanData) return;
+ const updateDataWrapper = () => {
+ if (doCreation || navigationEvent?.name !== "next") {
+ return updateData(true);
+ }
+ updateData(false);
+ };
+ const setCheckDataCompletionWrapper = (value) => {
+ if (!doCreation) {
+ return setCheckDataCompletion("false");
+ }
+ setCheckDataCompletion(value);
+ };
+ const microData = updateHypothesis ? updateMicroplanData(hypothesisAssumptionsList) : microplanData;
+ setLoaderActivation(true);
+ updateHyothesisAPICall(
+ microData,
+ setMicroplanData,
+ operatorsObject,
+ microData?.microplanDetails?.name,
+ campaignId,
+ UpdateMutate,
+ setToast,
+ updateDataWrapper,
+ setLoaderActivation,
+ doCreation && navigationEvent?.name === "next" ? "GENERATED" : "DRAFT",
+ cancleNavigation,
+ state,
+ campaignType,
+ navigationEvent,
+ setCheckDataCompletionWrapper,
+ t
+ );
+
+ setUpdateHypothesis(false);
+ setModal("none");
+ },
+ [
+ hypothesisAssumptionsList,
+ setMicroplanData,
+ operatorsObject,
+ campaignId,
+ UpdateMutate,
+ setToast,
+ updateData,
+ setLoaderActivation,
+ navigationEvent,
+ t,
+ ]
+ );
+
+ const updateMicroplanData = useCallback(
+ (hypothesisAssumptionsList) => {
+ let microData = {};
+ setMicroplanData((previous) => {
+ microData = { ...previous, hypothesis: hypothesisAssumptionsList };
+ return microData;
+ });
+ return microData;
+ },
+ [setMicroplanData]
+ );
+
+ // Set microplan preview data
+ useEffect(() => {
+ if (data?.length !== 0 || !hierarchyRawData || !hierarchy || validationSchemas?.length === 0) return;
+
+ const combinedData = fetchMicroplanPreviewData(campaignType, microplanData, validationSchemas, hierarchy);
+ // process and form hierarchy
+ if (combinedData && hierarchy) {
+ const { hierarchyLists, hierarchicalData } = processHierarchyAndData(hierarchyRawData, [combinedData]);
+ setBoundaryData({ Microplan: { hierarchyLists, hierarchicalData } });
+ }
+ if (combinedData) {
+ setData(combinedData);
+ setDataToShow(combinedData);
+ }
+ }, [hierarchy, hierarchyRawData, microplanData]);
+
+ useEffect(() => {
+ if (!boundarySelections && !resources) return;
+ let tempData = filterMicroplanDataToShowWithHierarchySelection(data, boundarySelections, hierarchy);
+ // Adding resources to the data we need to show
+ tempData = Digit.Utils.microplan.addResourcesToFilteredDataToShow(
+ tempData,
+ resources,
+ hypothesisAssumptionsList,
+ formulaConfiguration,
+ userEditedResources,
+ t
+ );
+ setDataToShow(tempData);
+ setMicroplanData((previous) => ({ ...previous, microplanPreview: { ...previous.microplanPreview, previewData: tempData, userEditedResources } }));
+ }, [boundarySelections, resources, hypothesisAssumptionsList, userEditedResources]);
+
+ if (isCampaignLoading || ishierarchyLoading) {
+ return (
+ + {t(index + 1)}. +
++ {t(item)} +
+
+
+ );
+ }
+
+ return (
+ <>
+
+
+ {loaderActivation &&
+ {t(microplanData?.microplanDetails?.name)}
+
+ {t(campaignData?.campaignName)}
+{t("MICROPLAN_PREVIEW_CREATE_BY", { username: userInfo?.name })}
+
+
+
+
+
+
+ {modal === "confirm-apply-changed-hypothesis" && (
+
+
+ {t("MICROPLAN_PREVIEW_HYPOTHESIS_HEADING")}
+{t("MICROPLAN_PREVIEW_HYPOTHESIS_INSTRUCTIONS")}
+
+ {dataToShow?.length != 0 ? (
+
+ {t("NO_DATA_AVAILABLE")}
+ )}
+
+
+
+ )}
+ {t("INSTRUCTIONS_MICROPLAN_GENERATION_CONFIRMATION")}
+
+
+ );
+});
+
+export const BoundarySelection = memo(({ boundarySelections, setBoundarySelections, boundaryData, hierarchy, t }) => {
+ const [processedHierarchy, setProcessedHierarchy] = useState([]);
+ const [isLoading, setIsLoading] = useState(false);
+ const [changedBoundaryType, setChangedBoundaryType] = useState("");
+
+ // Filtering out dropdown values
+ useEffect(() => {
+ if (!boundaryData || !hierarchy) return;
+
+ const processedHierarchyTemp = fetchDropdownValues(
+ boundaryData,
+ processedHierarchy.length !== 0 ? processedHierarchy : hierarchy,
+ boundarySelections,
+ changedBoundaryType
+ );
+ setProcessedHierarchy(processedHierarchyTemp);
+ setIsLoading(false);
+ }, [boundaryData, hierarchy, boundarySelections]);
+
+ return (
+
+ {tempHypothesisList
+ .filter((item) => item?.active)
+ ?.filter((item) => item.key !== "")
+ .map((item, index) => (
+
+
+
+ ))}
+ {t(item?.key)}
+
+ {/* Dropdown for boundaries */}
+
+ valueChangeHandler({ item, newValue: value?.target?.value }, setTempHypothesisList, boundarySelections, setToast, t)
+ }
+ disable={false}
+ />
+
+
+
+
+
+ {isLoading &&
+ );
+});
+
+export const DataPreview = memo(
+ ({ previewData, isCampaignLoading, ishierarchyLoading, resources, userEditedResources, setUserEditedResources, modal, setModal, data, t }) => {
+ if (!previewData) return;
+ const [tempResourceChanges, setTempResourceChanges] = useState(userEditedResources);
+ const [selectedRow, setSelectedRow] = useState();
+ const conmmonColumnIndex = useMemo(() => {
+ return previewData?.[0]?.indexOf(commonColumn);
+ }, [previewData]);
+ if (isCampaignLoading || ishierarchyLoading) {
+ return (
+
+ {t(item?.boundaryType)}
+ {item?.parentBoundaryType === null ? (
+ 5 ? { height: "13.75rem" } : {}}
+ type={"multiselectdropdown"}
+ t={t}
+ options={item?.dropDownOptions || []}
+ optionsKey="name"
+ addSelectAllCheck={true}
+ onSelect={(e) => {
+ setChangedBoundaryType(item?.boundaryType);
+ Digit.Utils.microplan.handleSelection(
+ e,
+ item?.boundaryType,
+ boundarySelections,
+ hierarchy,
+ setBoundarySelections,
+ boundaryData,
+ setIsLoading
+ );
+ }}
+ />
+ ) : (
+ 5 ? { height: "13.75rem" } : {}}
+ type={"multiselectdropdown"}
+ t={t}
+ options={Digit.Utils.microplan.processDropdownForNestedMultiSelect(item?.dropDownOptions) || []}
+ optionsKey="name"
+ addSelectAllCheck={true}
+ onSelect={(e) => {
+ setChangedBoundaryType(item?.boundaryType);
+ Digit.Utils.microplan.handleSelection(
+ e,
+ item?.boundaryType,
+ boundarySelections,
+ hierarchy,
+ setBoundarySelections,
+ boundaryData,
+ setIsLoading
+ );
+ }}
+ variant="nestedmultiselect"
+ />
+ )}
+
+ ))}
+
+
+ );
+ }
+
+ const rowClick = useCallback((rowIndex) => {
+ setSelectedRow(rowIndex);
+ setModal("change-preview-data");
+ }, []);
+
+ const finaliseRowDataChange = () => {
+ setUserEditedResources(tempResourceChanges);
+ setModal("none");
+ setSelectedRow(undefined);
+ };
+
+ const modalCloseHandler = () => {
+ setModal("none");
+ setSelectedRow(undefined);
+ };
+
+ return (
+
+
+ );
+ }
+);
+
+export const AppplyChangedHypothesisConfirmation = ({ newhypothesisList, hypothesisList, t }) => {
+ const data = filterObjects(newhypothesisList, hypothesisList);
+ return (
+
+
+
+
+
+ {modal === "change-preview-data" && (
+ | + {t(header)} + | + ))} ++ {cellIndex === 0 && + userEditedResources?.[rowData?.[conmmonColumnIndex]] && + Object.keys(userEditedResources?.[rowData?.[conmmonColumnIndex]]).length !== 0 && } + + {rowData[cellIndex] || rowData[cellIndex] === 0 ? rowData[cellIndex] : t("NO_DATA")} + | + )); + return ( +
|---|
+
+ )}
+
+
+ {t("MICROPLAN_PREVIEW_HYPOTHESIS")}
+
+
+ );
+};
+
+export const EditResourceData = ({ previewData, selectedRow, resources, tempResourceChanges, setTempResourceChanges, data, t }) => {
+ const conmmonColumnData = useMemo(() => {
+ const index = previewData?.[0]?.indexOf(commonColumn);
+ if (index === -1) return;
+ return previewData?.[selectedRow]?.[index];
+ }, [previewData]);
+
+ const valueChangeHandler = (item, value) => {
+ if (!conmmonColumnData) return;
+ if (isNaN(value) || (!isFinite(value) && value !== "")) return;
+ let changedDataAgainstBoundaryCode = tempResourceChanges?.[conmmonColumnData] || {};
+ changedDataAgainstBoundaryCode[item] = value === "" ? undefined : parseFloat(value);
+ setTempResourceChanges((previous) => ({ ...previous, [conmmonColumnData]: changedDataAgainstBoundaryCode }));
+ };
+
+ return (
+
+
+ {t("INSTRUCTION_PROCEED_WITH_NEW_HYPOTHESIS")}
+
+
+
+
+
+ | {t("KEYS")} | +{t("OLD_VALUE")} | +{t("NEW_VALUE")} | +
|---|---|---|
| {t(row?.key)} | +{t(row?.oldValue)} | +{t(row?.value)} | +
+
+
+
+
+ );
+};
+
+export const Aggregates = memo(({ microplanPreviewAggregates, dataToShow, NumberFormatMappingForTranslation, t }) => {
+ const { formatNumber } = useNumberFormatter(NumberFormatMappingForTranslation?.reduce((acc, obj) => Object.assign(acc, obj), {}));
+
+ if (!microplanPreviewAggregates) return null;
+ return (
+ | {t("COLUMNS")} | +{t("OLD_VALUE")} | +{t("NEW_VALUE")} | +
|---|---|---|
|
+ {t(item)} + |
+
+ {currentData || t("NO_DATA")} + |
+
+ |
+
|
+ {t(item)} + |
+
+ {currentData || t("NO_DATA")} + |
+
+ |
+
+ {microplanPreviewAggregates.map((item, index) => {
+ const aggregate = calculateAggregateValue(item, dataToShow);
+ return (
+
+ );
+});
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanningCard.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanningCard.js
new file mode 100644
index 00000000000..9a1dd8f5500
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/MicroplanningCard.js
@@ -0,0 +1,34 @@
+import { EmployeeModuleCard, WorksMgmtIcon } from "@egovernments/digit-ui-react-components";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+const ROLES = {
+ MICROPLAN: ["MICROPLAN_ADMIN"],
+};
+
+const MicroplanningCard = () => {
+ const { t } = useTranslation();
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+
+ const generateLink = (labelKey, pathSuffix) => {
+ return {
+ label: t(labelKey),
+ link: `/${window?.contextPath}/employee/microplanning/${pathSuffix}`,
+ roles: ROLES.MICROPLAN,
+ };
+ };
+
+ let links = [generateLink("CREATE_NEW_MICROPLAN", "select-campaign"), generateLink("OPEN_SAVED_MICROPLANS", "saved-microplans")];
+
+ links = links.filter((link) => (link?.roles && link?.roles?.length > 0 ? Digit.Utils.didEmployeeHasAtleastOneRole(link?.roles) : true));
+
+ const propsForModuleCard = {
+ Icon:
+
+ );
+ })}
+ {isNaN(parseInt(aggregate)) ? 0 : formatNumber(parseInt(aggregate))}
+{typeof item === "object" && item.name ? t(item.name) : t(item)}
+
+
+
+ );
+};
+
+export default MicroplanningHeader;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Modal.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Modal.js
new file mode 100644
index 00000000000..0792ee2e52d
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/Modal.js
@@ -0,0 +1,158 @@
+import React, { useEffect } from "react";
+import { PopUp, HeaderBar, Toast, CloseButton, ButtonSelector } from "@egovernments/digit-ui-react-components";
+import { Close } from "@egovernments/digit-ui-svg-components";
+import { PRIMARY_THEME_COLOR } from "../configs/constants";
+
+const Modal = ({
+ headerBarMain,
+ headerBarEnd,
+ popupStyles,
+ children = {},
+ actionCancelLabel,
+ actionCancelOnSubmit,
+ actionSaveLabel,
+ actionSaveOnSubmit,
+ error,
+ setError,
+ formId,
+ isDisabled,
+ hideSubmit,
+ style = {},
+ footerLeftButtonstyle = {},
+ footerRightButtonstyle = {},
+ footerLeftButtonBody,
+ footerRightButtonBody,
+ popupModuleMianStyles,
+ headerBarMainStyle,
+ isOBPSFlow = false,
+ popupModuleActionBarStyles = {},
+}) => {
+ /**
+ * TODO: It needs to be done from the desgin changes
+ */
+ const mobileView = Digit.Utils.browser.isMobile();
+ useEffect(() => {
+ document.body.style.overflowY = "hidden";
+ return () => {
+ document.body.style.overflowY = "auto";
+ };
+ }, []);
+
+ return (
+
+
+ {error &&
+ {children}
+
+
+ {actionCancelLabel || footerLeftButtonBody ? (
+ 0 ? style : footerLeftButtonstyle}
+ />
+ ) : null}
+ {!hideSubmit ? (
+ 0 ? style : footerRightButtonstyle}
+ />
+ ) : null}
+
+
+
+ )}
+ {body ? body : ""}
+ {bodyText}
+
+ {/* Stepper component */}
+ t(item.name))}
+ direction="horizontal"
+ activeSteps={activeSteps >= 0 ? activeSteps + 1 : null}
+ onStepClick={stepClickHandler}
+ />
+
+ {/* Load custom component based on current page */}
+ {props?.components[currentPage?.component] ? (
+ LoadCustomComponent({ component: props.components[currentPage?.component] }) !== null ? (
+
+ {/* Back button */}
+ {currentPage?.id > 0 && (
+ }
+ />
+ )}
+ {/* Next/Submit button */}
+
+
+
+ );
+});
+
+// Component to load custom component based on current page
+const LoadCustomComponent = (props) => {
+ if (props && !props.component) return null;
+ const secondaryProps = props.secondaryProps;
+ return {t("COMMON_DATA_NOT_PRESENT")}
+ )
+ ) : (
+ ""
+ )}
+
+ {/* Action bar */}
+
+
+ {/* delete conformation */}
+
+
+ {/* NonInterractable Section */}
+
+
+ {modal === "delete-conformation" && (
+
+
+ );
+};
+
+// Function to add a new assumption
+const addRulesHandler = (setRules) => {
+ const uuid = uuidv4();
+ setRules((previous) => [
+ ...previous,
+ {
+ id: uuid,
+ // previous.length ? previous[previous.length - 1].id + 1 : 0,
+ output: "",
+ input: "",
+ operator: "",
+ assumptionValue: "",
+ active: true,
+ },
+ ]);
+};
+
+// Defination for NonInterractable Section
+const NonInterractableSection = React.memo(({ t }) => {
+ return (
+
+
+
+ )}
+ {t("RULE_ENGINE_INSTRUCTIONS_DELETE_ENTRY_CONFIRMATION")}
+
+
+ );
+});
+
+// Defination for NonInterractable Section
+const InterractableSection = React.memo(
+ ({
+ rules,
+ setRules,
+ hypothesisAssumptionsList,
+ setHypothesisAssumptionsList,
+ setModal,
+ setItemForDeletion,
+ exampleOption,
+ inputs,
+ outputs,
+ operators,
+ setInputs,
+ setOutputs,
+ setOperators,
+ pureInputList,
+ t,
+ }) => {
+ // References to the items in the list
+ const itemRefs = useRef([]);
+ // State to keep track of the currently expanded item index
+ const [expandedIndex, setExpandedIndex] = useState(null);
+ // Reference to the scroll container
+ const scrollContainerRef = useRef(null);
+ // State to track the render cycle count
+ const [renderCycle, setRenderCycle] = useState(0);
+
+ // Effect to reset the render cycle count whenever the expandedIndex changes
+ useEffect(() => {
+ if (expandedIndex !== null) {
+ setRenderCycle(0);
+ }
+ }, [expandedIndex]);
+
+ // Effect to handle scrolling to the expanded item after the DOM has updated
+ useEffect(() => {
+ if (renderCycle < 3) {
+ // Increment render cycle count to ensure multiple render checks
+ setRenderCycle((prev) => prev + 1);
+ } else if (expandedIndex !== null && itemRefs.current[expandedIndex]) {
+ try {
+ const parentElement = itemRefs.current[expandedIndex];
+ const childElement = itemRefs.current[expandedIndex].children[1];
+
+ if (parentElement) {
+ const scrollContainer = scrollContainerRef.current;
+ const parentRect = parentElement.getBoundingClientRect();
+ const containerRect = scrollContainer.getBoundingClientRect();
+
+ // Calculate the offset from the top of the container
+ const offset = parentRect.top - containerRect.top;
+
+ // Scroll the container to the target position
+ scrollContainer.scrollTo({
+ top: scrollContainer.scrollTop + offset - 100,
+ behavior: "smooth",
+ });
+ }
+
+ if (childElement) {
+ // Focus the child element if it exists
+ childElement.focus();
+ }
+ } catch (error) {
+ console.error("Error scrolling to element:", error);
+ }
+ }
+ }, [renderCycle, expandedIndex]);
+
+ // Effect to observe DOM changes in the expanded item and trigger render cycle
+ useEffect(() => {
+ if (expandedIndex !== null) {
+ const observer = new MutationObserver(() => {
+ setRenderCycle((prev) => prev + 1);
+ });
+
+ if (itemRefs.current[expandedIndex]) {
+ observer.observe(itemRefs.current[expandedIndex], { childList: true, subtree: true });
+ }
+
+ return () => observer.disconnect();
+ }
+ }, [expandedIndex]);
+
+ // Function to toggle the expanded state of an item
+ const toggleExpand = (index) => {
+ setExpandedIndex(index === expandedIndex ? null : index);
+ };
+
+ // Handler for deleting an assumption on conformation
+ const deleteHandler = useCallback(
+ (item) => {
+ setModal("delete-conformation");
+ setItemForDeletion(item);
+ },
+ [setModal, setItemForDeletion]
+ );
+
+ return (
+ {t("HEADING_RULE_ENGINE")}
+{t("INSTRUCTION_RULE_ENGINE")}
+
+
+ );
+ }
+);
+
+const Example = ({ exampleOption, t }) => {
+ return (
+
+
+
+
+ {rules
+ .filter((item) => item.active)
+ .map((item, index) => (
+
+
+ {t("VALUE")}
+=
+
+
+ {t("RULE_ENGINE_INPUT")}
+
+
+ {t("RULE_ENGINE_OPERATOR")}
+
+
+ {t("KEY")}
+
+
+
+ {
+ itemRefs.current[index] = el;
+ }}
+ onClick={() => toggleExpand(index)}
+ >
+
+ ))}
+
+
+
+
+ =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+const deleteAssumptionHandler = (item, setItemForDeletion, setRules, setOutputs, setInputs, pureInputList) => {
+ try {
+ const outputToRemove = [];
+ setRules((previous) => {
+ if (!previous.length) return [];
+ const deletionElementIndex = previous.findIndex((data) => data.id === item.id);
+ const filteredData = previous.map((data, index) => (index === deletionElementIndex ? { ...data, active: false } : data));
+ const newRules = filteredData.reduce((acc, dataItem, index) => {
+ if (dataItem.active) {
+ const possibleOutputs = acc.reduce((reducedData, element, index) => {
+ if (element.active && !Object.values(element).some((e) => e === "")) reducedData.push(element?.output);
+ return reducedData;
+ }, []);
+ possibleOutputs.push(...pureInputList);
+ if (!possibleOutputs.includes(dataItem?.input)) {
+ if (dataItem?.output !== "") outputToRemove.push(dataItem.output);
+ acc.push({ ...dataItem, input: "", oldInput: dataItem?.input ? dataItem?.input : dataItem?.oldInput });
+ } else {
+ acc.push(dataItem);
+ }
+ } else {
+ acc.push(dataItem);
+ }
+ return acc;
+ }, []);
+
+ return newRules || [];
+ });
+ if (item?.output) {
+ setOutputs((previous) => {
+ if (!previous?.includes(item.output)) return previous ? [...previous, item.output] : [item.output];
+ });
+ setInputs((previous) => {
+ return previous?.filter((e) => e !== item.output && !outputToRemove.includes(e));
+ });
+ }
+ setItemForDeletion();
+ } catch (error) {
+ console.error("Error while deleting a rule: ", error.message);
+ }
+};
+
+const Select = React.memo(
+ ({ item, rules, setRules, disabled = false, options, setOptions, toChange, unique, setInputs, outputs, pureInputList, t }) => {
+ const [selected, setSelected] = useState("");
+ const [filteredOptions, setFilteredOptions] = useState([]);
+
+ useEffect(() => {
+ if (item) {
+ if (outputs?.some((e) => e === item.input)) {
+ if (rules.filter((item) => item.active).some((e) => e?.output === item?.input)) setSelected({ code: item?.[toChange] });
+ } else setSelected({ code: item[toChange] });
+ }
+ }, [item]);
+
+ useEffect(() => {
+ if (!options) return;
+ const filteredOptions = options.length ? options : [];
+ let filteredOptionPlaceHolder = [];
+ if (item?.[toChange] && !filteredOptions.includes(item[toChange])) {
+ filteredOptionPlaceHolder = [item[toChange], ...filteredOptions];
+ } else filteredOptionPlaceHolder = filteredOptions;
+
+ if (toChange === "input") {
+ const currentRuleIndex = rules.findIndex((e) => e?.id === item?.id);
+ filteredOptionPlaceHolder = filteredOptionPlaceHolder.filter((data) => {
+ let priorOutputs = [];
+ if (currentRuleIndex !== -1) {
+ priorOutputs = rules.reduce((acc, item, index) => {
+ if (item.active && index < currentRuleIndex) acc.push(item?.output);
+ return acc;
+ }, []);
+ }
+ priorOutputs.push(...pureInputList);
+ return data !== item.output && priorOutputs.includes(data);
+ });
+ }
+ setFilteredOptions(filteredOptionPlaceHolder);
+ }, [options]);
+
+ const selectChangeHandler = useCallback(
+ (e) => {
+ if (e.code === "SELECT_OPTION") return;
+ const existingEntry = rules.find((item) => item.active && item[toChange] === e.code);
+ if (existingEntry && unique) {
+ console.error("Attempted to add a duplicate entry where uniqueness is required.");
+ return;
+ }
+ const newDataSegment = { ...item };
+ newDataSegment[toChange] = e.code;
+ setRules((previous) => {
+ const filteredAssumptionsList = previous.map((data) => {
+ if (data.id === item.id) return newDataSegment;
+ return data;
+ });
+ return filteredAssumptionsList;
+ });
+ if (typeof setInputs === "function") {
+ setInputs((previous) => {
+ let temp = _.cloneDeep(previous);
+ if (toChange === "output") {
+ temp = temp.filter((item) => item !== selected?.code);
+ }
+ if (!temp.includes(newDataSegment.output) && Object.values(newDataSegment).every((item) => item !== ""))
+ temp = [...temp, newDataSegment.output];
+
+ const currentRuleIndex = rules.findIndex((e) => e?.id === item?.id);
+ temp = temp.filter((data) => {
+ let priorOutputs = [];
+ if (currentRuleIndex !== -1) {
+ priorOutputs = rules.reduce((acc, item, index) => {
+ if (index < currentRuleIndex) acc.push(item?.output);
+ return acc;
+ }, []);
+ }
+ priorOutputs.push(...pureInputList);
+ return data !== item.output && priorOutputs.includes(data);
+ });
+ return temp;
+ });
+ }
+ if (unique)
+ setOptions((previous) => {
+ const newOptions = previous.filter((item) => item !== e.code);
+ if (selected?.code && !newOptions.includes(selected?.code)) newOptions.unshift(selected?.code);
+ return newOptions;
+ });
+ },
+ [rules, item, selected, setRules, setOptions, setInputs]
+ );
+
+ return (
+
+
+ {t("EXAMPLE")}
+
+
+
+
+
+ {t("VALUE")}
+{t("RULE_ENGINE_VALUE_HELP_TEXT")}
+
+
+
+ {"="}
+ +=
+ {"="}
+
+
+ {t("RULE_ENGINE_INPUT")}
+{t("RULE_ENGINE_INPUT_HELP_TEXT")}
+
+
+ {t("RULE_ENGINE_OPERATOR")}
+{t("RULE_ENGINE_OPERATOR_HELP_TEXT")}
+
+
+ {t("KEY")}
+{t("RULE_ENGINE_KEY_HELP_TEXT")}
+
+
+
+
+
+ );
+ }
+
+ return (
+ <>
+
+
+
+ );
+};
+
+export default Upload;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/UploadHelperComponents.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/UploadHelperComponents.js
new file mode 100644
index 00000000000..5a520c4a1bd
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/UploadHelperComponents.js
@@ -0,0 +1,299 @@
+import React, { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import * as Icons from "@egovernments/digit-ui-svg-components";
+import { FileUploader } from "react-drag-drop-files";
+import { InfoButton, InfoCard } from "@egovernments/digit-ui-components";
+import { PRIMARY_THEME_COLOR } from "../configs/constants";
+
+// Component for rendering individual section option
+export const UploadSection = ({ item, selected, setSelectedSection, uploadDone }) => {
+ const { t } = useTranslation();
+ // Handle click on section option
+ const handleClick = () => {
+ setSelectedSection(item);
+ };
+
+ return (
+
+
+
+
+ {!dataPresent ? (
+ dataUpload ? (
+ {
+ setModal("upload-guidelines");
+ }}
+ t={t}
+ />
+ )}
+
+
+
+ e.id === selectedSection.id)[0]}
+ selectedSection={selectedSection}
+ selectedFileType={selectedFileType}
+ UploadFileToFileStorage={UploadFileToFileStorage}
+ onTypeError={onTypeErrorWhileFileUpload}
+ downloadTemplateHandler={downloadTemplateHandler}
+ showDownloadTemplate={showDownloadTemplate}
+ />
+
+ ) : (
+ {sectionComponents}
+ )
+ ) : (
+
+ {selectedSection != null && fileData !== null && (
+ {
+ setModal("reupload-conformation");
+ }}
+ DownloadFile={downloadFile}
+ DeleteFile={() => {
+ setModal("delete-conformation");
+ }}
+ error={uploadedFileError}
+ openDataPreview={openDataPreview}
+ downloadTemplateHandler={downloadTemplateHandler}
+ showDownloadTemplate={showDownloadTemplate}
+ />
+ )}
+
+ )}
+ {!dataPresent && dataUpload && (
+ {sectionOptions}
+
+ {modal === "upload-modal" && (
+ {
+ closeModal();
+ setSelectedFileType(null);
+ }}
+ LeftButtonHandler={() => UploadFileClickHandler(false)}
+ RightButtonHandler={() => UploadFileClickHandler(true)}
+ sections={sections}
+ popupModuleActionBarStyles={{
+ flex: 1,
+ justifyContent: "space-between",
+ padding: "1rem",
+ gap: "1rem",
+ }}
+ footerLeftButtonBody={
+
+
+
+ )}
+ {modal === "reupload-conformation" && (
+ {t("INSTRUCTIONS_DELETE_FILE_CONFIRMATION")}
+
+
+
+ )}
+ {modal === "spatial-data-property-mapping" && (
+ {t("INSTRUCTIONS_REUPLOAD_FILE_CONFIRMATION")}
+
+
+ {t("INSTRUCTION_SPATIAL_DATA_PROPERTY_MAPPING")}
+
+ setPreviewUploadedData(undefined)}
+ onDownload={downloadFile}
+ />
+
+ )}
+
+
+ );
+};
+
+export const UploadInstructions = ({ setModal, t }) => {
+ return (
+
+
+ {t(item.code)}
+ {uploadDone && ( +
+
+ )}
+
+ {t("INFORMATION_DESCRIPTION_LINK")}
+
+ ,
+ ]}
+ />
+ );
+};
+
+// Component for rendering individual upload option
+export const UploadComponents = ({ item, selected, uploadOptions, selectedFileType, selectFileTypeHandler }) => {
+ const { t } = useTranslation();
+ const title = item.code;
+
+ // Component for rendering individual upload option container
+ const UploadOptionContainer = ({ item, selectedFileType, selectFileTypeHandler }) => {
+ const [isHovered, setIsHovered] = useState(false);
+
+ const handleMouseEnter = () => {
+ setIsHovered(true);
+ };
+
+ const handleMouseLeave = () => {
+ setIsHovered(false);
+ };
+
+ return (
+
+
+ );
+ };
+
+ return (
+ {t(item.code)}
+ +
+
+ );
+};
+
+// Component for uploading file
+export const FileUploadComponent = ({
+ selectedSection,
+ selectedFileType,
+ UploadFileToFileStorage,
+ section,
+ onTypeError,
+ downloadTemplateHandler,
+ showDownloadTemplate,
+}) => {
+ if (!selectedSection || !selectedFileType) return ;
+ const { t } = useTranslation();
+ let types;
+ section["UploadFileTypes"].forEach((item) => {
+ if (item.id === selectedFileType.id) types = item.fileExtension;
+ });
+ return (
+
+
+
+
+
+ {t(`HEADING_UPLOAD_DATA_${title}`)}
+{t(`INSTRUCTIONS_DATA_UPLOAD_OPTIONS_${title}`)}
+
+ {uploadOptions?.map((item) => (
+
+
+
+ );
+};
+
+// Component to display uploaded file
+export const UploadedFile = ({
+ selectedSection,
+ selectedFileType,
+ file,
+ ReuplaodFile,
+ DownloadFile,
+ DeleteFile,
+ error,
+ openDataPreview,
+ downloadTemplateHandler,
+ showDownloadTemplate,
+}) => {
+ const { t } = useTranslation();
+ const [errorList, setErrorList] = useState([]);
+ useEffect(() => {
+ let tempErrorList = [];
+ if (file?.errorLocationObject) {
+ for (const [sheetName, values] of Object.entries(file?.errorLocationObject)) {
+ for (const [row, columns] of Object.entries(values)) {
+ for (const [column, errors] of Object.entries(columns)) {
+ for (const error of errors) {
+ let convertedError;
+ if (typeof error === "object") {
+ let { error: actualError, ...otherProperties } = error;
+ convertedError = t(actualError, otherProperties?.values);
+ } else {
+ convertedError = t(error);
+ }
+ tempErrorList.push(
+ t("ERROR_UPLOAD_DATA_LOCATION_AND_MESSAGE", {
+ rowNumber: Number(row) + 1,
+ columnName: t(column),
+ error: convertedError,
+ sheetName: sheetName,
+ })
+ );
+ }
+ }
+ }
+ }
+ }
+ if (tempErrorList.length !== 0) {
+ setErrorList(tempErrorList);
+ }
+ }, [file]);
+ return (
+
+
+
+
+
+
+ {t(`HEADING_FILE_UPLOAD_${selectedSection.code}_${selectedFileType.code}`)}
+ {showDownloadTemplate() && ( + + )} +{t(`INSTRUCTIONS_FILE_UPLOAD_FROM_TEMPLATE_${selectedSection.code}`)}
+
+
+
+ {t(`INSTRUCTIONS_UPLOAD_${selectedFileType.code}`)}
+ {t("INSTRUCTIONS_UPLOAD_BROWSE_FILES")}
+
+
+ );
+};
+
+// Uplaod GuideLines
+export const UploadGuideLines = ({ uploadGuideLines, t }) => {
+ const formMsgFromObject = (item) => {
+ if (!item?.hasLink) {
+ return t(item?.name);
+ }
+ return (
+ <>
+ {t(item?.name)} {t(item?.linkName)}{" "}
+
+ );
+ };
+ return (
+
+
+ {error && Array.isArray(error) && (
+
+
+ {t(`HEADING_FILE_UPLOAD_${selectedSection.code}_${selectedFileType.code}`)}
+ {showDownloadTemplate() && ( + + )} +{t(`INSTRUCTIONS_FILE_UPLOAD_FROM_TEMPLATE_${selectedSection.code}`)}
+ +
+
+
+
+
+
+ {file.fileName}
+
+
+
+
+
+
+ {error?.map((item) => {
+ if (item !== "ERROR_REFER_UPLOAD_PREVIEW_TO_SEE_THE_ERRORS") {
+ return
,
+ ]}
+ />
+ )}
+ {t(item)}
; + } + return null; + })} + {errorList.length !== 0 && errorList.map((item) =>{item}
)} +
+ {uploadGuideLines?.map((item, index) => (
+
+ );
+};
+
+export const CustomIcon = (props) => {
+ if (!props.Icon) return null;
+ return
+
+ ))}
+ + {t(index + 1)}. +
+
+ {formMsgFromObject(item)}
+
+ {t("LOADING_MAP")}
;
+
+ const zoomIn = useCallback(() => {
+ map.zoomIn();
+ }, [map]);
+
+ const zoomOut = useCallback(() => {
+ map.zoomOut();
+ }, [map]);
+
+ return (
+
+
+ );
+});
+
+export default ZoomControl;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/resourceMapping.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/resourceMapping.js
new file mode 100644
index 00000000000..df1eb78c135
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/components/resourceMapping.js
@@ -0,0 +1,187 @@
+import { Dropdown } from "@egovernments/digit-ui-components";
+import { Table } from "@egovernments/digit-ui-react-components";
+import { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious } from "@egovernments/digit-ui-svg-components";
+import React, { useState, useEffect, useMemo, useRef, useCallback } from "react";
+const SCROLL_OFFSET = 100;
+
+export const SpatialDataPropertyMapping = ({ uploadedData, resourceMapping, setResourceMapping, schema, setToast, hierarchy, close, t }) => {
+ // If no data is uploaded, display a message
+ if (!uploadedData) return
+
+
+
+ {t("NO_DATA_TO_DO_MAPPING")}
;
+
+ const itemRefs = useRef([]);
+ const [expandedIndex, setExpandedIndex] = useState(null);
+ // State to track the render cycle count
+ const [renderCycle, setRenderCycle] = useState(0);
+ const scrollContainerRef = useRef(null);
+
+ // Effect to reset the render cycle count whenever the expandedIndex changes
+ useEffect(() => {
+ if (expandedIndex !== null) {
+ setRenderCycle(0);
+ }
+ }, [expandedIndex]);
+
+ // Effect to handle scrolling to the expanded item after the DOM has updated
+ useEffect(() => {
+ if (renderCycle < 3) {
+ // Increment render cycle count to ensure multiple render checks
+ setRenderCycle((prev) => prev + 1);
+ } else if (expandedIndex !== null && itemRefs.current[expandedIndex]) {
+ try {
+ const parentElement = itemRefs.current[expandedIndex];
+ const childElement = itemRefs.current[expandedIndex].children[1];
+
+ if (parentElement) {
+ const scrollContainer = scrollContainerRef.current;
+ const parentRect = parentElement.getBoundingClientRect();
+ const containerRect = scrollContainer.getBoundingClientRect();
+
+ // Calculate the offset from the top of the container
+ const offset = parentRect.top - containerRect.top;
+ // Scroll the container to the target position
+ scrollContainer.scrollTo({
+ top: scrollContainer.scrollTop + offset - SCROLL_OFFSET,
+ behavior: "smooth",
+ });
+ }
+
+ if (childElement) {
+ // Focus the child element if it exists
+ childElement.focus();
+ }
+ } catch (error) {
+ console.error("Error scrolling to element:", error);
+ }
+ }
+ }, [renderCycle, expandedIndex]);
+
+ // Effect to observe DOM changes in the expanded item and trigger render cycle
+ useEffect(() => {
+ if (expandedIndex !== null) {
+ const observer = new MutationObserver(() => {
+ setRenderCycle((prev) => prev + 1);
+ });
+
+ if (itemRefs.current[expandedIndex]) {
+ observer.observe(itemRefs.current[expandedIndex], { childList: true, subtree: true });
+ }
+
+ return () => observer.disconnect();
+ }
+ }, [expandedIndex]);
+
+ // State variables
+ const [userColumns, setUserColumns] = useState([]);
+ const [templateColumns, setTemplateColumns] = useState([]);
+
+ // Fetch template columns when schema changes
+ useEffect(() => {
+ if (!schema || !schema["schema"] || !schema.schema["Properties"])
+ return setToast({ state: "error", message: t("ERROR_VALIDATION_SCHEMA_ABSENT") });
+
+ const columns = Object.keys(schema.schema["Properties"]);
+ if (columns) {
+ const newTemplateColumns = schema && !schema.doHierarchyCheckInUploadedData ? columns : [...hierarchy, ...columns];
+ setTemplateColumns(newTemplateColumns);
+ }
+ }, [schema]);
+
+ // Update user columns when uploaded data changes
+ useEffect(() => {
+ const userUploadedColumns = new Set();
+ uploadedData?.["features"]?.forEach((item) => {
+ Object.keys(item["properties"]).forEach((key) => userUploadedColumns.add(key));
+ });
+
+ //field level validations
+ for (const item of userUploadedColumns) {
+ if (item.length < 2) {
+ setToast({ state: "error", message: t("ERROR_FIELD_LENGTH") });
+ close();
+ }
+ }
+ setUserColumns((preUserColumns) => [...preUserColumns, ...userUploadedColumns]);
+ }, [uploadedData]);
+
+ // Dropdown component for selecting user columns
+ const DropDownUserColumnSelect = ({ id, index }) => {
+ const [selectedOption, setSelectedOption] = useState("");
+ useEffect(() => {
+ const obj = resourceMapping.find((item) => item["mappedTo"] === id);
+ if (obj) setSelectedOption({ code: obj["mappedFrom"] });
+ else setSelectedOption();
+ }, [id, resourceMapping]);
+
+ const handleSelectChange = (event) => {
+ const newValue = event.code;
+ setSelectedOption(event);
+ setResourceMapping((previous) => {
+ const revisedData = previous.filter((item) => !(item["mappedTo"] === id || item["mappedFrom"] === newValue));
+ return [...revisedData, { mappedTo: id, mappedFrom: newValue }];
+ });
+ };
+
+ const toggleExpand = (index) => {
+ setExpandedIndex(index === expandedIndex ? null : index);
+ };
+
+ return (
+ {
+ itemRefs.current[index] = el;
+ }}
+ onClick={() => toggleExpand(index)}
+ onKeyDown={() => toggleExpand(index)}
+ >
+ ({ code: item }))}
+ selected={selectedOption}
+ optionKey="code"
+ select={handleSelectChange}
+ style={{ width: "100%", backgroundColor: "rgb(0,0,0,0)" }}
+ showToolTip={true}
+ />
+
+ );
+ };
+
+ const tableColumns = useMemo(
+ () => [
+ {
+ Header: t("COLUMNS_IN_TEMPLATE"),
+ accessor: "COLUMNS_IN_TEMPLATE",
+ },
+ {
+ Header: t("COLUMNS_IN_USER_UPLOAD"),
+ accessor: "COLUMNS_IN_USER_UPLOAD",
+ Cell: ({ cell: { value }, row: { index } }) =>
+ useMemo(() =>
+ {
+ return { style: {} };
+ }}
+ getHeaderProps={(cellInfo) => {
+ return { style: {} };
+ }}
+ />
+
+ );
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/UICustomizations.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/UICustomizations.js
new file mode 100644
index 00000000000..8f7fd717aba
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/UICustomizations.js
@@ -0,0 +1,324 @@
+import _ from "lodash";
+
+//create functions here based on module name set in mdms(eg->SearchProjectConfig)
+//how to call these -> Digit?.Customizations?.[masterName]?.[moduleName]
+// these functions will act as middlewares
+// var Digit = window.Digit || {};
+
+const businessServiceMap = {
+ "muster roll": "MR",
+};
+
+const inboxModuleNameMap = {
+ "muster-roll-approval": "muster-roll-service",
+};
+
+function filterUniqueByKey(arr, key) {
+ const uniqueValues = new Set();
+ const result = [];
+
+ arr.forEach((obj) => {
+ const value = obj[key];
+ if (!uniqueValues.has(value)) {
+ uniqueValues.add(value);
+ result.push(obj);
+ }
+ });
+
+ return result;
+}
+
+const epochTimeForTomorrow12 = () => {
+ const now = new Date();
+
+ // Create a new Date object for tomorrow at 12:00 PM
+ const tomorrowNoon = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 12, 0, 0, 0);
+
+ // Format the date as "YYYY-MM-DD"
+ const year = tomorrowNoon.getFullYear();
+ const month = String(tomorrowNoon.getMonth() + 1).padStart(2, "0"); // Months are 0-indexed
+ const day = String(tomorrowNoon.getDate()).padStart(2, "0");
+
+ return Digit.Utils.date.convertDateToEpoch(`${year}-${month}-${day}`);
+};
+
+function cleanObject(obj) {
+ for (const key in obj) {
+ if (Object.hasOwn(obj, key)) {
+ if (Array.isArray(obj[key])) {
+ if (obj[key].length === 0) {
+ delete obj[key];
+ }
+ } else if (
+ obj[key] === undefined ||
+ obj[key] === null ||
+ obj[key] === false ||
+ obj[key] === "" || // Check for empty string
+ (typeof obj[key] === "object" && Object.keys(obj[key]).length === 0)
+ ) {
+ delete obj[key];
+ }
+ }
+ }
+ return obj;
+}
+
+export const UICustomizations = {
+ businessServiceMap,
+ updatePayload: (applicationDetails, data, action, businessService) => {
+ if (businessService === businessServiceMap.estimate) {
+ const workflow = {
+ comment: data.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ estimate: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap.contract) {
+ const workflow = {
+ comment: data?.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ contract: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap?.["muster roll"]) {
+ const workflow = {
+ comment: data?.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ musterRoll: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap?.["works.purchase"]) {
+ const workflow = {
+ comment: data.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ const additionalFieldsToSet = {
+ projectId: applicationDetails.additionalDetails.projectId,
+ invoiceDate: applicationDetails.billDate,
+ invoiceNumber: applicationDetails.referenceId.split("_")?.[1],
+ contractNumber: applicationDetails.referenceId.split("_")?.[0],
+ documents: applicationDetails.additionalDetails.documents,
+ };
+ return {
+ bill: { ...applicationDetails, ...additionalFieldsToSet },
+ workflow,
+ };
+ }
+ },
+ enableModalSubmit: (businessService, action, setModalSubmit, data) => {
+ if (businessService === businessServiceMap?.["muster roll"] && action.action === "APPROVE") {
+ setModalSubmit(data?.acceptTerms);
+ }
+ },
+ enableHrmsSearch: (businessService, action) => {
+ if (businessService === businessServiceMap.estimate) {
+ return action.action.includes("TECHNICALSANCTION") || action.action.includes("VERIFYANDFORWARD");
+ }
+ if (businessService === businessServiceMap.contract) {
+ return action.action.includes("VERIFY_AND_FORWARD");
+ }
+ if (businessService === businessServiceMap?.["muster roll"]) {
+ return action.action.includes("VERIFY");
+ }
+ if (businessService === businessServiceMap?.["works.purchase"]) {
+ return action.action.includes("VERIFY_AND_FORWARD");
+ }
+ return false;
+ },
+ getBusinessService: (moduleCode) => {
+ if (moduleCode?.includes("estimate")) {
+ return businessServiceMap?.estimate;
+ } else if (moduleCode?.includes("contract")) {
+ return businessServiceMap?.contract;
+ } else if (moduleCode?.includes("muster roll")) {
+ return businessServiceMap?.["muster roll"];
+ } else if (moduleCode?.includes("works.purchase")) {
+ return businessServiceMap?.["works.purchase"];
+ } else if (moduleCode?.includes("works.wages")) {
+ return businessServiceMap?.["works.wages"];
+ } else if (moduleCode?.includes("works.supervision")) {
+ return businessServiceMap?.["works.supervision"];
+ } else {
+ return businessServiceMap;
+ }
+ },
+ getInboxModuleName: (moduleCode) => {
+ if (moduleCode?.includes("estimate")) {
+ return inboxModuleNameMap?.estimate;
+ } else if (moduleCode?.includes("contract")) {
+ return inboxModuleNameMap?.contracts;
+ } else if (moduleCode?.includes("attendence")) {
+ return inboxModuleNameMap?.attendencemgmt;
+ } else {
+ return inboxModuleNameMap;
+ }
+ },
+ SearchCampaign: {
+ preProcess: (data, additionalDetails) => {
+ const { campaignName = "", endDate = "", projectType = "", startDate = "" } = data?.state?.searchForm || {};
+ data.body.CampaignDetails = {};
+ data.body.CampaignDetails.pagination = data?.state?.tableForm;
+ data.body.CampaignDetails.tenantId = Digit.ULBService.getCurrentTenantId();
+ // data.body.CampaignDetails.boundaryCode = boundaryCode;
+ data.body.CampaignDetails.createdBy = Digit.UserService.getUser().info.uuid;
+ data.body.CampaignDetails.campaignName = campaignName;
+ data.body.CampaignDetails.status = ["drafted"];
+ if (startDate) {
+ data.body.CampaignDetails.startDate = Digit.Utils.date.convertDateToEpoch(startDate);
+ } else {
+ data.body.CampaignDetails.startDate = epochTimeForTomorrow12();
+ }
+ if (endDate) {
+ data.body.CampaignDetails.endDate = Digit.Utils.date.convertDateToEpoch(endDate);
+ }
+ data.body.CampaignDetails.projectType = projectType?.[0]?.code;
+
+ cleanObject(data.body.CampaignDetails);
+
+ return data;
+ },
+ populateProjectType: () => {
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+
+ return {
+ url: "/egov-mdms-service/v1/_search",
+ params: { tenantId },
+ body: {
+ MdmsCriteria: {
+ tenantId,
+ moduleDetails: [
+ {
+ moduleName: "HCM-PROJECT-TYPES",
+ masterDetails: [
+ {
+ name: "projectTypes",
+ },
+ ],
+ },
+ ],
+ },
+ },
+ changeQueryName: "projectType",
+ config: {
+ enabled: true,
+ select: (data) => {
+ const dropdownData = filterUniqueByKey(data?.MdmsRes?.["HCM-PROJECT-TYPES"]?.projectTypes, "code").map((row) => {
+ return {
+ ...row,
+ i18nKey: Digit.Utils.locale.getTransformedLocale(`CAMPAIGN_TYPE_${row.code}`),
+ };
+ });
+ return dropdownData;
+ },
+ },
+ };
+ },
+ customValidationCheck: (data) => {
+ //checking if both to and from date are present then they should be startDate<=endDate
+ const { startDate, endDate } = data;
+ const startDateEpoch = Digit.Utils.date.convertDateToEpoch(startDate);
+ const endDateEpoch = Digit.Utils.date.convertDateToEpoch(endDate);
+
+ if (startDate && endDate && startDateEpoch > endDateEpoch) {
+ return { warning: true, label: "ES_COMMON_ENTER_DATE_RANGE" };
+ }
+ return false;
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ if (key === "CAMPAIGN_DATE") {
+ return `${Digit.DateUtils.ConvertEpochToDate(value)} - ${Digit.DateUtils.ConvertEpochToDate(row?.endDate)}`;
+ }
+ },
+ },
+ SearchMicroplan: {
+ preProcess: (data, additionalDetails) => {
+ const { name, status } = data?.state?.searchForm || {};
+
+ data.body.PlanConfigurationSearchCriteria = {};
+ data.body.PlanConfigurationSearchCriteria.limit = data?.state?.tableForm?.limit;
+ // data.body.PlanConfigurationSearchCriteria.limit = 10
+ data.body.PlanConfigurationSearchCriteria.offset = data?.state?.tableForm?.offset;
+ data.body.PlanConfigurationSearchCriteria.name = name;
+ data.body.PlanConfigurationSearchCriteria.tenantId = Digit.ULBService.getCurrentTenantId();
+ data.body.PlanConfigurationSearchCriteria.userUuid = Digit.UserService.getUser().info.uuid;
+ // delete data.body.PlanConfigurationSearchCriteria.pagination
+ data.body.PlanConfigurationSearchCriteria.status = status?.status;
+ cleanObject(data.body.PlanConfigurationSearchCriteria);
+ return data;
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ if (key === "CAMPAIGN_DATE") {
+ return `${Digit.DateUtils.ConvertEpochToDate(value)} - ${Digit.DateUtils.ConvertEpochToDate(row?.CampaignDetails?.endDate)}`;
+ }
+ },
+ },
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/constants.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/constants.js
new file mode 100644
index 00000000000..b43b9f40e2b
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/constants.js
@@ -0,0 +1,38 @@
+export const LOCALITY = "Locality";
+
+export const EXCEL = "Excel";
+
+export const GEOJSON = "GeoJSON";
+
+export const SHAPEFILE = "Shapefile";
+
+export const commonColumn = "boundaryCode";
+
+export const ACCEPT_HEADERS = {
+ GeoJSON: "application/geo+json",
+ Shapefile: "application/shapefile",
+ Excel: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+};
+
+// Define the colors of the gradient for choropleth mapping
+export const MapChoroplethGradientColors = [
+ { percent: 0, color: "#edd1cf" },
+ { percent: 100, color: "#b52626" },
+];
+
+export const PRIMARY_THEME_COLOR = "#C84C0E";
+
+export const BOUNDARY_DATA_SHEET = "MICROPLAN_BOUNDARY_DATA_SHEET";
+export const FACILITY_DATA_SHEET = "MICROPLAN_FACILITY_DATA_SHEET";
+
+export const FILE_STORE = "microplan";
+
+export const SHEET_PASSWORD = "eGov_sheet_password";
+
+export const SHEET_COLUMN_WIDTH = 40;
+
+export const SCHEMA_PROPERTIES_PREFIX = "DISPLAY";
+
+export const UNPROTECT_TILL_ROW = "10000";
+
+export const UPLOADED_DATA_ACTIVE_STATUS = "MICROPLAN_ACTIVE";
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/timeLineOptions.json b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/timeLineOptions.json
new file mode 100644
index 00000000000..768e323ef86
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/timeLineOptions.json
@@ -0,0 +1,40 @@
+{
+ "timeLineOptions": [
+ {
+ "id": 0,
+ "name": "MICROPLAN_DETAILS",
+ "component": "MicroplanDetails",
+ "checkForCompleteness": true
+ },
+ {
+ "id": 1,
+ "name": "UPLOAD_DATA",
+ "component": "Upload",
+ "checkForCompleteness": true
+ },
+ {
+ "id": 2,
+ "name": "HYPOTHESIS",
+ "component": "Hypothesis",
+ "checkForCompleteness": true
+ },
+ {
+ "id": 3,
+ "name": "FORMULA_CONFIGURATION",
+ "component": "RuleEngine",
+ "checkForCompleteness": true
+ },
+ {
+ "id": 4,
+ "name": "MAPPING",
+ "component": "Mapping",
+ "checkForCompleteness": false
+ },
+ {
+ "id": 5,
+ "name": "MICROPLAN_GENERATION",
+ "component": "MicroplanPreview",
+ "checkForCompleteness": false
+ }
+ ]
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/tourSteps.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/tourSteps.js
new file mode 100644
index 00000000000..241f8ec64ec
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/configs/tourSteps.js
@@ -0,0 +1,193 @@
+export const tourSteps = (t) => {
+ return {
+ microplanDetails: {
+ name: "microplanDetails",
+ run: true,
+ steps: [
+ {
+ content: t("HELP_MICROPLAN_DETAILS_CAMPAIGN_DETAILS"),
+ target: ".microplan-campaign-detials",
+ disableBeacon: true,
+ placement: "bottom",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_MICROPLAN_DETAILS_MICROPLAN_NAME"),
+ target: ".microplan-name",
+ disableBeacon: true,
+ placement: "bottom",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ ],
+ tourActive: true,
+ },
+ upload: {
+ name: "upload",
+ run: true,
+ steps: [
+ {
+ content: t("HELP_UPLOAD_FILETYPE_OPTION_CONTAINER"),
+ target: ".upload-option-container",
+ disableBeacon: true,
+ placement: "top-end",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ ],
+ tourActive: true,
+ },
+ hypothesis: {
+ name: "hypothesis",
+ run: true,
+ steps: [
+ {
+ content: t("HELP_HYPOTHESIS_INTERACTABLE_SECTION"),
+ target: ".hypothesis-help",
+ disableBeacon: true,
+ placement: "right-start",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ // {
+ // content:
+ // t("HELP_RULE_ENGINE_INPUT"),
+ // target: ".last-container .key",
+ // disableBeacon: true,
+ // placement: "top-start",
+ // title: "",
+ // },
+ // {
+ // content:
+ // t("HELP_HYPOTHESIS_DELETE_BUTTON"),
+ // target: ".last-containe .delete-button-help-locator",
+ // disableBeacon: true,
+ // placement: "top-start",
+ // title: "",
+ // },
+ {
+ content: t("HELP_HYPOTHESIS_ADD_BUTTON"),
+ target: ".add-button-help",
+ disableBeacon: true,
+ placement: "top-start",
+ title: "",
+ disableOverlay :true,
+ },
+ ],
+ tourActive: true,
+ },
+ ruleEngine: {
+ name: "ruleEngine",
+ run: true,
+ steps: [
+ {
+ content: t("HELP_RULE_ENGINE_INTERACTABLE_SECTION"),
+ target: ".rule-engine-help",
+ disableBeacon: true,
+ placement: "right-start",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_RULE_ENGINE_INPUT"),
+ target: ".user-input-section .interactable-section .select-and-input-wrapper-first .input",
+ disableBeacon: true,
+ placement: "top-end",
+ title: "",
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_RULE_ENGINE_DELETE_BUTTON"),
+ target: ".select-and-input-wrapper-first .delete-button",
+ disableBeacon: true,
+ placement: "left-start",
+ title: "",
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_RULE_ENGINE_ADD_BUTTON"),
+ target: ".add-button-help",
+ disableBeacon: true,
+ placement: "top-start",
+ title: "",
+ disableOverlay :true,
+ },
+ ],
+ tourActive: true,
+ },
+ mapping: {
+ name: "mapping",
+ run: true,
+ steps: [
+ {
+ content: t("HELP_MAPPING_BOUNDARY_SELECTION"),
+ target: ".filter-by-boundary .button-primary",
+ disableBeacon: true,
+ placement: "right-end",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_MAPPING_BASE_MAP"),
+ target: ".base-map-selector .icon-first",
+ disableBeacon: true,
+ placement: "left-start",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_MAPPING_FILTER"),
+ target: ".filter-icon p",
+ disableBeacon: true,
+ placement: "left-start",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_MAPPING_VIRTUALIZATION"),
+ target: ".virtualization-icon p",
+ disableBeacon: true,
+ placement: "left-start",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ {
+ content: t("HELP_MAPPING_MAP_GEOMETRIES"),
+ target: ".map-container",
+ disableBeacon: true,
+ placement: "top-end",
+ title: "",
+ disableScrolling: true,
+ disableOverlay :true,
+ },
+ ],
+ tourActive: true,
+ },
+ microplanPreview: {
+ name: "microplanPreview",
+ run: true,
+ steps: [
+ {
+ content: t("HELP_MICROPLAN_DETAILS_EDIT_ROWS"),
+ target: ".preview-container",
+ disableBeacon: true,
+ placement: "top-end",
+ title: "",
+ disableOverlay :true,
+ disableScrolling: true,
+ },
+ ],
+ tourActive: true,
+ },
+ };
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/index.js
new file mode 100644
index 00000000000..1241d678738
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/index.js
@@ -0,0 +1,42 @@
+import utils from "../utils";
+import useCreatePlanConfig from "./useCreatePlanConfig";
+import useSearchPlanConfig from "./useSearchPlanConfig";
+import useUpdatePlanConfig from "./useUpdatePlanConfig";
+import useSavedMicroplans from "./useSavedMicroplans";
+import useSearchCampaign from "./useSearchCampaign";
+import { useGenerateIdCampaign } from "./useGenerateIdCampaign";
+const UserService = {};
+
+const microplan = {
+ useCreatePlanConfig,
+ useSearchPlanConfig,
+ useUpdatePlanConfig,
+ useSavedMicroplans,
+ useSearchCampaign,
+ useGenerateIdCampaign,
+};
+
+const contracts = {};
+
+const Hooks = {
+ attendance: {
+ update: () => {},
+ },
+ microplan,
+ contracts,
+};
+
+const Utils = {
+ browser: {
+ sample: () => {},
+ },
+ microplan: {
+ ...utils,
+ },
+};
+
+export const CustomisedHooks = {
+ Hooks,
+ UserService,
+ Utils,
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useCreatePlanConfig.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useCreatePlanConfig.js
new file mode 100644
index 00000000000..6afb891b15b
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useCreatePlanConfig.js
@@ -0,0 +1,8 @@
+import { useMutation } from "react-query";
+import CreatePlanConfig from "../services/CreatePlanConfig";
+
+const useCreatePlanConfig = () => {
+ return useMutation(data => CreatePlanConfig(data))
+}
+
+export default useCreatePlanConfig;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useGenerateIdCampaign.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useGenerateIdCampaign.js
new file mode 100644
index 00000000000..f315dda5ff8
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useGenerateIdCampaign.js
@@ -0,0 +1,26 @@
+export const useGenerateIdCampaign = ({ type, hierarchyType, filters, campaignId, config = {} }) => {
+ const updatedFilters = filters?.map(({ type, ...rest }) => ({
+ ...rest,
+ boundaryType: type,
+ }));
+ const reqCriteria = {
+ url: `/project-factory/v1/data/_generate`,
+ changeQueryName: `${type}${hierarchyType}${filters}`,
+ params: {
+ tenantId: Digit.ULBService.getCurrentTenantId(),
+ type: type,
+ forceUpdate: true,
+ hierarchyType: hierarchyType,
+ campaignId: campaignId,
+ },
+ body: type === "boundary" ? (updatedFilters === undefined ? { Filters: null } : { Filters: { boundaries: updatedFilters } }) : {},
+ config: {
+ ...config,
+ cacheTime: 0,
+ staleTime: 0,
+ },
+ };
+ const { data: Data, refetch, isLoading } = Digit.Hooks.useCustomAPIHook(reqCriteria);
+
+ return { isLoading: isLoading, data: Data?.GeneratedResource?.[0]?.id, refetch };
+};
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useNumberFormatter.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useNumberFormatter.js
new file mode 100644
index 00000000000..15e423d59e0
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useNumberFormatter.js
@@ -0,0 +1,21 @@
+import { useTranslation } from "react-i18next";
+
+export const useNumberFormatter = (FormatMapping) => {
+ const { i18n } = useTranslation();
+
+ const formatNumber = (value, options) => {
+ try {
+ const currentLanguage = i18n.language;
+ const fallbackLanguage = i18n.options.fallbackLng[0]; // Get the first language in the fallback list
+ const locale = FormatMapping?.[currentLanguage] || FormatMapping?.[fallbackLanguage] || currentLanguage || "";
+ return new Intl.NumberFormat(locale, options).format(value);
+ } catch (error) {
+ console.error("Error formatting number:", error);
+ return value;
+ }
+ };
+
+ return { formatNumber };
+};
+
+export default useNumberFormatter;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSavedMicroplans.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSavedMicroplans.js
new file mode 100644
index 00000000000..23c1259c6c4
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSavedMicroplans.js
@@ -0,0 +1,23 @@
+import { useQuery } from "react-query";
+import SearchSavedPlans from "../services/searchSavedPlans";
+
+const useSavedMicroplans = (reqCriteria) => {
+ const { body, config, params, state, url } = reqCriteria;
+ const { isLoading, data, isFetching, refetch } = useQuery(["SAVED_MICROPLANS", url], () => SearchSavedPlans(body), {
+ ...config,
+ cacheTime: 0,
+ staleTime: 0,
+ onError: (err) => console.error("Error fetching saved microplans:", err),
+ });
+
+ return {
+ isLoading,
+ isFetching,
+ data,
+ refetch,
+ revalidate: () => {},
+ };
+};
+
+// () => SearchSavedPlans(data)
+export default useSavedMicroplans;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSearchCampaign.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSearchCampaign.js
new file mode 100644
index 00000000000..e2644f00ca9
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSearchCampaign.js
@@ -0,0 +1,8 @@
+import { useQuery } from "react-query";
+import SearchCampaignConfig from "../services/SearchCampaignConfig";
+
+const useSearchCampaign = (data, config = {}) => {
+ return useQuery(["SEARCH_CAMPAIGN",data], () => SearchCampaignConfig(data), { ...config });
+};
+
+export default useSearchCampaign;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSearchPlanConfig.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSearchPlanConfig.js
new file mode 100644
index 00000000000..003fdaa4f51
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useSearchPlanConfig.js
@@ -0,0 +1,8 @@
+import { useMutation } from "react-query";
+import SearchPlanConfig from "../services/SearchPlanConfig";
+
+const useSearchPlanConfig = (data, config = {}) => {
+ return useQuery([data?.tenantId, data?.id, data?.name, data?.executionPlanId, data?.userUuid, data?.offset, data?.limit], () => SearchPlanConfig(data), { ...config });
+};
+
+export default useSearchPlanConfig;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useUpdatePlanConfig.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useUpdatePlanConfig.js
new file mode 100644
index 00000000000..17b16145a08
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/hooks/useUpdatePlanConfig.js
@@ -0,0 +1,8 @@
+import { useMutation } from "react-query";
+import UpdatePlanConfig from "../services/UpdatePlanConfig";
+
+const useUpdatePlanConfig = () => {
+ return useMutation(data => UpdatePlanConfig(data))
+}
+
+export default useUpdatePlanConfig;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/icons/Svg.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/icons/Svg.js
new file mode 100644
index 00000000000..03f82f59456
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/icons/Svg.js
@@ -0,0 +1,217 @@
+import React from "react";
+
+export const PopulationSvg = (style) => {
+ return `
+
+ `;
+};
+
+export const HelpOutlineIcon = ({ className = "", fill = "", style = {} }) => (
+
+);
+
+export const DefaultMapMarkerSvg = (style) => {
+ return ``;
+};
+
+
+export const WarehouseMarker = ({
+ className = "",
+ fill = "white",
+ fillBackground = "#42BBFF",
+ style = {},
+ width = "3.125rem",
+ height = "3.125rem",
+}) => {
+ return `
+
+ `;
+};
+
+export const Warehouse = ({ className = "", fill = "white", fillBackground = "#42BBFF", style = {}, width = "1.5rem", height = "1.5rem" }) => {
+ return (
+
+ );
+};
+
+export const Church = ({ className = "", fill = "white", fillBackground = "#064466", style = {}, width = "1.5rem", height = "1.5rem" }) => {
+ return (
+
+ );
+};
+
+export const School = ({ className = "", fill = "white", fillBackground = "#FF7B42", style = {}, width = "1.5rem", height = "1.5rem" }) => {
+ return (
+
+ );
+};
+
+export const HealthFacility = ({ className = "", fill = "white", fillBackground = "#0C9219", style = {}, width = "1.5rem", height = "1.5rem" , onClick=null}) => {
+ return (
+
+ );
+};
+
+export const ChurchMarker = ({ className = "", fill = "white", fillBackground = "#064466", style = {}, width = "3.125rem", height = "3.125rem" }) => {
+ return `
+
+`;
+};
+
+export const SchoolMarker = ({ className = "", fill = "white", fillBackground = "#FF7B42", style = {}, width = "3.125rem", height = "3.125rem" }) => {
+ return `
+
+`;
+};
+
+export const HealthFacilityMarker = ({
+ className = "",
+ fill = "white",
+ fillBackground = "#0C9219",
+ style = {},
+ width = "3.125rem",
+ height = "3.125rem",
+}) => {
+ return `
+
+`;
+};
+
+
+
+
+
+export const PlusWithSurroundingCircle = ({ className = "", fill = "white", fillBackground = "#FF7B42", style = {}, width = "1rem", height = "1rem" ,onClick=null }) => {
+ return (
+
+ );
+};
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/pages/employee/CreateMicroplan.js b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/pages/employee/CreateMicroplan.js
new file mode 100644
index 00000000000..97fbe135bd2
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/hcm-microplanning/src/pages/employee/CreateMicroplan.js
@@ -0,0 +1,296 @@
+import React, { useState, useEffect, useCallback, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { timeLineOptions } from "../../configs/timeLineOptions.json";
+import Upload from "../../components/Upload";
+import Hypothesis from "../../components/Hypothesis";
+import RuleEngine from "../../components/RuleEngine";
+import Mapping from "../../components/Mapping";
+import Navigator from "../../components/Nagivator";
+import { Toast } from "@egovernments/digit-ui-components";
+import MicroplanPreview from "../../components/MicroplanPreview";
+import MicroplanDetails from "../../components/MicroplanDetails";
+
+export const components = {
+ MicroplanDetails,
+ Upload,
+ Hypothesis,
+ RuleEngine,
+ Mapping,
+ MicroplanPreview,
+};
+
+import MicroplanCreatedScreen from "../../components/MicroplanCreatedScreen";
+import { LoaderWithGap, Tutorial } from "@egovernments/digit-ui-react-components";
+import { useMyContext } from "../../utils/context";
+import { updateSessionUtils } from "../../utils/updateSessionUtils";
+import { render } from "react-dom";
+
+// Main component for creating a microplan
+const CreateMicroplan = () => {
+ // Fetching data using custom MDMS hook
+ const { id: campaignId = "" } = Digit.Hooks.useQueryParams();
+ const { mutate: CreateMutate } = Digit.Hooks.microplan.useCreatePlanConfig();
+ const { mutate: UpdateMutate } = Digit.Hooks.microplan.useUpdatePlanConfig();
+ const [toRender, setToRender] = useState("navigator");
+ const { t } = useTranslation();
+
+ // States
+ const [microplanData, setMicroplanData] = useState();
+ const [operatorsObject, setOperatorsObject] = useState([]);
+ const [toast, setToast] = useState();
+ const [checkForCompleteness, setCheckForCompletion] = useState([]);
+ const [loaderActivation, setLoaderActivation] = useState(false);
+ const { state } = useMyContext();
+
+ //fetch campaign data
+ const { id = "" } = Digit.Hooks.useQueryParams();
+ const { isLoading: isCampaignLoading, data: campaignData } = Digit.Hooks.microplan.useSearchCampaign(
+ {
+ CampaignDetails: {
+ tenantId: Digit.ULBService.getCurrentTenantId(),
+ ids: [id],
+ },
+ },
+ {
+ enabled: !!id,
+ }
+ );
+ // to save microplan helper data to ssn
+ useEffect(() => {
+ if (campaignData) Digit.SessionStorage.set("microplanHelperData", { ...Digit.SessionStorage.get("microplanHelperData"), campaignData });
+ }, [campaignData]);
+
+ const campaignType = campaignData?.projectType;
+
+ // request body for boundary hierarchy api
+ const reqCriteria = {
+ url: `/boundary-service/boundary-hierarchy-definition/_search`,
+ params: {},
+ body: {
+ BoundaryTypeHierarchySearchCriteria: {
+ tenantId: Digit.ULBService.getStateId(),
+ hierarchyType: campaignData?.hierarchyType,
+ },
+ },
+ config: {
+ enabled: !!campaignData?.hierarchyType,
+ select: (data) => {
+ return (
+ data?.BoundaryHierarchy?.[0]?.boundaryHierarchy?.map(
+ (item) => `${campaignData?.hierarchyType}_${Digit.Utils.microplan.transformIntoLocalisationCode(item?.boundaryType)}`
+ ) || {}
+ );
+ },
+ },
+ };
+ const { isLoading: ishierarchyLoading, data: hierarchyData } = Digit.Hooks.useCustomAPIHook(reqCriteria);
+
+ // useEffect to initialise the data from MDMS
+ useEffect(() => {
+ if (!state || !state.RuleConfigureOperators) return;
+ const temp = state?.RuleConfigureOperators;
+ if (temp) {
+ setOperatorsObject(temp);
+ } else {
+ return;
+ }
+ setOperatorsObject(temp);
+ }, []);
+
+ // useEffect to store data in session storage
+ useEffect(() => {
+ if (!microplanData) return;
+ Digit.SessionStorage.set("microplanData", microplanData);
+ }, [microplanData]);
+
+ // useEffect to store data in session storage
+ useEffect(() => {
+ const data = Digit.SessionStorage.get("microplanData");
+ if (data?.microplanStatus === "GENERATED") setToRender("success-screen");
+ let statusData = {};
+ let toCheckCompletenesData = [];
+ timeLineOptions.forEach((item) => {
+ statusData[item.name] = false;
+ if (item?.checkForCompleteness) toCheckCompletenesData.push(item.name);
+ });
+ if (data && data?.status) {
+ if (Object.keys(data?.status) === 0) setMicroplanData({ ...data, status: statusData });
+ else setMicroplanData({ ...data });
+ }
+ setCheckForCompletion(toCheckCompletenesData);
+ }, []);
+
+ // An addon function to pass to Navigator
+ const nextEventAddon = useCallback(
+ async (currentPage, checkDataCompletion, setCheckDataCompletion) => {
+ if (!microplanData) {
+ setCheckDataCompletion("perform-action");
+ return;
+ }
+ setMicroplanData((previous) => ({
+ ...previous,
+ status: { ...previous?.status, [currentPage?.name]: checkDataCompletion === "valid" },
+ }));
+
+ setCheckDataCompletion("false");
+ let body = Digit.Utils.microplan.mapDataForApi(
+ microplanData,
+ operatorsObject,
+ microplanData?.microplanDetails?.name,
+ campaignId,
+ "DRAFT",
+ microplanData?.planConfigurationId ? "update" : "create"
+ );
+ if (!Digit.Utils.microplan.planConfigRequestBodyValidator(body, state, campaignType)) {
+ setCheckDataCompletion("perform-action");
+ return;
+ }
+ setLoaderActivation(true);
+ try {
+ if (!microplanData?.planConfigurationId) {
+ await createPlanConfiguration(body, setCheckDataCompletion, setLoaderActivation, state);
+ } else if (microplanData?.planConfigurationId) {
+ await updatePlanConfiguration(body, setCheckDataCompletion, setLoaderActivation, state);
+ }
+ } catch (error) {
+ console.error("Failed to create/update plan configuration:", error);
+ }
+ },
+ [microplanData, UpdateMutate, CreateMutate]
+ );
+
+ const createPlanConfiguration = async (body, setCheckDataCompletion, setLoaderActivation, state) => {
+ await CreateMutate(body, {
+ onSuccess: async (data) => {
+ const readMeConstant = state?.CommonConstants?.find((item) => item?.name === "readMeSheetName");
+ const additionalProps = {
+ hierarchyData: hierarchyData,
+ t,
+ campaignType,
+ campaignData,
+ readMeSheetName: readMeConstant ? readMeConstant.value : undefined,
+ };
+ const computedSession = await updateSessionUtils.computeSessionObject(data?.PlanConfiguration[0], state, additionalProps);
+ if (computedSession) {
+ computedSession.microplanStatus = "DRAFT";
+ setMicroplanData(computedSession);
+ } else {
+ console.error("Failed to compute session data.");
+ }
+ setLoaderActivation(false);
+ setCheckDataCompletion("perform-action");
+ },
+ onError: (error, variables) => {
+ setToast({
+ message: t("ERROR_DATA_NOT_SAVED"),
+ state: "error",
+ transitionTime: 10000,
+ });
+ setTimeout(() => {
+ setLoaderActivation(false);
+ setCheckDataCompletion("false");
+ }, 2000);
+ },
+ });
+ };
+
+ const updatePlanConfiguration = async (body, setCheckDataCompletion, setLoaderActivation, state) => {
+ body.PlanConfiguration["id"] = microplanData?.planConfigurationId;
+ body.PlanConfiguration["auditDetails"] = microplanData?.auditDetails;
+ await UpdateMutate(body, {
+ onSuccess: async (data) => {
+ const readMeConstant = state?.CommonConstants?.find((item) => item?.name === "readMeSheetName");
+ const additionalProps = {
+ hierarchyData: hierarchyData,
+ t,
+ campaignType,
+ campaignData,
+ readMeSheetName: readMeConstant ? readMeConstant.value : undefined,
+ };
+ const computedSession = await updateSessionUtils.computeSessionObject(data?.PlanConfiguration[0], state, additionalProps);
+ if (computedSession) {
+ computedSession.microplanStatus = "DRAFT";
+ setMicroplanData(computedSession);
+ } else {
+ console.error("Failed to compute session data.");
+ }
+ setLoaderActivation(false);
+ setCheckDataCompletion("perform-action");
+ },
+ onError: (error, variables) => {
+ setToast({
+ message: t("ERROR_DATA_NOT_SAVED"),
+ state: "error",
+ transitionTime: 10000,
+ });
+ setTimeout(() => {
+ setLoaderActivation(false);
+ setCheckDataCompletion("false");
+ }, 2000);
+ },
+ });
+ };
+
+ const setCurrentPageExternally = useCallback(
+ (props) => {
+ switch (props.method) {
+ case "set": {
+ let currentPage;
+ const data = Digit.SessionStorage.get("microplanData");
+ if (data?.currentPage) currentPage = data.currentPage;
+ if (currentPage && props?.setCurrentPage && timeLineOptions.find((item) => item.id === currentPage?.id)) {
+ props.setCurrentPage(currentPage);
+ return true;
+ }
+ break;
+ }
+ case "save": {
+ if (props.currentPage) {
+ setMicroplanData((previous) => ({ ...previous, currentPage: props.currentPage }));
+ }
+ break;
+ }
+ }
+ },
+ [microplanData, setMicroplanData, Navigator]
+ );
+
+ const completeNavigation = useCallback(() => {
+ setToRender("success-screen");
+ }, [setToRender]);
+
+ return (
+ <>
+
+
+ );
+ };
+
if (isLoading) {
return
| " + + t(prop) + + " | " + + data + + " |
stateCode is not defined
; + } + return ( +
+ {props.children}
+
+ );
+ };
const selectedOption = formattedOptions?.filter((obj) => (multiple ? value?.includes(obj.value) : obj.value == value));
+ const handleChange = (selectedValue) => {
+ setShowTooltipFlag(true);
+ setIsSelect(true);
+ setShowDetails(
+ mainData?.filter((obj) => (multiple ? selectedValue.value?.includes(obj.uniqueIdentifier) : obj.uniqueIdentifier == selectedValue.value))
+ );
+ };
+ const handleSelect = (detail) => {
+ setShowTooltipFlag(false);
+ setIsSelect(false);
+ onChange(data ? detail.uniqueIdentifier : detail.value);
+ setSelectedDetails([detail]);
+ };
+
+ useEffect(() => {
+ setLimitedOptions(formattedOptions.slice(0, optionsLimit));
+ if (optionsLimit < formattedOptions.length) {
+ setIsSeeAll(true);
+ }
+ setSelectedDetails(mainData?.filter((obj) => (multiple ? value?.includes(obj.uniqueIdentifier) : obj.uniqueIdentifier == value)));
+ }, [formattedOptions, optionsLimit]);
+ const onClickSelect = (selectedValue) => {
+ selectedValue = { ...selectedValue, value: selectedValue.uniqueIdentifier, label: selectedValue.description };
+ onChange(selectedValue.uniqueIdentifier);
+ setSelectedDetails(
+ mainData?.filter((obj) => (multiple ? selectedValue.value?.includes(obj.uniqueIdentifier) : obj.uniqueIdentifier == selectedValue.value))
+ );
+ setShowModal(false);
+ };
+ const handleViewMoreClick = (detail) => {
+ const schemaCode = detail?.schemaCode;
+ const [moduleName, masterName] = schemaCode.split(".");
+ const uniqueIdentifier = detail?.uniqueIdentifier;
+ history.push(
+ `/${window.contextPath}/employee/workbench/mdms-view?moduleName=${moduleName}&masterName=${masterName}&uniqueIdentifier=${uniqueIdentifier}`
+ );
+ };
+ const OptionWithInfo = (props) => {
+ const { data } = props;
+
+ // Find the index of the selected option within limitedOptions
+ const index = limitedOptions.findIndex((option) => option.value === data.value);
+
+ const handleInfoBannerClick = () => {
+ // Create a singleton array with the selected detail
+ const selectedDetail = mainData[index];
+ setSelectedDetails([selectedDetail]);
+ setShowTooltipFlag(true);
+ };
+
+ return (
+
+
+
+ View All
+
+
+ {data.label}
+ {/*
+
+
+
+
+
);
};
-export default CustomSelectWidget;
+export default CustomSelectWidget;
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js
new file mode 100644
index 00000000000..9abd18b344d
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js
@@ -0,0 +1,77 @@
+import React, { useEffect, useState } from "react";
+import Select from "react-select";
+import { useTranslation } from "react-i18next";
+import { Loader } from "@egovernments/digit-ui-react-components";
+import _ from "lodash";
+
+const customStyles = {
+ control: (provided, state) => ({
+ ...provided,
+ borderColor: state.isFocused ? "#f47738" : "#505a5f",
+ borderRadius: "unset",
+ "&:hover": {
+ borderColor: "#f47738",
+ },
+ }),
+};
+
+/* Multiple support not added TODO jagan to fix this issue */
+const CustomSelectWidget = (props) => {
+ const { t } = useTranslation();
+ const { moduleName, masterName } = Digit.Hooks.useQueryParams();
+ const {
+ options,
+ value,
+ disabled,
+ readonly,
+ onChange,
+ onBlur,
+ onFocus,
+ placeholder,
+ multiple = false,
+ schema = { schemaCode: "", fieldPath: "" },
+ } = props;
+ const { schemaCode = `${moduleName}.${masterName}`, tenantId, fieldPath } = schema;
+ const [prefix, setPrefix] = useState(schemaCode);
+ const { configs, updateConfigs, updateSchema, schema: formSchema, formData } = Digit.Hooks.workbench.useWorkbenchFormContext();
+useEffect(()=>{
+ const customConfig = configs?.customUiConfigs?.custom?.filter((data) => data?.fieldPath == fieldPath)?.[0] || {};
+ const newPrefix = customConfig?.prefix || prefix;
+ const suffix = customConfig?.suffix;
+
+ newPrefix != prefix && setPrefix(newPrefix);
+},[configs]);
+ const handleChange = (selectedValue) => onChange(multiple ? selectedValue?.value : selectedValue?.value);
+ /*
+ logic added to fetch data of schemas in each component itself
+ */
+ const { isLoading, data } = Digit.Hooks.useCustomAPIHook(Digit.Utils.workbench.getCriteriaForSelectData(props) );
+ const optionsList = data || options?.enumOptions || options || [];
+ const formattedOptions = React.useMemo(
+ () => optionsList.map((e) => ({ label: t(Digit.Utils.locale.getTransformedLocale(prefix?.trim?.()!=""?`${prefix}_${e?.label}`:e?.label)), value: e?.value })),
+ [optionsList, prefix, data]
+ );
+ const selectedOption = formattedOptions?.filter((obj) => (multiple ? value?.includes(obj.value) : obj.value == value));
+ if (isLoading) {
+ return
+
+ {showTooltipFlag && (
+ {
+ setShowTooltipFlag(true);
+ }}
+ >
+ {selectedDetails && selectedDetails.length > 0 && data && (
+
+
+
+ {isSelect && (
+
+ )}
+
+ {
+ showModal && (
+
+ {showDetails?.map((detail) => (
+
+ )}
+ {!isSelect && (
+
+
+ ))}
+
+ {Object.keys(detail.data).map((key) => {
+ const value = detail.data[key];
+ if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+ return (
+
+
+
+ );
+ }
+ return null;
+ })}
+ {t(Digit.Utils.locale.getTransformedLocale(`${schemaCode}_${key}`))}
+ {String(value)}
+
+
+
+ {selectedDetails?.map((detail) => (
+
+ )}
+
+
+ ))}
+
+ {Object.keys(detail.data).map((key) => {
+ const value = detail.data[key];
+ if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+ return (
+
+
+
+ );
+ }
+ return null;
+ })}
+ {t(Digit.Utils.locale.getTransformedLocale(`${schemaCode}_${key}`))}
+ {String(value)}
+
+
+ {
+ setShowTooltipFlag(false);
+ setIsSelect(false);
+ }}
+ >
+
+
+
+ )
+ }
+
+
+
+
+
+