@djb25/digit-ui-module-commonpt 1.0.11 → 1.0.12

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, Header, ResponseComposer, Table, Modal, KeyNote, Dropdown, Localities, OTPInput, CardLabelError, FormStep, UploadFile, RadioButtons, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, ViewsIcon, BreakLine, TelePhone, DisplayPhotos, InfoBannerIcon, EditIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CollapsibleCardPage, Label, AddressDetails, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
+import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, Header, ResponseComposer, Table, Modal, KeyNote, Dropdown, Localities, OTPInput, CardLabelError, FormStep, UploadFile, RadioButtons, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, ViewsIcon, BreakLine, TelePhone, DisplayPhotos, InfoBannerIcon, EditIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CollapsibleCardPage, AddressDetails, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, Label, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
 import React, { useState, useEffect, useRef, useLayoutEffect, useMemo, Fragment as Fragment$1, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useHistory, useRouteMatch, Switch, Route, Link, useParams } from 'react-router-dom';
@@ -9238,9 +9238,7 @@ const configWSApproverApplication = ({
   error
 }) => {
   var _action$action;
-  let checkCondtions = true;
-  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_CONNECTION") checkCondtions = false;
-  if (action.isTerminateState) checkCondtions = false;
+  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_CONNECTION") ;
   return {
     label: {
       heading: `WF_${action === null || action === void 0 ? void 0 : action.action}_APPLICATION`,
@@ -9249,18 +9247,6 @@ const configWSApproverApplication = ({
     },
     form: [{
       body: [{
-        label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL"),
-        placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
-        type: "dropdown",
-        populators: !checkCondtions ? null : /*#__PURE__*/React.createElement(Dropdown, {
-          option: approvers,
-          autoComplete: "off",
-          optionKey: "name",
-          id: "fieldInspector",
-          select: setSelectedApprover,
-          selected: selectedApprover
-        })
-      }, {
         label: t("WF_COMMON_COMMENTS"),
         type: "textarea",
         populators: {
@@ -9300,10 +9286,8 @@ const configWSDisConnectApplication = ({
   error
 }) => {
   var _action$action;
-  let checkCondtions = true,
-    isDatePickerDisplay = false;
-  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_DISCONNECTION" || (action === null || action === void 0 ? void 0 : action.action) == "RESUBMIT_APPLICATION") checkCondtions = false;
-  if (action.isTerminateState) checkCondtions = false;
+  let isDatePickerDisplay = false;
+  if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_DISCONNECTION" || (action === null || action === void 0 ? void 0 : action.action) == "RESUBMIT_APPLICATION") ;
   if ((action === null || action === void 0 ? void 0 : action.action) == "EXECUTE_DISCONNECTION" || (action === null || action === void 0 ? void 0 : action.action) == "DISCONNECTION_EXECUTED") isDatePickerDisplay = true;
   return {
     label: {
@@ -9312,19 +9296,7 @@ const configWSDisConnectApplication = ({
       cancel: "CS_COMMON_CANCEL"
     },
     form: [{
-      body: [{
-        label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL"),
-        placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
-        type: "dropdown",
-        populators: !checkCondtions ? null : /*#__PURE__*/React.createElement(Dropdown, {
-          option: approvers,
-          autoComplete: "off",
-          optionKey: "name",
-          id: "fieldInspector",
-          select: setSelectedApprover,
-          selected: selectedApprover
-        })
-      }, isDatePickerDisplay && {
+      body: [isDatePickerDisplay && {
         label: t("ES_FSM_ACTION_SERVICE_DATE"),
         isMandatory: isDatePickerDisplay ? true : false,
         type: "custom",
@@ -14029,7 +14001,7 @@ function PropertyDocuments({
     }));
   };
   const renderDocumentRow = (value, index) => {
-    var _pdfFiles$value$fileS;
+    var _pdfFiles$value$fileS, _value$originalDoc, _value$originalDoc$ad;
     const fileUrl = (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0];
     const docSubType = getDocSubType(value === null || value === void 0 ? void 0 : value.documentType);
     const docUid = (value === null || value === void 0 ? void 0 : value.documentUid) || "";
@@ -14117,6 +14089,15 @@ function PropertyDocuments({
           width: "18px",
           height: "18px",
           accentColor: "#F47738"
+        },
+        defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc = value.originalDoc) === null || _value$originalDoc === void 0 ? void 0 : (_value$originalDoc$ad = _value$originalDoc.additionalDetails) === null || _value$originalDoc$ad === void 0 ? void 0 : _value$originalDoc$ad.isDocumentVerified,
+        onChange: e => {
+          if (value !== null && value !== void 0 && value.originalDoc) {
+            if (!value.originalDoc.additionalDetails) {
+              value.originalDoc.additionalDetails = {};
+            }
+            value.originalDoc.additionalDetails.isDocumentVerified = e.target.checked;
+          }
         }
       }), "Check Verified"))
     })));
@@ -17773,390 +17754,133 @@ const PropertyAssemblyDetails = ({
   }, errors === null || errors === void 0 ? void 0 : (_errors$usageCategory2 = errors.usageCategoryMajor) === null || _errors$usageCategory2 === void 0 ? void 0 : _errors$usageCategory2.message));
 };
 
-const getAddress = (address, t) => {
-  return `${address !== null && address !== void 0 && address.doorNo ? `${address === null || address === void 0 ? void 0 : address.doorNo}, ` : ""} ${address !== null && address !== void 0 && address.street ? `${address === null || address === void 0 ? void 0 : address.street}, ` : ""}${address !== null && address !== void 0 && address.landmark ? `${address === null || address === void 0 ? void 0 : address.landmark}, ` : ""}${t(Digit.Utils.pt.getMohallaLocale(address === null || address === void 0 ? void 0 : address.locality.code, address === null || address === void 0 ? void 0 : address.tenantId))}, ${t(Digit.Utils.pt.getCityLocale(address === null || address === void 0 ? void 0 : address.tenantId))}${address !== null && address !== void 0 && address.pincode && t(address === null || address === void 0 ? void 0 : address.pincode) ? `, ${address.pincode}` : " "}`;
-};
-const PropertySearchNSummary = ({
-  config,
+const PropertyLocationDetails = ({
+  address,
+  actionCancelOnSubmit,
+  isEdit,
   onSelect,
-  userType,
-  formData,
-  setError,
-  formState,
-  clearErrors
+  config,
+  hideZRO,
+  formData: formDataProp,
+  ...props
 }) => {
-  var _formData$cptId, _formData$tradedetils, _formData$tradedetils2, _formData$tradedetils3, _propertyDetails$Prop3, _propertyDetails$Prop4, _propertyDetails$Prop5, _propertyDetails$Prop6, _propertyDetails$Prop7, _propertyDetails$Prop8;
+  var _formDataProp$cpt2;
   const {
     t
   } = useTranslation();
-  const history = useHistory();
-  let {
-    pathname,
-    state
-  } = useLocation();
-  state = state && (typeof state === "string" || state instanceof String) ? JSON.parse(state) : state;
-  const isEditScreen = pathname.includes("/modify-application/");
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const isEmpNewApplication = window.location.href.includes("/employee/tl/new-application");
-  const isEmpRenewLicense = window.location.href.includes("/employee/tl/renew-application-details") || window.location.href.includes("/employee/tl/edit-application-details");
-  const search = useLocation().search;
-  const urlPropertyId = new URLSearchParams(search).get("propertyId");
-  const [propertyId, setPropertyId] = useState((formData === null || formData === void 0 ? void 0 : (_formData$cptId = formData.cptId) === null || _formData$cptId === void 0 ? void 0 : _formData$cptId.id) || (urlPropertyId !== "null" ? urlPropertyId : "") || "");
-  const [searchPropertyId, setSearchPropertyId] = useState(urlPropertyId !== "null" ? urlPropertyId : "");
   const [showToast, setShowToast] = useState(null);
-  const isMobile = window.Digit.Utils.browser.isMobile();
-  const serachParams = window.location.href.includes("?") ? window.location.href.substring(window.location.href.indexOf("?") + 1, window.location.href.length) : "";
-  const {
-    isLoading,
-    isError,
-    error,
-    data: propertyDetails
-  } = Digit.Hooks.pt.usePropertySearch({
-    filters: {
-      propertyIds: searchPropertyId
-    },
-    tenantId: tenantId
-  }, {
-    filters: {
-      propertyIds: searchPropertyId
-    },
-    tenantId: tenantId,
-    enabled: searchPropertyId ? true : false,
-    privacy: Digit.Utils.getPrivacyObject()
+  const [formData, setFormData] = useState({
+    addressType: (address === null || address === void 0 ? void 0 : address.addressType) || "",
+    pincode: (address === null || address === void 0 ? void 0 : address.pinCode) || "",
+    city: (address === null || address === void 0 ? void 0 : address.city) || "",
+    locality: (address === null || address === void 0 ? void 0 : address.locality) || "",
+    streetName: (address === null || address === void 0 ? void 0 : address.streetName) || "",
+    houseNo: (address === null || address === void 0 ? void 0 : address.houseNumber) || "",
+    houseName: (address === null || address === void 0 ? void 0 : address.houseName) || "",
+    landmark: (address === null || address === void 0 ? void 0 : address.landmark) || "",
+    addressLine1: (address === null || address === void 0 ? void 0 : address.address) || "",
+    addressLine2: (address === null || address === void 0 ? void 0 : address.address2) || "",
+    latitude: (address === null || address === void 0 ? void 0 : address.latitude) || "",
+    longitude: (address === null || address === void 0 ? void 0 : address.longitude) || "",
+    assembly: (address === null || address === void 0 ? void 0 : address.assembly) || "",
+    block: (address === null || address === void 0 ? void 0 : address.block) || "",
+    zone: (address === null || address === void 0 ? void 0 : address.zone) || "",
+    zroLocation: (address === null || address === void 0 ? void 0 : address.zroLocation) || "",
+    subLocality: (address === null || address === void 0 ? void 0 : address.subLocality) || "",
+    actualAssembly: (address === null || address === void 0 ? void 0 : address.actualAssembly) || "",
+    actualWard: (address === null || address === void 0 ? void 0 : address.actualWard) || "",
+    actualZone: (address === null || address === void 0 ? void 0 : address.actualZone) || ""
   });
+  const isPropertyFound = window.location.href.includes("ws/old-application");
   useEffect(() => {
-    if (propertyId && (window.location.href.includes("/renew-application-details/") || window.location.href.includes("/edit-application-details/"))) setSearchPropertyId(propertyId);
-  }, [propertyId]);
-  useEffect(() => {
-    var _propertyDetails$Prop;
-    if (isLoading == false && error && error == true || (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : _propertyDetails$Prop.length) == 0) {
-      setShowToast({
-        error: true,
-        label: "PT_ENTER_VALID_PROPERTY_ID"
+    if (props.register) {
+      props.register({
+        name: "cpt"
+      });
+      props.register({
+        name: "cptId"
       });
     }
-  }, [error, propertyDetails]);
+  }, [props.register]);
   useEffect(() => {
-    onSelect("cpt", {
-      details: propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]
-    });
-    sessionStorage.setItem("Digit_FSM_PT", JSON.stringify(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]));
-    localStorage.setItem("pgrProperty", JSON.stringify(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]));
-  }, [propertyDetails, pathname]);
-  const searchProperty = () => {
-    if (!propertyId) {
-      setShowToast({
-        error: true,
-        label: "PT_ENTER_PROPERTY_ID_AND_SEARCH"
+    var _formDataProp$cpt;
+    if (formDataProp !== null && formDataProp !== void 0 && (_formDataProp$cpt = formDataProp.cpt) !== null && _formDataProp$cpt !== void 0 && _formDataProp$cpt.details) {
+      var _addressData$locality, _addressData$geoLocat, _addressData$geoLocat2, _addressData$locality2, _addressData$geoLocat3, _addressData$geoLocat4, _addressData$locality3, _addressData$addition, _addressData$addition2, _addressData$addition3, _addressData$addition4, _addressData$addition5, _addressData$addition6, _addressData$addition7, _addressData$addition8, _addressData$addition9, _addressData$addition0, _addressData$addition1, _addressData$addition10, _addressData$addition11;
+      const details = formDataProp.cpt.details;
+      const addressData = details.address || {};
+      const additionalDetails = details.additionalDetails || {};
+      const localityCode = ((_addressData$locality = addressData.locality) === null || _addressData$locality === void 0 ? void 0 : _addressData$locality.code) || addressData.locality || "";
+      const lat = (_addressData$geoLocat = addressData.geoLocation) !== null && _addressData$geoLocat !== void 0 && _addressData$geoLocat.latitude && ((_addressData$geoLocat2 = addressData.geoLocation) === null || _addressData$geoLocat2 === void 0 ? void 0 : _addressData$geoLocat2.latitude) !== 0 ? addressData.geoLocation.latitude : ((_addressData$locality2 = addressData.locality) === null || _addressData$locality2 === void 0 ? void 0 : _addressData$locality2.latitude) || addressData.latitude || "";
+      const lng = (_addressData$geoLocat3 = addressData.geoLocation) !== null && _addressData$geoLocat3 !== void 0 && _addressData$geoLocat3.longitude && ((_addressData$geoLocat4 = addressData.geoLocation) === null || _addressData$geoLocat4 === void 0 ? void 0 : _addressData$geoLocat4.longitude) !== 0 ? addressData.geoLocation.longitude : ((_addressData$locality3 = addressData.locality) === null || _addressData$locality3 === void 0 ? void 0 : _addressData$locality3.longitude) || addressData.longitude || "";
+      const zroCode = addressData.zroLocation || additionalDetails.zroLocation || ((_addressData$addition = addressData.additionalDetails) === null || _addressData$addition === void 0 ? void 0 : _addressData$addition.zroLocation) || "";
+      const zroValue = zroCode ? {
+        code: zroCode,
+        name: zroCode,
+        i18nKey: zroCode
+      } : "";
+      setFormData({
+        pincode: addressData.pincode || "",
+        city: addressData.city || "",
+        locality: localityCode,
+        streetName: addressData.street || "",
+        houseNo: addressData.houseNo || "",
+        landmark: addressData.landmark || "",
+        latitude: lat,
+        longitude: lng,
+        assembly: additionalDetails.assembly || ((_addressData$addition2 = addressData.additionalDetails) === null || _addressData$addition2 === void 0 ? void 0 : _addressData$addition2.assembly) || "",
+        block: additionalDetails.block || ((_addressData$addition3 = addressData.additionalDetails) === null || _addressData$addition3 === void 0 ? void 0 : _addressData$addition3.block) || "",
+        zone: additionalDetails.zone || ((_addressData$addition4 = addressData.additionalDetails) === null || _addressData$addition4 === void 0 ? void 0 : _addressData$addition4.zone) || "",
+        zroLocation: zroCode,
+        zro: zroValue,
+        subLocality: addressData.subLocality || "",
+        actualAssembly: addressData.actualAssembly || additionalDetails.actualAssembly || ((_addressData$addition5 = addressData.additionalDetails) === null || _addressData$addition5 === void 0 ? void 0 : _addressData$addition5.actualAssembly) || "",
+        actualWard: addressData.actualWard || additionalDetails.actualWard || ((_addressData$addition6 = addressData.additionalDetails) === null || _addressData$addition6 === void 0 ? void 0 : _addressData$addition6.actualWard) || "",
+        actualZone: addressData.actualZone || additionalDetails.actualZone || ((_addressData$addition7 = addressData.additionalDetails) === null || _addressData$addition7 === void 0 ? void 0 : _addressData$addition7.actualZone) || "",
+        address: {
+          ...addressData,
+          city: addressData.city || "",
+          pincode: addressData.pincode || "",
+          locality: localityCode,
+          streetName: addressData.street || "",
+          houseNo: addressData.houseNo || "",
+          addressLine1: addressData.street || "",
+          latitude: lat,
+          longitude: lng,
+          zroLocation: zroCode,
+          zro: zroValue,
+          assembly: additionalDetails.assembly || ((_addressData$addition8 = addressData.additionalDetails) === null || _addressData$addition8 === void 0 ? void 0 : _addressData$addition8.assembly) || "",
+          block: additionalDetails.block || ((_addressData$addition9 = addressData.additionalDetails) === null || _addressData$addition9 === void 0 ? void 0 : _addressData$addition9.block) || "",
+          zone: additionalDetails.zone || ((_addressData$addition0 = addressData.additionalDetails) === null || _addressData$addition0 === void 0 ? void 0 : _addressData$addition0.zone) || "",
+          subLocality: addressData.subLocality || "",
+          actualWard: addressData.actualWard || additionalDetails.actualWard || ((_addressData$addition1 = addressData.additionalDetails) === null || _addressData$addition1 === void 0 ? void 0 : _addressData$addition1.actualWard) || "",
+          actualZone: addressData.actualZone || additionalDetails.actualZone || ((_addressData$addition10 = addressData.additionalDetails) === null || _addressData$addition10 === void 0 ? void 0 : _addressData$addition10.actualZone) || "",
+          actualAssembly: addressData.actualAssembly || additionalDetails.actualAssembly || ((_addressData$addition11 = addressData.additionalDetails) === null || _addressData$addition11 === void 0 ? void 0 : _addressData$addition11.actualAssembly) || ""
+        }
       });
-    }
-    setSearchPropertyId(propertyId);
-    if (window.location.pathname.includes("/tl/new-application")) {
-      history.push(`/digit-ui/employee/tl/new-application?propertyId=${propertyId}`);
-      const scrollConst = 1600;
-      setTimeout(() => window.scrollTo(0, scrollConst), 0);
-    } else if (window.location.pathname.includes("/ws/new-application")) history.push(`/digit-ui/employee/ws/new-application?propertyId=${propertyId}`);
-  };
-  const clearSearch = () => {
-    setPropertyId("");
-    setSearchPropertyId("");
-    onSelect(config === null || config === void 0 ? void 0 : config.key, {
-      id: ""
-    });
-    onSelect("cpt", null);
-  };
-  if (isEditScreen) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-  let propertyAddress = "";
-  if (propertyDetails && propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.Properties.length) {
-    var _propertyDetails$Prop2;
-    propertyAddress = getAddress(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop2 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop2 === void 0 ? void 0 : _propertyDetails$Prop2.address, t);
-  }
-  const getInputStyles = () => {
-    if (window.location.href.includes("/ws/")) {
-      return {
-        fontWeight: "700"
-      };
-    } else return {};
-  };
-  const getOwnerNames = propertyData => {
-    var _propertyData$owners, _getActiveOwners$sort, _getActiveOwners$sort2;
-    const getActiveOwners = propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$owners = propertyData.owners) === null || _propertyData$owners === void 0 ? void 0 : _propertyData$owners.filter(owner => owner === null || owner === void 0 ? void 0 : owner.active);
-    const getOwnersList = (_getActiveOwners$sort = getActiveOwners.sort((a, b) => {
-      var _a$additionalDetails, _b$additionalDetails;
-      return (a === null || a === void 0 ? void 0 : (_a$additionalDetails = a.additionalDetails) === null || _a$additionalDetails === void 0 ? void 0 : _a$additionalDetails.ownerSequence) - (b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence);
-    })) === null || _getActiveOwners$sort === void 0 ? void 0 : (_getActiveOwners$sort2 = _getActiveOwners$sort.map(activeOwner => activeOwner === null || activeOwner === void 0 ? void 0 : activeOwner.name)) === null || _getActiveOwners$sort2 === void 0 ? void 0 : _getActiveOwners$sort2.join(",");
-    return getOwnersList ? getOwnersList : t("NA");
-  };
-  if (window.location.href.includes("/ws/")) ;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CollapsibleCardPage, {
-    title: t("PT_PROPERTY_SEARCH"),
-    defaultOpen: true
-  }, (window.location.href.includes("/tl/") ? !((formData === null || formData === void 0 ? void 0 : (_formData$tradedetils = formData.tradedetils) === null || _formData$tradedetils === void 0 ? void 0 : (_formData$tradedetils2 = _formData$tradedetils[0]) === null || _formData$tradedetils2 === void 0 ? void 0 : (_formData$tradedetils3 = _formData$tradedetils2.structureType) === null || _formData$tradedetils3 === void 0 ? void 0 : _formData$tradedetils3.code) === "MOVABLE") && (isEmpNewApplication || isEmpRenewLicense) : true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(Label, {
-    style: getInputStyles()
-  }, `${t(`PROPERTY_ID`)}`), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      gap: "12px"
-    }
-  }, /*#__PURE__*/React.createElement(TextInput, {
-    key: config === null || config === void 0 ? void 0 : config.key,
-    value: propertyId,
-    onChange: e => {
-      setPropertyId(e.target.value);
-      onSelect(config === null || config === void 0 ? void 0 : config.key, {
-        id: e.target.value
-      });
-    },
-    style: {
-      width: "80%",
-      float: "left"
-    },
-    placeholder: `${t("PT_ENTER_PROPERTY_ID")}`
-  }), /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
-    type: "button",
-    style: {
-      color: "white"
-    },
-    onClick: searchProperty
-  }, `${t("PT_SEARCH")}`), /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
-    type: "button",
-    style: {
-      color: "white"
-    },
-    onClick: clearSearch
-  }, `${t("CLEAR")}`), /*#__PURE__*/React.createElement("span", {
-    onClick: () => history.push(`/digit-ui/${userType}/${pathname.split("/")[3]}/create-application/create-property`, {
-      ...state,
-      ...formData
-    })
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
-    type: "button",
-    style: {
-      color: "white"
-    }
-  }, t("CPT_CREATE_PROPERTY"))))), searchPropertyId && propertyDetails && propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.Properties.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
-    className: "card-with-background",
-    style: {
-      margin: "16px 0px",
-      padding: "20px",
-      boxShadow: "none"
-    }
-  }, /*#__PURE__*/React.createElement(StatusTable, {
-    style: {
-      padding: "0",
-      margin: "0"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "formcomposer-section-grid",
-    style: isMobile ? {} : {}
-  }, /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    labelStyle: isMobile ? {
-      width: "40%"
-    } : {
-      width: "30%",
-      color: "#505a5f",
-      fontWeight: "600"
-    },
-    textStyle: {
-      color: "#000"
-    },
-    label: t(`PROPERTY_ID`),
-    text: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop3 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop3 === void 0 ? void 0 : _propertyDetails$Prop3.propertyId
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    labelStyle: isMobile ? {
-      width: "40%"
-    } : {
-      width: "30%",
-      color: "#505a5f",
-      fontWeight: "600"
-    },
-    textStyle: {
-      color: "#000"
-    },
-    label: t(`OWNER_NAME`),
-    text: getOwnerNames(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0])
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    labelStyle: isMobile ? {
-      width: "40%"
-    } : {
-      width: "30%",
-      color: "#505a5f",
-      fontWeight: "600"
-    },
-    textStyle: {
-      wordBreak: "break-word",
-      color: "#000"
-    },
-    label: t(`PROPERTY_ADDRESS`),
-    text: propertyAddress,
-    privacy: {
-      uuid: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop4 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop4 === void 0 ? void 0 : (_propertyDetails$Prop5 = _propertyDetails$Prop4.owners) === null || _propertyDetails$Prop5 === void 0 ? void 0 : (_propertyDetails$Prop6 = _propertyDetails$Prop5[0]) === null || _propertyDetails$Prop6 === void 0 ? void 0 : _propertyDetails$Prop6.uuid,
-      fieldName: ["doorNo", "street", "landmark"],
-      model: "Property",
-      showValue: true,
-      loadData: {
-        serviceName: "/property-services/property/_search",
-        requestBody: {},
-        requestParam: {
-          tenantId: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop7 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop7 === void 0 ? void 0 : _propertyDetails$Prop7.tenantId,
-          propertyIds: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop8 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop8 === void 0 ? void 0 : _propertyDetails$Prop8.propertyId
-        },
-        jsonPath: "Properties[0].address.street",
-        d: res => {
-          let resultString = (lodash.get(res, "Properties[0].address.doorNo") ? `${lodash.get(res, "Properties[0].address.doorNo")}, ` : "") + (lodash.get(res, "Properties[0].address.street") ? `${lodash.get(res, "Properties[0].address.street")}, ` : "") + (lodash.get(res, "Properties[0].address.landmark") ? `${lodash.get(res, "Properties[0].address.landmark")}` : "");
-          return resultString;
-        },
-        isArray: false
-      }
-    }
-  }))))) : null, showToast && /*#__PURE__*/React.createElement(Toast, {
-    isDleteBtn: true,
-    labelstyle: {
-      width: "100%"
-    },
-    error: showToast.error,
-    warning: showToast.warning,
-    label: t(showToast.label),
-    onClose: () => {
-      setShowToast(null);
-    }
-  }))));
-};
-
-const PropertyLocationDetails = ({
-  address,
-  actionCancelOnSubmit,
-  isEdit,
-  onSelect,
-  config,
-  formData: formDataProp,
-  ...props
-}) => {
-  var _formDataProp$cpt2;
-  const {
-    t
-  } = useTranslation();
-  const [showToast, setShowToast] = useState(null);
-  const [formData, setFormData] = useState({
-    addressType: (address === null || address === void 0 ? void 0 : address.addressType) || "",
-    pincode: (address === null || address === void 0 ? void 0 : address.pinCode) || "",
-    city: (address === null || address === void 0 ? void 0 : address.city) || "",
-    locality: (address === null || address === void 0 ? void 0 : address.locality) || "",
-    streetName: (address === null || address === void 0 ? void 0 : address.streetName) || "",
-    houseNo: (address === null || address === void 0 ? void 0 : address.houseNumber) || "",
-    houseName: (address === null || address === void 0 ? void 0 : address.houseName) || "",
-    landmark: (address === null || address === void 0 ? void 0 : address.landmark) || "",
-    addressLine1: (address === null || address === void 0 ? void 0 : address.address) || "",
-    addressLine2: (address === null || address === void 0 ? void 0 : address.address2) || "",
-    latitude: (address === null || address === void 0 ? void 0 : address.latitude) || "",
-    longitude: (address === null || address === void 0 ? void 0 : address.longitude) || "",
-    assembly: (address === null || address === void 0 ? void 0 : address.assembly) || "",
-    block: (address === null || address === void 0 ? void 0 : address.block) || "",
-    zone: (address === null || address === void 0 ? void 0 : address.zone) || "",
-    zroLocation: (address === null || address === void 0 ? void 0 : address.zroLocation) || "",
-    subLocality: (address === null || address === void 0 ? void 0 : address.subLocality) || "",
-    actualAssembly: (address === null || address === void 0 ? void 0 : address.actualAssembly) || "",
-    actualWard: (address === null || address === void 0 ? void 0 : address.actualWard) || "",
-    actualZone: (address === null || address === void 0 ? void 0 : address.actualZone) || ""
-  });
-  const isPropertyFound = window.location.href.includes("ws/old-application");
-  useEffect(() => {
-    if (props.register) {
-      props.register({
-        name: "cpt"
-      });
-      props.register({
-        name: "cptId"
-      });
-    }
-  }, [props.register]);
-  useEffect(() => {
-    var _formDataProp$cpt;
-    if (formDataProp !== null && formDataProp !== void 0 && (_formDataProp$cpt = formDataProp.cpt) !== null && _formDataProp$cpt !== void 0 && _formDataProp$cpt.details) {
-      var _addressData$locality, _addressData$geoLocat, _addressData$geoLocat2, _addressData$locality2, _addressData$geoLocat3, _addressData$geoLocat4, _addressData$locality3, _addressData$addition, _addressData$addition2, _addressData$addition3, _addressData$addition4, _addressData$addition5, _addressData$addition6, _addressData$addition7, _addressData$addition8, _addressData$addition9, _addressData$addition0, _addressData$addition1, _addressData$addition10, _addressData$addition11;
-      const details = formDataProp.cpt.details;
-      const addressData = details.address || {};
-      const additionalDetails = details.additionalDetails || {};
-      const localityCode = ((_addressData$locality = addressData.locality) === null || _addressData$locality === void 0 ? void 0 : _addressData$locality.code) || addressData.locality || "";
-      const lat = (_addressData$geoLocat = addressData.geoLocation) !== null && _addressData$geoLocat !== void 0 && _addressData$geoLocat.latitude && ((_addressData$geoLocat2 = addressData.geoLocation) === null || _addressData$geoLocat2 === void 0 ? void 0 : _addressData$geoLocat2.latitude) !== 0 ? addressData.geoLocation.latitude : ((_addressData$locality2 = addressData.locality) === null || _addressData$locality2 === void 0 ? void 0 : _addressData$locality2.latitude) || addressData.latitude || "";
-      const lng = (_addressData$geoLocat3 = addressData.geoLocation) !== null && _addressData$geoLocat3 !== void 0 && _addressData$geoLocat3.longitude && ((_addressData$geoLocat4 = addressData.geoLocation) === null || _addressData$geoLocat4 === void 0 ? void 0 : _addressData$geoLocat4.longitude) !== 0 ? addressData.geoLocation.longitude : ((_addressData$locality3 = addressData.locality) === null || _addressData$locality3 === void 0 ? void 0 : _addressData$locality3.longitude) || addressData.longitude || "";
-      const zroCode = addressData.zroLocation || additionalDetails.zroLocation || ((_addressData$addition = addressData.additionalDetails) === null || _addressData$addition === void 0 ? void 0 : _addressData$addition.zroLocation) || "";
-      const zroValue = zroCode ? {
-        code: zroCode,
-        name: zroCode,
-        i18nKey: zroCode
-      } : "";
-      setFormData({
-        pincode: addressData.pincode || "",
-        city: addressData.city || "",
-        locality: localityCode,
-        streetName: addressData.street || "",
-        houseNo: addressData.houseNo || "",
-        landmark: addressData.landmark || "",
-        latitude: lat,
-        longitude: lng,
-        assembly: additionalDetails.assembly || ((_addressData$addition2 = addressData.additionalDetails) === null || _addressData$addition2 === void 0 ? void 0 : _addressData$addition2.assembly) || "",
-        block: additionalDetails.block || ((_addressData$addition3 = addressData.additionalDetails) === null || _addressData$addition3 === void 0 ? void 0 : _addressData$addition3.block) || "",
-        zone: additionalDetails.zone || ((_addressData$addition4 = addressData.additionalDetails) === null || _addressData$addition4 === void 0 ? void 0 : _addressData$addition4.zone) || "",
-        zroLocation: zroCode,
-        zro: zroValue,
-        subLocality: addressData.subLocality || "",
-        actualAssembly: addressData.actualAssembly || additionalDetails.actualAssembly || ((_addressData$addition5 = addressData.additionalDetails) === null || _addressData$addition5 === void 0 ? void 0 : _addressData$addition5.actualAssembly) || "",
-        actualWard: addressData.actualWard || additionalDetails.actualWard || ((_addressData$addition6 = addressData.additionalDetails) === null || _addressData$addition6 === void 0 ? void 0 : _addressData$addition6.actualWard) || "",
-        actualZone: addressData.actualZone || additionalDetails.actualZone || ((_addressData$addition7 = addressData.additionalDetails) === null || _addressData$addition7 === void 0 ? void 0 : _addressData$addition7.actualZone) || "",
-        address: {
-          ...addressData,
-          city: addressData.city || "",
-          pincode: addressData.pincode || "",
-          locality: localityCode,
-          streetName: addressData.street || "",
-          houseNo: addressData.houseNo || "",
-          addressLine1: addressData.street || "",
-          latitude: lat,
-          longitude: lng,
-          zroLocation: zroCode,
-          zro: zroValue,
-          assembly: additionalDetails.assembly || ((_addressData$addition8 = addressData.additionalDetails) === null || _addressData$addition8 === void 0 ? void 0 : _addressData$addition8.assembly) || "",
-          block: additionalDetails.block || ((_addressData$addition9 = addressData.additionalDetails) === null || _addressData$addition9 === void 0 ? void 0 : _addressData$addition9.block) || "",
-          zone: additionalDetails.zone || ((_addressData$addition0 = addressData.additionalDetails) === null || _addressData$addition0 === void 0 ? void 0 : _addressData$addition0.zone) || "",
-          subLocality: addressData.subLocality || "",
-          actualWard: addressData.actualWard || additionalDetails.actualWard || ((_addressData$addition1 = addressData.additionalDetails) === null || _addressData$addition1 === void 0 ? void 0 : _addressData$addition1.actualWard) || "",
-          actualZone: addressData.actualZone || additionalDetails.actualZone || ((_addressData$addition10 = addressData.additionalDetails) === null || _addressData$addition10 === void 0 ? void 0 : _addressData$addition10.actualZone) || "",
-          actualAssembly: addressData.actualAssembly || additionalDetails.actualAssembly || ((_addressData$addition11 = addressData.additionalDetails) === null || _addressData$addition11 === void 0 ? void 0 : _addressData$addition11.actualAssembly) || ""
-        }
-      });
-    } else if ((formDataProp === null || formDataProp === void 0 ? void 0 : formDataProp.cpt) === null) {
-      const clearedData = {
-        addressType: "",
-        pincode: "",
-        city: "",
-        locality: "",
-        streetName: "",
-        houseNo: "",
-        houseName: "",
-        landmark: "",
-        addressLine1: "",
-        addressLine2: "",
-        latitude: "",
-        longitude: "",
-        assembly: "",
-        block: "",
-        zone: "",
-        zroLocation: "",
-        subLocality: "",
-        actualWard: "",
-        actualZone: "",
-        actualAssembly: "",
-        zro: "",
-        address: {}
+    } else if ((formDataProp === null || formDataProp === void 0 ? void 0 : formDataProp.cpt) === null) {
+      const clearedData = {
+        addressType: "",
+        pincode: "",
+        city: "",
+        locality: "",
+        streetName: "",
+        houseNo: "",
+        houseName: "",
+        landmark: "",
+        addressLine1: "",
+        addressLine2: "",
+        latitude: "",
+        longitude: "",
+        assembly: "",
+        block: "",
+        zone: "",
+        zroLocation: "",
+        subLocality: "",
+        actualWard: "",
+        actualZone: "",
+        actualAssembly: "",
+        zro: "",
+        address: {}
       };
       setFormData(clearedData);
       onSelect((config === null || config === void 0 ? void 0 : config.key) || "address", clearedData);
@@ -18173,6 +17897,15 @@ const PropertyLocationDetails = ({
   return /*#__PURE__*/React.createElement(CollapsibleCardPage, {
     title: t("PT_LOCATION_DETAILS"),
     defaultOpen: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      boxShadow: "none",
+      ...props.style
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(AddressDetails, {
     t: t,
     formData: formData,
@@ -18188,11 +17921,11 @@ const PropertyLocationDetails = ({
       ...config
     },
     isEdit: isEdit,
-    showZRO: true,
+    showZRO: hideZRO ? false : true,
     showMapActualLocation: true,
     disable: isPropertyFound,
     hideNextButton: true
-  }));
+  }))));
 };
 
 const PropertyOwnerDetails = ({
@@ -19427,84 +19160,363 @@ const PropertyDetails = ({
     filters: {
       propertyIds: (_formData4 = formData) !== null && _formData4 !== void 0 && (_formData4$cptId = _formData4.cptId) !== null && _formData4$cptId !== void 0 && _formData4$cptId.id || (_formData5 = formData) !== null && _formData5 !== void 0 && (_formData5$cpt = _formData5.cpt) !== null && _formData5$cpt !== void 0 && (_formData5$cpt$detail = _formData5$cpt.details) !== null && _formData5$cpt$detail !== void 0 && _formData5$cpt$detail.propertyId ? ((_formData6 = formData) === null || _formData6 === void 0 ? void 0 : (_formData6$knowyourpr = _formData6.knowyourproperty) === null || _formData6$knowyourpr === void 0 ? void 0 : (_formData6$knowyourpr2 = _formData6$knowyourpr.KnowProperty) === null || _formData6$knowyourpr2 === void 0 ? void 0 : _formData6$knowyourpr2.code) === "YES" || sessionStorage.getItem("VisitedLightCreate") === "false" ? (_formData7 = formData) === null || _formData7 === void 0 ? void 0 : (_formData7$cptId = _formData7.cptId) === null || _formData7$cptId === void 0 ? void 0 : _formData7$cptId.id : (_formData8 = formData) === null || _formData8 === void 0 ? void 0 : (_formData8$cpt = _formData8.cpt) === null || _formData8$cpt === void 0 ? void 0 : (_formData8$cpt$detail = _formData8$cpt.details) === null || _formData8$cpt$detail === void 0 ? void 0 : _formData8$cpt$detail.propertyId : window.location.href.includes("/tl/tradelicence/edit-application") || window.location.href.includes("/renew-trade/") ? (_formData9 = formData) === null || _formData9 === void 0 ? void 0 : (_formData9$tradeLicen = _formData9.tradeLicenseDetail) === null || _formData9$tradeLicen === void 0 ? void 0 : (_formData9$tradeLicen2 = _formData9$tradeLicen.additionalDetail) === null || _formData9$tradeLicen2 === void 0 ? void 0 : _formData9$tradeLicen2.propertyId : ((_formData0 = formData) === null || _formData0 === void 0 ? void 0 : (_formData0$cptId = _formData0.cptId) === null || _formData0$cptId === void 0 ? void 0 : _formData0$cptId.id) || ((_formData1 = formData) === null || _formData1 === void 0 ? void 0 : (_formData1$cpt = _formData1.cpt) === null || _formData1$cpt === void 0 ? void 0 : (_formData1$cpt$detail = _formData1$cpt.details) === null || _formData1$cpt$detail === void 0 ? void 0 : _formData1$cpt$detail.propertyId)
     },
-    tenantId: tenantId,
-    privacy: Digit.Utils.getPrivacyObject()
+    tenantId: tenantId,
+    privacy: Digit.Utils.getPrivacyObject()
+  }, {
+    filters: {
+      propertyIds: (_formData10 = formData) !== null && _formData10 !== void 0 && (_formData10$cptId = _formData10.cptId) !== null && _formData10$cptId !== void 0 && _formData10$cptId.id || (_formData11 = formData) !== null && _formData11 !== void 0 && (_formData11$cpt = _formData11.cpt) !== null && _formData11$cpt !== void 0 && (_formData11$cpt$detai = _formData11$cpt.details) !== null && _formData11$cpt$detai !== void 0 && _formData11$cpt$detai.propertyId ? ((_formData12 = formData) === null || _formData12 === void 0 ? void 0 : (_formData12$knowyourp = _formData12.knowyourproperty) === null || _formData12$knowyourp === void 0 ? void 0 : (_formData12$knowyourp2 = _formData12$knowyourp.KnowProperty) === null || _formData12$knowyourp2 === void 0 ? void 0 : _formData12$knowyourp2.code) === "YES" || sessionStorage.getItem("VisitedLightCreate") === "false" ? (_formData13 = formData) === null || _formData13 === void 0 ? void 0 : (_formData13$cptId = _formData13.cptId) === null || _formData13$cptId === void 0 ? void 0 : _formData13$cptId.id : (_formData14 = formData) === null || _formData14 === void 0 ? void 0 : (_formData14$cpt = _formData14.cpt) === null || _formData14$cpt === void 0 ? void 0 : (_formData14$cpt$detai = _formData14$cpt.details) === null || _formData14$cpt$detai === void 0 ? void 0 : _formData14$cpt$detai.propertyId : window.location.href.includes("/tl/tradelicence/edit-application") || window.location.href.includes("/renew-trade/") ? (_formData15 = formData) === null || _formData15 === void 0 ? void 0 : (_formData15$tradeLice = _formData15.tradeLicenseDetail) === null || _formData15$tradeLice === void 0 ? void 0 : (_formData15$tradeLice2 = _formData15$tradeLice.additionalDetail) === null || _formData15$tradeLice2 === void 0 ? void 0 : _formData15$tradeLice2.propertyId : ((_formData16 = formData) === null || _formData16 === void 0 ? void 0 : (_formData16$cptId = _formData16.cptId) === null || _formData16$cptId === void 0 ? void 0 : _formData16$cptId.id) || ((_formData17 = formData) === null || _formData17 === void 0 ? void 0 : (_formData17$cpt = _formData17.cpt) === null || _formData17$cpt === void 0 ? void 0 : (_formData17$cpt$detai = _formData17$cpt.details) === null || _formData17$cpt$detai === void 0 ? void 0 : _formData17$cpt$detai.propertyId)
+    },
+    tenantId: tenantId,
+    privacy: Digit.Utils.getPrivacyObject()
+  });
+  const onSkip = () => onSelect();
+  const goNext = () => {
+    sessionStorage.setItem("cpt", propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]);
+    onSelect("cpt", {
+      details: propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]
+    });
+  };
+  const reversedOwners = Array.isArray(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : (_propertyDetails$Prop2 = _propertyDetails$Prop[0]) === null || _propertyDetails$Prop2 === void 0 ? void 0 : _propertyDetails$Prop2.owners) ? propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop3 = propertyDetails.Properties) === null || _propertyDetails$Prop3 === void 0 ? void 0 : (_propertyDetails$Prop4 = _propertyDetails$Prop3[0]) === null || _propertyDetails$Prop4 === void 0 ? void 0 : _propertyDetails$Prop4.owners.slice().reverse() : [];
+  let propAddArr = [];
+  if (propertyDetails && propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.Properties.length) {
+    var _propertyDetails$Prop5, _propertyDetails$Prop6, _propertyDetails$Prop9, _propertyDetails$Prop0, _propertyDetails$Prop1, _propertyDetails$Prop10, _propertyDetails$Prop15, _propertyDetails$Prop16, _propertyDetails$Prop19, _propertyDetails$Prop20, _propertyDetails$Prop21, _propertyDetails$Prop26, _propertyDetails$Prop28, _propertyDetails$Prop29;
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop5 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop5 !== void 0 && (_propertyDetails$Prop6 = _propertyDetails$Prop5.address) !== null && _propertyDetails$Prop6 !== void 0 && _propertyDetails$Prop6.doorNo) {
+      var _propertyDetails$Prop7, _propertyDetails$Prop8;
+      propAddArr.push(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop7 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop7 === void 0 ? void 0 : (_propertyDetails$Prop8 = _propertyDetails$Prop7.address) === null || _propertyDetails$Prop8 === void 0 ? void 0 : _propertyDetails$Prop8.doorNo);
+    }
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop9 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop9 !== void 0 && (_propertyDetails$Prop0 = _propertyDetails$Prop9.address) !== null && _propertyDetails$Prop0 !== void 0 && _propertyDetails$Prop0.street || propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop1 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop1 !== void 0 && (_propertyDetails$Prop10 = _propertyDetails$Prop1.address) !== null && _propertyDetails$Prop10 !== void 0 && _propertyDetails$Prop10.buildingName) {
+      var _propertyDetails$Prop11, _propertyDetails$Prop12, _propertyDetails$Prop13, _propertyDetails$Prop14;
+      propAddArr.push((propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop11 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop11 === void 0 ? void 0 : (_propertyDetails$Prop12 = _propertyDetails$Prop11.address) === null || _propertyDetails$Prop12 === void 0 ? void 0 : _propertyDetails$Prop12.street) || (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop13 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop13 === void 0 ? void 0 : (_propertyDetails$Prop14 = _propertyDetails$Prop13.address) === null || _propertyDetails$Prop14 === void 0 ? void 0 : _propertyDetails$Prop14.buildingName));
+    }
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop15 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop15 !== void 0 && (_propertyDetails$Prop16 = _propertyDetails$Prop15.address) !== null && _propertyDetails$Prop16 !== void 0 && _propertyDetails$Prop16.landmark) {
+      var _propertyDetails$Prop17, _propertyDetails$Prop18;
+      propAddArr.push(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop17 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop17 === void 0 ? void 0 : (_propertyDetails$Prop18 = _propertyDetails$Prop17.address) === null || _propertyDetails$Prop18 === void 0 ? void 0 : _propertyDetails$Prop18.landmark);
+    }
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop19 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop19 !== void 0 && (_propertyDetails$Prop20 = _propertyDetails$Prop19.address) !== null && _propertyDetails$Prop20 !== void 0 && (_propertyDetails$Prop21 = _propertyDetails$Prop20.locality) !== null && _propertyDetails$Prop21 !== void 0 && _propertyDetails$Prop21.code) {
+      var _propertyDetails$Prop22, _propertyDetails$Prop23, _propertyDetails$Prop24, _propertyDetails$Prop25;
+      propAddArr.push(t(Digit.Utils.pt.getMohallaLocale(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop22 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop22 === void 0 ? void 0 : (_propertyDetails$Prop23 = _propertyDetails$Prop22.address) === null || _propertyDetails$Prop23 === void 0 ? void 0 : (_propertyDetails$Prop24 = _propertyDetails$Prop23.locality) === null || _propertyDetails$Prop24 === void 0 ? void 0 : _propertyDetails$Prop24.code, propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop25 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop25 === void 0 ? void 0 : _propertyDetails$Prop25.tenantId)));
+    }
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop26 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop26 !== void 0 && _propertyDetails$Prop26.tenantId) {
+      var _propertyDetails$Prop27;
+      propAddArr.push(t(Digit.Utils.pt.getCityLocale(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop27 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop27 === void 0 ? void 0 : _propertyDetails$Prop27.tenantId)));
+    }
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop28 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop28 !== void 0 && (_propertyDetails$Prop29 = _propertyDetails$Prop28.address) !== null && _propertyDetails$Prop29 !== void 0 && _propertyDetails$Prop29.pincode) {
+      var _propertyDetails$Prop30, _propertyDetails$Prop31;
+      propAddArr.push(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop30 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop30 === void 0 ? void 0 : (_propertyDetails$Prop31 = _propertyDetails$Prop30.address) === null || _propertyDetails$Prop31 === void 0 ? void 0 : _propertyDetails$Prop31.pincode);
+    }
+  }
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  function getChangePropertyPath() {
+    var _formData18, _formData19, _formData20, _formData21, _formData22, _formData23;
+    if (window.location.href.includes("/ws/modify-connection/")) return `/digit-ui/citizen/ws/modify-connection/${(_formData18 = formData) === null || _formData18 === void 0 ? void 0 : _formData18.tenantId}/search-property`;else if (window.location.href.includes("/ws/edit-application/")) return `/digit-ui/citizen/ws/edit-application/${(_formData19 = formData) === null || _formData19 === void 0 ? void 0 : _formData19.tenantId}/search-property`;else if (window.location.href.includes("/ws/")) return `/digit-ui/citizen/ws/create-application/search-property`;else if (window.location.href.includes("/renew-trade/")) return `/digit-ui/citizen/tl/tradelicence/renew-trade/${(_formData20 = formData) === null || _formData20 === void 0 ? void 0 : _formData20.applicationNumber}/${(_formData21 = formData) === null || _formData21 === void 0 ? void 0 : _formData21.tenantId}/know-your-property`;else if (window.location.href.includes("/edit-application/")) return `/digit-ui/citizen/tl/tradelicence/edit-application/${(_formData22 = formData) === null || _formData22 === void 0 ? void 0 : _formData22.applicationNumber}/${(_formData23 = formData) === null || _formData23 === void 0 ? void 0 : _formData23.tenantId}/know-your-property`;else return `/digit-ui/citizen/tl/tradelicence/new-application/know-your-property`;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, window.location.href.includes("/citizen") ? /*#__PURE__*/React.createElement(CPTTimeline, {
+    currentStep: window.location.href.includes("/ws/") ? 1 : 2,
+    flow: window.location.href.includes("/ws/") ? "WS" : "",
+    businessService: "WS"
+  }) : null, /*#__PURE__*/React.createElement(FormStep, {
+    t: t,
+    config: config,
+    onSelect: goNext,
+    onSkip: onSkip
+  }, propertyDetails && (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardHeader, null, t("PT_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    label: t(`PROPERTY_ID`),
+    text: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop32 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop32 === void 0 ? void 0 : _propertyDetails$Prop32.propertyId
+  }), /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    label: t(`OWNER_NAME`),
+    text: reversedOwners === null || reversedOwners === void 0 ? void 0 : (_reversedOwners$ = reversedOwners[0]) === null || _reversedOwners$ === void 0 ? void 0 : _reversedOwners$.name
+  }), /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    textStyle: {
+      wordBreak: "break-word"
+    },
+    label: t(`PROPERTY_ADDRESS`),
+    text: propAddArr.join(', '),
+    privacy: {
+      uuid: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop33 = propertyDetails.Properties) === null || _propertyDetails$Prop33 === void 0 ? void 0 : (_propertyDetails$Prop34 = _propertyDetails$Prop33[0]) === null || _propertyDetails$Prop34 === void 0 ? void 0 : (_propertyDetails$Prop35 = _propertyDetails$Prop34.owners) === null || _propertyDetails$Prop35 === void 0 ? void 0 : (_propertyDetails$Prop36 = _propertyDetails$Prop35[0]) === null || _propertyDetails$Prop36 === void 0 ? void 0 : _propertyDetails$Prop36.uuid,
+      fieldName: ["doorNo", "street", "landmark"],
+      model: "Property",
+      showValue: true,
+      loadData: {
+        serviceName: "/property-services/property/_search",
+        requestBody: {},
+        requestParam: {
+          tenantId: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop37 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop37 === void 0 ? void 0 : _propertyDetails$Prop37.tenantId,
+          propertyIds: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop38 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop38 === void 0 ? void 0 : _propertyDetails$Prop38.propertyId
+        },
+        jsonPath: "Properties[0].address.street",
+        d: res => {
+          let resultString = (_.get(res, "Properties[0].address.doorNo") ? `${_.get(res, "Properties[0].address.doorNo")}, ` : "") + (_.get(res, "Properties[0].address.street") ? `${_.get(res, "Properties[0].address.street")}, ` : "") + (_.get(res, "Properties[0].address.landmark") ? `${_.get(res, "Properties[0].address.landmark")}` : "");
+          return resultString;
+        },
+        isArray: false
+      }
+    }
+  }), /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    label: t(`PT_MUTATION_STATUS`),
+    text: t(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop39 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop39 === void 0 ? void 0 : _propertyDetails$Prop39.status)
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: "left"
+    }
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: `/digit-ui/citizen/commonpt/view-property?propertyId=${propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop40 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop40 === void 0 ? void 0 : _propertyDetails$Prop40.propertyId}&tenantId=${propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop41 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop41 === void 0 ? void 0 : _propertyDetails$Prop41.tenantId}`
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    style: {
+      textAlign: "left"
+    },
+    label: t("PT_VIEW_MORE_DETAILS")
+  })), /*#__PURE__*/React.createElement(Link, {
+    to: getChangePropertyPath()
+  }, /*#__PURE__*/React.createElement(LinkButton, {
+    style: {
+      textAlign: "left"
+    },
+    label: t("PT_CHANGE_PROPERTY"),
+    onClick: () => {
+      sessionStorage.setItem("changePropertySelected", "yes");
+      sessionStorage.setItem("EditFormData", JSON.stringify(formData));
+    }
+  })))), /*#__PURE__*/React.createElement(SubmitBar, {
+    style: {
+      marginTop: "10px"
+    },
+    onSubmit: goNext,
+    label: t("CS_COMMON_NEXT")
+  }))));
+};
+
+const getAddress = (address, t) => {
+  return `${address !== null && address !== void 0 && address.doorNo ? `${address === null || address === void 0 ? void 0 : address.doorNo}, ` : ""} ${address !== null && address !== void 0 && address.street ? `${address === null || address === void 0 ? void 0 : address.street}, ` : ""}${address !== null && address !== void 0 && address.landmark ? `${address === null || address === void 0 ? void 0 : address.landmark}, ` : ""}${t(Digit.Utils.pt.getMohallaLocale(address === null || address === void 0 ? void 0 : address.locality.code, address === null || address === void 0 ? void 0 : address.tenantId))}, ${t(Digit.Utils.pt.getCityLocale(address === null || address === void 0 ? void 0 : address.tenantId))}${address !== null && address !== void 0 && address.pincode && t(address === null || address === void 0 ? void 0 : address.pincode) ? `, ${address.pincode}` : " "}`;
+};
+const PropertySearchNSummary = ({
+  config,
+  onSelect,
+  userType,
+  formData,
+  setError,
+  formState,
+  clearErrors
+}) => {
+  var _formData$cptId, _formData$tradedetils, _formData$tradedetils2, _formData$tradedetils3, _propertyDetails$Prop3, _propertyDetails$Prop4, _propertyDetails$Prop5, _propertyDetails$Prop6, _propertyDetails$Prop7, _propertyDetails$Prop8;
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  let {
+    pathname,
+    state
+  } = useLocation();
+  state = state && (typeof state === "string" || state instanceof String) ? JSON.parse(state) : state;
+  const isEditScreen = pathname.includes("/modify-application/");
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const isEmpNewApplication = window.location.href.includes("/employee/tl/new-application");
+  const isEmpRenewLicense = window.location.href.includes("/employee/tl/renew-application-details") || window.location.href.includes("/employee/tl/edit-application-details");
+  const search = useLocation().search;
+  const urlPropertyId = new URLSearchParams(search).get("propertyId");
+  const [propertyId, setPropertyId] = useState((formData === null || formData === void 0 ? void 0 : (_formData$cptId = formData.cptId) === null || _formData$cptId === void 0 ? void 0 : _formData$cptId.id) || (urlPropertyId !== "null" ? urlPropertyId : "") || "");
+  const [searchPropertyId, setSearchPropertyId] = useState(urlPropertyId !== "null" ? urlPropertyId : "");
+  const [showToast, setShowToast] = useState(null);
+  const isMobile = window.Digit.Utils.browser.isMobile();
+  const serachParams = window.location.href.includes("?") ? window.location.href.substring(window.location.href.indexOf("?") + 1, window.location.href.length) : "";
+  const {
+    isLoading,
+    isError,
+    error,
+    data: propertyDetails
+  } = Digit.Hooks.pt.usePropertySearch({
+    filters: {
+      propertyIds: searchPropertyId
+    },
+    tenantId: tenantId
   }, {
     filters: {
-      propertyIds: (_formData10 = formData) !== null && _formData10 !== void 0 && (_formData10$cptId = _formData10.cptId) !== null && _formData10$cptId !== void 0 && _formData10$cptId.id || (_formData11 = formData) !== null && _formData11 !== void 0 && (_formData11$cpt = _formData11.cpt) !== null && _formData11$cpt !== void 0 && (_formData11$cpt$detai = _formData11$cpt.details) !== null && _formData11$cpt$detai !== void 0 && _formData11$cpt$detai.propertyId ? ((_formData12 = formData) === null || _formData12 === void 0 ? void 0 : (_formData12$knowyourp = _formData12.knowyourproperty) === null || _formData12$knowyourp === void 0 ? void 0 : (_formData12$knowyourp2 = _formData12$knowyourp.KnowProperty) === null || _formData12$knowyourp2 === void 0 ? void 0 : _formData12$knowyourp2.code) === "YES" || sessionStorage.getItem("VisitedLightCreate") === "false" ? (_formData13 = formData) === null || _formData13 === void 0 ? void 0 : (_formData13$cptId = _formData13.cptId) === null || _formData13$cptId === void 0 ? void 0 : _formData13$cptId.id : (_formData14 = formData) === null || _formData14 === void 0 ? void 0 : (_formData14$cpt = _formData14.cpt) === null || _formData14$cpt === void 0 ? void 0 : (_formData14$cpt$detai = _formData14$cpt.details) === null || _formData14$cpt$detai === void 0 ? void 0 : _formData14$cpt$detai.propertyId : window.location.href.includes("/tl/tradelicence/edit-application") || window.location.href.includes("/renew-trade/") ? (_formData15 = formData) === null || _formData15 === void 0 ? void 0 : (_formData15$tradeLice = _formData15.tradeLicenseDetail) === null || _formData15$tradeLice === void 0 ? void 0 : (_formData15$tradeLice2 = _formData15$tradeLice.additionalDetail) === null || _formData15$tradeLice2 === void 0 ? void 0 : _formData15$tradeLice2.propertyId : ((_formData16 = formData) === null || _formData16 === void 0 ? void 0 : (_formData16$cptId = _formData16.cptId) === null || _formData16$cptId === void 0 ? void 0 : _formData16$cptId.id) || ((_formData17 = formData) === null || _formData17 === void 0 ? void 0 : (_formData17$cpt = _formData17.cpt) === null || _formData17$cpt === void 0 ? void 0 : (_formData17$cpt$detai = _formData17$cpt.details) === null || _formData17$cpt$detai === void 0 ? void 0 : _formData17$cpt$detai.propertyId)
+      propertyIds: searchPropertyId
     },
     tenantId: tenantId,
+    enabled: searchPropertyId ? true : false,
     privacy: Digit.Utils.getPrivacyObject()
   });
-  const onSkip = () => onSelect();
-  const goNext = () => {
-    sessionStorage.setItem("cpt", propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]);
+  useEffect(() => {
+    if (propertyId && (window.location.href.includes("/renew-application-details/") || window.location.href.includes("/edit-application-details/"))) setSearchPropertyId(propertyId);
+  }, [propertyId]);
+  useEffect(() => {
+    var _propertyDetails$Prop;
+    if (isLoading == false && error && error == true || (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : _propertyDetails$Prop.length) == 0) {
+      setShowToast({
+        error: true,
+        label: "PT_ENTER_VALID_PROPERTY_ID"
+      });
+    }
+  }, [error, propertyDetails]);
+  useEffect(() => {
     onSelect("cpt", {
       details: propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]
     });
+    sessionStorage.setItem("Digit_FSM_PT", JSON.stringify(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]));
+    localStorage.setItem("pgrProperty", JSON.stringify(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0]));
+  }, [propertyDetails, pathname]);
+  const searchProperty = () => {
+    if (!propertyId) {
+      setShowToast({
+        error: true,
+        label: "PT_ENTER_PROPERTY_ID_AND_SEARCH"
+      });
+    }
+    setSearchPropertyId(propertyId);
+    if (window.location.pathname.includes("/tl/new-application")) {
+      history.push(`/digit-ui/employee/tl/new-application?propertyId=${propertyId}`);
+      const scrollConst = 1600;
+      setTimeout(() => window.scrollTo(0, scrollConst), 0);
+    } else if (window.location.pathname.includes("/ws/new-application")) history.push(`/digit-ui/employee/ws/new-application?propertyId=${propertyId}`);
+  };
+  const clearSearch = () => {
+    setPropertyId("");
+    setSearchPropertyId("");
+    onSelect(config === null || config === void 0 ? void 0 : config.key, {
+      id: ""
+    });
+    onSelect("cpt", null);
   };
