https://portal.commoninterest.com/assets/homeowners._id_-BEcBzg9Q.js

1import{u as v,r as j,j as e,bf as f,B as S,F,bF as k,a_ as q,k as A,cs as ie,S as _,bw as K,ck as me,ct as ce,cu as de,cv as ue,q as he,aP as xe}from"./elements-5kxJS_4j.js";import{M as J}from"./MobileCardButton-D6bsn729.js";import{M as d}from"./MobileField-B3-KzBgL.js";import{M as R}from"./MobileSearchSortList-SnRnltaF.js";import{M as O}from"./MobileTable-C7aibx3F.js";import{u as $,M as be,a as Z}from"./useMobileRedesignActive-7HkeUmjL.js";import{e as H}from"./exportGridToExcel-CJeE00kv.js";import{G as P,u as pe,L as z,T as L,x as ee,$ as se,A as ae,aI as fe,R as ge}from"./index-CtCeyryw.js";import{b as je,c as we,d as ye,a as ve,e as Ne}from"./homeowners-D7bWy2rE.js";import{B as Se,a as Ce}from"./BoardDetailPresentation-DSingZcf.js";import{B as Ie}from"./BoardDetailSlideOverLayout-DnJc9dxC.js";import"./NoteContent-BKv-Srb-.js";import{c as Me}from"./board-portal-requests-Dhj4UIYh.js";import{S as Fe}from"./SendMessageModal-r-MvvBTt.js";import{A as Le}from"./authorization-DRCBMAi9.js";import"./useIsMobile-DE0QDUth.js";import"./useMobileRedesignBoardPages-BgUjR8UU.js";import"./grids-DGmfp9GI.js";import"./startOfDay-AazlW55I.js";import"./useBoardFrustrationEnabled-D-vRo-Pq.js";import"./index-BSR_b3JY.js";import"./useMutation-jkV-6MpM.js";import"./MessageForm-CoPnETZi.js";import"./index.esm-GMeyTKQp.js";import"./useMessageComposer-BQ7Z4YY2.js";import"./useAuthorization-XS6cSJ0I.js";const oe=({description:s,balance:a})=>[s,a.toString()],ne=(s,a)=>s.description.localeCompare(a.description),Ae=({ownerId:s,compact:a=!1})=>{const{t:o}=v(),n=P(),t=(n==null?void 0:n.id)||0,{isMobileRedesignActive:i}=$(),x=i||a,c=a||!x,[b,u]=j.useState(null),m=j.useRef(null),{data:r,isLoading:g}=je(t,s),l=j.useMemo(()=>(r??[]).reduce((p,h)=>p+h.balance,0),[r]),C=j.useCallback(()=>H(m.current),[]);if(b)return e.jsx(De,{charge:b,transactions:b.transactions,onBack:()=>u(null),compact:a});const I=[{field:"description",headerName:o("board.homeowners.chargeSummary.description"),flex:1,sortable:!1,suppressHeaderMenuButton:!0,suppressHeaderContextMenu:!0},{field:"balance",headerName:o("board.homeowners.chargeSummary.balance"),valueFormatter:({value:p})=>f(p),type:"numericColumn",width:150,sortable:!1,suppressHeaderMenuButton:!0,suppressHeaderContextMenu:!0}];let y;return x&&g?y=e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsx(_,{})}):x?y=e.jsx(Be,{charges:r??[],onSelect:u}):y=e.jsx(O,{items:r??[],renderItem:p=>e.jsx(Te,{charge:p,onSelect:()=>u(p)}),getSearchableFields:oe,sortFn:ne}),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-end gap-4 mb-3",children:[e.jsxs("span",{className:"text-sm font-semibold",children:[o("board.homeowners.chargeSummary.balance"),":"," ",f(l)]}),c&&e.jsx(S,{size:"sm",variant:"passive","data-qa":"charge-summary-export",onClick:C,endIcon:e.jsx(F,{icon:k}),children:o("main.common.export")})]}),e.jsx("div",{className:a?"hidden":"max-mobile:hidden",children:e.jsx(q,{"data-qa":"charge-summary-table",ref:m,rowData:r??[],columnDefs:I,loading:g,onRowClicked:({data:p})=>{p&&u(p)}})}),e.jsx("div",{className:a?void 0:"mobile:hidden",children:y})]})},Q=({description:s,typeCode:a,otherDescription:o})=>[s??"",a??"",o??""],U=(s,a)=>{const o=s.transactionDate?new Date(s.transactionDate).getTime():0;return(a.transactionDate?new Date(a.transactionDate).getTime():0)-o},De=({charge:s,transactions:a,onBack:o,compact:n=!1})=>{const{t}=v(),{isMobileRedesignActive:i}=$(),x=i||n,c=j.useRef(null),b=j.useCallback(()=>H(c.current,{processCellCallback:({value:r})=>r instanceof Date?A(r,{format:"numeric"}):r??""}),[]),u={sortable:!1,suppressHeaderMenuButton:!0,suppressHeaderContextMenu:!0},m=[{field:"transactionDate",headerName:t("board.homeowners.chargeSummary.columns.date"),valueFormatter:({value:r})=>r?A(r,{naive:!0}):"",width:130,...u},{field:"typeCode",headerName:t("board.homeowners.chargeSummary.columns.type"),width:100,...u},{field:"description",headerName:t("board.homeowners.chargeSummary.columns.description"),flex:1,...u,cellRenderer:({data:r})=>{if(!r)return null;

