Pmidc mono UI

web/egov-common-screen/.env

@@ -0,0 +1 @@
+VITE_API_HOST=https://mseva-dev.lgpunjab.gov.in

web/egov-common-screen/package.json

@@ -2,8 +2,8 @@
   "name": "commonscreen",
   "private": true,
   "version": "0.0.0",
-  "homepage": "https://mseva-uat.lgpunjab.gov.in/common/",
-  "proxy": "https://mseva-uat.lgpunjab.gov.in",
+  "homepage": "https://mseva-dev.lgpunjab.gov.in/common/",
+  "proxy": "https://mseva-dev.lgpunjab.gov.in",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,8 +12,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.13.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-hot-toast": "^2.6.0",
     "react-router-dom": "^7.1.3"
   },
   "devDependencies": {
@@ -31,4 +33,4 @@
     "react-faq-component": "^1.3.4",
     "vite": "^6.0.5"
   }
-}
+}

web/egov-common-screen/src/App.jsx

@@ -1,27 +1,57 @@
-import { useState } from 'react'
+import { useState, } from 'react'
 import Card from './components/Card'
 import Header from './components/Header'
 import Faq from './components/Faqs'
 import Footer from './components/Footer'
 import Privacy from './components/Privacy'
 import Impersonation from './components/Impersonation'
+import PropertyQRData from './components/propertyQRData'
+import DisplayPropertyRecord from './components/propertyQRData/displayPropertyRecord'
 import './App.css'
-import { BrowserRouter, Routes, Route } from "react-router-dom";
+import PrivateRoute from './utils/privateRoute'
+import { Toaster } from 'react-hot-toast'
+import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
 function App() {
+  const Layout = ({ children }) => {
+    const location = useLocation();
 
+    const hideHeaderFooter = location.pathname === "/propertyQRData" || location.pathname === "/displayPropertyRecord";
+
+    return (
+      <>
+        {!hideHeaderFooter && <Header />}
+        {children}
+        {!hideHeaderFooter && <Footer />}
+      </>
+    );
+  };
 
   return (
     <>
-      <Header />
+
       {/* //basename="/common" */}
       <BrowserRouter basename="/common">
-        <Routes>
-          <Route path="/" element={<Card />} />
-          <Route path="/privacy" element={<Privacy />} />
-          <Route path="/impersonation" element={<Impersonation />} />
-          <Route path="*" element={<Card />} />
-        </Routes>
 
+
+        <Layout>
+          <Routes>
+            <Route path="/" element={<Card />} />
+            <Route path="/privacy" element={<Privacy />} />
+            <Route path="/impersonation" element={<Impersonation />} />
+            <Route path="/propertyQRData" element={<PropertyQRData />} />
+            <Route
+              path="/displayPropertyRecord"
+              element={
+                <PrivateRoute>
+                  <DisplayPropertyRecord />
+                </PrivateRoute>
+              }
+            />
+            <Route path="*" element={<Card />} />
+          </Routes>
+        </Layout>
+        {/* ✅ ADD TOASTER HERE */}
+        <Toaster position="bottom-center" />
       </BrowserRouter>
       {/* <Card />
       <center ><p style={{
@@ -42,7 +72,7 @@ function App() {
         }}>
       </div>
       <Faq /> */}
-      <Footer />
+
     </>
   )
 }

web/egov-common-screen/src/components/Header/index.jsx

@@ -45,7 +45,7 @@ export default function Header() {
                         </div>
                         <div className="col-sm-12 col-md-6">
                             <div className="rightharder">
-                                <a href={`${baseUrlMseva}/employee`}target="_blank">
+                                <a href={`${baseUrlMseva}/employee`} target="_blank">
                                     Employee Login
                                 </a>
                                 {" | "}
@@ -64,4 +64,4 @@ export default function Header() {
 
     )
 
-}
+}

web/egov-common-screen/src/components/propertyQRData/api.jsx

