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

1import{bg as P,o as k,q as I,r as F,j as e,fO as te,fP as le,R as p,B as x,S as y,b1 as _,aQ as r,X as re,c7 as ne,Y as v,aP as w,bx as ae,aO as se,am as ie}from"./index-51b326a0.js";import{B as me}from"./index-100570c8.js";import m from"./index-3607604a.js";import{a as pe}from"./listData-26d5f7ad.js";import{s as u,e as he}from"./styles-d563b864.js";import{C as K}from"./AddressForm-6e65797c.js";import"./RadioGroup-2f2b0407.js";import"./FormGroup-c590a0b4.js";import"./regexes-b6d92512.js";import"./countryList-2e03431f.js";const{palette:d}=I,g={ownerAccordion:{boxShadow:"none"},continueButton:{paddingInline:"1.8rem",marginTop:"1.5rem"},accordionSummary:{padding:0,display:"inline-flex"},mainContainer:{width:"100%"},checkedIcon:{transform:"rotate(180deg)"},title:{...P(800,"1.25rem","1.625rem"),color:d.primary.main},accordionDetails:{padding:0,borderLeft:`0.25rem solid ${d.lightishAqua.main}`,pl:{lg:"1.5rem",xs:"1rem"}},lettingsWrapper:{...k("flex","flex-start","flex-start"),flexDirection:{sm:"row",xs:"column"},gap:"1rem"},priceSectionWrapper:{...k("flex","center","center"),gap:"0.875rem"},priceText:{...P(400,"1rem","1.25rem"),color:d.grey.main??"",margin:"1.25rem 0 0.75rem 0"}

1,closeIcon:{width:"1rem",height:"1rem",cursor:"pointer"},header:{...k("flex","space-between","center"),width:"100%",padding:"1rem 0"},container:{width:{sm:"30rem",xs:"100vw"},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between",padding:{sm:"2rem",xs:"0.5rem"},height:"100%","& button":{minHeight:"3rem"}},InfoDrawerLabel:{...P(700,"1.5rem","1.875rem"),color:d.grey.main??""},InfoDrawerDescription:{...P(400,"1rem","1.25rem"),color:d.primary.main},InfoDrawerInfo:{...P(400,"1rem","1.25rem"),color:d.grey.main??"",mt:"1.5rem"},wrapper:{width:{sm:"inherit",xs:"100%"}},priceAndPackagesDescription:{...P(400,"1rem","1.25rem"),color:d.grey.main??"",mb:"0.875rem"},rootContainer:{backgroundColor:d.primary[400],padding:"1rem"},gridItem:{backgroundColor:d.grey[50],padding:"1rem"},formHeading:{marginBottom:"0.4rem",fontFamily:"Bliss Pro",fontWeight:"700",style:"normal",fontSize:"1rem"},borderLeft:{borderLeft:`0.188rem solid ${d.primary.main}`,paddingLeft:"0.3rem",marginTop:"0.2rem",borderTopLeftRadius:"0.5rem",borderBottomLeftRadius:"0.5rem"},subHeading:{marginBottom:"1rem",fontFamily:"Bliss Pro",style:"normal",fontSize:"1rem",color:d.grey.main},textLabel:{fontFamily:"Bliss Pro",fontWeight:"normal",style:"normal",fontSize:"1rem",lineHeight:"1.25rem",color:d.grey.main,marginBottom:"0.75rem",marginTop:"0.5rem"},submitButton:{marginTop:"1rem",height:"3.438rem"},buttonGrid:{display:"flex",flexDirection:"column-reverse"},buttonStyle:{height:"3.438rem"},addressRow:{padding:"0.5rem 1.5rem 1.5rem 0.5rem",marginBottom:"1.5rem",backgroundColor:d.lightishAqua.main,borderRadius:"0.5rem",marginLeft:"0",width:"100%"},infoBox:{display:"flex",backgroundColor:d.lightSeaGreen.main,height:"3.5rem",alignItems:"center",borderRadius:"0.5rem"},infoIconBox:{backgroundColor:d.grey[50],padding:"0.5rem",borderRadius:"0.438rem",display:"flex",alignItems:"center"},infoIconStyle:{color:d.primary.main,fontSize:"0.9rem"},infoMessage:{marginLeft:"0.5rem",fontSize:"0.875rem",color:d.grey.main},addressErrorMessage:{color:d.bloodRed.main,fontSize:"0.875rem",marginTop:"0.5rem",marginBottom:"1.5rem"},mainHeading:{color:d.primary.main,fontSize:"1.2rem",fontWeight:"700"},addOwnerBtn:{display:"block",backgroundColor:d.grey[50],marginBottom:"0.5rem",mt:".5rem",textTransform:"none",height:"3rem",width:{lg:"9.375rem",sm:"inherit",xs:"100%"}},addressHeading:{fontFamily:"Bliss Pro",fontWeight:"700",style:"bold",fontSize:"1.2rem",color:d.grey.main,marginBottom:"0.938rem",marginTop:"1rem"},btnsContainer:{display:"flex",flexDirection:"column",alignItems:"flex-start",marginTop:"1.5rem"},formHeadingCont:{...k("flex","space-between","center")},blockRadioCont:{marginBottom:"1rem",marginTop:"2rem"}},ee=["Primary Owner","Secondary Owner","Third Owner","Fourth Owner","Fifth Owner","Sixth Owner"];function ce(h){const{values:a,setFieldValue:l,errors:i,handleChange:s,touched:o,handleBlur:c}=h,[t,j]=F.useState(!1),[$,B]=F.useState();return F.useEffect(()=>{a.propertyOwners.length==1&&l("propertyOwners",[...a.propertyOwners,{title:"",firstName:"",lastName:"",homeTelephone:"",workTelephone:"",mobileTelephone:"",ownershipPercentage:0}])},[a.propertyOwners,l]),e.jsx(te,{value:h,children:e.jsx(le,{name:"propertyOwners",render:({push:L,remove:S})=>e.jsxs(p,{container:!0,sx:g.rootContainer,columnGap:2,rowGap:2,children:[a.propertyOwners.map((W,n)=>e.jsxs(p,{item:!0,lg:5.9,xs:12,sx:g.gridItem,children:[e.jsxs(x,{sx:g.formHeadingCont,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:g.formHeading,children:ee[n]})}),e.jsx(m,{otherProps:{length:a.propertyOwners.length},children:a.propertyOwners.length>2&&n>1?e.jsx(_,{color:"secondary",variant:"secondary",sx:g.addOwnerBtn,onClick:()=>S(n),children:"Delete"}):null})]}),e.jsx(m,{otherProps:{},children:n===0?e.jsx(y,{sx:g.subHeading,children:"Please ensure names match any legal documents relating to this property."}):null}),e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:g.textLabel,children:"Full Name"})}),e.jsxs(p,{container:!0,spacing:2,sx:g.formRow,children:[e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.title`),value:a.propertyOwners[n].title,touched:r(o,`propertyOwners.${n}.title`)},children:e.jsx(p,{item:!0,md:2,lg:4,xs:12,children:e.jsxs(re,{open:t&&n===$,onOpen:()=>{j(!0),B(n)},onClose:()=>{j(!1)},fullWidth:!0,displayEmpty:!0,name:`propertyOwners.${n}.title`,id:"title","aria-label":"title",error:r(o,`propertyOwners.${n}.title`)&&!!r(i,`propertyOwners.${n}.title`),MenuProps:{PaperProps:{sx:{maxHeight:"9.375rem"}},variant:"menu",disableScrollLock:!0},sx:u.selectField,value:a.propertyOwners[n].title,onChange:f=>{l(`propertyOwners.${n}.title`,f.target.value)},onBlur:c,renderValue:f=>f||"Select",IconComponent:ne,children:[e.jsx(v,{disabled:!0,value:"Select",children:"Select"}),pe.map(f=>e.jsx(v,{value:f.value,sx:g[".MuiMenuItem-root"],children:f.label},f.value))]})})}),e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.firstName`),value:a.propertyOwners[n].firstName,touched:r(o,`propertyOwners.${n}.firstName`)},children:e.jsx(p,{item:!0,md:5,lg:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`propertyOwners.${n}.firstName`,inputProps:{"aria-label":"firstName",placeholder:"First Name *"},value:a.propertyOwners[n].firstName,onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.firstName`)&&!!r(i,`propertyOwners.${n}.firstName`),helperText:r(o,`propertyOwners.${n}.firstName`)&&r(i,`propertyOwners.${n}.firstName`),sx:u.formTextField,fieldType:"name"})})}),e.jsx(m,{otherProps:{error:r(o,`propertyOwners.${n}.lastName`),value:a.propertyOwners[n].lastName,touched:r(o,`propertyOwners.${n}.lastName`)},children:e.jsx(p,{item:!0,md:5,lg:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`propertyOwners.${n}.lastName`,inputProps:{"aria-label":"lastName",placeholder:"Last Name *"},value:a.propertyOwners[n].lastName,onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.lastName`)&&!!r(i,`propertyOwners.${n}.lastName`),helperText:r(o,`propertyOwners.${n}.lastName`)&&r(i,`propertyOwners.${n}.lastName`),sx:u.formTextField,fieldType:"name"})})})]}),e.jsx(p,{container:!0,spacing:2,display:n==0?"none":"block",children:e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.emailAddress`),value:r(a,`propertyOwners.${n}.emailAddress`),touched:r(o,`propertyOwners.${n}.emailAddress`)},children:e.jsxs(p,{item:!0,md:12,lg:12,xs:12,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:g.textLabel,children:"Email Address"})}),e.jsx(w,{fullWidth:!0,type:"email",name:`propertyOwners.${n}.emailAddress`,inputProps:{"aria-label":"emailAddress",placeholder:"Email Address *"},value:r(a,`propertyOwners.${n}.emailAddress`)||"",onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.emailAddress`)&&!!r(i,`propertyOwners.${n}.emailAddress`),helperText:r(o,`propertyOwners.${n}.emailAddress`)&&r(i,`propertyOwners.${n}.emailAddress`),sx:u.formTextField,fieldType:"email"})]})})}),e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:g.textLabel,children:"Phone Number"})}),e.jsxs(p,{container:!0,spacing:2,children:[e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.mobileTelephone`),value:a.propertyOwners[n].mobileTelephone,touched:r(o,`propertyOwners.${n}.mobileTelephone`)},children:e.jsx(p,{item:!0,md:6,lg:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"tel",name:`propertyOwners.${n}.mobileTelephone`,inputProps:{"aria-label":"mobileTelephone",placeholder:"Mobile Phone"},value:a.propertyOwners[n].mobileTelephone??"",onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.mobileTelephone`)&&!!r(i,`propertyOwners.${n}.mobileTelephone`),helperText:r(o,`propertyOwners.${n}.mobileTelephone`)&&r(i,`propertyOwners.${n}.mobileTelephone`),sx:u.formTextField,fieldType:"phone"})})}),e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.homeTelephone`),value:a.propertyOwners[n].homeTelephone,touched:r(o,`propertyOwners.${n}.homeTelephone`)},children:e.jsx(p,{item:!0,md:6,lg:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"tel",name:`propertyOwners.${n}.homeTelephone`,inputProps:{"aria-label":"homeTelephone",placeholder:"Home Phone"},value:a.propertyOwners[n].homeTelephone??"",onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.homeTelephone`)&&!!r(i,`propertyOwners.${n}.homeTelephone`),helperText:r(o,`propertyOwners.${n}.homeTelephone`)&&r(i,`propertyOwners.${n}.homeTelephone`),sx:u.formTextField,fieldType:"phone"})})}),e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.ownershipPercentage`),value:a.propertyOwners[n].firstName,touched:r(o,`propertyOwners.${n}.ownershipPercentage`)},children:e.jsx(p,{item:!0,md:6,lg:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"tel",name:`propertyOwners.${n}

1.workTelephone`,inputProps:{"aria-label":"workTelephone",placeholder:"Work Phone"},value:a.propertyOwners[n].workTelephone??"",onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.workTelephone`)&&!!r(i,`propertyOwners.${n}.workTelephone`),helperText:r(o,`propertyOwners.${n}.workTelephone`)&&r(i,`propertyOwners.${n}.workTelephone`),sx:u.formTextField,fieldType:"phone"})})})]}),e.jsx(p,{container:!0,spacing:2,children:e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.ownershipPercentage`),value:r(a,`propertyOwners.${n}.ownershipPercentage`),touched:r(o,`propertyOwners.${n}.ownershipPercentage`)},children:e.jsxs(p,{item:!0,md:12,lg:12,xs:12,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:g.textLabel,children:"Percentage Owned *"})}),e.jsx(m,{otherProps:{error:r(i,`propertyOwners.${n}.ownershipPercentage`),value:r(a,`propertyOwners.${n}.ownershipPercentage`),touched:r(o,`propertyOwners.${n}.ownershipPercentage`)},children:e.jsx(w,{fullWidth:!0,type:"number",name:`propertyOwners.${n}.ownershipPercentage`,inputProps:{"aria-label":"ownershipPercentage",placeholder:"Percentage Owned *",min:0},value:r(a,`propertyOwners.${n}.ownershipPercentage`)??"",onChange:s,onBlur:c,error:r(o,`propertyOwners.${n}.ownershipPercentage`)&&!!r(i,`propertyOwners.${n}.ownershipPercentage`),helperText:r(o,`propertyOwners.${n}.ownershipPercentage`)&&r(i,`propertyOwners.${n}.ownershipPercentage`),sx:u.formTextField})})]})})})]},ee[n])),e.jsx(m,{otherProps:{ownersLength:a.propertyOwners.length},children:e.jsxs(p,{container:!0,sx:g.formRow,children:[e.jsx(p,{item:!0,lg:6,children:e.jsxs(x,{sx:g.infoBox,children:[e.jsx(ae,{fill:"true",sx:g.infoIconStyle}),e.jsx(y,{sx:g.infoMessage,children:"If there are more than 6 owners of this property, Please call me."})]})}),a.propertyOwners.length<6&&e.jsx(p,{item:!0,xs:12,children:e.jsx(_,{color:"primary",variant:"secondary",sx:g.addOwnerBtn,onClick:()=>a.propertyOwners.length<=5&&L({title:"",firstName:"",lastName:"",homeTelephone:"",workTelephone:"",mobileTelephone:"",ownershipPercentage:0}),children:"Add owner"})})]})})]})})})}const{palette:N}=I,T={mainContainer:{backgroundColor:N.primary[400],padding:"1rem",marginTop:"1rem"},ownerContainer:{marginTop:"1rem"},phoneNumberContainer:{marginTop:"1.44rem"},cardContainer:{width:{xs:"100%",mm:"50%"},backgroundColor:N.grey[50],padding:"1rem",borderRadius:"0.25rem"},titleText:{fontWeight:800,fontSize:"1rem",lineHeight:"1.625rem",color:N.grey.main},subTitleText:{fontWeight:400,fontSize:"0.875rem",lineHeight:"1.25rem",color:N.grey.main},textLabel:{fontWeight:"normal",style:"normal",fontSize:"1rem",lineHeight:"1.25rem",color:N.grey.main,marginBottom:"0.75rem",marginTop:"0.5rem"}};function oe({formik:h,isRowWise:a=!0}){var j,$,B,L,S,W,n,f,A,R,H,z,E,D,M,V,G,q,J,Q,U,X,Y,Z;const{values:l,handleChange:i,errors:s,touched:o,handleBlur:c}=h,t=l.legalPropertyOwnership;return e.jsxs(e.Fragment,{children:[e.jsxs(x,{sx:T.ownerContainer,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:T.textLabel,children:"Full Name"})}),e.jsxs(p,{container:!0,spacing:2,children:[e.jsx(m,{otherProps:{error:r(s,`allLegalOwners.[${t}].title`),value:($=(j=l==null?void 0:l.allLegalOwners)==null?void 0:j[t])==null?void 0:$.title,touched:r(o,`allLegalOwners.[${t}].title`)},children:e.jsx(p,{item:!0,sm:a?12:4,xs:12,children:e.jsxs(re,{fullWidth:!0,displayEmpty:!0,name:`allLegalOwners.[${t}].title`,id:"title","aria-label":"title",MenuProps:{PaperProps:{sx:{maxHeight:"9.375rem"}},variant:"menu",disableScrollLock:!0},value:(L=(B=l==null?void 0:l.allLegalOwners)==null?void 0:B[t])==null?void 0:L.title,onChange:i,onBlur:c,error:r(o,`allLegalOwners.[${t}].title`)&&!!r(s,`allLegalOwners.[${t}].title`),renderValue:C=>C||"Select",sx:u.selectField,IconComponent:ne,children:[e.jsx(v,{disabled:!0,value:"Select",children:"Select"}),he.map(C=>e.jsx(v,{value:C.value||"",sx:T[".MuiMenuItem-root"],children:C.label},C.value))]})})}),e.jsx(m,{otherProps:{error:r(s,`allLegalOwners.[${t}].firstName`),value:(W=(S=l==null?void 0:l.allLegalOwners)==null?void 0:S[t])==null?void 0:W.firstName,touched:r(o,`allLegalOwners.[${t}].firstName`)},children:e.jsx(p,{item:!0,sm:a?12:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`allLegalOwners.[${t}].firstName`,id:"firstName",value:((f=(n=l==null?void 0:l.allLegalOwners)==null?void 0:n[t])==null?void 0:f.firstName)||"",onChange:i,onBlur:c,error:r(o,`allLegalOwners.[${t}].firstName`)&&!!r(s,`allLegalOwners.[${t}].firstName`),helperText:r(o,`allLegalOwners.[${t}].firstName`)&&r(s,`allLegalOwners.[${t}].firstName`),placeholder:"First Name",sx:u.formTextField,fieldType:"name"})})}),e.jsx(m,{otherProps:{error:r(s,`allLegalOwners.[${t}].lastName`),value:(R=(A=l==null?void 0:l.allLegalOwners)==null?void 0:A[t])==null?void 0:R.lastName,touched:r(o,`allLegalOwners.[${t}].lastName`)},children:e.jsx(p,{item:!0,sm:a?12:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`allLegalOwners.[${t}].lastName`,id:"lastName",placeholder:"Last Name",value:((z=(H=l==null?void 0:l.allLegalOwners)==null?void 0:H[t])==null?void 0:z.lastName)||"",onChange:i,onBlur:c,error:r(o,`allLegalOwners.[${t}].lastName`)&&!!r(s,`allLegalOwners.[${t}].lastName`),helperText:r(o,`allLegalOwners.[${t}].lastName`)&&r(s,`allLegalOwners.[${t}].lastName`),sx:u.formTextField,fieldType:"name"})})})]})]}

1),e.jsxs(x,{sx:T.phoneNumberContainer,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:T.textLabel,children:"Phone number"})}),e.jsxs(p,{container:!0,spacing:2,children:[e.jsx(m,{otherProps:{error:r(s,`allLegalOwners.[${t}].mobileTelephone`),value:(D=(E=l==null?void 0:l.allLegalOwners)==null?void 0:E[t])==null?void 0:D.mobileTelephone,touched:r(o,`allLegalOwners.[${t}].mobileTelephone`)},children:e.jsx(p,{item:!0,sm:a?12:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`allLegalOwners.[${t}].mobileTelephone`,id:"mobileTelephone",placeholder:"Mobile Phone",value:((V=(M=l==null?void 0:l.allLegalOwners)==null?void 0:M[t])==null?void 0:V.mobileTelephone)||"",onChange:i,onBlur:c,error:r(o,`allLegalOwners.[${t}].mobileTelephone`)&&!!r(s,`allLegalOwners.[${t}].mobileTelephone`),helperText:r(o,`allLegalOwners.[${t}].mobileTelephone`)&&r(s,`allLegalOwners.[${t}].mobileTelephone`),sx:u.formTextField,fieldType:"phone"})})}),e.jsx(m,{otherProps:{error:r(s,`allLegalOwners.[${t}].homeTelephone`),value:(q=(G=l==null?void 0:l.allLegalOwners)==null?void 0:G[t])==null?void 0:q.homeTelephone,touched:r(o,`allLegalOwners.[${t}].homeTelephone`)},children:e.jsx(p,{item:!0,sm:a?12:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`allLegalOwners.[${t}].homeTelephone`,id:"homeTelephone",placeholder:"Home Phone",value:((Q=(J=l==null?void 0:l.allLegalOwners)==null?void 0:J[t])==null?void 0:Q.homeTelephone)||"",onChange:i,onBlur:c,error:r(o,`allLegalOwners.[${t}].homeTelephone`)&&!!r(s,`allLegalOwners.[${t}].homeTelephone`),helperText:r(o,`allLegalOwners.[${t}].homeTelephone`)&&r(s,`allLegalOwners.[${t}].homeTelephone`),sx:u.formTextField,fieldType:"phone"})})}),e.jsx(m,{otherProps:{error:r(s,`allLegalOwners.[${t}].workTelephone`),value:(X=(U=l==null?void 0:l.allLegalOwners)==null?void 0:U[t])==null?void 0:X.workTelephone,touched:r(o,`allLegalOwners.[${t}].workTelephone`)},children:e.jsx(p,{item:!0,sm:a?12:4,xs:12,children:e.jsx(w,{fullWidth:!0,type:"text",name:`allLegalOwners.[${t}].workTelephone`,id:"workTelephone",placeholder:"Work Phone",value:((Z=(Y=l==null?void 0:l.allLegalOwners)==null?void 0:Y[t])==null?void 0:Z.workTelephone)||"",onChange:i,onBlur:c,error:r(o,`allLegalOwners.[${t}].workTelephone`)&&!!r(s,`allLegalOwners.[${t}].workTelephone`),helperText:r(o,`allLegalOwners.[${t}].workTelephone`)&&r(s,`allLegalOwners.[${t}].workTelephone`),sx:u.formTextField,fieldType:"phone"})})})]})]})]})}function de(h){return e.jsx(x,{sx:T.mainContainer,children:e.jsxs(x,{sx:T.cardContainer,children:[e.jsx(m,{otherProps:{},children:e.jsxs(e.Fragment,{children:[e.jsx(y,{sx:T.titleText,children:"Owner"}),e.jsx(y,{variant:"body1",sx:T.subTitleText,children:"Please ensure names match any legal documents relating to this property."})]})}),e.jsx(oe,{formik:h,isRowWise:!1})]})})}const{palette:b}=I,O={mainContainer:{display:{xs:"inline-block",md:"flex"},backgroundColor:b.primary[400],padding:"1rem",marginTop:"1rem"},salesFormContainer:{width:{xs:"100%",md:"33.9375rem"}},leftCardContainer:{width:{xs:"100%",md:"50%"},marginRight:{sm:"0.5%"},display:"inline-block",backgroundColor:b.grey[50],padding:"1rem",borderRadius:"0.25rem"},rightCardContainer:{width:{xs:"100%",md:"50%"},marginLeft:{sm:"0.5%"},display:"inline-block",backgroundColor:b.grey[50],padding:"1rem",borderRadius:"0.25rem"},titleText:{fontWeight:800,fontSize:"1rem",lineHeight:"1.625rem",color:b.grey.main},subTitleText:{fontWeight:400,fontSize:"0.875rem",lineHeight:"1.25rem",color:b.grey.main},companyTitleText:{fontWeight:800,fontSize:"1rem",lineHeight:"1.625rem",marginBottom:{sm:"1rem"},color:b.grey.main},primaryLabel:{fontWeight:700,fontSize:"1rem",lineHeight:"1.625rem",mb:"0.5rem",marginTop:"1.5rem",color:b.primary.main},secondaryLabel:{...P(400,{xs:"0.875rem",md:"1rem"},"1.25rem"),mb:"1.025rem"},textLabel:{fontWeight:"normal",style:"normal",fontSize:"1rem",lineHeight:"1.25rem",color:b.grey.main,marginBottom:"0.75rem",marginTop:"0.5rem"}},ue=({isPropertyForSale:h,...a})=>{var t,j,$,B;const{values:l,handleChange:i,errors:s,touched:o,handleBlur:c}=a;return e.jsxs(x,{children:[e.jsxs(x,{sx:O.mainContainer,children:[e.jsxs(x,{sx:O.leftCardContainer,children:[e.jsx(m,{otherProps:{},children:e.jsxs(e.Fragment,{children:[e.jsx(y,{sx:O.titleText,children:"Contact at Company"}),e.jsx(y,{variant:"body1",sx:O.subTitleText,children:"Please ensure names match any legal documents relating to this property."})]})}),e.jsx(oe,{formik:a})]}),e.jsxs(x,{sx:O.rightCardContainer,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:O.companyTitleText,children:"Name of company on title deeds"})}),e.jsxs(x,{children:[e.jsxs(p,{container:!0,spacing:2,children:[e.jsx(m,{otherProps:{touched:r(o,"companyOwner.companyName"),error:r(s,"companyOwner.companyName"),value:(t=l.companyOwner)==null?void 0:t.companyName},children:e.jsxs(p,{item:!0,sm:6,xs:12,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:O.textLabel,children:"Company Name"})}),e.jsx(w,{fullWidth:!0,type:"text",name:"companyOwner.companyName",id:"companyName",value:((j=l.companyOwner)==null?void 0:j.companyName)??"",onChange:i,onBlur:c,error:r(o,"companyOwner.companyName")&&!!r(s,"companyOwner.companyName"),helperText:r(o,"companyOwner.companyName")&&r(s,"companyOwner.companyName"),sx:u.formTextField,fieldType:"name"})]})}),e.jsx(m,{otherProps:{touched:r(o,"companyOwner.companyRegistrationNumber"),error:r(s,"companyOwner.companyRegistrationNumber"),value:($=l.companyOwner)==null?void 0:$.companyRegistrationNumber},children:e.jsxs(p,{item:!0,sm:6,xs:12,children:[e.jsx(m,{otherProps:{},children:e.jsx(y,{sx:O.textLabel,children:"Company registration no."})}),e.jsx(w,{fullWidth:!0,type:"text",name:"companyOwner.companyRegistrationNumber",id:"c

1ompanyRegistrationNumber",value:((B=l.companyOwner)==null?void 0:B.companyRegistrationNumber)??"",regex:/[^a-zA-Z0-9\-]/g,onChange:i,onBlur:c,error:r(o,"companyOwner.companyRegistrationNumber")&&!!r(s,"companyOwner.companyRegistrationNumber"),helperText:r(o,"companyOwner.companyRegistrationNumber")&&r(s,"companyOwner.companyRegistrationNumber"),sx:u.formTextField})]})})]}),e.jsx(K,{formik:a,addressPath:"companyOwner.companyAddress"})]})]})]}),h&&e.jsxs(x,{sx:O.salesFormContainer,children:[e.jsx(y,{sx:O.primaryLabel,children:"Ultimate beneficiary"}),e.jsx(y,{sx:O.secondaryLabel,children:"Foxtons require this information to perform money laundering checks."}),e.jsx(w,{onBlur:c,name:"ultimateBeneficiaryName",id:"ultimateBeneficiaryName",placeholder:"Name",type:"text",onChange:i,sx:u.formTextField,autoComplete:"off",value:r(l,"ultimateBeneficiaryName"),error:!!(r(o,"ultimateBeneficiaryName")&&r(s,"ultimateBeneficiaryName")),helperText:r(o,"ultimateBeneficiaryName")&&r(s,"ultimateBeneficiaryName"),fullWidth:!0}),e.jsx(K,{formik:a,addressPath:"ultimateBeneficiaryAddress",isPropertyForSale:h}),e.jsxs(x,{sx:{display:"flex",gap:"0.75rem ",mt:"1rem"},children:[e.jsx(w,{onBlur:c,name:"ultimateBeneficiaryEmail",id:"ultimateBeneficiaryEmail",placeholder:"Email",type:"email",onChange:i,sx:u.formTextField,autoComplete:"off",value:r(l,"ultimateBeneficiaryEmail"),error:!!(r(o,"ultimateBeneficiaryEmail")&&r(s,"ultimateBeneficiaryEmail")),helperText:r(o,"ultimateBeneficiaryEmail")&&r(s,"ultimateBeneficiaryEmail"),fullWidth:!0,fieldType:"email"}),e.jsx(w,{onBlur:c,name:"ultimateBeneficiaryTelephone",id:"ultimateBeneficiaryTelephone",placeholder:"Telephone",type:"text",onChange:i,sx:u.formTextField,autoComplete:"off",value:r(l,"ultimateBeneficiaryTelephone"),error:!!(r(o,"ultimateBeneficiaryTelephone")&&r(s,"ultimateBeneficiaryTelephone")),helperText:r(o,"ultimateBeneficiaryTelephone")&&r(s,"ultimateBeneficiaryTelephone"),fullWidth:!0})]})]})]})},ge=[{label:"Single Owner",value:"single-owner",info:"Just one owner is listed on the deeds"},{label:"Multiple Owners",value:"multiple-owner",info:"Two or more owners are listed on the deeds"},{label:"Company",value:"company",info:"A company or organisation is listed as the owner on the deeds"}];function Pe(h){const[a,l]=F.useState(""),i=o=>{const{setFieldValue:c}=h;o==="single-owner"?c("legalPropertyOwnership","S"):o==="multiple-owner"?c("legalPropertyOwnership","J"):c("legalPropertyOwnership","C"),l(o)},s=()=>{switch(a||h.initialSelectedOwner){case"single-owner":return e.jsx(de,{...h});case"multiple-owner":return e.jsx(ce,{...h});default:return e.jsx(ue,{...h,isPropertyForSale:h==null?void 0:h.isPropertyForSale})}};return e.jsx(x,{sx:g.mainContainer,children:e.jsx(se,{accordionProps:{disabled:h.disabled,onChange:h.onChangeAccordionState,expanded:h.accordionState},label:"Current Owner",children:h.accordionState&&e.jsxs(e.Fragment,{children:[e.jsx(m,{otherProps:{selectedOwner:a||h.initialSelectedOwner},children:e.jsx(x,{sx:g.blockRadioCont,children:e.jsx(me,{defaultValue:a||h.initialSelectedOwner,allButtons:ge,getSelectedValue:o=>i(o),variant:"row",instructionFlow:!0})})}),s(),e.jsx(m,{otherProps:{},children:e.jsx(ie,{variant:"primary",color:"primary",sx:u.continueButton,onClick:h.onContinue,children:"Continue"})})]})})})}export{Pe as default};