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

package/dist/index.modern.js

@@ -1,5 +1,5 @@
-import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, RadioButtons, Dropdown, InfoBannerIcon, Localities, Header, ResponseComposer, Modal, KeyNote, OTPInput, CardLabelError, FormStep, UploadFile, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, ViewsIcon, BreakLine, Table, TelePhone, DisplayPhotos, EditIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, Label, CollapsibleCardPage, AddressDetails, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
-import React, { useState, useEffect, useLayoutEffect, useMemo, useRef, Fragment as Fragment$1, memo, useCallback } from 'react';
+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 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';
 import { useQueryClient } from 'react-query';
@@ -14,7 +14,6 @@ const newConfig = [{
     component: "CPTPropertyLocationDetails",
     texts: {
       headerCaption: "",
-      header: "PT_LOCATION_DETAILS",
       cardText: "",
       submitBarLabel: "PT_COMMONS_NEXT"
     },
@@ -5898,7 +5897,7 @@ var lodash = createCommonjsModule(function (module, exports) {
 });
 
 const setAddressDetailsLW = data => {
-  var _address$city, _address$city2, _address$locality, _address$locality2, _address$locality3, _address$locality4, _address$zro, _address$addressType, _address$subLocality, _address$wardRemark;
+  var _address$city, _address$city2, _address$locality, _address$locality2, _address$locality3, _address$locality4, _address$zro, _address$addressType, _address$subLocality, _address$actualWard, _address$actualAssemb, _address$actualZone;
   let {
     locationDet,
     propertyAddress
@@ -5927,7 +5926,9 @@ const setAddressDetailsLW = data => {
     zroLocation: (address === null || address === void 0 ? void 0 : (_address$zro = address.zro) === null || _address$zro === void 0 ? void 0 : _address$zro.code) || (address === null || address === void 0 ? void 0 : address.zro),
     addressType: (address === null || address === void 0 ? void 0 : (_address$addressType = address.addressType) === null || _address$addressType === void 0 ? void 0 : _address$addressType.code) || (address === null || address === void 0 ? void 0 : address.addressType),
     subLocality: (address === null || address === void 0 ? void 0 : address.subLocality) || (address === null || address === void 0 ? void 0 : (_address$subLocality = address.subLocality) === null || _address$subLocality === void 0 ? void 0 : _address$subLocality.name) || (address === null || address === void 0 ? void 0 : address.subLocality),
-    wardRemark: (address === null || address === void 0 ? void 0 : address.wardRemark) || (address === null || address === void 0 ? void 0 : (_address$wardRemark = address.wardRemark) === null || _address$wardRemark === void 0 ? void 0 : _address$wardRemark.name) || (address === null || address === void 0 ? void 0 : address.wardRemark)
+    actualWard: (address === null || address === void 0 ? void 0 : address.actualWard) || (address === null || address === void 0 ? void 0 : (_address$actualWard = address.actualWard) === null || _address$actualWard === void 0 ? void 0 : _address$actualWard.name) || (address === null || address === void 0 ? void 0 : address.actualWard),
+    actualAssembly: (address === null || address === void 0 ? void 0 : address.actualAssembly) || (address === null || address === void 0 ? void 0 : (_address$actualAssemb = address.actualAssembly) === null || _address$actualAssemb === void 0 ? void 0 : _address$actualAssemb.name) || (address === null || address === void 0 ? void 0 : address.actualAssembly),
+    actualZone: (address === null || address === void 0 ? void 0 : address.actualZone) || (address === null || address === void 0 ? void 0 : (_address$actualZone = address.actualZone) === null || _address$actualZone === void 0 ? void 0 : _address$actualZone.name) || (address === null || address === void 0 ? void 0 : address.actualZone)
   };
   data.address = propAddress;
   return data;
@@ -7574,1101 +7575,1034 @@ var propTypes = createCommonjsModule(function (module) {
   }
 });
 
-const description = {
-  description: "PT_SEARCH_OR_DESC",
-  descriptionStyles: {
-    fontWeight: "300",
-    color: "#505A5F",
-    marginTop: "0px",
-    textAlign: "center",
-    marginBottom: "20px",
-    maxWidth: "540px"
-  }
+const TYPE_LOGIN$1 = {
+  type: "login"
 };
-const SearchProperty = ({
-  config: propsConfig,
+const DEFAULT_REDIRECT_URL = "/digit-ui/citizen";
+const PropertySearchResults = ({
+  template,
+  header,
+  actionButtonLabel,
+  isMutation,
   onSelect,
-  redirectToUrl
+  config,
+  clearParams: _clearParams = () => {},
+  stateCode,
+  redirectToUrl,
+  searchQuery
 }) => {
-  var _Digit$Hooks$pt$useTe, _Digit$Hooks$tl$useTe, _propertyData$Propert2, _propertyData$Propert3, _searchData$filters2, _Object$values2, _Object$values2$filte;
+  var _result$data, _result$data2, _properties$map, _paymentDetails$data, _paymentDetails$data$, _ref, _modalData$total_due;
   const {
     t
   } = useTranslation();
-  const history = useHistory();
+  const modalRef = useRef();
   const {
-    action = 0
+    mobileNumber,
+    propertyIds,
+    oldPropertyIds,
+    locality,
+    city,
+    tenantId: tId,
+    doorNo,
+    name,
+    PToffset
   } = Digit.Hooks.useQueryParams();
-  const [searchData, setSearchData] = useState({});
-  const [showToast, setShowToast] = useState(null);
-  sessionStorage.setItem("VisitedCommonPTSearch", true);
-  sessionStorage.setItem("VisitedLightCreate", false);
-  let allCities = (_Digit$Hooks$pt$useTe = Digit.Hooks.pt.useTenants()) === null || _Digit$Hooks$pt$useTe === void 0 ? void 0 : _Digit$Hooks$pt$useTe.sort((a, b) => {
-    var _a$i18nKey, _a$i18nKey$localeComp;
-    return a === null || a === void 0 ? void 0 : (_a$i18nKey = a.i18nKey) === null || _a$i18nKey === void 0 ? void 0 : (_a$i18nKey$localeComp = _a$i18nKey.localeCompare) === null || _a$i18nKey$localeComp === void 0 ? void 0 : _a$i18nKey$localeComp.call(_a$i18nKey, b === null || b === void 0 ? void 0 : b.i18nKey);
-  });
-  allCities = allCities ? allCities : (_Digit$Hooks$tl$useTe = Digit.Hooks.tl.useTenants()) === null || _Digit$Hooks$tl$useTe === void 0 ? void 0 : _Digit$Hooks$tl$useTe.sort((a, b) => {
-    var _a$i18nKey2, _a$i18nKey2$localeCom;
-    return a === null || a === void 0 ? void 0 : (_a$i18nKey2 = a.i18nKey) === null || _a$i18nKey2 === void 0 ? void 0 : (_a$i18nKey2$localeCom = _a$i18nKey2.localeCompare) === null || _a$i18nKey2$localeCom === void 0 ? void 0 : _a$i18nKey2$localeCom.call(_a$i18nKey2, b === null || b === void 0 ? void 0 : b.i18nKey);
-  });
-  if (window.location.href.includes("obps")) {
-    allCities = Digit.SessionStorage.get("OBPS_TENANTS");
-  } else if (window.location.href.includes("fsm")) {
-    allCities = [{
-      i18nKey: "TENANT_TENANTS_PG_CITYA",
-      code: Digit.ULBService.getCurrentTenantId(),
-      name: "City A",
-      description: "City A",
-      pincode: [143001, 143002, 143003, 143004, 143005],
-      logoId: "https://in-egov-assets.s3.ap-south-1.amazonaws.com/in.citya/logo.png",
-      imageId: null,
-      domainUrl: "https://www.upyog.niua.org",
-      type: "CITY",
-      twitterUrl: null,
-      facebookUrl: null,
-      emailId: "citya@gmail.com",
-      OfficeTimings: {
-        "Mon - Fri": "9.00 AM - 6.00 PM"
-      },
-      city: {
-        name: "City A",
-        localName: null,
-        districtCode: "CITYA",
-        districtName: null,
-        districtTenantCode: Digit.ULBService.getCurrentTenantId(),
-        regionName: null,
-        ulbGrade: "Municipal Corporation",
-        longitude: 75.5761829,
-        latitude: 31.3260152,
-        shapeFileLocation: null,
-        captcha: null,
-        code: "1013",
-        ddrName: "DDR A"
-      },
-      address: "City A Municipal Corporation",
-      contactNumber: "001-2345876"
-    }, {
-      i18nKey: "TENANT_TENANTS_PG_CITYB",
-      code: "pg.cityb",
-      name: "City B",
-      description: null,
-      pincode: [143006, 143007, 143008, 143009, 143010],
-      logoId: "https://in-egov-assets.s3.ap-south-1.amazonaws.com/in.citya/logo.png",
-      imageId: null,
-      domainUrl: "https://www.upyog.niua.org",
-      type: "CITY",
-      twitterUrl: null,
-      facebookUrl: null,
-      emailId: "cityb@gmail.com",
-      OfficeTimings: {
-        "Mon - Fri": "9.00 AM - 6.00 PM",
-        Sat: "9.00 AM - 12.00 PM"
-      },
-      city: {
-        name: "City B",
-        localName: null,
-        districtCode: "CITYB",
-        districtName: null,
-        districtTenantCode: "pg.cityb",
-        regionName: null,
-        ulbGrade: "Municipal Corporation",
-        longitude: 74.8722642,
-        latitude: 31.6339793,
-        shapeFileLocation: null,
-        captcha: null,
-        code: "107",
-        ddrName: "DDR B"
-      },
-      address: "City B Municipal Corporation Address",
-      contactNumber: "0978-7645345",
-      helpLineNumber: "0654-8734567"
-    }, {
-      i18nKey: "TENANT_TENANTS_PG_CITYC",
-      code: "pg.cityc",
-      name: "City C",
-      description: null,
-      logoId: "https://in-egov-assets.s3.ap-south-1.amazonaws.com/in.citya/logo.png",
-      imageId: null,
-      domainUrl: "https://www.upyog.niua.org",
-      type: "CITY",
-      twitterUrl: null,
-      facebookUrl: null,
-      emailId: "cityc@gmail.com",
-      OfficeTimings: {
-        "Mon - Fri": "9.00 AM - 6.00 PM",
-        Sat: "9.00 AM - 12.00 PM"
-      },
-      city: {
-        name: "City C",
-        localName: null,
-        districtCode: "CITYC",
-        districtName: null,
-        districtTenantCode: "pg.cityc",
-        regionName: null,
-        ulbGrade: "Municipal Corporation",
-        longitude: 73.8722642,
-        latitude: 31.6339793,
-        shapeFileLocation: null,
-        captcha: null,
-        code: "108",
-        ddrName: "DDR C"
-      },
-      address: "City C Municipal Corporation Address",
-      contactNumber: "0978-7645345",
-      helpLineNumber: "0654-8734567"
-    }];
+  const filters = {};
+  const [modalData, setShowModal] = useState(false);
+  const PrivacyInfoLabel = Digit.ComponentRegistryService.getComponent("WSInfoLabel");
+  let OfsetForSearch = PToffset;
+  let t1;
+  let off;
+  if (!isNaN(parseInt(OfsetForSearch))) {
+    off = OfsetForSearch;
+    t1 = parseInt(OfsetForSearch) + 5;
+  } else {
+    t1 = 5;
   }
-  console.log("allCities", allCities);
-  const [cityCode, setCityCode] = useState();
-  const [formValue, setFormValue] = useState();
-  const [errorShown, seterrorShown] = useState(false);
-  let isMobile = window.Digit.Utils.browser.isMobile();
+  let filter1 = !isNaN(parseInt(OfsetForSearch)) ? {
+    limit: "5",
+    sortOrder: "ASC",
+    sortBy: "createdTime",
+    offset: off
+  } : {
+    limit: "5",
+    sortOrder: "ASC",
+    sortBy: "createdTime",
+    offset: "0"
+  };
+  const closeModal = () => {
+    setShowModal(false);
+  };
+  Digit.Hooks.useClickOutside(modalRef, closeModal, modalData);
+  const sbm = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.mobileNumber) || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.mobileNo);
+  const spi = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.propertyIds) || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.propertyId);
+  const sop = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.oldPropertyIds) || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.oldPropertyId);
+  const sanitizeParam = param => param && param !== "undefined" ? param : null;
+  const finalMobileNumber = sanitizeParam(mobileNumber) || sanitizeParam(sbm);
+  if (finalMobileNumber) filters.mobileNumber = finalMobileNumber;
+  const finalPropertyIds = sanitizeParam(propertyIds) || sanitizeParam(spi);
+  if (finalPropertyIds) filters.propertyIds = finalPropertyIds;
+  const finalOldPropertyIds = sanitizeParam(oldPropertyIds) || sanitizeParam(sop);
+  if (finalOldPropertyIds) filters.oldPropertyIds = finalOldPropertyIds;
+  const finalLocality = sanitizeParam(locality) || sanitizeParam(searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.locality);
+  if (finalLocality) filters.locality = finalLocality;
+  const finalDoorNo = sanitizeParam(doorNo) || sanitizeParam(searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.doorNo);
+  if (finalDoorNo) filters.doorNo = finalDoorNo;
+  const finalName = sanitizeParam(name) || sanitizeParam(searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.name);
+  if (finalName) filters.name = finalName;
+  filters.limit = filter1.limit;
+  filters.sortOrder = filter1.sortOrder;
+  filters.sortBy = filter1.sortBy;
+  filters.offset = filter1.offset;
+  if (!filters.status) {
+    filters.status = "ACTIVE,INWORKFLOW";
+  }
+  const [owners, setOwners, clearOwners] = Digit.Hooks.useSessionStorage("PT_MUTATE_MULTIPLE_OWNERS", null);
+  const [lastPath, setLastPath, clearLastPath] = Digit.Hooks.useSessionStorage("PT_MUTATE_MULTIPLE_OWNERS_LAST_PATH", null);
   const {
-    data: propertyData,
-    isLoading: propertyDataLoading,
-    error,
-    isSuccess,
-    billData
-  } = Digit.Hooks.pt.usePropertySearchWithDue({
-    tenantId: searchData === null || searchData === void 0 ? void 0 : searchData.city,
-    filters: searchData === null || searchData === void 0 ? void 0 : searchData.filters,
-    auth: false,
-    configs: {
-      enabled: Object.keys(searchData).length > 0,
-      retry: false,
-      retryOnMount: false,
-      staleTime: Infinity
-    }
-  });
-  useEffect(() => {
-    var _searchData$filters, _Object$values, _Object$values$filter;
-    if (!(searchData !== null && searchData !== void 0 && (_searchData$filters = searchData.filters) !== null && _searchData$filters !== void 0 && _searchData$filters.mobileNumber && ((_Object$values = Object.values(searchData === null || searchData === void 0 ? void 0 : searchData.filters)) === null || _Object$values === void 0 ? void 0 : (_Object$values$filter = _Object$values.filter(ob => ob !== undefined)) === null || _Object$values$filter === void 0 ? void 0 : _Object$values$filter.length) == 1) && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > 0 && ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.maxResultValidation && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.maxPropertyResult) && !errorShown) {
-      setShowToast({
-        error: true,
-        warning: true,
-        label: "ERR_PLEASE_REFINED_UR_SEARCH"
-      });
-    }
-  }, [propertyData]);
-  useEffect(() => {
-    showToast && (showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "ERR_PLEASE_REFINED_UR_SEARCH" && (showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "NO_PROPERTIES_FOUND" && setShowToast(null);
-  }, [action, propertyDataLoading]);
+    path,
+    url
+  } = useRouteMatch();
+  const searchParams = Digit.Hooks.useQueryParams();
   useEffect(() => {
-    var _propertyData$Propert;
-    if (!propertyDataLoading && propertyData && searchData && (propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert = propertyData.Properties) === null || _propertyData$Propert === void 0 ? void 0 : _propertyData$Propert.length) <= 0) {
-      setShowToast({
-        error: true,
-        warning: true,
-        label: "NO_PROPERTIES_FOUND"
-      });
-    }
-  }, [propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert2 = propertyData.Properties) === null || _propertyData$Propert2 === void 0 ? void 0 : (_propertyData$Propert3 = _propertyData$Propert2[0]) === null || _propertyData$Propert3 === void 0 ? void 0 : _propertyData$Propert3.propertyId, propertyDataLoading]);
-  useLayoutEffect(() => {
-    const getActionBar = () => {
-      let el = document.querySelector("div.action-bar-wrap");
-      if (el) {
-        el.style.position = "static";
-        el.style.padding = "8px 0";
-        el.style.boxShadow = "none";
-        el.style.marginBottom = "16px";
-        el.style.textAlign = "left";
-        el.style.zIndex = "0";
-      } else {
-        setTimeout(() => {
-          getActionBar();
-        }, 100);
-      }
-    };
-    getActionBar();
+    setOwners([]);
+    _clearParams();
+    setLastPath("");
   }, []);