@@ -0,0 +1,44 @@
+import axios from "axios";
+const isDev = import.meta.env.DEV;
+const API = axios.create({
+  baseURL: isDev ? "" : import.meta.env.VITE_API_HOST,
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+
+// Function to generate RequestInfo
+const generateRequestInfo = () => {
+  return {
+    apiId: "Rainmaker",
+    ver: ".01",
+    ts: Date.now(),
+    action: "token",
+    did: "1",
+    key: "",
+    msgId: `${Date.now()}|en_IN`,
+    authToken: localStorage.getItem("authToken") || "",
+  };
+};
+
+// Request Interceptor
+API.interceptors.request.use(
+  (config) => {
+    // Only attach for POST / PUT / PATCH
+    if (
+      config.method === "post" ||
+      config.method === "put" ||
+      config.method === "patch"
+    ) {
+      config.data = {
+        RequestInfo: generateRequestInfo(),
+        ...config.data,
+      };
+    }
+
+    return config;
+  },
+  (error) => Promise.reject(error)
+);
+
+export default API;

web/egov-common-screen/src/components/propertyQRData/constant.jsx

@@ -0,0 +1,2 @@
+export const statetenantId = 'pb'
+export const AUTHORIZATION_TOKEN = "Basic ZWdvdi11c2VyLWNsaWVudDplZ292LXVzZXItc2VjcmV0";

web/egov-common-screen/src/components/propertyQRData/displayPropertyRecord.jsx

@@ -0,0 +1,92 @@
+import { useSearchParams } from 'react-router-dom';
+import { useEffect, useState } from 'react';
+import { searchPropertyBySurvey, getAddressArray } from "./function"
+const DisplayPropertyRecord = () => {
+    const [missingParams, setMissingParams] = useState(false);
+    const [searchParams] = useSearchParams();
+    const [propertyData, setPropertyData] = useState([]);
+    // Extract date from  query parameters
+    const surveyID = searchParams.get('surveyid');
+    const tenantId = searchParams.get('tenantid');
+    const mobileNumber = searchParams.get('mobileno');
+    useEffect(() => {
+        if (!surveyID || !tenantId || !mobileNumber) {
+            if (!errorShown.current) { // Show error only once
+                showError("Please scan the QR code again");
+                errorShown.current = true;
+            }
+            setMissingParams(true);
+            return;
+        }
+
+        const fetchProp = async () => {
+            try {
+                const data = await searchPropertyBySurvey({ tenantId, surveyId: surveyID });
+                //console.log("data",data)
+                setPropertyData(data?.Properties || []);
+
+            } catch (err) {
+                console.error("API Failed:", err);
+            }
+        };
+
+        fetchProp();
+    }, [surveyID, tenantId, mobileNumber]);
+   // console.log("propertyData", propertyData)
+   const editPropertyurl = (propertyID, tenantid)=>{
+    debugger
+    let url = `/citizen/property-tax/assessment-form?assessmentId=0&purpose=update&propertyId=${propertyID}&tenantId=${tenantid}`;
+    window.location.replace(url);   
+   }
+    return (
+        <div className="otp-page">
+            {missingParams ? (
+                <div className="otp-card">
+                    <h2 className="otp-title">Invalid QR Code</h2>
+                    <p className="otp-subtext">Please scan a valid QR code to proceed</p>
+                </div>
+            ) : (
+                <div className="property_card-container">
+                    {propertyData.length === 0 ? (
+                        <p>No properties found</p>
+                    ) : (
+                        propertyData.map((prop, idx) => (
+                            <div className="property-card" key = {prop?.id}>
+                                <div className="property-id">
+                                    Property ID: {prop?.propertyId}
+                                </div>
+
+                                <div className="property-row">
+                                    <span className="property-label">Owner:</span>
+                                    <span className="property-value">{prop?.owners[0]?.name || 'NA'}</span>
+                                </div>
+
+                                <div className="property-row">
+                                    <span className="property-label">Guardian:</span>
+                                    <span className="property-value">{prop?.owners[0]?.fatherOrHusbandName || 'NA'}</span>
+                                </div>
+
+                                <div className="property-address">
+                                    {getAddressArray(prop.address)}
+                                </div>
+
+                                <div
+                                    className={`status-badge ${prop?.status === "ACTIVE"
+                                            ? "status-active"
+                                            : "status-inworkflow"
+                                        }`}
+                                >
+                                    {prop?.status}
+                                </div>
+
+                                <button className="property-btn" onClick={()=>editPropertyurl(prop?.propertyId, prop?.tenantId)}>View</button>
+                            </div>
+                        ))
+                    )}
+                </div>
+            )}
+        </div>
+    );
+}
+
+export default DisplayPropertyRecord;