https://www.lamppostsocial.com/_next/static/chunks/11679.02cc239d6efe6e67.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11679],{11679:(e,t,r)=>{r.r(t),r.d(t,{default:()=>a});var n=r(95155),l=r(12115);let u=null;var c=r(95673),s=r(67693);let i={focusMode:"density",pitch:s.Rc.pitch,bearing:s.Rc.bearing,maxZoom:s.Rc.maxZoom,padding:48};function a(e){let{city:t,events:a,onEventClick:o,active:f=!0,isVisible:m=!0,persistSession:d=!1,flyToOnClick:v=!1,fitOptions:p,initialZoom:h,showNavigation:b=!0,className:x="h-[min(360px,55vh)] min-h-[220px] w-full","aria-label":g="Map of upcoming events",onMapReady:R}=e,_=(0,l.useRef)(null),k=(0,l.useRef)(null),y=(0,l.useRef)(null),w=(0,l.useRef)(a),E=(0,l.useRef)(o),j=(0,l.useRef)(v),C=(0,l.useRef)(R),N=(0,l.useRef)(!1),z=(0,l.useRef)(!1),M=(0,l.useRef)(null),[S,T]=(0,l.useState)(null),A=p??i,F=null!=h?45:s.Rc.pitch,L=null!=h?-10:s.Rc.bearing,Q=(0,l.useMemo)(()=>a.map(e=>String(e.id)).join(","),[a]);(0,l.useEffect)(()=>{w.current=a},[a]),(0,l.useEffect)(()=>{E.current=o},[o]),(0,l.useEffect)(()=>{j.current=v},[v]),(0,l.useEffect)(()=>{C.current=R},[R]);let Z=(0,l.useCallback)(e=>!z.current&&e.length>0,[]),D=(0,l.useCallback)((e,r,n)=>{if((0,s.MR)(e),0===r.length)return void(0,s.lQ)(e);if((0,s.UA)(e,r),n){if(null!=h){let{lat:r,lng:n}=(0,c.h)(t);e.jumpTo({center:[n,r],zoom:h,pitch:F,bearing:L})}(0,s.c_)(e,r,A),z.current=!0}},[A,h,F,L,t]),O=(0,l.useRef)(D),U=(0,l.useRef)(Z);(0,l.useEffect)(()=>{O.current=D,U.current=Z},[D,Z]);let q=(0,l.useCallback)(e=>{var t;N.current||(N.current=!0,null==(t=C.current)||t.call(C),e.resize(),e.triggerRepaint())},[]),P=(0,l.useCallback)(()=>{let e=k.current;if(e){let t=M.current;t&&(e.off("mousemove",t.onMouseMove),e.off("click",t.onClick),M.current=null),(0,s.lQ)(e),e.remove(),k.current=null,y.current=null,N.current=!1,z.current=!1,T(null)}},[]);return(0,l.useEffect)(()=>{if(!f||!_.current||!t.trim())return;let e=_.current,n=!1,l=null,c=null,i=0;return P(),(u||(u=Promise.all([r.e(94896),r.e(33383)]).then(r.t.bind(r,33383,23)).then(()=>void 0))).then(()=>{n||(()=>{if(n||k.current)return;let r=(0,s.Ok)(e,t,{pitch:F,bearing:L,zoom:h??10.5,showNavigation:b});k.current=r,y.current=t;let u=e=>{let t=(0,s.sm)(r,w.current,e.point);t?(r.getCanvas().style.cursor="pointer",T({event:t,x:e.originalEvent.clientX,y:e.originalEvent.clientY})):(r.getCanvas().style.cursor="",T(null))},i=e=>{let t=(0,s.sm)(r,w.current,e.point);t&&(T(null),j.current&&r.flyTo({center:[t._coords.lng,t._coords.lat],zoom:Math.max(r.getZoom(),14),pitch:s.Rc.pitch,bearing:s.Rc.bearing,duration:800}),E.current(t))};r.on("mousemove",u),r.on("click",i),M.current={onMouseMove:u,onClick:i},r.on("error",e=>{console.error("[mapbox] map error:",e)});let a=()=>{if(n)return;let e=w.current;try{O.current(r,e,U.current(e))}catch{(0,s.lQ)(r)}q(r)};(0,s.bv)(r,a),l=setTimeout(()=>{n||N.current||r.isStyleLoaded()&&a()},2500),(c=new ResizeObserver(()=>r.resize())).observe(e)})()}),i=requestAnimationFrame(()=>{var e;n||null==(e=k.current)||e.resize()}),()=>{n=!0,cancelAnimationFrame(i),l&&clearTimeout(l),null==c||c.disconnect(),P()}},[f,t,F,L,h,b,q,P]),(0,l.useEffect)(()=>{let e=k.current;if(!e||!f)return;let t=()=>D(e,a,Z(a));e.isStyleLoaded()?t():(0,s.bv)(e,t)},[a,Q,f,D,Z]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{ref:_,className:x,role:"application","aria-label":g}),S?(0,n.jsx)("div",{className:"pointer-events-none fixed z-50",style:{left:S.x+14,top:S.y-12},children:(0,n.jsxs)("div",{className:"max-w-[260px] rounded-lg border border-[#fcc410]/30 bg-[#12141f]/95 px-3 py-2 shadow-lg shadow-[#fcc410]/10 backdrop-blur-md",children:[(0,n.jsx)("p",{className:"truncate text-sm font-semibold text-white",children:S.event.Name}),S.event.event_location?(0,n.jsx)("p",{className:"mt-0.5 truncate text-xs text-white/50",children:S.event.event_location}):null,S.event.event_full_datetime?(0,n.jsxs)("p",{className:"mt-0.5 text-xs text-[#fcc410]/80",children:[new Date(S.event.event_full_datetime).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),S.event.event_time?` \xb7 ${S.event.event_time}`:""]}):null]})}):null]})}}}]);