https://www.normie.co.uk/_next/static/chunks/6557.e4200e0ea0bb0c89.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6557],{36557:(e,l,n)=>{n.r(l),n.d(l,{MapWithPOIs:()=>v});var o=n(85664),a=n(258),t=n(63276),s=n(3589),r=n(83470),i=n(55243),u=n(1323),c=n(74348),d=n(96777);function p(e){let{checked:l,label:n,onChange:a}=e;return(0,o.jsxs)("div",{className:"flex px-10 py-6 lg:px-20 lg:py-12",children:[(0,o.jsx)("input",{checked:l,className:"size-24 shrink-0 cursor-pointer rounded-6 border-2 border-bordergray text-primary shadow-none ring-0 hover:border-green-2 hover:ring-0 focus:border-green-2 focus:shadow-none focus:outline-none focus:ring-0",id:"poi-toggle-".concat(n),onChange:e=>{a(e.target.checked)},type:"checkbox"}),(0,o.jsx)("label",{className:"cursor-pointer pl-7 text-16 leading-normal",htmlFor:"poi-toggle-".concat(n),children:n})]})}function g(e){let{airportMarkersSet:l,busMarkersSet:n,groceryMarkersSet:a,hospitalsMarkersSet:s,librariesMarkersSet:r,map:g,mapCenter:h,pharmaciesMarkersSet:v,schoolsMarkersSet:m,shoppingMarkersSet:x,subwayMarkersSet:S,trainMarkersSet:b,universitiesMarkersSet:j}=e,[f,k]=(0,t.useState)(!1),[w,y]=(0,t.useState)(!1),[M,z]=(0,t.useState)(!1),[L,O]=(0,t.useState)(!1),[C,E]=(0,t.useState)(!1),[N,H]=(0,t.useState)(!1),_=new google.maps.places.PlacesService(g),D=g.getBounds();function F(e,l){_.nearbySearch({bounds:D,location:h,radius:4e3,type:e},(e,n)=>{let o=[];if(n===google.maps.places.PlacesServiceStatus.OK&&e){for(let l of e)if(!o.includes(l.place_id)){var a,t,s,r,i;o.push({lat:null==(t=l.geometry)||null==(a=t.location)?void 0:a.lat(),lng:null==(r=l.geometry)||null==(s=r.location)?void 0:s.lng(),name:l.name,photo:l.photos?null==(i=l.photos[0])?void 0:i.getUrl():null})}}l(o)})}return(0,t.useEffect)(()=>{L?F("library",r):r(null)},[h,L]),(0,t.useEffect)(()=>{C?F("pharmacy",v):v(null)},[h,C]),(0,t.useEffect)(()=>{N?F("hospital",s):s(null)},[h,N]),(0,t.useEffect)(()=>{M?(F("school",m),F("university",j)):(m(null),j(null))},[h,M]),(0,t.useEffect)(()=>{w?(F("grocery_or_supermarket",a),F("shopping_mall",x)):(a(null),x(null))},[h,w]),(0,t.useEffect)(()=>{f?(F("bus_station",n),F("train_station",b),F("subway_station",S),F("airport",l)):(n(null),b(null),S(null),l(null))},[h,f]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"hidden items-center divide-x divide-black/10 overflow-hidden rounded-8 bg-white shadow-poi lg:flex",children:[(0,o.jsx)(p,{checked:f,label:"Transportation",onChange:k}),(0,o.jsx)(p,{checked:w,label:"Supermarkets",onChange:y}),(0,o.jsx)(p,{checked:M,label:"Schools",onChange:z}),(0,o.jsx)(p,{checked:L,label:"Libraries",onChange:O}),(0,o.jsx)(p,{checked:C,label:"Pharmacies",onChange:E}),(0,o.jsx)(p,{checked:N,label:"Hospitals",onChange:H})]}),(0,o.jsx)(i.W1,{as:"div",className:"relative w-200 lg:hidden",children:e=>{let{open:l}=e;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(i.IU,{className:(0,d.cn)("relative z-10 flex items-center justify-between rounded-10 bg-white px-20 py-15 text-left text-17 text-black leading-[24px] tracking-[0.4px] outline-none ring-0 transition-all duration-300 hover:border-green-2 focus:outline-none",l?"border-green-2 shadow-input-focus":"border-bordergray shadow-input"),children:[(0,o.jsx)("span",{className:"truncate",children:"Points of interest"}),(0,o.jsx)("span",{className:"relative top-1 ml-10",children:(0,o.jsx)(c.I,{className:(0,d.cn)("relative top-1 ml-10 size-24 text-primary transition-transform",l?"rotate-180":"rotate-0"),name:"lucide/chevron-down"})})]}),(0,o.jsx)(u.e,{enter:"transition ease-out duration-100",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,o.jsxs)(i.c,{className:"absolute inset-x-0 z-20 mt-2 max-h-[240px] origin-top-right overflow-x-hidden overflow-y-scroll rounded-8 bg-white py-7 shadow-input focus:outline-none",children:[(0,o.jsx)(i.Dr,{children:(0,o.jsx)(p,{checked:f,label:"Transportation",onChange:k})},"transportation"),(0,o.jsx)(i.Dr,{children:(0,o.jsx)(p,{checked:w,label:"Supermarkets",onChange:y})},"supermarkets"),(0,o.jsx)(i.Dr,{children:(0,o.jsx)(p,{checked:M,label:"Schools",onChange:z})},"schools"),(0,o.jsx)(i.Dr,{children:(0,o.jsx)(p,{checked:L,label:"Libraries",onChange:O})},"libraries"),(0,o.jsx)(i.Dr,{children:(0,o.jsx)(p,{checked:C,label:"Pharmacies",onChange:E})},"pharmacies"),(0,o.jsx)(i.Dr,{children:(0,o.jsx)(p,{checked:N,label:"Hospitals",onChange:H})},"hospitals")]})})]})}})]})}var h=n(98594);function v(e){let{center:l,markers:n,zoom:i}=e,u=(0,s.DE)(),{isLoaded:c,loadError:d}=(0,h.K)(r.vu),[p,v]=(0,t.useState)(null),[m,x]=(0,t.useState)(l),[S,b]=(0,t.useState)(null),[j,f]=(0,t.useState)(null),[k,w]=(0,t.useState)(null),[y,M]=(0,t.useState)(null),[z,L]=(0,t.useState)(null),[O,C]=(0,t.useState)(null),[E,N]=(0,t.useState)(null),[H,_]=(0,t.useState)(null),[D,F]=(0,t.useState)(null),[P,T]=(0,t.useState)(null),[I,U]=(0,t.useState)(null),[W,B]=(0,t.useState)(!1),[K,A]=(0,t.useState)({lat:0,lng:0}),[R,Z]=(0,t.useState)(""),[q,G]=(0,t.useState)(""),J=(0,t.useCallback)(function(e){v(e)},[]),Q=(0,t.useCallback)(function(){v(null)},[]);return d?(0,o.jsx)("div",{className:"absolute inset-0 flex items-center justify-center text-center",children:"Map cannot be loaded right now, sorry."}):c&&u?(0,o.jsxs)("div",{className:"relative h-[420px] overflow-hidden bg-gray shadow-map md:rounded-20 lg:h-[700px]",children:[(0,o.jsxs)(a.u6,{center:l,mapContainerStyle:{height:"100%",width:"100%"},onDragEnd:()=>{var e,l;x({lat:(null==p||null==(e=p.getCenter())?void 0:e.lat())||0,lng:(null==p||null==(l=p.getCenter())?void 0:l.lng())||0})},onLoad:J,onUnmount:Q,onZoomChanged:()=>{var e,l;x({lat:(null==p||null==(e=p.getCenter())?void 0:e.lat())||0,lng:(null==p||null==(l=p.getCenter())?void 0:l.lng())||0})},options:r.tS,zoom:i||16,children:[null==S?void 0:S.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.library},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"library-".concat(null!=(l=e.name)?l:""))}),null==j?void 0:j.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.pharmacy},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"pharmacy-".concat(null!=(l=e.name)?l:""))}),null==k?void 0:k.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.hospital},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"hospital-".concat(null!=(l=e.name)?l:""))}),null==y?void 0:y.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.school},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"school-".concat(null!=(l=e.name)?l:""))}),null==z?void 0:z.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.school},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"university-".concat(null!=(l=e.name)?l:""))}),null==O?void 0:O.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.supermarket},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"grocery-".concat(null!=(l=e.name)?l:""))}),null==E?void 0:E.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.supermarket},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"shopping-".concat(null!=(l=e.name)?l:""))}),null==H?void 0:H.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.transportation},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"bus-".concat(null!=(l=e.name)?l:""))}),null==D?void 0:D.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.transportation},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"subway-".concat(null!=(l=e.name)?l:""))}),null==P?void 0:P.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.transportation},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"train-".concat(null!=(l=e.name)?l:""))}),null==I?void 0:I.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(36,50),url:r.hE.transportation},onMouseOut:()=>{B(!1)},onMouseOver:l=>{var n,o;A({lat:(null==(n=l.latLng)?void 0:n.lat())||0,lng:(null==(o=l.latLng)?void 0:o.lng())||0}),Z(e.name||""),B(!0),G(e.photo||null)},position:e},"airport-".concat(null!=(l=e.name)?l:""))}),null==n?void 0:n.map(e=>{var l;return(0,o.jsx)(a.pH,{icon:{scaledSize:new google.maps.Size(48,67),url:r.hE.active},position:e},"location-".concat(null!=(l=e.name)?l:""))}),!!W&&(0,o.jsx)(a.Fu,{options:{pixelOffset:new google.maps.Size(0,-50)},position:K,children:(0,o.jsxs)("div",{style:{width:"160px"},children:[!!q&&(0,o.jsx)("img",{alt:R,src:q,style:{borderRadius:"8px",height:"100px",marginBottom:"10px",objectFit:"cover",objectPosition:"center",overflow:"hidden",

1width:"100%"}}),(0,o.jsx)("h2",{style:{fontWeight:"bold",textAlign:"center"},children:R})]})})]}),(0,o.jsx)("div",{className:"lg:-translate-x-1/2 absolute top-20 left-20 max-w-[90%] lg:top-30 lg:left-1/2",children:!!p&&(0,o.jsx)(g,{airportMarkersSet:U,busMarkersSet:_,groceryMarkersSet:C,hospitalsMarkersSet:w,librariesMarkersSet:b,map:p,mapCenter:m,pharmaciesMarkersSet:f,schoolsMarkersSet:M,shoppingMarkersSet:N,subwayMarkersSet:F,trainMarkersSet:T,universitiesMarkersSet:L})})]}):null}}}]);