https://www.onthemarket.com/assets/0.1.3293/_next/static/chunks/5462.3b4366c1d84fdd8e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5462],{11435:(e,s,a)=>{"use strict";a.d(s,{A:()=>h});var t=a(37876);a(14232);var l=a(96523),i=a(97994),r=a(10999),n=a(35065),o=a.n(n);let c=e=>{let{text:s,size:a,color:l,className:i,outline:n}=e,c="";return a&&(c+=` chip--${a}`),l&&(c+=` chip--${l}`),i&&(c+=` ${i}`),n&&(c+=" chip--outline"),(0,t.jsx)("div",{className:(0,r.XS)([o().chip,c]),children:s})};var d=a(33152),p=a.n(d);let h=e=>{let{poiList:s=[]}=(0,r.Tz)(e);return(0,t.jsx)("div",{className:p().poiList,children:s.map(e=>(0,t.jsxs)("div",{className:p().poiWrapper,children:[(0,t.jsxs)("div",{className:p().poiIcon,children:["station"===e.locationType&&e.allNetworks&&e.allNetworks.length>0&&e.allNetworks.map((e,s)=>(0,t.jsx)("div",{children:(0,t.jsx)("svg",{className:`svg-icon icon-${e.type}`,role:"img",children:(0,t.jsx)("use",{xlinkHref:`#icon-${e.type}`,className:`icon-${e.type}-instance`})})},`$network-${s}`)),"school"===e.locationType&&(0,t.jsx)("div",{children:(0,t.jsx)(l.gc,{icon:i.y_4})})]}),(0,t.jsxs)("span",{children:[(0,t.jsx)("div",{className:"text-denim",children:e.name}),(0,t.jsx)("small",{className:"inline-block",children:`(${e.displayDistance})`}),(0,t.jsxs)("span",{className:p().poiChips,children:["station"===e.locationType&&e.allLines&&e.allLines.length>0&&e.allLines.map((e,s)=>(0,t.jsx)(c,{text:e.fullName,className:e.shortName},`$lines-${s}`)),"school"===e.locationType&&e.reportDescriptive&&(0,t.jsx)(c,{text:e.reportDescriptive,className:e.reportDescriptiveClass,outline:!0})]})]})]},e.id))})}},33152:e=>{e.exports={poi:"_143Xoo","tabs-container":"g8z8uJ",poiWrapper:"_9hOSMk",poiIcon:"_1pNyoc",poiChips:"KlVgel","svg-icon":"bq768I","icon-graduation-cap":"bK9IWO"}},35065:e=>{e.exports={chip:"FZTcWR","chip--outline":"w9vDQc"}},35756:(e,s,a)=>{"use strict";a.d(s,{A:()=>j});var t=a(37876);a(14232);var l=a(81130),i=a(32770),r=a(48278),n=a(74504),o=a(86047),c=a(39091),d=a(25737),p=a(31777),h=a(77704),m=a(10999),x=a(39725);let u={name:"","address-id":"","address-provider":1,address:{...x.NH}},j=e=>{let{isOpen:s,onClose:a,addVip:j,editVip:v,vipFormValues:g=u}=e,y=(0,p.d4)(e=>e.globals?.["static-url-prefix"]),N={backgroundImage:`url('${y}/images/my-place/add-vip-modal_02.jpg')`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPositionX:"25%"};return(0,t.jsx)(l.a,{size:"standard",isOpen:s,onClose:a,children:(0,t.jsxs)("div",{className:"lg:flex",children:[(0,t.jsx)("div",{className:"hidden md:block lg:w-2/5 p-0 sm:p-0",style:N}),(0,t.jsx)("div",{className:"lg:flex-grow",children:(0,t.jsx)(o.l1,{initialValues:g,onSubmit:e=>{var s;let t;s=(0,m.sy)(e),a(),s.id&&(t=(0,d.A)(s,["formatted-address","id","lat","lon","uprn","static-map-urls"])),s.id?v(s.id,{...t,"address-provider":1}):j(s)},validationSchema:c.Ik({name:c.Yj().required(),address:c.Ik({postcode:c.Yj().required("postcode is a required field")})}),children:e=>{let{setFieldValue:s,values:c}=e;return(0,t.jsx)(o.lV,{children:(0,t.jsxs)(l.a.Content,{children:[(0,t.jsx)(i.D,{as:"h2",size:2,children:c.id?"Edit VIP":"Create VIP"}),!c.id&&(0,t.jsx)("p",{className:"text-sm lg:text-base2 text-denim",children:"Very Important Places"}),(0,t.jsxs)("div",{className:"max-w-xs text-left m-auto mt-5 lg:mt-10 h-[450px]",children:[(0,t.jsx)(r.S,{placeholder:x.h8.placeholderMyPlaceAddVip,name:"name",id:"name",label:"Name your VIP",className:"mb-4"}),(0,t.jsx)(h.A,{initialAddress:g.address,label:"VIP address",lookupApi:x.q1,onSelect:e=>{s("address-id",e.id),s("address",{establishment:e.establishment,"line-1":e["line-1"],"line-2":e["line-2"],"line-3":e["line-3"],"postal-town":e["postal-town"],postcode:e.postcode})},placeholder:"Enter place name"})]}),(0,t.jsxs)("div",{className:"lg:flex content-center justify-between pt-4",children:[(0,t.jsx)(n.$,{className:"hidden lg:block",type:"button",variant:"link",onClick:a,children:"Cancel"}),(0,t.jsx)(n.$,{className:"w-full lg:w-auto",type:"submit",children:"Done"})]})]})})}})})]})})}},36840:(e,s,a)=>{"use strict";a.d(s,{A:()=>c});var t=a(37876);a(14232);var l=a(96523),i=a(97994),r=a(10999);let n=e=>{let{children:s,className:a="text-white bg-black",...l}=e;return(0,t.jsx)("div",{className:(0,r.XS)(["flex items-center justify-center px-4 py-2 rounded-full cursor-pointer",a]),...l,children:s})};var o=a(13682);let c=e=>{let{desktopIcon:s,mobCloseText:a="Back",className:r,"aria-label":c,...d}=e;return(0,t.jsxs)("div",{...d,className:`absolute z-10 top-4 left-4 ${r?`${r}`:""}`,children:[(0,t.jsxs)(n,{className:"md:hidden text-white bg-black",children:[(0,t.jsx)(l.gc,{icon:i.Wzs,className:"mr-2"}),(0,t.jsx)("div",{className:"font-heading",children:a})]}),(0,t.jsx)(o.A,{className:"md:flex hidden","aria-label":c,children:s||(0,t.jsx)(l.gc,{icon:i.Jyw,className:"text-svg-xs"})})]})}},39188:(e,s,a)=>{"use strict";a.d(s,{A:()=>l});var t=a(14232);let l=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],[s,a]=(0,t.useState)(e);return[s,(0,t.useCallback)(()=>a(e=>!e),[]),a]}},72112:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>k});var t=a(37876),l=a(14232),i=a(31777),r=a(32770),n=a(74504),o=a(547