-  const {
-    data: ptSearchConfig,
-    isLoading
-  } = Digit.Hooks.pt.useMDMS(Digit.ULBService.getStateId(), "DIGIT-UI", "HelpText", {
-    select: data => {
-      var _data$DIGITUI, _data$DIGITUI$HelpTex, _data$DIGITUI$HelpTex2;
-      return data === null || data === void 0 ? void 0 : (_data$DIGITUI = data["DIGIT-UI"]) === null || _data$DIGITUI === void 0 ? void 0 : (_data$DIGITUI$HelpTex = _data$DIGITUI["HelpText"]) === null || _data$DIGITUI$HelpTex === void 0 ? void 0 : (_data$DIGITUI$HelpTex2 = _data$DIGITUI$HelpTex[0]) === null || _data$DIGITUI$HelpTex2 === void 0 ? void 0 : _data$DIGITUI$HelpTex2.PT;
-    }
+  const auth = false;
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const scity = city || tId || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.city) || tenantId;
+  const searchArgs = scity ? {
+    tenantId: scity,
+    filters,
+    auth
+  } : {
+    filters,
+    auth
+  };
+  const result = Digit.Hooks.pt.usePropertySearch(searchArgs, {
+    privacy: Digit.Utils.getPrivacyObject()
   });
-  const [mobileNumber, property, oldProperty, name, doorNumber] = propsConfig.inputs;
-  const config = [{
-    body: [{
-      type: "custom",
-      populators: {
-        name: "addParam",
-        defaultValue: {
-          code: 0,
-          name: t("PT_KNOW_PTID")
-        },
-        customProps: {
-          t,
-          isMandatory: true,
-          optionsKey: "name",
-          options: [{
-            code: 0,
-            name: t("PT_KNOW_PTID")
-          }, {
-            code: 1,
-            name: t("PT_SEARCH_DOOR_NO")
-          }]
-        },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(RadioButtons, Object.assign({}, customProps, {
-          selectedOption: props.value,
-          onSelect: d => {
-            props === null || props === void 0 ? void 0 : props.setValue("city", {});
-            props === null || props === void 0 ? void 0 : props.setValue("locality", {});
-            props === null || props === void 0 ? void 0 : props.setValue("mobileNumber", "");
-            props === null || props === void 0 ? void 0 : props.setValue("propertyIds", "");
-            props === null || props === void 0 ? void 0 : props.setValue("doorNumber", "");
-            props === null || props === void 0 ? void 0 : props.setValue("oldPropertyId", "");
-            props === null || props === void 0 ? void 0 : props.setValue("name", "");
-            history.replace(`${history.location.pathname}?action=${action == 0 ? 1 : 0}`);
-          }
-        }))
+  const properties = (result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.Properties) || (result === null || result === void 0 ? void 0 : (_result$data2 = result.data) === null || _result$data2 === void 0 ? void 0 : _result$data2.properties) || (Array.isArray(result === null || result === void 0 ? void 0 : result.data) ? result === null || result === void 0 ? void 0 : result.data : []);
+  const consumerCode = properties === null || properties === void 0 ? void 0 : (_properties$map = properties.map) === null || _properties$map === void 0 ? void 0 : _properties$map.call(properties, a => a.propertyId || a.id).filter(id => id).join(",");
+  if (result.isSuccess && (!properties || properties.length === 0)) {
+    console.warn("Property Search: No properties found in result.data", result.data);
+  }
+  const fetchBillParams = mobileNumber ? {
+    mobileNumber,
+    consumerCode
+  } : {
+    consumerCode
+  };
+  const paymentDetails = Digit.Hooks.useFetchBillsForBuissnessService({
+    businessService: "PT",
+    ...fetchBillParams,
+    tenantId: scity
+  }, {
+    enabled: !!(consumerCode && scity),
+    retry: false
+  });
+  const history = useHistory();
+  const proceedToPay = data => {
+    history.push(`/digit-ui/citizen/payment/my-bills/PT/${data.property_id}`, {
+      tenantId
+    });
+  };
+  if (paymentDetails.isLoading || result.isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  if (result.error || result.isSuccess && (!properties || properties.length === 0)) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: "150px"
       }
-    }, {
-      label: "PT_SELECT_CITY",
-      isMandatory: true,
-      type: "custom",
-      populators: {
-        name: "city",
-        defaultValue: null,
-        rules: {
-          required: true
-        },
-        customProps: {
-          t,
-          isMandatory: true,
-          option: [...allCities],
-          optionKey: "i18nKey"
-        },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown, Object.assign({}, customProps, {
-          selected: props.value,
-          select: d => {
-            Digit.ULBService.getCurrentTenantId();
-            if (d.code !== cityCode) props.setValue("locality", null);
-            props.onChange(d);
+    }, /*#__PURE__*/React.createElement(Card, {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%"
+      }
+    }, t("CS_PT_NO_PROPERTIES_FOUND")));
+  }
+  const payment = {};
+  paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data = paymentDetails.data) === null || _paymentDetails$data === void 0 ? void 0 : (_paymentDetails$data$ = _paymentDetails$data.Bill) === null || _paymentDetails$data$ === void 0 ? void 0 : _paymentDetails$data$.forEach(element => {
+    if (element !== null && element !== void 0 && element.consumerCode) {
+      payment[element === null || element === void 0 ? void 0 : element.consumerCode] = {
+        total_due: element === null || element === void 0 ? void 0 : element.totalAmount,
+        bil_due__date: new Date(element === null || element === void 0 ? void 0 : element.billDate).toDateString()
+      };
+    }
+  });
+  const searchResults = (_ref = properties || []) === null || _ref === void 0 ? void 0 : _ref.map(property => {
+    var _sort, _sort$, _addr$locality, _addr$locality2, _addr$locality3, _addr$locality4, _property$address, _property$address2, _payment$property$pro, _payment$property$pro2, _2, _property$owners, _property$owners$;
+    let addr = (property === null || property === void 0 ? void 0 : property.address) || {};
+    return {
+      property_id: property === null || property === void 0 ? void 0 : property.propertyId,
+      owner_name: (_sort = ((property === null || property === void 0 ? void 0 : property.owners) || []).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) || 0) - ((b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence) || 0);
+      })) === null || _sort === void 0 ? void 0 : (_sort$ = _sort[0]) === null || _sort$ === void 0 ? void 0 : _sort$.name,
+      property_address: [addr.doorNo || "", addr.buildingName || "", addr.street || "", t(`TENANTS_MOHALLA_${(_addr$locality = addr.locality) === null || _addr$locality === void 0 ? void 0 : _addr$locality.code}`) !== `TENANTS_MOHALLA_${(_addr$locality2 = addr.locality) === null || _addr$locality2 === void 0 ? void 0 : _addr$locality2.code}` ? t(`TENANTS_MOHALLA_${(_addr$locality3 = addr.locality) === null || _addr$locality3 === void 0 ? void 0 : _addr$locality3.code}`) : ((_addr$locality4 = addr.locality) === null || _addr$locality4 === void 0 ? void 0 : _addr$locality4.name) || ""].filter(a => a).join(", "),
+      zroLocation: (property === null || property === void 0 ? void 0 : (_property$address = property.address) === null || _property$address === void 0 ? void 0 : _property$address.zroLocation) || (property === null || property === void 0 ? void 0 : (_property$address2 = property.address) === null || _property$address2 === void 0 ? void 0 : _property$address2.zroLocation),
+      total_due: ((_payment$property$pro = payment[property === null || property === void 0 ? void 0 : property.propertyId]) === null || _payment$property$pro === void 0 ? void 0 : _payment$property$pro.total_due) || 0,
+      bil_due__date: ((_payment$property$pro2 = payment[property === null || property === void 0 ? void 0 : property.propertyId]) === null || _payment$property$pro2 === void 0 ? void 0 : _payment$property$pro2.bil_due__date) || t("N/A"),
+      status: t(property.status),
+      owner_mobile: (_2 = ((property === null || property === void 0 ? void 0 : property.owners) || [])[0]) === null || _2 === void 0 ? void 0 : _2.mobileNumber,
+      address: property === null || property === void 0 ? void 0 : property.address,
+      owners: property.owners,
+      propertyDetails: property,
+      privacy: {
+        property_address: {
+          uuid: property === null || property === void 0 ? void 0 : (_property$owners = property.owners) === null || _property$owners === void 0 ? void 0 : (_property$owners$ = _property$owners[0]) === null || _property$owners$ === void 0 ? void 0 : _property$owners$.uuid,
+          fieldName: ["doorNo", "street", "landmark"],
+          model: "Property",
+          showValue: true,
+          loadData: {
+            serviceName: "/property-services/property/_search",
+            requestBody: {},
+            requestParam: {
+              tenantId: property === null || property === void 0 ? void 0 : property.tenantId,
+              propertyIds: property === null || property === void 0 ? void 0 : property.propertyId
+            },
+            jsonPath: "Properties[0].address.street",
+            isArray: false,
+            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;
+            }
           }
-        }))
+        }
       }
