https://www.graana.com/_next/static/chunks/9143-1c1e33bc4f6bdda9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9143],{38959:function(e,t,o){var i=o(64836);t.Z=void 0;var n=i(o(64938)),a=o(85893),r=(0,n.default)((0,a.jsx)("path",{d:"m12 17.27 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5z"}),"StarRounded");t.Z=r},30859:function(e,t,o){var i=o(85893),n=o(67294),a=o(45697),r=o.n(a),s=o(76725),l=o(83346);const p=e=>{let{children:t,mapOptions:o,defaultCenter:n,defaultZoom:a=11,...r}=e;const p=l.v.MAPS_API_KEY,c={center:n,zoom:a},d={zoomControl:!0,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,rotateControl:!1,fullscreenControl:!0,styles:[{stylers:[{saturation:-100},{gamma:1},{lightness:4},{visibility:"on"}]}],...o};return(0,i.jsx)(s.ZP,{options:d,bootstrapURLKeys:{key:p},defaultCenter:c.center,defaultZoom:c.zoom,yesIWantToUseGoogleMapApiInternals:!0,...r,children:t})};p.propTypes={defaultCenter:r().node.isRequired,defaultZoom:r().node.isRequired},p.defaultProps={children:(0,i.jsx)(i.Fragment,{})},t.Z=(0,n.memo)(p)},50458:function(e,t,o){o.d(t,{Z:function(){return c}});var i=o(85893),n=(o(67294),o(45697)),a=o.n(n),r=o(38959),s=o(90948),l=o(60437);const p=(0,s.ZP)(l.Z)((e=>{let{theme:t}=e;return{"& .MuiRating-iconFilled":{color:"var(--mui-styled-rating)"},"& .MuiRating-iconHover":{color:"var(--mui-styled-rating)"},"& .MuiSvgIcon-root":{maxWidth:"none"}}}));function c(e){let{size:t,value:o,precision:n,readonly:a,onChange:s,...l}=e;return(0,i.jsx)(p,{size:t,precision:n,value:o,onChange:(e,t)=>