-  const reversedOwners = Array.isArray(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : (_propertyDetails$Prop2 = _propertyDetails$Prop[0]) === null || _propertyDetails$Prop2 === void 0 ? void 0 : _propertyDetails$Prop2.owners) ? propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop3 = propertyDetails.Properties) === null || _propertyDetails$Prop3 === void 0 ? void 0 : (_propertyDetails$Prop4 = _propertyDetails$Prop3[0]) === null || _propertyDetails$Prop4 === void 0 ? void 0 : _propertyDetails$Prop4.owners.slice().reverse() : [];
-  let propAddArr = [];
+  if (isEditScreen) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  let propertyAddress = "";
   if (propertyDetails && propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.Properties.length) {
-    var _propertyDetails$Prop5, _propertyDetails$Prop6, _propertyDetails$Prop9, _propertyDetails$Prop0, _propertyDetails$Prop1, _propertyDetails$Prop10, _propertyDetails$Prop15, _propertyDetails$Prop16, _propertyDetails$Prop19, _propertyDetails$Prop20, _propertyDetails$Prop21, _propertyDetails$Prop26, _propertyDetails$Prop28, _propertyDetails$Prop29;
-    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop5 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop5 !== void 0 && (_propertyDetails$Prop6 = _propertyDetails$Prop5.address) !== null && _propertyDetails$Prop6 !== void 0 && _propertyDetails$Prop6.doorNo) {
-      var _propertyDetails$Prop7, _propertyDetails$Prop8;
-      propAddArr.push(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop7 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop7 === void 0 ? void 0 : (_propertyDetails$Prop8 = _propertyDetails$Prop7.address) === null || _propertyDetails$Prop8 === void 0 ? void 0 : _propertyDetails$Prop8.doorNo);
-    }
-    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop9 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop9 !== void 0 && (_propertyDetails$Prop0 = _propertyDetails$Prop9.address) !== null && _propertyDetails$Prop0 !== void 0 && _propertyDetails$Prop0.street || propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop1 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop1 !== void 0 && (_propertyDetails$Prop10 = _propertyDetails$Prop1.address) !== null && _propertyDetails$Prop10 !== void 0 && _propertyDetails$Prop10.buildingName) {
-      var _propertyDetails$Prop11, _propertyDetails$Prop12, _propertyDetails$Prop13, _propertyDetails$Prop14;
-      propAddArr.push((propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop11 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop11 === void 0 ? void 0 : (_propertyDetails$Prop12 = _propertyDetails$Prop11.address) === null || _propertyDetails$Prop12 === void 0 ? void 0 : _propertyDetails$Prop12.street) || (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop13 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop13 === void 0 ? void 0 : (_propertyDetails$Prop14 = _propertyDetails$Prop13.address) === null || _propertyDetails$Prop14 === void 0 ? void 0 : _propertyDetails$Prop14.buildingName));
-    }
-    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop15 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop15 !== void 0 && (_propertyDetails$Prop16 = _propertyDetails$Prop15.address) !== null && _propertyDetails$Prop16 !== void 0 && _propertyDetails$Prop16.landmark) {
-      var _propertyDetails$Prop17, _propertyDetails$Prop18;
-      propAddArr.push(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop17 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop17 === void 0 ? void 0 : (_propertyDetails$Prop18 = _propertyDetails$Prop17.address) === null || _propertyDetails$Prop18 === void 0 ? void 0 : _propertyDetails$Prop18.landmark);
+    var _propertyDetails$Prop2;
+    propertyAddress = getAddress(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop2 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop2 === void 0 ? void 0 : _propertyDetails$Prop2.address, t);
+  }
+  const getInputStyles = () => {
+    if (window.location.href.includes("/ws/")) {
+      return {
+        fontWeight: "700"
+      };
+    } else return {};
+  };
+  const getOwnerNames = propertyData => {
+    var _propertyData$owners, _getActiveOwners$sort, _getActiveOwners$sort2;
+    const getActiveOwners = propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$owners = propertyData.owners) === null || _propertyData$owners === void 0 ? void 0 : _propertyData$owners.filter(owner => owner === null || owner === void 0 ? void 0 : owner.active);
+    const getOwnersList = (_getActiveOwners$sort = getActiveOwners.sort((a, b) => {
+      var _a$additionalDetails, _b$additionalDetails;
+      return (a === null || a === void 0 ? void 0 : (_a$additionalDetails = a.additionalDetails) === null || _a$additionalDetails === void 0 ? void 0 : _a$additionalDetails.ownerSequence) - (b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence);
+    })) === null || _getActiveOwners$sort === void 0 ? void 0 : (_getActiveOwners$sort2 = _getActiveOwners$sort.map(activeOwner => activeOwner === null || activeOwner === void 0 ? void 0 : activeOwner.name)) === null || _getActiveOwners$sort2 === void 0 ? void 0 : _getActiveOwners$sort2.join(",");
+    return getOwnersList ? getOwnersList : t("NA");
+  };
+  if (window.location.href.includes("/ws/")) ;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CollapsibleCardPage, {
+    title: t("PT_PROPERTY_SEARCH"),
+    defaultOpen: true
+  }, (window.location.href.includes("/tl/") ? !((formData === null || formData === void 0 ? void 0 : (_formData$tradedetils = formData.tradedetils) === null || _formData$tradedetils === void 0 ? void 0 : (_formData$tradedetils2 = _formData$tradedetils[0]) === null || _formData$tradedetils2 === void 0 ? void 0 : (_formData$tradedetils3 = _formData$tradedetils2.structureType) === null || _formData$tradedetils3 === void 0 ? void 0 : _formData$tradedetils3.code) === "MOVABLE") && (isEmpNewApplication || isEmpRenewLicense) : true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(Label, {
+    style: getInputStyles()
+  }, `${t(`PROPERTY_ID`)}`), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "12px"
     }