-    }, {
-      label: t("PT_PROVIDE_ONE_MORE_PARAM"),
-      isInsideBox: true,
-      placementinbox: 0,
-      isSectionText: true
-    }, {
-      label: mobileNumber.label,
-      type: mobileNumber.type,
-      populators: {
-        defaultValue: "",
-        name: mobileNumber.name,
-        validation: mobileNumber === null || mobileNumber === void 0 ? void 0 : mobileNumber.validation
-      },
-      ...description,
-      isMandatory: false,
-      isInsideBox: true,
-      placementinbox: 1
-    }, {
-      label: "",
-      labelChildren: /*#__PURE__*/React.createElement("div", {
-        className: "tooltip"
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: "flex",
-          gap: "0 4px"
+    };
+  });
+  const getUserType = () => Digit.UserService.getType();
+  const getFromLocation = (state, searchParams) => {
+    return (state === null || state === void 0 ? void 0 : state.from) || (searchParams === null || searchParams === void 0 ? void 0 : searchParams.from) || DEFAULT_REDIRECT_URL;
+  };
+  const sendOtpToUser = async record => {
+    sessionStorage.setItem("Digit_OBPS_PT", JSON.stringify(record));
+    sessionStorage.setItem("Digit_FSM_PT", JSON.stringify(record));
+    if (onSelect) {
+      onSelect("cptId", {
+        id: record.property_id
+      });
+    } else {
+      const data = {
+        mobileNumber: record === null || record === void 0 ? void 0 : record.owner_mobile,
+        tenantId: stateCode,
+        userType: getUserType()
+      };
+      const [res, err] = await sendOtp({
+        otp: {
+          ...data,
+          ...TYPE_LOGIN$1
         }
-      }, /*#__PURE__*/React.createElement("h2", null, t(property.label)), /*#__PURE__*/React.createElement(InfoBannerIcon, {
-        fill: "#0b0c0c"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "tooltiptext",
-        style: {
-          position: "absolute",
-          width: "72%",
-          marginLeft: "50%",
-          fontSize: "medium"
+      });
+      if (!err) {
+        let redirectUrl = "/digit-ui/citizen/commonPt/property/link-success/" + record.property_id;
+        if (redirectToUrl) {
+          redirectUrl = redirectToUrl + "?propertyId=" + record.property_id + "&tenantId=" + tenantId;
         }
-      }, t(property.description) + " " + "PG-PT-xxxx-xxxxxx"))),
-      type: property.type,
-      populators: {
-        name: property.name,
-        defaultValue: "",
-        validation: property === null || property === void 0 ? void 0 : property.validation
-      },
-      ...description,
-      isMandatory: false,
-      isInsideBox: true,
-      placementinbox: 1
-    }, {
-      label: oldProperty.label,
-      type: oldProperty.type,
-      populators: {
-        name: oldProperty.name,
-        defaultValue: "",
-        validation: oldProperty === null || oldProperty === void 0 ? void 0 : oldProperty.validation
-      },
-      isMandatory: false,
-      isInsideBox: true,
-      placementinbox: 2
-    }],
-    body1: [{
-      type: "custom",
-      populators: {
-        name: "addParam1",
-        defaultValue: {
-          code: 1,
-          name: t("PT_SEARCH_DOOR_NO")
-        },
-        customProps: {
-          t,
-          isMandatory: true,
-          optionsKey: "name",
-          options: [{
-            code: 0,
-            name: t("PT_KNOW_PTID")
-          }, {
-            code: 1,
-            name: t("PT_SEARCH_DOOR_NO")
-          }]
-        },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(RadioButtons, Object.assign({}, customProps, {
-          selectedOption: props.value,
-          onSelect: d => {
-            props === null || props === void 0 ? void 0 : props.setValue("city", {});
-            props === null || props === void 0 ? void 0 : props.setValue("locality", {});
-            props === null || props === void 0 ? void 0 : props.setValue("mobileNumber", "");
-            props === null || props === void 0 ? void 0 : props.setValue("propertyIds", "");
-            props === null || props === void 0 ? void 0 : props.setValue("doorNumber", "");
-            props === null || props === void 0 ? void 0 : props.setValue("oldPropertyId", "");
-            props === null || props === void 0 ? void 0 : props.setValue("name", "");
-            history.replace(`${history.location.pathname}?action=${action == 0 ? 1 : 0}`);
-          }
-        }))
+        history.replace(`/digit-ui/citizen/commonPt/property/citizen-otp`, {
+          from: getFromLocation(location.state, searchParams),
+          mobileNumber: record.owner_mobile,
+          redirectBackTo: redirectUrl
+        });
+        return;
+      } else {
+        history.push(`/digit-ui/citizen/`, {
+          from: getFromLocation(location.state, searchParams),
+          data: data
+        });
       }
+    }
+  };
+  const sendOtp = async data => {
+    try {
+      const res = await Digit.UserService.sendOtp(data, stateCode);
+      return [res, null];
+    } catch (err) {
+      return [null, err];
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, header && /*#__PURE__*/React.createElement(Header, {
+    style: {
+      marginLeft: "8px"
+    }
+  }, t(header), " (", searchResults === null || searchResults === void 0 ? void 0 : searchResults.length, ")"), PrivacyInfoLabel && /*#__PURE__*/React.createElement(PrivacyInfoLabel, {
+    t: t
+  }), window.Digit.Utils.browser.isMobile() ? /*#__PURE__*/React.createElement(ResponseComposer, {
+    data: searchResults,
+    template: template,
+    actionButtonLabel: actionButtonLabel,
+    onSubmit: sendOtpToUser
+  }) : /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    data: searchResults,
+    totalCount: searchResults === null || searchResults === void 0 ? void 0 : searchResults.length,
+    totalRecords: searchResults === null || searchResults === void 0 ? void 0 : searchResults.length,
+    columns: [{
+      Header: t("PT_PROPERTY_PTUID"),
+      disableSortBy: true,
+      accessor: "property_id"
     }, {
-      label: "PT_SELECT_CITY",
-      isMandatory: true,
-      type: "custom",
-      populators: {
-        name: "city",
-        defaultValue: null,
-        rules: {
-          required: true
-        },
-        customProps: {
-          t,
-          isMandatory: true,
-          option: [...allCities],
-          optionKey: "i18nKey"
-        },
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown, Object.assign({}, customProps, {
-          selected: props.value,
-          select: d => {
-            var _props$value, _props$value2;
-            Digit.LocalizationService.getLocale({
-              modules: [`rainmaker-${props === null || props === void 0 ? void 0 : (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.code}`],
-              locale: Digit.StoreData.getCurrentLanguage(),
-              tenantId: `${props === null || props === void 0 ? void 0 : (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.code}`
-            });
-            if (d.code !== cityCode) props.setValue("locality", null);
-            props.onChange(d);
-          }
-        }))
-      }
-    }, {
-      label: "PT_SELECT_LOCALITY",
-      type: "custom",
-      isMandatory: true,
-      populators: {
-        name: "locality",
-        defaultValue: "",
-        rules: {
-          required: true
-        },
-        customProps: {},
-        component: (props, customProps) => /*#__PURE__*/React.createElement(Localities, {
-          selectLocality: d => {
-            props.onChange(d);
-          },
-          tenantId: cityCode,
-          boundaryType: "revenue",
-          keepNull: false,
-          optionCardStyles: {
-            height: "600px",
-            overflow: "auto",
-            zIndex: "10",
-            maxHeight: "300px"
-          },
-          selected: formValue === null || formValue === void 0 ? void 0 : formValue.locality,
-          disable: !cityCode,
-          disableLoader: true
-        })
-      }
-    }, {
-      label: t("PT_PROVIDE_ONE_MORE_PARAM"),
-      isInsideBox: true,
-      placementinbox: 0,
-      isSectionText: true
+      Header: t("PT_OWNER_NAME"),
+      disableSortBy: true,
+      accessor: "owner_name"
     }, {
-      label: doorNumber.label,
-      type: doorNumber.type,
-      populators: {
-        defaultValue: "",
-        name: doorNumber.name,
-        validation: doorNumber === null || doorNumber === void 0 ? void 0 : doorNumber.validation
-      },
-      isMandatory: false,
-      isInsideBox: true,
-      placementinbox: 1
+      Header: t("PT_PROPERTY_ADDRESS_SUB_HEADER"),
+      disableSortBy: true,
+      accessor: "property_address"
     }, {
-      label: name.label,
-      type: name.type,
-      populators: {
-        defaultValue: "",
-        name: name.name,
-        validation: name === null || name === void 0 ? void 0 : name.validation
-      },
-      isMandatory: false,
-      isInsideBox: true,
-      placementinbox: 2
+      Header: t("zroLocation"),
+      disableSortBy: true,
+      accessor: "zroLocation"
     }]
-  }];
-  const onPropertySearch = async data => {
-    var _data$city, _tempObject;
-    if (ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.maxResultValidation && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > 0 && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.maxPropertyResult) && errorShown) {
-      seterrorShown(true);
-      return;
-    }
-    if (!(data !== null && data !== void 0 && (_data$city = data.city) !== null && _data$city !== void 0 && _data$city.code)) {
-      setShowToast({
-        error: true,
-        label: "ERR_PT_FILL_VALID_FIELDS"
-      });
-      return;
+  })), modalData ? /*#__PURE__*/React.createElement(Modal, {
+    hideSubmit: true,
+    isDisabled: false,
+    popupStyles: {
+      width: "319px",
+      height: "250px",
+      margin: "auto"
+    },
+    formId: "modal-action"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: modalRef
+  }, /*#__PURE__*/React.createElement(KeyNote, {
+    keyValue: t("PT_AMOUNT_DUE"),
+    note: `₹ ${modalData === null || modalData === void 0 ? void 0 : (_modalData$total_due = modalData.total_due) === null || _modalData$total_due === void 0 ? void 0 : _modalData$total_due.toLocaleString("en-IN")}`,
+    noteStyle: {
+      fontSize: "24px",
+      fontWeight: "bold"
     }
-    if (action == 0) {
-      var _data$mobileNumber, _mobileNumber$validat, _mobileNumber$validat2, _data$propertyIds, _property$validation, _property$validation$, _data$oldPropertyId, _oldProperty$validati, _oldProperty$validati2;
-      if (!(data !== null && data !== void 0 && data.mobileNumber || data !== null && data !== void 0 && data.propertyIds || data !== null && data !== void 0 && data.oldPropertyId)) {
-        setShowToast({
-          error: true,
-          label: "ERR_PT_FILL_VALID_FIELDS"
-        });
-        return;
-      }
-      if (data !== null && data !== void 0 && data.mobileNumber && !((_data$mobileNumber = data.mobileNumber) !== null && _data$mobileNumber !== void 0 && _data$mobileNumber.match(mobileNumber === null || mobileNumber === void 0 ? void 0 : (_mobileNumber$validat = mobileNumber.validation) === null || _mobileNumber$validat === void 0 ? void 0 : (_mobileNumber$validat2 = _mobileNumber$validat.pattern) === null || _mobileNumber$validat2 === void 0 ? void 0 : _mobileNumber$validat2.value))) {
-        var _mobileNumber$validat3, _mobileNumber$validat4;
-        setShowToast({
-          error: true,
-          label: mobileNumber === null || mobileNumber === void 0 ? void 0 : (_mobileNumber$validat3 = mobileNumber.validation) === null || _mobileNumber$validat3 === void 0 ? void 0 : (_mobileNumber$validat4 = _mobileNumber$validat3.pattern) === null || _mobileNumber$validat4 === void 0 ? void 0 : _mobileNumber$validat4.message
-        });
-        return;
-      }
-      if (data !== null && data !== void 0 && data.propertyIds && !((_data$propertyIds = data.propertyIds) !== null && _data$propertyIds !== void 0 && _data$propertyIds.match(property === null || property === void 0 ? void 0 : (_property$validation = property.validation) === null || _property$validation === void 0 ? void 0 : (_property$validation$ = _property$validation.pattern) === null || _property$validation$ === void 0 ? void 0 : _property$validation$.value))) {
-        var _property$validation2, _property$validation3;
-        setShowToast({
-          error: true,
-          label: property === null || property === void 0 ? void 0 : (_property$validation2 = property.validation) === null || _property$validation2 === void 0 ? void 0 : (_property$validation3 = _property$validation2.pattern) === null || _property$validation3 === void 0 ? void 0 : _property$validation3.message
-        });
-        return;
-      }
-      if (data !== null && data !== void 0 && data.oldPropertyId && !((_data$oldPropertyId = data.oldPropertyId) !== null && _data$oldPropertyId !== void 0 && _data$oldPropertyId.match(oldProperty === null || oldProperty === void 0 ? void 0 : (_oldProperty$validati = oldProperty.validation) === null || _oldProperty$validati === void 0 ? void 0 : (_oldProperty$validati2 = _oldProperty$validati.pattern) === null || _oldProperty$validati2 === void 0 ? void 0 : _oldProperty$validati2.value))) {
-        var _oldProperty$validati3, _oldProperty$validati4;
-        setShowToast({
-          error: true,
-          label: oldProperty === null || oldProperty === void 0 ? void 0 : (_oldProperty$validati3 = oldProperty.validation) === null || _oldProperty$validati3 === void 0 ? void 0 : (_oldProperty$validati4 = _oldProperty$validati3.pattern) === null || _oldProperty$validati4 === void 0 ? void 0 : _oldProperty$validati4.message
-        });
-        return;
-      }
-    } else {
-      var _data$locality, _data$name, _name$validation, _name$validation$patt, _data$doorNumber, _doorNumber$validatio, _doorNumber$validatio2;
-      if (!(data !== null && data !== void 0 && (_data$locality = data.locality) !== null && _data$locality !== void 0 && _data$locality.code)) {
-        setShowToast({
-          error: true,
-          label: "ERR_PT_FILL_VALID_FIELDS"
-        });
-        return;
-      }
-      if (!(data !== null && data !== void 0 && data.doorNumber || data !== null && data !== void 0 && data.name)) {
-        setShowToast({
-          error: true,
-          label: "ERR_PT_FILL_VALID_FIELDS"
-        });
-        return;
-      }
-      if (data !== null && data !== void 0 && data.name && !((_data$name = data.name) !== null && _data$name !== void 0 && _data$name.match(name === null || name === void 0 ? void 0 : (_name$validation = name.validation) === null || _name$validation === void 0 ? void 0 : (_name$validation$patt = _name$validation.pattern) === null || _name$validation$patt === void 0 ? void 0 : _name$validation$patt.value))) {
-        var _name$validation2, _name$validation2$pat;
-        setShowToast({
-          error: true,
-          label: name === null || name === void 0 ? void 0 : (_name$validation2 = name.validation) === null || _name$validation2 === void 0 ? void 0 : (_name$validation2$pat = _name$validation2.pattern) === null || _name$validation2$pat === void 0 ? void 0 : _name$validation2$pat.message
-        });
-        return;
-      }
-      if (data !== null && data !== void 0 && data.doorNumber && !((_data$doorNumber = data.doorNumber) !== null && _data$doorNumber !== void 0 && _data$doorNumber.match(doorNumber === null || doorNumber === void 0 ? void 0 : (_doorNumber$validatio = doorNumber.validation) === null || _doorNumber$validatio === void 0 ? void 0 : (_doorNumber$validatio2 = _doorNumber$validatio.pattern) === null || _doorNumber$validatio2 === void 0 ? void 0 : _doorNumber$validatio2.value))) {
-        var _doorNumber$validatio3, _doorNumber$validatio4;
-        setShowToast({
-          error: true,
-          label: doorNumber === null || doorNumber === void 0 ? void 0 : (_doorNumber$validatio3 = doorNumber.validation) === null || _doorNumber$validatio3 === void 0 ? void 0 : (_doorNumber$validatio4 = _doorNumber$validatio3.pattern) === null || _doorNumber$validatio4 === void 0 ? void 0 : _doorNumber$validatio4.message
-        });
-        return;
-      }
+  }), /*#__PURE__*/React.createElement("p", null, t("PT_YOU_HAVE") + " " + "₹" + " " + (modalData === null || modalData === void 0 ? void 0 : modalData.total_due.toLocaleString("en-IN")) + " " + t("PT_PENDING_AMOUNT") + " " + t("PT_INORDER_TO_TRANSFER")), /*#__PURE__*/React.createElement(SubmitBar, {
+    submit: false,
+    onSubmit: () => proceedToPay(modalData),
+    style: {
+      marginTop: "14px",
+      width: "100%"
+    },
+    label: t("PT_PROCEED_PAYMENT")
+  }))) : null, (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) === 0 && /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginLeft: "16px",
+      marginTop: "16px"
     }
