https://www.graana.com/_next/static/chunks/pages/property/[id]-fa48eb24ee31c124.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5547],{97010:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/property/[id]",function(){return i(73964)}])},1877:function(e,t){"use strict";t.Z={src:"/_next/static/media/shareProperty.cb4fd04b.svg",height:24,width:24}},22865:function(e,t,i){"use strict";i.d(t,{Z:function(){return l}});var n=i(85893),o=(i(67294),i(2962)),a=i(45697),r=i.n(a);function l(e){let{title:t,description:i,canonical:a,type:r,url:l,siteName:d,ogImage:s,twitter:p,ogTag:c,noIndex:u,noFollow:v,hrefLang:m}=e;const h=[{hrefLang:"en-pk",href:m}];return(0,n.jsx)(o.PB,{title:t,description:i,canonical:a,languageAlternates:h,additionalMetaTags:[{name:"copyright",content:"Graana Group of Companies"}],openGraph:c||{type:r,url:m,title:t,description:i,siteName:d,images:[{url:s}]},twitter:p,nofollow:v,noindex:u})}l.propTypes={title:r().string,description:r().string,canonical:r().string,hrefLang:r().string,type:r().string,url:r().string,siteName:r().string,ogImage:r().string},l.defaultProps={title:"| Graana.com",description:"Default Description",canonical:"https://www.graana.com/",hrefLang:"https://www.graana.com/",type:"website",url:"https://www.graana.com",siteName:"Graana.com",ogImage:"https://images.graana.com/images/original/graana_og/1609330881.jpg"}},73964:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return E},default:function(){return W}});var n=i(85893),o=i(67294),a=i(5152),r=i.n(a),l=i(38120);const d={maindiv:{display:"flex",flexDirection:"row",p:0,m:0,bgcolor:"background.paper"},positionRelative:{position:"realative"},main:{margin:"0px auto",padding:"0px 108px 43px 108px",maxWidth:"1440px","@media (max-width: 600px)":{margin:"0px auto",width:"100%",padding:"0px 10px 3px 10px"}},postBy:{fontSize:"10px",color:"#737678",fontWeight:400},normalFont:{fontSize:"14px",fontWeight:400},normalFontWithCenter:{fontSize:"18px",fontWeight:400,margin:"auto 9px"},normalFontGray:{fontSize:"14px",fontWeight:400,color:"#737678"},normalFontSizeWithBold:{fontSize:"14px",fontWeight:600},viewAgency:{fontSize:"14px",color:"#E85451",fontWeight:600},ParaHeadFontSize:{fontSize:"17.43px",fontWeight:600},footerImage:{height:"80px"},icon:{width:"13px",height:"11px"},imgContainer:{marginTop:"30px",marginBottom:"30px"},dividerContainer:{display:"flex",alignItems:"center",justifyContent:"center"},divider:{width:"100%",margin:"27px 0px 31px 0px","@media (max-width: 600px)":{margin:"12px 0px 20px 0px"}},dividerAfterFeaturs:{width:"100%",margin:"63px 0px 40px 0px","@media (max-width: 600px)":{display:"none"}},dividerMap:{width:"100%",marginTop:"43px","@media (max-width: 600px)":{display:"none"}},sharePropertyIcon:{cursor:"pointer",width:"10px",margin:"-32px 0px 0px auto",position:"sticky","@media (max-width: 600px)":{display:"none"}},sharePropertyIconMobile:{position:"absolute",top:"30%",width:"fit-content",left:"90%"},primaryFeatures:{width:"100%",texAlign:"center"},modalScrollY:{overflow:"hidden",display:"block",height:"100%"},MidContainer:{display:"flex",marginTop:"-35px",flexDirection:"row","& > :nth-child(1) ":{marginBottom:"29px !important"}},ContainerLeftSidePart:{flexDirection:"column",width:"67%",marginTop:"29px","@media (max-width: 600px)":{width:"100%"}},ContainerRightSidePart:{width:"35%",paddingLeft:"10px",marginLeft:"auto",float:"right"},backContainer:{position:"sticky",top:"50px",zIndex:5,marginBottom:"-10px"},stikeee:{border:"2px solid red"},shareIcon:{width:"24px",height:"24px"}};var s=i(67720),p=i(98396),c=i(2734),u=i(11163),v=i(9473),m=i(35670),h=i(13920),x=i(5276),g=i(66142),y=i(57632),b=i(10708),w=i(5330),f=i(40287),C=i(77728),S=i(83066),j=i(2628),I=i(54448),P=i(91129),F=i(31380),k=i(1877),L=i(75615),Z=i(10294),z=i(22865),M=i(4323),U=i(90748);const G=r()((()=>Promise.all([i.e(3817),i.e(9286),i.e(2997)]).then(i.bind(i,2042))),{loadableGenerated:{webpack:()=>[2042]},ssr:!1}),O=r()((()=>i.e(4370).then(i.bind(i,54370))),{loadableGenerated:{webpack:()=>[54370]},ssr:!1}),A=r()((()=>Promise.all([i.e(4097),i.e(3817),i.e(2567),i.e(6725),i.e(437),i.e(2942),i.e(9286),i.e(350),i.e(9143),i.e(8123),i.e(384)]).then(i.bind(i,8123)).then((e=>e.InquireCardComponent))),{loadableGenerated:{webpack:()=>[8123]},ssr:!1}),D=r()((()=>Promise.all([i.e(4097),i.e(3817),i.e(2567),i.e(6725),i.e(437),i.e(2942),i.e(9286),i.e(350),i.e(9143),i.e(8123),i.e(384)]).then(i.bind(i,8123)).then((e=>e.CallComponent))),{loadableGenerated:{webpack:()=>[8123]},ssr:!1}),_=r()((()=>Promise.all([i.e(4097),i.e(3817),i.e(2567),i.e(6725),i.e(437),i.e(2942),i.e(9286),i.e(350),i.e(9143),i.e(8123),i.e(384)]).then(i.bind(i,8123)).then((e=>e.ReportPropertyCard))),{loadableGenerated:{webpack:()=>[8123]},ssr:!1}),B=r()((()=>Promise.all([i.e(4097),i.e(3817),i.e(2567),i.e(6725),i.e(437),i.e(2942),i.e(9286),i.e(350),i.e(9143),i.e(8123),i.e(384)]).then(i.bind(i,8123)).then((e=>e.Map))),{loadableGenerated:{webpack:()=>[8123]},ssr:!1}),N=r()((()=>i.e(3604).then(i.bind(i,93604))),{loadableGenerated:{webpack:()=>[93604]},ssr:!1}),T=e=>{let{unobserve:t}=e;t()};var E=!0;function W(e){var t,i,a;const{...r}=(0,x.Y)({onEnter:T}),E=(0,v.I0)(),W=(0,u.useRouter)(),H=(0,v.v9)((e=>e.user)),R=(0,c.Z)(),Y=(0,p.Z)(R.breakpoints.down("sm")),[q,V]=(0,o.useState)(!1),[X,K]=(0,o.useState)({}),[Q,J]=(0,o.useState)(!1),[$,ee]=(0,o.useState)(!1),[te,ie]=(0,o.useState)(e.data),[ne,oe]=(0,o.useState)(!1),[ae,re]=(0,o.useState)(!1),[le,de]=(0,o.useState)(!1),[se,pe]=(0,o.useState)(!1),[ce,ue]=(0,o.useState)([]),[ve,me]=(0,b.Z)(["anonymousUserId"]),[he,xe]=(0,o.useState)(!1),[ge,ye]=(0,o.useState)(!1),[be,we]=(0,o.useState)([]),[fe,Ce]=(0,o.useState)(!1);let Se=!1;(0,o.useEffect)((()=>{ie(e.data)}),[e.data]);const je=e=>{const t=te.id;"call"===e?(0,F.ib)({propertyId:t,call:!0}):(0,F.ib)({propertyId:t,whatsapp:!0})},Ie=()=>{H.user.username===(null===te||void 0===te?void 0:te.userId)||"published"!==(null===te||void 0===te?void 0:te.status)?ye(!0):ye(!1),H.isLoggedIn||ve.anonymousUserId||me("anonymousUserId",(0,y.Z)(),{path:"/"})};(0,o.useMemo)((()=>{Ie()}),[H.user.username]),(0,o.useEffect)((()=>{var e;(async()=>{const e=await(0,F.tO)(null===te||void 0===te?void 0:te.areaId);var t,i,n,o,a;(null===e||void 0===e?void 0:e.data)&&(K({area:(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.length)>0&&1===e.data[0].list.length?null===(i=null===e||void 0===e?void 0:e.data[0])||void 0===i?void 0:i.list[0]:null===(n=null===e||void 0===e?void 0:e.data[0])||void 0===n?void 0:n.list[1],subArea:(null===e||void 0===e||null===(o=e.data)||void 0===o?void 0:o.length)>0&&1===e.data[0].list.length?null:null===(a=null===e||void 0===e?void 0:e.data[0])||void 0===a?void 0:a.list[0]}),V(!0))})(),Ie(),(e=null===te||void 0===te?void 0:te.id)&&(0,F.aN)(e)}),[te]);

