https://otowah.com/_next/static/chunks/620.3efc8a0ebee3c261.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[620],{1957:function(e,t,l){l.d(t,{Z:function(){return d}});var n=l(5893),r=l(7294),i=l(1664),s=l.n(i),a=l(5510),o=l(2251),u=l(3027);function c(e){let{className:t="w-4 h-4"}=e;return(0,n.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})})}function d(e){var t,l,i,d,m;let{event:x,showDate:f=!0,dateAboveImage:p=!1,hideVenueName:h=!1,hidePrice:v=!1,variant:y="default",metaRight:b=null}=e,g=(null==x?void 0:null===(t=x.boost)||void 0===t?void 0:t.isBoosted)===!0&&(null==x?void 0:null===(l=x.boost)||void 0===l?void 0:l.pinnedUntil)!=null&&Number(x.boost.pinnedUntil)>Date.now(),w=x.eventsId||x.id,N=x.venueKey||x.venueId,j=(0,a.CG)(e=>e.auth.user),T=(0,o.o_)(j).includes(String(N||"")),k=w?"/event/".concat(w):"#",S=(null===(i=x.form)||void 0===i?void 0:i.title)||x.title||(null===(m=x.artistList)||void 0===m?void 0:null===(d=m[0])||void 0===d?void 0:d.name)||"TBC",_="string"==typeof x.image&&x.image.trim()?x.image.trim():null,[M,E]=(0,r.useState)(!1);(0,r.useEffect)(()=>{E(!1)},[_]);let F=!!_&&!M,C=function(e){let t=null==e?void 0:e.doorPrice;if("FREE"===t||"string"==typeof t&&"FREE"===t.trim().toUpperCase())return"FREE";let l=null==t?NaN:"string"==typeof t?parseFloat(t):Number(t);return!Number.isNaN(l)&&l>0?String(t):0===t||"0"===t||"0.00"===t||((null==e?void 0:e.freeEntry)===!0||(null==e?void 0:e.isAccessibleForFree)===!0)&&(Number.isNaN(l)||l<=0)?"FREE":null}(x),I=f?function(e){if(!e)return"";try{let t=new Date(e);if(Number.isNaN(t.getTime()))return"";let l={weekday:"short",day:"numeric",month:"short"};return t.getFullYear()!==new Date().getFullYear()&&(l.year="numeric"),t.toLocaleDateString("en-AU",l).replace(/,\s*/g," ")}catch(e){return""}}(x.date||x.startDate):"",L="rail"===y,P=h?"":(x.venueName||"Venue").trim()||"Venue",z=!!(P&&!h),q=!!(f&&p&&I),R=q||z||!!b,A=!v&&null!=C;return(0,n.jsx)(s(),{href:k,onClick:()=>{if(w&&N){try{sessionStorage.setItem("otowah-ev-tap:".concat(w),String(Date.now()))}catch(e){}(0,u.pj)({venueId:N,eventId:w,skip:T})}},className:"relative flex flex-col h-full w-full ".concat(function(e){switch(e){case"default":return"max-w-[600px] lg:max-w-[720px] mx-auto";case"venue":return"max-w-[620px] xl:max-w-[680px] mx-auto";case"guide":return"max-w-[560px] mx-0";case"rail":return"max-w-[460px] mx-0";default:return"max-w-full mx-0"}}(y)," ").concat("focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--vivace-neon-green)]"," overflow-hidden transition-opacity hover:opacity-90 active:opacity-95 ").concat(A?"pb-7 sm:pb-8":"pb-0.5"),children:(0,n.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col",children:[R?(0,n.jsxs)("div",{className:"mb-1.5 flex w-full min-w-0 items-center gap-2 sm:gap-3",children:[q?(0,n.jsx)("p",{className:"min-w-0 shrink-0 leading-tight ".concat(L?"text-xs font-bold text-white sm:text-sm":"text-sm font-bold text-white sm:text-base"," ").concat(z||b?"max-w-[34%] sm:max-w-[30%] whitespace-nowrap truncate":"max-w-[min(100%,20rem)]"),children:I}):null,(0,n.jsxs)("div",{className:"min-w-0 flex-1 flex items-start justify-end gap-1 sm:gap-2",children:[z?(0,n.jsx)("p",{className:"min-w-0 pr-1 text-right leading-tight sm:pr-2 ".concat(L?"text-[11px] font-medium text-white/60 sm:text-xs":"text-xs font-medium text-white/65 sm:text-sm"," ").concat(q?"max-w-[70%] sm:max-w-[72%]":"max-w-[80%] sm:max-w-[88%]"," whitespace-nowrap truncate"),title:P,children:P}):null,b?(0,n.jsx)("div",{className:"shrink-0",children:b}):null]})]}):null,(0,n.jsxs)("div",{className:"relative w-full shrink-0 overflow-hidden rounded-2xl bg-white/[0.06] ".concat(function(e){switch(e){case"guide":return"h-[168px] sm:h-[184px] md:h-[194px] lg:h-[204px]";case"rail":return"h-[192px] sm:h-[214px] md:h-[230px]";case"venue":return"h-[248px] sm:h-[276px] md:h-[304px] lg:h-[328px]";default:return"h-[196px] sm:h-[212px] md:h-[228px] lg:h-[240px]"}}(y)),children:[F?(0,n.jsx)("img",{src:_,alt:"",className:"block size-full object-cover object-center",onError:()=>E(!0)}):(0,n.jsx)("div",{className:"flex size-full items-center justify-center px-5 py-6","aria-hidden":"true",children:(0,n.jsx)("p",{className:"line-clamp-4 text-center leading-snug text-white ".concat(function(e){switch(e){case"venue":return"text-xl sm:text-2xl md:text-3xl font-semibold";case"rail":return"text-base sm:text-lg font-semibold";case"guide":return"text-lg sm:text-xl font-semibold";default:return"text-lg sm:text-xl md:text-2xl font-semibold"}}(y)),children:S})}),g?(0,n.jsx)("span",{className:"absolute bottom-2 right-2 flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--vivace-background)] text-[var(--vivace-yellow)] sm:size-7","aria-label":"Boosted event",children:(0,n.jsx)(c,{className:"size-3 sm:size-3.5"})}):null]}),(0,n.jsxs)("div",{className:"flex shrink-0 flex-col pb-0.5 pt-2 sm:pt-2.5 ".concat("guide"===y?"sm:pt-3":""),children:[f&&!p&&I?(0,n.jsx)("p",{className:"mb-1 text-xs text-white/70 sm:text-sm",children:I}

