https://activismindianaartistry.vercel.app/_next/static/chunks/5292.f52ca9d4c6b77862.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5292],{35603:()=>{},85292:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>C});var r=n(95155),l=n(12115);let a=(0,l.createContext)(null);function o(){let e=(0,l.use)(a);if(null==e)throw Error("No context provided: useLeafletContext() can only be used in a descendant of <MapContainer>");return e}var u=n(55027),i=n.n(u);let c=(0,l.forwardRef)(function({bounds:e,boundsOptions:t,center:n,children:r,className:o,id:i,placeholder:c,style:s,whenReady:d,zoom:f,...p},m){let[x]=(0,l.useState)({className:o,id:i,style:s}),[h,b]=(0,l.useState)(null),v=(0,l.useRef)(void 0);(0,l.useImperativeHandle)(m,()=>h?.map??null,[h]);let g=(0,l.useCallback)(r=>{if(null!==r&&!v.current){let l=new u.Map(r,p);v.current=l,null!=n&&null!=f?l.setView(n,f):null!=e&&l.fitBounds(e,t),null!=d&&l.whenReady(d),b(Object.freeze({__version:1,map:l}))}},[]);(0,l.useEffect)(()=>()=>{h?.map.remove()},[h]);let w=h?l.createElement(a,{value:h},r):c??null;return l.createElement("div",{...x,ref:g},w)});var s=n(47650);function d(e,t){let n=(0,l.useRef)(t);(0,l.useEffect)(function(){t!==n.current&&null!=e.attributionControl&&(null!=n.current&&e.attributionControl.removeAttribution(n.current),null!=t&&e.attributionControl.addAttribution(t)),n.current=t},[e,t])}function f(e,t){let n=(0,l.useRef)(void 0);(0,l.useEffect)(function(){return null!=t&&e.instance.on(t),n.current=t,function(){null!=n.current&&e.instance.off(n.current),n.current=null}},[e,t])}function p(e,t){let n=e.pane??t.pane;return n?{...e,pane:n}:e}function m(e,t,n){return Object.freeze({instance:e,context:t,container:n})}function x(e,t){return null==t?function(t,n){let r=(0,l.useRef)(void 0);return r.current||(r.current=e(t,n)),r}:function(n,r){let a=(0,l.useRef)(void 0);a.current||(a.current=e(n,r));let o=(0,l.useRef)(n),{instance:u}=a.current;return(0,l.useEffect)(function(){o.current!==n&&(t(u,n,o.current),o.current=n)},[u,n,t]),a}}function h(e){return function(t){var n;let r=o(),a=e(p(t,r),r);return d(r.map,t.attribution),f(a.current,t.eventHandlers),n=a.current,(0,l.useEffect)(function(){return(r.layerContainer??r.map).addLayer(n.instance),function(){r.layerContainer?.removeLayer(n.instance),r.map.removeLayer(n.instance)}},[r,n]),a}}let b=function(e,t){var n;return n=h(x(e,t)),(0,l.forwardRef)(function(e,t){let{instance:r}=n(e).current;return(0,l.useImperativeHandle)(t,()=>r),null})}(function({url:e,...t},n){return m(new u.TileLayer(e,p(t,n)),n)},function(e,t,n){let{opacity:r,zIndex:l}=t;null!=r&&r!==n.opacity&&e.setOpacity(r),null!=l&&l!==n.zIndex&&e.setZIndex(l);let{url:a}=t;null!=a&&a!==n.url&&e.setUrl(a)}),v=function(e,t){var n;return n=h(x(e,t)),(0,l.forwardRef)(function(e,t){let{instance:r,context:o}=n(e).current;(0,l.useImperativeHandle)(t,()=>r);let{children:u}=e;return null==u?null:l.createElement(a,{value:o},u)})}(function({position:e,...t},n){var r;let l=new u.Marker(e,t);return m(l,(r={overlayContainer:l},Object.freeze({...n,...r})))},function(e,t,n){t.position!==n.position&&e.setLatLng(t.position),null!=t.icon&&t.icon!==n.icon&&e.setIcon(t.icon),null!=t.zIndexOffset&&t.zIndexOffset!==n.zIndexOffset&&e.setZIndexOffset(t.zIndexOffset),null!=t.opacity&&t.opacity!==n.opacity&&e.setOpacity(t.opacity),null!=e.dragging&&t.draggable!==n.draggable&&(!0===t.draggable?e.dragging.enable():e.dragging.disable())}),g=function(e,t){var n,r;return n=x(e),r=function(e,r){let l=o(),a=n(p(e,l),l);return d(l.map,e.attribution),f(a.current,e.eventHandlers),t(a.current,l,e,r),a},(0,l.forwardRef)(function(e,t){let[n,a]=(0,l.useState)(!1),{instance:o}=r(e,a).current;(0,l.useImperativeHandle)(t,()=>o),(0,l.useEffect)(function(){n&&o.update()},[o,n,e.children]);let u=o._contentNode;return u?(0,s.createPortal)(e.children,u):null})}(function(e,t){return m(new u.Popup(e,t.overlayContainer),t)},function(e,t,{position:n},r){(0,l.useEffect)(function(){let{instance:l}=e;function a(e){e.popup===l&&(l.update(),r(!0))}function o(e){e.popup===l&&r(!1)}return t.map.on({popupopen:a,popupclose:o}),null==t.overlayContainer?(null!=n&&l.setLatLng(n),l.openOn(t.map)):t.overlayContainer.bindPopup(l),function(){t.map.off({popupopen:a,popupclose:o}),t.overlayContainer?.unbindPopup(),t.map.removeLayer(l)}},[e,t,r,n])});var w=n(52619),y=n.n(w);n(35603);var j=n(64269);let N=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"white";return i().divIcon({className:"custom-map-icon",html:"<div style=\"\n            background-image: url('".concat(e||"/placeholder.jpg","');\n            background-size: cover;\n            background-position: center;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            border: 2px solid ").concat(t,';\n            box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        "></div>'),iconSize:[40,40],iconAnchor:[20,20],popupAnchor:[0,-20]})};function k(e){let{selectedLocation:t}=e,n=o().map;return(0,l.useEffect)(()=>{t&&n.flyTo([t.lat,t.lng],13,{animate:!0,duration:1.5})},[t,n]),null}function C(e){let{artists:t}=e,[n,a]=(0,l.useState)(!1),[o,u]=(0,l.useState)(null);if((0,l.useEffect)(()=>{a(!0)},[]),!n)return(0,r.jsx)("div",{className:"h-full w-full bg-muted animate-pulse"});let i=t.find(e=>e.id===o),s=i&&"number"==typeof i.artwork.lat&&"number"==typeof i.artwork.lng?{lat:i.artwork.lat,lng:i.artwork.lng}:null,d=t.filter(e=>"number"==typeof e.artwork.lat&&"number"==typeof e.artwork.lng);return(0,r.jsxs)("div",{className:"flex flex-col md:flex-row h-full w-full",children:[(0,r.jsxs)("div",{className:"w-full md:w-80 border-b md:border-b-0 md:border-r bg-card flex flex-col h-1/3 md:h-full order-2 md:order-1",children:[(0,r.jsx)("div",{className:"p-4 border-b",children:(0,r.jsxs)("h2",{className:"font-semibold text-lg flex items-center",children:["Locations Key",(0,r.jsx)("span",{className:"ml-2 text-xs bg-muted px-2 py-0.5 rounded-full text-muted-foreground",children:d.length})]})}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,r.jsx)("div",{className:"p-2 space-y-1",children:d.map(e=>(0,r.jsx)("button",{onClick:()=>u(e.id),className:(0,j.cn)("w-full text-left p-3 rounded-lg text-sm transition-colors hover:bg-accent group border border-transparent",o===e.id?"bg-accent border-primary/20":""),children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"w-2 h-2 mt-1.5 rounded-full bg-primary shrink-0 opacity-70 group-hover:opacity-100"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-medium leading-none mb-1 group-hover:text-primary transition-colors",children:e.artwork.location}),(0,r.jsx)("p",{className:"text-xs text-muted-foreground line-clamp-1",children:e.artist.name})]})]})},e.id))})})]}),(0,r.jsx)("div",{className:"flex-1 h-2/3 md:h-full relative order-1 md:order-2 z-0",children:(0,r.jsxs)(c,{center:[39.7684,-86.1581],zoom:7,style:{height:"100%",width:"100%"},className:"z-0",children:[(0,r.jsx)(b,{attribution:'\xa9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),(0,r.jsx)(k,{selectedLocation:s}),d.map(e=>{let t=e.artist.portraitUrl||e.artwork.imageUrl,n=o===e.id;return(0,r.jsx)(v,{position:[e.artwork.lat,e.artwork.lng],icon:N(t,n?"#3b82f6":"white"),eventHandlers:{click:()=>u(e.id)},children:(0,r.jsx)(g,{children:(0,r.jsxs)("div",{className:"min-w-[200px] text-slate-800",children:[(0,r.jsx)("h3",{className:"font-bold text-lg text-slate-900",children:e.artist.name}),(0,r.jsx)("p",{className:"text-sm font-medium mb-1 text-slate-700",children:e.artwork.title}),(0,r.jsx)("p",{className:"text-xs text-slate-500 mb-2",children:e.artwork.location}),(0,r.jsx)(y(),{href:"/artists/".concat(e.id),className:"text-primary hover:underline text-sm font-semibold",children:"View Profile"})]})})},e.id)})]})})]})}}}]);