-    if ((showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "ERR_PLEASE_REFINED_UR_SEARCH" || (showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "NO_PROPERTIES_FOUND") setShowToast(null);
-    if (data !== null && data !== void 0 && data.doorNumber && (data === null || data === void 0 ? void 0 : data.doorNumber) !== "" && (data === null || data === void 0 ? void 0 : data.propertyIds) !== "") {
-      data["propertyIds"] = "";
+  }, t("PT_NO_PROP_FOUND_MSG")), (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) !== 0 && ((searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) == 5 || (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) == 50) && (locality || searchQuery && searchQuery.locality) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginLeft: "16px",
+      marginTop: "16px"
     }
-    let tempObject = Object.keys(data).filter(k => data[k]).reduce((acc, key) => ({
-      ...acc,
-      [key]: typeof data[key] === "object" ? data[key].code : data[key]
-    }), {});
-    let city = tempObject.city;
-    tempObject.doorNo = tempObject.doorNumber || ((_tempObject = tempObject) === null || _tempObject === void 0 ? void 0 : _tempObject.doorNo);
-    delete tempObject.addParam;
-    delete tempObject.addParam1;
-    delete tempObject.city;
-    if (action === "0") {
-      var _tempObject2, _tempObject3, _tempObject4;
-      tempObject = {
-        oldPropertyId: (_tempObject2 = tempObject) === null || _tempObject2 === void 0 ? void 0 : _tempObject2.oldPropertyId,
-        mobileNumber: (_tempObject3 = tempObject) === null || _tempObject3 === void 0 ? void 0 : _tempObject3.mobileNumber,
-        propertyIds: (_tempObject4 = tempObject) === null || _tempObject4 === void 0 ? void 0 : _tempObject4.propertyIds
-      };
-    } else if (action === "1") {
-      var _tempObject5, _tempObject6, _tempObject7, _tempObject8;
-      tempObject = {
-        name: (_tempObject5 = tempObject) === null || _tempObject5 === void 0 ? void 0 : _tempObject5.name,
-        doorNo: ((_tempObject6 = tempObject) === null || _tempObject6 === void 0 ? void 0 : _tempObject6.doorNumber) || ((_tempObject7 = tempObject) === null || _tempObject7 === void 0 ? void 0 : _tempObject7.doorNo),
-        locality: (_tempObject8 = tempObject) === null || _tempObject8 === void 0 ? void 0 : _tempObject8.locality
+  }, t("PT_LOAD_MORE_MSG"), " ", /*#__PURE__*/React.createElement("span", {
+    className: "link"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: `/digit-ui/citizen/pt/property/search-results?mobileNumber=${mobileNumber || searchQuery.mobileNumber ? mobileNumber || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.mobileNumber) : ""}&propertyIds=${propertyIds || searchQuery !== null && searchQuery !== void 0 && searchQuery.propertyIds ? propertyIds || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.propertyIds) : ""}&oldPropertyIds=${oldPropertyIds || searchQuery !== null && searchQuery !== void 0 && searchQuery.oldPropertyIds ? oldPropertyIds || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.oldPropertyIds) : ""}&doorNo=${doorNo || searchQuery !== null && searchQuery !== void 0 && searchQuery.doorNo ? doorNo || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.doorNo) : ""}&name=${name || searchQuery !== null && searchQuery !== void 0 && searchQuery.name ? name || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.name) : ""}&city=${city ? city : ""}&locality=${locality || searchQuery !== null && searchQuery !== void 0 && searchQuery.locality ? locality || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.locality) : ""}&PToffset=${t1}`
+  }, t("PT_COMMON_CLICK_HERE"))))));
+};
+PropertySearchResults.propTypes = {
+  template: propTypes.any,
+  header: propTypes.string,
+  actionButtonLabel: propTypes.string
+};
+PropertySearchResults.defaultProps = {
+  template: [],
+  header: null,
+  actionButtonLabel: null
+};
+
+const SearchProperty = ({
+  config: propsConfig,
+  onSelect,
+  redirectToUrl
+}) => {
+  var _Digit$Hooks$pt$useTe, _Digit$Hooks$tl$useTe, _propertyData$Propert2, _propertyData$Propert3, _allCities, _allCities2, _Digit$UserService$ge3, _Digit$UserService$ge4, _allCities3, _allCities4, _searchData$filters2, _Object$values2, _Object$values2$filte;
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  const {
+    action = 0
+  } = Digit.Hooks.useQueryParams();
+  const [searchData, setSearchData] = useState(() => {
+    var _Digit$UserService$ge, _Digit$UserService$ge2;
+    const isFirstVisit = sessionStorage.getItem("VisitedCitizenSearchRedirect");
+    const mobileNumber = (_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : (_Digit$UserService$ge2 = _Digit$UserService$ge.info) === null || _Digit$UserService$ge2 === void 0 ? void 0 : _Digit$UserService$ge2.mobileNumber;
+    if (!isFirstVisit && mobileNumber && window.location.href.includes("digit-ui/citizen/commonpt/property/citizen-search")) {
+      sessionStorage.setItem("VisitedCitizenSearchRedirect", "true");
+      return {
+        filters: {
+          mobileNumber
+        }
       };
     }
-    setSearchData({
-      city: city,
-      filters: tempObject
-    });
-    return;
-  };
-  const onFormValueChange = (setValue, data, formState) => {
-    const city = (data === null || data === void 0 ? void 0 : data.city) || allCities[0];
-    console.log("citycity", city);
-    setCityCode(city.code);
-    const locality = data === null || data === void 0 ? void 0 : data.locality;
-    if ((city === null || city === void 0 ? void 0 : city.code) !== cityCode) {
-      setCityCode(city === null || city === void 0 ? void 0 : city.code);
-    }
-    if (!lodash.isEqual(data, formValue)) {
-      setFormValue(data);
-    }
-    if (!locality || !city) {
-      return;
-    }
-  };
-  if (isLoading) {
-    return /*#__PURE__*/React.createElement(Loader, null);
-  }
-  let validation = ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.maxResultValidation && !(searchData !== null && searchData !== void 0 && (_searchData$filters2 = searchData.filters) !== null && _searchData$filters2 !== void 0 && _searchData$filters2.mobileNumber && ((_Object$values2 = Object.values(searchData === null || searchData === void 0 ? void 0 : searchData.filters)) === null || _Object$values2 === void 0 ? void 0 : (_Object$values2$filte = _Object$values2.filter(ob => ob !== undefined)) === null || _Object$values2$filte === void 0 ? void 0 : _Object$values2$filte.length) == 1) ? (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) < (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.maxPropertyResult) && (showToast == null || showToast !== null && !(showToast !== null && showToast !== void 0 && showToast.error)) : true;
-  if (propertyData && !propertyDataLoading && !error && validation) {
-    var _searchData$filters3, _Object$values3, _Object$values3$filte, _searchData$filters4, _propertyDataLoading$;
-    let qs = {};
-    qs = {
-      ...searchData.filters,
-      city: searchData.city
-    };
-    if (!(searchData !== null && searchData !== void 0 && (_searchData$filters3 = searchData.filters) !== null && _searchData$filters3 !== void 0 && _searchData$filters3.mobileNumber && ((_Object$values3 = Object.values(searchData === null || searchData === void 0 ? void 0 : searchData.filters)) === null || _Object$values3 === void 0 ? void 0 : (_Object$values3$filte = _Object$values3.filter(ob => ob !== undefined)) === null || _Object$values3$filte === void 0 ? void 0 : _Object$values3$filte.length) == 1) && ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.ptSearchCount && searchData !== null && searchData !== void 0 && (_searchData$filters4 = searchData.filters) !== null && _searchData$filters4 !== void 0 && _searchData$filters4.locality && propertyDataLoading && propertyDataLoading !== null && propertyDataLoading !== void 0 && (_propertyDataLoading$ = propertyDataLoading.Properties) !== null && _propertyDataLoading$ !== void 0 && _propertyDataLoading$.length && propertyDataLoading.Properties.length > (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.ptSearchCount)) {
-      !showToast && setShowToast({
-        error: true,
-        label: "PT_MODIFY_SEARCH_CRITERIA"
-      });
-    } else if (propsConfig.action === "MUTATION") {
-      onSelect(propsConfig.key, qs, null, null, null, {
-        queryParams: {
-          ...qs
-        }
-      });
-    } else {
-      if (redirectToUrl || window.location.href.includes("digit-ui/citizen/commonpt/property/citizen-search")) {
-        history.push(`/digit-ui/citizen/commonPt/property/search-results?${Object.keys(qs).map(key => `${key}=${qs[key]}`).join("&")}${redirectToUrl ? `&redirectToUrl=${redirectToUrl}` : ""}`);
-      } else {
-        var _qs, _qs2, _qs3, _qs4, _qs5, _qs6, _qs7, _qs8, _qs9, _propertyData$Propert4;
-        let SearchParams = {};
-        if (action == 0) SearchParams = {
-          city: (_qs = qs) === null || _qs === void 0 ? void 0 : _qs.city,
-          mobileNumber: ((_qs2 = qs) === null || _qs2 === void 0 ? void 0 : _qs2.mobileNumber) || "",
-          propertyIds: ((_qs3 = qs) === null || _qs3 === void 0 ? void 0 : _qs3.propertyIds) || "",
-          oldPropertyIds: ((_qs4 = qs) === null || _qs4 === void 0 ? void 0 : _qs4.oldPropertyIds) || "",
-          locality: "",
-          doorNo: "",
-          name: ""
-        };else SearchParams = {
-          city: (_qs5 = qs) === null || _qs5 === void 0 ? void 0 : _qs5.city,
-          locality: ((_qs6 = qs) === null || _qs6 === void 0 ? void 0 : _qs6.locality) || "",
-          doorNo: ((_qs7 = qs) === null || _qs7 === void 0 ? void 0 : _qs7.doorNumber) || ((_qs8 = qs) === null || _qs8 === void 0 ? void 0 : _qs8.doorNo) || "",
-          name: ((_qs9 = qs) === null || _qs9 === void 0 ? void 0 : _qs9.name) || "",
-          mobileNumber: "",
-          propertyIds: "",
-          oldPropertyIds: ""
-        };
-        !propertyDataLoading && (propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert4 = propertyData.Properties) === null || _propertyData$Propert4 === void 0 ? void 0 : _propertyData$Propert4.length) > 0 && onSelect("cptSearchQuery", SearchParams, null, null, null, {
-          queryParams: {
-            ...SearchParams
-          }
-        });
-      }
-    }
-  }
-  if (error) {
-    var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
-    !showToast && setShowToast({
-      error: true,
-      label: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.code) || error
-    });
-  }
-  if (action == 1) {
-    config[0].body = [...config[0].body1];
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "16px",
-      marginBottom: "16px",
-      backgroundColor: "white",
-      maxWidth: "960px"
-    }
-  }, /*#__PURE__*/React.createElement(FormComposer, {
-    onSubmit: onPropertySearch,
-    noBoxShadow: true,
-    inline: true,
-    config: config,
-    label: propsConfig.texts.submitButtonLabel,
-    heading: t(propsConfig.texts.header),
-    text: t(propsConfig.texts.text),
-    headingStyle: {
-      fontSize: "32px",
-      marginBottom: "16px",
-      fontFamily: "Roboto Condensed,sans-serif"
-    },
-    onFormValueChange: onFormValueChange,
-    cardStyle: {
-      marginBottom: "0",
-      maxWidth: "960px"
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex"
-    }
-  }, window.location.href.includes("/obps/bpa/") ? /*#__PURE__*/React.createElement("span", {
-    className: "link",
-    style: isMobile ? {
-      display: "flex",
-      justifyContent: "center",
-      paddingBottom: "16px"
-    } : {
-      display: "flex",
-      justifyContent: "left",
-      paddingBottom: "16px",
-      marginLeft: "45px"
-    }
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: "/digit-ui/citizen/obps/bpa/building_plan_scrutiny/new_construction/location"
-  }, t("CORE_COMMON_SKIP_CONTINUE"))) : /*#__PURE__*/React.createElement("span", {
-    className: "link",
-    style: isMobile ? {
-      display: "flex",
-      justifyContent: "center",
-      paddingBottom: "16px"
-    } : {
-      display: "flex",
-      justifyContent: "left",
-      paddingBottom: "16px",
-      marginLeft: "45px"
-    }
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: window.location.href.includes("/ws/") ? "/digit-ui/citizen/ws/create-application/create-property" : window.location.href.includes("/tl/tradelicence/") ? "/digit-ui/citizen/tl/tradelicence/new-application/create-property" : window.location.href.includes("/fsm/") ? "/digit-ui/citizen/fsm/new-application/create-property" : "/digit-ui/citizen/commonpt/property/new-application"
-  }, t("CPT_REG_NEW_PROPERTY")))), showToast && /*#__PURE__*/React.createElement(Toast, {
-    isDleteBtn: true,
-    error: showToast.error,
-    warning: showToast.warning,
-    label: t(showToast.label),
-    onClose: () => {
-      setShowToast(null);
-    }
-  }));
-};
-SearchProperty.propTypes = {
-  loginParams: propTypes.any
-};
-SearchProperty.defaultProps = {
-  loginParams: null
-};
-
-const SearchProperty$1 = ({
-  onSelect
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const {
-    path
-  } = useRouteMatch();
-  const search = useLocation().search;
-  const redirectToUrl = new URLSearchParams(search).get('redirectToUrl');
-  const params = useMemo(() => config.map(step => {
-    const texts = {};
-    for (const key in step.texts) {
-      texts[key] = t(step.texts[key]);
-    }
-    return {
-      ...step,
-      texts
-    };
-  }, [config]));
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
-    path: `${path}`,
-    exact: true
-  }, /*#__PURE__*/React.createElement(SearchProperty, {
-    config: params[0],
-    onSelect: onSelect,
-    redirectToUrl: redirectToUrl
-  })));
-};
-
-const config$1 = [{
-  texts: {
-    header: "CS_SEARCH_RESULTS",
-    actionButtonLabel: "PT_COMMONS_SELECT_PLACEHOLDER"
-  },
-  labels: [{
-    label: "PT_DUES_ARE_PENDING",
-    key: "total_due",
-    noteStyle: {
-      fontSize: "24px",
-      fontWeight: "bold"
-    },
-    notePrefix: "₹ "
-  }, {
-    label: "TL_PROPERTY_ID",
-    key: "property_id"
-  }, {
-    label: "PT_OWNERS_NAME",
-    key: "owner_name"
-  }, {
-    label: "PT_COMMON_COL_ADDRESS",
-    key: "property_address"
-  }, {
-    label: "PT_COMMON_TABLE_COL_STATUS_LABEL",
-    key: "status"
-  }]
-}];
-
-const TYPE_LOGIN$1 = {
-  type: "login"
-};
-const DEFAULT_REDIRECT_URL = "/digit-ui/citizen";
-const PropertySearchResults = ({
-  template,
-  header,
-  actionButtonLabel,
-  isMutation,
-  onSelect,
-  config,
-  clearParams: _clearParams = () => {},
-  stateCode,
-  redirectToUrl,
-  searchQuery
-}) => {
-  var _result$data, _result$data2, _properties$map, _paymentDetails$data, _paymentDetails$data$, _ref, _modalData$total_due;
-  const {
-    t
-  } = useTranslation();
-  const modalRef = useRef();
-  const {
-    mobileNumber,
-    propertyIds,
-    oldPropertyIds,
-    locality,
-    city,
-    tenantId: tId,
-    doorNo,
-    name,
-    PToffset
-  } = Digit.Hooks.useQueryParams();
-  const filters = {};
-  const [modalData, setShowModal] = useState(false);
-  const PrivacyInfoLabel = Digit.ComponentRegistryService.getComponent("WSInfoLabel");
-  let OfsetForSearch = PToffset;
-  let t1;
-  let off;
-  if (!isNaN(parseInt(OfsetForSearch))) {
-    off = OfsetForSearch;
-    t1 = parseInt(OfsetForSearch) + 5;
-  } else {
-    t1 = 5;
-  }
-  let filter1 = !isNaN(parseInt(OfsetForSearch)) ? {
-    limit: "5",
-    sortOrder: "ASC",
-    sortBy: "createdTime",
-    offset: off
-  } : {
-    limit: "5",
-    sortOrder: "ASC",
-    sortBy: "createdTime",
-    offset: "0"
-  };
-  const closeModal = () => {
-    setShowModal(false);
-  };
-  Digit.Hooks.useClickOutside(modalRef, closeModal, modalData);
-  const sbm = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.mobileNumber) || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.mobileNo);
-  const spi = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.propertyIds) || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.propertyId);
-  const sop = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.oldPropertyIds) || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.oldPropertyId);
-  if (mobileNumber || sbm) filters.mobileNumber = mobileNumber ? mobileNumber : sbm;
-  if (propertyIds || spi) filters.propertyIds = propertyIds ? propertyIds : spi;
-  if (oldPropertyIds || sop) filters.oldPropertyIds = oldPropertyIds ? oldPropertyIds : sop;
-  if (locality || searchQuery && searchQuery.locality) filters.locality = locality ? locality : searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.locality;
-  if (doorNo || searchQuery && searchQuery.doorNo) filters.doorNo = doorNo ? doorNo : searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.doorNo;
-  if (name || searchQuery && searchQuery.name) filters.name = name ? name : searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.name;
-  filters.limit = filter1.limit;
-  filters.sortOrder = filter1.sortOrder;
-  filters.sortBy = filter1.sortBy;
-  filters.offset = filter1.offset;
-  if (!filters.status) {
-    filters.status = "ACTIVE,INWORKFLOW";
+    return {};
+  });
+  const [showToast, setShowToast] = useState(null);
+  sessionStorage.setItem("VisitedCommonPTSearch", true);
+  sessionStorage.setItem("VisitedLightCreate", false);
+  let allCities = (_Digit$Hooks$pt$useTe = Digit.Hooks.pt.useTenants()) === null || _Digit$Hooks$pt$useTe === void 0 ? void 0 : _Digit$Hooks$pt$useTe.sort((a, b) => {
+    var _a$i18nKey, _a$i18nKey$localeComp;
+    return a === null || a === void 0 ? void 0 : (_a$i18nKey = a.i18nKey) === null || _a$i18nKey === void 0 ? void 0 : (_a$i18nKey$localeComp = _a$i18nKey.localeCompare) === null || _a$i18nKey$localeComp === void 0 ? void 0 : _a$i18nKey$localeComp.call(_a$i18nKey, b === null || b === void 0 ? void 0 : b.i18nKey);
+  });
+  allCities = allCities ? allCities : (_Digit$Hooks$tl$useTe = Digit.Hooks.tl.useTenants()) === null || _Digit$Hooks$tl$useTe === void 0 ? void 0 : _Digit$Hooks$tl$useTe.sort((a, b) => {
+    var _a$i18nKey2, _a$i18nKey2$localeCom;
+    return a === null || a === void 0 ? void 0 : (_a$i18nKey2 = a.i18nKey) === null || _a$i18nKey2 === void 0 ? void 0 : (_a$i18nKey2$localeCom = _a$i18nKey2.localeCompare) === null || _a$i18nKey2$localeCom === void 0 ? void 0 : _a$i18nKey2$localeCom.call(_a$i18nKey2, b === null || b === void 0 ? void 0 : b.i18nKey);
+  });
+  if (window.location.href.includes("obps")) {
+    allCities = Digit.SessionStorage.get("OBPS_TENANTS");
+  } else if (window.location.href.includes("fsm")) {
+    allCities = [{
+      i18nKey: "TENANT_TENANTS_PG_CITYA",
+      code: Digit.ULBService.getCurrentTenantId(),
+      name: "City A",
+      description: "City A",
+      pincode: [143001, 143002, 143003, 143004, 143005],
+      logoId: "https://in-egov-assets.s3.ap-south-1.amazonaws.com/in.citya/logo.png",
+      imageId: null,
+      domainUrl: "https://www.upyog.niua.org",
+      type: "CITY",
+      twitterUrl: null,
+      facebookUrl: null,
+      emailId: "citya@gmail.com",
+      OfficeTimings: {
+        "Mon - Fri": "9.00 AM - 6.00 PM"
+      },
+      city: {
+        name: "City A",
+        localName: null,
+        districtCode: "CITYA",
+        districtName: null,
+        districtTenantCode: Digit.ULBService.getCurrentTenantId(),
+        regionName: null,
+        ulbGrade: "Municipal Corporation",
+        longitude: 75.5761829,
+        latitude: 31.3260152,
+        shapeFileLocation: null,
+        captcha: null,
+        code: "1013",
+        ddrName: "DDR A"
+      },
+      address: "City A Municipal Corporation",
+      contactNumber: "001-2345876"
+    }, {
+      i18nKey: "TENANT_TENANTS_PG_CITYB",
+      code: "pg.cityb",
+      name: "City B",
+      description: null,
+      pincode: [143006, 143007, 143008, 143009, 143010],
+      logoId: "https://in-egov-assets.s3.ap-south-1.amazonaws.com/in.citya/logo.png",
+      imageId: null,
+      domainUrl: "https://www.upyog.niua.org",
+      type: "CITY",
+      twitterUrl: null,
+      facebookUrl: null,
+      emailId: "cityb@gmail.com",
+      OfficeTimings: {
+        "Mon - Fri": "9.00 AM - 6.00 PM",
+        Sat: "9.00 AM - 12.00 PM"
+      },
+      city: {
+        name: "City B",
+        localName: null,
+        districtCode: "CITYB",
+        districtName: null,
+        districtTenantCode: "pg.cityb",
+        regionName: null,
+        ulbGrade: "Municipal Corporation",
+        longitude: 74.8722642,
+        latitude: 31.6339793,
+        shapeFileLocation: null,
+        captcha: null,
+        code: "107",
+        ddrName: "DDR B"
+      },
+      address: "City B Municipal Corporation Address",
+      contactNumber: "0978-7645345",
+      helpLineNumber: "0654-8734567"
+    }, {
+      i18nKey: "TENANT_TENANTS_PG_CITYC",
+      code: "pg.cityc",
+      name: "City C",
+      description: null,
+      logoId: "https://in-egov-assets.s3.ap-south-1.amazonaws.com/in.citya/logo.png",
+      imageId: null,
+      domainUrl: "https://www.upyog.niua.org",
+      type: "CITY",
+      twitterUrl: null,
+      facebookUrl: null,
+      emailId: "cityc@gmail.com",
+      OfficeTimings: {
+        "Mon - Fri": "9.00 AM - 6.00 PM",
+        Sat: "9.00 AM - 12.00 PM"
+      },
+      city: {
+        name: "City C",
+        localName: null,
+        districtCode: "CITYC",
+        districtName: null,
+        districtTenantCode: "pg.cityc",
+        regionName: null,
+        ulbGrade: "Municipal Corporation",
+        longitude: 73.8722642,
+        latitude: 31.6339793,
+        shapeFileLocation: null,
+        captcha: null,
+        code: "108",
+        ddrName: "DDR C"
+      },
+      address: "City C Municipal Corporation Address",
+      contactNumber: "0978-7645345",
+      helpLineNumber: "0654-8734567"
+    }];
   }
