FEATURE/HCMPRE-1022: PGR revamp changes

health/micro-ui/web/micro-ui-internals/example/public/index.html

@@ -12,7 +12,7 @@
   <title>DIGIT</title>
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.9.0/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.2.3/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.3.19/dist/index.css" /> 
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.3.20/dist/index.css" /> 
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.2.51/dist/index.css" /> -->
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.2.0/dist/index.css" /> -->
 

health/micro-ui/web/micro-ui-internals/example/src/UICustomizations.js

@@ -1774,9 +1774,32 @@ export const UICustomizations = {
         case "WF_INBOX_HEADER_CURRENT_OWNER":
           return value ? <span>{value}</span> : <span>{t("NA")}</span>;
 
-        case "WF_INBOX_HEADER_CREATED_DATE":
-          const dateLabel = value ? Digit.DateUtils.ConvertEpochToDate(value) : "NA";
-          return <Tag label={t(dateLabel)} showIcon={false} type={value ? "success" : "error"} />;
+          case "WF_INBOX_HEADER_CREATED_DATE":{
+            const formatDate = (epochTime) => {
+              if (!Number.isFinite(epochTime) || epochTime <= 0) return t("ES_COMMON_NA");
+              const date = new Date(epochTime);
+              const day = date.getDate();
+              const monthNames = [
+                "January",
+                "February",
+                "March",
+                "April",
+                "May",
+                "June",
+                "July",
+                "August",
+                "September",
+                "October",
+                "November",
+                "December",
+              ];
+              const month = monthNames[date.getMonth()];
+              const year = date.getFullYear().toString().slice(-2);
+              return `${day} ${month} ${year}`;
+            };
+            const dateLabel = formatDate(value);
+            return <Tag label={dateLabel} showIcon={false} type={dateLabel === t("ES_COMMON_NA") ? "error" : "success"} />;
+          }
         default:
           return t("ES_COMMON_NA");
       }

health/micro-ui/web/micro-ui-internals/packages/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",

health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss

@@ -1382,4 +1382,19 @@ tbody {
     margin-top: 0.5rem;
     margin-bottom: 0;
   }
-}
+
+  .selector-button-border{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .tag-container .tag .text {
+    cursor: default;
+  }
+}
+
+.pgr-inbox-wrapper .digit-inbox-search-links-header {
+  position: relative;
+  right: 2.3rem;
+}

health/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/components/UploadFileComponent.js