1):null,(0,n.jsx)("p",{className:L?"mb-0 line-clamp-2 min-h-[2lh] text-sm font-semibold leading-snug text-white sm:text-base":"mb-0 line-clamp-2 min-h-[2lh] text-sm font-semibold leading-snug text-white sm:text-base md:text-lg",children:S})]}),A?(0,n.jsx)("span",{className:"pointer-events-none absolute bottom-1 right-2 z-10 text-right font-semibold sm:bottom-1.5 sm:right-3 ".concat(L?"text-[11px] sm:text-xs":"text-xs sm:text-sm"," ").concat("FREE"===C?"rounded bg-[var(--vivace-neon-purple)] px-2 py-0.5 uppercase text-[var(--vivace-background)]":"text-white/90"),children:C}):null]})})}},6620:function(e,t,l){l.r(t),l.d(t,{default:function(){return T}});var n=l(5893),r=l(7294),i=l(1163),s=l(5510),a=l(2805),o=l(3044),u=l(5371);function c(e,t){let l=(e||[]).map(e=>{let t=function(e){var t,l,n,r,i,s;let a=Number(null!==(i=null==e?void 0:null===(t=e.coords)||void 0===t?void 0:t.lat)&&void 0!==i?i:null==e?void 0:null===(l=e.location)||void 0===l?void 0:l.latitude),o=Number(null!==(s=null==e?void 0:null===(n=e.coords)||void 0===n?void 0:n.lng)&&void 0!==s?s:null==e?void 0:null===(r=e.location)||void 0===r?void 0:r.longitude);return Number.isFinite(a)&&Number.isFinite(o)&&(0!==a||0!==o)?{lat:a,lng:o}:null}(e);return t?{...e,coords:t}:null}).filter(Boolean),n=Number(null==t?void 0:t.latitude),r=Number(null==t?void 0:t.longitude);return Number.isFinite(n)&&Number.isFinite(r)?l.map(e=>({...e,distance:function(e,t,l,n){let r=Math.sin((l-e)*Math.PI/180/2)**2+Math.cos(e*Math.PI/180)*Math.cos(l*Math.PI/180)*Math.sin((n-t)*Math.PI/180/2)**2;return 12742*Math.atan2(Math.sqrt(r),Math.sqrt(1-r))}(n,r,e.coords.lat,e.coords.lng)})).sort((e,t)=>e.distance-t.distance):l}async function d(e){return c(await (0,u.FB)(e,{limit:200}),e)}var m=l(1957),x=l(1323),f=l(3454);let p=[{elementType:"geometry",stylers:[{color:"#212121"}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{elementType:"labels.text.stroke",stylers:[{color:"#212121"}]},{featureType:"administrative",elementType:"geometry",stylers:[{visibility:"off"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#c9c9c9"}]},{featureType:"administrative.neighborhood",stylers:[{visibility:"off"}]},{featureType:"administrative.land_parcel",stylers:[{visibility:"off"}]},{featureType:"landscape.man_made",elementType:"geometry",stylers:[{color:"#252525"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#1f1f1f"}]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#181818"},{visibility:"on"}]},{featureType:"poi.attraction",elementType:"labels.text",stylers:[{visibility:"on"}]},{featureType:"poi.attraction",elementType:"labels.text.fill",stylers:[{color:"#8f8f8f"}]},{featureType:"road",elementType:"geometry.fill",stylers:[{color:"#2c2c2c"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#a8a8a8"}]},{featureType:"road",elementType:"labels.text.stroke",stylers:[{color:"#171717"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#373737"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#3c3c3c"}]},{featureType:"road.highway.controlled_access",elementType:"geometry",stylers:[{color:"#4e4e4e"}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#949494"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#3d3d3d"}]}];var h=l(3935);function v(e){let{position:t,zIndex:l=0,title:i,onClick:s,children:a}=e,o=(0,x.Sx)(),u=(0,x.kY)("maps"),c=(0,x.kY)("core"),d=(0,r.useMemo)(()=>{if("undefined"==typeof document)return null;let e=document.createElement("div");return e.style.position="absolute",e.style.transform="translate(-50%, -50%)",e.style.willChange="left, top",e},[]),[m,f]=(0,r.useState)(!1);return((0,r.useEffect)(()=>

1{if(!o||!u||!c||!d)return;d.style.zIndex=String(l),i&&(d.title=i);class e extends u.OverlayView{onAdd(){var e,t;null===(t=this.getPanes())||void 0===t||null===(e=t.overlayMouseTarget)||void 0===e||e.appendChild(d)}draw(){let e=this.getProjection();if(!e)return;let l=e.fromLatLngToDivPixel(new c.LatLng(t.lat,t.lng));l&&(d.style.left="".concat(l.x,"px"),d.style.top="".concat(l.y,"px"))}onRemove(){d.remove()}}let n=new e;return n.setMap(o),f(!0),()=>{n.setMap(null),f(!1)}},[o,u,c,d,t.lat,t.lng,l,i]),d&&m)?(0,h.createPortal)((0,n.jsx)("div",{onClick:s,className:s?"cursor-pointer":void 0,role:s?"button":void 0,"aria-label":s?i:void 0,children:a}),d):null}function y(e,t,l){var n;let r=null===(n=e.getDiv)||void 0===n?void 0:n.call(e),i=(null==r?void 0:r.clientWidth)||0,s=(null==r?void 0:r.clientHeight)||0;if(i<8||s<8)return null;let a=Math.log2(156543.03392*Math.abs(Math.cos(Number(t)*Math.PI/180))/(2*Math.max(l,1)/Math.min(i,s)));return Number.isFinite(a)?Math.min(17,Math.max(11,a)):null}function b(e){let{position:t}=e;return(0,n.jsx)(v,{position:t,zIndex:1,title:"You are here",children:(0,n.jsx)("div",{className:"h-4 w-4 rounded-full border-2 border-white bg-blue-500 shadow-[0_0_0_6px_rgba(59,130,246,0.3)]"})})}function g(e){let{venue:t,onClick:l}=e;return(0,n.jsx)(v,{position:t.coords,title:t.name||"Venue",zIndex:2,onClick:()=>l(t),children:(0,n.jsx)("div",{className:"h-4 w-4 rounded-full bg-[#55ffe1] shadow-[0_0_0_3px_rgba(85,255,225,0.28),0_0_10px_3px_rgba(85,255,225,0.45)] transition-transform hover:scale-125"})})}function w(e){var t;let{venue:l}=e,r=null==l?void 0:null===(t=l.avatar)||void 0===t?void 0:t.downloadURL;return(0,n.jsx)(v,{position:l.coords,title:l.name||"Venue",zIndex:10,children:(0,n.jsxs)("div",{className:"flex flex-col items-center",children:[(0,n.jsx)("div",{className:"max-w-[11rem] truncate rounded-md bg-black/90 px-2.5 py-1 text-[13px] font-semibold text-white ring-1 ring-[#55ffe1]/70",children:l.name||"Venue"}),(0,n.jsx)("div",{className:"mt-1 h-14 w-14 overflow-hidden rounded-full border-2 border-[#55ffe1] bg-[#1a1a1a] shadow-[0_0_0_4px_rgba(85,255,225,0.22),0_0_14px_5px_rgba(85,255,225,0.35)]",children:r?(0,n.jsx)("img",{src:r,alt:"",className:"h-full w-full object-cover",referrerPolicy:"no-referrer"}):(0,n.jsx)("div",{className:"flex h-full w-full items-center justify-center text-lg font-bold text-cyan-300",children:(l.name||"?").trim().charAt(0).toUpperCase()})})]})})}function N(e){let{focusedVenue:t,userLocation:l,venues:n,zoomToFocus:i}=e,s=(0,x.Sx)();return(0,r.useEffect)(()=>{if(!s)return;let e=!1,r=0,a=()=>{var o;if(e)return;if(i&&(null==t?void 0:t.coords)){let e=y(s,t.coords.lat,2400);if(null==e){r=requestAnimationFrame(a);return}s.moveCamera({center:t.coords,zoom:e});return}let u=Number(null==l?void 0:l.latitude),c=Number(null==l?void 0:l.longitude),d=Number.isFinite(u)&&Number.isFinite(c)?{lat:u,lng:c}:null===(o=n[0])||void 0===o?void 0:o.coords;if(!d)return;let m=y(s,d.lat,function(e){var t;let l=Number(null===(t=e[0])||void 0===t?void 0:t.distance);return 1.2*Math.max(2e3,Number.isFinite(l)?1e3*l:0)}(n));if(null==m){r=requestAnimationFrame(a);return}s.moveCamera({center:d,zoom:m})};return a(),()=>{e=!0,cancelAnimationFrame(r)}},[s,n,t,l,i]),null}function j(e){let{venues:t=[],focusedVenueId:l=null,onFocusVenue:i=()=>{},userLocation:s=null,zoomToFocus:a=!1,className:o=""}=e,{apiKey:u,mapId:c,configured:d}=function(){let e=String("AIzaSyDEu17YivTTaJ6irY78AIIGdG2fKEbBsq0").trim();return{apiKey:e,mapId:String(f.env.NEXT_PUBLIC_GOOGLE_MAPS_MAP_ID||"").trim(),configured:!!e}}(),m=(0,r.useMemo)(()=>t.find(e=>String(e.id)===String(l))||null,[t,l]),h=(0,r.useMemo)(()=>t.filter(e=>String(e.id)!==String(l)),[t,l]),v=(0,r.useMemo)(()=>{var e;return Number.isFinite(null==s?void 0:s.latitude)?{lat:s.latitude,lng:s.longitude}:(null===(e=t[0])||void 0===e?void 0:e.coords)||{lat:-37.8136,lng:144.9631}},[s,t]);return d?(0,n.jsx)("div",{className:"relative min-h-[280px] overflow-hidden ".concat(o),children:(0,n.jsx)(x.un,{apiKey:u,children:(0,n.jsxs)(x.D5,{mapId:c||void 0,styles:c?void 0:p,defaultCenter:v,defaultZoom:15,gestureHandling:"greedy",disableDefaultUI:!0,zoomControl:!1,clickableIcons:!1,reuseMaps:!0,style:{width:"100%",height:"100%"},children:[(0,n.jsx)(N,{venues:t,focusedVenue:m,userLocation:s,zoomToFocus:a}),h.map(e=>(0,n.jsx)(g,{venue:e,onClick:i},e.id)),m?(0,n.jsx)(w,{venue:m}):null,Number.isFinite(null==s?void 0:s.latitude)?(0,n.jsx)(b,{position:{lat:s.latitude,lng:s.longitude}}):null]})})}):(0,n.jsx)("div",{className:"flex items-center justify-center rounded-xl border border-white/10 bg-white/5 p-6 text-center ".concat(o),children:(0,n.jsxs)("p",{className:"max-w-sm text-sm text-white/60",children:["Map isn’t configured yet. Set"," ",(0,n.jsx)("code",{className:"text-white/80",children:"NEXT_PUBLIC_GOOGLE_MAPS_JS_KEY"})," ","to enable it."]})})}function T(){let e=(0,i.useRouter)(),t=(0,s.CG)(e=>{var t;return null===(t=e.location)||void 0===t?void 0:t.value}),l=(0,s.CG)(e=>{var t;return(null===(t=e.ui)||void 0===t?void 0:t.mapFocusNearestNonce)||

10}),{getLocation:x,loading:f,error:p}=(0,a.Z)(),[h,v]=(0,r.useState)([]),[y,b]=(0,r.useState)(!1),[g,w]=(0,r.useState)(null),[N,T]=(0,r.useState)([]),[S,_]=(0,r.useState)(null),[M,E]=(0,r.useState)(null),[F,C]=(0,r.useState)(!1),I=(0,r.useRef)(null),L=(0,r.useRef)(null),P=(0,r.useRef)(!1),z=(0,r.useRef)(""),q=(0,r.useRef)(0),R=(0,r.useRef)(t);R.current=t;let A=(0,r.useRef)(e);A.current=e;let V="".concat((null==t?void 0:t.countryShortName)||"",":").concat((null==t?void 0:t.state)||""),D=e=>"".concat(Number(null==e?void 0:e.latitude),",").concat(Number(null==e?void 0:e.longitude));(0,r.useEffect)(()=>{if(!l||l===q.current)return;let e=R.current;if(!Number.isFinite(Number(null==e?void 0:e.latitude)))return;q.current=l,P.current=!0;let t=null;v(l=>{let n=c(l,e);return t=n[0]||null,n});let n=z.current===D(e);if(!(null==t?void 0:t.id)){n&&(P.current=!1);return}w(String(t.id)),E("".concat(e.countryShortName||"",":").concat(e.state||"")),C(!0),n&&A.current.replace({pathname:"/map",query:{...A.current.query,venue:String(t.id)}},void 0,{shallow:!0}).finally(()=>{P.current=!1})},[l]),(0,r.useEffect)(()=>{let e=!1;if(!(null==t?void 0:t.state)&&!(null==t?void 0:t.countryShortName)){v([]);return}return b(!0),d(t).then(l=>{if(!e&&((0,u.RT)(l),v(l),z.current=D(t),P.current&&(P.current=!1,l[0]))){let e=String(l[0].id);w(e),E(V),C(!0),A.current.replace({pathname:"/map",query:{...A.current.query,venue:e}},void 0,{shallow:!0})}}).catch(()=>{e||v([])}).finally(()=>{e||b(!1)}),()=>{e=!0}},[V,null==t?void 0:t.latitude,null==t?void 0:t.longitude]),(0,r.useEffect)(()=>{if(P.current)return;let t=e.query.venue;if(!t||0===h.length)return;let l=String(Array.isArray(t)?t[0]:t);h.some(e=>String(e.id)===l)&&(w(l),E(V),C(!0))},[e.query.venue,h,V]),(0,r.useEffect)(()=>{0!==h.length&&!e.query.venue&&M!==V&&(g||(w(String(h[0].id)),E(V),C(!1)))},[h,e.query.venue,M,V,g]),(0,r.useEffect)(()=>{let e=!1;if(!g){T([]),_(null);return}return(0,o.ul)(g).then(t=>{e||(T(t||[]),_(g))}).catch(()=>{e||(T([]),_(g))}),()=>{e=!0}},[g]);let B=(0,r.useCallback)(t=>{let l=String((null==t?void 0:t.id)||"");l&&(w(l),E(V),C(!0),e.replace({pathname:"/map",query:{...e.query,venue:l}},void 0,{shallow:!0}))},[e,V]),U=(0,r.useMemo)(()=>h.find(e=>String(e.id)===String(g))||null,[h,g]);(0,r.useEffect)(()=>{var e;if(!g||!I.current)return;let t=I.current.querySelector('[data-venue-id="'.concat(CSS.escape(String(g)),'"]'));null==t||t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}),null===(e=L.current)||void 0===e||e.scrollTo({left:0})},[g,h]);let G=U?S!==g?(0,n.jsx)("p",{className:"text-sm text-white/50",children:"Loading gigs…"}):0===N.length?(0,n.jsx)("p",{className:"text-sm text-white/50",children:"No upcoming gigs listed."}):null:(0,n.jsx)("p",{className:"text-sm text-white/50",children:"Tap a venue on the map or in the list above to see what’s on."}),Y=N.map(e=>(0,n.jsx)(m.Z,{event:e,variant:"rail",hideVenueName:!0,hidePrice:!0},e.eventsId||e.id)),O=N.map(e=>(0,n.jsx)("div",{className:"w-[240px] flex-shrink-0 sm:w-[280px]",children:(0,n.jsx)(m.Z,{event:e,variant:"rail",hideVenueName:!0,hidePrice:!0,dateAboveImage:!0})},e.eventsId||e.id));return(0,n.jsxs)("div",{className:"w-full pb-28",children:[(0,n.jsx)("div",{className:"border-b border-white/10 px-4 py-3",children:y||0!==h.length?(0,n.jsx)("div",{ref:I,className:"flex gap-2 overflow-x-auto pb-1 scrollbar-hide",children:h.map(e=>{let t=String(e.id)===String(g);return(0,n.jsx)("button",{type:"button","data-venue-id":e.id,onClick:()=>B(e),className:"flex-shrink-0 rounded-lg border px-3 py-2 text-left transition-colors ".concat(t?"border-[#55ffe1]/80 bg-[#55ffe1]/15":"border-white/15 bg-white/5 hover:bg-white/10"),children:(0,n.jsx)("span",{className:"block max-w-[11rem] truncate text-sm font-medium text-white",children:e.name||"Venue"})},e.id)})}):(0,n.jsx)("p",{className:"text-sm text-white/60",children:"No mapped venues in this area yet. Try a different city from the search bar."})}),(0,n.jsxs)("div",{className:"relative h-[min(48vh,22rem)] min-h-[220px] w-full min-[1000px]:h-[min(56vh,30rem)]",children:[(0,n.jsx)(j,{venues:h,focusedVenueId:g,onFocusVenue:B,userLocation:t,zoomToFocus:F,className:"absolute inset-0 h-full w-full"}),(0,n.jsxs)("button",{type:"button",onClick:()=>void x(),disabled:f,className:"absolute left-3 top-3 z-10 flex items-center gap-1.5 rounded-full border border-white/25 bg-black/70 px-3 py-2 text-xs font-medium text-white backdrop-blur transition-colors hover:bg-black/90 disabled:opacity-60",children:[(0,n.jsx)(k,{className:"h-4 w-4"}),f?"Locating…":"Use my location"]}),p?(0,n.jsx)("p",{className:"absolute left-3 right-3 top-14 z-10 rounded-lg bg-black/80 px-3 py-2 text-xs text-amber-300 backdrop-blur",children:p}):null]}),(0,n.jsx)("div",{className:"mx-auto flex max-w-[460px] flex-col gap-3 px-4 pt-4 min-[1000px]:hidden",children:G||Y}),(0,n.jsx)("div",{className:"hidden pt-4 min-[1000px]:block",children:G?(0,n.jsx)("div",{className:"px-6 text-center",children:G}):(0,n.jsx)("div",{ref:L,className:"overflow-x-auto scrollbar-hide",children:(0,n.jsx)("div",{className:"flex w-max min-w-full justify-center",children:(0,n.jsx)("div",{className:"flex gap-4 px-6 pb-2",children:O})})})})]})}function k(e){let{className:t="w-4 h-4"}=e;return(0,n.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("circle",{cx:"12",cy:"12",r:"8"}),(0,n.jsx)("path",{d:"M12 2v3M12 19v3M2 12h3M19 12h3"})]})}}}]);