https://www.brooklynmls.com/_next/static/chunks/pages/for-rent-fe6c0a844172c428.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3918],{6167:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/for-rent",function(){return a(5402)}])},5402:function(e,t,a){"use strict";a.r(t);var s=a(5893),r=a(7294),l=a(5273),o=a(3440),i=a(4818),n=a(9636),u=a(1649),c=a(1163),d=a(8716);let _=()=>{let e=(0,u.I0)(),t=(0,c.useRouter)(),{query:a}=t,{rentpageData:_}=(0,u.v9)(e=>e.appReducer),[p,h]=(0,r.useState)(!1),[y,m]=(0,r.useState)("map+grid"),[S,g]=(0,r.useState)(1),f=_.Total,P=Math.ceil(f/100),b=10*Math.floor((S-1)/10)+1,L=Array.from({length:Math.min(b+10-1,P)-b+1},(e,t)=>b+t),[w,C]=(0,r.useState)("desc"),v=e=>{C(e);let s="List_price",r="desc";switch(e){case"desc":s="List_price",r="desc",C("desc");break;case"asc":s="List_price",r="asc",C("asc");break;case"days_on_market_desc":s="days_on_market",r="desc",C("days_on_market_desc");break;case"days_on_market_asc":s="days_on_market",r="asc",C("days_on_market_asc");break;default:C("desc"),s="List_price",r="desc"}let l=new URLSearchParams({Sort_on:s,Sort_type:r});t.push({query:{...a,...Object.fromEntries(l)}})},q=e=>{g(e);let t=document.querySelector(".g-0");t&&(t.scrollTop=0);let a=document.querySelector(".propertyView");a&&(a.scrollTop=0)};(0,r.useEffect)(()=>{g(parseInt(a.Page_number)||1)},[a.Page_number]);let[E,O]=(0,r.useState)(""),[x,R]=(0,r.useState)(""),[B,k]=(0,r.useState)(""),[j,T]=(0,r.useState)(!1),[V,z]=(0,r.useState)(""),[F,M]=(0,r.useState)(""),[W,A]=(0,r.useState)(!1),[D,U]=(0,r.useState)(""),[Z,N]=(0,r.useState)(""),[Y,H]=(0,r.useState)([]),[I,G]=(0,r.useState)(""),[X,J]=(0,r.useState)(""),[K,Q]=(0,r.useState)(""),[$,ee]=(0,r.useState)("active,avail,bom,ext,new,pc"),[et,ea]=(0,r.useState)(""),[es,er]=(0,r.useState)(""),el=()=>{A(!W)},eo=e=>{let s=e.target.value,r={};W?(M(s),r={BedsExactVal:s}):(r={Beds:s},z(s)),t.push({query:{...a,...r}});let l=document.querySelectorAll(".bedroom-row label");l.forEach(e=>{e.classList.remove("active")}),e.target.nextElementSibling.classList.add("active")},ei=e=>{let s=e.target.value;U(s);let r=new URLSearchParams({Baths:s});t.push({query:{...a,...Object.fromEntries(r)}});let l=document.querySelectorAll(".bathroom-row label");l.forEach(e=>{e.classList.remove("active")}),e.target.nextElementSibling.classList.add("active")},en=(e,s)=>{let r=null,l=null;s?(k(r=s),O(l=s)):(k(r=e.target.dataset.value),O(l=e.target.getAttribute("data-value"))),l===r?ea(l):ea("");let o=new URLSearchParams({Lowest_price:l});t.push({query:{...a,...Object.fromEntries(o)}})},eu=(e,s)=>{let r=null;s?(r=s,R(s)):(R(r=e.target.getAttribute("data-value")),T(!1)),r===x?er(r):er("");let l=new URLSearchParams({High_price:r});t.push({query:{...a,...Object.fromEntries(l)}})};(0,r.useEffect)(()=>{let{Lowest_price:e,High_price:a,Beds:s,Baths:r,PropertySubType:l,List_status:o,SquareFeet:i,Lotsize:n,Year_built:u,Open_house:c,Virtual_tour:d,Pets:_,Pool:p,Waterfront:h,Sort_on:y,Sort_type:m,BedsExactVal:S}=t.query;ea(e||""),er(a||""),z(s||""),M(S||""),U(r||""),N(l||""),ee(o||"active,avail,bom,ext,new,pc"),G(i||""),J(n||""),Q(u||""),H(["1"===c?"Open_house":"","1"===d?"Virtual_tour":"","1"===_?"Pets":"","1"===p?"Pool":"","1"===h?"Waterfront":""]),"days_on_market"===y&&"desc"===m?C("days_on_market_desc"):"days_on_market"===y&&"asc"===m?C("days_on_market_asc"):"List_price"===y&&"asc"===m?C("asc"):C("desc"),g(1)},[t.query]);let ec=e=>{let s=e.target.value,r=e.target.id;if(Y.includes(s)){H(Y.filter(e=>e!==s));let e={...a};delete e[r],t.push({query:e})}else{H([...Y,s]);let e=new URLSearchParams;e.set(r,"1");let l={...a,...Object.fromEntries(e)};t.push({query:l})}},ed=e=>{let s=e.target.getAttribute("data-key");N(s);let r=new URLSearchParams({PropertySubType:s});t.push({query:{...a,...Object.fromEntries(r)}})},e_=e=>{let s=e.target.value;G(s);let r=new URLSearchParams({SquareFeet:s});t.push({query:{...a,...Object.fromEntries(r)}})},ep=e=>{let s=e.target.value;J(s);let r=new URLSearchParams({Lotsize:s});t.push({query:{...a,...Object.fromEntries(r)}})},eh=e=>{let s=e.target.value;Q(s);let r=new URLSearchParams({Year_built:s});t.push({query:{...a,...Object.fromEntries(r)}})},ey=e=>{let s=e.target.value;ee(s);let r=new URLSearchParams({List_status:s});t.push({query:{...a,...Object.fromEntries(r)}})};(0,r.useEffect)(()=>{var s;let r;(null==t?void 0:t.asPath)==="/for-rent/"?r={Res_rental:1,List_status:a.List_status||$,Page_number:S||1,Row_size:a.Row_size||100,Sort_on:a.Sort_on||"List_price",Sort_type:a.Sort_type||"desc",Lowest_price:E,High_price:x,Beds:a.Beds||V,BedsExactVal:a.BedsExactVal||F,Baths:a.Baths||D,City:a.City||"",Address:a.Address||"",Zip:a.Zip||"",Single_family:"Single_family"===a.PropertySubType?"1":"Single_family"===Z?"1":"",Condo:"Condo"===a.PropertySubType?"1":"Condo"===Z?"1":"",Coop:"Coop"===a.PropertySubType?"1":"Coop"===Z?"1":"",Multi_family:"Multi_family"===a.PropertySubType?"1":"Multi_family"===Z?"1":"",Land:"Land"===a.PropertySubType?"1":"Land"===Z?"1":"",Comm_sales:"Comm_sales"===a.PropertySubType?"1":"Comm_sales"===Z?"1":"",Open_house:a.Open_house||Y.includes("Open_house")?"1":"",Virtual_tour:a.Virtual_tour||Y.includes("Virtual_tour")?"1":"",Pets:a.Pets||Y.includes("Pets")?"1":"",Pool:a.Pool||Y.includes("Pool")?"1":"",Waterfront:a.Waterfront||Y.includes("Waterfront")?"1":"",SquareFeet:a.SquareFeet||I,Lotsize:a.Lotsize||X,Yr_built:a.Year_built||K,OfficeID:a.OfficeID||"",county:a.county||"",mls:2,Ml_number:a.Ml_number||""}:(null===(s=Object.keys(a))||void 0===s?void 0:s.length)>0&&(r={Res_rental:1,List_status:a.List_status||$,Page_number:S||1,Row_size:a.Row_size||100,Sort_on:a.Sort_on||"List_price",Sort_type:a.Sort_type||"desc",Lowest_price:a.Lowest_price||E,High_price:a.High_price||x,Beds:a.Beds||V,BedsExactVal:a.BedsExactVal||F,Baths:a.Baths||D,City:a.City||"",Address:a.Address||"",Zip:a.Zip||"",Single_family:"Single_family"===a.PropertySubType?"1":"Single_family"===Z?"1":"",Condo:"Condo"===a.PropertySubType?"1":"Condo"===Z?"1":"",Coop:"Coop"===a.PropertySubType?"1":"Coop"===Z?"1":"",Multi_family:"Multi_family"===a.PropertySubType?"1":"Multi_family"===Z?"1":"",Land:"Land"===a.PropertySubType?"1":"Land"===Z?"1":"",Comm_sales:"Comm_sales"===a.PropertySubType?"1":"Comm_sales"===Z?"1":"",Open_house:a.Open_house||Y.includes("Open_house")?"1":"",Virtual_tour:a.Virtual_tour||Y.includes("Virtual_tour")?"1":"",Pets:a.Pets||Y.includes("Pets")?"1":"",Pool:a.Pool||Y.includes("Pool")?"1":"",Waterfront:a.Waterfront||Y.includes("Waterfront")?"1":"",SquareFeet:a.SquareFeet||I,Lotsize:a.Lotsize||X,Yr_built:a.Year_built||K,OfficeID:a.OfficeID||"",county:a.county||"",mls:2,Ml_number:a.Ml_number||""}),r&&e((0,d.Lq)(r))},[a,K,X,S]),(0,r.useEffect)(()=>(document.body.classList.add("agent-layut"),()=>{document.body.classList.remove("agent-layout")}),[]);let em=e=>{m(e)},eS=()=>{h(!p)},eg=()=>{h(!1)},ef=()=>{O(""),R(""),k(""),er("");let s={...a};delete s.Lowest_price,delete s.High_price,delete s.selectedMinPrice,delete s.selectedhighPrice,t.push({query:s}),e((0,d.Lq)(s))},eP=()=>{z(""),M(""),U("");let s={...a};delete s.Beds,delete s.Baths,delete s.BedsExactVal,t.push({query:s}),e((0,d.Lq)(s))},eb=()=>{N("");let s={...a};delete s.PropertySubType,t.push({query:s}),e((0,d.Lq)(s))},eL=()=>{ee("active,avail,bom,ext,new,pc"),G(""),J(""),Q(""),H([""===Open_house,""===Virtual_tour,""===Pets,""===Pool,""===Waterfront]);let s={...a};delete s.List_status,delete s.Open_house,delete s.Virtual_tour,delete s.Pets,delete s.Pool,delete s.Waterfront,delete s.SquareFeet,delete s.Lotsize,delete s.Year_built,t.push({query:s}),e((0,d.Lq)(s))};return(0,r.useEffect)(()=>{let e=()=>{window.innerWidth<=768?m("grid"):m("map+grid")};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{handleClick:eS,addClass:p,handleRemoveClass:eg}),(0,s.jsxs)("section",{className:"".concat(["content_wrapper"]," ").concat([p?"show_menu":""]),children:[(0,s.jsx)(n.Z,{activeLayout:y,handleLayoutChange:em,handleLowestPriceChange:en,handleHighestPriceChange:eu,lowestPrice:E,highestPrice:x,selectedMinPrice:B,showPriceDropdown:j,setShowPriceDropdown:T,handleBedsChange:eo,handleBathsChange:ei,handleTypesClick:ed,handleFeaturesC