1const Pe="buy"===(null===te||void 0===te?void 0:te.purpose)?"sale":null===te||void 0===te?void 0:te.purpose,Fe=[{name:"Graana",link:"/"},{name:"For\n      ".concat((0,L.upperCaseFirstLetter)(Pe)," on Graana"),link:"/".concat(Pe,"?type=").concat(null===te||void 0===te?void 0:te.type)},{name:" ".concat(te&&te["city.name"],"\n      ").concat((0,L.upperCaseFirstLetter)((0,L.getSpacedCamelCase)(null===te||void 0===te?void 0:te.subtype)),"s"),link:(0,L.getUrlSlug)({id:null===te||void 0===te?void 0:te.cityId,name:te&&te["city.name"]},[],(0,L.getCamelCaseHypen)(null===te||void 0===te?void 0:te.subtype),Pe)},{name:"".concat(X&&(null===X||void 0===X||null===(t=X.area)||void 0===t?void 0:t.name),"\n      ").concat((0,L.upperCaseFirstLetter)((0,L.getSpacedCamelCase)(null===te||void 0===te?void 0:te.subtype)),"s"),link:(()=>{var e,t;return(0,L.getUrlSlug)({id:null===te||void 0===te?void 0:te.cityId,name:te&&te["city.name"]},[{areaId:null===X||void 0===X||null===(e=X.area)||void 0===e?void 0:e.id,title:null===X||void 0===X||null===(t=X.area)||void 0===t?void 0:t.name}],(0,L.getCamelCaseHypen)(null===te||void 0===te?void 0:te.subtype),null===te||void 0===te?void 0:te.purpose)})()},{name:"".concat(X&&(null===(i=X.subArea)||void 0===i?void 0:i.name),"\n      ").concat((0,L.upperCaseFirstLetter)((0,L.getSpacedCamelCase)(null===te||void 0===te?void 0:te.subtype)),"s"),link:(()=>{var e,t,i;if(null===X||void 0===X||null===(e=X.subArea)||void 0===e?void 0:e.id)return(0,L.getUrlSlug)({id:null===te||void 0===te?void 0:te.cityId,name:te&&te["city.name"]},[{areaId:null===X||void 0===X||null===(t=X.subArea)||void 0===t?void 0:t.id,title:null===X||void 0===X||null===(i=X.subArea)||void 0===i?void 0:i.name}],(0,L.getCamelCaseHypen)(null===te||void 0===te?void 0:te.subtype),null===te||void 0===te?void 0:te.purpose)})()},{name:"".concat(null===te||void 0===te?void 0:te.size,"\n      ").concat((0,L.upperCaseFirstLetter)(null===te||void 0===te?void 0:te.sizeUnit),"\n      ").concat((0,L.upperCaseFirstLetter)((0,L.getSpacedCamelCase)(null===te||void 0===te?void 0:te.subtype)),"s"),link:"".concat((0,L.getUrlSlug)({id:null===te||void 0===te?void 0:te.cityId,name:te&&te["city.name"]},[{areaId:null===te||void 0===te?void 0:te.areaId,title:te&&te["area.name"]}],(0,L.getCamelCaseHypen)(null===te||void 0===te?void 0:te.subtype),Pe),"?minSize=").concat(null===te||void 0===te?void 0:te.size,"&maxSize=").concat(null===te||void 0===te?void 0:te.size,"&sizeUnit=").concat((null===te||void 0===te?void 0:te.sizeUnit.charAt(0).toUpperCase())+(null===te||void 0===te?void 0:te.sizeUnit.substr(1).toLowerCase()))},{name:"".concat(null===te||void 0===te?void 0:te.size,"\n      ").concat((0,L.upperCaseFirstLetter)(null===te||void 0===te?void 0:te.sizeUnit),"\n      ").concat((0,L.upperCaseFirstLetter)((0,L.getSpacedCamelCase)(null===te||void 0===te?void 0:te.subtype)),"\n      For\n      ").concat((0,L.upperCaseFirstLetter)(Pe),"\n      #").concat(null===te||void 0===te?void 0:te.id),link:"/"}];(0,o.useEffect)((()=>{E((0,m.hv)(Y)),(async()=>{const e=null===te||void 0===te?void 0:te.lat,t=null===te||void 0===te?void 0:te.lng;if(e&&t){var i;const n=null===(i=(await(0,F.IO)(e,t)).data.data)||void 0===i?void 0:i.filter((e=>(null===e||void 0===e?void 0:e.id)!==(null===te||void 0===te?void 0:te.id)));ue(n)}})()}),[Y,te]);const ke=()=>{window.scrollY>550&&!1===Se?(Se=!0,Ce(!0)):window.scrollY<550&&!0===Se&&(Se=!1,Ce(!1))};(0,o.useEffect)((()=>(window.addEventListener("scroll",ke),()=>{window.removeEventListener("scroll",ke)})),[]),(0,o.useEffect)((()=>{(ae||le)&&(E((0,U.CF)({showToast:!0,message:le?"Property is already reported":"Property listing has been reported",type:"success"})),re(!1),de(!1)),he&&(E((0,U.CF)({showToast:!0,message:"Your inquiry has been sent to property owner",type:"success"})),xe(!1))}),[ae,le,he]);const Le=()=>{const{primaryFeatures:e,secondaryFeatures:t,communicationFeatures:i,utilityFeatures:n,nearByFeatures:o}=te;return!((null===e||void 0===e?void 0:e.length)&&(null===t||void 0===t?void 0:t.length)&&(null===i||void 0===i?void 0:i.length)&&(null===n||void 0===n?void 0:n.length)&&(null===o||void 0===o?void 0:o.length))};return te?(0,n.jsxs)(n.Fragment,{children:[Y&&(0,n.jsxs)(l.Z,{sx:d.backContainer,children:[(0,n.jsx)(h.default,{title:"Back",handleBackButton:()=>{history.back()}}),(0,n.jsx)(l.Z,{sx:d.sharePropertyIconMobile,onClick:()=>(0,g.g)({title:"Hey, check out this awesome property",text:window.location.href,url:window.location.href}),children:(0,n.jsx)(M.default,{source:k.Z,sx:d.shareIcon,alt:"shareProperty"})})]}),(e=>{const t=(0,L.getPropertyURL)(e["city.name"],e["area.name"],e.size,e.sizeUnit,e.subtype,e.purpose,e.id),i="https://www.graana.com/property/".concat(t);"/property/".concat(t);let o,a;return o="".concat(null===e||void 0===e?void 0:e.size," ").concat((0,L.upperCaseFirstLetter)(null===e||void 0===e?void 0:e.sizeUnit)," ").concat((0,L.getSpacedCamelCase)((0,L.upperCaseFirstLetter)(null===e||void 0===e?void 0:e.subtype))," for ").concat("buy"===(null===e||void 0===e?void 0:e.purpose)?"

1sale":null===e||void 0===e?void 0:e.purpose," in ").concat(e["area.name"],", ").concat(e["city.name"]),"flat"===(null===e||void 0===e?void 0:e.subtype)&&null!=(null===e||void 0===e?void 0:e.bed)&&(o="".concat(e.bed," "),e.bed>=1&&(o+="bedroom ".concat(null===e||void 0===e?void 0:e.subtype))),(null===e||void 0===e?void 0:e.id)&&(o+=" | ".concat(e.id)),o+=" | Graana.com",a="".concat(Math.round(10*e.size)/10," ").concat((0,L.upperCaseFirstLetter)(e.sizeUnit)," ").concat((0,L.getSpacedCamelCase)((0,L.upperCaseFirstLetter)(e.subtype))," for ").concat(e.purpose.toLowerCase()," in ").concat(e["area.name"],", ").concat(e["city.name"]," at ").concat((0,L.convertPrice)(parseInt(e.price,10),"PKR","")),e.bed<1&&e.bath<1?a+=".":(a+=" with",e.bed>0&&(a+=" ".concat(e.bed),1===e.bed?a+=" beadroom":a+=" beadrooms"),e.bed>0&&e.bath>0?a+=" and":a+=".",e.bath>0&&(a+=" ".concat(e.bath),1===e.bath?a+=" bathroom.":a+=" bathrooms.")),a+=" Visit Graana.com to call now.",(0,n.jsx)(z.Z,{title:o,description:a,canonical:(0,L.renderCanonical)(null===W||void 0===W?void 0:W.asPath),hrefLang:(0,L.renderCanonical)(null===W||void 0===W?void 0:W.asPath),url:i,twitter:{cardType:"expanded",site:(0,L.renderCanonical)(null===W||void 0===W?void 0:W.asPath),handle:"https://twitter.com/GraanaCom"}})})(te),(0,n.jsx)(Z.Z,{breadcrumbs:null===Fe||void 0===Fe?void 0:Fe.filter((e=>!e.name.includes("undefined"))),showBreadCrumb:q}),fe&&(0,n.jsx)(D,{isShowFullWidthSticky:fe,propertyDetail:te,setIsOpen:e=>ee(!$),setOpenCallModal:()=>{oe(!ne)},contactApiMainPageHandler:je,isPropertyAddedByThisUser:ge,contactNumber:te.phone}),(0,n.jsxs)(l.Z,{sx:d.main,children:[(0,n.jsx)(l.Z,{sx:d.sharePropertyIcon,onClick:()=>{pe(!0)},children:(0,n.jsx)(M.default,{sx:d.shareIcon,source:k.Z,alt:"shareProperty"})}),se&&(0,n.jsx)(o.Suspense,{fallback:"",children:(0,n.jsx)(O,{openShareModal:se,setOpenShareModal:e=>{pe(e)}})}),(0,n.jsx)(N,{isOpenCallComponent:ne,setIsOpenCallComponent:()=>{oe(!ne)},contactApiMainPageHandler:je,contactNumber:te.countryCode+te.phone}),(0,n.jsx)(_,{isOpen:Q,setIsOpen:e=>J(!Q),isMobileScreen:Y,SubmitPropertyReport:async(e,t)=>{const{id:i}=te;if(H.isLoggedIn&&i){"Property is already reported by current user"===(await(0,F.Q_)(i,e,t)).data?(de(!0),J(!Q)):(re(!0),J(!Q))}}}),$&&(0,n.jsx)(o.Suspense,{fallback:"",children:(0,n.jsx)(A,{propertyDetail:te,isOpen:$,isMobileScreen:Y,loginUserDetails:null===H||void 0===H||null===(a=H.user)||void 0===a?void 0:a.attributes,setIsOpen:e=>{xe(e),ee(!$)}})}),(0,n.jsx)(w.Z,{propertyImages:null===te||void 0===te?void 0:te.propertyImages,propsureId:null===te||void 0===te?void 0:te.propsureId,liked:null===te||void 0===te?void 0:te.likedProperty,id:null===te||void 0===te?void 0:te.id,type:null===te||void 0===te?void 0:te.type}),Y?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(f.Z,{propertyDetail:te,MobileScreen:Y})}):(0,n.jsxs)(n.Fragment,{children:[!fe&&(0,n.jsx)(D,{isShowFullWidthSticky:fe,propertyDetail:te,setIsOpen:e=>ee(!$),setOpenCallModal:()=>{oe(!ne)},contactApiMainPageHandler:je,isPropertyAddedByThisUser:ge,contactNumber:te.phone}),(0,n.jsx)(f.Z,{propertyDetail:te,MobileScreen:Y})]}),(0,n.jsxs)(l.Z,{sx:d.MidContainer,children:[(0,n.jsxs)(l.Z,{sx:d.ContainerLeftSidePart,children:[(0,n.jsx)(s.Z,{sx:d.divider}),(null===te||void 0===te?void 0:te.description)&&""!==(null===te||void 0===te?void 0:te.description)?(0,n.jsx)(l.Z,{sx:d.maindiv,children:(0,n.jsx)(C.Z,{propertyDetail:te})}):(0,n.jsx)(C.Z,{setIsOpen:e=>J(!Q),propertyDetail:te}),(null===te||void 0===te?void 0:te.condition)&&(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(S.Z,{propertyDetail:te})}),((null===te||void 0===te?void 0:te.condition)||""!==(null===te||void 0===te?void 0:te.description))&&(0,n.jsx)(s.Z,{sx:d.divider}),Le()&&(0,n.jsx)(j.Z,{propertyFeatures:te}),Le()&&(0,n.jsx)(s.Z,{sx:d.divider}),(null===te||void 0===te?void 0:te.lat)&&(null===te||void 0===te?void 0:te.lng)?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(B,{propertyDetail:te,nearbyPropertiesListForGoogleMap:be,getNearbyPropertiesListForGoogleMapHandler:async e=>{var t;const i=null===te||void 0===te?void 0:te.lat,n=null===te||void 0===te?void 0:te.lng,o=await(0,F.iB)(i,n,e);we(null===o||void 0===o||null===(t=o.data)||void 0===t?void 0:t.data)}}),(0,n.jsx)(s.Z,{sx:d.dividerMap})]}):"",(null===te||void 0===te?void 0:te.propertyAvailability)&&(0,n.jsx)(I.Z,{ScheduleData:null===te||void 0===te?void 0:te.propertyAvailability}),Y&&(0,n.jsx)(P.Z,{propertyDetail:te,setIsOpen:e=>J(!Q)})]}),!Y&&(0,n.jsx)(l.Z,{sx:d.ContainerRightSidePart,children:(0,n.jsx)(P.Z,{setIsOpen:e=>J(!Q),propertyDetail:te})})]}),(0,n.jsx)("div",{ref:r.observe,children:(null===te||void 0===te?void 0:te.lat)&&(null===te||void 0===te?void 0:te.lng)?r.inView&&

1(0,n.jsx)(G,{nearByPropertiesList:ce}):""}),Y&&(0,n.jsx)(D,{isShowFullWidthSticky:Se,setIsOpen:e=>ee(!$),setOpenCallModal:()=>{oe(!ne)},contactApiMainPageHandler:je,isPropertyAddedByThisUser:ge,contactNumber:te.phone,propertyDetail:te})]})]}):(0,n.jsx)(n.Fragment,{})}}},function(e){e.O(0,[4177,7111,2962,3187,8701,4507,6775,4848,3094,4030,9774,2888,179],(function(){return t=97010,e(e.s=t);var t}));var t=e.O();_N_E=t}]);