@@ -14,6 +14,28 @@ const UploadedFileComponent = ({ config, onSelect }) => {
   const user = Digit.UserService.getUser();
   const timestamp = new Date().getTime();
 
+  // Fetch max file size from MDMS v2
+  const { isLoading: isMaxFileSizeLoading, data: maxFileSizeData } = Digit.Hooks.useCustomMDMS(
+    tenantId,
+    "PGR",
+    [{ name: "MaxFileSize" }],
+    {
+      select: (data) => {
+        // Extract maxFileSize from MDMS v2 response
+        const maxFileSize = data?.PGR?.MaxFileSize?.[0]?.maxFileSize;
+        return maxFileSize ? parseInt(maxFileSize) : 5242880; // Default to 5MB if not found
+      },
+    },
+    {
+      schemaCode: "PGR.MaxFileSize",
+      limit: 10,
+      offset: 0
+    }
+  );
+
+  const maxFileSize = maxFileSizeData || 5242880; // Default to 5MB (5242880 bytes)
+  const maxFileSizeMB = (maxFileSize / 1048576).toFixed(0); // Convert bytes to MB for display
+
   useEffect(() => {
     (async () => {
       setError(null);
@@ -25,8 +47,8 @@ const UploadedFileComponent = ({ config, onSelect }) => {
           return;
         }
 
-        if (file.size >= 5242880) {
-          setError(`${t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED")} (${t("MAX_FILE_SIZE")}: 5 MB)`);
+        if (file.size >= maxFileSize) {
+          setError(`${t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED")} (${t("MAX_FILE_SIZE")}: ${maxFileSizeMB} MB)`);
         } else {
           try {
             // Convert JPEG/JPG to PDF before uploading
@@ -61,7 +83,7 @@ const UploadedFileComponent = ({ config, onSelect }) => {
         }
       }
     })();
-  }, [file]);
+  }, [file, maxFileSize]);
 
   function selectFile(e) {
     setFile(e.target.files[0]);

health/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/configs/CreateComplaintConfig.js

@@ -104,11 +104,11 @@ export const CreateComplaintConfig = {
               disable: false,
               populators: {
                 name: "ComplainantName",
-                error: "CORE_COMMON_REQUIRED_ERRMSG",
+                error: "CORE_COMMON_APPLICANT_NAME_INVALID",
                 validation: {
                   required: true,
-                  pattern: /^[A-Za-z0-9-_]+$/i,
-                  error: "CORE_COMMON_REQUIRED_ERRMSG"
+                  pattern: /^[A-Za-z0-9\s\-_]+$/i,
+                  error: "CORE_COMMON_APPLICANT_NAME_INVALID"
                 }
               },
             },

health/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/configs/PGRSearchInboxConfig.js

@@ -44,7 +44,8 @@ const PGRSearchInboxConfig = () => {
                 minReqFields: 1,
                 defaultValues: {
                   complaintNumber: "",
-                  mobileNumber: ""
+                  mobileNumber: "",
+                  range: ""
                 },
                 fields: [
                     {
@@ -106,7 +107,7 @@ const PGRSearchInboxConfig = () => {
               },
               {
                 label: "WF_INBOX_HEADER_CURRENT_OWNER",
-                jsonPath: "ProcessInstance.assigner.name",
+                jsonPath: "ProcessInstance",
                 additionalCustomization: true,
                 key: "assignee",
               },
@@ -134,11 +135,7 @@ const PGRSearchInboxConfig = () => {
                 hyperlink: true,
               },
                 ],
-                label: "CS_COMMON_HOME_COMPLAINTS",
-                logoIcon: {
-                    component: "ReceiptInboxIcon",
-                    customClass: "inbox-search-icon--projects"
-                }
+                label: "CS_COMMON_HOME_COMPLAINTS"
             },
             children: {},
             show: true

health/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/configs/UIcustomizations.js

@@ -113,15 +113,37 @@ export const UICustomizations = {
           return value ? <span>{t(`${value}`)}</span> : <span>{t("NA")}</span>;
 
         case "CS_COMPLAINT_DETAILS_CURRENT_STATUS":
-          return value && value?.length>0
-            ? <span>{t(`WF_INBOX_${value}`)}</span>: <span>{t("NA")}</span>;
+          return value && value?.length > 0 ? <span>{t(`WF_INBOX_${value}`)}</span> : <span>{t("NA")}</span>;
 
         case "WF_INBOX_HEADER_CURRENT_OWNER":
-          return value ? <span>{value}</span> : <span>{t("NA")}</span>;
-
-        case "WF_INBOX_HEADER_CREATED_DATE":
-          const dateLabel = Number.isFinite(value) && value > 0 ? new Date(value).toLocaleDateString() : t("ES_COMMON_NA");
+          return <span>{value?.assignes?.[0]?.name || t("NA")}</span>; // simplified and tightened
+
+        case "WF_INBOX_HEADER_CREATED_DATE":{
+          const formatDate = (epochTime) => {
+            if (!Number.isFinite(epochTime) || epochTime <= 0) return t("ES_COMMON_NA");
+            const date = new Date(epochTime);
+            const day = date.getDate();
+            const monthNames = [
+              "January",
+              "February",
+              "March",
+              "April",
+              "May",
+              "June",
+              "July",
+              "August",
+              "September",
+              "October",
+              "November",
+              "December",
+            ];
+            const month = monthNames[date.getMonth()];
+            const year = date.getFullYear().toString().slice(-2);
+            return `${day} ${month} ${year}`;
+          };
+          const dateLabel = formatDate(value);
           return <Tag label={dateLabel} showIcon={false} type={dateLabel === t("ES_COMMON_NA") ? "error" : "success"} />;
+        }
         default:
           return t("ES_COMMON_NA");
       }

health/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/PGRDetails.js

@@ -325,6 +325,7 @@ const PGRDetails = () => {
   // Display loader until required data loads
   if (isLoading || isMDMSLoading || isWorkflowLoading) return <Loader />;
 
+
   return (
     <React.Fragment>
       {/* Header */}
@@ -368,8 +369,8 @@ const PGRDetails = () => {
                   {
                     inline: true,
                     label: t("CS_COMPLAINT_DETAILS_CURRENT_STATUS"),
-                    value: pgrData?.ServiceWrappers?.[0]?.workflow?.assignes?.length > 0
-                    ? t("WF_INBOX_ASSIGNED") : t("WF_INBOX_PENDING_ASSIGNMENT")
+                    value: pgrData?.ServiceWrappers?.[0]?.service?.applicationStatus
+                    ? t(`WF_INBOX_${pgrData?.ServiceWrappers?.[0]?.service?.applicationStatus}`) : t("WF_INBOX_PENDING_ASSIGNMENT")
                   },
                   {
                     inline: true,

health/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/employee/PGRInbox.js

@@ -144,7 +144,7 @@ const PGRSearchInbox = () => {
         {
           <HeaderComponent
             className="digit-inbox-search-composer-header"
-            styles={{ marginBottom: "1.5rem" }}
+            styles={{ marginBottom: "1.5rem",position:"relative",right:"0.5rem" }}
           >
             {t("PGR_SEARCH_RESULTS_HEADING")}
           </HeaderComponent>

health/micro-ui/web/public/index.html

@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.9.0/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.2.3/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
-    <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.3.19/dist/index.css" />
+    <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.3.20/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT HCM</title>