1hange:ec,handleSquareFeetChange:e_,handleLotsizeChange:ep,handleYearbuiltChange:eh,handleListStatusChange:ey,selectedPrice:et,selectedhighPrice:es,selectedBeds:V,selectedBaths:D,selectedTypes:Z,selectedListStatus:$,selectedSquareFeet:I,selectedLotsize:X,selectedYearbuilt:K,selectedFeatures:Y,handleResetpriceFilters:ef,handleExactBedroomCountChange:el,exactBedroomCount:W,selectedExactBeds:F,handleResetbedsFilters:eP,handleResetallhomesFilters:eb,handleResetlistingstatusFilters:eL,stringtab:"rent"}),"map"===y&&(0,s.jsx)("div",{className:"".concat(["buyRow"]," ",["maplayout"]," ",["flxrow"]),children:(0,s.jsx)(i.Z,{propertyData:_})}),"grid"===y&&(0,s.jsx)("div",{className:"".concat(["buyRow"]," ",["gridLayout"]," ",["flxrow"]),children:(0,s.jsx)(o.Z,{addClass:p,propertyData:_,handleSortChange:v,selectedOption:w,currentPage:S,handlePaginationClick:q,paginationGroup:L,totalPages:P,rowSize:100,totaldata:f})}),"map+grid"===y&&(0,s.jsxs)("div",{className:"".concat(["buyRow"]," ",["flxrow"]),children:[(0,s.jsx)(i.Z,{propertyData:_}),(0,s.jsx)(o.Z,{addClass:p,propertyData:_,handleSortChange:v,selectedOption:w,currentPage:S,handlePaginationClick:q,paginationGroup:L,totalPages:P,rowSize:100,totaldata:f})]})]})]})};t.default=_}},function(e){e.O(0,[1255,4885,6814,5675,1664,7346,8085,1812,826,8102,1683,1169,2165,2804,910,6329,9774,2888,179],function(){return e(e.s=6167)}),_N_E=e.O()}]);