-  const [owners, setOwners, clearOwners] = Digit.Hooks.useSessionStorage("PT_MUTATE_MULTIPLE_OWNERS", null);
-  const [lastPath, setLastPath, clearLastPath] = Digit.Hooks.useSessionStorage("PT_MUTATE_MULTIPLE_OWNERS_LAST_PATH", null);
+  console.log("allCities", allCities);
+  const [cityCode, setCityCode] = useState();
+  const [formValue, setFormValue] = useState();
+  const [errorShown, seterrorShown] = useState(false);
+  let isMobile = window.Digit.Utils.browser.isMobile();
   const {
-    path,
-    url
-  } = useRouteMatch();
-  const searchParams = Digit.Hooks.useQueryParams();
-  useEffect(() => {
-    setOwners([]);
-    _clearParams();
-    setLastPath("");
-  }, []);
-  const auth = false;
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const scity = city || tId || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.city) || tenantId;
-  const searchArgs = scity ? {
-    tenantId: scity,
-    filters,
-    auth
-  } : {
-    filters,
-    auth
-  };
-  const result = Digit.Hooks.pt.usePropertySearch(searchArgs, {
-    privacy: Digit.Utils.getPrivacyObject()
-  });
-  const properties = (result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.Properties) || (result === null || result === void 0 ? void 0 : (_result$data2 = result.data) === null || _result$data2 === void 0 ? void 0 : _result$data2.properties) || (Array.isArray(result === null || result === void 0 ? void 0 : result.data) ? result === null || result === void 0 ? void 0 : result.data : []);
-  const consumerCode = properties === null || properties === void 0 ? void 0 : (_properties$map = properties.map) === null || _properties$map === void 0 ? void 0 : _properties$map.call(properties, a => a.propertyId || a.id).filter(id => id).join(",");
-  if (result.isSuccess && (!properties || properties.length === 0)) {
-    console.warn("Property Search: No properties found in result.data", result.data);
-  }
-  const fetchBillParams = mobileNumber ? {
-    mobileNumber,
-    consumerCode
-  } : {
-    consumerCode
-  };
-  const paymentDetails = Digit.Hooks.useFetchBillsForBuissnessService({
-    businessService: "PT",
-    ...fetchBillParams,
-    tenantId: scity
-  }, {
-    enabled: !!(consumerCode && scity),
-    retry: false
+    data: propertyData,
+    isLoading: propertyDataLoading,
+    error,
+    isSuccess,
+    billData
+  } = Digit.Hooks.pt.usePropertySearchWithDue({
+    tenantId: searchData === null || searchData === void 0 ? void 0 : searchData.city,
+    filters: searchData === null || searchData === void 0 ? void 0 : searchData.filters,
+    auth: false,
+    configs: {
+      enabled: Object.keys(searchData).length > 0,
+      retry: false,
+      retryOnMount: false,
+      staleTime: Infinity
+    }
   });
-  const history = useHistory();
-  const proceedToPay = data => {
-    history.push(`/digit-ui/citizen/payment/my-bills/PT/${data.property_id}`, {
-      tenantId
-    });
-  };
-  if (paymentDetails.isLoading || result.isLoading) {
-    return /*#__PURE__*/React.createElement(Loader, null);
-  }
-  if (result.error || result.isSuccess && (!properties || properties.length === 0)) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: "150px"
-      }
-    }, /*#__PURE__*/React.createElement(Card, {
-      style: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "100%"
+  useEffect(() => {
+    var _searchData$filters, _Object$values, _Object$values$filter;
+    if (!(searchData !== null && searchData !== void 0 && (_searchData$filters = searchData.filters) !== null && _searchData$filters !== void 0 && _searchData$filters.mobileNumber && ((_Object$values = Object.values(searchData === null || searchData === void 0 ? void 0 : searchData.filters)) === null || _Object$values === void 0 ? void 0 : (_Object$values$filter = _Object$values.filter(ob => ob !== undefined)) === null || _Object$values$filter === void 0 ? void 0 : _Object$values$filter.length) == 1) && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > 0 && ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.maxResultValidation && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.maxPropertyResult) && !errorShown) {
+      setShowToast({
+        error: true,
+        warning: true,
+        label: "ERR_PLEASE_REFINED_UR_SEARCH"
+      });
+    }
+  }, [propertyData]);
+  useEffect(() => {
+    showToast && (showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "ERR_PLEASE_REFINED_UR_SEARCH" && (showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "NO_PROPERTIES_FOUND" && setShowToast(null);
+  }, [action, propertyDataLoading]);
+  useEffect(() => {
+    var _propertyData$Propert;
+    if (!propertyDataLoading && propertyData && searchData && (propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert = propertyData.Properties) === null || _propertyData$Propert === void 0 ? void 0 : _propertyData$Propert.length) <= 0) {
+      setShowToast({
+        error: true,
+        warning: true,
+        label: "NO_PROPERTIES_FOUND"
+      });
+    }
+  }, [propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert2 = propertyData.Properties) === null || _propertyData$Propert2 === void 0 ? void 0 : (_propertyData$Propert3 = _propertyData$Propert2[0]) === null || _propertyData$Propert3 === void 0 ? void 0 : _propertyData$Propert3.propertyId, propertyDataLoading]);
+  useLayoutEffect(() => {
+    const getActionBar = () => {
+      let el = document.querySelector("div.action-bar-wrap");
+      let clearBtn = document.querySelector(".primary-label-btn");
+      if (el && clearBtn) {
+        el.style.position = "static";
+        el.style.padding = "8px 0";
+        el.style.boxShadow = "none";
+        el.style.marginBottom = "16px";
+        el.style.display = "flex";
+        el.style.justifyContent = "flex-end";
+        el.style.alignItems = "center";
+        el.style.zIndex = "0";
+        clearBtn.style.margin = "0";
+        clearBtn.style.marginRight = "24px";
+        clearBtn.style.marginLeft = "auto";
+        if (clearBtn.parentElement !== el) {
+          el.insertBefore(clearBtn, el.firstChild);
+        }
+      } else {
+        setTimeout(() => {
+          getActionBar();
+        }, 100);
       }
-    }, t("CS_PT_NO_PROPERTIES_FOUND")));
-  }
-  const payment = {};
-  paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data = paymentDetails.data) === null || _paymentDetails$data === void 0 ? void 0 : (_paymentDetails$data$ = _paymentDetails$data.Bill) === null || _paymentDetails$data$ === void 0 ? void 0 : _paymentDetails$data$.forEach(element => {
-    if (element !== null && element !== void 0 && element.consumerCode) {
-      payment[element === null || element === void 0 ? void 0 : element.consumerCode] = {
-        total_due: element === null || element === void 0 ? void 0 : element.totalAmount,
-        bil_due__date: new Date(element === null || element === void 0 ? void 0 : element.billDate).toDateString()
-      };
+    };
+    getActionBar();
+  }, [action]);
+  const {
+    data: ptSearchConfig,
+    isLoading
+  } = Digit.Hooks.pt.useMDMS(Digit.ULBService.getStateId(), "DIGIT-UI", "HelpText", {
+    select: data => {
+      var _data$DIGITUI, _data$DIGITUI$HelpTex, _data$DIGITUI$HelpTex2;
+      return data === null || data === void 0 ? void 0 : (_data$DIGITUI = data["DIGIT-UI"]) === null || _data$DIGITUI === void 0 ? void 0 : (_data$DIGITUI$HelpTex = _data$DIGITUI["HelpText"]) === null || _data$DIGITUI$HelpTex === void 0 ? void 0 : (_data$DIGITUI$HelpTex2 = _data$DIGITUI$HelpTex[0]) === null || _data$DIGITUI$HelpTex2 === void 0 ? void 0 : _data$DIGITUI$HelpTex2.PT;
     }
   });