1const g=[r.description,r.otherDescription].filter(Boolean).join(" - ");return r.isVoid&&r.detailDescription?e.jsxs("span",{className:"text-error",children:[g," (",r.detailDescription,")"]}):e.jsx("span",{children:g})}},{field:"chargeAmount",headerName:t("board.homeowners.chargeSummary.columns.charge"),valueFormatter:({value:r})=>r!=null?f(r):"",type:"numericColumn",width:130,...u},{field:"paymentAmount",headerName:t("board.homeowners.chargeSummary.columns.payment"),valueFormatter:({value:r})=>r!=null?f(r):"",type:"numericColumn",width:150,...u},{field:"runningBalance",headerName:t("board.homeowners.chargeSummary.columns.runningBalance"),valueFormatter:({value:r})=>f(r),type:"numericColumn",...u,width:130}];return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[e.jsxs(S,{size:"sm",variant:"passive","data-qa":"charge-transactions-back",onClick:o,children:[e.jsx(F,{icon:ie,className:"mr-2"}),t("board.homeowners.chargeSummary.backToSummary")]}),e.jsx("span",{className:"font-semibold",children:t("board.homeowners.chargeSummary.transactionsFor",{description:s.description})}),e.jsxs("span",{className:"text-sm",children:["(",t("board.homeowners.chargeSummary.balance"),":"," ",f(s.balance),")"]}),e.jsx("div",{className:"ml-auto",children:e.jsx(S,{size:"sm",variant:"passive","data-qa":"charge-transactions-export",onClick:b,endIcon:e.jsx(F,{icon:k}),children:t("main.common.export")})})]}),e.jsx("div",{className:n?"hidden":"max-mobile:hidden",children:e.jsx(q,{"data-qa":"charge-transactions-table",ref:c,rowData:a,columnDefs:m})}),e.jsx("div",{className:n?void 0:"mobile:hidden",children:x?e.jsx(R,{items:a,getSearchableFields:Q,sortFn:U,getItemKey:r=>r.ownerLedgerId,renderItem:r=>e.jsx(V,{transaction:r})}):e.jsx(O,{items:a,renderItem:r=>e.jsx(V,{transaction:r}),getSearchableFields:Q,sortFn:U})})]})},Te=({charge:s,onSelect:a})=>{const{t:o}=v();return e.jsxs("button",{type:"button",onClick:a,"data-qa":"charge-summary-mobile-card",className:"p-3 w-full rounded-md border border-base-border flex flex-col gap-2 text-sm text-left hover:bg-neutral/10",children:[e.jsx(d,{field:o("board.homeowners.chargeSummary.description"),value:s.description}),e.jsx(d,{field:o("board.homeowners.chargeSummary.balance"),value:f(s.balance)})]})},ke=({charge:s,onSelect:a})=>{const{t:o}=v();return e.jsx(J,{onClick:a,"aria-label":s.description,className:`w-full text-sm ${Z}`,buttonClassName:`${be} hover:bg-neutral/10`,children:e.jsxs("div",{className:"flex-1 flex flex-col gap-2 min-w-0",children:[e.jsx(d,{field:o("board.homeowners.chargeSummary.description"),value:s.description}),e.jsx(d,{field:o("board.homeowners.chargeSummary.balance"),value:f(s.balance)})]})})},Be=({charges:s,onSelect:a})=>e.jsx(R,{items:s,getSearchableFields:oe,sortFn:ne,getItemKey:o=>o.assocChgId,renderItem:o=>e.jsx(ke,{charge:o,onSelect:()=>a(o)})}),V=({transaction:s})=>{const{t:a}=v(),{transactionDate:o,typeCode:n,description:t,otherDescription:i,detailDescription:x,isVoid:c,chargeAmount:b,paymentAmount:u,runningBalance:m}=s,r=[t,i].filter(Boolean).join(" - "),g=c&&x?`${r} (${x})`:r;return e.jsxs("div",{className:"p-3 w-full rounded-md border border-base-border flex flex-col gap-2 text-sm",children:[o&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.date"),value:A(o,{naive:!0})}),n&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.type"),value:n}),g&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.description"),value:c?e.jsx("span",{className:"text-error",children:g}):g}),b!=null&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.charge"),value:f(b)}),u!=null&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.payment"),value:f(u)}),e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.runningBalance"),value:f(m)})]})},re=({actionItemId:s,propertyAddress:a,actionTypeName:o,stepDescr:n,descr:t})=>[s.toString(),a,o,n,t],te=(s,a)=>s.actionItemId-a.actionItemId,qe=({ownerId:s,compact:a=!1})=>{const{t:o}=v(),n=pe(),t=P(),i=(t==null?void 0:t.id)||0,{isMobileRedesignActive:x}=$(),c=x||a,[b,u]=j.useState(!1),m=j.useRef(null),[r,g]=j.useState({open:!1,actionItemId:0}),{data:l,isLoading:C,refetch:I}

1=we({associationId:i,ownerId:s,pageSize:1e3,includeClosed:b}),y=j.useMemo(()=>l?l.member:[],[l]),p=w=>{g({open:!0,actionItemId:w})},h=()=>{g({open:!1,actionItemId:0})},E=()=>{I(),n.invalidateQueries({queryKey:Me.boardMessages({actionItemId:r.actionItemId,associationId:i})})},D=[{field:"actionItemId",headerName:o("board.homeowners.items.columns.xn"),filter:"agTextColumnFilter",floatingFilter:!0,cellRenderer:({value:w})=>e.jsx(z,{className:"font-semibold text-base-link hover:underline","data-qa":`homeowner-item-link-${w}`,to:`/board/homeowners/${s}/items/${w}`,children:w})},{field:"propertyAddress",headerName:o("board.homeowners.items.columns.address"),filter:"agTextColumnFilter",floatingFilter:!0},{field:"actionTypeName",headerName:o("board.homeowners.items.columns.type"),filter:"agTextColumnFilter",floatingFilter:!0},{field:"stepDescr",headerName:o("board.homeowners.items.columns.step"),filter:"agTextColumnFilter",floatingFilter:!0},{field:"descr",headerName:o("board.homeowners.items.columns.description"),filter:"agTextColumnFilter",floatingFilter:!0},{colId:"actions",field:"actionItemId",headerName:"",width:140,resizable:!1,sortable:!1,cellRenderer:({value:w})=>e.jsx(S,{className:"focus:ring-0 focus:ring-offset-0",variant:"primaryLink","data-qa":`homeowner-item-reply-${w}`,onClick:()=>p(w),children:o("board.homeowners.items.reply")})}],M=j.useCallback(()=>H(m.current,{excludeColumns:["actions"]}),[]);return e.jsxs(e.Fragment,{children:[c?e.jsxs("div",{className:"flex items-center justify-between gap-4 mb-5",children:[e.jsx(K,{id:"showPreviousOwners-checkbox","data-qa":"items-include-closed",label:o("board.homeowners.items.includeClosed"),value:b,onChange:u}),a&&e.jsx(S,{size:"sm",variant:"passive","data-qa":"items-mobile-export",onClick:M,endIcon:e.jsx(F,{icon:k}),children:o("main.common.export")})]}):e.jsx("div",{className:"flex items-center justify-end flex-wrap gap-4 mb-5 ",children:e.jsxs("div",{className:"flex items-center gap-6",children:[e.jsx(K,{id:"showPreviousOwners-checkbox","data-qa":"items-include-closed",label:o("board.homeowners.items.includeClosed"),value:b,onChange:u}),e.jsx(S,{size:"sm",variant:"passive","data-qa":"items-export",onClick:M,endIcon:e.jsx(F,{icon:k}),children:o("main.common.export")})]})}),e.jsx("div",{className:a?"hidden":"max-mobile:hidden",children:e.jsx(q,{"data-qa":"homeowner-items-table",ref:m,rowData:y,columnDefs:D,loading:C})}),e.jsx("div",{className:a?void 0:"mobile:hidden",children:c?e.jsx($e,{ownerId:s,items:y,onOpenSendMessageModal:p}):e.jsx(O,{items:y,renderItem:w=>e.jsx(Re,{ownerId:s,homeownerItem:w,onOpenSendMessageModal:p}),getSearchableFields:re,sortFn:te})}),e.jsx(Fe,{open:r.open,onClose:h,actionItemId:r.actionItemId,onSuccess:E})]})},Re=({ownerId:s,homeownerItem:a,onOpenSendMessageModal:o})=>{const{actionItemId:n,propertyAddress:t,actionTypeName:i,stepDescr:x,descr:c}=a;return e.jsxs("div",{className:"p-3 w-full rounded-md border border-base-border flex flex-col gap-2 text-sm",children:[e.jsx(d,{field:L("board.homeowners.items.columns.xn"),value:e.jsx(z,{className:"font-semibold text-base-link",to:`/board/homeowners/${s}/items/${n}`,children:n})}),e.jsx(d,{field:L("board.homeowners.items.columns.address"),value:t}),e.jsx(d,{field:L("board.homeowners.items.columns.type"),value:i}),e.jsx(d,{field:L("board.homeowners.items.columns.step"),value:x}),e.jsx(d,{field:L("board.homeowners.items.columns.description"),value:c}),e.jsx(d,{value:e.jsx(S,{className:"!px-0",variant:"primaryLink",onClick:()=>o(n),children:L("board.homeowners.items.reply")})})]})},Oe=({ownerId:s,homeownerItem:a,onOpenSendMessageModal:o})=>{const{t:n}=v(),t=ee(),{actionItemId:i,propertyAddress:x,actionTypeName:c,stepDescr:b,descr:u}=a;return e.jsxs("div",{className:`flex flex-col ${Z}`,children:[e.jsx(J,{"data-qa":`homeowner-item-mobile-card-${i}`,onClick:()=>t(`/board/homeowners/${s}/items/${i}`),"aria-label":`${n("board.homeowners.items.actionItem")} ${i}`,buttonClassName:"p-3 pb-0",children:e.jsxs("div",{className:"flex-1 flex flex-col gap-2 min-w-0 text-sm",children:[e.jsx(d,{field:n("board.homeowners.items.columns.xn"),value:i}),e.jsx(d,{field:n("board.homeowners.items.columns.address"),value:x}),e.jsx(d,{field:n("board.homeowners.items.columns.type"),value:c}),e.jsx(d,{field:n("board.homeowners.items.columns.step"),value:b}),e.jsx(d,{field:n("board.homeowners.items.columns.description"),value:u})]})}),e.jsx("div",{className:"px-3 pb-3 pt-1",children:e.jsx(S,{className:"!px-0",variant:"primaryLink","data-qa":`homeowner-item-mobile-reply-${i}`,onClick:()=>o(i),children:n("board.homeowners.items.reply")})})]})},$e=({ownerId:s,items:a,onOpenSendMessageModal:o})=>e.jsx(R,{items:a,getSearchableFields:re,sortFn:te,getItemKey:n=>n.actionItemId,renderItem:n=>e.jsx(Oe,{ownerId:s,homeownerItem:n,onOpenSendMessageModal:o})}),He=["accountNo","ownerName"],W=(s,a)=>s.sequence-a.sequence,X=({description:s,typeCode:a,otherDescription:o})=>[s??"",a??"",o??""],le=({description:s,otherDescription:a})=>

