+ {text} +
+ ))} +
+
+ );
+};
+
+export default DesktopInbox;
diff --git a/micro-ui/web/packages/pgr/src/components/FormComposer.js b/micro-ui/web/packages/pgr/src/components/FormComposer.js
new file mode 100644
index 00000000000..785f9cde039
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/components/FormComposer.js
@@ -0,0 +1,86 @@
+import React, { useMemo } from "react";
+import { useForm } from "react-hook-form";
+import {
+ BreakLine,
+ Card,
+ CardLabel,
+ CardLabelError,
+ CardSubHeader,
+ CardSectionHeader,
+ TextArea,
+ TextInput,
+ ActionBar,
+ SubmitBar,
+ LabelFieldPair,
+} from "@egovernments/digit-ui-react-components";
+
+import { useTranslation } from "react-i18next";
+
+export const FormComposer = (props) => {
+ const { register, handleSubmit, errors } = useForm();
+ const { t } = useTranslation();
+
+ function onSubmit(data) {
+ props.onSubmit(data);
+ }
+
+ const fieldSelector = (type, populators) => {
+ switch (type) {
+ case "text":
+ return (
+
+
+
+
+
+
+ {result}
+
+ {populators.componentInFront ? populators.componentInFront : null}
+
+ );
+ case "textarea":
+ return ;
+ default:
+ return populators.dependency !== false ? populators : null;
+ }
+ };
+
+ const formFields = useMemo(
+ () =>
+ props.config?.map((section, index, array) => {
+ return (
+ {fieldSelector(field.type, field.populators)}
+
+
+ );
+};
+MobileInbox.propTypes = {
+ data: PropTypes.any,
+ onFilterChange: PropTypes.func,
+ onSearch: PropTypes.func,
+ isLoading: PropTypes.bool,
+ searchParams: PropTypes.any,
+};
+
+MobileInbox.defaultProps = {
+ onFilterChange: () => {},
+ searchParams: {},
+};
+
+export default MobileInbox;
diff --git a/micro-ui/web/packages/pgr/src/components/PGRCard.js b/micro-ui/web/packages/pgr/src/components/PGRCard.js
new file mode 100644
index 00000000000..11e56ae8293
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/components/PGRCard.js
@@ -0,0 +1,58 @@
+import React, { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { EmployeeModuleCard } from "@egovernments/digit-ui-react-components";
+
+
+const PGRCard = () => {
+ const { t } = useTranslation();
+
+ const allLinks = [
+ { text: t("ES_PGR_INBOX"), link: "/digit-ui/employee/pgr/inbox" },
+ { text: t("ES_PGR_NEW_COMPLAINT"), link: "/digit-ui/employee/pgr/complaint/create", accessTo: ["CSR"] },
+ ];
+
+ if (!Digit.Utils.pgrAccess()) {
+ return null;
+ }
+
+ const Icon = () =>
+
+ let propsForCSR =[
+ {
+ label: t("ES_PGR_NEW_COMPLAINT"),
+ link: `/digit-ui/employee/pgr/complaint/create`,
+ role: "CSR"
+ }
+ ]
+
+ propsForCSR = propsForCSR.filter(link => link.role && Digit.Utils.didEmployeeHasRole(link.role) );
+
+ const propsForModuleCard = {
+ Icon:
+
+
+
+
+ {data?.date &&
+ );
+};
+
+const TimeLine = ({ isLoading, data, serviceRequestId, complaintWorkflow, rating, zoomImage, complaintDetails, ComplainMaxIdleTime }) => {
+ const { t } = useTranslation();
+
+ function zoomImageWrapper(imageSource, index,thumbnailsToShow){
+ let newIndex=thumbnailsToShow.thumbs?.findIndex(link=>link===imageSource);
+ zoomImage((newIndex>-1&&thumbnailsToShow?.fullImage?.[newIndex])||imageSource);
+ }
+
+ let { timeline } = data;
+ const totalTimelineLength = useMemo(()=> timeline?.length ,[timeline])
+
+ useEffect(() => {
+ let filteredTimeline = timeline?.filter((status, index, array) => {
+ if (index === array.length - 1 && status.status === "PENDINGFORASSIGNMENT") {
+ return true;
+ } else {
+ return false;
+ }
+ });
+ const [{auditDetails}] = filteredTimeline?.length>0 ? filteredTimeline : [{}];
+
+ const onlyPendingForAssignmentStatusArray = timeline?.filter( e => e?.status === "PENDINGFORASSIGNMENT")
+ const duplicateCheckpointOfPendingForAssignment = onlyPendingForAssignmentStatusArray.at(-1)
+ timeline?.push({
+ ...duplicateCheckpointOfPendingForAssignment,
+ performedAction: "FILED",
+ status: "COMPLAINT_FILED",
+ });
+ }, [timeline]);
+
+ const getCommentsInCustomChildComponent = ({comment, thumbnailsToShow, auditDetails, assigner, status}) => {
+ const captionDetails = {
+ date: auditDetails?.lastModified,
+ name: assigner?.name,
+ mobileNumber: assigner?.mobileNumber,
+ source: status == "COMPLAINT_FILED" ? complaintDetails?.audit.source : ""
+ }
+ return <>
+ {comment ? {data?.date}
} +{data?.name}
+{data?.mobileNumber}
+ {data?.source &&{t("ES_COMMON_FILED_VIA_" + data?.source.toUpperCase())}
} +{comment?.map( e =>
+
: null}
+ {thumbnailsToShow?.thumbs?.length > 0 ?
+
+ )}{t("WF_COMMON_COMMENTS")}
+{e}
+
+ {zoomImageWrapper(src, index,thumbnailsToShow)}} />
+
: null}
+ {captionDetails?.date ? {t("CS_COMMON_ATTACHMENTS")}
++ {text} +
+ ))} ++ {text} +
+ ))} +
+ handlePopupAction("SEARCH")} />
+ handlePopupAction("FILTER")} />
+ {/*
+ {result}
+ {popup && (
+ {selectedComponent}
+
+
+
+ {" "}
+ {t("ES_PGR_HEADER_COMPLAINT")}
+
+ );
+
+ return (
+
+ {GetLogo()}
+
+
+ {links.map(({ link, text }, index) => (
+
+ {t(text)}
+
+ ))}
+
+
+ select(value, key)} optionKey={optionKey} />}
+
+
+ );
+ };
+
+ return (
+ {lable}
+ {
+ {pgrfilters[key].length > 0 &&
+ pgrfilters[key].map((value, index) => {
+ return onRemove(index, key)} />;
+ })}
+
+
+
+
+
+
+
+ {t("ES_COMMON_FILTER_BY")}:
+
+ {t("ES_COMMON_CLEAR_ALL")}
+
+ {props.type === "desktop" && (
+
+ {t("ES_COMMON_CLEAR_ALL")}
+
+ )}
+ {props.type === "mobile" && (
+
+
+
+
+ {GetSelectOptions(
+ t("CS_COMPLAINT_DETAILS_COMPLAINT_SUBTYPE"),
+ serviceDefs,
+ selectedComplaintType,
+ complaintType,
+ "i18nKey",
+ onRemove,
+ "serviceCode"
+ )}
+
+ {GetSelectOptions(t("CS_PGR_LOCALITY"), localities, selectedLocality, onSelectLocality, "i18nkey", onRemove, "locality")}
+ {
+ onAssignmentChange(e, option)}
+ checked={hasFilters ? (pgrfilters.applicationStatus.filter((e) => e.code === option.code).length !== 0 ? true : false) : false}
+ label={`${option.name} (${option.count || 0})`}
+ />
+ );
+ })}
+
+ );
+};
+
+export default Status;
diff --git a/micro-ui/web/packages/pgr/src/components/inbox/search.js b/micro-ui/web/packages/pgr/src/components/inbox/search.js
new file mode 100644
index 00000000000..3bbcc4213e1
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/components/inbox/search.js
@@ -0,0 +1,110 @@
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { TextInput, Label, SubmitBar, LinkLabel, ActionBar, CloseSvg } from "@egovernments/digit-ui-react-components";
+
+const SearchComplaint = ({ onSearch, type, onClose, searchParams }) => {
+ const [complaintNo, setComplaintNo] = useState(searchParams?.search?.serviceRequestId || "");
+ const [mobileNo, setMobileNo] = useState(searchParams?.search?.mobileNumber || "");
+ const { register, errors, handleSubmit, reset } = useForm();
+ const { t } = useTranslation();
+
+ const onSubmitInput = (data) => {
+ if (!Object.keys(errors).filter((i) => errors[i]).length) {
+ if (data.serviceRequestId !== "") {
+ onSearch({ serviceRequestId: data.serviceRequestId });
+ } else if (data.mobileNumber !== "") {
+ onSearch({ mobileNumber: data.mobileNumber });
+ } else {
+ onSearch({});
+ }
+
+ if (type === "mobile") {
+ onClose();
+ }
+ }
+ };
+
+ function clearSearch() {
+ reset();
+ onSearch({});
+ setComplaintNo("");
+ setMobileNo("");
+ }
+
+ const clearAll = () => {
+ return (
+ {t("ES_PGR_FILTER_STATUS")}
+ {complaintsWithCount.length === 0 && {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/packages/pgr/src/pages/citizen/Rating/SelectRating.js b/micro-ui/web/packages/pgr/src/pages/citizen/Rating/SelectRating.js
new file mode 100644
index 00000000000..c24bce32f20
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/pages/citizen/ReopenComplaint/Reason.js b/micro-ui/web/packages/pgr/src/pages/citizen/ReopenComplaint/Reason.js
new file mode 100644
index 00000000000..a67b9b52c1c
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/pages/citizen/ReopenComplaint/UploadPhoto.js b/micro-ui/web/packages/pgr/src/pages/citizen/ReopenComplaint/UploadPhoto.js
new file mode 100644
index 00000000000..a50ae8af67f
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/pages/citizen/ReopenComplaint/index.js b/micro-ui/web/packages/pgr/src/pages/citizen/ReopenComplaint/index.js
new file mode 100644
index 00000000000..ddd9dab9acd
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/pages/citizen/Response.js b/micro-ui/web/packages/pgr/src/pages/citizen/Response.js
new file mode 100644
index 00000000000..28b77b73e40
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/pages/citizen/index.js b/micro-ui/web/packages/pgr/src/pages/citizen/index.js
new file mode 100644
index 00000000000..9319f81beb7
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/pages/employee/ComplaintDetails.js b/micro-ui/web/packages/pgr/src/pages/employee/ComplaintDetails.js
new file mode 100644
index 00000000000..b76bdeed77f
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/pages/employee/ComplaintDetails.js
@@ -0,0 +1,505 @@
+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);
+ }}
+ uploadedFiles={[]}
+ 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/packages/pgr/src/pages/employee/CreateComplaint/index.js b/micro-ui/web/packages/pgr/src/pages/employee/CreateComplaint/index.js
new file mode 100644
index 00000000000..889a2d6694a
--- /dev/null
+++ b/micro-ui/web/packages/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 === 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:
+ {t(config?.label)}
+
+ );
+};
+
+export default InboxV2;
diff --git a/micro-ui/web/packages/pgr/src/pages/employee/Response.js b/micro-ui/web/packages/pgr/src/pages/employee/Response.js
new file mode 100644
index 00000000000..3ce17817589
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/pages/employee/Response.js
@@ -0,0 +1,48 @@
+import React from "react";
+import { Card, Banner, CardText, SubmitBar } from "@egovernments/digit-ui-react-components";
+import { Link, useRouteMatch } 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();
+ if (action === "REOPEN") {
+ return t(`CS_COMMON_COMPLAINT_REOPENED`);
+ } else {
+ return t(`CS_COMMON_COMPLAINT_SUBMITTED`);
+ }
+};
+
+const BannerPicker = ({ response }) => {
+ const { complaints } = response;
+
+ if (complaints && complaints.response && complaints.response.responseInfo) {
+ return (
+
+ {appState.complaints.response && {t("ES_COMMON_TRACK_COMPLAINT_TEXT")}
+
+
+ );
+};
+
+export default Response;
diff --git a/micro-ui/web/packages/pgr/src/pages/employee/config.js b/micro-ui/web/packages/pgr/src/pages/employee/config.js
new file mode 100644
index 00000000000..97f92850166
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/pages/employee/config.js
@@ -0,0 +1,219 @@
+export const configs = {
+ label: "ACTION_TEST_ESTIMATE_INBOX_V2",
+ type: "inbox",
+ apiDetails: {
+ serviceName: "/inbox/v2/_search",
+ requestParam: {},
+ requestBody: {
+ inbox: {
+ processSearchCriteria: {
+ businessService: ["PGR"],
+ moduleName: "RAINMAKER-PGR",
+ },
+
+ moduleSearchCriteria: {
+ sortOrder: "ASC",
+ },
+ },
+ },
+ minParametersForSearchForm: 0,
+ minParametersForFilterForm: 0,
+ masterName: "commonUiConfig",
+ moduleName: "EstimateInboxConfig",
+ tableFormJsonPath: "requestBody.inbox",
+ filterFormJsonPath: "requestBody.inbox.moduleSearchCriteria",
+ searchFormJsonPath: "requestBody.inbox.moduleSearchCriteria",
+ },
+ sections: {
+ search: {
+ uiConfig: {
+ headerStyle: null,
+ primaryLabel: "Search",
+ secondaryLabel: "Clear Search",
+ minReqFields: 1,
+ defaultValues: {
+ complaintNumber: "",
+ mobileNumber: "",
+ },
+ fields: [
+ {
+ label: "CS_COMMON_COMPLAINT_NO",
+ type: "text",
+ isMandatory: false,
+ disable: false,
+ preProcess: {
+ convertStringToRegEx: ["populators.validation.pattern"],
+ },
+ populators: {
+ name: "complaintNumber",
+ error: "ESTIMATE_PATTERN_ERR_MSG",
+ validation: {
+ minlength: 2,
+ },
+ },
+ },
+ {
+ label: "CS_COMMON_MOBILE_NO",
+ type: "text",
+ isMandatory: false,
+ disable: false,
+ preProcess: {
+ convertStringToRegEx: ["populators.validation.pattern"],
+ },
+ populators: {
+ name: "mobileNumber",
+ error: "PROJECT_PATTERN_ERR_MSG",
+ validation: {
+ pattern: "PJ\\/[0-9]+-[0-9]+\\/[0-9]+\\/[0-9]+",
+ minlength: 2,
+ },
+ },
+ },
+ ],
+ },
+ label: "",
+ children: {},
+ show: true,
+ },
+ searchResult: {
+ label: "",
+ estimateNumber: "",
+ projectId: "",
+ department: "",
+ estimateStatus: "",
+ fromProposalDate: "",
+ toProposalDate: "",
+ uiConfig: {
+ columns: [
+ {
+ label: "CS_COMMON_COMPLAINT_NO",
+ jsonPath: "businessObject.service.serviceRequestId",
+ key: "complaintNumber",
+ additionalCustomization: true,
+ },
+ {
+ label: "WF_INBOX_HEADER_LOCALITY",
+ jsonPath: "businessObject.service.address.locality.code",
+ additionalCustomization: false,
+ },
+ {
+ label: "CS_COMPLAINT_DETAILS_CURRENT_STATUS",
+ jsonPath: "businessObject.service.applicationStatus",
+ },
+ {
+ label: "WF_INBOX_HEADER_CURRENT_OWNER",
+ jsonPath: "ProcessInstance.assignes",
+ additionalCustomization: true,
+ key: "assignee",
+ },
+ {
+ label: "WF_INBOX_HEADER_SLA_DAYS_REMAINING",
+ jsonPath: "businessObject.service.auditDetails.createdTime",
+ additionalCustomization: false,
+ key: "state",
+ },
+ ],
+ enableGlobalSearch: false,
+ enableColumnSort: true,
+ resultsJsonPath: "items",
+ },
+ children: {},
+ show: true,
+ },
+ links: {
+ uiConfig: {
+ links: [
+ {
+ text: "ES_PGR_NEW_COMPLAINT",
+ url: "/employee/pgr/complaint/create",
+ roles: ["SYSTEM_ADMINISTRATOR"],
+ },
+ ],
+ label: "PGR",
+ logoIcon: {
+ component: "PropertyHouse",
+ customClass: "inbox-search-icon--projects",
+ },
+ },
+ children: {},
+ show: true,
+ },
+ filter: {
+ uiConfig: {
+ type: "filter",
+ headerStyle: null,
+ primaryLabel: "Filter",
+ secondaryLabel: "",
+ minReqFields: 0,
+ defaultValues: {
+ state: "",
+ locality: [],
+ assignee: {
+ code: "ASSIGNED_TO_ME",
+ name: "ASSIGNED_TO_ME",
+ },
+ },
+ fields: [
+ {
+ label: "",
+ type: "radio",
+ isMandatory: false,
+ disable: false,
+ populators: {
+ name: "assignee",
+ options: [
+ {
+ code: "ASSIGNED_TO_ME",
+ name: "ASSIGNED_TO_ME",
+ },
+ {
+ code: "ASSIGNED_TO_ALL",
+ name: "ASSIGNED_TO_ALL",
+ },
+ ],
+ optionsKey: "name",
+ styles: {
+ gap: "1rem",
+ flexDirection: "column",
+ },
+ innerStyles: {
+ display: "flex",
+ },
+ },
+ },
+ {
+ label: "COMMON_ORG_NAME",
+ type: "apidropdown",
+ isMandatory: false,
+ disable: false,
+ populators: {
+ name: "locality",
+ optionsKey: "name",
+ allowMultiSelect: false,
+ masterName: "commonUiConfig",
+ moduleName: "EstimateInboxConfig",
+ customfn: "populateReqCriteria",
+ },
+ },
+ {
+ label: "COMMON_ORG_NAME",
+ type: "apidropdown",
+ isMandatory: false,
+ disable: false,
+ populators: {
+ name: "status",
+ optionsKey: "applicationStatus",
+ allowMultiSelect: true,
+ masterName: "commonUiConfig",
+ moduleName: "EstimateInboxConfig",
+ customfn: "populateStatusList",
+ },
+ },
+ ],
+ },
+ label: "Filter",
+ show: true,
+ },
+ },
+ additionalSections: {},
+};
diff --git a/micro-ui/web/packages/pgr/src/pages/employee/index.js b/micro-ui/web/packages/pgr/src/pages/employee/index.js
new file mode 100644
index 00000000000..908eb427782
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/pages/employee/index.js
@@ -0,0 +1,83 @@
+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 InboxV2 = Digit?.ComponentRegistryService?.getComponent("PGRInboxV2");
+ const Response = Digit?.ComponentRegistryService?.getComponent("PGRResponseEmp");
+
+ return (
+
+
+ {displayMenu ? : null}
+ setDisplayMenu(!displayMenu)} />
+ */}
+
+ );
+};
+
+export default Complaint;
diff --git a/micro-ui/web/packages/pgr/src/redux/actions/complaint.js b/micro-ui/web/packages/pgr/src/redux/actions/complaint.js
new file mode 100644
index 00000000000..c41760b87c5
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/redux/actions/index.js b/micro-ui/web/packages/pgr/src/redux/actions/index.js
new file mode 100644
index 00000000000..805c84dc097
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/redux/actions/types.js b/micro-ui/web/packages/pgr/src/redux/actions/types.js
new file mode 100644
index 00000000000..0b706733621
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/redux/reducers/complaintReducer.js b/micro-ui/web/packages/pgr/src/redux/reducers/complaintReducer.js
new file mode 100644
index 00000000000..92bffc66a43
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/redux/reducers/index.js b/micro-ui/web/packages/pgr/src/redux/reducers/index.js
new file mode 100644
index 00000000000..40f634f19c8
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/redux/store.js b/micro-ui/web/packages/pgr/src/redux/store.js
new file mode 100644
index 00000000000..57eb63e5a60
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/selectors/complaint.js b/micro-ui/web/packages/pgr/src/selectors/complaint.js
new file mode 100644
index 00000000000..cc3decc505e
--- /dev/null
+++ b/micro-ui/web/packages/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/packages/pgr/src/selectors/processInstance.js b/micro-ui/web/packages/pgr/src/selectors/processInstance.js
new file mode 100644
index 00000000000..d58cc569e48
--- /dev/null
+++ b/micro-ui/web/packages/pgr/src/selectors/processInstance.js
@@ -0,0 +1 @@
+export const selectWorkflow = (state) => (state.businessService && state.businessService.businessService) || {};
diff --git a/micro-ui/web/packages/pgr/webpack.common.js b/micro-ui/web/packages/pgr/webpack.common.js
new file mode 100644
index 00000000000..6fe7bf190f7
--- /dev/null
+++ b/micro-ui/web/packages/pgr/webpack.common.js
@@ -0,0 +1,22 @@
+const path = require("path");
+
+module.exports = {
+ entry: "./src/SingleSpaEntry.js",
+ resolve: {
+ extensions: [ ".js", ".jsx"],
+ modules: [path.resolve(__dirname, "src"), "node_modules"],
+ },
+ module: {
+ rules: [
+ {
+ test: /\.js?$/,
+ loader: "babel-loader",
+ exclude: /node_modules/,
+ options: {
+ presets: ["@babel/preset-react"],
+ },
+ },
+ ],
+ },
+ plugins: [],
+};
diff --git a/micro-ui/web/packages/pgr/webpack.dev.js b/micro-ui/web/packages/pgr/webpack.dev.js
new file mode 100644
index 00000000000..6ca344ebf14
--- /dev/null
+++ b/micro-ui/web/packages/pgr/webpack.dev.js
@@ -0,0 +1,55 @@
+const { merge } = require("webpack-merge");
+const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const commonConfig = require("./webpack.common");
+const packageJson = require("./package.json");
+
+module.exports = () => {
+ const devConfig = {
+ mode: "development",
+ output: {
+ publicPath: "https://localhost:8087/",
+ filename: "[name].[contenthash].js",
+ },
+ devServer: {
+ port: 8087,
+ proxy: [
+ {
+ context: () => true,
+ target: 'https://unified-dev.digit.org',
+ secure: true,
+ changeOrigin: true,
+ bypass: function (req, res, proxyOptions){
+ if(req.headers.accept.indexOf('html') !== -1){
+ console.log('Skipping proxy for browser request.');
+ return '/index.html';
+ }
+ },
+ headers:{
+ "Connection" : "keep-alive"
+ },
+ },
+
+ ],
+ historyApiFallback: {
+ index: "/",
+ },
+ server:"https", //Enable HTTPS
+ },
+ plugins: [
+ new ModuleFederationPlugin({
+ name: "pgr",
+ filename: "remoteEntry.js",
+ exposes: {
+ "./PGRModule": "./src/SingleSpaEntry",
+ },
+ shared: packageJson.dependencies,
+ }),
+ new HtmlWebpackPlugin({
+ template: "./public/index.html",
+ }),
+ ],
+ };
+
+ return merge(commonConfig, devConfig);
+};
diff --git a/micro-ui/web/packages/pgr/webpack.prod.js b/micro-ui/web/packages/pgr/webpack.prod.js
new file mode 100644
index 00000000000..99965c434cf
--- /dev/null
+++ b/micro-ui/web/packages/pgr/webpack.prod.js
@@ -0,0 +1,27 @@
+const { merge } = require("webpack-merge");
+const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
+const commonConfig = require("./webpack.common");
+const packageJson = require("./package.json");
+
+module.exports = () => {
+ const prodConfig = {
+ mode: "production",
+ output: {
+ publicPath: "/pgr/",
+ filename: "[name].[contenthash].js",
+ },
+ plugins: [
+ new ModuleFederationPlugin({
+ name: "pgr",
+ filename: "remoteEntry.js",
+ exposes: {
+ "./PGRModule": "./src/SingleSpaEntry",
+ },
+ // shared: packageJson.dependencies,
+ shared: packageJson.dependencies
+ }),
+ ],
+ };
+
+ return merge(commonConfig, prodConfig);
+};
diff --git a/micro-ui/web/packages/workbench/src/bootstrap.js b/micro-ui/web/packages/workbench/src/bootstrap.js
index 54858a8dcdd..d7a5660d942 100644
--- a/micro-ui/web/packages/workbench/src/bootstrap.js
+++ b/micro-ui/web/packages/workbench/src/bootstrap.js
@@ -14,7 +14,7 @@ initWorkbenchComponents();
const mount = (el, { history, login }) => {
const moduleReducers = (initData) => {
};
- const enabledModules=["PT","Workbench"]
+ const enabledModules=["PT","Workbench", "PGR"]
const stateCode = window?.globalConfigs?.getConfig("STATE_LEVEL_TENANT_ID") || "pb";
//console.log(stateCode,'ststcode');
+
+
+ {!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
+ // {t("ES_COMMON_INBOX")}
+ //
+ // );
+ // }
+ return (
+
+
+
+ {!location.includes(Employee.Response) && (
+
+ } />
+
+ )}
+
+
+
+ {/*