1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{59334:function(e,t,n){"use strict";var r=n(63366),o=n(87462),i=n(67294),a=n(86010),s=n(94780),l=n(23972),c=n(59773),u=n(71657),d=n(90948),p=n(26336),f=n(85893);const h=["children","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"],m=(0,d.ZP)("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[{[`& .${p.Z.primary}`]:t.primary},{[`& .${p.Z.secondary}`]:t.secondary},t.root,n.inset&&t.inset,n.primary&&n.secondary&&t.multiline,n.dense&&t.dense]}})((({ownerState:e})=>(0,o.Z)({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},e.primary&&e.secondary&&{marginTop:6,marginBottom:6},e.inset&&{paddingLeft:56}))),x=i.forwardRef((function(e,t){const n=(0,u.Z)({props:e,name:"MuiListItemText"}),{children:d,className:x,disableTypography:g=!1,inset:v=!1,primary:y,primaryTypographyProps:b,secondary:w,secondaryTypographyProps:Z}=n,S=(0,r.Z)(n,h),{dense:C}=i.useContext(c.Z);let I=null!=y?y:d,j=w;const M=(0,o.Z)({},n,{disableTypography:g,inset:v,primary:!!I,secondary:!!j,dense:C}),k=(e=>{const{classes:t,inset:n,primary:r,secondary:o,dense:i}=e,a={root:["root",n&&"inset",i&&"dense",r&&o&&"multiline"],primary:["primary"],secondary:["secondary"]};return(0,s.Z)(a,p.L,t)})(M);return null==I||I.type===l.Z||g||(I=(0,f.jsx)(l.Z,(0,o.Z)({variant:C?"body2":"body1",className:k.primary,component:null!=b&&b.variant?void 0:"span",display:"block"},b,{children:I}))),null==j||j.type===l.Z||g||(j=(0,f.jsx)(l.Z,(0,o.Z)({variant:"body2",className:k.secondary,color:"text.secondary",display:"block"},Z,{children:j}))),(0,f.jsxs)(m,(0,o.Z)({className:(0,a.Z)(k.root,x),ownerState:M,ref:t},S,{children:[I,j]}))}));t.Z=x},26336:function(e,t,n){"use strict";n.d(t,{L:function(){return i}});var r=n(1588),o=n(34867);function i(e){return(0,o.Z)("MuiListItemText",e)}const a=(0,r.Z)("MuiListItemText",["root","multiline","dense","inset","primary","secondary"]);t.Z=a},2373:function(e,t,n){"use strict";var r=n(87462),o=n(63366),i=n(67294),a=n(86010),s=n(94780),l=n(98216),c=n(71657),u=n(90948),d=n(62994),p=n(85893);const f=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],h=(0,u.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,"inherit"!==n.color&&t[`color${(0,l.Z)(n.color)}`],t[`fontSize${(0,l.Z)(n.fontSize)}`]]}})((({theme:e,ownerState:t})=>{var n,r,o,i,a,s,l,c,u,d,p,f,h,m,x,g,v;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,transition:null==(n=e.transitions)||null==(r=n.create)?void 0:r.call(n,"fill",{duration:null==(o=e.transitions)||null==(i=o.duration)?void 0:i.shorter}),fontSize:{inherit:"inherit",small:(null==(a=e.typography)||null==(s=a.pxToRem)?void 0:s.call(a,20))||"1.25rem",medium:(null==(l=e.typography)||null==(c=l.pxToRem)?void 0:c.call(l,24))||"1.5rem",large:(null==(u=e.typography)||null==(d=u.pxToRem)?void 0:d.call(u,35))||"2.1875rem"}[t.fontSize],color:null!=(p=null==(f=(e.vars||e).palette)||null==(h=f[t.color])?void 0:h.main)?p:{action:null==(m=(e.vars||e).palette)||null==(x=m.action)?void 0:x.active,disabled:null==(g=(e.vars||e).palette)||null==(v=g.action)?void 0:v.disabled,inherit:void 0}[t.color]}})),m=i.forwardRef((function(e,t){const n=(0,c.Z)({props:e,name:"MuiSvgIcon"}),{children:i,className:u,color:m="inherit",component:x="svg",fontSize:g="medium",htmlColor:v,inheritViewBox:y=!1,titleAccess:b,viewBox:w="0 0 24 24"}=n,Z=(0,o.Z)(n,f),S=(0,r.Z)({},n,{color:m,component:x,fontSize:g,instanceFontSize:e.fontSize,inheritViewBox:y,viewBox:w}),C={};y||(C.viewBox=w);const I=(e=>{const{color:t,fontSize:n,classes:r}=e,o={root:["root","inherit"!==t&&`color${(0,l.Z)(t)}`,`fontSize${(0,l.Z)(n)}`]};return(0,s.Z)(o,d.h,r)})(S);return(0,p.jsxs)(h,(0,r.Z)({as:x,className:(0,a.Z)(I.root,u),focusable:"false",color:v,"aria-hidden":!b||void 0,role:b?"img":void 0,ref:t},C,Z,{ownerState:S,children:[i,b?(0,p.jsx)("title",{children:b}):null]}))}));m.muiName="SvgIcon",t.Z=m},62994:function(e,t,n){"use strict";n.d(t,{h:function(){return i}});var r=n(1588),o=n(34867);function i(e){return(0,o.Z)("MuiSvgIcon",e)}const a=(0,r.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);t.Z=a},63023:function(e,t){"use strict";var n,r=Symbol.for("react.element"),o=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),d=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),x=Symbol.for("react.offscreen");function g(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case i:case s:case a:case p:case f:return e;default:switch(e=e&&e.$$typeof){case u:case c:case d:case m:case h:case l:return e;default:return t}}case o:return t}}}n=Symbol.for("react.module.reference")},76607:function(e,t,n){"use strict";n(63023)},98396:function(e,t,n){"use strict";var r;n.d(t,{Z:function(){return d}});var o=n(67294),i=n(34168),a=n(20539),s=n(58974);function l(e,t,n,r,i){const a="undefined"!==typeof window&&"undefined"!==typeof window.matchMedia,[l,c]=o.useState((()=>i&&a?n(e).matches:r?r(e).matches:t));return(0,s.Z)((()=>{let t=!0;if(!a)return;const r=n(e),o=()=>{t&&c(r.matches)};return o(),r.addListener(o),()=>{t=!1,r.removeListener(o)}}),[e,n,a]),l}const c=(r||(r=n.t(o,2))).useSyncExternalStore;function u(e,t,n,r){const i=o.useCallback((()=>t),[t]),a=o.useMemo((()=>
1{if(null!==r){const{matches:t}=r(e);return()=>t}return i}),[i,e,r]),[s,l]=o.useMemo((()=>{if(null===n)return[i,()=>()=>{}];const t=n(e);return[()=>t.matches,e=>(t.addListener(e),()=>{t.removeListener(e)})]}),[i,n,e]);return c(l,s,a)}function d(e,t={}){const n=(0,i.Z)(),r="undefined"!==typeof window&&"undefined"!==typeof window.matchMedia,{defaultMatches:o=!1,matchMedia:s=(r?window.matchMedia:null),ssrMatchMedia:d=null,noSsr:p}=(0,a.Z)({name:"MuiUseMediaQuery",props:t,theme:n});let f="function"===typeof e?e(n):e;f=f.replace(/^@media( ?)/m,"");return(void 0!==c?u:l)(f,o,s,d,p)}},82066:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var r=n(87462),o=n(67294),i=n(2373),a=n(85893);function s(e,t){function n(n,o){return(0,a.jsx)(i.Z,(0,r.Z)({"data-testid":`${t}Icon`,ref:o},n,{children:e}))}return n.muiName=i.Z.muiName,o.memo(o.forwardRef(n))}},57144:function(e,t,n){"use strict";var r=n(87596);t.Z=r.Z},71579:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);var o=function(e,t){return r.isValidElement(e)&&-1!==t.indexOf(e.type.muiName)}},8038:function(e,t,n){"use strict";var r=n(57094);t.Z=r.Z},5340:function(e,t,n){"use strict";var r=n(58290);t.Z=r.Z},49299:function(e,t,n){"use strict";var r=n(8925);t.Z=r.Z},58974:function(e,t,n){"use strict";var r=n(16600);t.Z=r.Z},49064:function(e,t,n){"use strict";function r(...e){return e.reduce(((e,t)=>null==t?e:function(...n){e.apply(this,n),t.apply(this,n)}),(()=>{}))}n.d(t,{Z:function(){return r}})},87596:function(e,t,n){"use strict";function r(e,t=166){let n;function r(...r){clearTimeout(n),n=setTimeout((()=>{e.apply(this,r)}),t)}return r.clear=()=>{clearTimeout(n)},r}n.d(t,{Z:function(){return r}})},57094:function(e,t,n){"use strict";function r(e){return e&&e.ownerDocument||document}n.d(t,{Z:function(){return r}})},58290:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(57094);function o(e){return(0,r.Z)(e).defaultView||window}},8925:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r=n(67294);function o({controlled:e,default:t,name:n,state:o="value"}){const{current:i}=r.useRef(void 0!==e),[a,s]=r.useState(t);return[i?e:a,r.useCallback((e=>{i||s(e)}),[])]}},57579:function(e,t,n){"use strict";var r;n.d(t,{Z:function(){return s}});var o=n(67294);let i=0;const a=(r||(r=n.t(o,2))).useId;function s(e){if(void 0!==a){const t=a();return null!=e?e:t}return function(e){const[t,n]=o.useState(e),r=e||t;return o.useEffect((()=>{null==t&&(i+=1,n(`mui-${i}`))}),[t]),r}(e)}},75557:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(76098)}])},22865:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var r=n(85893),o=(n(67294),n(2962)),i=n(45697),a=n.n(i);function s(e){let{title:t,description:n,canonical:i,type:a,url:s,siteName:l,ogImage:c,twitter:u,ogTag:d,noIndex:p,noFollow:f,hrefLang:h}=e;const m=[{hrefLang:"en-pk",href:h}];return(0,r.jsx)(o.PB,{title:t,description:n,canonical:i,languageAlternates:m,additionalMetaTags:[{name:"copyright",content:"Graana Group of Companies"}],openGraph:d||{type:a,url:h,title:t,description:n,siteName:l,images:[{url:c}]},twitter:u,nofollow:f,noindex:p})}s.propTypes={title:a().string,description:a().string,canonical:a().string,hrefLang:a().string,type:a().string,url:a().string,siteName:a().string,ogImage:a().string},s.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"}},43527:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(85893),o=(n(67294),n(56162)),i=n(53640);function a(e){let{size:t,select:n,variant:a,label:s,message:l,value:c,onInputChange:u,placeholder:d,isLabel:p,removeBorder:f=!1,isMultiple:h,isAuto:m,fullWidth:x,focused:g,isError:v,errorMessage:y,isAgency:b,isAgencyHome:w,isMyProperties:Z,color:S,isVideo:C,isHome:I,customHeight:j,formControlStyles:M={},...k}=e;const R=e=>{u(e.target.value)};return h?(0,r.jsx)(i.Z,{fullWidth:x,children:(0,r.jsx)(o.aT,{value:c,select:n,size:t,error:v,variant:a,label:s,helperText:l,placeholder:d,onChange:R,inputProps:{autoComplete:"new-password"},...k})}):p||m?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.Z,{fullWidth:x,s
1x:M,children:p?(0,r.jsx)(o.aT,{value:c,select:n,size:t,error:v,...f?{removeborder:f}:{},variant:a,label:s,helperText:l,placeholder:d,ismyproperties:Z,onChange:R,isvideo:C,inputProps:{autoComplete:"new-password"},...k}):(0,r.jsx)(o._y,{sx:b||I?{"& fieldset":{border:"none"},"& input":{paddingLeft:"0px",color:S||(c?"#E85451":"#737678"),"&::placeholder":{opacity:1,color:"#737678"}}}:w?{"& input":{padding:"0px",color:c?"#E85451":"#737678","&::placeholder":{opacity:1}},"& .MuiOutlinedInput-root:hover":{"& > fieldset":{borderWidth:"1px"}}}:{"& fieldset":{border:"none"}},focus:!!g||void 0,placeholder:d,value:c,onChange:R,isAgency:b,isAgencyHome:w,customHeight:j,isHome:I,inputProps:{autoComplete:"off"},...k})}),y&&(0,r.jsx)(o.Or,{variant:"caption5",children:y})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.bc,{sx:{"& fieldset":{border:"none"}},placeholder:d,value:c,onChange:R,error:v,color:"secondary",inputProps:{autoComplete:"new-password"},...k}),y&&(0,r.jsx)(o.Or,{variant:"caption5",children:y})]})}a.defaultProps={fullWidth:!0,select:!1,size:"normal",label:"Hello World",variant:"standard",message:"",onInputChange:()=>{},value:"",isLabel:!1,placeholder:"",isAuto:!1,isMultiple:!1}},56162:function(e,t,n){"use strict";n.d(t,{Or:function(){return c},_y:function(){return l},aT:function(){return u},bc:function(){return s}});var r=n(90948),o=n(49737),i=n(22715),a=n(57709);const s=(0,r.ZP)(a.Z)((e=>{let{theme:t}=e;return{fontWeight:400,fontSize:"11.64px",lineHeight:"19.8px","& .MuiInputBase-root":{height:"80px"}}})),l=(0,r.ZP)(i.Z)((e=>{let{theme:t,focus:n,isAgency:r,isAgencyHome:o,isMyProperties:i,isHome:a,customHeight:s}=e;return{"& .MuiInputBase-root":{height:s||(r||a?"30px":o?"48px":"80px"),width:i?"150px":"100%",backgroundColor:"#ffffff",borderRadius:o?"8px":"16px",fontWeight:"400",fontSize:a?"14px":r?"12.07px":o?"11.64px":"14px",lineHeight:o?"19.8px":"24px",borderBottomLeftRadius:n&&"0px",paddingLeft:a?"16px":r?"0px":o?"20px":"15px",paddingRight:r||a?"0px":o?"63px":"80px"},"& .Mui-focused":{borderBottomLeftRadius:!o&&"0px"},[t.breakpoints.down("sm")]:{"& .MuiInputBase-root":{height:s||"48px",borderRadius:"8px",borderBottomLeftRadius:!o&&n&&"0px"},"& .Mui-focused":{borderBottomLeftRadius:!o&&"0px"}}}})),c=(0,r.ZP)(o.Z)((()=>({color:"var(--mui-palette-error-color)"}))),u=(0,r.ZP)(i.Z)((e=>{let{theme:t,removeborder:n,ismyproperties:r,signUp:o,isvideo:i}=e;return n?{".MuiOutlinedInput-root":{"& > fieldset":{borderWidth:"0px",borderColor:"transparent"}},"& .MuiOutlinedInput-root.Mui-focused":{"& > fieldset":{borderColor:"transparent",borderWidth:"0px"}},"& .MuiOutlinedInput-root:hover":{"& > fieldset":{borderColor:"transparent",borderWidth:"0px"}}}:i?{"& .MuiInputBase-root":{height:"40px",width:"100%",backgroundColor:"#ffffff",fontWeight:"400",fontSize:"12.07px",lineHeight:"20px"},"& .MuiOutlinedInput-root.Mui-focused":{"& > fieldset":{borderColor:"var(--mui-palette-secondary-main)",borderWidth:"1px"}},"& .MuiOutlinedInput-root:hover":{"& > fieldset":{borderColor:"var(--mui-palette-info-main)",borderWidth:"1px"}}}:r?{">div":{borderRadius:o?"4px":"8px","@media (max-width: 600px)":{width:o?"100%":"150px"}},"& .MuiOutlinedInput-root.Mui-focused":{"& > fieldset":{borderColor:"var(--mui-palette-secondary-main)",borderWidth:"1px"}},"& .MuiOutlinedInput-root:hover":{"& > fieldset":{borderColor:"var(--mui-palette-info-main)",borderWidth:"1px"}}}:{".MuiInputLabel-root":{color:"var(--mui-palette-info-main)",fontWeight:"Normal",fontSize:"14px",zIndex:0},"& label.Mui-focused":{color:"var(--mui-palette-info-main)",fontWeight:"Normal",fontSize:"14px",zIndex:0},"& label.MuiOutlinedInput-root:hover":{color:"var(--mui-palette-info-main)",fontWeight:"Normal",fontSize:"14px",zIndex:0},"& .MuiOutlinedInput-root.Mui-focused":{"& > fieldset":{borderColor:"var(--mui-palette-secondary-main)",borderWidth:"1px"}},"& .MuiOutlinedInput-root:hover":{"& > fieldset":{borderColor:"var(--mui-palette-info-main)",borderWidth:"1px"}}}}));(0,r.ZP)(o.Z)((e=>{let{theme:t}=e;return{color:t.palette.grey.A200,fontWeight:"Normal",marginTop:"28px",fontSize:"14px",zIndex:0}}))},76098:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return X},default:function(){return Q}});var r=n(85893),o=n(67294),i=n(4323),a=n(49737),s=n(96046),l=n(57632);const c={button:{marginLeft:"0px !important",borderRadius:"0px 16px 16px 0px",height:"80px",width:"80px",position:"absolute",bottom:"0px",right:"0px","@media (max-width: 600px)":{height:"48px",borderRadius:"0px 8px 8px 0px"}},searchBar:{height:"80px",width:"100%",backgroundColor:"#ffffff",borderRadius:"16px",fontWeight:400,fontSize:"14px",lineHeight:"24px","@media (max-width: 800px)":{height:"55px",borderRadius:"8px"}}
1,searchWrapper:{marginTop:"10px",width:"40%","@media (max-width: 600px)":{width:"100%"}},searchChip:{borderRadius:"4px",background:"#f2f2f2",fontWeight:400,fontSize:"10px",color:"#37474f"},searchIcon:{height:"20px",width:"20px"},searchBoxAdornment:{marginTop:"10px",marginRight:"10px",marginBottom:"10px"},searchBoxGroupItem:{fontWeight:"normal"},searchBoxGroupHeader:{marginLeft:"10px",fontWeight:"bold"},listHeader:{fontWeight:600,fontSize:"11.64px",color:"#37474f",textAlign:"left",marginLeft:"15px",paddingLeft:"10px"},listButton:{fontWeight:400,fontSize:"11.64px",color:"#737678",paddingLeft:"25px"},listItem:{background:"#ffffff",width:"100%",position:"absolute",overflowY:"scroll",minHeight:"0px",maxHeight:"300px",borderBottomLeftRadius:"16px",borderBottomRightRadius:"16px",boxShadow:"0px 10px 2px rgba(0, 0, 0, 0.1)",zIndex:5,"@media (max-width: 600px)":{boxShadow:"0px 15px 20px rgba(0, 0, 0, 0.1)"}},chips:{background:"#f2f2f2",borderRadius:"4px",fontWeight:"400",fontSize:"10px",color:"#37474f",marginRight:"10px",marginTop:"2px",border:"none"},chipsContainer:{marginLeft:"10px",textAlign:"left",background:"#ffffff",marginBottom:"10px"}};var u=n(16003),d=n(23926),p=n(18843),f=n(98619),h=n(59334),m=n(43527),x=n(10708),g=n(9473),v=n(36923),y=n(31380),b=n(75615),w=n(11163);function Z(e){let{purpose:t}=e;const[n,a]=(0,o.useState)([]),[Z,S]=(0,o.useState)(t),[C,I]=(0,o.useState)(""),[j,M]=(0,o.useState)([]),[k,R]=(0,o.useState)([]),[B,L]=(0,o.useState)([]),[P,T]=(0,o.useState)(!1),[N,W]=(0,x.Z)("buy"==Z?["areaListCookieBuy"]:["areaListCookieRent"]),z=(0,w.useRouter)(),_=(0,g.v9)((e=>e.user)),O=(0,g.v9)((e=>e.city.citiesList));(0,o.useEffect)((()=>{S(t)}),[t]),(0,o.useEffect)((()=>{_.isLoggedIn||N.areaListCookieBuy||"buy"!=Z||W("areaListCookieBuy",(0,l.Z)(),{path:"/"}),_.isLoggedIn||N.areaListCookieRent||"rent"!=Z||W("areaListCookieRent",(0,l.Z)(),{path:"/"});let e=(0,v.$o)("buy"==Z?N.areaListCookieBuy:N.areaListCookieRent);e&&e.length>0&&(e=e.filter((e=>null!==e)),R(e)),R(null==e?[]:e)}),[Z]);const E=(e,r)=>{console.log(t);const o=(0,v.$o)("buy"==Z?N.areaListCookieBuy:N.areaListCookieRent);o&&L(o),j&&j[0]&&j[0].id&&j.splice(0,1),j&&j[0]&&null==j[0].areaId&&j.splice(0,1),k.length>0&&j.length>0?R(k.filter((t=>{let n=0;return j.map((r=>{r.cityId===t.cityId&&t.name!=e.name||(n=1)})),1!=n}))):R(k.filter((t=>{let n=0;return e.cityId===t.cityId&&t.name!=e.name||(n=1),1!=n}))),j.length<7&&(M(j.concat(e)),null===n||void 0===n||n.splice(r,1)),I("")};(0,o.useEffect)((()=>{1===j.length&&j[0]&&j[0].id&&(async()=>{let e=null;j&&j[0]&&j[0].id&&(e=await(0,y.ao)("",j[0].id));const t=e.data;a(t.data)})()}),[j]);const H=e=>{T(e)};return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(d.Z,{onClickAway:()=>H(!1),children:(0,r.jsxs)("div",{children:[(0,r.jsx)(m.Z,{placeholder:"Search by city or area",onChange:async e=>{var t,n;I(null===e||void 0===e||null===(t=e.target)||void 0===t?void 0:t.value);let r=null;var o;if(j&&j[0]&&j[0].cityId)r=await(0,y.ao)(null===e||void 0===e||null===(o=e.target)||void 0===o?void 0:o.value,j[0].cityId);else if(j&&j[0]&&j[0].id){var i;r=await(0,y.ao)(null===e||void 0===e||null===(i=e.target)||void 0===i?void 0:i.value,j[0].id)}else{var s;r=await(0,y.ao)(null===e||void 0===e||null===(s=e.target)||void 0===s?void 0:s.value)}const l=r.data;let c=null===l||void 0===l?void 0:l.data;j&&l&&(null===l||void 0===l||null===(n=l.data)||void 0===n?void 0:n.length)>0&&(c=null===l||void 0===l?void 0:l.data.filter((e=>{let t=0;return j.map((n=>{n.areaId==e.areaId&&(t=1),null==e.areaId&&(t=1)})),1!=t})).splice(0,10)),j&&k&&R(k.filter((e=>{let t=0;return j.map((n=>{n.areaId==e.areaId&&(t=1)})),1!=t}))),a(c)},value:C,onFocus:()=>H(!0),isAuto:!0,focused:P}),(0,r.jsx)(s.Z,{variant:"contained",color:"primary",sx:{...c.button,borderBottomRightRadius:P?"0px":"16px"},onClick:async()=>{if(j.length>0){const e=await("buy"==Z?N.areaListCookieBuy:N.areaListCookieRent),n=(0,v.$o)("buy"==Z?N.areaListCookieBuy:N.areaListCookieRent);let r=j;r=r.concat(n);const o=(0,b.uniqBy)(r,"name");r=r.filter((e=>null!==e)),r=o.slice(0,5),(0,v.qQ)(e,r),(()=>{let e="",n="",r=[...j];const o=(0,b.stringifyPropertyCategory)("Residential",null);if(e=r.length>0&&r[0].areaId?(0,b.getUrlSlug)({id:j[0].cityId,name:j[0].cityName},[{areaId:j[0].areaId,title:j[0].name}],o,t):r.length>0&&!r[0].areaId&&r[0].cityId?(0,b.getUrlSlug)({id:j[0].cityId,name:j[0].cityName},[],o,t):(0,b.getUrlSlug)({id:j[0].id,name:j[0].name},[],o,t),j.length>1)for(let t=1;t<j.length;
1t++)n="".concat(n).concat(1===t?"":"&","area_ids[").concat(t-1,"]=").concat(j[t].areaId,"&area_names[").concat(t-1,"]=").concat(j[t].name);z.push({pathname:e,query:n})})()}},children:(0,r.jsx)(i.default,{source:"/home-page-images/searchIcon.svg",width:"24px",height:"24px",alt:"Search Icon",priority:!0})}),P&&(0,r.jsx)("div",{style:{backgroundColor:"#fff",width:"100%",position:"absolute"},children:(0,r.jsxs)(p.Z,{sx:c.listItem,children:[(0,r.jsx)("div",{style:c.chipsContainer,children:null===j||void 0===j?void 0:j.map(((e,t)=>(0,r.jsx)(u.Z,{variant:"outlined",label:e.longName?e.longName:e.name,onDelete:()=>((e,t)=>{j.splice(t,1);let r=B.filter((e=>null!==e));if(r.find((t=>t.areaId==e.areaId))||r.find((t=>t.id==e.id))){let t=k.concat(e);t=(0,b.uniqBy)(t,"name"),R(t)}0!==j.length&&0!==k.length||R(r),a(null===n||void 0===n?void 0:n.concat(e)),I("")})(e,t),sx:c.chips},t)))}),C?n&&n.length>0&&n.map(((e,t)=>(0,r.jsx)(f.Z,{onClick:()=>E(e,t),sx:c.listButton,children:e.longName},e.longName))):(0,r.jsxs)(r.Fragment,{children:[k&&k.length>0&&(0,r.jsx)(h.Z,{primary:"Recent Searches",disableTypography:!0,sx:c.listHeader}),(0,r.jsx)(r.Fragment,{children:k&&k.length>0&&k.map(((e,t)=>(0,r.jsx)(f.Z,{onClick:()=>E(e,t),sx:c.listButton,children:e&&e.cityId?e.longName:e.name},e.longName)))}),0==j.length&&O&&O.length>0?(0,r.jsx)(h.Z,{primary:"Popular Cities",disableTypography:!0,sx:c.listHeader}):null,0==j.length&&O&&O.length>0&&O.map((e=>(0,r.jsx)(f.Z,{sx:c.listButton,onClick:()=>(e=>{M(j.concat(e)),E(e)})(e),children:e.name},e.id)))]})]})})]})})})}const S={containerBox:{display:"flex",alignItems:"center",justifyContent:"center",height:"541px",position:"relative","@media (max-width: 600px)":{display:"block",height:"317px",width:"100%"}},titleContainer:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},containerDiv:{textAlign:"center",position:"absolute",top:"25%",width:"800px",margin:"0px auto",maxWidth:"1440px","@media (max-width: 900px)":{width:"92%"},"@media (max-width: 600px)":{width:"92%",left:0,right:0}},headerTextWeb:{color:"#ffffff",width:"675px",textShadow:"0px 0px 10px rgba(0, 0, 0, 0.5)","@media (max-width: 600px)":{display:"none",textShadow:"0px 0px 5px rgba(0, 0, 0, 0.75)"}},headerTextResponsive:{color:"#ffffff",width:"675px",textShadow:"0px 0px 10px rgba(0, 0, 0, 0.5)","@media (max-width: 600px)":{textShadow:"0px 0px 5px rgba(0, 0, 0, 0.75)"},"@media (min-width: 600px)":{textShadow:"0px 0px 5px rgba(0, 0, 0, 0.75)",display:"none"}},purposeButton:{background:"rgba(255, 255, 255, 0.7)",color:"#37474f",marginRight:"10px",marginTop:"24px",width:"100px",height:"43px","&:hover":{backgroundColor:"#ffffff"},"@media (max-width: 600px)":{width:"75.98px",height:"38px",borderRadius:"6.0787px",marginTop:"20px"}},activeButton:{backgroundColor:"#ffffff",color:"#37474f",marginRight:"10px",marginTop:"24px",width:"100px",height:"43px","&:hover":{backgroundColor:"#ffffff"},"@media (max-width: 600px)":{width:"75.98px",height:"38px",borderRadius:"6.0787px",marginTop:"20px"}},searchBar:{marginTop:"22px","@media (max-width: 600px)":{marginTop:"15px"}}};var C=n(38120);function I(e){let{mobile:t}=e;const[n,l]=(0,o.useState)("buy");return(0,r.jsxs)(C.Z,{sx:S.containerBox,children:[(0,r.jsx)(i.default,{source:"/home-page-images/HeaderImage.png",objectFit:"cover",alt:"Homepage",sizes:"100vw",priority:!0}),(0,r.jsxs)(C.Z,{sx:S.containerDiv,children:[(0,r.jsx)(C.Z,{sx:S.titleContainer,children:t?(0,r.jsx)(a.Z,{variant:"h2New",component:"h1",sx:S.headerTextResponsive,children:"Buy or rent with trust"}):(0,r.jsx)(a.Z,{variant:"h1New",component:"h1",sx:S.headerTextWeb,children:"Buy or rent vetted properties at the most trusted online real estate portal"})}),(0,r.jsx)(s.Z,{onClick:()=>l("buy"),sx:"buy"==n?S.activeButton:S.purposeButton,children:"Buy"}),(0,r.jsx)(s.Z,{onClick:()=>l("rent"),sx:"rent"==n?S.activeButton:S.purposeButton,children:"Rent"}),(0,r.jsx)(C.Z,{sx:S.searchBar,children:(0,r.jsx)(Z,{purpose:n})})]})]})}var j=n(22865),M=n(32848),k=n(98396),R=n(2734),B=(n(32576),n(80820),n(46320),n(79645),n(83539),n(13829),n(5276)),L=n(46231),P=n(5152),T=n.n(P),N=n(90847),W=n.n(N);const z=(0,o.forwardRef)(((e,t)=>{const[n,i]=(0,o.useState)(!1),a=()=>i(!0),s=()=>i(!1);return(0,o.useImperativeHandle)(t,(()=>({open:a,close:s}))),n?(0,r.jsx)("div",{className:W().modalOverlay,onClick:s,children:(0,r.jsx)("div",{className:W().modalContent,onClick:e=>e.stopPropagation(),children:e.children})}):null}));var _=z;z.displayName="CustomModalNoMUI";var O=n(25675),E=n.n(O);var H=()=>{const e=(0,o.useRef)();return(0,o.useEffect)((()=>{e.current.open()}),[]),(0,r.jsx)(_,{ref:e,children:(0,r.jsxs)("div",{style:{position:"relative"},children:[(0,r.jsx)("button",{className:W().closeButton,style:{color:"white"},onClick:()=>{e.current.close()},children:"\xd7"}),(0,r.jsx)(E(),{src:"/home-page-images/InnovationInProcess.png",alt:"Innovation in Process",width:889,height:500,priority:!0,className:"forDesktop innovationModalImage"}),(0,r.jsx)(E(),{src:"/home-page-images/InnovationInProcessMobile.png",alt:"Innovation in Process",height:569,width:320,priority:!0,className:"forMobile innovationModalImage"})]})})};const A=T()((()=>
1Promise.all([n.e(7417),n.e(3776),n.e(305),n.e(2157),n.e(1823)]).then(n.bind(n,35322))),{loadableGenerated:{webpack:()=>[35322]},ssr:!1}),G=T()((()=>n.e(4876).then(n.bind(n,34876))),{loadableGenerated:{webpack:()=>[34876]},ssr:!1}),$=T()((()=>Promise.all([n.e(3817),n.e(1268)]).then(n.bind(n,71268))),{loadableGenerated:{webpack:()=>[71268]},ssr:!1}),F=T()((()=>Promise.all([n.e(3817),n.e(3200)]).then(n.bind(n,93200))),{loadableGenerated:{webpack:()=>[93200]},ssr:!1}),V=T()((()=>n.e(8876).then(n.bind(n,88876))),{loadableGenerated:{webpack:()=>[88876]},ssr:!0}),D=T()((()=>n.e(3176).then(n.bind(n,53176))),{loadableGenerated:{webpack:()=>[53176]},ssr:!1}),Y=T()((()=>Promise.all([n.e(3817),n.e(6993)]).then(n.bind(n,76993))),{loadableGenerated:{webpack:()=>[76993]},ssr:!0}),U=T()((()=>Promise.all([n.e(3817),n.e(7462)]).then(n.bind(n,47462))),{loadableGenerated:{webpack:()=>[47462]},ssr:!0}),q=e=>{let{unobserve:t}=e;t()};var X=!0;function Q(e){const t=(0,R.Z)(),n=(0,w.useRouter)(),o=(0,k.Z)(t.breakpoints.down("sm")),{...i}=(0,B.Y)({onEnter:q}),{...a}=(0,B.Y)({onEnter:q}),{...s}=(0,B.Y)({onEnter:q}),{...l}=(0,B.Y)({onEnter:q});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j.Z,{title:"Pakistan's 1st Online Real Estate Market Place | Graana.com",description:"Graana.com, Pakistan's 1st Online Real Estate Market Place , lets you buy, rent and sell houses, plots, shops, flats in Islamabad, Rawalpindi, Lahore and other cities.",canonical:(0,b.renderCanonical)(null===n||void 0===n?void 0:n.asPath),hrefLang:(0,b.renderCanonical)(null===n||void 0===n?void 0:n.asPath),twitter:{cardType:"expanded",site:(0,b.renderCanonical)(null===n||void 0===n?void 0:n.asPath),handle:"https://twitter.com/GraanaCom"}}),(0,r.jsx)(I,{mobile:o}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMin}),(0,r.jsx)(V,{}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMedium}),(0,r.jsx)(D,{}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMax}),(0,r.jsx)(A,{}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMedium}),(0,r.jsx)("div",{ref:i.observe,children:e.topCity&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Y,{topCities:e.topCity,mobile:o}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMin})]})}),(0,r.jsx)("div",{ref:a.observe,children:e.recentRent&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(U,{recentProperties:e.recentRent,purpose:"Rent",mobile:o}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMin})]})}),(0,r.jsx)("div",{ref:s.observe,children:e.recentSale&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(U,{recentProperties:e.recentSale,purpose:"Sale",mobile:o}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMin})]})}),(0,r.jsx)("div",{ref:l.observe,children:e.blogs&&l.inView&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(F,{blogs:e.blogs}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMin})]})}),(0,r.jsx)(G,{}),(0,r.jsx)(L.Z,{sx:M.W.spacerStyleMin}),(0,r.jsx)($,{}),(0,r.jsx)(H,{})]})}},32848:function(e,t,n){"use strict";n.d(t,{W:function(){return r}});const r={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%"}}}},90847:function(e){e.exports={modalOverlay:"customModal_modalOverlay__Vh3gd",modalContent:"customModal_modalContent__YXgHE",closeButton:"customModal_closeButton__Kbeh_"}},83539:function(){},46320:function(){},80820:function(){},79645:function(){},13829:function(){},32576:function(){},10708:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var r=n(67294),o=n(29347);function i(e){var t=(0,r.useContext)(o.ZP);if(!t)throw new Error("Missing <CookiesProvider>");var n=t.getAll(),i=(0,r.useState)(n),a=i[0],s=i[1],l=(0,r.useRef)(a);return"undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement&&(0,r.useLayoutEffect)((function(){function n(){var n=t.getAll();(function(e,t,n){if(!e)return!0;for(var r=0,o=e;r<o.length;r++){var i=o[r];if(t[i]!==n[i])return!0}return!1})(e||null,n,l.current)&&s(n),l.current=n}return t.addChangeListener(n),function(){t.removeChangeListener(n)}}),[t]),[a,(0,r.useMemo)((function(){return t.set.bind(t)}),[t]),(0,r.useMemo)((function(){return t.remove.bind(t)}),[t])]}},5276:function(e,t,n){"use strict";n.d(t,{Y:function(){return a}});var r=n(67294);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}var i=function(e){var t=(0,r.useRef)(e);return t.current=e,t},a=function(e){var t=void 0===e?{}:e,n=t.root,a=t.rootMargin,s=t.threshold,l=void 0===s?0:s,c=t.trackVisibility,u=t.delay,d=t.unobserveOnEnter,p=t.onChange,f
1=t.onEnter,h=t.onLeave,m=(0,r.useState)({inView:!1,scrollDirection:{}}),x=m[0],g=m[1],v=(0,r.useRef)(!1),y=(0,r.useRef)({}),b=(0,r.useRef)(),w=(0,r.useRef)(!1),Z=i(p),S=i(f),C=i(h),I=(0,r.useRef)(),j=(0,r.useCallback)((function(){b.current&&(b.current.disconnect(),y.current={})}),[]),M=(0,r.useCallback)((function(e){e&&e!==I.current&&(j(),I.current=e),b.current&&I.current&&b.current.observe(I.current)}),[j]),k=(0,r.useCallback)((function(){if(I.current){var e=I.current.getBoundingClientRect(),t=e.x,n=e.y;y.current={x:t,y:n}}}),[I]);return(0,r.useEffect)((function(){if(!("IntersectionObserver"in window)||!("IntersectionObserverEntry"in window))return console.error("\ud83d\udca1 react-cool-inview: the browser doesn't support Intersection Observer, please install polyfill: https://github.com/wellyshen/react-cool-inview#intersection-observer-polyfill"),function(){return null};var e=!0;return b.current=new IntersectionObserver((function(t){var n=t[0],r=n.intersectionRatio,i=n.isIntersecting,a=n.boundingClientRect,s=a.x,u=a.y,p=n.isVisible,f={},h=Array.isArray(l)?Math.min.apply(Math,l):l,m=void 0!==i?i:r>0;m=h>0?r>=h:m,s<y.current.x&&(f.horizontal="left"),s>y.current.x&&(f.horizontal="right"),y.current.x=s,u<y.current.y&&(f.vertical="up"),u>y.current.y&&(f.vertical="down"),y.current.y=u;var x={entry:n,scrollDirection:f,observe:M,unobserve:j};c&&(void 0!==p||w.current||(console.warn("\ud83d\udca1 react-cool-inview: the browser doesn't support Intersection Observer v2, fallback to v1 behavior"),w.current=!0),void 0!==p&&(m=p)),m&&!v.current&&(d&&j(),S.current&&S.current(x)),!m&&v.current&&C.current&&C.current(x),Z.current&&Z.current(o({},x,{inView:m})),e&&g({inView:m,scrollDirection:f,entry:n}),v.current=m}),{root:n,rootMargin:a,threshold:l,trackVisibility:c,delay:u}),M(),function(){e=!1,j()}}),[d,n,a,JSON.stringify(l),c,u,M,j]),o({},x,{observe:M,unobserve:j,updatePosition:k})}}},function(e){e.O(0,[4177,7111,4097,6003,2962,8017,9774,2888,179],(function(){return t=75557,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.