https://www.graana.com/_next/static/chunks/pages/agencies-09a30d5f1de7a4cc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7546,4876,1978],{37958:function(e,n,t){"use strict";var i=t(64836);n.Z=void 0;var a=i(t(64938)),l=t(85893),o=(0,a.default)((0,l.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");n.Z=o},29777:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/agencies",function(){return t(18640)}])},10294:function(e,n,t){"use strict";t.d(n,{Z:function(){return u}});var i=t(85893),a=(t(67294),t(8041));const l={linkStyle:{fontStyle:"normal",fontWeight:400,fontSize:"12.07px",lineHeight:"21px",display:"flex",alignItems:"center",color:"var(--mui-palette-primary-main)",textDecoration:"none"},selectedLinkItem:{color:"var(--mui-palette-info-main)"},container:{margin:"10px 0px 0px 0px",padding:"10px 108px 10px 108px",width:"100%",backgroundColor:"white","@media (max-width: 600px)":{display:"none"}},skeleton:{padding:"0px 108px 0px 108px","@media (max-width: 600px)":{display:"none"}}};var o=t(37958),r=t(22054),c=t(38120),s=t(41664),d=t.n(s),p=t(49737),x=t(45697);function u(e){let{breadcrumbs:n,showBreadCrumb:t,AgencyStyle:s,containerStyle:x}=e;return(0,i.jsx)(i.Fragment,{children:t?(0,i.jsx)(c.Z,{sx:{...l.container,...x},children:(0,i.jsx)(a.Z,{separator:(0,i.jsx)(o.Z,{fontSize:"small"}),children:n&&n.map(((e,t)=>t<n.length-1?(0,i.jsx)(d(),{href:e.link,style:{...l.linkStyle,...s},children:e.name},t):(0,i.jsx)(p.Z,{sx:{...l.linkStyle,...l.selectedLinkItem},children:e.name},t)))})}):(0,i.jsx)(c.Z,{sx:l.skeleton,children:(0,i.jsx)(r.Z,{variant:"text",height:"50px"})})})}u.propTypes={breadcrumbs:x.PropTypes.array,showBreadCrumb:x.PropTypes.bool,AgencyStyle:x.PropTypes.object},u.defaultProps={breadcrumbs:[],showBreadCrumb:!0,AgencyStyle:{}}},11978:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return u}});var i=t(85893),a=(t(67294),t(45697)),l=t.n(a),o=t(19058),r=t(99226),c=t(90948);const s=(0,c.ZP)(o.ZP)((()=>({zIndex:"1301","& .MuiDrawer-paper":{background:"var(--mui-palette-white-A50)",boxShadow:"0px -10px 20px rgba(0, 0, 0, 0.1)",borderRadius:"24px 24px 0px 0px",padding:"10px 24px 32px 24px",maxHeight:"380px"}}))),d=(0,c.ZP)(r.Z)((()=>({borderRadius:"20px",background:"var(--swiper-theme-color)",width:"50px",height:"4px",margin:"0 auto",position:"fixed",marginTop:"10px",left:"calc(50% - 26px)"}))),p=(0,c.ZP)(r.Z)((()=>({marginTop:"51px"})));function x(e){let{active:n,drawerSlidePosition:t,drawerOnCloseHandler:a,children:l}=e;return(0,i.jsxs)(s,{anchor:t,open:n,onClose:a,children:[(0,i.jsx)(d,{}),(0,i.jsx)(p,{children:l})]})}x.propTypes={active:l().bool.isRequired,children:l().node.isRequired,drawerSlidePosition:l().string.isRequired,drawerOnCloseHandler:l().func.isRequired};var u=x},34876:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var i=t(85893),a=(t(67294),t(38120)),l=t(4323),o=t(49737);const r={mainLayout:{display:"flex",paddingTop:"90px",paddingBottom:"100px",width:"450px",flexDirection:"column",gap:"18px",textAlign:"left","@media (max-width: 1030px)":{paddingLeft:"30px",paddingRight:"30px"},"@media (max-width: 700px)":{width:"100%",alignItems:"center",justifyContent:"center",paddingTop:"36px",paddingBottom:"36px",paddingLeft:"0px",paddingRight:"0px"}},bgColor:{backgroundColor:"#f2f2f2"},imageContainer:{display:"flex",gap:"20px",marginTop:"30px","@media (max-width: 700px)":{marginTop:0}},mobileImage:{width:"320px",height:"420px",marginBottom:"-20px",paddingRight:"20px","@media (max-width: 700px)":{display:"none"}},subText:{"@media (max-width: 700px)":{display:"none"}},innerDiv:{display:"flex",justifyContent:"space-between",alignItems:"center",maxWidth:"1020px",margin:"0 auto","@media (max-width: 950px)":{paddingLeft:"40px"},"@media (max-width: 950px)":{paddingLeft:"0px"}},title:{"@media (max-width: 700px)":{fontSize:"1.346rem"}}};var c=t(41664),s=t.n(c);function d(){return(0,i.jsx)(a.Z,{sx:r.bgColor,children:(0,i.jsxs)(a.Z,{sx:r.innerDiv,children:[(0,i.jsxs)(a.Z,{sx:r.mainLayout,children:[(0,i.jsx)(o.Z,{variant:"h2New",component:"h2",sx:r.title,children:"Get the app now"}),(0,i.jsx)(o.Z,{variant:"subtitle2New",component:"div",sx:r.subText,children:"Search hundreds of thousands of up to date listings with powerful filters to find your perfect home and real estate investment. Find properties and opportunities exclusive and unique to Graana."}),(0,i.jsxs)(a.Z,{sx:r.imageContainer,children:[(0,i.jsx)(s(),{href:"https://apps.apple.com/pk/app/graana/id1438849353",prefetch:!1,children:(0,i.jsx)(l.default,{source:"/home-page-images/appstore.svg",alt:"logo",width:"123px",height:"43px"})}),(0,i.jsx)(s(),{href:"https://play.google.com/store/apps/details?id=com.graanaapp&hl=en&pli=1",prefetch:!1,children:(0,i.jsx)(l.default,{source:"/home-page-images/play.svg",alt:"logo",width:"141px",height:"43px"})})]})]}),(0,i.jsx)(a.Z,{children:(0,i.jsx)(l.default,{source:"/home-page-images/mobile.png",alt:"mobile",sx:r.mobileImage,sizes:"100vw"})})]})})}},18640:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return Q},default:function(){return X}});var i=t(85893),a=t(34876),l=t(46231),o=t(32848),r=t(10294),c=t(38120),s=t(90948);const d=(0,s.ZP)(c.Z)((e=>{let{theme:n}=e;return{padding:"0px 114px 23px 99px",[n.breakpoints.down("md")]:{padding:"16px"}}}));var p=t(36116),x=t(43527),u=t(67294),h=t(49737),g=t(33892),m=t(98619),y=t(23926),v=t(90596),f=t(4323);function j(e){let{title:n,placeholder:t,itemList:a,onCityChange:l,onAreaChange:o,onAreaSelect:r,onAgencySelect:s,onAgencyChange:d,fieldValue:p,onCityFetch:j,clearOnCity:C,clearOnArea:w}=e;const[S,A]=(0,u.useState)((null===p||void 0===p?void 0:p.name)||""),[b,Z]=(0,u.useState)(!1),k=e=>{Z(e)};return(0,u.useEffect)((()=>{(C||w)&&A("")}),[C,w]),(0,i.jsxs)(c.Z,{sx:v.W.box,children:[(0,i.jsx)(h.Z,{variant:"body1New",children:n}),(0,i.jsx)(y.Z,{onClickAway:()=>k(!1),children:(0,i.jsxs)("div",{children:[(0,i.jsx)(x.Z,{placeholder:t,onChange:async e=>{var t,i,a;if(A(null===e||void 0===e||null===(t=e.target)||void 0===t?void 0:t.value),(null===e||void 0===e||null===(i=e.target)||void 0===i?void 0:i.value)||Z(!0),"City"===n)j(null===e||void 0===e||null===(a=e.target)||void 0===a?void 0:a.value);else if("Locations"===n){var l;o(null===e||void 0===e||null===(l=e.target)||void 0===l?void 0:l.value)}else if("Agency Name"===n){var r;d(null===e||void 0===e||null===(r=e.target)||void 0===r?void 0:r.value)}},value:S,onFocus:()=>k(!0),isAuto:!0,isAgency:!0,focused:b}),b&&(0,i.jsx)("div",{style:v.W.container,children:(0,i.jsx)(g.Z,{sx:v.W.listItem,children:a&&a.length>0?a.map((e=>(0,i.jsxs)(m.Z,{sx:S===e.name?v.W.selectedListButton:v.W.listButton,onClick:()=>(e=>{"City"===n&&l(e),"Locations"===n&&r(e),"Agency Name"===n&&s(e),A(e.name),Z(!1)})(e),children:[e.name,S===e.name&&(0,i.jsx)(f.default,{sx:v.W.selectedTick,source:"/common/selectedTick.svg"})]},e.id))):"Agency Name"===n?(0,i.jsx)(m.Z,{sx:v.W.notFountListButton,children:"No Agency"},0):null})})]})})]})}function C(e){let{cities:n,onCityChange:t,areas:a,onAreaChange:l,onAreaSelect:o,onSearch:r,onAgencySelect:c,onAgencyChange:s,agency:d,filter:x,onCityFetch:u,clearOnCity:h,clearOnArea:g}=e;return(0,i.jsxs)(p.K,{children:[(0,i.jsx)(j,{title:"City",placeholder:"Select City",itemList:n,onCityChange:t,fieldValue:null===x||void 0===x?void 0:x.city,onCityFetch:u}),(0,i.jsx)(j,{title:"Agency Name",placeholder:"Select Agency",itemList:d,onAgencySelect:c,onAgencyChange:s,clearOnCity:h,clearOnArea:g}),(0,i.jsx)(p.q,{color:"primary",onClick:()=>r(),children:"Search"})]})}var w=t(98866),S=t(60268);function A(e){let{handleClick:n,onSearch:t}=e;return(0,i.jsxs)(S.Rj,{children:[(0,i.jsx)(S.Um,{placeholder:"Search by city or area",isAuto:!0,isAgencyHome:!0,color:"secondary",onClick:()=>n()}),(0,i.jsx)(S.QZ,{variant:"contained",color:"primary",onClick:()=>t(),children:(0,i.jsx)(S.W1,{source:"/home-page-images/searchIcon.svg",alt:"Search Icon"})})]})}var b=t(11978);const Z={mainContainer:{display:"flex",flexDirection:"column",gap:"8px"},container:{},box:{width:"200px",position:"relative"},listButton:{fontWeight:400,fontSize:"11.64px",color:"#737678"},selectedListButton:{fontWeight:600,fontSize:"11.64px",color:"#737678",justifyContent:"space-between",alignItems:"center"},selectedTick:{height:"9px",width:"12px"},listItem:{overflowY:"scroll",minHeight:"0px",maxHeight:"150px"},notFountListButton:{fontWeight:600,fontSize:"11.64px",color:"#737678",justifyContent:"space-between",alignItems:"center",pointerEvents:"none"}};function k(e){let{title:n,itemList:t,onCityChange:a,onAreaChange:l,onAreaSelect:o,onAgencySelect:r,onAgencyChange:s,clear:d,setClear:p,fieldValue:v,onCityFetch:j,clearOnCity:C,clearOnArea:w}=e;const[S,A]=(0,u.useState)(!1),[b,k]=(0,u.useState)((null===v||void 0===v?void 0:v.name)||"");(0,u.useEffect)((()=>{d&&(k(""),p(!1)),(w||C)&&k("")}),[d,w,C]);const I=e=>{A(e)};return(0,i.jsxs)(c.Z,{sx:Z.mainContainer,children:[(0,i.jsx)(h.Z,{variant:"subtitle1New",children:n}),(0,i.jsx)(y.Z,{onClickAway:()=>I(!1),children:(0,i.jsxs)("div",{children:[(0,i.jsx)(x.Z,{color:"secondary",onChange:async e=>{var t,i,a,o;(k(null===e||void 0===e||null===(t=e.target)||void 0===t?void 0:t.value),"Select City"==n)&&j(null===e||void 0===e||null===(i=e.target)||void 0===i?void 0:i.value);"Select Area"==n&&l(null===e||void 0===e||null===(a=e.target)||void 0===a?void 0:a.value);"Select Agency"==n&&s(null===e||void 0===e||null===(o=e.target)||void 0===o?void 0:o.value)},value:b,isAuto:!0,isAgencyHome:!0,placeholder:n,onFocus:()=>I(!0),focused:S}),S&&(0,i.jsx)("div",{style:Z.container,children:(0,i.jsx)(g.Z,{sx:Z.listItem,children:t&&t.length>0?t.map((e=>(0,i.jsxs)(m.Z,{sx:b==e.name?Z.selectedListButton:Z.listButton,onClick:()=>(e=>{"Select City"==n&&a(e),"Select Area"==n&&o(e),"Select Agency"==n&&r(e),k(e.name),A(!1)})(e),children:[e.name,b==e.name&&(0,i.jsx)(f.default,{sx:Z.selectedTick,source:"/common/selectedTick.svg"})]},e.id))):"Select Agency"==n?(0,i.jsx)(m.Z,{sx:Z.notFountListButton,children:"No Agency"},0):null})})]})})]})}var I=t(96046);const N={filterContainer:{display:"flex",flexDirection:"column",gap:"24px"},buttonContainer:{borderTop:"1px solid #F2F2F2",padding:"8px 19px",display:"flex",justifyContent:"space-between",alignItems:"center"},resetButton:{height:"40px",border:"none"},applyButton:{width:"142px",height:"40px"}};function P(e){let{show:n,setShow:t,cities:a,onCityChange:l,areas:o,onAreaChange:r,onAreaSelect:s,onSearch:d,onAgencySelect:p,onAgencyChange:x,agency:u,clearAll:g,clear:m,setClear:y,filter:v,onCityFetch:f,clearOnCity:j,clearOnArea:C}=e;return(0,i.jsx)(b.default,{active:n,drawerSlidePosition:"bottom",drawerOnCloseHandler:()=>t(!1),children:(0,i.jsxs)(c.Z,{sx:N.filterContainer,children:[(0,i.jsx)(h.Z,{variant:"h6New",children:"Filters"}),(0,i.jsx)(k,{title:"Select City",itemList:a,onCityChange:l,clear:m,setClear:y,fieldValue:null===v||void 0===v?void 0:v.city,onCityFetch:f}),(0,i.jsx)(k,{title:"Select Agency",itemList:u,onAgencySelect:p,onAgencyChange:x,clear:m,setClear:y,clearOnCity:j,clearOnArea:C}),(0,i.jsxs)(c.Z,{sx:N.buttonContainer,children:[(0,i.jsx)(I.Z,{sx:N.resetButton,onClick:()=>g(),variant:"outlined",children:"reset"}),(0,i.jsx)(I.Z,{sx:N.applyButton,onClick:()=>d(),children:"apply"})]})]})})}var F=t(9473),T=t(31380),L=t(11163),O=t(26647),B=t(75615);function W(e){let{initialValue:n}=e;const[t,a]=(0,u.useState)(n.city),[l,o]=(0,u.useState)(null),[r,c]=(0,u.useState)(null),[s,d]=(0,u.useState)(null),[p,x]=(0,u.useState)(null),[h,g]=(0,u.useState)(!1),[m,y]=(0,u.useState)(!1),[v,f]=(0,u.useState)([]),[j,S]=(0,u.useState)(!1),[b,Z]=(0,u.useState)(!1),k=(0,L.useRouter)(),I=(0,F.I0)(),N=(0,F.v9)((e=>e.city.citiesList)),W=async e=>{if(e){const n=(0,B.fuzzySearch)(e,N,"name");f(n)}else f(N)},_=async e=>{a(e),I((0,O.$Q)(e)),S(!0),o(null),c(null);const n=await(0,T.ao)("",e.id);d(n.data.data);const t=await(0,T.bE)("",null===e||void 0===e?void 0:e.id);x(t.data.data),S(!1)},R=async e=>{const n=await(0,T.bE)(e,null===t||void 0===t?void 0:t.id,null===l||void 0===l?void 0:l.areaId);x(n.data.data)},E=async e=>{c(e),I((0,O.$o)(e))},z=async()=>{let e="";t&&(e+="cityId=".concat(null===t||void 0===t?void 0:t.id,"&cityName=").concat(null===t||void 0===t?void 0:t.name)),t&&l?e+="&areaId=".concat(null===l||void 0===l?void 0:l.areaId,"&areaName=").concat(null===l||void 0===l?void 0:l.name):l&&(e+="areaId=".concat(null===l||void 0===l?void 0:l.areaId,"&areaName=").concat(null===l||void 0===l?void 0:l.name)),(t||l)&&r?e+="&agencyId=".concat(null===r||void 0===r?void 0:r.id,"&agencyName=").concat(null===r||void 0===r?void 0:r.name):r&&(e+="agencyId=".concat(null===r||void 0===r?void 0:r.id,"&agencyName=").concat(null===r||void 0===r?void 0:r.name)),k.push({pathname:"/agencies/search",query:e})};return(0,u.useEffect)((()=>

