https://industrialiq.ai/BrowseLeaseListingsPage-C6zi6847.js

1import{r as e,au as t,a9 as l,av as s,j as i,bk as n}from"./index-GDMS6ldZ.js";import{a as r,N as a,M as o}from"./mapbox-gl-CrLFvMgd.js";import{S as d,L as u}from"./layer-Cm_nBd26.js";import{M as c}from"./mapConstants-BqZ8flUb.js";import{u as m,a as x}from"./leaseListingApi-BE3nbyCu.js";import{P as b,S as h}from"./Filter-CjIZKm-n.js";import{F as p}from"./AdjustmentsHorizontalIcon-B1OORFFB.js";import{F as g}from"./MagnifyingGlassIcon-D9LWneJi.js";import{F as f}from"./MapPinIcon-r2OEGO5k.js";import{F as v}from"./XMarkIcon-saypijZy.js";import{F as j}from"./ArrowUpOnSquareIcon-C4zrcB9o.js";import{F as N}from"./HeartIcon-B1u971a8.js";import{F as w}from"./HeartIcon-Dhmgxk24.js";import{F as y}from"./ChevronLeftIcon-BUBYIo34.js";import{F as M}from"./ChevronRightIcon-8w11xhHf.js";import{F as S}from"./ChevronDownIcon-yYabH6t6.js";import"./warehouse-CuMUFZOD.js";import"./propertyListFilters-DU2S7kGf.js";import"./filterUtils-XLj5sfX2.js";import"./AdapterDateFns-BTxdIv--.js";import"./CheckIcon-CswifWbj.js";import"./PencilSquareIcon-CFikD9CW.js";import"./ArrowPathIcon-D-MTjHNq.js";import"./PlusIcon--Tog64JZ.js";import"./EyeIcon-vvxqIz7M.js";import"./TrashIcon-aFAs-3EF.js";import"./dialog-DI7BzUC6.js";import"./portal-CpA9E1LO.js";import"./use-tab-direction-r0j1w13K.js";import"./hidden-DAIQtKKH.js";const F={longitude:-95.7129,latitude:37.0902,zoom:3.5},I=336,L=12,q=[0,1e7],k=[0,1e6],$=[0,30],P=[5,10,25,50];function C(e){const t=Number(e);return!Number.isFinite(t)||t<=0?"--":`$${t.toFixed(2)}`}function A(e){const t=Number(e);return!Number.isFinite(t)||t<=0?"For Lease":`$${t.toFixed(2)} / sq ft`}function R(e){return Array.isArray(null==e?void 0:e.images)&&e.images.length>0?e.images[0]:"string"==typeof(null==e?void 0:e.images)&&e.images.trim()?e.images:"/placeholder-store.png"}function E(e){const t=(null==e?void 0:e.iq_id)??(null==e?void 0:e.iqId)??(null==e?void 0:e.id);return null==t?"":String(t)}function z(e,{min:t,max:l,buckets:s=24}){const i=new Array(s).fill(0),n=e.filter(e=>Number.isFinite(e));if(0===n.length||t>=l)return i;const r=l-t;return n.forEach(e=>{if(e<t||e>l)return;const n=(e-t)/r,a=Math.min(s-1,Math.max(0,Math.floor(n*s)));i[a]+=1}),i}function B(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(0)}K`:String(e)}function _(){const _=e.useMemo(()=>function(){if("undefined"==typeof window)return 620;const e=Math.floor(.5*window.innerWidth);return Math.min(Math.max(e,480),980)}(),[]),{selectedPlatformTypeName:T}=t(),{isAdmin:D}=l(),{showFilter:U,setShowFilter:H}=s(),[K,Q]=e.useState(1),[G,W]=e.useState(""),[X,Z]=e.useState(""),[O,V]=e.useState(null),[J,Y]=e.useState([...q]),[ee,te]=e.useState([...k]),[le,se]=e.useState([...$]),[ie,ne]=e.useState(null),[re,ae]=e.useState(null),[oe,de]=e.useState(null),[ue,ce]=e.useState(0),[me,xe]=e.useState(null),[be,he]=e.useState(25),[pe,ge]=e.useState(null),[fe,ve]=e.useState(_),[je,Ne]=e.useState({}),[we,ye]=e.useState({}),Me=e.useRef(null),Se=e.useRef(!1),Fe=e.useRef({}),Ie=e.useRef(!1),Le=e.useRef(null);e.useEffect(()=>{const e=window.setTimeout(()=>{Z(G.trim())},350);return()=>window.clearTimeout(e)},[G]),e.useEffect(()=>{Q(1)},[X,me,be]);const{data:qe,isLoading:ke,isFetching:$e}=m({page:K,perPage:12,state:null,searchQuery:X,lat:(null==me?void 0:me.lat)??null,lng:(null==me?void 0:me.lng)??null,radiusMiles:me?be:null}),{data:Pe,isLoading:Ce}=x(pe),Ae=e.useMemo(()=>Array.isArray(null==qe?void 0:qe.data)?qe.data:[],[qe]),Re=(null==qe?void 0:qe.pagination)??{},Ee=Number((null==Re?void 0:Re.totalPages)??0),ze=Boolean(null==Re?void 0:Re.hasPrevPage),Be=Boolean(null==Re?void 0:Re.hasNextPage),_e=e.useMemo(()=>(Array.isArray(null==Pe?void 0:Pe.data)?Pe.data:[]).map(e=>{const t=Number(null==e?void 0:e.latitude),l=Number(null==e?void 0:e.longitude);return Number.isFinite(t)&&Number.isFinite(l)?{iqId:null==(null==e?void 0:e.iq_id)?"":String(e.iq_id),latitude:t,longitude:l,avgRent:null==e?void 0:e.avgRent}:null}).filter(Boolean),[Pe]),Te=e.useMemo(()=>{const e=new globalThis.Map;return Ae.forEach(t=>{const l=E(t);l&&e.set(l,t)}),e},[Ae]),De=e.useMemo(()=>{const e=new globalThis.Map;return _e.forEach(t=>{(null==t?void 0:t.iqId)&&e.set(t.iqId,t)}),e},[_e]),Ue=e.useMemo(()=>Ae.map(e=>Number(null==e?void 0:e.askingPrice)).filter(Number.isFinite),[Ae]),He=e.useMemo(()=>Ae.map(e=>Number((null==e?void 0:e.buildingSqFt)??(null==e?void 0:e.sqFt))).filter(Number.isFinite),[Ae]),Ke=e.useMemo(()=>Ae.map(e=>Number((null==e?void 0:e.avgRent)??(null==e?void 0:e.avgRentPerSqFt))).filter(Number.isFinite),[Ae]),Qe=e.useMemo(()=>z(Ue,{min:q[0],max:q[1]}),[Ue]),Ge=e.useMemo(()=>z(He,{min:k[0],max:k[1]}),[He]),We=e.useMemo(()=>z(Ke,{min:$[0],max:$[1]}),[Ke]),Xe=e.useMemo(()=>Ae.filter(e=>{const t=Number(null==e?void 0:e.askingPrice),l=Number((null==e?void 0:e.buildingSqFt)??(null==e?void 0:e.sqFt)),s=Number((null==e?void 0:e.avgRent)??(null==e?void 0:e.avgRentPerSqFt)),i=!Number.isFinite(t)||t>=J[0]&&t<=J[1],n=!Number.isFinite(l)||l>=ee[0]&&l<=ee[1],r=!Number.isFinite(s)||s>=le[0]&&s<=le[1];return i&&n&&r}),[Ae,J,ee,le]);e.useEffect(()=>{var e;if(!(null==(e=Me.current)?void 0:e.getMap)||0===_e.length||Se.current)return;const t=Me.current.getMap();if(!t)return;const l=_e.reduce((e,t)=>

1({minLng:Math.min(e.minLng,t.longitude),minLat:Math.min(e.minLat,t.latitude),maxLng:Math.max(e.maxLng,t.longitude),maxLat:Math.max(e.maxLat,t.latitude)}),{minLng:1/0,minLat:1/0,maxLng:-1/0,maxLat:-1/0});t.fitBounds([[l.minLng,l.minLat],[l.maxLng,l.maxLat]],{padding:60,duration:0}),Se.current=!0},[_e]);const Ze=e=>{const t=E(e);ne(t),(e=>{if(!e)return;const t=n.replace(":id",encodeURIComponent(e));window.open(t,"_blank","noopener,noreferrer")})(t)},Oe=e=>{const t=String(e??"");t&&(ae(t),(e=>{var t,l;const s=String(e??"");if(!s)return;const i=De.get(s),n=null==(l=null==(t=Me.current)?void 0:t.getMap)?void 0:l.call(t);i&&n&&n.flyTo({center:[i.longitude,i.latitude],duration:550,essential:!0})})(t))},Ve=()=>{var e,t;const l=null==(t=null==(e=Me.current)?void 0:e.getMap)?void 0:t.call(e);if(!l)return;const s=l.getBounds();s&&ge({minLat:Math.floor(100*s.getSouth())/100,maxLat:Math.ceil(100*s.getNorth())/100,minLng:Math.floor(100*s.getWest())/100,maxLng:Math.ceil(100*s.getEast())/100})},Je=e.useMemo(()=>me?function(e,t,l=64){const s=t/69,i=t/(69*Math.max(1e-6,Math.cos(e.lat*Math.PI/180))),n=[];for(let r=0;r<=l;r+=1){const t=r/l*2*Math.PI;n.push([e.lng+i*Math.cos(t),e.lat+s*Math.sin(t)])}return{type:"Feature",geometry:{type:"Polygon",coordinates:[n]}}}(me,be):null,[me,be]);e.useEffect(()=>{const e=e=>{if(!Ie.current||"undefined"==typeof window)return;const t=Math.min(1120,Math.floor(.78*window.innerWidth)),l=Math.max(480,Math.min(e.clientX,t));ve(l)},t=()=>{Ie.current=!1,document.body.style.userSelect="",document.body.style.cursor=""};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t)}},[]);const Ye=oe?Te.get(oe.iqId):null,et=Ye?[null==Ye?void 0:Ye.city,null==Ye?void 0:Ye.state,null==Ye?void 0:Ye.zip].filter(Boolean).join(", "):null,tt=fe>_?"grid-cols-1 lg:grid-cols-3":"grid-cols-1 lg:grid-cols-2",lt=e.useMemo(()=>{var e;if(!oe||!(null==(e=Me.current)?void 0:e.getMap))return null;const t=Me.current.getMap();if(!t)return null;const l=t.project([oe.longitude,oe.latitude]),s=t.getContainer(),i=(null==s?void 0:s.clientWidth)??0,n=(null==s?void 0:s.clientHeight)??0;if(!i||!n)return null;const r=l.y-14-I>=L,a=l.y+14+I<=n-L,o=r||!a?l.y-14-I:l.y+14,d=l.x-160;return{left:Math.min(Math.max(d,L),i-320-L),top:Math.min(Math.max(o,L),n-I-L)}},[oe,ue]);e.useEffect(()=>{var e;if(!oe||!(null==(e=Me.current)?void 0:e.getMap))return;const t=Me.current.getMap();if(!t)return;const l=()=>ce(e=>e+1);return l(),t.on("move",l),t.on("zoom",l),t.on("resize",l),t.on("pitch",l),t.on("rotate",l),()=>{t.off("move",l),t.off("zoom",l),t.off("resize",l),t.off("pitch",l),t.off("rotate",l)}},[oe]);const st=({cardKey:e,direction:t,totalImages:l})=>{!l||l<=1||ye(s=>{const i=((s[e]??0)+t+l)%l;return{...s,[e]:i}})};e.useEffect(()=>{const e=e=>{var t;(null==(t=Le.current)?void 0:t.contains(e.target))||V(null)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const it=(e,t)=>{Array.isArray(t)&&2===t.length&&("price"===e&&Y(t),"sqft"===e&&te(t),"rent"===e&&se(t))},nt=({id:e,label:t,range:l,limits:s,histogram:n,prefix:r="",suffix:a=""})=>i.jsxs("div",{className:"relative",children:[i.jsxs("button",{type:"button",onClick:()=>V(t=>t===e?null:e),className:"inline-flex items-center gap-1 rounded-md border px-3 py-2 text-sm font-medium transition-colors "+(O===e?"border-blue-600 bg-blue-50 text-blue-700":"border-slate-300 bg-white text-slate-700"),children:[t,i.jsx(S,{className:"h-4 w-4 text-slate-500"})]}),O===e&&i.jsxs("div",{className:"absolute left-0 top-full z-30 mt-2 w-[360px] rounded-xl border border-slate-200 bg-white p-4 shadow-xl",children:[i.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[i.jsx("p",{className:"text-sm font-semibold text-slate-900",children:t}),i.jsxs("p",{className:"text-xs font-semibold text-blue-700",children:[r,B(l[0]),a," - ",r,B(l[1]),a]})]}),i.jsx("div",{className:"mb-3 flex h-14 items-end gap-1 rounded-md bg-slate-50 px-2 py-1",children:n.map((t,l)=>{const s=Math.max(...n,1),r=t>0?Math.max(8,Math.round(t/s*42)):4;return i.jsx("div",{className:"w-2 rounded-t bg-blue-500/80",style:{height:`${r}px`}},`${e}-bucket-${l}`)})}

1),i.jsx(h,{value:l,onChange:(t,l)=>it(e,l),min:s[0],max:s[1],step:"sqft"===e?5e3:1,disableSwap:!0,sx:{color:"#2563eb",height:4,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-rail":{backgroundColor:"#bfdbfe",opacity:1},"& .MuiSlider-thumb":{height:16,width:16,backgroundColor:"#ffffff",border:"2px solid #d4d4d8",boxShadow:"0 1px 6px rgba(15, 23, 42, 0.2)","&:before":{display:"none"}}}}),i.jsxs("div",{className:"mt-3 grid grid-cols-[1fr_auto_1fr] items-center gap-2",children:[i.jsx("input",{type:"number",value:l[0],onChange:t=>it(e,[Math.max(s[0],Number(t.target.value||s[0])),l[1]]),className:"w-full rounded-md border border-slate-300 px-2.5 py-2 text-sm font-medium text-slate-800 focus:border-blue-500 focus:outline-none"}),i.jsx("span",{className:"text-sm text-slate-400",children:"-"}),i.jsx("input",{type:"number",value:l[1],onChange:t=>it(e,[l[0],Math.min(s[1],Number(t.target.value||s[1]))]),className:"w-full rounded-md border border-slate-300 px-2.5 py-2 text-sm font-medium text-slate-800 focus:border-blue-500 focus:outline-none"})]}),i.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[i.jsx("button",{type:"button",onClick:()=>{"price"===e&&Y([...q]),"sqft"===e&&te([...k]),"rent"===e&&se([...$])},className:"text-sm font-semibold text-blue-700 hover:text-blue-800",children:"Reset"}),i.jsx("button",{type:"button",onClick:()=>V(null),className:"inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-500",children:"Done"})]})]})]});return i.jsxs("div",{className:"h-full min-h-0 w-full bg-slate-100",children:[i.jsxs("div",{className:"flex h-full min-h-0 w-full",children:[i.jsxs("aside",{className:"flex h-full min-h-0 w-full flex-col border-r border-slate-200 bg-white lg:w-auto",style:{width:`min(100%, ${fe}px)`},children:[i.jsxs("div",{className:"border-b border-slate-200 px-4 py-3 sm:px-5",children:[i.jsxs("div",{ref:Le,className:"flex flex-wrap items-center gap-2",children:[i.jsx(nt,{id:"price",label:"Price",range:J,limits:q,histogram:Qe,prefix:"$"}),i.jsx(nt,{id:"sqft",label:"Sq Ft",range:ee,limits:k,histogram:Ge}),i.jsx(nt,{id:"rent",label:"Renting $/sq ft",range:le,limits:$,histogram:We,prefix:"$"}),i.jsxs("button",{type:"button",onClick:()=>H(!0),className:"inline-flex items-center gap-1.5 rounded-md border border-slate-300 bg-white px-3 py-2 text-sm font-medium text-slate-700",children:[i.jsx(p,{className:"h-4 w-4 text-slate-500"}),"Filters"]}),i.jsx("button",{type:"button",className:"inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500",children:"Save search"})]}),i.jsxs("div",{className:"mt-4 flex items-center justify-between gap-3 border-slate-200 pb-0",children:[i.jsxs("h1",{className:"flex-1 text-left text-lg leading-none font-semibold text-slate-900",children:[T||"Properties"," for lease & real estate"]}),i.jsxs("div",{className:"flex items-center gap-4 text-sm font-semibold",children:[i.jsx("p",{className:"whitespace-nowrap text-slate-900",children:$e&&!ke?"Updating...":`${Xe.length.toLocaleString()} properties`}),i.jsxs("label",{className:"inline-flex items-center gap-2 whitespace-nowrap text-slate-700",children:[i.jsx("span",{children:"Sort:"}),i.jsxs("select",{className:"rounded-md border border-slate-300 bg-white px-2.5 py-1.5 text-sm font-semibold text-slate-800 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20",defaultValue:"recommended",children:[i.jsx("option",{value:"recommended",children:"Recommended"}),i.jsx("option",{value:"price_desc",children:"Price (high to low)"}),i.jsx("option",{value:"price_asc",children:"Price (low to high)"}),i.jsx("option",{value:"newest",children:"Newest"})]})]})]})]}),i.jsx("div",{className:"mt-4 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5",children:i.jsxs("label",{className:"flex items-center gap-2",children:[i.jsx(g,{className:"h-4 w-4 text-slate-400"}),i.jsx("input",{type:"text",value:G,onChange:e=>W(e.target.value),placeholder:"Search by address, city, state, or ZIP",className:"w-full bg-transparent text-sm text-slate-800 placeholder:text-slate-400 focus:outline-none"})]})}),me?i.jsxs("div",{className:"mt-3 flex flex-wrap items-center gap-2 rounded-lg border border-blue-200 bg-blue-50 px-3 py-2",children:[i.jsx(f,{className:"h-4 w-4 shrink-0 text-blue-700"}),i.jsx("span",{className:"text-sm font-semibold text-blue-900",children:"Showing listings near your dropped pin"}),i.jsxs("label",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-blue-900",children:[i.jsx("span",{children:"within"}),i.jsx("select",{value:be,onChange:e=>he(Number(e.target.value)),className:"rounded-md border border-blue-300 bg-white px-2 py-1 text-sm font-semibold text-blue-900 focus:border-blue-500 focus:outline-none",children:P.map(e=>i.jsxs("option",{value:e,children:[e," mi"]},e))})]}),i.jsxs("button",{type:"button",onClick:()=>xe(null),className:"ml-auto inline-flex items-center gap-1 rounded-md border border-blue-300 bg-white px-2.5 py-1 text-xs font-semibold text-blue-800 transition hover:bg-blue-100",children:[i.jsx(v,{className:"h-3.5 w-3.5"}),"Clear"]})]}):i.jsx("p",{className:"mt-3 text-xs font-medium text-slate-500",children:"Tip: click anyw

1here on the map to see listings nearest that spot."})]}),i.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto p-4 sm:p-5",children:ke?i.jsx("div",{className:`grid gap-4 ${tt}`,children:[0,1,2,3].map(e=>i.jsx("div",{className:"h-[360px] animate-pulse rounded-xl bg-slate-200"},e))}):0===Xe.length?i.jsxs("div",{className:"rounded-xl border border-dashed border-slate-300 bg-slate-50 p-10 text-center",children:[i.jsx("p",{className:"text-sm font-semibold text-slate-700",children:"No lease listings found."}),i.jsx("p",{className:"mt-1 text-sm text-slate-500",children:"Try a broader search or clear filters."})]}):i.jsx("div",{className:`grid gap-4 ${tt}`,children:Xe.map(e=>{const t=E(e),l=t||`${(null==e?void 0:e.address)||"listing"}-${(null==e?void 0:e.zip)||"na"}`,s=(n=e,Array.isArray(null==n?void 0:n.images)&&n.images.length>0?n.images.filter(e=>"string"==typeof e&&e.trim()):"string"==typeof(null==n?void 0:n.images)&&n.images.trim()?[n.images]:["/placeholder-store.png"]);var n;const r=we[l]??0,a=s[r]||R(e),o=[null==e?void 0:e.city,null==e?void 0:e.state,null==e?void 0:e.zip].filter(Boolean).join(", "),d=function(e){if(Array.isArray(e)){const t=e.map(e=>String(e||"").trim()).filter(Boolean);return t.length?t.join(" • "):null}return"string"==typeof e&&e.trim()?e.trim():null}(null==e?void 0:e.features),u=function(e){const t=(null==e?void 0:e.beds)??(null==e?void 0:e.bedrooms)??(null==e?void 0:e.numBedrooms),l=(null==e?void 0:e.baths)??(null==e?void 0:e.bathrooms)??(null==e?void 0:e.numBathrooms),s=(null==e?void 0:e.units)??(null==e?void 0:e.numUnits)??(Array.isArray(null==e?void 0:e.allUnits)?e.allUnits.length:null),i=(null==e?void 0:e.buildingSqFt)??(null==e?void 0:e.sqFt)??(null==e?void 0:e.building_sq_ft),n=(null==e?void 0:e.avgRent)??(null==e?void 0:e.avgRentPerSqFt)??(null==e?void 0:e.avg_rent);return[Number.isFinite(Number(t))?`${Number(t)} beds`:null,Number.isFinite(Number(l))?`${Number(l)} baths`:null,Number.isFinite(Number(s))?`${Number(s)} units`:null,Number.isFinite(Number(i))?`${Number(i).toLocaleString()} sq ft`:null,Number.isFinite(Number(n))&&Number(n)>0?`Renting $${Number(n).toFixed(2)}/sq ft`:null].filter(Boolean).join("  •  ")}(e),c=null!=ie&&String(ie)===t,m=Boolean(je[l]);return i.jsxs("article",{ref:e=>{t&&(Fe.current[t]=e)},role:"button",tabIndex:0,onClick:()=>Ze(e),onMouseEnter:()=>Oe(t),onMouseLeave:()=>{ae(e=>e===t?null:e)},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),Ze(e))},className:"cursor-pointer overflow-hidden rounded-2xl border bg-white shadow-sm transition hover:-translate-y-0.5 hover:shadow-lg "+(c?"border-blue-500 ring-2 ring-blue-500/20":"border-slate-200"),children:[i.jsxs("div",{className:"relative",children:[i.jsx("img",{src:a,alt:(null==e?void 0:e.address)||"Lease listing",className:"h-60 w-full object-cover",loading:"lazy"}),i.jsxs("div",{className:"absolute right-3 top-3 flex items-center gap-1",children:[i.jsx("button",{type:"button",onClick:e=>e.stopPropagation(),className:"inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/70 bg-white/90 text-slate-700 shadow-sm transition hover:bg-white","aria-label":"Share listing",title:"Share listing (coming soon)",children:i.jsx(j,{className:"h-4 w-4"})}),i.jsx("button",{type:"button",onClick:e=>{e.stopPropagation(),(e=>{Ne(t=>({...t,[e]:!t[e]}))})(l)},className:"inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/70 bg-white/90 shadow-sm transition hover:bg-white "+(m?"text-rose-600":"text-slate-700 hover:text-rose-500"),"aria-label":m?"Remove from favorites":"Add to favorites",title:"Favorite (API coming soon)",children:m?i.jsx(N,{className:"h-4 w-4 text-rose-600"}):i.jsx(w,{className:"h-4 w-4 text-slate-600"})})]}),i.jsxs("div",{className:"absolute inset-x-0 top-1/2 flex -translate-y-1/2 items-center justify-between px-2",children:[i.jsx("button",{type:"button",onClick:e=>{e.stopPropagation(),st({cardKey:l,direction:-1,totalImages:s.length})},disabled:s.length<=1,className:"inline-flex h-7 w-7 items-center justify-center rounded-full border border-white/60 bg-white/85 text-slate-700 shadow-sm transition hover:bg-white disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Previous image",children:i.jsx(y,{className:"h-4 w-4"})}),i.jsx("button",{type:"button",onClick:e=>{e.stopPropagation(),st({cardKey:l,direction:1,totalImages:s.length})},disabled:s.length<=1,className:"inline-flex h-7 w-7 items-center justify-center rounded-full border border-white/60 bg-white/85 text-slate-700 shadow-sm transition hover:bg-white disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Next image",children:i.jsx(M,{className:"h-4 w-4"})})]}

1),i.jsx("div",{className:"absolute bottom-2 right-2 rounded-full bg-slate-950/70 px-2 py-0.5 text-[10px] font-semibold text-white",children:s.length>0?`${r+1}/${s.length}`:"1/1"})]}),i.jsxs("div",{className:"p-4 text-left",children:[i.jsx("p",{className:"text-lg font-bold leading-none text-blue-700",children:A((null==e?void 0:e.avgRent)??(null==e?void 0:e.askingPrice))}),i.jsx("p",{className:"mt-0.5 text-sm font-semibold text-slate-700",children:u}),i.jsx("p",{className:"mt-0.5 line-clamp-1 text-base font-semibold text-slate-900",children:(null==e?void 0:e.address)||"--"}),i.jsxs("p",{className:"line-clamp-1 text-xs text-slate-500",children:[o||"--",me&&Number.isFinite(Number(null==e?void 0:e.distanceMiles))&&i.jsx("span",{className:"font-semibold text-blue-700",children:` · ${Number(e.distanceMiles).toFixed(1)} mi from pin`})]}),d&&i.jsx("p",{className:"mt-1 line-clamp-3 text-xs leading-5 text-slate-700",children:d}),D&&t&&i.jsxs("p",{className:"mt-1 text-[11px] font-medium text-slate-500",children:["IQ ID: ",t]})]})]},l)})})}),i.jsx("div",{className:"border-t border-slate-200 px-4 py-3 sm:px-5",children:i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("p",{className:"text-xs font-medium text-slate-500",children:["Page ",K," ",Ee>0?`of ${Ee}`:""]}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsxs("button",{type:"button",disabled:!ze,onClick:()=>Q(e=>Math.max(1,e-1)),className:"inline-flex items-center gap-1 rounded-md border border-slate-300 bg-white px-2.5 py-1.5 text-xs font-semibold text-slate-700 transition disabled:cursor-not-allowed disabled:opacity-40",children:[i.jsx(y,{className:"h-4 w-4"}),"Prev"]}),i.jsxs("button",{type:"button",disabled:!Be,onClick:()=>Q(e=>e+1),className:"inline-flex items-center gap-1 rounded-md border border-slate-300 bg-white px-2.5 py-1.5 text-xs font-semibold text-slate-700 transition disabled:cursor-not-allowed disabled:opacity-40",children:["Next",i.jsx(M,{className:"h-4 w-4"})]})]})]})})]}),i.jsx("div",{className:"relative hidden w-1 cursor-col-resize bg-slate-300 transition-colors hover:bg-blue-500 lg:block",onMouseDown:()=>{Ie.current=!0,document.body.style.userSelect="none",document.body.style.cursor="col-resize"},role:"separator","aria-orientation":"vertical","aria-label":"Resize listings panel"}),i.jsxs("section",{className:"relative hidden min-h-0 flex-1 lg:block",children:[i.jsxs(r,{ref:Me,mapboxAccessToken:"pk.eyJ1IjoibXR0d2FyZG93c2tpIiwiYSI6ImNtbzNkZ3BzbDBodDQycHBuMm5veXZ2NHMifQ.If2trdic06f6hNII-i0TAA",initialViewState:F,mapStyle:c.BASIC_GREYSCALE,style:{width:"100%",height:"100%"},onClick:e=>{var t,l,s,i,n;const r=null==(i=null==(s=null==(l=null==(t=Me.current)?void 0:t.getMap)?void 0:l.call(t))?void 0:s.getCanvas)?void 0:i.call(s);if(r&&(null==(n=null==e?void 0:e.originalEvent)?void 0:n.target)!==r)return;de(null);const a=null==e?void 0:e.lngLat;a&&Number.isFinite(a.lat)&&Number.isFinite(a.lng)&&xe({lat:Number(a.lat.toFixed(6)),lng:Number(a.lng.toFixed(6))})},onLoad:Ve,onMoveEnd:Ve,children:[i.jsx(a,{position:"top-right"}),Je&&i.jsxs(d,{id:"radius-circle",type:"geojson",data:Je,children:[i.jsx(u,{id:"radius-circle-fill",type:"fill",paint:{"fill-color":"#2563eb","fill-opacity":.08}}),i.jsx(u,{id:"radius-circle-line",type:"line",paint:{"line-color":"#2563eb","line-width":1.5,"line-dasharray":[2,2]}})]}),me&&i.jsx(o,{longitude:me.lng,latitude:me.lat,anchor:"bottom",children:i.jsx(f,{className:"h-8 w-8 text-blue-700 drop-shadow-md"})}),_e.map(e=>{const t=null!=ie&&String(ie)===e.iqId,l=null!=re&&String(re)===e.iqId;return i.jsx(o,{longitude:e.longitude,latitude:e.latitude,children:i.jsx("button",{type:"button",onClick:t=>{t.stopPropagation(),(e=>{const t=String(e??"");ne(t),ae(null);const l=Fe.current[t];l&&l.scrollIntoView({behavior:"smooth",block:"center"})})(e.iqId),de(e)},className:"rounded-full border px-2 py-0.5 text-[10px] font-bold shadow-md transition "+(t?"border-blue-950 bg-blue-900 text-white":l?"scale-110 border-blue-700 bg-blue-500 text-white ring-2 ring-blue-300/90":"border-blue-900 bg-blue-800 text-white hover:bg-blue-700"),"aria-label":`Select listing ${e.iqId}`,children:C(e.avgRent)})},`${e.iqId}-${e.latitude}-${e.longitude}`)})]}),oe&&lt&&i.jsx("div",{className:"absolute z-20",style:{left:`${lt.left}px`,top:`${lt.top}px`,width:"320px"},children:i.jsxs("div",{className:"overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-2xl",children:[i.jsxs("div",{className:"relative",children:[i.jsx("img",{src:Ye?R(Ye):"/placeholder-store.png",alt:(null==Ye?void 0:Ye.address)||"Lease listing",className:"h-44 w-full object-cover"}),i.jsx("button",{type:"button",onClick:e=>{e.stopPropagation(),de(null)},className:"absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-full bg-slate-900/65 text-white transition hover:bg-slate-900","aria-label":"Close listing popup",children:i.jsx(v,{className:"h-4 w-4"})})]}),i.jsxs("div",{className:"space-y-2 p-4 text-left",children:[i.jsxs("div",{className:"flex items-center justify-between gap-2",children:[i.jsx("p",{className:"text-3xl font-bold text-slate-900",children:A(oe.avgRent)}),i.jsxs("div",{className:"flex items-center gap-1",children:[i.jsx("button",{type:"button",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border border-slate-200 text-slate-700 transition hover:bg-slate-100","aria-label":"Share listing",title:"Share listing (coming soon)",children:i.jsx(j,{className:"h-4 w-4"})}),i.jsx("button",{type:"button",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border border-slate-200 text-slate-700 transition hover:bg-slate-100","aria-label":"Favorite listing",title:"Favorite listing (API coming soon)",children:i.jsx(w,{className:"h-4 w-4 text-slate-700"})})]})]}),i.jsx("p",{className:"line-clamp-1 text-base font-semibold text-slate-900",children:(null==Ye?void 0:Ye.address)||"Listing details coming soon"}),i.jsx("p",{className:"line-clamp-1 text-sm text-slate-600",children:et||`IQ ID: ${oe.iqId}`}),i.jsxs("div",{className:"flex items-center justify-between rounded-lg bg-slate-50 px-3 py-2 text-xs font-semibold text-slate-700",children:[i.jsx("span",{children:Number.isFinite(Number(null==Ye?void 0:Ye.buildingSqFt))?`${Number(Ye.buildingSqFt).toLocaleStr

1ing()} ft²`:"-- ft²"}),i.jsx("span",{children:Array.isArray(null==Ye?void 0:Ye.allUnits)?`${Ye.allUnits.length} units`:"-- units"})]})]})]})}),(Ce||ke)&&i.jsxs("div",{className:"pointer-events-none absolute left-4 top-4 inline-flex items-center gap-2 rounded-full bg-slate-900/80 px-3 py-1.5 text-xs font-semibold text-white",children:[i.jsx("span",{className:"h-2 w-2 animate-pulse rounded-full bg-blue-400"}),"Loading map data..."]})]})]}),i.jsxs("div",{className:"flex items-center gap-2 border-t border-slate-200 bg-white px-4 py-2 text-xs text-slate-500 lg:hidden",children:[i.jsx(f,{className:"h-4 w-4"}),"Map view is available on larger screens."]}),U&&i.jsx(b,{})]})}export{_ as default};