https://portal.commoninterest.com/assets/inbox-DebgVb5I.js

1import{j as e,u as ne,r,q as f,B as se,W as ae,k as re}from"./elements-5kxJS_4j.js";import{A as oe,aX as ie,L as le}from"./index-CtCeyryw.js";import{F as ce}from"./FilterableGridWidget-CTujm4JR.js";import{A as de}from"./authorization-DRCBMAi9.js";import{u as ue}from"./useIsNonHomeownerBoardMember-Cs-SpCXk.js";import{u as me}from"./useSelectedProperty-CronaFcx.js";import{u as xe,a as pe}from"./portal-requests-pSSQdVkY.js";import{A as y,n as fe,c as he}from"./requests-list-utils-C5cdaefJ.js";import{m as ge,i as j,a as E,b as P,c as H}from"./inbox-utils-cCyAOT4Z.js";import"./grids-DGmfp9GI.js";import"./startOfDay-AazlW55I.js";import"./Widget-Dku3WMLx.js";import"./useIsMobile-DE0QDUth.js";import"./FilterableGridFilters-BSwkYGCZ.js";import"./useAuthorization-XS6cSJ0I.js";import"./useMutation-jkV-6MpM.js";const be="Inbox",w=10,K="--";function ye(){const{t:n}=ne(),I=ue(),[N,C]=oe(),[a,h]=r.useState(y),[u,A]=r.useState(N.get("unreadOnly")==="1"),[l,g]=r.useState(0),[S,x]=r.useState(),[b]=me(),L=r.useRef(null),T=b==null?void 0:b.ownerId,{data:G,isLoading:Q,isError:X,refetch:V}=xe({ownerId:T}),{mutate:Z}=pe(),F=r.useMemo(()=>fe(G).map(ge),[G]),c=r.useMemo(()=>u?F.filter(t=>t.unread):F,[F,u]),R=r.useMemo(()=>{const t=n("main.inbox.needsAttention"),i=n("main.inbox.requests"),d=n("main.inbox.reservations"),k=n("main.inbox.general"),s=new Map,M=new Map;let U=0,_=0,z=0,$=0,D=0,W=0;for(const o of c){const p=o.unread?1:0;if(j(o.actionCategoryName)){U+=p,_+=1;continue}if(E(o)){D+=p,W+=1;continue}if(P(o)){z+=p,$+=1;continue}const v=H(o.category)?k:o.category;s.set(v,(s.get(v)??0)+p),M.set(v,(M.get(v)??0)+1)}const te=Array.from(M.keys()).map(o=>({label:o,count:s.get(o)??0,value:o})).sort((o,p)=>o.label.localeCompare(p.label));return[{label:y,count:c.filter(o=>o.unread).length,value:y},..._>0?[{label:t,count:U,value:t,escalated:!0}]:[],...$>0?[{label:i,count:z,value:i}]:[],...W>0?[{label:d,count:D,value:d}]:[],...te]},[c,n]),m=r.useMemo(()=>{const t=n("main.inbox.needsAttention"),i=n("main.inbox.requests"),d=n("main.inbox.reservations"),k=n("main.inbox.general");return a===y?c:a===t?c.filter(s=>j(s.actionCategoryName)):a===i?c.filter(s=>P(s)):a===d?c.filter(s=>E(s)):a===k?c.filter(s=>H(s.category)&&!j(s.actionCategoryName)&&!E(s)&&!P(s)):c.filter(s=>s.category===a)},[c,a,n]);r.useEffect(()=>{new Set(R.map(i=>i.value)).has(a)||h(y)},[R,a]),r.useEffect(()=>{g(0)},[a,u,T]),r.useEffect(()=>{const t=he(l,m.length,w);t!==l&&g(t)},[l,m.length]);const O=m.length,J=u?"?unreadOnly=1":"",Y=t=>{!t.unread||t.actionItemId<=0||Z({actionItemId:t.actionItemId,actionItemNoteId:t.actionItemNoteId})},ee=t=>{A(t),C(i=>{const d=new URLSearchParams(i);return t?d.set("unreadOnly","1"):d.delete("unreadOnly"),d})},q=r.useMemo(()=>m.slice(l*w,(l+1)*w),[m,l]),B=r.useMemo(()=>Array.from(new Set(m.map(t=>(t.status??"").trim()||K))),[m]);return r.useLayoutEffect(()=>{const t=L.current;if(!t)return;const i=Array.from(t.querySelectorAll("[data-status-measure]")).map(d=>d.getBoundingClientRect().width);if(!i.length){x(void 0);return}x(Math.ceil(Math.max(...i)))},[B]),I?e.jsx(ie,{to:"/dashboard",replace:!0}):e.jsx(de,{requireAuth:!0,children:e.jsxs("div",{"data-feature":"v3-inbox-page",children:[e.jsx("div",{ref:L,"aria-hidden":!0,"data-qa":"v3-inbox-page-status-measure","data-feature":"v3-inbox-page-status-measure",className:"absolute invisible pointer-events-none h-0 overflow-hidden",children:B.map(t=>e.jsx("div",{"data-status-measure":!0,className:f("h-[24px] px-[10px] inline-flex items-center justify-center rounded-[50px]","bg-[#d9ebfa]"),children:e.jsx("span",{className:"text-[13px] font-semibold text-base-header whitespace-nowrap",children:t})},t))}),e.jsx(ce,{id:"inbox-widget",semanticClassPrefix:"v3-inbox-page",title:n("main.inbox.yourMessages"),filters:R,selectedFilter:a,onFilterChange:h,filterRightContent:e.jsx(ae,{"data-qa":"inbox-unread-only",id:"inbox-unread-only",value:u,onChange:ee,label:n("main.inbox.unreadOnly")}),loading:Q,pagination:O>0?{page:l,pageSize:w,totalCount:O,onPageChange:g}:void 0,children:X?e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsxs("div",{className:"flex flex-col items-center gap-2 text-base-body",children:[e.jsx("span",{children:n("main.inbox.loadError")}),e.jsx(se,{variant:"primaryLink",onClick:()=>void V(),"data-qa":"inbox-retry",children:n("main.inbox.tryAgain")})]})}):q.length===0?e.jsx("div",{className:"flex items-center justify-center py-12 text-base-body",children:n("main.inbox.noMessagesFound")}):e.jsx(e.Fragment,{children:q.map((t,i)=>e.jsx(ve,{item:t,onClick:Y,detailQuery:J,isLast:i===q.length-1,statusColumnWidth:S,statusFallbackLabel:K},t.id))})})]})})}function ve({item:n,onClick:I,detailQuery:N,isLast:C,statusColumnWidth:a,statusFallbackLabel:h}){const u=re(n.date,{format:"short"}),A=f("flex gap-[29px] h-[50px] items-center px-[22px] py-[14px] min-w-0 overflow-hidden cursor-pointer hover:bg-gray-50 transition-colors",!C&&"border-b border-[#d9d9d9]"),l=j(n.actionCategoryName),g=n.unread,S=n.unread&&l,x=n.unread,b=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[8px] shrink-0 flex justify-center",children:g&&e.jsx("div",{className:f("size-2 roun

1ded-full shrink-0",S?"bg-error":"bg-primary"),"aria-hidden":!0})}),e.jsx("div",{className:"w-[120px] shrink-0 overflow-hidden",children:e.jsx("p",{className:f("text-[14px] truncate",l?"text-error font-semibold":"text-base-header",!l&&(x?"font-bold":"font-normal")),children:n.category})}),e.jsxs("div",{className:"flex-1 flex gap-[3px] items-center pr-[30px] text-[14px] text-base-header min-w-0 overflow-hidden",children:[e.jsx("p",{className:f("shrink-0 truncate",x?"font-bold text-black":"font-normal"),children:n.subject}),e.jsx("span",{className:"shrink-0",children:"-"}),e.jsx("p",{className:"flex-1 font-normal opacity-70 overflow-hidden text-ellipsis whitespace-nowrap min-w-0",children:n.snippet})]}),e.jsx("div",{className:"shrink-0 flex justify-start overflow-hidden",style:a?{width:`${a}px`,minWidth:`${a}px`}:void 0,children:e.jsx("span",{className:"h-[24px] px-[10px] min-w-0 flex items-center justify-center rounded-[50px] bg-[#d9ebfa]",children:e.jsx("span",{title:(n.status??"").trim()||h,className:"max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-[13px] font-semibold text-base-header",children:(n.status??"").trim()||h})})}),e.jsx("div",{className:"shrink-0 overflow-hidden",children:e.jsx("p",{className:f("text-[14px] whitespace-nowrap truncate",x?"font-bold text-black":"font-normal text-base-header"),children:u})})]});return e.jsx(le,{to:`${n.href}${N}`,"data-qa":"v3-inbox-page-row","data-feature":"v3-inbox-page-row",className:A,onClick:()=>I(n),children:b})}const Ge={title:be,subtitle:"Messages and announcements",showPropertySelector:!0,showAi:!0,requiresEarlyAccess:"redesign-v3-phase-2"};function Oe(){return e.jsx(ye,{})}export{Oe as Component,Ge as handle};