@djb25/digit-ui-module-ekyc 1.0.6 → 1.0.8

package/src/pages/employee/index.js

@@ -3,10 +3,12 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { Switch, useLocation } from "react-router-dom";
 import Inbox from "./Inbox";
+//import Mapping from "./Mapping";
 import Create from "./Create";
 import AadhaarVerification from "./AadhaarVerification";
 import AddressDetails from "./AddressDetails";
 import PropertyInfo from "./PropertyInfo";
+import MeterDetails from "./MeterDetails";
 import Review from "./Review";
 
 const EmployeeApp = ({ path }) => {
@@ -23,6 +25,7 @@ const EmployeeApp = ({ path }) => {
         if (pathname.includes("/aadhaar-verification")) return "EKYC_AADHAAR_VERIFICATION";
         if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
         if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
+        if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
         if (pathname.includes("/review")) return "EKYC_REVIEW";
         return "ES_COMMON_INBOX";
     };
@@ -34,7 +37,7 @@ const EmployeeApp = ({ path }) => {
 
     return (
         <AppContainer>
-            <div className="ground-container employee-app-container">
+            <div className="ground-container employee-app-container employee-app-homepage-container">
                 <ModuleHeader
                     leftContent={
                         <React.Fragment>
@@ -64,6 +67,11 @@ const EmployeeApp = ({ path }) => {
                         component={() => <Create />}
                     />
 
+                    {/* <PrivateRoute
+                        path={`${path}/mapping`}
+                        component={() => <Mapping />}
+                    /> */}
+
                     <PrivateRoute
                         path={`${path}/aadhaar-verification`}
                         component={() => <AadhaarVerification />}
@@ -78,6 +86,11 @@ const EmployeeApp = ({ path }) => {
                         path={`${path}/property-info`}
                         component={() => <PropertyInfo />}
                     />
+
+                    <PrivateRoute
+                        path={`${path}/meter-details`}
+                        component={() => <MeterDetails />}
+                    />
                     
                     <PrivateRoute
                         path={`${path}/review`}

package/src/utils/index.js

@@ -0,0 +1,46 @@
+/**
+ * Compares initial and current objects and returns an object containing only the differences.
+ * Highly optimized for partial updates (PATCH-like behavior).
+ * 
+ * @param {Object} initial - The original data from the backend.
+ * @param {Object} current - The current form state.
+ * @returns {Object} - An object with only the changed fields.
+ */
+export const getPayloadDiff = (initial, current) => {
+  const diff = {};
+  
+  Object.keys(current).forEach(key => {
+    const initialVal = initial?.[key];
+    const currentVal = current[key];
+
+    // Handle nested objects (like addressDetails or aadhaarDetails)
+    if (currentVal && typeof currentVal === 'object' && !Array.isArray(currentVal) && !(currentVal instanceof File)) {
+      const nestedDiff = getPayloadDiff(initialVal || {}, currentVal);
+      if (Object.keys(nestedDiff).length > 0) {
+        diff[key] = nestedDiff;
+      }
+    } 
+    // Handle primitive types or arrays/files
+    else if (JSON.stringify(initialVal) !== JSON.stringify(currentVal)) {
+      diff[key] = currentVal;
+    }
+  });
+
+  return diff;
+};
+
+/**
+ * Safely retrieves and parses JSON data from sessionStorage.
+ * @param {string} key - The storage key.
+ * @param {*} fallback - Default value if no data is found.
+ * @returns {*} The parsed data or fallback.
+ */
+export const getSavedData = (key, fallback) => {
+  const saved = sessionStorage.getItem(key);
+  try {
+    return saved ? JSON.parse(saved) : fallback;
+  } catch (e) {
+    console.warn(`Error parsing sessionStorage key "${key}":`, e);
+    return fallback;
+  }
+};