-    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop19 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop19 !== void 0 && (_propertyDetails$Prop20 = _propertyDetails$Prop19.address) !== null && _propertyDetails$Prop20 !== void 0 && (_propertyDetails$Prop21 = _propertyDetails$Prop20.locality) !== null && _propertyDetails$Prop21 !== void 0 && _propertyDetails$Prop21.code) {
-      var _propertyDetails$Prop22, _propertyDetails$Prop23, _propertyDetails$Prop24, _propertyDetails$Prop25;
-      propAddArr.push(t(Digit.Utils.pt.getMohallaLocale(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop22 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop22 === void 0 ? void 0 : (_propertyDetails$Prop23 = _propertyDetails$Prop22.address) === null || _propertyDetails$Prop23 === void 0 ? void 0 : (_propertyDetails$Prop24 = _propertyDetails$Prop23.locality) === null || _propertyDetails$Prop24 === void 0 ? void 0 : _propertyDetails$Prop24.code, propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop25 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop25 === void 0 ? void 0 : _propertyDetails$Prop25.tenantId)));
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    key: config === null || config === void 0 ? void 0 : config.key,
+    value: propertyId,
+    onChange: e => {
+      setPropertyId(e.target.value);
+      onSelect(config === null || config === void 0 ? void 0 : config.key, {
+        id: e.target.value
+      });
+    },
+    style: {
+      width: "80%",
+      float: "left"
+    },
+    placeholder: `${t("PT_ENTER_PROPERTY_ID")}`
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "submit-bar",
+    type: "button",
+    style: {
+      color: "white"
+    },
+    onClick: searchProperty
+  }, `${t("PT_SEARCH")}`), /*#__PURE__*/React.createElement("button", {
+    className: "submit-bar",
+    type: "button",
+    style: {
+      color: "white"
+    },
+    onClick: clearSearch
+  }, `${t("CLEAR")}`), /*#__PURE__*/React.createElement("span", {
+    onClick: () => history.push(`/digit-ui/${userType}/${pathname.split("/")[3]}/create-application/create-property`, {
+      ...state,
+      ...formData
+    })
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "submit-bar",
+    type: "button",
+    style: {
+      color: "white"
     }
-    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop26 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop26 !== void 0 && _propertyDetails$Prop26.tenantId) {
-      var _propertyDetails$Prop27;
-      propAddArr.push(t(Digit.Utils.pt.getCityLocale(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop27 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop27 === void 0 ? void 0 : _propertyDetails$Prop27.tenantId)));
+  }, t("CPT_CREATE_PROPERTY"))))), searchPropertyId && propertyDetails && propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.Properties.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
+    className: "card-with-background",
+    style: {
+      margin: "16px 0px",
+      padding: "20px",
+      boxShadow: "none"
     }