179),c=a(15202),d=a(90194),p=a(89099),h=a(14e3),m=a(96523),x=a(97994),u=a(48230),j=a.n(u),v=a(14231),g=a(10999),y=a(8947),N=a(35756),b=a(90856),w=a(89984),f=a(11435);let k=()=>{let e=(0,i.d4)(e=>e.property.school),s=(0,i.d4)(e=>e.property.station),a=(0,i.d4)(e=>e.property.poi),u=(0,i.d4)(e=>e.property.location),k=(0,i.d4)(e=>e.property.location.lat),$=(0,i.d4)(e=>e.property.location.lon),A=(0,i.d4)(e=>e.property.streetView),C=(0,i.d4)(e=>e.property.displayAddress),I=(0,i.d4)(e=>e.account.status),[V,z]=(0,d.A)(!1),[P,S]=(0,d.A)(!1),D=(0,p.useRouter)(),L=(0,h.usePathname)(),_=(0,h.useSearchParams)(),{vips:E,addVip:T,editVip:q}=(0,v.A)(u),O=(0,l.useCallback)(()=>{let e=new URLSearchParams(_);return e.append("modal","sign-in"),`${L}?${e.toString()}`},[_]),W=async()=>{"authenticated"===I?scheduler.yield().then(()=>z()):scheduler.yield().then(()=>{D.replace(O(),void 0,{shallow:!0}),S()})};return(0,l.useEffect)(()=>{"authenticated"===I&&P&&(z(),S(!1))},[I,P]),(0,t.jsxs)("section",{"data-component":"location",children:[(0,t.jsx)(b.A,{}),(0,t.jsx)(r.D,{as:"h2",size:3,children:"Location"}

1),C&&(0,t.jsx)("div",{className:"text-body2",children:C}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(j(),{href:"#/map",shallow:!0,scroll:!1,children:(0,y.Ll)({lat:k,lon:$})?(0,t.jsx)("div",{className:"aspect-[7/5] md:aspect-[2/1] w-full h-auto rounded-xl md:rounded-3xl my-6 overflow-hidden cursor-grab",children:(0,t.jsx)(w.default,{lat:k,lon:$,zoom:"15",showMarker:!0,id:"property-map"},"property-map")}):(0,t.jsx)("div",{className:"w-full h-10 mt-10"})}),(0,t.jsxs)("div",{className:"absolute inset-x-0 bottom-6 flex gap-2 justify-center",children:[(0,t.jsx)(j(),{href:"#/map",shallow:!0,scroll:!1,children:(0,t.jsxs)(n.$,{className:"bg-white border-white !shadow hover:!opacity-100 hover:bg-stone hover:border-stone",type:"button",size:"sm",variant:"outline",children:[(0,t.jsx)(m.gc,{icon:x.oZK,className:"text-svg-xs mr-1.5"}),"Open map"]})}),A&&(0,t.jsx)(j(),{href:"#/map?streetview=true",shallow:!0,scroll:!1,children:(0,t.jsxs)(n.$,{className:"bg-white border-white !shadow hover:!opacity-100 hover:bg-stone hover:border-stone",type:"button",size:"sm",variant:"outline",children:[(0,t.jsx)(m.gc,{icon:x.yLE,className:"text-svg-xs mr-1.5"}),"Street view"]})})]})]}),a&&(0,t.jsx)("div",{"data-component":"poi",className:"mb-6",children:(0,t.jsx)(o.t,{tabs:[...s?.length?[{id:1,title:"Nearest stations",content:(0,t.jsx)(f.A,{poiList:s})}]:[],...e?.length?[{id:2,title:"Nearest schools",content:(0,t.jsx)(f.A,{poiList:e})}]:[]]})}),(0,t.jsxs)(c.w,{bgColor:"dove/20",borderColor:"transparent",children:[(0,t.jsx)(r.D,{size:3,as:"h2",children:"Very Important Places (VIP)"}),(0,t.jsx)("div",{className:"text-body2 mb-3",children:"Calculate the distance from this property to places that are important to you."}),!!E?.length&&(0,t.jsx)("div",{className:"flex flex-wrap gap-x-6 gap-y-3 my-5",children:(0,g.Tz)(E).map(e=>(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)(m.gc,{icon:x.w6m,color:"#EA5C60",className:"text-svg-xs mr-1.5"}),(0,t.jsx)("div",{children:`${e.name} (${e.displayDistance})`})]},e.id))}),(0,t.jsx)(n.$,{variant:"outline",onClick:()=>W(),children:"Create VIP"})]}),(0,t.jsx)(N.A,{isOpen:V,onClose:async()=>scheduler.yield().then(()=>z(!1)),addVip:T,editVip:q})]})}}}]);