-  const searchResults = (_ref = properties || []) === null || _ref === void 0 ? void 0 : _ref.map(property => {
-    var _sort, _sort$, _addr$locality, _addr$locality2, _addr$locality3, _addr$locality4, _payment$property$pro, _payment$property$pro2, _2, _property$owners, _property$owners$;
-    let addr = (property === null || property === void 0 ? void 0 : property.address) || {};
-    return {
-      property_id: property === null || property === void 0 ? void 0 : property.propertyId,
-      owner_name: (_sort = ((property === null || property === void 0 ? void 0 : property.owners) || []).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) || 0) - ((b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence) || 0);
-      })) === null || _sort === void 0 ? void 0 : (_sort$ = _sort[0]) === null || _sort$ === void 0 ? void 0 : _sort$.name,
-      property_address: [addr.doorNo || "", addr.buildingName || "", addr.street || "", t(`TENANTS_MOHALLA_${(_addr$locality = addr.locality) === null || _addr$locality === void 0 ? void 0 : _addr$locality.code}`) !== `TENANTS_MOHALLA_${(_addr$locality2 = addr.locality) === null || _addr$locality2 === void 0 ? void 0 : _addr$locality2.code}` ? t(`TENANTS_MOHALLA_${(_addr$locality3 = addr.locality) === null || _addr$locality3 === void 0 ? void 0 : _addr$locality3.code}`) : ((_addr$locality4 = addr.locality) === null || _addr$locality4 === void 0 ? void 0 : _addr$locality4.name) || "", t(addr.tenantId) || ""].filter(a => a).join(", "),
-      total_due: ((_payment$property$pro = payment[property === null || property === void 0 ? void 0 : property.propertyId]) === null || _payment$property$pro === void 0 ? void 0 : _payment$property$pro.total_due) || 0,
-      bil_due__date: ((_payment$property$pro2 = payment[property === null || property === void 0 ? void 0 : property.propertyId]) === null || _payment$property$pro2 === void 0 ? void 0 : _payment$property$pro2.bil_due__date) || t("N/A"),
-      status: t(property.status),
-      owner_mobile: (_2 = ((property === null || property === void 0 ? void 0 : property.owners) || [])[0]) === null || _2 === void 0 ? void 0 : _2.mobileNumber,
-      address: property === null || property === void 0 ? void 0 : property.address,
-      owners: property.owners,
-      propertyDetails: property,
-      privacy: {
-        property_address: {
-          uuid: property === null || property === void 0 ? void 0 : (_property$owners = property.owners) === null || _property$owners === void 0 ? void 0 : (_property$owners$ = _property$owners[0]) === null || _property$owners$ === void 0 ? void 0 : _property$owners$.uuid,
-          fieldName: ["doorNo", "street", "landmark"],
-          model: "Property",
-          showValue: true,
-          loadData: {
-            serviceName: "/property-services/property/_search",
-            requestBody: {},
-            requestParam: {
-              tenantId: property === null || property === void 0 ? void 0 : property.tenantId,
-              propertyIds: property === null || property === void 0 ? void 0 : property.propertyId
-            },
-            jsonPath: "Properties[0].address.street",
-            isArray: false,
-            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;
-            }
+  const [mobileNumber, property, oldProperty, name, doorNumber] = propsConfig.inputs;
+  const config = [{
+    body: [{
+      label: "PT_SELECT_CITY",
+      isMandatory: true,
+      type: "custom",
+      populators: {
+        name: "city",
+        defaultValue: ((_allCities = allCities) === null || _allCities === void 0 ? void 0 : _allCities.find(c => c.code === "dl.djb" || c.code === "dl")) || ((_allCities2 = allCities) === null || _allCities2 === void 0 ? void 0 : _allCities2[0]) || null,
+        rules: {
+          required: true
+        },
+        customProps: {
+          t,
+          isMandatory: true,
+          option: [...allCities],
+          optionKey: "i18nKey"
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown, Object.assign({}, customProps, {
+          disable: true,
+          selected: props.value,
+          select: d => {
+            Digit.ULBService.getCurrentTenantId();
+            if (d.code !== cityCode) props.setValue("locality", null);
+            props.onChange(d);
+          }
+        }))
+      }
+    }, {
+      label: mobileNumber.label,
+      type: mobileNumber.type,
+      populators: {
+        defaultValue: ((_Digit$UserService$ge3 = Digit.UserService.getUser()) === null || _Digit$UserService$ge3 === void 0 ? void 0 : (_Digit$UserService$ge4 = _Digit$UserService$ge3.info) === null || _Digit$UserService$ge4 === void 0 ? void 0 : _Digit$UserService$ge4.mobileNumber) || "",
+        name: mobileNumber.name,
+        validation: mobileNumber === null || mobileNumber === void 0 ? void 0 : mobileNumber.validation
+      },
+      isMandatory: false
+    }],
+    body1: [{
+      label: "PT_SELECT_CITY",
+      isMandatory: true,
+      type: "custom",
+      populators: {
+        name: "city",
+        defaultValue: ((_allCities3 = allCities) === null || _allCities3 === void 0 ? void 0 : _allCities3.find(c => c.code === "dl.djb" || c.code === "dl")) || ((_allCities4 = allCities) === null || _allCities4 === void 0 ? void 0 : _allCities4[0]) || null,
+        rules: {
+          required: true
+        },
+        customProps: {
+          t,
+          isMandatory: true,
+          option: [...allCities],
+          optionKey: "i18nKey"
+        },
+        component: (props, customProps) => /*#__PURE__*/React.createElement(Dropdown, Object.assign({}, customProps, {
+          disable: true,
+          selected: props.value,
+          select: d => {
+            var _props$value, _props$value2;
+            Digit.LocalizationService.getLocale({
+              modules: [`rainmaker-${props === null || props === void 0 ? void 0 : (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.code}`],
+              locale: Digit.StoreData.getCurrentLanguage(),
+              tenantId: `${props === null || props === void 0 ? void 0 : (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.code}`
+            });
+            if (d.code !== cityCode) props.setValue("locality", null);
+            props.onChange(d);
           }
-        }
+        }))
       }
-    };
-  });
-  const getUserType = () => Digit.UserService.getType();
-  const getFromLocation = (state, searchParams) => {
-    return (state === null || state === void 0 ? void 0 : state.from) || (searchParams === null || searchParams === void 0 ? void 0 : searchParams.from) || DEFAULT_REDIRECT_URL;
-  };
-  const sendOtpToUser = async record => {
-    sessionStorage.setItem("Digit_OBPS_PT", JSON.stringify(record));
-    sessionStorage.setItem("Digit_FSM_PT", JSON.stringify(record));
-    if (onSelect) {
-      onSelect('cptId', {
-        id: record.property_id
+    }, {
+      label: "PT_SELECT_LOCALITY",
+      type: "custom",
+      isMandatory: true,
+      populators: {
+        name: "locality",
+        defaultValue: "",
+        rules: {
+          required: true
+        },
+        customProps: {},
+        component: (props, customProps) => /*#__PURE__*/React.createElement(Localities, {
+          selectLocality: d => {
+            props.onChange(d);
+          },
+          tenantId: cityCode,
+          boundaryType: "revenue",
+          keepNull: false,
+          optionCardStyles: {
+            height: "600px",
+            overflow: "auto",
+            zIndex: "10",
+            maxHeight: "300px"
+          },
+          selected: formValue === null || formValue === void 0 ? void 0 : formValue.locality,
+          disable: !cityCode,
+          disableLoader: true
+        })
+      }
+    }, {
+      label: doorNumber.label,
+      type: doorNumber.type,
+      populators: {
+        defaultValue: "",
+        name: doorNumber.name,
+        validation: doorNumber === null || doorNumber === void 0 ? void 0 : doorNumber.validation
+      },
+      isMandatory: false
+    }, {
+      label: name.label,
+      type: name.type,
+      populators: {
+        defaultValue: "",
+        name: name.name,
+        validation: name === null || name === void 0 ? void 0 : name.validation
+      },
+      isMandatory: false
+    }]
+  }];
+  const onPropertySearch = async data => {
+    var _data$city, _tempObject;
+    if (ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.maxResultValidation && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > 0 && (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) > (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.maxPropertyResult) && errorShown) {
+      seterrorShown(true);
+      return;
+    }
+    if (!(data !== null && data !== void 0 && (_data$city = data.city) !== null && _data$city !== void 0 && _data$city.code)) {
+      setShowToast({
+        error: true,
+        label: "ERR_PT_FILL_VALID_FIELDS"
       });
+      return;
+    }
+    if (action == 0) {
+      var _data$mobileNumber, _mobileNumber$validat, _mobileNumber$validat2, _data$propertyIds, _property$validation, _property$validation$, _data$oldPropertyId, _oldProperty$validati, _oldProperty$validati2;
+      if (!(data !== null && data !== void 0 && data.mobileNumber || data !== null && data !== void 0 && data.propertyIds || data !== null && data !== void 0 && data.oldPropertyId)) {
+        setShowToast({
+          error: true,
+          label: "ERR_PT_FILL_VALID_FIELDS"
+        });
+        return;
+      }
+      if (data !== null && data !== void 0 && data.mobileNumber && !((_data$mobileNumber = data.mobileNumber) !== null && _data$mobileNumber !== void 0 && _data$mobileNumber.match(mobileNumber === null || mobileNumber === void 0 ? void 0 : (_mobileNumber$validat = mobileNumber.validation) === null || _mobileNumber$validat === void 0 ? void 0 : (_mobileNumber$validat2 = _mobileNumber$validat.pattern) === null || _mobileNumber$validat2 === void 0 ? void 0 : _mobileNumber$validat2.value))) {
+        var _mobileNumber$validat3, _mobileNumber$validat4;
+        setShowToast({
+          error: true,
+          label: mobileNumber === null || mobileNumber === void 0 ? void 0 : (_mobileNumber$validat3 = mobileNumber.validation) === null || _mobileNumber$validat3 === void 0 ? void 0 : (_mobileNumber$validat4 = _mobileNumber$validat3.pattern) === null || _mobileNumber$validat4 === void 0 ? void 0 : _mobileNumber$validat4.message
+        });
+        return;
+      }
+      if (data !== null && data !== void 0 && data.propertyIds && !((_data$propertyIds = data.propertyIds) !== null && _data$propertyIds !== void 0 && _data$propertyIds.match(property === null || property === void 0 ? void 0 : (_property$validation = property.validation) === null || _property$validation === void 0 ? void 0 : (_property$validation$ = _property$validation.pattern) === null || _property$validation$ === void 0 ? void 0 : _property$validation$.value))) {
+        var _property$validation2, _property$validation3;
+        setShowToast({
+          error: true,
+          label: property === null || property === void 0 ? void 0 : (_property$validation2 = property.validation) === null || _property$validation2 === void 0 ? void 0 : (_property$validation3 = _property$validation2.pattern) === null || _property$validation3 === void 0 ? void 0 : _property$validation3.message
+        });
+        return;
+      }
+      if (data !== null && data !== void 0 && data.oldPropertyId && !((_data$oldPropertyId = data.oldPropertyId) !== null && _data$oldPropertyId !== void 0 && _data$oldPropertyId.match(oldProperty === null || oldProperty === void 0 ? void 0 : (_oldProperty$validati = oldProperty.validation) === null || _oldProperty$validati === void 0 ? void 0 : (_oldProperty$validati2 = _oldProperty$validati.pattern) === null || _oldProperty$validati2 === void 0 ? void 0 : _oldProperty$validati2.value))) {
+        var _oldProperty$validati3, _oldProperty$validati4;
+        setShowToast({
+          error: true,
+          label: oldProperty === null || oldProperty === void 0 ? void 0 : (_oldProperty$validati3 = oldProperty.validation) === null || _oldProperty$validati3 === void 0 ? void 0 : (_oldProperty$validati4 = _oldProperty$validati3.pattern) === null || _oldProperty$validati4 === void 0 ? void 0 : _oldProperty$validati4.message
+        });
+        return;
+      }
     } else {
-      const data = {
-        mobileNumber: record === null || record === void 0 ? void 0 : record.owner_mobile,
-        tenantId: stateCode,
-        userType: getUserType()
-      };
-      const [res, err] = await sendOtp({
-        otp: {
-          ...data,
-          ...TYPE_LOGIN$1
-        }
-      });
-      if (!err) {
-        let redirectUrl = '/digit-ui/citizen/commonPt/property/link-success/' + record.property_id;
-        if (redirectToUrl) {
-          redirectUrl = redirectToUrl + '?propertyId=' + record.property_id + '&tenantId=' + tenantId;
-        }
-        history.replace(`/digit-ui/citizen/commonPt/property/citizen-otp`, {
-          from: getFromLocation(location.state, searchParams),
-          mobileNumber: record.owner_mobile,
-          redirectBackTo: redirectUrl
+      var _data$locality, _data$name, _name$validation, _name$validation$patt, _data$doorNumber, _doorNumber$validatio, _doorNumber$validatio2;
+      if (!(data !== null && data !== void 0 && (_data$locality = data.locality) !== null && _data$locality !== void 0 && _data$locality.code)) {
+        setShowToast({
+          error: true,
+          label: "ERR_PT_FILL_VALID_FIELDS"
         });
         return;
-      } else {
-        history.push(`/digit-ui/citizen/`, {
-          from: getFromLocation(location.state, searchParams),
-          data: data
+      }
+      if (!(data !== null && data !== void 0 && data.doorNumber || data !== null && data !== void 0 && data.name)) {
+        setShowToast({
+          error: true,
+          label: "ERR_PT_FILL_VALID_FIELDS"
+        });
+        return;
+      }
+      if (data !== null && data !== void 0 && data.name && !((_data$name = data.name) !== null && _data$name !== void 0 && _data$name.match(name === null || name === void 0 ? void 0 : (_name$validation = name.validation) === null || _name$validation === void 0 ? void 0 : (_name$validation$patt = _name$validation.pattern) === null || _name$validation$patt === void 0 ? void 0 : _name$validation$patt.value))) {
+        var _name$validation2, _name$validation2$pat;
+        setShowToast({
+          error: true,
+          label: name === null || name === void 0 ? void 0 : (_name$validation2 = name.validation) === null || _name$validation2 === void 0 ? void 0 : (_name$validation2$pat = _name$validation2.pattern) === null || _name$validation2$pat === void 0 ? void 0 : _name$validation2$pat.message
+        });
+        return;
+      }
+      if (data !== null && data !== void 0 && data.doorNumber && !((_data$doorNumber = data.doorNumber) !== null && _data$doorNumber !== void 0 && _data$doorNumber.match(doorNumber === null || doorNumber === void 0 ? void 0 : (_doorNumber$validatio = doorNumber.validation) === null || _doorNumber$validatio === void 0 ? void 0 : (_doorNumber$validatio2 = _doorNumber$validatio.pattern) === null || _doorNumber$validatio2 === void 0 ? void 0 : _doorNumber$validatio2.value))) {
+        var _doorNumber$validatio3, _doorNumber$validatio4;
+        setShowToast({
+          error: true,
+          label: doorNumber === null || doorNumber === void 0 ? void 0 : (_doorNumber$validatio3 = doorNumber.validation) === null || _doorNumber$validatio3 === void 0 ? void 0 : (_doorNumber$validatio4 = _doorNumber$validatio3.pattern) === null || _doorNumber$validatio4 === void 0 ? void 0 : _doorNumber$validatio4.message
+        });
+        return;
+      }
+    }
+    if ((showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "ERR_PLEASE_REFINED_UR_SEARCH" || (showToast === null || showToast === void 0 ? void 0 : showToast.label) !== "NO_PROPERTIES_FOUND") setShowToast(null);
+    if (data !== null && data !== void 0 && data.doorNumber && (data === null || data === void 0 ? void 0 : data.doorNumber) !== "" && (data === null || data === void 0 ? void 0 : data.propertyIds) !== "") {
+      data["propertyIds"] = "";
+    }
+    let tempObject = Object.keys(data).filter(k => data[k]).reduce((acc, key) => ({
+      ...acc,
+      [key]: typeof data[key] === "object" ? data[key].code : data[key]
+    }), {});
+    let city = tempObject.city;
+    tempObject.doorNo = tempObject.doorNumber || ((_tempObject = tempObject) === null || _tempObject === void 0 ? void 0 : _tempObject.doorNo);
+    delete tempObject.addParam;
+    delete tempObject.addParam1;
+    delete tempObject.city;
+    if (action === "0") {
+      var _tempObject2, _tempObject3, _tempObject4;
+      tempObject = {
+        oldPropertyId: (_tempObject2 = tempObject) === null || _tempObject2 === void 0 ? void 0 : _tempObject2.oldPropertyId,
+        mobileNumber: (_tempObject3 = tempObject) === null || _tempObject3 === void 0 ? void 0 : _tempObject3.mobileNumber,
+        propertyIds: (_tempObject4 = tempObject) === null || _tempObject4 === void 0 ? void 0 : _tempObject4.propertyIds
+      };
+    } else if (action === "1") {
+      var _tempObject5, _tempObject6, _tempObject7, _tempObject8;
+      tempObject = {
+        name: (_tempObject5 = tempObject) === null || _tempObject5 === void 0 ? void 0 : _tempObject5.name,
+        doorNo: ((_tempObject6 = tempObject) === null || _tempObject6 === void 0 ? void 0 : _tempObject6.doorNumber) || ((_tempObject7 = tempObject) === null || _tempObject7 === void 0 ? void 0 : _tempObject7.doorNo),
+        locality: (_tempObject8 = tempObject) === null || _tempObject8 === void 0 ? void 0 : _tempObject8.locality
+      };
+    }
+    setSearchData({
+      city: city,
+      filters: tempObject
+    });
+    return;
+  };
+  const onFormValueChange = (setValue, data, formState) => {
+    const city = (data === null || data === void 0 ? void 0 : data.city) || allCities[0];
+    console.log("citycity", city);
+    setCityCode(city.code);
+    const locality = data === null || data === void 0 ? void 0 : data.locality;
+    if ((city === null || city === void 0 ? void 0 : city.code) !== cityCode) {
+      setCityCode(city === null || city === void 0 ? void 0 : city.code);
+    }
+    if (!lodash.isEqual(data, formValue)) {
+      setFormValue(data);
+    }
+    if (!locality || !city) {
+      return;
+    }
+  };
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  let validation = ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.maxResultValidation && !(searchData !== null && searchData !== void 0 && (_searchData$filters2 = searchData.filters) !== null && _searchData$filters2 !== void 0 && _searchData$filters2.mobileNumber && ((_Object$values2 = Object.values(searchData === null || searchData === void 0 ? void 0 : searchData.filters)) === null || _Object$values2 === void 0 ? void 0 : (_Object$values2$filte = _Object$values2.filter(ob => ob !== undefined)) === null || _Object$values2$filte === void 0 ? void 0 : _Object$values2$filte.length) == 1) ? (propertyData === null || propertyData === void 0 ? void 0 : propertyData.Properties.length) < (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.maxPropertyResult) && (showToast == null || showToast !== null && !(showToast !== null && showToast !== void 0 && showToast.error)) : true;
+  if (propertyData && !propertyDataLoading && !error && validation) {
+    var _searchData$filters3, _Object$values3, _Object$values3$filte, _searchData$filters4, _propertyDataLoading$;
+    let qs = {};
+    qs = {
+      ...searchData.filters,
+      city: searchData.city
+    };
+    if (!(searchData !== null && searchData !== void 0 && (_searchData$filters3 = searchData.filters) !== null && _searchData$filters3 !== void 0 && _searchData$filters3.mobileNumber && ((_Object$values3 = Object.values(searchData === null || searchData === void 0 ? void 0 : searchData.filters)) === null || _Object$values3 === void 0 ? void 0 : (_Object$values3$filte = _Object$values3.filter(ob => ob !== undefined)) === null || _Object$values3$filte === void 0 ? void 0 : _Object$values3$filte.length) == 1) && ptSearchConfig !== null && ptSearchConfig !== void 0 && ptSearchConfig.ptSearchCount && searchData !== null && searchData !== void 0 && (_searchData$filters4 = searchData.filters) !== null && _searchData$filters4 !== void 0 && _searchData$filters4.locality && propertyDataLoading && propertyDataLoading !== null && propertyDataLoading !== void 0 && (_propertyDataLoading$ = propertyDataLoading.Properties) !== null && _propertyDataLoading$ !== void 0 && _propertyDataLoading$.length && propertyDataLoading.Properties.length > (ptSearchConfig === null || ptSearchConfig === void 0 ? void 0 : ptSearchConfig.ptSearchCount)) {
+      !showToast && setShowToast({
+        error: true,
+        label: "PT_MODIFY_SEARCH_CRITERIA"
+      });
+    } else if (propsConfig.action === "MUTATION") {
+      onSelect(propsConfig.key, qs, null, null, null, {
+        queryParams: {
+          ...qs
+        }
+      });
+    } else {
+      if (redirectToUrl && !window.location.href.includes("digit-ui/citizen/commonpt/property/citizen-search")) {
+        history.push(`/digit-ui/citizen/commonPt/property/search-results?${Object.keys(qs).filter(key => qs[key] !== undefined && qs[key] !== "").map(key => `${key}=${qs[key]}`).join("&")}${redirectToUrl ? `&redirectToUrl=${redirectToUrl}` : ""}`);
+      } else if (!window.location.href.includes("digit-ui/citizen/commonpt/property/citizen-search")) {
+        var _qs, _qs2, _qs3, _qs4, _qs5, _qs6, _qs7, _qs8, _qs9, _propertyData$Propert4;
+        let SearchParams = {};
+        if (action == 0) SearchParams = {
+          city: (_qs = qs) === null || _qs === void 0 ? void 0 : _qs.city,
+          mobileNumber: ((_qs2 = qs) === null || _qs2 === void 0 ? void 0 : _qs2.mobileNumber) || "",
+          propertyIds: ((_qs3 = qs) === null || _qs3 === void 0 ? void 0 : _qs3.propertyIds) || "",
+          oldPropertyIds: ((_qs4 = qs) === null || _qs4 === void 0 ? void 0 : _qs4.oldPropertyIds) || "",
+          locality: "",
+          doorNo: "",
+          name: ""
+        };else SearchParams = {
+          city: (_qs5 = qs) === null || _qs5 === void 0 ? void 0 : _qs5.city,
+          locality: ((_qs6 = qs) === null || _qs6 === void 0 ? void 0 : _qs6.locality) || "",
+          doorNo: ((_qs7 = qs) === null || _qs7 === void 0 ? void 0 : _qs7.doorNumber) || ((_qs8 = qs) === null || _qs8 === void 0 ? void 0 : _qs8.doorNo) || "",
+          name: ((_qs9 = qs) === null || _qs9 === void 0 ? void 0 : _qs9.name) || "",
+          mobileNumber: "",
+          propertyIds: "",
+          oldPropertyIds: ""
+        };
+        !propertyDataLoading && (propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert4 = propertyData.Properties) === null || _propertyData$Propert4 === void 0 ? void 0 : _propertyData$Propert4.length) > 0 && onSelect("cptSearchQuery", SearchParams, null, null, null, {
+          queryParams: {
+            ...SearchParams
+          }
         });
       }
     }
-  };
-  const sendOtp = async data => {
-    try {
-      const res = await Digit.UserService.sendOtp(data, stateCode);
-      return [res, null];
-    } catch (err) {
-      return [null, err];
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "static",
+  }
+  if (error) {
+    var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
+    !showToast && setShowToast({
+      error: true,
+      label: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.code) || error
+    });
+  }
+  if (action == 1) {
+    config[0].body = [...config[0].body1];
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "search-tabs-container",
     style: {
-      marginTop: "16px"
+      marginBottom: "16px",
+      display: "flex",
+      gap: "24px",
+      justifyContent: "flex-start",
+      borderBottom: "1px solid #ccc"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "static-wrapper"
-  }, header && /*#__PURE__*/React.createElement(Header, {
+    className: `search-tab ${action == 0 ? "active" : ""}`,
     style: {
-      marginLeft: "8px"
-    }
-  }, t(header), " (", searchResults === null || searchResults === void 0 ? void 0 : searchResults.length, ")"), PrivacyInfoLabel && /*#__PURE__*/React.createElement(PrivacyInfoLabel, {
-    t: t
-  }), /*#__PURE__*/React.createElement(ResponseComposer, {
-    data: searchResults,
-    template: template,
-    actionButtonLabel: actionButtonLabel,
-    onSubmit: sendOtpToUser
-  })), modalData ? /*#__PURE__*/React.createElement(Modal, {
-    hideSubmit: true,
-    isDisabled: false,
-    popupStyles: {
-      width: "319px",
-      height: "250px",
-      margin: "auto"
+      padding: "8px 16px",
+      cursor: "pointer",
+      borderBottom: action == 0 ? "2px solid #f47738" : "2px solid transparent",
+      color: action == 0 ? "#f47738" : "#0b0c0c",
+      fontWeight: action == 0 ? "bold" : "normal"
     },
-    formId: "modal-action"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: modalRef
-  }, /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("PT_AMOUNT_DUE"),
-    note: `₹ ${modalData === null || modalData === void 0 ? void 0 : (_modalData$total_due = modalData.total_due) === null || _modalData$total_due === void 0 ? void 0 : _modalData$total_due.toLocaleString("en-IN")}`,
-    noteStyle: {
-      fontSize: "24px",
-      fontWeight: "bold"
+    onClick: () => {
+      history.replace(`${history.location.pathname}?action=0`);
+      setSearchData({});
     }
-  }), /*#__PURE__*/React.createElement("p", null, t("PT_YOU_HAVE") + " " + "₹" + " " + (modalData === null || modalData === void 0 ? void 0 : modalData.total_due.toLocaleString("en-IN")) + " " + t("PT_PENDING_AMOUNT") + " " + t("PT_INORDER_TO_TRANSFER")), /*#__PURE__*/React.createElement(SubmitBar, {
-    submit: false,
-    onSubmit: () => proceedToPay(modalData),
+  }, t("PT_KNOW_PTID")), /*#__PURE__*/React.createElement("div", {
+    className: `search-tab ${action == 1 ? "active" : ""}`,
     style: {
-      marginTop: "14px",
-      width: "100%"
+      padding: "8px 16px",
+      cursor: "pointer",
+      borderBottom: action == 1 ? "2px solid #f47738" : "2px solid transparent",
+      color: action == 1 ? "#f47738" : "#0b0c0c",
+      fontWeight: action == 1 ? "bold" : "normal"
     },
-    label: t("PT_PROCEED_PAYMENT")
-  }))) : null, (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) === 0 && /*#__PURE__*/React.createElement("p", {
+    onClick: () => {
+      history.replace(`${history.location.pathname}?action=1`);
+      setSearchData({});
+    }
+  }, t("PT_SEARCH_DOOR_NO")), /*#__PURE__*/React.createElement("div", {
     style: {
-      marginLeft: "16px",
-      marginTop: "16px"
+      marginLeft: "auto",
+      display: "flex",
+      alignItems: "center"
     }
-  }, t("PT_NO_PROP_FOUND_MSG")), (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) !== 0 && ((searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) == 5 || (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) == 50) && (locality || searchQuery && searchQuery.locality) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+  }, window.location.href.includes("/obps/bpa/") ? /*#__PURE__*/React.createElement(Link, {
+    to: "/digit-ui/citizen/obps/bpa/building_plan_scrutiny/new_construction/location",
     style: {
-      marginLeft: "16px",
-      marginTop: "16px"
+      padding: "8px 24px",
+      textDecoration: "none",
+      borderRadius: "2px"
     }
-  }, t("PT_LOAD_MORE_MSG"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "link"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: `/digit-ui/citizen/pt/property/search-results?mobileNumber=${mobileNumber || searchQuery.mobileNumber ? mobileNumber || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.mobileNumber) : ""}&propertyIds=${propertyIds || searchQuery !== null && searchQuery !== void 0 && searchQuery.propertyIds ? propertyIds || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.propertyIds) : ""}&oldPropertyIds=${oldPropertyIds || searchQuery !== null && searchQuery !== void 0 && searchQuery.oldPropertyIds ? oldPropertyIds || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.oldPropertyIds) : ""}&doorNo=${doorNo || searchQuery !== null && searchQuery !== void 0 && searchQuery.doorNo ? doorNo || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.doorNo) : ""}&name=${name || searchQuery !== null && searchQuery !== void 0 && searchQuery.name ? name || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.name) : ""}&city=${city ? city : ""}&locality=${locality || searchQuery !== null && searchQuery !== void 0 && searchQuery.locality ? locality || (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.locality) : ""}&PToffset=${t1}`
-  }, t("PT_COMMON_CLICK_HERE"))))));
+  }, t("CORE_COMMON_SKIP_CONTINUE")) : /*#__PURE__*/React.createElement(Link, {
+    to: window.location.href.includes("/ws/") ? "/digit-ui/citizen/ws/create-application/create-property" : window.location.href.includes("/tl/tradelicence/") ? "/digit-ui/citizen/tl/tradelicence/new-application/create-property" : window.location.href.includes("/fsm/") ? "/digit-ui/citizen/fsm/new-application/create-property" : "/digit-ui/citizen/commonpt/property/new-application",
+    style: {
+      padding: "8px 24px",
+      textDecoration: "none",
+      borderRadius: "2px"
+    }
+  }, t("CPT_REG_NEW_PROPERTY")))), /*#__PURE__*/React.createElement(FormComposer, {
+    key: action,
+    onSubmit: onPropertySearch,
+    config: config,
+    label: propsConfig.texts.submitButtonLabel,
+    secondaryActionLabel: t("ES_COMMON_CLEAR_SEARCH"),
+    onSecondayActionClick: () => {
+      setSearchData({});
+      history.replace(`${history.location.pathname}?action=0`);
+    },
+    text: t(propsConfig.texts.text),
+    onFormValueChange: onFormValueChange
+  }), Object.keys(searchData).length > 0 && /*#__PURE__*/React.createElement(PropertySearchResults, {
+    searchQuery: {
+      ...searchData.filters,
+      city: searchData.city
+    },
+    city: searchData.city,
+    stateCode: Digit.ULBService.getStateId(),
+    onSelect: onSelect,
+    config: propsConfig
+  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+    isDleteBtn: true,
+    error: showToast.error,
+    warning: showToast.warning,
+    label: t(showToast.label),
+    onClose: () => {
+      setShowToast(null);
+    }
+  }));
 };