1[s,a].filter(Boolean).join(" - "),Pe=({ownerId:s,accountNo:a,ownerName:o})=>{const{t:n}=v(),t=P(),i=(t==null?void 0:t.id)||0,{isMobileRedesignActive:x}=$(),c=j.useRef(null),{data:b=[],isLoading:u}=ye(i,s),m={sortable:!1,suppressHeaderMenuButton:!0,suppressHeaderContextMenu:!0},r=[{colId:"accountNo",headerName:n("board.homeowners.columns.accountNumber"),valueGetter:()=>a,hide:!0,...m},{colId:"ownerName",headerName:n("board.homeowners.columns.homeowners"),valueGetter:()=>o,hide:!0,...m},{field:"transactionDate",headerName:n("board.homeowners.chargeSummary.columns.date"),valueFormatter:({value:l})=>l?A(l,{naive:!0}):"",width:150,...m},{field:"typeCode",headerName:n("board.homeowners.chargeSummary.columns.type"),width:100,...m},{field:"description",headerName:n("board.homeowners.chargeSummary.columns.description"),flex:1,minWidth:160,...m,cellRenderer:({data:l})=>{if(!l)return null;const C=le(l);return l.isVoid&&l.detailDescription?e.jsxs("span",{className:"text-error",children:[C," (",l.detailDescription,")"]}):e.jsx("span",{children:C})}},{field:"chargeAmount",headerName:n("board.homeowners.chargeSummary.columns.charge"),valueFormatter:({value:l})=>l!=null?f(l):"",type:"numericColumn",width:120,...m},{field:"paymentAmount",headerName:n("board.homeowners.chargeSummary.columns.payment"),valueFormatter:({value:l})=>l!=null?f(l):"",type:"numericColumn",width:120,...m},{field:"runningBalance",headerName:n("board.homeowners.chargeSummary.columns.runningBalance"),valueFormatter:({value:l})=>f(l),type:"numericColumn",width:120,...m}],g=j.useCallback(()=>H(c.current,{includeHiddenColumns:He,processCellCallback:({value:l})=>l instanceof Date?A(l,{format:"numeric"}):l??""}),[]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex items-center justify-end flex-wrap gap-4 mb-5",children:e.jsx(S,{size:"sm",variant:"passive","data-qa":"transactions-export",onClick:g,endIcon:e.jsx(F,{icon:k}),children:n("main.common.export")})}),e.jsx("div",{className:"max-mobile:hidden",children:e.jsx(q,{"data-qa":"transactions-table",ref:c,rowData:b,columnDefs:r,loading:u})}),e.jsx("div",{className:"mobile:hidden",children:x?e.jsx(R,{items:b,getSearchableFields:X,sortFn:W,getItemKey:l=>l.sequence,renderItem:l=>e.jsx(Y,{transaction:l})}):e.jsx(O,{items:b,renderItem:l=>e.jsx(Y,{transaction:l}),getSearchableFields:X,sortFn:W})})]})},Y=({transaction:s})=>{const{t:a}=v(),{transactionDate:o,typeCode:n,detailDescription:t,isVoid:i,chargeAmount:x,paymentAmount:c,runningBalance:b}=s,u=le(s),m=i&&t?`${u} (${t})`:u;return e.jsxs("div",{className:"p-3 w-full rounded-md border border-base-border flex flex-col gap-2 text-sm",children:[o&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.date"),value:A(o,{naive:!0})}),n&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.type"),value:n}),m&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.description"),value:i?e.jsx("span",{className:"text-error",children:m}):m}),x!=null&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.charge"),value:f(x)}),c!=null&&e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.payment"),value:f(c)}),e.jsx(d,{field:a("board.homeowners.chargeSummary.columns.runningBalance"),value:f(b)})]})},B=(s,a,o)=>[s,a,o].filter(Boolean).join(", "),Ee=s=>{var n,t;const a=(n=s==null?void 0:s.primaryPhone)==null?void 0:n.trim();if(a)return{value:a,isList:!1};const o=((t=s==null?void 0:s.allPhones)==null?void 0:t.trim())??"";return{value:o,isList:!!o}},Ge=(s,a,o)=>[{label:o("board.homeowners.columns.property"),value:s?B(s.propertyAddressLine1,s.propertyAddressLine2,s.propertyAddressLine3):""},{label:o("board.homeowners.columns.mailTo"),value:s?B(s.mailingAddressLine1,s.mailingAddressLine2,s.mailingAddressLine3):""},{label:o("board.homeowners.columns.email"),value:s==null?void 0:s.primaryEmail},{label:o(a.isList?"board.homeowners.columns.phones":"board.homeowners.columns.phone"),value:a.value,dataQa:"homeowner-detail-phone"},{label:o("board.homeowners.columns.balance"),value:(s==null?void 0:s.balance)!=null?f(s.balance):""}],gs={requiresRedesignPage:"homeownersPage"},G=["items","summary","transactions"];function js(){return e.jsx(Le,{controller:"Board_v2",action:"HomeownerList",children:e.jsx(_e,{})})}function _e(){const s=ee(),{id:a}=se(),o=Number(a),[n]=ae(),t=n.get("previous")==="true"?"?previous=true":"";return e.jsx(Se,{dataQa:"homeowner-detail-panel",onClose:()=>s("/board/homeowners"),children:({isSlideOver:i,onClose:x})=>

1e.jsx(ze,{isSlideOver:i,onClose:x,ownerId:o,previousOwnerQuery:t})})}function ze({isSlideOver:s,onClose:a,ownerId:o,previousOwnerQuery:n}){const t=fe({onClose:a});return t||e.jsx(Ke,{isSlideOver:s,onClose:a,slideOverNavigation:e.jsx(Ce,{currentItemId:o,getItemPath:i=>`/board/homeowners/${i}${n}`})})}function Ke({isSlideOver:s=!1,onClose:a,slideOverNavigation:o}){const{t:n}=v(),t=P(),i=(t==null?void 0:t.id)||0,{id:x}=se(),c=x?Number(x):0,[b]=ae(),u=b.get("previous")==="true",[m,r]=j.useState(0),g=j.useMemo(()=>G.map(N=>({label:n(`board.homeowners.tabs.${N}`),value:N})),[n]),l=g[m]??g[0],C=N=>{const T=G.indexOf(N.value);r(Math.max(T,0))},{data:I,isLoading:y}=ve({associationId:i,previousOwnerOnly:u||void 0,showAll:!0}),p=j.useMemo(()=>I?(I.member||[]).find(T=>T.ownerId===c):void 0,[I,c]),{data:h,isLoading:E}=Ne(i,c,!!p);if(y)return e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(_,{})});if(!p)return e.jsx(ge,{to:"/board/homeowners"});if(E)return e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(_,{})});const{accountNo:D}=p,M=Ee(p),w=p.allOwnerName??"";return e.jsxs("div",{className:s?"w-full px-9 py-6":"w-full px-6 py-4 bg-base-fill rounded-xl",children:[s?e.jsx(Ie,{title:n("board.homeowners.homeowners"),itemId:D,subtitle:h==null?void 0:h.ownerName,navigation:o,onClose:a,infoItems:Ge(h,M,n)}):e.jsxs("div",{className:"max-w-[800px]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(z,{className:"text-base-link hover:underline",to:"/board/homeowners",children:n("board.homeowners.homeowners")}),e.jsx(F,{icon:me}),e.jsx("span",{children:D})]}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-lg mb-4",children:h==null?void 0:h.ownerName}),e.jsxs("div",{className:"flex flex-wrap gap-x-12 gap-y-4 max-mobile:gap-x-6 px-5 py-4 rounded-md border border-base-border mb-6",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("p",{className:"font-semibold",children:n("board.homeowners.columns.property")}),e.jsx("p",{children:h?B(h.propertyAddressLine1,h.propertyAddressLine2,h.propertyAddressLine3):""})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("p",{className:"font-semibold",children:n("board.homeowners.columns.mailTo")}),e.jsx("p",{children:h?B(h.mailingAddressLine1,h.mailingAddressLine2,h.mailingAddressLine3):""})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("p",{className:"font-semibold",children:n("board.homeowners.columns.email")}),e.jsx("p",{children:h==null?void 0:h.primaryEmail})]}),M.value&&e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("p",{className:"font-semibold",children:n(M.isList?"board.homeowners.columns.phones":"board.homeowners.columns.phone")}),e.jsx("p",{"data-qa":"homeowner-detail-phone",children:M.value})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("p",{className:"font-semibold",children:n("board.homeowners.columns.balance")}),(h==null?void 0:h.balance)!=null&&e.jsx("p",{children:f(h.balance)})]})]})]})]}),e.jsx("div",{className:"max-mobile:hidden",children:e.jsx(ce,{selectedIndex:m,onChange:r,children:e.jsxs(de,{className:"flex flex-wrap w-full mb-6",children:[G.map(N=>e.jsx(ue,{type:"button","data-qa":`homeowner-detail-tab-${N}`,className:({selected:T})=>he("py-2 px-6 font-semibold text-input-fg hover:text-base-link underline-offset-4","focus:outline-none","border-b-2 hover:border-base-link",T&&"border-base-link text-base-link"),children:n(`board.homeowners.tabs.${N}`)},N)),e.jsx("div",{"aria-hidden":"true",className:"flex-1 border-b-2"})]})})}),e.jsx("div",{className:"mobile:hidden mb-6",children:e.jsx(xe,{label:n("board.homeowners.selectSection"),labelClassName:"sr-only",options:g,value:l,onChange:C,"data-qa":"homeowner-detail-section-select"})}),e.jsxs("div",{children:[m===0&&e.jsx(qe,{ownerId:c,compact:s}),m===1&&e.jsx(Ae,{ownerId:c,compact:s}),m===2&&e.jsx(Pe,{ownerId:c,accountNo:D,ownerName:w})]})]})}export{js as Component,gs as handle};