1{s(t)},readOnly:a,icon:(0,i.jsx)(r.Z,{style:{opacity:1},fontSize:"inherit"}),emptyIcon:(0,i.jsx)(r.Z,{style:{opacity:1},fontSize:"inherit"}),...l})}c.propTypes={size:a().string,value:a().number,readonly:a().bool,precision:a().number,onChange:a().func},c.defaultProps={size:"medium",value:4,readonly:!0,precision:.1,onChange:{}}},59143:function(e,t,o){o.d(t,{Z:function(){return S}});var i=o(85893),n=o(67294),a=o(30859),r=o(49737),s=o(38120);const l={boxLayout:{width:"100%",marginTop:"40px",position:"relative","@media (max-width: 600px)":{width:"100%",fontSize:"11px",margin:"20px 6px 0px 6px"}},mapContainer:{height:"341px",width:"100%",position:"relative","@media (max-width: 600px)":{padding:"0px",margin:"0px",width:"327px",height:"197px",position:"relative"},"& > div > div:nth-child(1) ":{borderRadius:"8.211px"}},divider:{marginTop:"10px",width:"324px"},mapSubContainer:{position:"relative",height:"100%",width:"100%"},changeAddressContainer:{position:"absolute",top:"60%",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",width:"328px",height:"90px",borderRadius:"8px",backgroundColor:"#fff",border:"0px 10px 20px rgba(0, 0, 0, 0.1)"},selectLocationContainer:{position:"absolute",top:"17px",left:"16px"},addresstTextContainer:{position:"absolute",top:"50px",left:"16px"},changeAddressBtnContainer:{position:"absolute",top:"53px",left:"263px","&:hover":{cursor:"pointer"}},selectAddress:{fontWeight:400,fontSize:"11.64px",lineHeight:"19.8px"},changeAddress:{fontWeight:600,fontSize:"14px",lineHeight:"23.8px"},changeAddressButton:{fontWeight:600,fontSize:"11.64px",lineHeight:"19.79px",color:"#e85451"},searchBar:{width:"100%",backgroundColor:"#ffffff",fontWeight:400,fontSize:"14px",lineHeight:"24px"},ImgStyle:{background:"var(--mui-palette-primary-main) ",height:"11px",width:"12px",borderRadius:"10px"},pinStyle:{height:"30px",width:"30px"},MapInnerMarkerImgContainer:{borderRadius:"50%",background:"var(--mui-palette-primary-main) ",display:"flex",alignItems:" center",justifyContent:"center",margin:"auto",width:"19.86px",height:"19.86px"}};var p=o(88578);const c={location:{p:"8px",marginTop:"30px",marginLeft:"-12px",marginRight:"1%",borderRadius:"8px",boxShadow:"none",bgcolor:"background.default",gap:2,overflow:"scroll",display:"block",height:"200px"},mainContainer:{display:"flex"},ImgContainerLocationList:{borderRadius:"50%",background:"var(--mui-palette-primary-main) ",minWidth:"26px",display:"flex",alignItems:" center",justifyContent:"center",margin:"auto",width:"25px",height:"25px"},ImgContainerLocationListPadding:{padding:"5.5px"},locationList:{height:40,borderBottom:"1px solid whiteSmoke",boxShadow:"none",paddingLeft:"15px",display:"flex",padding:"20px 0px",fontStyle:"normal",alignItems:"center"},ratings:{marginLeft:"auto",color:"var(--mui-palette-info-main)"}};var d=o(4323),g=o(75615),x=o(50458),u=o(45697),h=o(9473);const m="/property-detail-images/schoolsIcon.svg",v=e=>{let{Type:t,nearbyPropertiesListForGoogleMap:o}=e;

1const[a,l]=(0,n.useState)([]),[p,u]=(0,n.useState)(m),v=(0,h.v9)((e=>e.property.isMobileScreen));let y={...c.ImgContainerLocationListPadding,...c.ImgContainerLocationList};return(0,n.useMemo)((()=>{var e;"Hospital"===(e=t)||"Hospitals"===e?(l(o),u("/property-detail-images/hospitalLocationIcon.svg")):"Restaurant"==e||"Restaurants"==e?(l(o),u("/property-detail-images/mapResturantIcon.svg")):"School"!=e&&"Schools"!=e||(l(o),u(m))}),[t,o]),(0,i.jsx)(s.Z,{sx:c.location,children:null===a||void 0===a?void 0:a.map((e=>(0,i.jsxs)(s.Z,{sx:c.locationList,children:[(0,i.jsxs)(s.Z,{sx:c.mainContainer,children:[(0,i.jsx)(s.Z,{sx:"School"==t?c.ImgContainerLocationList:y,children:(0,i.jsx)(d.default,{source:p,alt:"locations"})}),(0,i.jsxs)(r.Z,{variant:"subtitle2New",children:["\xa0\xa0"," ",v?e.name&&(0,g.ellipsis)(e.name):null===e||void 0===e?void 0:e.name]})]}),(0,i.jsxs)(r.Z,{sx:c.ratings,variant:"subtitle1New",children:[e.rating," \xa0"]}),(0,i.jsx)(x.Z,{value:e.rating})]},e.id)))})};v.propTypes={Type:u.PropTypes.string,nearbyPropertiesListForGoogleMap:u.PropTypes.array},v.defaultProps={Type:"ALL",nearbyPropertiesListForGoogleMap:[]};var y=v;const f="/property-detail-images/schoolsIcon.svg",b="/property-detail-images/hospitalLocationIcon.svg",C="/property-detail-images/mapResturantIcon.svg",L=e=>{let{propertyDetail:t,getNearbyPropertiesListForGoogleMapHandler:o,nearbyPropertiesListForGoogleMap:c}=e;const[g,x]=(0,n.useState)("ALL"),[u,h]=(0,n.useState)([]),[m,v]=(0,n.useState)([f,b,C]),L=[f,b,C],S=((0,n.useRef)(),{lat:null===t||void 0===t?void 0:t.lat,lng:null===t||void 0===t?void 0:t.lng}),A=e=>{var t,o;return!0===(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.isGraana)?(0,i.jsx)(d.default,{sx:l.pinStyle,source:null===e||void 0===e||null===(o=e.data)||void 0===o?void 0:o.graana.logo,alt:"pin"}):null===m||void 0===m?void 0:m.map(((e,t)=>(0,i.jsx)(s.Z,{sx:l.MapInnerMarkerImgContainer,children:(0,i.jsx)(d.default,{sx:l.ImgStyle,objectFit:"contain",source:e,alt:"pin"})},t)))},I=e=>{"Hospitals"===e?v(L.filter((e=>e===b))):"Restaurants"===e?v(L.filter((e=>e===C))):"Schools"===e?v(L.filter((e=>e===f))):"ALL"===e&&v([f,b,C]),x(e),o(e.toLowerCase())};return(0,n.useEffect)((()=>{I("ALL")}),[t.lat,t.lng]),(0,n.useMemo)((()=>{let e=[...c],o={isGraana:!0,geometry:{location:{lat:t.lat,lng:t.lng}},name:"graana",graana:{logo:"/common/mapsPin.svg"}};e.push(o),h(e)}),[t,c]),(0,i.jsxs)(s.Z,{sx:l.boxLayout,children:[(0,i.jsx)(r.Z,{variant:"h5New",children:"Location and nearby facilities"}),(0,i.jsx)(p.Z,{propertyDetail:t,onClick:I}),(0,i.jsx)(s.Z,{sx:l.mapContainer,children:(0,i.jsx)(a.Z,{defaultCenter:S,defaultZoom:15,showLocation:!1,bootstrapURLKeys:{key:"AIzaSyAr317_3l0uM0RH5rl3-C5qzdnR1FQ3Ufg"},children:u&&u.map(((e,t)=>{const{lat:o,lng:n}=e.geometry.location;return(0,i.jsx)(A,{lat:o,lng:n,data:e},t)}))})}),"ALL"!==g&&c.length>0&&(0,i.jsx)(y,{Type:g,nearbyPropertiesListForGoogleMap:c})]})};L.propTypes={propertyDetail:u.PropTypes.object,getNearbyPropertiesListForGoogleMapHandler:u.PropTypes.func,nearbyPropertiesListForGoogleMap:u.PropTypes.array};var S=L},88578:function(e,t,o){o.d(t,{Z:function(){return h}});var i=o(85893),n=o(67294),a=o(45697),r=o.n(a),s=o(4323),l=o(38120),p=o(49737);const c={normalFontWithCenter:{margin:"auto 9px","@media (max-width: 600px)":{margin:"auto 5px"}},normalFontWithCenterActive:{color:"var(--mui-palette-secondary-main) "},SearchBtnMain:{cursor:"pointer",display:"flex",flexDirection:"row",backgroundColor:"#F2F2F2",borderRadius:"9.80645px",padding:"6px 2px 6px 8px",marginRight:2,"@media (max-width: 600px)":{padding:1,minHeight:"29.32px",margin:"0px 8px 14px 0px"}},SearchBtnInner:{borderRadius:"7.35484px",height:" fit-content",margin:"auto 0",padding:1,"@media (max-width: 600px)":{padding:.5,height:"21.75px",width:"21.75px"}},SearchBtnImg:{width:"18px",height:"18px","@media (max-width: 600px)":{margin:"0px",height:"13.24px",width:"13.24px"}},SearchBtnInnerNonActive:{background:"#BBBBBB"},SearchBtnImgNonActive:{background:"#BBBBBB"},SearchBtnInnerActive:{background:"var(--mui-palette-primary-main) "},SearchBtnImgActive:{background:"var(--mui-palette-primary-main) "},SearchBtnTextActive:{color:"var(--mui-palette-primary-main) "}},d=e=>{const{text:t,onClick:o,isActive:n,setActive:a,sourceProp:r,altProp:d}=e;let g,x,u;return n?(g={...c.SearchBtnInnerActive,...c.SearchBtnInner},u={...c.SearchBtnImgActive,...c.SearchBtnImg},x={...c.normalFontWithCenter,...c.normalFontWithCenterActive,...c.SearchBtnTextActive}):(g={...c.SearchBtnInnerNonActive,...c.SearchBtnInner},u={...c.SearchBtnImgNonActive,...c.SearchBtnImg},x={...c.normalFontWithCenter}),(0,i.jsxs)(l.Z,{sx:c.SearchBtnMain,onClick:()=>{a(t),o&&o(t)},children:[(0,i.jsx)(l.Z,{sx:g,children:(0,i.jsx)(s.default,{source:r,alt:d,sx:u})}),(0,i.jsx)(p.Z,{sx:x,variant:"subtitle2New",children:t})]})};

1d.propTypes={isActive:r().bool,alt:r().string,text:r().string,sourceProp:r().string,setActive:r().func,onClick:r().func},d.defaultProps={isActive:!1,text:"",alt:"",sourceProp:"",setActive:()=>{},onClick:()=>{}};var g=d;const x={searchByLocationContainer:{display:"flex",flexDirection:"row",marginTop:"20px",marginBottom:"25px","@media (max-width: 600px)":{width:"100%",overflowX:"scroll",marginBottom:"10px"}}},u=e=>{let{onClick:t,propertyDetail:o}=e;const[a,r]=(0,n.useState)("ALL");return(0,n.useEffect)((()=>{r("ALL")}),[o]),(0,i.jsx)("div",{children:(0,i.jsxs)(l.Z,{className:"hideScrollbar",sx:x.searchByLocationContainer,children:[(0,i.jsx)(g,{sourceProp:"/property-detail-images/allLocationIcon.svg",text:"ALL",onClick:t,setActive:e=>{r(e)},isActive:"ALL"===a,altProp:"allPic"}),(0,i.jsx)(g,{sourceProp:"/property-detail-images/mapSchoolicon.svg",text:"Schools",altProp:"SchoolPic",setActive:e=>{r(e)},isActive:"Schools"===a,onClick:t}),(0,i.jsx)(g,{sourceProp:"/property-detail-images/hospitalLocationIcon.svg",text:"Hospitals",setActive:e=>{r(e)},isActive:"Hospitals"===a,altProp:"HospitalPic",onClick:t}),(0,i.jsx)(g,{sourceProp:"/property-detail-images/mapResturantIcon.svg",text:"Restaurants",setActive:e=>{r(e)},isActive:"Restaurants"===a,altProp:"RestaurantPic",onClick:t})]})})};u.propTypes={onClick:a.PropTypes.func},u.defaultProps={onClick:()=>{}};var h=u}}]);