-PropertySearchResults.propTypes = {
-  template: propTypes.any,
-  header: propTypes.string,
-  actionButtonLabel: propTypes.string
+SearchProperty.propTypes = {
+  loginParams: propTypes.any
 };
-PropertySearchResults.defaultProps = {
-  template: [],
-  header: null,
-  actionButtonLabel: null
+SearchProperty.defaultProps = {
+  loginParams: null
+};
+
+const SearchProperty$1 = ({
+  onSelect
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    path
+  } = useRouteMatch();
+  const search = useLocation().search;
+  const redirectToUrl = new URLSearchParams(search).get('redirectToUrl');
+  const params = useMemo(() => config.map(step => {
+    const texts = {};
+    for (const key in step.texts) {
+      texts[key] = t(step.texts[key]);
+    }
+    return {
+      ...step,
+      texts
+    };
+  }, [config]));
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    path: `${path}`,
+    exact: true
+  }, /*#__PURE__*/React.createElement(SearchProperty, {
+    config: params[0],
+    onSelect: onSelect,
+    redirectToUrl: redirectToUrl
+  })));
 };
 
+const config$1 = [{
+  texts: {
+    header: "CS_SEARCH_RESULTS",
+    actionButtonLabel: "PT_COMMONS_SELECT_PLACEHOLDER"
+  },
+  labels: [{
+    label: "PT_DUES_ARE_PENDING",
+    key: "total_due",
+    noteStyle: {
+      fontSize: "24px",
+      fontWeight: "bold"
+    },
+    notePrefix: "₹ "
+  }, {
+    label: "TL_PROPERTY_ID",
+    key: "property_id"
+  }, {
+    label: "PT_OWNERS_NAME",
+    key: "owner_name"
+  }, {
+    label: "PT_COMMON_COL_ADDRESS",
+    key: "property_address"
+  }, {
+    label: "PT_COMMON_TABLE_COL_STATUS_LABEL",
+    key: "status"
+  }]
+}];
+
 const loginSteps = [{
   texts: {
     header: "CS_LOGIN_PROVIDE_MOBILE_NUMBER",
@@ -17250,6 +17184,7 @@ const App = ({
   const getBreadcrumbLabel = () => {
     const pathname = location.pathname;
     if (pathname.includes("/commonpt/search")) return "SEARCH_PROPERTY";else if (pathname.includes("/view-property")) return "PT_PROPERTY_INFORMATION";
+    if (pathname.includes("/property/new-application")) return "PT_CREATE_PROPERTY";
     return "ES_COMMON_INBOX";
   };
   const breadcrumbs = [{
@@ -17850,7 +17785,7 @@ const PropertySearchNSummary = ({
   formState,
   clearErrors
 }) => {
-  var _formData$cptId, _formData$tradedetils, _formData$tradedetils2, _formData$tradedetils3;
+  var _formData$cptId, _formData$tradedetils, _formData$tradedetils2, _formData$tradedetils3, _propertyDetails$Prop3, _propertyDetails$Prop4, _propertyDetails$Prop5, _propertyDetails$Prop6, _propertyDetails$Prop7, _propertyDetails$Prop8;
   const {
     t
   } = useTranslation();
@@ -17945,8 +17880,20 @@ const PropertySearchNSummary = ({
       };
     } 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, (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, {
+  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: {
@@ -17992,7 +17939,85 @@ const PropertySearchNSummary = ({
     style: {
       color: "white"
     }
-  }, t("CPT_CREATE_PROPERTY"))))), showToast && /*#__PURE__*/React.createElement(Toast, {
+  }, 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%"
@@ -18003,7 +18028,7 @@ const PropertySearchNSummary = ({
     onClose: () => {
       setShowToast(null);
     }
-  })));
+  }))));
 };
 
 const PropertyLocationDetails = ({
@@ -18038,7 +18063,9 @@ const PropertyLocationDetails = ({
     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) || "",
-    wardRemarks: (address === null || address === void 0 ? void 0 : address.wardRemarks) || ""
+    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(() => {
@@ -18054,7 +18081,7 @@ const PropertyLocationDetails = ({
   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;
+      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 || {};
@@ -18082,7 +18109,9 @@ const PropertyLocationDetails = ({
         zroLocation: zroCode,
         zro: zroValue,
         subLocality: addressData.subLocality || "",
-        wardRemarks: additionalDetails.wardRemarks || ((_addressData$addition5 = addressData.additionalDetails) === null || _addressData$addition5 === void 0 ? void 0 : _addressData$addition5.wardRemarks) || "",
+        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 || "",
@@ -18095,11 +18124,13 @@ const PropertyLocationDetails = ({
           longitude: lng,
           zroLocation: zroCode,
           zro: zroValue,
-          assembly: additionalDetails.assembly || ((_addressData$addition6 = addressData.additionalDetails) === null || _addressData$addition6 === void 0 ? void 0 : _addressData$addition6.assembly) || "",
-          block: additionalDetails.block || ((_addressData$addition7 = addressData.additionalDetails) === null || _addressData$addition7 === void 0 ? void 0 : _addressData$addition7.block) || "",
-          zone: additionalDetails.zone || ((_addressData$addition8 = addressData.additionalDetails) === null || _addressData$addition8 === void 0 ? void 0 : _addressData$addition8.zone) || "",
+          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 || "",
-          wardRemarks: additionalDetails.wardRemarks || ((_addressData$addition9 = addressData.additionalDetails) === null || _addressData$addition9 === void 0 ? void 0 : _addressData$addition9.wardRemarks) || ""
+          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) {
@@ -18121,7 +18152,9 @@ const PropertyLocationDetails = ({
         zone: "",
         zroLocation: "",
         subLocality: "",
-        wardRemarks: "",
+        actualWard: "",
+        actualZone: "",
+        actualAssembly: "",
         zro: "",
         address: {}
       };
@@ -18140,20 +18173,6 @@ const PropertyLocationDetails = ({
   return /*#__PURE__*/React.createElement(CollapsibleCardPage, {
     title: t("PT_LOCATION_DETAILS"),
     defaultOpen: true
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      boxShadow: "none",
-      ...props.style
-    }
-  }, !window.location.href.includes("create-application/create-property") && /*#__PURE__*/React.createElement(PropertySearchNSummary, {
-    config: config,
-    onSelect: onSelect,
-    formData: formDataProp,
-    userType: window.location.href.includes("/employee/") ? "employee" : "citizen"
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "20px"
-    }
   }, /*#__PURE__*/React.createElement(AddressDetails, {
     t: t,
     formData: formData,
@@ -18170,9 +18189,10 @@ const PropertyLocationDetails = ({
     },
     isEdit: isEdit,
     showZRO: true,
+    showMapActualLocation: true,
     disable: isPropertyFound,
     hideNextButton: true
-  }))));
+  }));
 };
 
 const PropertyOwnerDetails = ({
@@ -18973,7 +18993,7 @@ const PropertyWaterConnection = ({
     })
   }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails8 = errors.useDetails) === null || _errors$useDetails8 === void 0 ? void 0 : _errors$useDetails8.SelectYearofConstruction) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: errorStyle
-  }, errors.useDetails.SelectYearofConstruction.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_NUMBER_OF_DWELLING_UNITS")}*`), /*#__PURE__*/React.createElement("div", {
+  }, errors.useDetails.SelectYearofConstruction.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_NUMBER_OF_DWELLING_UNITS")}`), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(TextInput, {
     t: t,
@@ -18981,8 +19001,7 @@ const PropertyWaterConnection = ({
       pattern: {
         value: NUMBER_PATTERN,
         message: t("ERR_INVALID_NUMBER")
-      },
-      required: t("REQUIRED_FIELD")
+      }
     }),
     name: "useDetails.NumberofDwellingUnits",
     disabled: isPropertyFound