https://squiresestates.co.uk/_next/static/chunks/7420.d0badf6c5d27fe5c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7420],{37420:(e,t,n)=>{n.r(t),n.d(t,{PropertyMapWithPOIs:()=>c});var l=n(85664),o=n(258),a=n(63276),i=n(3589),s=n(74348),r=n(83470),d=n(98594),u=n(96777);function c(e){let{center:t,defaultMapView:n,locationData:c,markers:m,theme:p="beam",zoom:g}=e,h=(0,i.DE)(),{isLoaded:x,loadError:v}=(0,d.K)(r.vu),[b,w]=(0,a.useState)(!1),[S,y]=(0,a.useState)(n&&["roadmap","satellite","street"].includes(n)?n:"roadmap"),[f,j]=(0,a.useState)({lat:0,lng:0}),[N,z]=(0,a.useState)(""),[M,L]=(0,a.useState)(""),O=g||16;return v?(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center text-center",children:"Map cannot be loaded right now, sorry."}):x&&h?(0,l.jsxs)("div",{className:(0,u.cn)("relative h-[420px] overflow-hidden bg-gray shadow-map lg:h-[700px]",("beam"===p||"duplex"===p)&&"md:rounded-20","gable"!==p&&"shadow-none"),children:[(0,l.jsxs)(o.u6,{center:t,mapContainerStyle:{height:"100%",width:"100%"},options:{...r.tS,mapTypeId:"satellite"===S?google.maps.MapTypeId.SATELLITE:google.maps.MapTypeId.ROADMAP,maxZoom:Math.max(r.tS.maxZoom,O),minZoom:Math.min(r.tS.minZoom,O)},zoom:O,children:["roadmap"===S&&!!(null==c?void 0:c.schools)&&c.schools.map(e=>{var t;return e.latitude&&e.longitude?(0,l.jsx)(o.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.school},onMouseOut:()=>{w(!1)},onMouseOver:t=>{var n,l;j({lat:(null==(n=t.latLng)?void 0:n.lat())||0,lng:(null==(l=t.latLng)?void 0:l.lng())||0}),z(e.name||""),w(!0);let o=e.rating||null,a=e.numberPupils||null,i=e.ageRange||null;L("".concat(o?"<div>Rating: <strong>".concat(o,"</strong></div>"):"").concat(a?"<div>Number of pupils: <strong>".concat(a.toString(),"</strong></div>"):"").concat(i?"<div>Age range: <strong>".concat(i,"</strong></div>"):""))},position:{lat:e.latitude,lng:e.longitude}},"school-".concat(null!=(t=e.name)?t:"")):null}),"satellite"===S&&!!(null==c?void 0:c.busStops)&&c.busStops.map(e=>{var t;return e.latitude&&e.longitude?(0,l.jsx)(o.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.busStop},onMouseOut:()=>{w(!1)},onMouseOver:t=>{var n,l,o;j({lat:(null==(n=t.latLng)?void 0:n.lat())||0,lng:(null==(l=t.latLng)?void 0:l.lng())||0}),z("Bus stop: ".concat(null!=(o=e.commonName)?o:"")),w(!0),L("")},position:{lat:e.latitude,lng:e.longitude}},"bus-".concat(null!=(t=e.commonName)?t:"")):null}),"street"===S&&!!(null==c?void 0:c.trainMetroStations)&&c.trainMetroStations.map(e=>{var t;return e.latitude&&e.longitude?(0,l.jsx)(o.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.trainStation},onMouseOut:()=>{w(!1)},onMouseOver:t=>{var n,l,o;j({lat:(null==(n=t.latLng)?void 0:n.lat())||0,lng:(null==(l=t.latLng)?void 0:l.lng())||0}),z("Station: ".concat(null!=(o=e.commonName)?o:"")),w(!0),L("")},position:{lat:e.latitude,lng:e.longitude}},"train-".concat(null!=(t=e.commonName)?t:"")):null}),"roadmap"===S&&!!(null==c?void 0:c.airports)&&c.airports.map(e=>{var t;return e.latitude&&e.longitude?(0,l.jsx)(o.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.airport},onMouseOut:()=>{w(!1)},onMouseOver:t=>{var n,l;j({lat:(null==(n=t.latLng)?void 0:n.lat())||0,lng:(null==(l=t.latLng)?void 0:l.lng())||0}),z(e.commonName||""),w(!0),L("")},position:{lat:e.latitude,lng:e.longitude}},"airport-".concat(null!=(t=e.commonName)?t:"")):null}),null==m?void 0:m.map(e=>{var t;return(0,l.jsx)(o.pH,{icon:{scaledSize:new google.maps.Size(48,67),url:r.hE.active},position:e},"location-".concat(null!=(t=e.name)?t:""))}),"roadmap"===S&&!!b&&(0,l.jsx)(o.Fu,{options:{pixelOffset:new google.maps.Size(0,-50)},position:f,children:(0,l.jsxs)("div",{style:{width:"240px"},children:[(0,l.jsx)("h2",{style:{fontSize:"16px",fontWeight:"bold",lineHeight:"1.5",textAlign:"center"},children:N}),!!M&&(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:M},style:{fontSize:"14px",lineHeight:"1.5",marginTop:"10px",textAlign:"center"}})]})}),(0,l.jsx)(o.UJ,{options:{addressControl:!1,enableCloseButton:!1,fullscreenControl:!1,position:t,visible:"street"===S}})]}),(0,l.jsxs)("div",{className:(0,u.cn)("absolute top-10 z-10 flex items-center overflow-hidden bg-white shadow-lg md:top-20","beam"===p||"duplex"===p?"left-10 rounded-8 md:left-20":"-translate-x-1/2 left-1/2"),children:[(0,l.jsxs)("button",{className:(0,u.cn)("group -mr-1 relative flex items-center overflow-hidden border border-bordergray px-15 py-8 font-semibold text-14 transition-all md:px-20 md:py-11","roadmap"===S?"bg-gray shadow-inner":"bg-white hover:bg-gray/60",("beam"===p||"duplex"===p)&&"rounded-l-8"),onClick:()=>{y("roadmap")},type:"button",children:[(0,l.jsx)(s.I,{className:"size-16",name:"lucide/map-pin"}),(0,l.jsxs)("span",{className:"ml-10 whitespace-nowrap",children:["Roadmap",(0,l.jsx)("span",{className:"hidden md:inline",children:" View"})]})]}),(0,l.jsxs)("button",{className:(0,u.cn)("group relative flex items-center overflow-hidden border border-bordergray px-15 py-8 font-semibold text-14 transition-all md:px-20 md:py-11","street"===S?"bg-gray shadow-inner":"bg-white hover:bg-gray/60",("beam"===p||"duplex"===p)&&"rounded-r-8"),onClick:()=>{y("street")},type:"button",children:[(0,l.jsx)(s.I,{className:"size-16",name:"custom/street

1-view"}),(0,l.jsxs)("span",{className:"ml-10 whitespace-nowrap",children:["Street",(0,l.jsx)("span",{className:"hidden md:inline",children:" View"})]})]}),(0,l.jsxs)("button",{className:(0,u.cn)("group relative flex items-center overflow-hidden border border-bordergray px-15 py-8 font-semibold text-14 transition-all md:px-20 md:py-11","satellite"===S?"bg-gray shadow-inner":"bg-white hover:bg-gray/60",("beam"===p||"duplex"===p)&&"rounded-r-8"),onClick:()=>{y("satellite")},type:"button",children:[(0,l.jsx)(s.I,{className:"size-16",name:"lucide/satellite"}),(0,l.jsxs)("span",{className:"ml-10 whitespace-nowrap",children:["Satellite",(0,l.jsx)("span",{className:"hidden md:inline",children:" View"})]})]})]})]}):null}}}]);