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

1import{j as e,aw as K,r as n,f0 as Pt,o as I,bg as f,q as O,B as d,aS as mt,b as $t,ax as _e,ay as ut,c$ as pt,F as ht,e as ae,c as $,j1 as Wt,S as u,b1 as ke,al as Ce,bJ as Et,bK as Ft,cG as Xe,gf as Vt,b3 as Ot,E as Te,aP as gt,am as xt,j2 as zt,eX as Ht,hG as ft,j3 as Gt,X as qt,Y as Yt,L as yt,j4 as Qt,bD as Ut,g$ as Zt,_ as pe,w as Jt,j5 as Ne,j6 as Ke,d6 as et,b9 as Xt,aR as tt,ai as Kt,j7 as er,z as bt,h as wt,aT as vt,hE as tr,bZ as rr,eC as or,i7 as nr,c3 as ir,db as sr,V as ar,R as ee,i9 as lr,b2 as cr,da as rt,j8 as dr,bm as mr,bn as ur,j9 as pr,ja as hr,bo as gr,J as xr}from"./index-51b326a0.js";import{u as fr}from"./useDeviceDetect-509fe2e6.js";import{M as yr,L as br,A as wr,I as vr,w as jr,u as kr,b as Cr,c as Tr,a as Sr,d as ot,G as Mr}from"./MarkerWithInfoWindow-3a9ca845.js";import{P as Rr}from"./index-7314531e.js";import{i as Ir,P as Ar}from"./MapPropertyLabelMarker-eb1a257c.js";import{j as Lr}from"./index-91c1abb7.js";import{S as Br}from"./Slider-83af103d.js";import Nr from"./MyHome-2b1cdab8.js";import _r from"./index-52b20e60.js";import{S as Dr}from"./index-b6984d0d.js";import"./dynamic-255c46bf.js";import"./router-b09024fa.js";import"./add-base-path-323a97fc.js";import"./head-manager-context-10148ef4.js";import"./router-context-00d20d5a.js";import"./propertyListPagePathConstant-b1fad2a3.js";import"./Card-21a99dc0.js";import"./CardContent-002da540.js";import"./CardMedia-f3b57a2e.js";import"./Bed-8fee6b87.js";import"./fallbackImageUrl-56ed88f5.js";import"./visuallyHidden-fa9934b5.js";import"./index-3607604a.js";import"./styles-d563b864.js";import"./regexes-b6d92512.js";import"./index-5c54c9e1.js";import"./Floorplan-2371aaea.js";import"./index-b6fa6991.js";import"./CircleCheck-3b7868d0.js";import"./index-99520b1f.js";const Pr=t=>e.jsx(K,{...t,title:"DoubleQuote",children:e.jsx("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M7.188 40.074H18.87c1.06 0 1.921-.86 1.921-1.921V26.47c0-1.06-.86-1.922-1.921-1.922h-5.591c.073-3.058.784-5.506 2.129-7.347 1.06-1.453 2.666-2.655 4.815-3.604a1.919 1.919 0 0 0 .953-2.579l-1.384-2.92c-.446-.938-1.549-1.35-2.502-.938-2.543 1.099-4.692 2.49-6.444 4.18-2.136 2.064-3.6 4.393-4.392 6.99-.792 2.599-1.188 6.142-1.188 10.638v9.184c0 1.06.861 1.921 1.922 1.921ZM38.66 7.169c-2.513 1.095-4.65 2.486-6.414 4.173-2.156 2.063-3.628 4.384-4.42 6.963-.79 2.579-1.186 6.133-1.186 10.664v9.184c0 1.06.86 1.921 1.92 1.921h11.683c1.06 0 1.921-.86 1.921-1.921V26.47c0-1.06-.86-1.922-1.921-1.922h-5.591c.073-3.058.784-5.506 2.129-7.347 1.06-1.453 2.666-2.655 4.815-3.604a1.919 1.919 0 0 0 .953-2.579l-1.38-2.913c-.446-.937-1.556-1.352-2.51-.937Z",fill:"#017163"})})}),$r=Pr,Wr=()=>{const[t,r]=n.useState(window.innerWidth<=768?"medium":"high");return n.useEffect(()=>{const o=()=>{r(window.innerWidth<=768?"medium":"high")};return o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[]),t},Er=t=>{if(!t)return;const r=Pt(new Date(t),"eee, d MMM, yyyy"),o=new Date(t).toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric"});return`${r} at ${o}`},{palette:_}=O,C={mainContainer:{width:"100%",...I("flex","flex-start","flex-start"),flexDirection:{lg:"row",md:"column",xs:"column"},gap:"1.5rem",padding:{xs:".6rem",md:"1.2rem"},borderRadius:"0.5rem",bgcolor:_.grey[50],flex:6},officeContainer:{width:"100%",flex:3,...I("flex","center","center"),flexDirection:{lg:"column",md:"column",xs:"column"},borderRadius:"0.5rem",mt:{lg:0,md:"1rem",xs:"1rem"}},valuationBox:{width:"100%",padding:"1.5rem",borderRadius:"0.5rem",bgcolor:_.grey[50]},backButton:{...I("flex","flex-start","center"),color:_.grey[400],cursor:"pointer",mb:"1rem",userSelect:"none"},subContainer2:{flex:1,width:"100%",gap:"1.5rem",display:"flex",flexDirection:{lg:"row",xs:"column"}},subContainer:{width:"100%",...I("flex","space-between","flex-start"),flexDirection:{md:"row",xs:"column"},gap:"1rem",padding:"1.5rem",borderRadius:"0.5rem",bgcolor:_.grey[50]},managerDetailsBottom:{textAlign:"center",width:"100%"},personNameAndJob:{padding:"0.5rem",textAlign:"center"},image:{objectFit:"contain",width:"auto",height:"auto",maxWidth:"100%",maxHeight:"100%",borderRadius:"0.5rem"},labelText:{...f(700,{xs:"1.5rem",md:"2rem"},{xs:"1.75rem",md:"2.5rem"}),color:_.primary.main},welcomeText:{...f(700,{xs:"1.25rem",md:"1.5rem"},{xs:"1.25rem",md:"1.75rem"}),color:_.grey.main??"",mt:"0.5rem"},description:{...f(500,"0.875rem","1.025rem"),color:_.grey.main??"",mt:"1rem"},imageContainer:{width:{xs:"100%",lg:"14rem"},height:"14rem",position:"relative"},imageAndName:{backgroundColor:_.primary[400],borderRadius:"0.25rem",overflow:"hidden",

1width:{xs:"100%",lg:"auto"}},personImage:{width:"100%",height:"100%",objectFit:"cover",display:"block"},personImageContainer:{width:{xs:"100%",sm:"auto"},maxWidth:{lg:"28rem"},minWidth:{lg:"16rem"},aspectRatio:"1.6 / 1",position:"relative"},managerInfo:{...I("flex","flex-start","flex-start"),flexDirection:"column",gap:"0.5rem",width:{xs:"100%",md:"auto"}},name:{...f(800,"1.3rem","1.2")},videoHeading:{...f(900,"1.5rem","2rem"),letterSpacing:"-0.0625rem",color:_.primary.main,textTransform:"uppercase"},videoDesc:{...f(400,{md:"0.875rem"},"1.125rem"),mb:1},textSubHeader:{fontWeight:700,fontSize:{xs:"1rem",md:"1.25rem"},lineHeight:"1.25rem",color:_.primary.main},designation:{...f(500,"0.75rem","1rem")},actionButtonsContainer:{...I("flex","flex-start","center"),gap:"0.5rem"},actionButton:{flex:1,fontWeight:900,textTransform:"none"},requestValuationButton:{mt:"1rem",width:{lg:"inherit",md:"inherit",xs:"100%"}},feeCalcButton:{mt:"1rem"},instructLink:{...f(500,"0.875rem","1.025rem"),color:_.primary.main,cursor:"pointer",textDecoration:"underline"},instructLinkDisabled:{...f(500,"0.875rem","1.025rem"),color:_.grey[600],cursor:"not-allowed",textDecoration:"underline"},valuationDateTimeContainer:{...I("flex","flex-start","center"),border:`1px solid ${_.grey.main}`,padding:"0.1rem 0.4rem 0.15rem",width:"fit-content",borderRadius:"0.5rem",mt:".8rem",gap:"0.2rem",color:_.grey.main,"& svg":{width:"1.2rem",height:"1.2rem","& path":{fill:_.grey.main}}},valuationDateTimeText:{...f(800,"0.74rem","0.74rem"),color:_.grey.main,"& .valuationDateTimeArea":{fontWeight:800}},imageInternalContainer:{height:"100%"},imageBox:{objectFit:"contain",overflow:"hidden",position:"relative","&:hover ":{img:{opacity:.3},svg:{opacity:.8}}},playIconBox:{position:"absolute",top:0,width:"100%",height:"100%",...I("flex","center","center"),cursor:"pointer"},playIcon:{width:{xs:"3.75rem",md:"4.5rem"},height:{xs:"2.25rem",md:"2.625rem"},backgroundColor:"rgba(0, 0, 0, 0.7)",borderRadius:"0.25rem"},closeIconBox:{...I("flex","flex-end","center"),color:_.grey[50],"& svg":{width:"2.5rem",height:"2.5rem",cursor:"pointer"}},instructUsButton:{textTransform:"none",minWidth:"8.75rem",width:{xs:"100%",md:"auto"},fontSize:{xs:"0.75rem",md:"1rem"},height:{xs:"2.125rem",md:"auto"}},modalVideoBox:{"& .MuiDialog-paper":{background:"none",boxShadow:"none",minWidth:{lg:"70%",md:"85%",xs:"100%"},height:{lg:"85%",md:"70%",xs:"40%"}}},modalContent:{paddingBottom:"2.5rem",overflow:"hidden"},managerAllInfoBox:{width:"100%"},videoContainer:{width:"100%",textAlign:"center"},textAndIconContainer:{display:"flex",flexDirection:"row",gap:"1rem",alignItems:"center"},iconHome:{height:{xs:"1.5rem",md:"2rem"},width:{xs:"rem",md:"2rem"}},actionButtonsBox:{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column"}},Fr=({breakpoints:t})=>({body:{[t.up("xs")]:{"#contact-fab":{bottom:"4rem"}},[t.up("md")]:{"#contact-fab":{bottom:"5.5rem"}}}}),Vr=({initiallyVisible:t=!1,...r})=>{const o=n.useRef(null),[i,l]=n.useState(t),a=h=>{const[m]=h;m.isIntersecting&&l(!0)},s=h=>{const[m]=h;l(m.isIntersecting)},p=r.reappear?s:a;return n.useEffect(()=>{const h=o.current,m=new IntersectionObserver(p,{threshold:r.threshold,rootMargin:r.rootMargin});return h&&m.observe(h),()=>{h&&m.unobserve(h)}},[o,r,p]),[o,i]},Or={zIndex:3,pixelOffset:[0,25]},zr={width:30,height:40};function Hr({location:t,zIndex:r,pinSrc:o,pinStyle:i,text:l}){return e.jsx(yr,{location:{lat:t.lat,lng:t.lng},title:l,zIndex:r,imageSrc:o,imageStyle:i||zr,infoWindowProps:Or,children:e.jsx(d,{children:e.jsx(br,{type:"searchedText",name:l})})})}const jt={map:{width:"100%",height:"28rem",".gmnoprint":{top:"inherit"},".gmnoprint[role=menubar]":{top:"inherit"},".gm-svpc":{top:"inherit"}},PropertyMapCardWrapper:{width:{xs:"21.44rem",sm:"20rem"}}},{palette:D}=mt,Gr=t=>t.filter(r=>r).join(", "),qr=t=>t.isRecentSold?"/mapImages/recently-sold.png":t.isRecentLet?"/mapImages/recently-let.png":t.isUnderOffer?"/mapImages/propertyMarker.png":"/mapImages/available-property.png",Yr=()=>[{elementType:"geometry",stylers:[{color:D.cultured.main}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:D.graniteGray.main}]},{elementType:"labels.text.stroke",stylers:[{color:D.cultured.main}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:D.grayX11.main}]},{featureType:"poi",elementType:"geometry",stylers:[{color:D.brightGray.main}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:D.sonicSilver.main}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:D.platinum.main}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:D.spanishGray.main}]},{featureType:"road",elementType:"geometry",stylers:[{color:D.grey[50]}]},{featureType:"road.arterial",elementType:"labels.text.fill",stylers:[{color:D.sonicSilver.main}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:D.gainsboro.main}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:D.graniteGray.main}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:D.spanishGray.main}]},{featureType:"transit.line",elementType:"geometry",stylers:[{color:D.platinum.main}]},{featureType:"transit.station",elementType:"geometry",stylers:[{color:D.brightGray.main}]},{featureType:"water",elementType:"geometry",stylers:[{color:D.chineseSilver.main}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:D.spanishGray.main}]}],Qr=[0,-25],Ur={portalAssetBaseUrl:"https://assets.foxtons.co.uk",isMapView:!0};function Zr({properties:t}){const[r,o]=n.useState(null),i=s=>{o(s)},l=n.useCallback(s=>{const p=s.target;Ir(p)||o(null)},[]),a=n.useMemo(()=>{var s,p;return{lat:((s=r==null?void 0:r.location)==null?void 0:s.lat)||0,lng:((p=r==null?void 0:r.location)==null?void 0:p.lon)||0}},[r]);return e.jsxs(e.Fragment,{children:[t==null?void 0:t.map(s=>e.jsx(wr,{position:{lat:s.location.lat,lng:s.location.lon},title:Ar,onClick:()=>i(s),children:e.jsx("img",{src:qr(s)})},`p-${s.propertyReference}-ins-${s.instructionReference}-type-${s.instructionType}`)),r&&e.jsx(vr,{position:a,zIndex:4,pixelOffset:Qr,children:e.jsx($t,{onClickAway:l,children:e.jsx(d,{sx:jt.PropertyMapCardWrapper,children:e.jsx(Rr,{property:r,isEagerImg:!1,isMapCard:!0,cancelSelection:()=>o(null),isPortal:Ur,hideSaveButton:!0})})})},`infokey_${r==null?void 0:r.propertyReference}_${r==null?void 0:r.instructionType}`||"")]})}const Jr={width:60,height:82};function Xr({center:t,selectedProperty:r,zoom:o=13,properties:i=[],getProperties:l}){const a=kr(),s=Cr(),p=Tr(),h=ut(),m=pt(h.breakpoints.down("md"));n.useEffect(()=>{if(a&&s){const w=new window.google.maps.StyledMapType(Yr(),{name:"Custom"});a.mapTypes.set("Custom",w)}},[a,s]);const A=n.useMemo(()=>

1({minZoom:o-2,maxZoom:o+5,scrollwheel:!1,draggable:!0,mapTypeControl:!m,streetViewControl:!m,zoomControl:!m,fullscreenControl:!1,mapTypeId:"Custom",mapTypeControlOptions:{mapTypeIds:["Custom","satellite"]}}),[t,o,m]),M=n.useCallback(({bounds:w})=>{const v=w.getSouthWest(),S=w.getNorthEast(),T=S.lat(),j=S.lng(),E=v.lat(),x=v.lng();l({boundingBox:{topLeft:{lat:T,lon:x},bottomRight:{lat:E,lon:j}}})},[l,a]);Sr(M);const b=n.useMemo(()=>{var w,v,S;return Gr([(w=r==null?void 0:r.propertyAddress)==null?void 0:w.addressLine1,(v=r==null?void 0:r.propertyAddress)==null?void 0:v.addressLine2,(S=r==null?void 0:r.propertyAddress)==null?void 0:S.addressLine3])},[r]);return s?p===ot.FAILED||p===ot.AUTH_FAILURE?null:e.jsxs(Mr,{center:t,zoom:o,wrapperSx:jt.map,mapOptions:A,children:[e.jsx(Zr,{properties:i,selectedProperty:r}),e.jsx(Hr,{location:t,pinSrc:"/mapImages/my-location.png",pinStyle:Jr,text:b})]}):e.jsx(ht,{})}const Kr=_e.memo(jr(Xr)),{palette:B}=O,Q={legendImageContainer:{position:"relative",height:"1.5rem",width:"1.5rem"},mapContainer:{minHeight:"28rem"},legendContainer:{display:"flex",flexDirection:"row",gap:"1rem",justifyContent:"center",marginTop:"1.375rem"},legendText:{fontSize:"0.75rem",marginLeft:{xs:0,lg:"0.2rem"},marginTop:{xs:"0.3rem",lg:"0rem"},textAlign:"center",lineHeight:"0.75rem"},legend:{display:"flex",flexDirection:{lg:"row",xs:"column"},alignItems:"center",justifyContent:"center"},sectionContainer:{width:"100%",backgroundColor:B.grey[50],paddingTop:{xs:".6rem",md:"1rem"},paddingInline:{xs:".6rem",md:"1.2rem"},paddingBottom:"1.5rem",borderRadius:"0.5rem"},buttonToggle:{textTransform:"none",backgroundColor:B.grey[50],border:`0.063rem solid ${B.primary[200]}`,color:B.primary.main,paddingInline:"0.5rem",fontSize:"0.875rem",fontWeight:500,minWidth:"max-content",height:"2rem"},filterButtonsContainer:{gap:"0.5rem",marginBottom:"1.25rem",display:"flex",overflowX:"scroll","::-webkit-scrollbar":{display:"none"}},buttonToggleActive:{textTransform:"none",backgroundColor:B.primary.main,color:B.grey[50],border:`0.063rem solid ${B.primary.main}`,fontWeight:500,paddingInline:"0.5rem",fontSize:"0.875rem",minWidth:"max-content",height:"2rem",":hover":{backgroundColor:B.primary.main,boxShadow:"none",color:B.grey[50]}},titleText:{fontSize:{xs:"1.25rem",md:"1.5rem"},fontWeight:"700",lineHeight:{xs:"1.25rem",md:"2.5rem"},color:B.primary.main,marginBottom:"1.5rem"},tabWrapper:{width:"100%",display:{lg:"block",md:"none",xs:"none"}},selectWrapper:{width:"100%",display:{lg:"none",md:"block",xs:"block"},marginBottom:"1rem"},formTextfield:{backgroundColor:B.grey[50],borderRadius:"0.25rem",fieldset:{border:`0.063rem solid ${B.primary[200]}`},"&:hover .Mui-error fieldset":{borderColor:B.brightRed.main},"& .MuiOutlinedInput-root":{"&:hover fieldset":{border:`0.063rem solid ${B.primary[200]}`},"&.Mui-focused fieldset":{borderColor:B.primary[200]},"&.Mui-error fieldset":{border:`0.063rem solid ${B.brightRed.main}`}},".MuiFormHelperText-root":{backgroundColor:{xs:B.primary[400],md:B.lightishAqua.main},margin:"0",paddingTop:"0.625rem",fontWeight:"700",fontSize:"0.875rem",lineHeight:"0.875rem"},svg:{fill:`${B.gradient.main}`},".MuiOutlinedInput-input":{backgroundColor:B.grey[50],"::-ms-reveal":{display:"none"}}}},he=`${window.location.protocol}//${window.location.host}`,eo=`${he}/mapImages/my-location.png`,to=`${he}/mapImages/available-property.png`,ro=`${he}/mapImages/recently-let.png`,oo=`${he}/mapImages/recently-sold.png`,no=`${he}/mapImages/propertyMarker.png`;var kt=(t=>(t.FOR_SALE="FOR_SALE",t.TO_RENT="TO_RENT",t.RECENTLY_SOLD="RECENTLY_SOLD",t.RECENTLY_LET="RECENTLY_LET",t))(kt||{});const{FOR_SALE:ce,TO_RENT:de,RECENTLY_SOLD:me,RECENTLY_LET:ue}=kt,io=[{label:"Property for sale",id:ce},{label:"Property to rent",id:de},{label:"Recently sold by Foxtons",id:me},{label:"Recently let by Foxtons",id:ue}],so=[{id:0,name:"Your location",image:eo},{id:1,name:"Available property",image:to},{id:2,name:"Under offer",image:no},{id:3,name:"Recently sold",image:oo},{id:4,name:"Recently let",image:ro}];function ao({propertyLatitude:t,propertyLongitude:r,...o}){const i=ae(),l=$(b=>b.propertiesReducer.mapProperties),[a,s]=Vr({threshold:.15,reappear:!1}),[p,h]=n.useState([]),m=$(b=>{var w,v,S;return(S=(v=(w=b.propertiesReducer)==null?void 0:w.selectedProperty)==null?void 0:v.persona)==null?void 0:S.toLocaleLowerCase()});n.useEffect(()=>{h(m==="sell"?[ce,me]:m==="let"?[de,ue]:[ce,de,me,ue])},[m]);const A=fr(),M=n.useCallback(b=>{const w={boundingBox:b.boundingBox,includeSale:p.includes(ce),includeRent:p.includes(de),includeRecentSold:p.includes(me),includeRecentLet:p.includes(ue)};i(Wt(w))},[p,i]);return e.jsxs(d,{sx:Q.sectionContainer,children:[e.jsx(u,{variant:"body1",sx:Q.titleText,children:"How is the property market performing in y

1our neighbourhood?"}),e.jsx(d,{sx:Q.filterButtonsContainer,children:io.map(b=>{const w=p.includes(b.id);return e.jsx(ke,{onClick:()=>{h(w?v=>v.filter(S=>S!==b.id):v=>[...v,b.id])},sx:w?Q.buttonToggleActive:Q.buttonToggle,variant:"text",children:b.label},b.id)})}),e.jsx("div",{style:Q.mapContainer,ref:a,children:s&&e.jsx(Kr,{selectedProperty:o,filters:{includeRecentLet:p.includes(ue),includeRecentSold:p.includes(me),includeRent:p.includes(de),includeSale:p.includes(ce)},properties:l,getProperties:M,apiKey:"AIzaSyCy074axY75x7ckg-tKsmmhLAuYOFtW8uI",isMobile:A,center:{lat:t,lng:r}})}),e.jsx(d,{sx:Q.legendContainer,children:so.map(b=>e.jsxs(d,{sx:Q.legend,children:[e.jsx(Ce,{src:b.image,alt:"contact avatar image",layout:"contain",loading:"lazy",height:"100%",width:"100%",sx:Q.legendImageContainer}),e.jsx(u,{sx:Q.legendText,children:b.name})]},b.image))})]})}const{palette:xe}=mt,lo={display:"flex",justifyContent:"center",alignItems:"center"},Me=(t,r,o)=>({fontWeight:t,fontSize:r,lineHeight:o,whiteSpace:"pre-wrap"}),co={mainContainer:{...lo,padding:{lg:"1.938rem",md:"1.938rem",xs:"1.25rem 0"},backgroundColor:xe.primary[400],borderRadius:"0.5rem",flexDirection:"column","& svg":{width:"2.6rem",height:"2.6rem"}},descriptionText:{...Me(300,{xs:"0.875rem",md:"1.25rem"},{xs:"1.125rem",md:"1.5rem"}),textAlign:"center",fontStyle:"italic",color:xe.grey.main,mt:"0.583rem"},name:{...Me(500,"1rem","0.875rem"),textAlign:"center",color:xe.grey.main,mt:"0.938rem",mb:"0.125rem"},title:{...Me(500,"0.75rem","0.75rem"),textAlign:"center",color:xe.primary.main}},fe=co;function mo({description:t,title:r,name:o,icon:i=e.jsx($r,{})}){return e.jsxs(d,{sx:fe.mainContainer,children:[i,e.jsx(u,{sx:fe.descriptionText,children:t}),e.jsx(u,{sx:fe.name,children:o}),r&&e.jsx(u,{sx:fe.title,children:r})]})}const uo=_e.memo(mo);var De={},po=Ft;Object.defineProperty(De,"__esModule",{value:!0});var Ct=De.default=void 0,ho=po(Et()),go=e,xo=(0,ho.default)((0,go.jsx)("path",{d:"M16.88 2.88c-.49-.49-1.28-.49-1.77 0L6.7 11.29c-.39.39-.39 1.02 0 1.41l8.41 8.41c.49.49 1.28.49 1.77 0s.49-1.28 0-1.77L9.54 12l7.35-7.35c.48-.49.48-1.28-.01-1.77z"}),"ArrowBackIosNewRounded");Ct=De.default=xo;const{palette:ne}=O,H={mainContainer:{width:"100%",bgcolor:ne.grey[50],padding:{xs:"1rem .6rem .6rem",md:"1.2rem"},borderRadius:"0.5rem",...I("flex","center","center")},mainWrapper:{width:"100%"},reviewsWrapper:{...I("flex","flex-start","center"),flexDirection:"column",overflowX:"scroll","::-webkit-scrollbar":{display:"none"},backgroundColor:ne.primary[400],borderRadius:"0.5rem","& .carousel-root":{display:"contents"},"& .carousel-slider":{...I("flex","center","center")}},infoText:{...f(700,{xs:"1.25rem",md:"1.3rem"},{xs:"1.25rem",md:"1.3rem"}),color:ne.primary.main,mb:".8rem"},carouselDot:{background:ne.primary.main,opacity:"0.2",WebkitFontSmoothing:"antialiased",WebkitTextSizeAdjust:"100%",color:"rgba(0, 0, 0, 0.87)",fontWeight:"400",fontSize:"1rem",lineHeight:"1.5",boxSizing:"border-box",transition:"opacity .25s ease-in",borderRadius:"50%",width:"0.5rem",height:"0.5rem",cursor:"pointer",display:"inline-block",":hover":{opacity:{xs:"0.2",md:1}}},carouselDotSelected:{opacity:{xs:1},":hover":{opacity:1}},carouselIndicators:{...I("flex","flex-start","center"),pb:"1.938rem",gap:"0.25rem"},iconArrowButton:{p:{lg:"0 1.5rem",md:"0 1.5rem",xs:"0 0.5rem"},"&:hover":{backgroundColor:ne.primary[400]}},iconArrow:{color:ne.primary.main,display:{xs:"none",md:"block"}}},fo=[{description:"we've been dealing with foxtons for a long time. not only do they somehow manage to achieve higher rentals compared to other agents, but if anything is wrong, they continue chasing until they correct it. the latest example is when we were wrongly prevented from getting a large end of tenancy deposit back. Brooke Cheesman kept pursuing the case until we got our money back!",name:"AA",id:"1"},{description:"Adonis was Excellent! Really the best help! very pro active and made things happen on time and as stated. He has my full confidence, was professional and polite and knows how to get things done!",name:"GI",id:"2"},{description:"I've used multiple agents over the last 15 years and I've never left a review online. The help that Foxtons team have given me has far surpassed any of their competitors that I've experienced. While their online portal is brilliant for storage of important documents, their staff are also quick to pick up the phone to supp

1ort in a kind and efficient way. This is especially useful for tenant handovers. Am so please with their service.",name:"FM",id:"3"}],yo=[{description:"Nicky and her team were fantastic, they took the time to understand the property, location etc and kept us updated every step of the way. Six weeks from offer to exchange! Nicky was always at the end of a WhatsApp or email, so we were never left waiting for answers. We wouldn’t hesitate to recommend Foxtons!",name:"CS",id:"1"},{description:`	
2What can we say about Foxtons and the team. Certainly, that having had the experience with Adam and the team in Chiswick, we would never use another estate agency. Our opinion is perhaps a little more insightful as our purchase went through another agency on the high street. The experience was light and dark, great vs appalling. Throughout the process we felt Adam, Dominic and the rest of the team were always safeguarding our interests; providing, sensible, measured and realistic points of view.`,name:"BK",id:"2"},{description:`	
3Just in terms of “getting the job done”, they smashed it. I had my property on the market with two separate estate agents for nine months prior to choosing Fo

3xtons. They sold the property in two weeks - before it even went online! Not just that, but the service throughout has been impeccable. I worked with Jack and Michaela at the Crystal Palace branch on the sale, and both were brilliant, even though Michaela had to deal with very pushy sellers and a crazy amount of pressure from further up the chain. The process was characterised by a practical, friendly, professional and can-do problem solving attitude throughout. I am now happily established in my new home thanks to their hard work.`,name:"LH",id:"3"}],bo={...H.carouselDot,...H.carouselDotSelected};function wo({isSalesProperty:t=!1}){const[r,o]=n.useState(0),i=a=>{o(a)},l=t?yo:fo;return e.jsx(d,{sx:H.mainContainer,children:e.jsxs(d,{sx:H.mainWrapper,children:[e.jsx(u,{sx:H.infoText,children:"What do your neighbours think about us?"}),e.jsxs(d,{sx:H.reviewsWrapper,children:[e.jsx(Lr.Carousel,{infiniteLoop:!0,autoFocus:!0,autoPlay:!0,showArrows:!0,showStatus:!1,showIndicators:!1,showThumbs:!1,selectedItem:r,onChange:i,renderArrowPrev:()=>e.jsx(Xe,{"aria-label":"Slide back",sx:H.iconArrowButton,onClick:()=>o(r!==0?a=>a-1:l.length-1),children:e.jsx(Ct,{sx:H.iconArrow})}),renderArrowNext:()=>e.jsx(Xe,{"aria-label":"Slide forward",sx:H.iconArrowButton,onClick:()=>r!==l.length-1?o(a=>a+1):o(0),children:e.jsx(Vt,{sx:H.iconArrow})}),children:l.map(a=>e.jsx(uo,{...a},a.id))}),e.jsx(d,{sx:H.carouselIndicators,"data-testid":"carouselDots-test",children:l.map(({id:a},s)=>e.jsx(d,{sx:r===s?bo:H.carouselDot,onClick:()=>o(s)},a))})]})]})})}const{palette:q}=O,U={container:{...I("flex","space-between","center"),flexDirection:"column",height:"100%",width:"100%"},wrapper:{...I("flex","center","center"),flexDirection:"column",gap:"0.75rem"},text:{...f(400,"1rem","1.2rem"),color:q.grey.main},formTextField:{backgroundColor:q.grey[50],borderRadius:"0.25rem",fieldset:{border:`0.063rem solid ${q.primary[200]}`},"&:hover .Mui-error fieldset":{borderColor:q.brightRed.main},"& .MuiOutlinedInput-root":{"&:hover fieldset":{border:`0.063rem solid ${q.primary[200]}`},"&.Mui-focused fieldset":{borderColor:q.primary[200]},"&.Mui-error fieldset":{border:`0.063rem solid ${q.brightRed.main}`}},".MuiFormHelperText-root":{margin:"0",paddingTop:"0.625rem",fontWeight:"700",fontSize:"0.875rem",lineHeight:"0.875rem"},svg:{fill:`${q.gradient.main}`},".MuiOutlinedInput-input":{backgroundColor:q.grey[50],"::-ms-reveal":{display:"none"}}},thumbsUpIcon:{fontSize:"4.5rem",fill:q.primary[400]},thankYouText:{...f(700,"1.25rem","1.25rem"),color:q.primary.main,textAlign:"center"},thankYouWrapper:{...I("flex","center","center"),flexDirection:"column",gap:"1.375rem",height:"-webkit-fill-available"}},vo=()=>{const{user:t}=Ot(),{property:r}=Te(),o=ae(),i=$(m=>m.valuationReducer.loading),[l,a]=n.useState(!1),[s,p]=n.useState(`Please could I arrange a valuation of ${r==null?void 0:r.title}.`),h=()=>{var m,A,M,b;o(zt({title:(m=t==null?void 0:t.profile)==null?void 0:m.title,firstName:(A=t==null?void 0:t.profile)==null?void 0:A.firstName,lastName:(M=t==null?void 0:t.profile)==null?void 0:M.lastName,emailAddress:(b=t==null?void 0:t.profile)==null?void 0:b.emailAddress,webInterest:{seller:!0,landlord:!1,buyer:!1,renter:!1},valuationAddress:r==null?void 0:r.propertyAddress,contactNotes:s}))};return e.jsxs(d,{sx:U.container,children:[e.jsxs(d,{sx:U.wrapper,children:[e.jsx(u,{sx:U.text,children:"Drop me a line if you would like us to provide a free market appraisal of your property."}),e.jsx(gt,{error:l,fullWidth:!0,placeholder:"Type here...",helperText:l&&"Special characters are not allowed.",type:"text",onChange:m=>{const A=/[<>;&/\\]/g,M=m.target.value;M.match(A)?a(!0):a(!1);const b=M.replace(A,"");p(b)},sx:U.formTextField,autoComplete:"off",allowSpecialCharacter:!0,multiline:!0,rows:5,value:s})]}),e.jsx(xt,{variant:"primary",fullWidth:!0,onClick:h,disabled:!s||i,containerSxForVariant:U.container,children:"Request a valuation"})]})},jo=({onClose:t})=>e.jsxs(d,{sx:U.container,children:[e.jsxs(d,{sx:U.thankYouWrapper,children:[e.jsx(Ht,{sx:U.thumbsUpIcon}),e.jsx(u,{sx:U.thankYouText,children:`Thank you! I will be in touch as
4soon as possible.`})]}),e.jsx(xt,{variant:"primary",fullWidth:!0,onClick:t,containerSxForVariant:U.container,children:"Close"})]}),ko=t=>{const r=ae(),{onClose:o,isOpen:i}=t,l=$(p=>p.valuationReducer.success),a=$(p=>p.valuationReducer.loading),s=()=>{r(Gt()),o()};return e.jsx(e.Fragment,{children:e.jsx(ft,{title:"Request a valuation",isOpen:i,onClose:s,loading:a,showCrossIcon:!l,children:l?e.jsx(jo,{onClose:s}):e.jsx(vo,{})})})},X={drawer_title:"Let’s talk about fees",title:"Here's a typical example we come across every day...",description:"We get asked about our fee all the time, but it's really quite simple when you look at a real life scenario:",foxtons_make_for_you:"This is how much more foxtons makes for you",local_agent_charges:"Say, your local agent charges",achieve:"and achieves",foxtons_ask:t=>`Foxtons asks for ${t} but achieves more for you at`,foxtons_will_make_for_you:"See how much more we’d make you if we achieved even more!",no_sale_no_fee:"And remember - No sale. No fee."};var N=(t=>(t.foxtons="FOXTONS",t.agent="AGENT",t))(N||{});

4const Co=["GLFD","WOKG"],To=()=>{const t=[];for(let l=.5;l<=3.5;l=l+.25)t.push({label:`${l}%`,value:l});return{charges:t}},Re=t=>{if(t<1e3)return t;if(t>=1e3&&t<1e6)return+(t/1e3).toFixed(3)+"k";if(t>=1e6&&t<1e9)return+(t/1e6).toFixed(3)+"m";if(t>=1e9&&t<1e12)return+(t/1e9).toFixed(3)+"b";if(t>=1e12)return+(t/1e12).toFixed(3)+"t"},Ie=t=>{let r=t;return r=r/500,r=parseInt(`${r}`),r=r*500,r},So=()=>{const{officeCode:t,instructionPrices:r}=Te();let o=r.salePrice??5e5;o=Ie(o);const i=1e3,l=o-o/100*5,a=o*.5,s=o*1.5,[p,h]=n.useState(1.5),[m,A]=n.useState({[N.agent]:Ie(l)+s%i,[N.foxtons]:Ie(o)+s%i}),M=n.useMemo(()=>Co.includes(t)?2.25:2.5,[t]),b=n.useMemo(()=>{const S=m[N.agent]-m[N.agent]/100*p,j=m[N.foxtons]-m[N.foxtons]/100*M-S;return j<0?0:j},[p,M,m]),w=n.useMemo(()=>{const S=[{value:a,label:`£${Re(a)}`},{value:s-a,label:`£${Re(s-a)}`},{value:s,label:`£${Re(s)}`}];return{min:a,max:s,step:i,marks:S}},[s,a]);return{charge:p,setCharge:h,foxtonsFee:M,sliderProps:w,sliderValues:m,handleChange:(S,T)=>A(j=>S===N.agent&&T>j[N.foxtons]?{[N.agent]:T,[N.foxtons]:T}:S===N.foxtons&&T<j[N.agent]?{[N.agent]:T,[N.foxtons]:T}:{...j,[S]:T}),commissionDifference:b}},Mo={[N.agent]:{text:()=>X.achieve,style:{slider:"agentSlider",price:"agentPrice"}},[N.foxtons]:{text:t=>X.foxtons_ask(t??""),style:{slider:"foxtonsSlider",price:"foxtonsPrice"}}},{palette:g}=O,nt={height:"0.375rem",borderRadius:"inherit",padding:"0 !important","& .MuiSlider-rail":{backgroundColor:g.grey[200],opacity:"inherit",paddingRight:"0.125rem"},"& .MuiSlider-markLabel":{top:20,...f(500,"0.875rem","1.25rem"),color:g.grey[400]},"& .MuiSlider-mark":{top:"100%",height:"0.75rem",backgroundColor:g.grey[200],borderRadius:"inherit",width:"0.125rem",opacity:"inherit",transform:"inherit"},"& .MuiSlider-markActive":{top:"100%",height:"0.75rem",backgroundColor:g.grey[200],borderRadius:"inherit",width:"0.125rem",opacity:"inherit",transform:"inherit"}},it={width:"1.5rem",height:"1.5rem",backgroundRepeat:"no-repeat",backgroundSize:"contain",":hover":{boxShadow:"none"}},P={container:{...I("flex","flex-start","flex-start"),flexDirection:"column",width:"100%",gap:"1rem"},title:{...f(500,"1.125rem","1.343rem"),color:g.primary.main},description:{...f(400,"1rem","1.25rem"),color:g.grey.main},foxtonsMakeText:{...f(900,"0.875rem","0.875rem"),color:g.grey.main,mt:"0.5rem"},calcText:{...f(800,"1rem","1.25rem"),color:g.grey.main},valueBox:{backgroundColor:g.primary[400],padding:"1rem",borderRadius:"0.5rem",width:"100%",textTransform:"uppercase",mt:"1.5rem"},localAgentChargesBox:{...I("flex","flex-start","flex-start"),flexDirection:"column",gap:"0.5rem",mt:"0.5rem",width:"100%"},localAgentSelect:{height:"3rem",fieldset:{border:`0.063rem solid ${g.primary[200]}`,"& .Mui-disabled":{backgroundColor:g.grey[100],borderColor:g.grey[100],"& .MuiInputBase-root.Mui-disabled":{"& > fieldset":{borderColor:"blue"}},".MuiOutlinedInput-input":{color:g.darkestBlack.main,borderColor:g.grey[100],backgroundColor:g.grey[100],borderRadius:"0.25rem"},"&:hover fieldset":{borderColor:g.grey[100],zIndex:"-15"},".MuiOutlinedInput-notchedOutline":{border:"none"}}},"&:hover .Mui-error fieldset":{borderColor:g.brightRed.main},"& .MuiOutlinedInput-root":{maxHeight:"3.5rem","&:hover fieldset":{border:`0.063rem solid ${g.primary[200]}`},"&.Mui-focused fieldset":{borderColor:g.primary[200]},"&.Mui-error fieldset":{border:`0.063rem solid ${g.brightRed.main}`}},".MuiFormHelperText-root":{margin:"0",paddingTop:"0.5rem",fontSize:"0.875rem",lineHeight:"1.125rem"},svg:{fill:`${g.gradient.main}`},".MuiOutlinedInput-input":{backgroundColor:g.grey[50],"::-ms-reveal":{display:"none"}},".Mui-disabled":{backgroundColor:g.grey[100],borderColor:g.grey[100],"& .MuiInputBase-root.Mui-disabled":{"& > fieldset":{borderColor:"blue"}},".MuiOutlinedInput-input":{color:g.darkestBlack.main,borderColor:g.grey[100],backgroundColor:g.grey[100],borderRadius:"0.25rem"},"&:hover fieldset":{borderColor:g.grey[100],zIndex:"-15"},".MuiOutlinedInput-notchedOutline":{border:"none"}}},feeSliderBox:{...I("flex","flex-start","flex-start"),flexDirection:"column",gap:"1rem",mt:"1.25rem",width:"100%"}

4,foxtonsSlider:{...nt,"& .MuiSlider-track":{backgroundColor:g.primary.main,border:"inherit"},"& .MuiSlider-thumb":{...it,backgroundImage:'url("/mapImages/foxtons_icon.svg")'}},agentSlider:{...nt,"& .MuiSlider-track":{backgroundColor:g.bloodRed.main,border:"inherit"},"& .MuiSlider-thumb":{...it,backgroundColor:g.grey[50],backgroundImage:'url("/mapImages/range_icon.svg")'}},foxtonsPrice:{...f(900,"2rem","2rem"),color:g.primary.main},agentPrice:{...f(900,"2rem","2rem"),color:g.bloodRed.main},priceText:{...f(900,"2.25rem","3rem"),color:g.primary.main},foxtonsSalesBox:{...I("flex","center","flex-start"),width:"100%",mt:"0.5rem",gap:"0.75rem",flexDirection:"column"},foxtonsWillMakeText:{...f(500,"1rem","1.25rem"),color:g.primary.main},noSaleText:{...f(400,"1rem","1.25rem"),color:g.grey.main,mb:"2.5rem"}},Ro=t=>{const{charges:r}=To(),{charge:o,setCharge:i}=t;return e.jsxs(d,{sx:P.localAgentChargesBox,children:[e.jsx(u,{sx:P.calcText,children:X.local_agent_charges}),e.jsx(qt,{fullWidth:!0,name:"localAgentCharges",sx:P.localAgentSelect,value:o,onChange:l=>i(l.target.value),children:r.map(({label:l,value:a})=>e.jsx(Yt,{value:a,children:l},a))})]})},Io=n.memo(Ro),Ao=t=>{const{type:r,foxtonsFee:o,sliderProps:i,sliderValues:l,handleChange:a}=t,{marks:s=[]}=i,{text:p,style:h}=Mo[r],m=n.useMemo(()=>r===N.foxtons?s.map(({label:A,value:M})=>({value:M,label:`${A}+`})):s,[s,r]);return e.jsx(e.Fragment,{children:e.jsxs(d,{sx:P.feeSliderBox,children:[e.jsx(u,{sx:P.calcText,children:p(`${o}%`)}),e.jsx(u,{sx:P[h.price],children:yt(`${l[r]}`)}),e.jsx(Br,{value:l[r],"aria-label":"Default",sx:P[h.slider],onChange:(A,M)=>a(r,M),...i,marks:m})]})})},st=n.memo(Ao),Lo=t=>{const{charge:r,setCharge:o,commissionDifference:i,...l}=So();return e.jsx(ft,{title:X.drawer_title,...t,children:e.jsxs(d,{sx:P.container,children:[e.jsx(u,{sx:P.title,children:X.title}),e.jsx(u,{sx:P.description,children:X.description}),e.jsx(Io,{charge:r,setCharge:o}),e.jsx(st,{type:N.agent,...l}),e.jsx(st,{type:N.foxtons,...l}),e.jsxs(d,{sx:P.valueBox,children:[e.jsx(u,{sx:P.priceText,children:yt(`${i}`)}),e.jsx(u,{sx:P.foxtonsMakeText,children:X.foxtons_make_for_you})]}),e.jsxs(d,{sx:P.foxtonsSalesBox,children:[e.jsx(u,{sx:P.foxtonsWillMakeText,children:X.foxtons_will_make_for_you}),e.jsx(u,{sx:P.noSaleText,children:X.no_sale_no_fee})]})]})})},Bo=n.memo(Lo),No={container:{"& .cls-1":{fill:"none"},"& .cls-3":{clipPath:"url(#clippath)"}}},_o=t=>e.jsxs(K,{sx:No,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 55 55",title:"Renew Icon",...t,children:[e.jsx("defs",{children:e.jsx("clipPath",{id:"clippath",children:e.jsx("rect",{className:"cls-1",width:"55",height:"55"})})}),e.jsx("g",{className:"cls-3",children:e.jsx("g",{id:"Mask_Group_2",children:e.jsx("path",{id:"autorenew",className:"cls-2",d:"M27.5,12.5v7.5l10-10L27.5,0v7.5c-11.03-.02-19.98,8.9-20,19.93,0,3.8,1.07,7.51,3.1,10.72l3.65-3.65c-1.15-2.15-1.76-4.56-1.75-7,0-8.28,6.72-15,15-15M44.4,16.85l-3.65,3.65c3.88,7.3,1.1,16.37-6.2,20.25-2.17,1.15-4.59,1.75-7.05,1.75v-7.5l-10,10,10,10v-7.5c11.03.02,19.98-8.9,20-19.93,0-3.8-1.07-7.51-3.1-10.72Z"})})})]}),Do={container:{"& .cls-1":{fill:"none"},"& .cls-3":{clipPath:"url(#clippath)"}}},Po=t=>e.jsxs(K,{sx:Do,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 55 55",title:"Shield Icon",...t,children:[e.jsx("defs",{children:e.jsx("clipPath",{id:"clippath",children:e.jsx("rect",{className:"cls-1",width:"55",height:"55"})})}),e.jsx("g",{className:"cls-3",children:e.jsx("g",{id:"Mask_Group_1",children:e.jsx("path",{id:"hand-heart-outline",className:"cls-2",d:"M39.29,3.88c1.74-2.09,4.35-3.28,7.07-3.22,2.29-.04,4.49.92,6.02,2.62,1.59,1.61,2.52,3.76,2.62,6.02,0,1.83-.86,3.95-2.62,6.44-1.54,2.23-3.27,4.32-5.16,6.26-1.7,1.68-4.35,4.16-7.94,7.46-3.64-3.3-6.31-5.79-8.01-7.46-1.91-1.92-3.64-4.02-5.16-6.26-1.73-2.49-2.54-4.61-2.54-6.44-.05-2.28.88-4.47,2.54-6.02,3.47-3.49,9.12-3.5,12.6-.02.2.2.39.41.57.62M54.99,45.17v2.62l-20.95,6.55-18.33-5.08v3.77H0v-28.81h20.88l16.13,6.02c2.94,1.11,4.89,3.92,4.9,7.07h5.24c4.33,0,7.85,3.5,7.86,7.84,0,0,0,.01,0,.02M10.48,47.8v-18.33h-5.24v18.33h5.24M49.5,44.05c-.44-.9-1.35-1.48-2.36-1.49h-14.01c-1.41,0-2.8-.21-4.14-.65l-6.23-2.07,1.65-4.98,6.23,2.07c2,.24,4.01.37,

46.02.39,0-.96-.59-1.83-1.49-2.17l-15.25-5.68h-4.22v14.4l18.25,5,15.53-4.81Z"})})})]}),$o={container:{"& cls-1":{fill:"none"},"& cls-3":{clipPath:"url(#clippath)"}}},Wo=t=>e.jsxs(K,{sx:$o,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 55 55",title:"Handing love icon",...t,children:[e.jsx("defs",{children:e.jsx("clipPath",{id:"clippath",children:e.jsx("rect",{className:"cls-1",x:"1",width:"53",height:"56"})})}),e.jsx("g",{className:"cls-3",children:e.jsx("g",{id:"Mask_Group_3",children:e.jsx("path",{id:"shield-check-outline",className:"cls-2",d:"M48.17,26.08c0,13.37-9.25,25.87-21.68,28.91-12.43-3.03-21.68-15.54-21.68-28.91v-14.45L26.49,1.99l21.68,9.64v14.46M26.49,50.17c9.03-2.41,16.86-13.15,16.86-23.56v-11.85l-16.86-7.52-16.86,7.52v11.85c0,10.41,7.83,21.15,16.86,23.56M21.67,40.54l-9.64-9.64,3.4-3.4,6.24,6.22,15.87-15.87,3.4,3.42"})})})]}),Eo=t=>e.jsx(K,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 55 55",title:"Message Star Icon",...t,children:e.jsx("path",{id:"message-star",d:"M46.36,3.92H8.64c-2.6,0-4.71,2.11-4.72,4.72v42.44l9.43-9.43h33.01c2.6,0,4.71-2.11,4.72-4.72V8.64c0-2.6-2.11-4.71-4.72-4.72M33.63,32.22l-6.13-3.77-6.13,3.77,1.65-7.07-5.42-4.72,7.07-.71,2.83-6.37,2.83,6.6,7.07.71-5.42,4.72,1.65,6.84Z"})}),Fo={container:{"& .cls-1":{fill:"#ffec00"}}},Vo=t=>e.jsxs(K,{sx:Fo,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 55 55",title:"Conveyance Icon",...t,children:[e.jsx("defs",{children:e.jsx("style",{children:".cls-1{fill:#ffec00;}"})}),e.jsxs("g",{id:"conveyan",children:[e.jsx("path",{id:"Path_23",className:"cls-1",d:"M20.22,43.72l17.36-17.08h-13.33l-9.01,8.72c1.4,2.93,3.06,5.73,4.97,8.37"}),e.jsx("rect",{id:"Rectangle_282",className:"cls-1",x:"39.71",y:"38.68",width:"6.08",height:"4.04"}),e.jsx("rect",{id:"Rectangle_283",className:"cls-1",x:"39.71",y:"30.68",width:"6.08",height:"4.04"}),e.jsx("path",{id:"Path_24",className:"cls-1",d:"M37.66,26.64v23.96c-6.44-.29-12.55-2.94-17.16-7.44-4.34-4.46-6.92-10.35-7.24-16.57h-4.12c.34,7.3,3.34,14.21,8.44,19.44,5.6,5.6,13.45,8.69,22.12,8.69h2.04v-28.09h-4.08Z"}),e.jsx("path",{id:"Path_25",className:"cls-1",d:"M39.7,12.32c-1.7,0-3.08,1.38-3.08,3.08,0,1.7,1.38,3.08,3.08,3.08,1.7,0,3.08-1.38,3.08-3.08s-1.38-3.08-3.08-3.08h0M39.7,22.48c-3.93,0-7.12-3.19-7.12-7.12s3.19-7.12,7.12-7.12,7.12,3.19,7.12,7.12c0,3.93-3.19,7.11-7.12,7.12"}),e.jsx("path",{id:"Path_26",className:"cls-1",d:"M8.18,17.44c0-3.94,3.19-7.13,7.13-7.13s7.13,3.19,7.13,7.13h-4.09c.07-1.7-1.26-3.13-2.96-3.2s-3.13,1.26-3.2,2.96c0,.08,0,.16,0,.24h-4.01Z"}),e.jsx("path",{id:"Path_27",className:"cls-1",d:"M29.42,13.24h-4.04c0-4.93-4-8.92-8.92-8.92h-7.44V.27h7.45c7.15.01,12.95,5.81,12.96,12.97"}),e.jsx("path",{id:"Path_28",className:"cls-1",d:"M29.42,13.24h-4.04c0-7.16,5.8-12.96,12.96-12.96h7.48v4.04h-7.48c-4.92,0-8.91,4-8.92,8.92"}),e.jsx("rect",{id:"Rectangle_284",className:"cls-1",x:"25.34",y:"18.28",width:"4.12",height:"4.12",transform:"translate(-6.35 25.33) rotate(-45)"})]})]}),Oo=t=>e.jsx(K,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 55 55",title:"Gavel Icon",...t,children:e.jsx("path",{id:"gavel",d:"M4.42,47.22l22.73-22.73-3.31-3.36-1.7,1.68c-.92.92-2.41.92-3.33,0,0,0,0,0,0,0l-1.68-1.68c-.92-.92-.92-2.41,0-3.33,0,0,0,0,0,0l13.4-13.4c.92-.92,2.41-.92,3.33,0,0,0,0,0,0,0l1.68,1.68c.92.92.92,2.41,0,3.33,0,0,0,0,0,0l-1.68,1.63,3.36,3.38c.92-.92,2.41-.92,3.33,0,0,0,0,0,0,0,.92.93.92,2.43,0,3.36l3.34,3.34,1.68-1.68c.93-.92,2.43-.92,3.36,0l1.66,1.68c.92.93.92,2.43,0,3.36l-13.37,13.37c-.93.92-2.43.92-3.36,0l-1.66-1.65c-.93-.9-.95-2.39-.05-3.31.02-.02.03-.03.05-.05l1.66-1.68-3.34-3.34L7.76,50.58c-.92.92-2.41.92-3.33,0,0,0,0,0,0,0-.92-.93-.92-2.43,0-3.36M46.32,44.19c2.61,0,4.73,2.12,4.73,4.73h0v2.37h-23.67v-2.36c0-2.61,2.12-4.73,4.73-4.73h14.2Z"})}),{palette:ye}=O,ie={container:{background:ye.gradient.A400,color:ye.grey[50],borderRadius:"0.5rem",height:"100%",padding:{xs:"0.6rem",sm:"1.2rem"}},messageContainer:{display:"flex",flexDirection:"row",alignItems:"center",gap:"1rem"},textContainer:{display:"flex",flexDirection:"column",marginBottom:"2rem"},icon:{alignSelf:"flex-start",marginInline:"1rem",marginTop:"0.5rem","& svg":{fontSize:"3.4rem",fill:ye.secondary.main}},title:{fontSize:"1.25rem",fontWeight:700,marginBottom:"0.2rem",color:ye.secondary.main},description:{...f(400,"0.875rem","1.2")}},at={lettings:[{icon:e.jsx(Po,{}),title:"Managing your property",description:"Maintenance and compliance are organised centrally through your My Foxtons account, for a smoother tenancy from start to finish."},{icon:e.jsx(_o,{}),title:"Renewing the tenancy",description:"Foxtons dedicated and professional renewals team facilitate the renewals process with your tenant on your behalf."},{icon:e.jsx(Wo,{}),title:"Minimising the void",description:"We work quickly to relist and relet your property to ensure your rental income keeps ticking over."}],selling:[{icon:e.jsx(Eo,{}),title:"Expert mortgage advice",description:"Bring your Foxtons Market Appraisal to your free consultation with our partner firm, Alexander Hall mortgage brokers, to set your budget for an onward move."},{icon:e.jsx(Vo,{}),title:"Be sale ready",description:"Conveyan, the panel of independent solicitors with previous success on Foxtons cases, can review your documents and ensure you’re “Sale Ready.”"},{icon:e.jsx(Oo,{}),title:"A faster way to buy and sell",description:"If you need a faster timeline for your sale, speak to the Foxtons Auctions team about our straightforward and secure hybrid auctions which take an average of 74 days from instruction to exchange."}]};function zo({isSalesProperty:t}){const r=n.useMemo(()=>t?at.selling:at.lettings,[t]);return e.jsx(d,{sx:ie.container,children:r.map((o,i)=>e.jsxs(d,{sx:ie.messageContainer,children:[e.jsx(d,{sx:ie.icon,children:o.icon}),e.jsxs(d,{sx:ie.textContainer,children:[e.jsx(u,{variant:"h6",sx:ie.title,children:o.title}),e.jsx(u,{variant:"body1",sx:ie.description,children:o.description})]})]},i))})}const Ho=t=>e.jsx(K,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 73.16 107.39",title:"Keys Icon",...t,children:e.jsx("path",{id:"key-chain-variant",d:"M37.36,61.89c-1.66,1.64-3.57,3-5.66,4.05v31.7l-9.75,9.76-9.75-9.75,9.75-8.34-7.32-6.29,7.32-6.29-9.75-8.34v-2.44C4.71,62.32-.03,54.73,0,46.43c-.05-12.07,9.69-21.9,21.76-21.95.06,0,.12,0,.18,0h.54c-.13.32-.31.62-.54.88-1.29,2.94-2.06,6.07-2.29,9.27-3.83,1.25-5.93,5.37-4.68,9.2.98,3.02,3.8,5.05,6.97,5.04h.49c3.13,6.08,8.47,10.74,14.92,13.02M53.65,24.48c0-3.01-.46-6-1.37-8.88,11.61,3.21,18.42,15.22,15.21,26.83-.97,3.5-2.79,6.7-5.31,9.31l10.97,29.7-5.95,12.53-12.49-5.85,6.24-11.17-8.97-3.41,4.73-8.39-12.05-4.53-.78-2.24c-12.01-1.29-20.7-12.08-19.41-24.09.89-8.33,6.46-15.41,14.34-18.25.88-.29,1.8-.49,2.63-.68-3.31-6.38-9.89-10.38-17.07-10.39-10.77,0-19.5,8.72-19.51,19.49,0,0,0,.01,0,.02-.02.43.03.86.15,1.27-1.6,1.27-3.04,2.73-4.29,4.34C.26,28.25.02,26.37,0,24.48-.05,11.01,10.83.05,24.29,0c13.47-.05,24.43,10.83,24.48,24.29.02,5.47-1.8,10.8-5.17,15.11,10.44-.88,10.05-14.92,10.05-14.92M38.09,34.72c.29.78.7,1.5,1.22,2.15,2.83-3.31,4.45-7.49,4.58-11.85-.49.09-.98.2-1.46.34-3.75,1.32-5.73,5.43-4.41,9.18.02.06.04.12.07.19Z"})}),Go=t=>e.jsx(K,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 111.55 101.41",title:"Home Clock Icon",...t,children:e.jsx("path",{d:"M78.59,67.18l14.5,8.57-3.8,6.19-18.3-10.95v-25.35h7.6v21.55M111.55,65.91c.01,19.59-15.86,35.49-35.46,35.5-11.62,0-22.5-5.68-29.14-15.21H15.21v-40.57H0L50.7,0l35.5,31.89c15.04,4.49,25.35,18.33,25.35,34.02M101.41,65.91c0-14-11.35-25.35-25.35-25.35s-25.35,11.35-25.35,25.35,11.35,25.35,25.35,25.35c14,0,25.35-11.35,25.35-25.35h0Z"})}),{palette:be}=O,Ae={container:{background:be.gradient.A400,borderRadius:"0.5rem",display:"flex",flexDirection:"column",alignItems:"center",height:"100%",padding:{xs:"3rem 0.6rem",sm:"4rem 1.2rem"},"> svg":{fill:be.secondary.main,fontSize:"6rem",marginBottom:"1.5rem"}},title:{color:be.secondary.main,fontSize:"1.9rem",fontWeight:600},subtitle:{color:be.grey[50],fontSize:"1.5rem",fontWeight:600}},lt={lettings:{icon:e.jsx(Ho,{}),title:"7,500 tenants",description:"Register every week"},selling:{icon:e.jsx(Go,{}),title:"Every 56 Minutes",description:"We sell a property"}};function qo({isSalesProperty:t}){const r=n.useMemo(()=>t?lt.selling:lt.lettings,[t]);return e.jsxs(d,{sx:Ae.container,children:[r.icon,e.jsx(u,{variant:"h6",sx:Ae.title,children:r.title}),e.jsx(u,{sx:Ae.subtitle,children:r.description})]})}const{palette:Le}=O,we={container:{background:Le.gradient.A400,borderRadius:"0.5rem",height:"100%",padding:{xs:"0.6rem 0.6rem 0.9rem",sm:"0.9rem 1.2rem 1rem"}},title:{color:Le.secondary.main,fontSize:"1.5rem",lineHeight:"1.2",fontWeight:600},subtitle:{color:Le.grey[50],...f(400,".875rem","1.2"),"&.firstTitle":{marginTop:"0.4rem",marginBottom:"0.8rem"}}};function Yo(){return e.jsxs(d,{sx:we.container,children:[e.jsx(u,{variant:"h6",sx:we.title,children:"London is our local market"}),e.jsx(u,{sx:we.subtitle,className:"firstTitle",children:"At Foxtons, we think a bit differently about the local market, because our Negotiators aren't limited to one patch."}),e.jsx(u,{sx:we.subtitle,children:"Our Negotiators compete across over 60 offices to find the best tenant for your property."})]})}const Qo=[{title:"Step one:",description:"Based on our extensive market experience, we agree with you the best way to market your property, and you instruct Foxtons.",image:"step1.jpg"},{title:"Step two:",description:"We begin scheduling viewings straight away with renters across our entire network of local offices.",image:"step2.jpg"},{title:"Step three:",description:"We set up the photography and marketing for your property.",image:"step3.jpg"},{title:"Step four:",description:"We promote your property on popular sites like Rightmove, Zoopla and Foxtons.co.uk.",image:"step4.jpg"},{title:"Step five:",description:"We conduct viewings and thoroughly qualify prospective tenants.",image:"step5.jpg"},{title:"Step six:",description:"We will manage all offers and confirm the right one with you.",image:"step6.jpg"}],Uo=[{title:"Step one:",description:"Based on our extensive market experience, we agree with you the best way to market your property, and you instruct Foxtons.",image:"step1.jpg"},{title:"Step two:",description:"We begin scheduling viewings straight away with buyers across our entire network of local offices.",image:"step2.jpg"},{title:"Step three:",description:"We set up the photography and marketing for your property.",image:"step3.jpg"},{title:"Step four:",description:"We promote your property on popular sites like Rightmove, Zoopla and Foxtons.co.uk.",image:"step4.jpg"},{title:"Step five:",description:"We conduct viewings with interested buyers.",image:"step5.jpg"},{title:"Step six:",description:"Offers are managed through My Foxtons, where you can confirm the right one.",image:"step6.jpg"}],{palette:ve}=O,ct={paddingInline:{xs:"0.6rem",sm:"1.2rem"}},Z={container:{paddingTop:{xs:"0.6rem",sm:"1rem"},paddingBottom:{xs:".9rem",sm:"1.2rem"},background:ve.grey[50],borderRadius:"0.5rem",height:"100%"},header:{...f(600,"1.5rem","1.2"),...ct,color:ve.primary.main,marginBottom:".8rem"},imgWrapper:{"& img.journeyImage":{width:"100%",height:"100%",maxHeight:"295px"}},content:{...ct},stepTitle:{...f(600,"1.3rem","1.2"),marginBlock:"0.8rem"},stepDescription:{...f(400,"0.875rem","1.2"),minHeight:{xs:"3.2rem",sm:"2.2rem"},marginBottom:"0.5rem"},sliderControls:{display:"flex",justifyContent:"space-between",marginTop:"1rem"},textLink:{...f(500,"0.875rem","1.025rem"),color:ve.primary.main,cursor:"pointer",textDecoration:"underline","&.disabled":{color:ve.grey[400],cursor:"not-allowed"}}};function Zo({isSalesProperty:t}){const[r,o]=n.useState(0),i=n.useMemo(()=>t?Uo:Qo,[t]),l=i[r],a=r===0,s=r===i.length-1,p=()=>{s||o(m=>m+1)},h=()=>{a||o(m=>m-1)};return e.jsxs(d,{sx:Z.container,children:[e.jsxs(u,{sx:Z.header,children:["Foxtons ",t?"Sales":"Lettings"," Journery"]}

4),e.jsx(d,{sx:Z.imgWrapper,children:e.jsx(Ce,{src:`/images/valuation_booked/journey/${l.image}`,alt:"people in a meeting",className:"journeyImage"})}),e.jsxs(d,{sx:Z.content,children:[e.jsx(u,{sx:Z.stepTitle,children:l.title}),e.jsx(u,{sx:Z.stepDescription,children:l.description}),e.jsxs(d,{sx:Z.sliderControls,children:[e.jsx(u,{sx:Z.textLink,onClick:h,className:a?"disabled":"",children:"Prev"}),e.jsx(u,{sx:Z.textLink,onClick:p,className:s?"disabled":"",children:"Next"})]})]})]})}const{palette:Be}=O,je={container:{background:Be.gradient.A400,borderRadius:"0.5rem",width:"100%",height:"100%",padding:{xs:"0.6rem",sm:"1.2rem"}},title:{color:Be.grey[50],marginBottom:"0.4rem",...f(400,"1.25rem","1.2")},imgWrapper:{"& img":{borderRadius:"0.3rem",maxHeight:"180px"}},address:{color:Be.grey[50],...f(400,".875rem","1.2")}};function Jo({name:t="",address1:r,address2:o,postcode:i}){const l=Qt(t);return e.jsxs(d,{sx:je.container,children:[e.jsx(d,{sx:je.imgWrapper,children:e.jsx(Ce,{src:`https://web-prod-page-assets.foxtons.co.uk/img/offices/480/${l}.webp`,alt:"Office photo",className:"office"})}),e.jsx(u,{variant:"h6",sx:je.title,children:"Visit our office anytime:"}),e.jsxs(u,{sx:je.address,children:[r,e.jsx("br",{}),o,e.jsx("br",{}),i]})]})}const{palette:dt}=O,se={subContainer:{position:{xs:"fixed",sm:"sticky"},bottom:{xs:0,sm:"-0.1rem"},left:{xs:0,sm:"auto"},zIndex:2,width:"100%",gap:"1rem",padding:{xs:".6rem",sm:"1.2rem"},borderRadius:{xs:"0.5rem 0.5rem 0 0",sm:"0.5rem"},bgcolor:dt.grey[50],boxShadow:Ut[100],flexDirection:"row",marginTop:"1rem",...I("flex","space-between","center")},textAndIconContainer:{display:"flex",flexDirection:"row",gap:"1rem",alignItems:"center"},iconHome:{height:{xs:"1.5rem",md:"2rem"},width:{xs:"rem",md:"2rem"}},textSubHeader:{fontWeight:700,fontSize:{xs:"1rem",md:"1.25rem"},lineHeight:"1.25rem",color:dt.primary.main},instructUsButton:{textTransform:"none",minWidth:{xs:"50%",sm:"8.75rem"},fontSize:{xs:"0.75rem",md:"1rem"},height:{xs:"2.125rem",md:"auto"}}};function Xo({handleInstructUs:t}){const r=ut(),o=pt(r.breakpoints.down("sm"));return e.jsxs(d,{sx:se.subContainer,children:[e.jsxs(d,{sx:se.textAndIconContainer,children:[!o&&e.jsx(Nr,{sx:se.iconHome}),e.jsx(u,{sx:se.textSubHeader,children:o?"Ready to Instruct?":"Ready to Instruct? Get started now"})]}),e.jsx(ke,{onClick:t,variant:"primary",color:"primary",sx:se.instructUsButton,containerSxForVariant:se.subContainer,children:o?"Get started now":"Instruct us"})]})}const Ko=({children:t,containerId:r})=>{const o=n.useRef(null);return n.useEffect(()=>{const i=document.getElementById(r);if(!i){console.error(`Container with ID "${r}" not found.`);return}o.current=i},[r]),o.current?Zt.createPortal(t,o.current):null},{palette:Y}=O,J={mainContainer:{width:"100%",height:"100%",bgcolor:Y.grey[50],padding:{xs:".6rem",md:"1.2rem"},borderRadius:"0.5rem",...I("flex","center","flex-start"),flexDirection:"column",gap:"1rem"},formTextField:{backgroundColor:Y.grey[50],borderRadius:"0.25rem",fieldset:{border:`0.063rem solid ${Y.primary[200]}`},"&:hover .Mui-error fieldset":{borderColor:Y.brightRed.main},"& .MuiOutlinedInput-root":{"&:hover fieldset":{border:`0.063rem solid ${Y.primary[200]}`},"&.Mui-focused fieldset":{borderColor:Y.primary[200]},"&.Mui-error fieldset":{border:`0.063rem solid ${Y.brightRed.main}`}},".MuiFormHelperText-root":{margin:"0",paddingTop:"0.625rem",fontWeight:"700",fontSize:"0.875rem",lineHeight:"0.875rem"},svg:{fill:`${Y.gradient.main}`},".MuiOutlinedInput-input":{backgroundColor:Y.grey[50],"::-ms-reveal":{display:"none"}}},title:{...f(700,{lg:"1.5rem",md:"1.5rem",xs:"1.25rem"},{lg:"1.8rem",md:"1.8rem",xs:"1.25rem"})},subTitle:{color:Y.grey.main??"",...f(400,{lg:"1.25rem",md:"1.25rem",xs:"1rem"},{lg:"1.75rem",md:"1.75rem",xs:"normal"})},actionButtonContainer:{width:"100%",...I("flex","flex-end","center")},sendButton:{width:{xs:"100%",md:"auto"},":hover":{color:Y.primary.main}},numberText:{...f(700,{lg:"1.25rem",md:"1.25rem",xs:"0.875rem"},{lg:"1.75rem",md:"1.75rem",xs:"1.25rem"}),color:O.palette.primary.main,whiteSpace:"nowrap",textDecoration:"none"}},en=n.lazy(()=>pe(()=>import("./index-51b326a0.js").then(t=>t.jt),["assets/index-51b326a0.js","assets/index-8e4a60be.css"]));function tn({isSalesProperty:t}){const r=ae(),{instructionId:o}=Jt(),i=$(y=>({postQuestionLoading:y.propertiesReducer.postQuestionLoading,postQuestionError:y.propertiesReducer.postQuestionError,selectedProperty:y.propertiesReducer.selectedProperty,postQuestionSuccess:y.propertiesReducer.postQuestionSuccess,anyQuestionsText:y.propertiesReducer.anyQuestionsText}),Ne),{postQuestionLoading:l,postQuestionError:a,selectedProperty:s,postQuestionSuccess:p,anyQuestionsText:h}

4=i,{valuationDetails:m,supportingTeam:A,officeDetails:M}=$(y=>({valuationDetails:y.propertiesReducer.valuationDetails,supportingTeam:y.valuationReducer.supportingTeam,officeDetails:y.propertiesReducer.officeDetails}),Ne),b="020 7893 6057",{foxtonsContacts:w}=(m==null?void 0:m.valuationAppointment)||{},{primarySupport:v}=A||{},S=()=>{var y,V;return w&&(w!=null&&w.length)?{mobilePhone:(y=w[0])==null?void 0:y.mobileTelephone,workPhone:(V=w[0])==null?void 0:V.workTelephone}:{mobilePhone:(v==null?void 0:v.mobileTelephone)||(M==null?void 0:M.phone)||b,workPhone:v==null?void 0:v.workTelephone}},{mobilePhone:T,workPhone:j}=S(),[E,x]=n.useState({hasNotification:!1,notificationContent:"",notificationType:"error"}),[F,z]=n.useState(!1);n.useEffect(()=>{E.hasNotification&&setTimeout(()=>{x(y=>({...y,hasNotification:!1}))},5e3)},[E.hasNotification]),n.useEffect(()=>{var y,V;p?(x({hasNotification:!0,notificationContent:"Your message has been sent",notificationType:"success"}),r(Ke("")),r(et())):a&&(x({hasNotification:!0,notificationContent:((V=(y=a==null?void 0:a.response)==null?void 0:y.data)==null?void 0:V.title)||"Some error occurred!",notificationType:"error"}),r(et()))},[r,a,p]);const c=y=>{y.preventDefault(),z(!1),r(er({instructionId:o,propertyId:s.id.split("_")[0],contactRequestType:"VALUATION_QUESTION",contactRequestComments:h}))};return e.jsxs(d,{sx:J.mainContainer,children:[e.jsx(Xt,{open:E.hasNotification,severity:E.notificationType,title:E.notificationType,description:E.notificationContent,anchorOrigin:{vertical:"top",horizontal:"right"},onClose:()=>x(y=>({...y,hasNotification:!1}))}),e.jsx(u,{sx:J.title,children:"Choose Foxtons. We get it done."}),e.jsxs(u,{sx:J.subTitle,children:["We're ready to find the best ",t?"buyer":"tenant"," ","for your property - It's what we do."]}),e.jsxs(u,{sx:J.subTitle,children:["Please do get in touch with me if you have any questions. Call me on"," ",T&&e.jsx(tt,{href:`tel:${T}`,sx:J.numberText,children:T}),j&&T&&T!==j&&" or ",j&&T!==j&&e.jsx(tt,{href:`tel:${j}`,sx:J.numberText,children:j})," ","or leave me a message here."]}),e.jsx(gt,{error:F,fullWidth:!0,placeholder:"Type your questions here",helperText:F&&"Special characters are not allowed.",type:"text",onChange:y=>{const V=/[<>;&/\\]/g,le=y.target.value;le.match(V)?z(!0):z(!1);const ge=le.replace(V,"");r(Ke(ge))},sx:J.formTextField,autoComplete:"off",allowSpecialCharacter:!0,multiline:!0,rows:6,value:h}),e.jsx(Kt,{children:e.jsx(en,{variant:"primary",size:"large",disabled:(h==null?void 0:h.length)<=3||l,onClick:c,sx:J.sendButton,containerSxForVariant:J.mainContainer,children:"Send"})})]})}const rn=n.lazy(()=>pe(()=>import("./index-1d97cdb6.js"),["assets/index-1d97cdb6.js","assets/index-51b326a0.js","assets/index-8e4a60be.css","assets/DialogTitle-635751c6.js"])),on=n.lazy(()=>pe(()=>import("./index-18f186f1.js"),["assets/index-18f186f1.js","assets/index-51b326a0.js","assets/index-8e4a60be.css","assets/image-ad4b78a4.js","assets/head-manager-context-10148ef4.js","assets/router-context-00d20d5a.js","assets/router-b09024fa.js","assets/add-base-path-323a97fc.js","assets/index-8c650703.js","assets/link-41c641b4.js","assets/utility-29cb5810.js","assets/sx-63135fd1.js","assets/Autocomplete-df078ce1.js","assets/RadioGroup-2f2b0407.js","assets/FormGroup-c590a0b4.js","assets/Stepper-31f4e994.js","assets/Card-21a99dc0.js","assets/CardMedia-f3b57a2e.js","assets/CardContent-002da540.js","assets/Rating-fa98eb2e.js","assets/visuallyHidden-fa9934b5.js"])),nn=n.lazy(()=>pe(()=>import("./AverageRentalChart-8087eceb.js"),["assets/AverageRentalChart-8087eceb.js","assets/index-51b326a0.js","assets/index-8e4a60be.css","assets/index-de29115b.js","assets/chartUtils-dfca39ec.js","assets/SearchHome-5bfc9715.js"])),sn=n.lazy(()=>pe(()=>import("./SoldPropertiesChart-a50704d8.js"),["assets/SoldPropertiesChart-a50704d8.js","assets/index-51b326a0.js","assets/index-8e4a60be.css","assets/index-de29115b.js","assets/chartUtils-dfca39ec.js","assets/index-ba013f4a.js","assets/SearchHome-5bfc9715.js"]));function an({onClickContactUs:t}){var Fe,Ve,Oe,ze,He,Ge,qe,Ye;const r=ae(),o=Te(),{isSalesProperty:i}=o,[l,a]=n.useState(!1),[s,p]=n.useState(!1),[h,m]=n.useState({dirty:!1,show:!1}),[A,M]=n.useState(!0),[b,w]=n.useState(!1),v=Wr(),S=$(k=>k.propertiesReducer.result),{propertyId:T,instructionId:j}=bt(),E=n.useMemo(()=>wt(S),[S]),x=n.useMemo(()=>vt(E,T,j),[T,E,j]),F=n.useMemo(()=>{var k,W;if(x){const oe=(W=(k=x==null?void 0:x.instructions)==null?void 0:k.find(Se=>Se.instructionId===j))==null?void 0:W.officeCode;return{address:tr(x.propertyAddress),town:x.propertyAddress.addressTown,postcode:x.propertyAddress.addressPostcode,shortPostc

4ode:x.propertyAddress.addressPostcode.split(" ")[0],isNext:!0,officeCode:oe}}},[x,j]),{valuationDetails:z,officeDetails:c,loadingValuationDetails:y,supportingTeam:V,supportingTeamLoading:le,propertyLocationName:ge,locationDetails:te,avgPropPricesLastYear:Pe}=$(k=>{var W,oe;return{valuationDetails:k.propertiesReducer.valuationDetails,officeDetails:k.propertiesReducer.officeDetails,loadingValuationDetails:k.propertiesReducer.loadingValuationDetails,isPropertyDetailLoading:k.propertiesReducer.isPropertyDetailLoading,propertyLocationName:(W=k.propertiesReducer.propertyDetail)==null?void 0:W.locationName,locationDetails:(oe=k.propertiesReducer.locationDetails)==null?void 0:oe.foxtonsData,avgPropPricesLastYear:k.propertiesReducer.avgPropPrices.lastYearSales,supportingTeam:k.valuationReducer.supportingTeam,supportingTeamLoading:k.valuationReducer.supportingTeamLoading}},Ne),{foxtonsContacts:G}=(z==null?void 0:z.valuationAppointment)||{},[Tt,St]=n.useState(""),[$e,Mt]=n.useState(""),[Rt,It]=n.useState(""),{user:re}=rr(),At=(Fe=re==null?void 0:re.profile)==null?void 0:Fe.firstName,Lt=(Ve=re==null?void 0:re.profile)==null?void 0:Ve.lastName,{primarySupport:L}=V||{},We=()=>{r(cr());const k=document.getElementById("main-content");k&&(k.scrollTop=0)},R=n.useMemo(()=>{var k;return(k=x==null?void 0:x.instructions)==null?void 0:k.find(W=>W.instructionId===j)},[x,j]),Bt=()=>L!=null&&L.firstName&&(L!=null&&L.lastName)?`${L.firstName} ${L.lastName}`:(R==null?void 0:R.instructionType)==="SAL"?c==null?void 0:c.salesManagerName:c==null?void 0:c.lettingsManagerName,Nt=()=>L!=null&&L.jobTitle?L==null?void 0:L.jobTitle:(R==null?void 0:R.instructionType)==="SAL"?"Sales Manager":"Lettings Manager",_t=()=>L!=null&&L.photoFilename?L==null?void 0:L.photoFilename:(R==null?void 0:R.instructionType)==="SAL"?c==null?void 0:c.salesManagerPhotoUrl:c==null?void 0:c.lettingsManagerPhotoUrl;n.useEffect(()=>{const k=()=>{var Qe,Ue,Ze,Je;return G&&(G!=null&&G.length)?{contactName:`${((Qe=G[0])==null?void 0:Qe.firstName)??""} ${((Ue=G[0])==null?void 0:Ue.lastName)??""}`,contactJobTitle:(Ze=G[0])==null?void 0:Ze.jobTitle,contactImage:rt((Je=G==null?void 0:G[0])==null?void 0:Je.photoFilename,v)}:{contactName:Bt()||"Your valuer",contactJobTitle:Nt()||"Property Valuer",contactImage:rt(_t(),v)}};if(y||le)return;const{contactImage:W,contactJobTitle:oe,contactName:Se}=k();St(Se??""),Mt(oe??""),It(W??"")},[L,G,y,le,v]),n.useEffect(()=>{T&&j&&r(or({propertyId:T,instructionId:j??""}))},[r,T,j]);const Ee=k=>{k.preventDefault(),i?p(!0):a(!0)},Dt=()=>p(!1);if(n.useEffect(()=>{const k=W=>(W.preventDefault(),W.returnValue="","");return h.dirty&&window.addEventListener("beforeunload",k),()=>window.removeEventListener("beforeunload",k)},[h.dirty]),l){const k=()=>{if(h.dirty){m(W=>({...W,show:!0}));return}a(!1),m({dirty:!1,show:!1})};return e.jsxs(d,{sx:C.valuationBox,children:[A&&e.jsxs(u,{sx:C.backButton,onClick:k,children:[e.jsx(nr,{})," Back to custom report"," "]}),e.jsx(on,{isComponent:!0,property:{postcode:F},setIsValuation:a,setShowPrompt:m,setBackButtonEnabled:M,type:"appointment"}),e.jsx(rn,{showPrompt:h,setShowPrompt:m,setIsValuation:a})]})}return e.jsxs(e.Fragment,{children:[e.jsx(Bo,{isOpen:b,onClose:()=>w(!1)}),e.jsxs(d,{display:{sm:"block",md:"block",lg:"flex"},gap:2,children:[e.jsxs(d,{sx:C.mainContainer,children:[e.jsx(ko,{isOpen:s,onClose:Dt}),e.jsxs(d,{sx:C.subContainer2,children:[e.jsxs(d,{sx:C.managerInfo,children:[e.jsxs(d,{sx:C.imageAndName,children:[e.jsx(Ce,{alt:"Manager avatar",sx:C.personImageContainer,style:C.personImage,layout:"fill",src:Rt}),e.jsxs(d,{sx:C.personNameAndJob,children:[e.jsx(u,{sx:C.name,component:"h4",children:Tt}),$e&&e.jsxs(u,{sx:C.designation,children:[$e??"",!ir(c==null?void 0:c.name)&&`, ${sr(c==null?void 0:c.name,"Foxtons")}`]})]})]}),e.jsx(d,{sx:C.managerDetailsBottom,children:e.jsx(d,{sx:C.actionButtonsContainer,children:e.jsx(ke,{size:"small",variant:"secondary",color:"secondary",sx:C.actionButton,"aria-label":"Contact Me",onClick:()=>t==null?void 0:t(),children:"Contact Me"})})})]}),e.jsxs(d,{sx:C.managerAllInfoBox,children:[e.jsxs(u,{sx:C.labelText,children:["Hi ",At??Lt,","]}),e.jsx(u,{sx:C.welcomeText,children:"Welcome to My Foxtons"}),e.jsx(u,{sx:C.description,children:(R==null?void 0:R.instructionStatus)==="VBO"?`The online tool that gives you greater control of your property ${i?"sale":"let "} than ever before. I hope you find it useful!`:"We have put together this custom report to help you understand the property market in your area. I hope you find it useful."}),e.jsx(u,{sx:C.description,children:(R==null?void 0:R.instructionStatus)==="VBO"?e.jsxs(u,{sx:C.description,children:["If you already know y

4ou want to use Foxtons, you can"," ",e.jsx(u,{component:"span",onClick:We,sx:C.instructLink,children:"instruct us"})," ","online right away."]}):e.jsxs(u,{sx:C.description,children:["Just let me know if you have any questions or would like us to provide a"," ",e.jsx(u,{component:"span",onClick:Ee,sx:C.instructLink,children:"free market appraisal"}),"."]})}),e.jsx(d,{sx:C.actionButtonsBox,children:(R==null?void 0:R.instructionStatus)==="WFO"&&e.jsx(ke,{sx:C.requestValuationButton,variant:"primary",fullWidth:!i,onClick:Ee,containerSxForVariant:C.subContainer2,children:"Request a valuation"})}),(R==null?void 0:R.instructionStatus)==="VBO"&&e.jsxs(d,{sx:C.valuationDateTimeContainer,children:[e.jsx(ar,{}),e.jsxs(u,{sx:C.valuationDateTimeText,children:["Visiting property:",e.jsxs("span",{className:"valuationDateTimeArea",children:[" ",Er((Oe=z==null?void 0:z.valuationAppointment)==null?void 0:Oe.eventNotificationDate)]})]})]})]})]})]}),e.jsx(d,{sx:C.officeContainer,children:e.jsx(Jo,{address1:(He=(ze=c==null?void 0:c.address)==null?void 0:ze.lines)==null?void 0:He[0],address2:(qe=(Ge=c==null?void 0:c.address)==null?void 0:Ge.lines)==null?void 0:qe[1],name:c==null?void 0:c.name,postcode:(Ye=c==null?void 0:c.address)==null?void 0:Ye.postcode})})]}),e.jsxs(ee,{container:!0,spacing:2,children:[e.jsxs(ee,{item:!0,xs:12,md:6,children:[!i&&(te!=null&&te.lettings)&&(F!=null&&F.shortPostcode)?e.jsx(nn,{areaName:ge,postcode:F==null?void 0:F.shortPostcode,lettingData:te==null?void 0:te.lettings}):null,i&&Pe?e.jsx(sn,{areaName:ge,soldData:Pe}):null]}),e.jsx(ee,{item:!0,xs:12,md:6,children:e.jsx(zo,{isSalesProperty:i})})]}),e.jsxs(ee,{container:!0,spacing:2,children:[e.jsxs(ee,{container:!0,item:!0,xs:12,md:5,spacing:2,children:[e.jsx(ee,{item:!0,xs:12,children:e.jsx(qo,{isSalesProperty:i})}),e.jsx(ee,{item:!0,xs:12,children:e.jsx(Yo,{})})]}),e.jsx(ee,{item:!0,xs:12,md:7,children:e.jsx(Zo,{isSalesProperty:i})})]}),e.jsx(wo,{isSalesProperty:i}),!!(x!=null&&x.propertyLatitude)&&!!(x!=null&&x.propertyLongitude)&&e.jsx(ao,{...x}),(R==null?void 0:R.instructionStatus)==="VBO"&&e.jsx(Ko,{containerId:"main-content",children:e.jsx(Xo,{handleInstructUs:We})}),e.jsx(d,{id:"ask-question",children:e.jsx(tn,{isSalesProperty:i})}),e.jsx(lr,{styles:Fr})]})}const ln=_e.memo(an);function cn(){const t=ae(),{propertyId:r,instructionId:o}=bt(),i=$(c=>c.propertiesReducer.loadingValuationDetails),l=$(c=>c.propertiesReducer.valuationDetails),a=$(c=>c.propertiesReducer.result),{propertyLocationWebName:s}=$(c=>{var y;return{propertyLocationWebName:dr((y=c.propertiesReducer.propertyDetail)==null?void 0:y.locationName)}}),p=n.useMemo(()=>{const c=wt(a);return vt(c,r,o)},[a,r,o]),h=(p==null?void 0:p.propertyAddress.addressPostcode.split(" ")[0])||"",{isLocationDetailsLoading:m,hasLocaltionDetail

4sLoaded:A,isAvgPropPricesLoading:M,hasAvgPropPricesLoaded:b}=$(c=>{var y,V;return{isLocationDetailsLoading:c.propertiesReducer.isLocationDetailsLoading,hasLocaltionDetailsLoaded:Object.keys((y=c.propertiesReducer)==null?void 0:y.locationDetails).length>0,isAvgPropPricesLoading:c.propertiesReducer.isAvgPropPricesLoading,hasAvgPropPricesLoaded:Object.keys((V=c.propertiesReducer)==null?void 0:V.avgPropPrices).length>0}}),w=$(c=>c.landlordInstructReducer.processStarted),{property:v,officeCode:S,isSalesProperty:T}=Te(),[j,E]=n.useState(!0),{tsAndCsDocument:x,showTsAndCsWizard:F}=l;n.useEffect(()=>{t(mr())},[]),n.useEffect(()=>{r&&o&&t(ur({propertyId:r,instructionId:o}))},[t,r,o]),n.useEffect(()=>{T||!s&&!h||A||t(pr({locationName:s||h}))},[t,A,T,s,h]),n.useEffect(()=>{!T||!s&&!h||b||t(hr({locationName:s||h}))},[t,b,A,T,s,h]),n.useEffect(()=>{S&&t(gr({officeCode:S}))},[t,S]),n.useEffect(()=>{i&&E(!1)},[i]);const z=()=>{const c=document.getElementById("ask-question");c&&c.scrollIntoView({behavior:"smooth"})};return e.jsxs(e.Fragment,{children:[e.jsx(xr,{title:`My Foxtons: Overview${v?` for ${v.title}`:""}`,description:`My Foxtons: Overview${v?` for ${v.title}`:""}`}),(x==null?void 0:x.documentStatus)!=="SGN"&&(x==null?void 0:x.documentStatus)!=="APP"&&e.jsx(Dr,{}),(m||M||i||j)&&e.jsx(ht,{open:!0,hasBackdrop:!1}),w&&!i&&!j&&e.jsx(_r,{tsAndCsDocument:x,showTsAndCsWizard:F}),!(m||M)&&!i&&!w&&!j&&e.jsx(ln,{showTsAndCsWizard:l.showTsAndCsWizard,onClickContactUs:()=>z()})]})}const Fn=n.memo(cn);export{Fn as default};