1{W(""),a(n.city),R("")}),[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(w.H_,{children:[(0,i.jsxs)(w.lU,{children:[(0,i.jsx)(w.m5,{children:(0,i.jsxs)(w.Ih,{variant:"h3New",component:"h1",color:"common.white",children:["Find the best real estate agency"," ",(0,i.jsx)(w.OF,{variant:"h3New",children:"in Pakistan"})]})}),(0,i.jsx)(w.jx,{children:(0,i.jsx)(w.Jf,{variant:"subtitle2New",color:"common.white",children:"Search the real estate agents in Pakistan dealing in properties for sale and rent."})})]}),(0,i.jsx)(w.gV,{source:"/agency/house.png",alt:"house",priority:!0}),(0,i.jsx)(w.lG,{source:"/agency/houseResponsive.png",alt:"house",priority:!0}),(0,i.jsx)(w.$l,{children:(0,i.jsx)(C,{cities:v.length>0?v:N,onCityChange:_,areas:s,onSearch:z,onAgencyChange:R,onAgencySelect:E,agency:p,filter:n,onCityFetch:W,clearOnCity:j,clearOnArea:b})})]}),(0,i.jsx)(A,{handleClick:()=>{g(!h)},onSearch:z}),(0,i.jsx)(P,{show:h,setShow:g,cities:v.length>0?v:N,onCityChange:_,onSearch:z,onAgencyChange:R,onAgencySelect:E,agency:p,clearAll:async()=>{a(null),o(null),c(null),y(!0)},clear:m,setClear:y,filter:n,onCityFetch:W,clearOnCity:j,clearOnArea:b})]})}var _=t(41664),R=t.n(_);const E=(0,s.ZP)(c.Z)((e=>{let{theme:n}=e;return{marginTop:"60px",[n.breakpoints.down("sm")]:{marginTop:"32px"}}})),z=(0,s.ZP)(h.Z)((e=>{let{theme:n}=e;return{}})),H=(0,s.ZP)(h.Z)((e=>{let{theme:n}=e;return{}})),D=(0,s.ZP)(h.Z)((e=>{let{theme:n}=e;return{}})),G=(0,s.ZP)(f.default)((e=>{let{theme:n}=e;return{width:"68px",height:"78px",borderRadius:"4px",zIndex:-1}})),M=(0,s.ZP)(R())((e=>{let{theme:n}=e;return{display:"flex",flexDirection:"column",alignItems:"center",textDecoration:"none",color:n.palette.common.black,gap:"20px",minWidth:"88px"}})),q=(0,s.ZP)(c.Z)((e=>{let{theme:n}=e;return{marginTop:"30px",display:"flex",alignItems:"center",flexWrap:"wrap",rowGap:"40px",columnGap:"120px",[n.breakpoints.down("sm")]:{overflow:"scroll",flexWrap:"nowrap",gap:"24px",marginTop:"24px"}}})),V=(0,s.ZP)(c.Z)((e=>{let{theme:n}=e;return{display:"flex",flexDirection:"column",alignItems:"center"}}));function U(e){let{data:n}=e;return(0,i.jsxs)(E,{children:[(0,i.jsx)(H,{variant:"h5New",children:"Browse Agencies By City"}),(0,i.jsx)(q,{children:n.map(((e,n)=>(0,i.jsxs)(M,{href:"/agencies/search?cityId=".concat(null===e||void 0===e?void 0:e.city_id,"&cityName=").concat(null===e||void 0===e?void 0:e.name),children:[(0,i.jsx)(G,{source:(0,B.generateImageUrl)(e.cityResources,"200")||"/agency/noCityImage.svg",alt:"city-image",objectFit:"cover"}),(0,i.jsxs)(V,{children:[(0,i.jsx)(z,{variant:"subtitle1New",children:e.name}),(0,i.jsxs)(D,{variant:"body2New",children:[e.agency_count," Agencies"]})]})]},n)))})]})}var $=t(22865),Q=!0;function X(e){const n=(0,F.v9)((e=>e.searchAgenciesFilter.searchAgenciesFilter));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)($.Z,{title:"Agencies - Pakistan's 1st Online Real Estate Market Place | Graana.com",description:"Welcome to Graana - Pakistan's 1st Online Real Estate Market Place. The right place to buy, sell or rent property you have been dreaming of!",canonical:"https://www.graana.com/agencies",type:"website",hrefLang:"https://www.graana.com/agencies",siteName:"Graana",ogImage:"https://images.graana.com/images/original/graana_og/1609330881.jpg"}),(0,i.jsxs)(c.Z,{sx:o.W.maxSection,children:[(0,i.jsx)(r.Z,{breadcrumbs:[{name:"Home",link:"/"},{name:"Agency",link:"/agencies"}],showBreadCrumb:!0}),(0,i.jsxs)(d,{children:[(0,i.jsx)(W,{initialValue:n}),e.agencyCount&&(0,i.jsx)(U,{data:e.agencyCount})]})]}),(0,i.jsx)(l.Z,{sx:o.W.spacerStyleMax}),(0,i.jsx)(a.default,{}),(0,i.jsx)(l.Z,{sx:o.W.spacerStyleMax})]})}},32848:function(e,n,t){"use strict";t.d(n,{W:function(){return i}});const i={spacerStyleMin:{"@media (min-width: 600px)":{height:"30px",width:"100%"}},spacerStyleNormal:{"@media (min-width: 600px)":{height:"40px",width:"100%"}},spacerStyleMedium:{"@media (min-width: 600px)":{height:"50px",width:"100%"}},spacerStyleMax:{"@media (min-width: 600px)":{height:"60px",width:"100%"}}}}},function(e){e.O(0,[4177,7111,4097,2962,3187,9058,8017,5346,9774,2888,179],(function(){return n=29777,e(e.s=n);var n}));var n=e.O();_N_E=n}]);