-    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop28 = propertyDetails.Properties[0]) !== null && _propertyDetails$Prop28 !== void 0 && (_propertyDetails$Prop29 = _propertyDetails$Prop28.address) !== null && _propertyDetails$Prop29 !== void 0 && _propertyDetails$Prop29.pincode) {
-      var _propertyDetails$Prop30, _propertyDetails$Prop31;
-      propAddArr.push(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop30 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop30 === void 0 ? void 0 : (_propertyDetails$Prop31 = _propertyDetails$Prop30.address) === null || _propertyDetails$Prop31 === void 0 ? void 0 : _propertyDetails$Prop31.pincode);
+  }, /*#__PURE__*/React.createElement(StatusTable, {
+    style: {
+      padding: "0",
+      margin: "0"
     }
-  }
-  if (isLoading) {
-    return /*#__PURE__*/React.createElement(Loader, null);
-  }
-  function getChangePropertyPath() {
-    var _formData18, _formData19, _formData20, _formData21, _formData22, _formData23;
-    if (window.location.href.includes("/ws/modify-connection/")) return `/digit-ui/citizen/ws/modify-connection/${(_formData18 = formData) === null || _formData18 === void 0 ? void 0 : _formData18.tenantId}/search-property`;else if (window.location.href.includes("/ws/edit-application/")) return `/digit-ui/citizen/ws/edit-application/${(_formData19 = formData) === null || _formData19 === void 0 ? void 0 : _formData19.tenantId}/search-property`;else if (window.location.href.includes("/ws/")) return `/digit-ui/citizen/ws/create-application/search-property`;else if (window.location.href.includes("/renew-trade/")) return `/digit-ui/citizen/tl/tradelicence/renew-trade/${(_formData20 = formData) === null || _formData20 === void 0 ? void 0 : _formData20.applicationNumber}/${(_formData21 = formData) === null || _formData21 === void 0 ? void 0 : _formData21.tenantId}/know-your-property`;else if (window.location.href.includes("/edit-application/")) return `/digit-ui/citizen/tl/tradelicence/edit-application/${(_formData22 = formData) === null || _formData22 === void 0 ? void 0 : _formData22.applicationNumber}/${(_formData23 = formData) === null || _formData23 === void 0 ? void 0 : _formData23.tenantId}/know-your-property`;else return `/digit-ui/citizen/tl/tradelicence/new-application/know-your-property`;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, window.location.href.includes("/citizen") ? /*#__PURE__*/React.createElement(CPTTimeline, {
-    currentStep: window.location.href.includes("/ws/") ? 1 : 2,
-    flow: window.location.href.includes("/ws/") ? "WS" : "",
-    businessService: "WS"
-  }) : null, /*#__PURE__*/React.createElement(FormStep, {
-    t: t,
-    config: config,
-    onSelect: goNext,
-    onSkip: onSkip
-  }, propertyDetails && (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardHeader, null, t("PT_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "formcomposer-section-grid",
+    style: isMobile ? {} : {}
+  }, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
+    labelStyle: isMobile ? {
+      width: "40%"
+    } : {
+      width: "30%",
+      color: "#505a5f",
+      fontWeight: "600"
+    },
+    textStyle: {
+      color: "#000"
+    },
     label: t(`PROPERTY_ID`),
-    text: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop32 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop32 === void 0 ? void 0 : _propertyDetails$Prop32.propertyId
+    text: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop3 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop3 === void 0 ? void 0 : _propertyDetails$Prop3.propertyId
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
+    labelStyle: isMobile ? {
+      width: "40%"
+    } : {
+      width: "30%",
+      color: "#505a5f",
+      fontWeight: "600"
+    },
+    textStyle: {
+      color: "#000"
+    },
     label: t(`OWNER_NAME`),
-    text: reversedOwners === null || reversedOwners === void 0 ? void 0 : (_reversedOwners$ = reversedOwners[0]) === null || _reversedOwners$ === void 0 ? void 0 : _reversedOwners$.name
+    text: getOwnerNames(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.Properties[0])
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
+    labelStyle: isMobile ? {
+      width: "40%"
+    } : {
+      width: "30%",
+      color: "#505a5f",
+      fontWeight: "600"
+    },
     textStyle: {
-      wordBreak: "break-word"
+      wordBreak: "break-word",
+      color: "#000"
     },
     label: t(`PROPERTY_ADDRESS`),
-    text: propAddArr.join(', '),
+    text: propertyAddress,
     privacy: {
-      uuid: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop33 = propertyDetails.Properties) === null || _propertyDetails$Prop33 === void 0 ? void 0 : (_propertyDetails$Prop34 = _propertyDetails$Prop33[0]) === null || _propertyDetails$Prop34 === void 0 ? void 0 : (_propertyDetails$Prop35 = _propertyDetails$Prop34.owners) === null || _propertyDetails$Prop35 === void 0 ? void 0 : (_propertyDetails$Prop36 = _propertyDetails$Prop35[0]) === null || _propertyDetails$Prop36 === void 0 ? void 0 : _propertyDetails$Prop36.uuid,
+      uuid: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop4 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop4 === void 0 ? void 0 : (_propertyDetails$Prop5 = _propertyDetails$Prop4.owners) === null || _propertyDetails$Prop5 === void 0 ? void 0 : (_propertyDetails$Prop6 = _propertyDetails$Prop5[0]) === null || _propertyDetails$Prop6 === void 0 ? void 0 : _propertyDetails$Prop6.uuid,
       fieldName: ["doorNo", "street", "landmark"],
       model: "Property",
       showValue: true,
@@ -19512,49 +19524,28 @@ const PropertyDetails = ({
         serviceName: "/property-services/property/_search",
         requestBody: {},
         requestParam: {
-          tenantId: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop37 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop37 === void 0 ? void 0 : _propertyDetails$Prop37.tenantId,
-          propertyIds: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop38 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop38 === void 0 ? void 0 : _propertyDetails$Prop38.propertyId
+          tenantId: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop7 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop7 === void 0 ? void 0 : _propertyDetails$Prop7.tenantId,
+          propertyIds: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop8 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop8 === void 0 ? void 0 : _propertyDetails$Prop8.propertyId
         },
         jsonPath: "Properties[0].address.street",
         d: res => {
-          let resultString = (_.get(res, "Properties[0].address.doorNo") ? `${_.get(res, "Properties[0].address.doorNo")}, ` : "") + (_.get(res, "Properties[0].address.street") ? `${_.get(res, "Properties[0].address.street")}, ` : "") + (_.get(res, "Properties[0].address.landmark") ? `${_.get(res, "Properties[0].address.landmark")}` : "");
+          let resultString = (lodash.get(res, "Properties[0].address.doorNo") ? `${lodash.get(res, "Properties[0].address.doorNo")}, ` : "") + (lodash.get(res, "Properties[0].address.street") ? `${lodash.get(res, "Properties[0].address.street")}, ` : "") + (lodash.get(res, "Properties[0].address.landmark") ? `${lodash.get(res, "Properties[0].address.landmark")}` : "");
           return resultString;
         },
         isArray: false
       }
     }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    label: t(`PT_MUTATION_STATUS`),
-    text: t(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop39 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop39 === void 0 ? void 0 : _propertyDetails$Prop39.status)
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: "left"
-    }
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: `/digit-ui/citizen/commonpt/view-property?propertyId=${propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop40 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop40 === void 0 ? void 0 : _propertyDetails$Prop40.propertyId}&tenantId=${propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop41 = propertyDetails.Properties[0]) === null || _propertyDetails$Prop41 === void 0 ? void 0 : _propertyDetails$Prop41.tenantId}`
-  }, /*#__PURE__*/React.createElement(LinkButton, {
-    style: {
-      textAlign: "left"
-    },
-    label: t("PT_VIEW_MORE_DETAILS")
-  })), /*#__PURE__*/React.createElement(Link, {
-    to: getChangePropertyPath()
-  }, /*#__PURE__*/React.createElement(LinkButton, {
-    style: {
-      textAlign: "left"
+  }))))) : null, showToast && /*#__PURE__*/React.createElement(Toast, {
+    isDleteBtn: true,
+    labelstyle: {
+      width: "100%"
     },
-    label: t("PT_CHANGE_PROPERTY"),
-    onClick: () => {
-      sessionStorage.setItem("changePropertySelected", "yes");
-      sessionStorage.setItem("EditFormData", JSON.stringify(formData));
+    error: showToast.error,
+    warning: showToast.warning,
+    label: t(showToast.label),
+    onClose: () => {
+      setShowToast(null);
     }
-  })))), /*#__PURE__*/React.createElement(SubmitBar, {
-    style: {
-      marginTop: "10px"
-    },
-    onSubmit: goNext,
-    label: t("CS_COMMON_NEXT")
   }))));
 };