https://www.liveable.co.uk/_next/static/chunks/533-bc9f6e8f4b67770c.js?dpl=dpl_DGS4Xk4mwxg4H3ZTeaYiuYtSJiFv

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._posthogChunkIds=e._posthogChunkIds||{},e._posthogChunkIds[n]="01a0c92c-a4e7-78d1-b673-cc06181e9c18")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[533],{25576:(e,t,r)=>{r.d(t,{g:()=>s});var o=r(95155);function s(){return(0,o.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,o.jsx)("div",{className:"relative w-9 h-9 rounded-[11px] overflow-hidden",children:(0,o.jsxs)("svg",{viewBox:"0 0 40 40",className:"w-full h-full","aria-hidden":"true",children:[(0,o.jsx)("path",{d:"M0 0L25 0L15 15L0 20Z",fill:"var(--logo-blue)"}),(0,o.jsx)("path",{d:"M25 0L40 0L40 25L15 15Z",fill:"var(--logo-green)"}),(0,o.jsx)("path",{d:"M0 20L15 15L20 40L0 40Z",fill:"var(--logo-purple)"}),(0,o.jsx)("path",{d:"M15 15L40 25L40 40L20 40Z",fill:"var(--logo-orange)"}),(0,o.jsx)("path",{d:"M15 15L20 40M15 15L40 25M0 20L15 15M25 0L15 15",stroke:"white",strokeWidth:"1.5",fill:"none",strokeLinecap:"round"})]})}),(0,o.jsx)("span",{className:"text-[22px] font-action tracking-[-0.02em] leading-none text-ink",children:"Liveable"})]})}},55198:(e,t,r)=>{r.d(t,{K:()=>c,a:()=>d});var o=r(95155),s=r(12115),n=r(52619),a=r.n(n),i=r(20063),l=r(23528);function c(e){let{variant:t="header",onItemClick:r}=e,[n,c]=(0,s.useState)(!1),d=(0,i.usePathname)(),x=(0,i.useRouter)(),{user:h,logout:u,loading:p,authReady:m,userAccess:f}=(0,l.A)(),v=m&&!h?"/pro":"/map",k=()=>{c(!n)},g=()=>{c(!1),null==r||r()},j=async()=>{await u(),g(),x.push("/signin")},b=()=>p?(0,o.jsx)("div",{className:"w-8 h-8 bg-surface-muted rounded-full animate-pulse"}):h?(0,o.jsx)(a(),{href:"/user",className:"w-10 h-10 grid place-items-center rounded-pill bg-topic-purple-soft text-topic-purple hover:bg-action-soft hover:text-action transition-colors","aria-label":"User dashboard",onClick:g,children:(0,o.jsx)("svg",{className:"w-[22px] h-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"})})}):null,N=()=>(0,o.jsx)("button",{className:"sidebar"===t?"w-10 h-10 grid place-items-center rounded-pill bg-surface-muted text-ink hover:bg-line transition-all":"w-10 h-10 grid place-items-center rounded-pill bg-surface-muted text-ink hover:bg-line transition-colors",onClick:k,"aria-label":"Toggle menu","aria-expanded":n,"aria-controls":"navigation-menu",children:n?(0,o.jsx)("svg",{className:"w-[22px] h-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,o.jsx)("svg",{className:"w-[22px] h-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})}),w=()=>(0,o.jsxs)("nav",{className:"flex flex-col gap-2",role:"navigation","aria-label":"Main navigation",children:[(0,o.jsxs)(a(),{href:v,className:"text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors flex items-center gap-2",onClick:g,"aria-label":"Interactive map with data layers",children:[(0,o.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"})}),"Map"]}),(0,o.jsxs)(a(),{href:"/explore",className:"text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors flex items-center gap-2",onClick:e=>{g(),"/explore"===d&&window.location.search&&(e.preventDefault(),x.push("/explore"),x.refresh())},"aria-label":"Explore places in England and Wales",children:[(0,o.jsxs)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:[(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"}),(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"})]}),"Explore"]}),(0,o.jsx)(a(),{href:"/pricing",className:"text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:g,"aria-label":"Pricing",children:"Pricing"}),h?(0,o.jsxs)("div",{className:"border-t border-line pt-4 mt-2",children:[(0,o.jsx)("div",{className:"px-3 py-2 text-label text-ink-muted font-medium truncate",children:h.displayName||h.email}),(0,o.jsx)(a(),{href:"/user",className:"block text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:g,children:"Dashboard"}),"pro"!==f.tier&&(0,o.jsx)(a(),{href:"/pricing",className:"block text-compact font-action text-action hover:text-action-hover hover:bg-action-soft px-3 py-2.5 rounded-small transition-colors",onClick:g,children:"Upgrade to Pro"}),(0,o.jsx)(a(),{href:"/user/favourites",className:"block text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:g,children:"Favourites"}),(0,o.jsx)("button",{onClick:j,className:"block w-full text-left text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",children:"Sign out"})]}):(0,o.jsx)("div",{className:"border-t border-line pt-4 mt-2",children:(0,o.jsx)(a(),{href:"/signin",className:"block text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:g,children:"Sign In"})})]});return"sidebar"===t?(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[b(),N()]}),n&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"fixed inset-0 z-40",onClick:g,"aria-hidden":"true"}),(0,o.jsx)("div",{className:"absolute top-full right-0 z-50 bg-surface border border-line shadow-raised w-64 roun

1ded-panel mt-2",children:(0,o.jsx)("div",{className:"py-3 px-3",children:w()})})]})]}):(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[b(),(0,o.jsxs)("div",{className:"relative",children:[N(),n&&(0,o.jsx)("div",{className:"absolute top-full right-0 z-50 bg-surface border border-line shadow-raised w-64 rounded-panel mt-2",children:(0,o.jsx)("div",{className:"py-3 px-3",children:w()})})]})]})}function d(e){let{onItemClick:t}=e,[r,n]=(0,s.useState)(!1),c=(0,i.usePathname)(),d=(0,i.useRouter)(),{user:x,logout:h,loading:u,authReady:p,userAccess:m}=(0,l.A)(),f=p&&!x?"/pro":"/map",v=()=>{n(!1),null==t||t()},k=async()=>{await h(),v(),d.push("/signin")};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[u?(0,o.jsx)("div",{className:"w-8 h-8 bg-surface-muted rounded-full animate-pulse"}):x?(0,o.jsx)(a(),{href:"/user",className:"w-10 h-10 grid place-items-center rounded-pill bg-topic-purple-soft text-topic-purple hover:bg-action-soft hover:text-action transition-colors","aria-label":"User dashboard",onClick:v,children:(0,o.jsx)("svg",{className:"w-[22px] h-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"})})}):null,(0,o.jsx)("button",{className:"w-10 h-10 grid place-items-center rounded-pill bg-surface-muted text-ink hover:bg-line transition-colors",onClick:()=>n(!r),"aria-label":"Toggle menu","aria-expanded":r,children:r?(0,o.jsx)("svg",{className:"w-[22px] h-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,o.jsx)("svg",{className:"w-[22px] h-[22px]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})})]}),r&&(0,o.jsx)("div",{className:"absolute top-full right-0 left-0 z-50 bg-surface border-b border-line shadow-raised",children:(0,o.jsx)("div",{className:"py-3 px-3",children:(0,o.jsxs)("nav",{className:"flex flex-col gap-2",role:"navigation","aria-label":"Main navigation",children:[(0,o.jsxs)(a(),{href:f,className:"text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors flex items-center gap-2",onClick:v,children:[(0,o.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"})}),"Map"]}),(0,o.jsxs)(a(),{href:"/explore",className:"text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors flex items-center gap-2",onClick:e=>{v(),"/explore"===c&&window.location.search&&(e.preventDefault(),d.push("/explore"),d.refresh())},children:[(0,o.jsxs)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:[(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"}),(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"})]}),"Explore"]}),(0,o.jsx)(a(),{href:"/pricing",className:"text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:v,children:"Pricing"}),x?(0,o.jsxs)("div",{className:"border-t border-line pt-4 mt-2",children:[(0,o.jsx)("div",{className:"px-3 py-2 text-label text-ink-muted font-medium truncate",children:x.displayName||x.email}),(0,o.jsx)(a(),{href:"/user",className:"block text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:v,children:"Dashboard"}),"pro"!==m.tier&&(0,o.jsx)(a(),{href:"/pricing",className:"block text-compact font-action text-action hover:text-action-hover hover:bg-action-soft px-3 py-2.5 rounded-small transition-colors",onClick:v,children:"Upgrade to Pro"}),(0,o.jsx)(a(),{href:"/user/favourites",className:"block text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:v,children:"Favourites"}),(0,o.jsx)("button",{onClick:k,className:"block w-full text-left text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",children:"Sign out"})]}):(0,o.jsx)("div",{className:"border-t border-line pt-4 mt-2",children:(0,o.jsx)(a(),{href:"/signin",className:"block text-compact font-medium text-ink hover:text-action hover:bg-surface-muted px-3 py-2.5 rounded-small transition-colors",onClick:v,children:"Sign In"})})]})})})]})}}}]);
2//# chunkId=01a0c92c-a4e7-78d1-b673-cc06181e9c18