https://portal.foxtons.co.uk/assets/index-de6b772f.js

1import{aS as B,ax as P,j as e,B as i,S as a,R as c,d9 as j,q as f,e as v,w as D,c as T,r as p,eC as $,da as y,D as k,b$ as H,F as R}from"./index-51b326a0.js";const{palette:x}=B,z={subTitleText:{fontSize:"1.25rem",lineHeight:"1.75rem",fontWeight:400,marginBottom:"1rem"},cardContainer:{padding:"1.5rem",backgroundColor:x.primary[400],borderRadius:"0.5rem",marginBottom:"1rem"},inlineItemContainer:{borderBottom:`0.063rem solid ${x.primary[300]}`,paddingBottom:"1rem",paddingTop:"1rem","&:last-child":{borderBottom:"none",paddingBottom:0}},inlinePersonTitleText:{color:x.primary.main,fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"700"},inlineItemSubTitleText:{fontSize:"1rem",lineHeight:"1.25rem",fontWeight:400},columnItemContainer:{paddingBottom:"1rem",textAlign:"center"},columnPersonTitleText:{color:x.primary.main,fontSize:"0.875rem",lineHeight:"1rem",fontWeight:"500"},primaryPersons:{width:"4rem",height:"4rem"},secondaryPersons:{width:"5.875rem",height:"5.875rem"},secondaryPersonsBox:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},n=z;function W({inlinePersons:s=[],inlineTitle:m="",columnPersons:l=[],columnTitle:h=""}){return e.jsxs(i,{children:[s.length?e.jsxs(i,{sx:n.cardContainer,children:[e.jsx(i,{children:e.jsx(a,{variant:"h2",sx:n.subTitleText,children:m})}),s.map(t=>e.jsxs(c,{container:!0,sx:n.inlineItemContainer,children:[e.jsx(c,{xs:3,children:e.jsx(i,{children:e.jsx(j,{src:t.image,alt:t.title,sx:n.primaryPersons})})}),e.jsx(c,{xs:9,children:e.jsxs(i,{children:[e.jsx(a,{sx:n.inlinePersonTitleText,children:t.title}),e.jsx(a,{sx:n.inlineItemSubTitleText,children:t.subtitle})]})})]},t.title))]}):"",l.length?e.jsxs(i,{sx:n.cardContainer,children:[e.jsx(i,{children:e.jsx(a,{variant:"h2",sx:n.subTitleText,children:h})}),e.jsx(c,{container:!0,children:l.map(t=>e.jsx(c,{xs:4,sx:n.columnItemContainer,children:e.jsxs(i,{sx:n.secondaryPersonsBox,children:[e.jsx(j,{src:t.image,alt:t.title,sx:n.secondaryPersons}),e.jsx(a,{sx:n.columnPersonTitleText,children:t.title})]})},t.title))})]}):""]})}const M=P.memo(W),o={pointer:{cursor:"pointer"},container:{width:{sm:"30rem",xs:"100vw"},display:"flex",flexDirection:"column",alignItems:"flex-start",padding:{sm:"2rem",xs:"0.5rem"},height:"100%","& button":{minHeight:"3rem"}},header:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",padding:"1rem 0"}

1,closeIcon:{width:"1rem",height:"1rem",cursor:"pointer"},titleText:{fontSize:{xs:"1rem",sm:"1rem",md:"1.5rem"},fontWeight:"700",lineHeight:"120%",color:f.palette.darkestBlack[500]},cardContainer:{display:"flex",width:"100%",flexDirection:"column",height:"100%"},inlineTeamContainer:{backgroundColor:f.palette.primary.main[400]},loadingContainer:{height:"100%",display:"flex",alignItems:"center",width:"100%",justifyContent:"center"}};function L({isOpen:s,onClose:m}){const l=v(),{instructionId:h}=D(),{supportingTeam:t,supportingTeamLoading:C}=T(r=>r.valuationReducer),{selectedProperty:d}=T(r=>r.propertiesReducer);p.useEffect(()=>{t===null&&s&&l($({propertyId:d==null?void 0:d.id.split("_")[0],instructionId:h}))},[l,d,t,s]);const b=p.useMemo(()=>{var r;return t!==null?(r=t==null?void 0:t.secondarySupport)==null?void 0:r.map(({jobTitle:u,firstName:g,lastName:S,photoFilename:w})=>({title:`${g} ${S}`,subtitle:u,image:y(w,"low")})):[]},[t]),I=p.useMemo(()=>t!==null?[...t.quaternarySupport,...t.tertiarySupport].map(({firstName:r,lastName:u,photoFilename:g})=>({title:`${r} ${u}`,image:y(g,"low")})):[],[t]);return e.jsx(k,{anchor:"right",open:s,onClose:m,children:e.jsxs(i,{sx:o.container,children:[e.jsxs(i,{sx:o.header,children:[e.jsx(a,{variant:"h1",sx:o.titleText,children:"Meet the team"}),e.jsx(i,{onClick:m,children:e.jsx(H,{sx:o.closeIcon})})]}),e.jsx(i,{sx:o.cardContainer,children:C?e.jsx(i,{sx:o.loadingContainer,children:e.jsx(R,{open:!0,hasBackdrop:!1})}):e.jsx(M,{inlinePersons:b,inlineTitle:"Directly supporting me, i have...",columnPersons:I,columnTitle:"Your local office team"})})]})})}export{L as default};