https://www.trulia.com/2026ba3f/_next/static/chunks/home-details-c…or.chunk.app-trulia-web-159993c6294b1eed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6990],{27928:(e,l,s)=>{s.r(l),s.d(l,{HomeDetailsCostsAndFeesWithProvider:()=>H,default:()=>B});var i=s(37876),t=s(30533),r=s(31167),n=s(45983),o=s(10309);let a="additional",d="required",c="optional";var h=s(2014),u=s(27041),x=s(14232),m=s(74860),j=s(27141),g=s(46585);let f=(e,l,s=!1,i=!0)=>{if("string"==typeof l||"id"in l){let t="string"==typeof l?l:l.id;if("0"===t)return e("homeDetails.costCalculator.studioLabel");if(!i)return t;if(s){let l=parseInt(t,10);return e(1===l?"homeDetails.costCalculator.bedroomSingular":"homeDetails.costCalculator.bedroomPlural",{count:l})}return e("homeDetails.costCalculator.bedroomsAbbrev",{count:t})}return"displayValue"in l?l.displayValue:null},p=({plan:e,onClick:l})=>{let{t:s}=(0,u.s)(),r=(0,x.useCallback)(()=>{l(e)},[l,e]);return(0,i.jsx)(t.Yqy,{all:"xs",css:{_hover:{backgroundColor:"grey.silver",cursor:"pointer"}},children:(0,i.jsx)(t.BvJ,{"aria-label":s("homeDetails.costCalculator.ariaLabels.selectUnit"),onClick:r,noHoverState:!0,children:(0,i.jsxs)(t.A$k,{fill:!0,align:"center",right:(0,i.jsx)(t.T33,{css:{paddingLeft:"s"},bold:!0,children:e.price?.formattedPrice}),children:[(0,i.jsx)(t.T33,{bold:!0,children:e.name}),(0,i.jsxs)(t.T33,{size:"small",color:"lowlight",children:[e.bedrooms?.formattedValue," ",e.bathrooms?.formattedValue," |"," ",e.availabilityText]})]},e.id)})})},y=()=>{let{costsAndFees:e,setSelectedUnit:l}=(0,n.tw)(),{floorPlans:s}=e;if(!s||0===s.length||s[0].units.length<=1)return null;let r=s[0];return(0,i.jsx)(t.l6P,{css:{padding:"s"},options:r.units.map(e=>({label:e.name,value:e.id})),onChange:e=>{l(r.units.find(l=>l.id===e.target.value))}})},b=({onSelect:e})=>{let{t:l}=(0,u.s)(),{setSelectedUnit:s,costsAndFees:r,selectedFloorPlans:o,visibleUnits:a=[]}=(0,n.tw)(),{floorPlans:d}=r,c=(0,m.Y)(l=>{s(l),e()},[s,e]),x=0===o.length?d:d.filter(e=>o.includes(e.id)),j=0===a.length||1!==o.length;return(0,i.jsx)("div",{children:x.map(e=>(0,i.jsxs)("div",{children:[j?(0,i.jsx)(t.Yqy,{className:(0,h.AH)({backgroundColor:"grey.mercury"}),v:"s",h:"s",children:(0,i.jsx)(t.T33,{size:"small",children:(0,i.jsx)(t.A$k,{fill:!0,right:l("homeDetails.costCalculator.availableCountShort",{count:e.count}),children:(0,i.jsx)("strong",{children:f(l,e.id,!0)})})})}):null,e.units.map(e=>(0,i.jsx)(p,{plan:e,onClick:c},e.id))]},e.id))})},C=({floorPlans:e})=>{let{t:l}=(0,u.s)(),s=(0,x.useRef)((0,t.Nyr)(t.msM)),r=(0,x.useRef)(null),{selectedUnit:o,selectedFloorPlans:a}=(0,n.tw)(),d=s.current,c=o?null:e.reduce((e,l)=>0===a.length||a.includes(l.id)?e+l.count:e,0),h=(0,m.Y)(()=>{d.hide()},[s]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{ref:r,children:(0,i.jsx)(t.A$k,{right:(0,i.jsx)(t.k57,{color:"highlight",css:{cursor:"pointer"},onClick:d.toggle}),children:(0,i.jsx)(t.MzZ,{onClick:d.toggle,noUnderline:!0,children:o?o.name:l(1===c?"homeDetails.costCalculator.unitsAvailableOne":"homeDetails.costCalculator.unitsAvailableMany",{count:c})})})}),(0,i.jsx)(d,{css:{maxHeight:400,borderRadius:"m",border:"default",paddingTop:0},overflow:"scroll",onHide:()=>{},targetRef:r,height:300,children:(0,i.jsx)(b,{onSelect:h})})]})},w=(0,t.WjH)(({floorPlans:e,includeLeadForm:l,isSingleColumn:s,breakpoint:r})=>{let a,d,c,{t:x}=(0,u.s)(),{totalCosts:m,setSelectedFloorPlans:p,selectedFloorPlans:b,selectedUnit:w,costsAndFees:T,visibleUnits:v}=(0,n.tw)();if(0===e.length&&l)return(0,i.jsx)(g.V0,{breakpoint:r});

1let F=[{label:x("homeDetails.costCalculator.allBedroomsTab"),value:"all",active:0===b.length}];e.forEach(e=>{F.push({label:e.displayValue,value:e.id,active:b.includes(e.id)})});let A=v&&v.length>0,k=v&&1===v.length;return s?(0,i.jsx)(y,{}):(0,i.jsxs)(t.ZpM,{spacing:"loose",children:[(0,i.jsx)("div",{className:(0,h.AH)({overflow:"auto"}),children:!A&&(0,i.jsx)(j.z,{role:"group","aria-label":x("homeDetails.costCalculator.ariaLabels.bedroomFilter"),fill:!0,buttons:F,allowMultipleSelection:!0,onButtonClick:p})}),!k&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.Yqy,{v:"xs",b:"m",css:{borderBottom:"light"},children:[x("homeDetails.costCalculator.chooseUnitPrompt"),(0,i.jsx)(C,{floorPlans:T.floorPlans})]}),(0,i.jsx)("hr",{})]}),(0,i.jsxs)(t.Yqy,{children:[(0,i.jsxs)(t.T33,{bold:!0,css:{paddingBottom:"xs"},children:[x("homeDetails.costCalculator.estimatedTotalForPrefix")," ",w?.name??(d=f(x,(a=b.length>0?[...b].sort((e,l)=>e-l):[...e].sort((e,l)=>e.id-l.id))[0],!1,!1),c=f(x,a[a.length-1],!1,!1),1===a.length?x("homeDetails.costCalculator.bedroomsAbbrevSingle",{label:d}):x("homeDetails.costCalculator.bedroomRangeAbbrev",{from:d,to:c}))]}),(0,i.jsx)(t.T33,{bold:!0,size:"title",children:(0,o.t)(m.monthly)}),(0,i.jsx)(t.T33,{children:x("homeDetails.costCalculator.monthlyRentAndFees")}),(0,i.jsx)("br",{}),(0,i.jsx)(t.T33,{bold:!0,size:"title",children:(0,o.t)(m.oneTime)}),(0,i.jsx)(t.T33,{children:x("homeDetails.costCalculator.oneTimeFees")})]}),w&&l&&(0,i.jsx)(t.Yqy,{t:"s",children:(0,i.jsx)(g.mJ,{floorPlanId:w?.id,textAreaPlaceholder:w?.leadFormMessagePlaceHolder,isButtonOnly:!0})})]})});var T=s(95783);let v=(0,h.AH)({width:["100%","100%","100%","100%","calc(50% - 8px)"],display:"inline-block","&:nth-child(2n)":{paddingLeft:"m",_large:{paddingLeft:"0"}}}),F=({feeItem:e,feeFrequency:l,feeType:s,selectedFees:r,setSelectedFee:n})=>{let h=e.fee,u=r[l]?.[e.fee.id]?.count,x="HOME_FeeCounter"===e.fee.__typename&&(s===d||u),m=s===c&&h?.amount?.min!==null,j=!!u||s===d,g=l===a;return(0,i.jsxs)("li",{className:g?v:null,children:[(0,i.jsxs)(t.Yqy,{v:"s",children:[(0,i.jsx)(t.A$k,{align:"top",fill:!0,right:j?(0,i.jsx)(t.T33,{children:(0,o.t)(h.amount??h,u)}):s===c&&h?.amount?.min!==null?"$0":h.amount?.displayText??"$0",children:m?(0,i.jsx)(t.YhB,{id:e.fee.id,align:"top",name:e.fee.id,checked:!!u,css:{paddingTop:"2px"},onChange:s=>{n(e.fee.id,l,s.target.checked)},children:e.fee.displayValue}):e.fee.displayValue}),(0,i.jsx)(k,{disclaimer:h.partnerDisclaimer}),(0,i.jsx)(k,{disclaimer:h.disclaimer})]}),x?(0,i.jsx)(t.Yqy,{v:"xs",children:(0,i.jsx)(t.kVF,{min:h.counterMin,max:h.counterMax,value:u??h.counterMin,onChange:s=>{n(e.fee.id,l,s)}})}):null]},e.fee.id)},A=({fees:e,feeFrequency:l,feeType:s})=>{let{t:r}=(0,u.s)(),o=l===a?6:5,d=e.length,{selectedFees:c,setSelectedFee:h}=(0,n.tw)();return d<=o?(0,i.jsx)(t.B8B,{children:e.map(e=>(0,i.jsx)(F,{feeItem:e,feeFrequency:l,feeType:s,selectedFees:c,setSelectedFee:h},e?.fee?.id))}):(0,i.jsx)(t.B8B,{children:(0,i.jsx)(t.EN$,{renderExpandButton:(e,l)=>(0,i.jsx)(t.A$k,{right:(0,i.jsx)(t.k57,{color:"highlight",onClick:l}),children:(0,i.jsx)(t.MzZ,{css:{fontWeight:"bold"},...e,onClick:l,noUnderline:!0,children:r("homeDetails.costCalculator.seeMore")})}),renderCollapseButton:(e,l)=>(0,i.jsx)(t.A$k,{right:(0,i.jsx)(t.Hd_,{color:"highlight",onClick:l}),children:(0,i.jsx)(t.MzZ,{css:{fontWeight:"bold"},...e,onClick:l,noUnderline:!0,children:r("homeDetails.costCalculator.seeLess")})}),renderAlwaysVisible:()=>e.slice(0,o).map(e=>(0,i.jsx)(F,{feeItem:e,feeFrequency:l,feeType:s,selectedFees:c,setSelectedFee:h},e?.fee?.id)),children:e.slice(o,e.length).map(e=>(0,i.jsx)(F,{feeItem:e,feeFrequency:l,feeType:s,selectedFees:c,setSelectedFee:h},e?.fee?.id))})})},k=({disclaimer:e=""})=>{let{t:l}=(0,u.s)(),[s,r]=(0,x.useState)(!1),[n,o]=(0,T.A)();return e?(Array.isArray(e)&&(e=e.join(", ")),(0,i.jsx)(t.A$k,{fill:!0,right:o&&!s?(0,i.jsx)(t.MzZ,{type:"lowlight",css:{fontSize:"caption",width:"27px"},onClick:()=>{r(!s)},children:l("homeDetails.costCalculator.more")}):null,children:(0,i.jsxs)(t.T33,{...s?{}:{lines:1,truncate:!0,ellipsis:!0},size:"small",color:"lowlight",ref:n,children:[e,o&&s?(0,i.jsx)(t.MzZ,{type:"lowlight",onClick:()=>{r(!s)},css:{fontSize:"caption",paddingLeft:"xs"},children:l("homeDetails.costCalculator.less")}):null]})})):null},D=({requiredFees:e,optionalFees:l=null,feeFrequency:s,isSingleColumn:r})=>{let{t:n}=(0,u.s)();return(0,i.jsxs)(t.xA9,{children:[e.length>0&&(0,i.jsxs)(t.fhW,{width:r?"100%":["100%","100%","100%","1/2"],css:r?null:{_medium:{_after:{content:'" "',display:"block",borderBottom:"light",marginX:"-m"}}},children:[(0,i.jsx)(t.T33,{bold:!0,size:"small",children:n("homeDetails.costCalculator.required")}),(0,i.jsx)(A,{fees:e,feeFrequency:s,feeType:d})]}),Array.isArray(l)&&l.length>0&&(0,i.jsxs)(t.fhW,{width:r?"100%":["100%","100%","100%","1/2"],css:{_medium:{borderBottom:"light"}},children:[(0,i.jsx)(t.T33,{bold:!0,size:"small",children:n("homeDetails.costCalculator.optional")}),(0,i.jsx)(A,{fees:l,feeFrequency:s,feeType:c})]})]})},z=({children:e,title:l,subHeading:s,footer:r,collapedByDefault:n=!1})=>{let{t:o}=(0,u.s)(),[a,d]=(0,x.useState)(!n);return(0,i.jsxs)(t.ZpM,{spacing:"ui",css:{marginBottom:"s"},children:[(0,i.jsx)(t.aRn,{css:{backgroundColor:"grey.mercury",paddingX:"s",paddingY:"s",borderBottom:"light",cursor:"pointer"},children:(0,i.jsxs)(t.A$k,{right:(0,i.jsx)(t.BvJ,{"aria-label":o("homeDetails.costCalculator.ariaLabels.toggleSection"),onClick:()=>d(!a),children:a?(0,i.jsx)(t.Hd_,{}):(0,i.jsx)(t.k57,{})}),onClick:()=>d(!a),fill:!0,children:[(0,i.jsx)(t.T33,{bold:!0,children:l}),s&&(0,i.jsx)(t.T33,{size:"small",children:s})]})}),a&&(0,i.jsx)(t.Wux,{css:{padding:"s"},children:e}),r&&(0,i.jsx)(t.wLy,{css:{padding:"s",borderTop:"light"},children:(0,i.jsx)(t.T33,{bold:!0,children:r})})]})},q=()=>{let e=Array.from({length:4},(e,l)=>l);return(0,i.jsxs)("div",{className:(0,h.AH)({width:"50%"}),children:[(0,i.jsx)(t.xNy,{size:"caption",width:"150"}),e.map(e=>(0,i.jsx)(t.Yqy,{t:"xs",children:(0,i.jsx)(t.xNy,{width:"250"})},e))]})},N=({hasUnitSelector:e=!0,isSingleColumn:l=!1})=>(0,i.jsxs)(t.xA9,{width:["auto","auto","auto","auto","100%"],css:{marginTop:"0"},children:[(0,i.jsx)(t.fhW,{width:e&&!l?["100%","100%","100%","100%","1/3"]:["100%"],children:l?(0,i.jsx)(t.xNy,{size:"headline",width:"100%"}):(0,i.jsxs)(t.ZpM,{children:[(0,i.jsx)(t.xNy,{size:"headline",width:"100%"}),(0,i.jsx)(t.xNy,{width:"80%"}),(0,i.jsx)(t.xNy,{width:"60%"}),(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),(0,i.jsx)(t.xNy,{width:"200px"}),(0,i.jsx)(t.xNy,{size:"headline",width:"150px"}),(0,i.jsx)(t.xNy,{width:"180px"}),(0,i.jsx)("br",{}),(0,i.jsx)(t.xNy,{size:"headline",width:"150px"}),(0,i.jsx)(t.xNy,{width:"200px"})]})}),(0,i.jsxs)(t.fhW,{width:e&&!l?["100%","100%","100%","100%","2/3"]:["100%"],children:[(0,i.jsx)(z,{title:"Monthly rent & fees",footer

1:(0,i.jsx)(t.xNy,{width:"200"}),children:(0,i.jsx)(t.A$k,{fill:!0,right:(0,i.jsx)(q,{}),children:(0,i.jsx)("div",{className:(0,h.AH)({width:l?"100%":"50%",_medium:{width:"100%"}}),children:(0,i.jsx)(q,{})})})}),(0,i.jsx)(z,{title:"One-time fees",footer:(0,i.jsx)(t.xNy,{width:"200"}),children:(0,i.jsx)(t.A$k,{fill:!0,right:(0,i.jsx)(q,{}),children:(0,i.jsx)("div",{className:(0,h.AH)({width:l?"100%":"50%",_medium:{width:"100%"}}),children:(0,i.jsx)(q,{})})})})]})]});var S=s(86365);let H=({isSingleColumn:e=!1,includeLeadForm:l=!0})=>{let{t:s}=(0,u.s)(),{costsAndFees:r,totalCosts:d,mergedFees:c,isTotalMonthlyFeeIncluded:h,selectedUnit:x}=(0,n.tw)(),{disclaimer:m,floorPlans:j}=r,g=!!x||0===j.length;return r?(0,i.jsxs)(t.xA9,{width:["auto","auto","auto","auto","100%"],css:g?{marginTop:"0",_medium:{paddingBottom:"70px",marginTop:"0"}}:{marginTop:"0"},children:[(0,i.jsxs)(t.fhW,{width:e?"100%":["100%","100%","100%","100%","1/3"],children:[(0,i.jsx)(w,{floorPlans:j,includeLeadForm:l,isSingleColumn:e}),!e&&(0,i.jsx)(t.Yqy,{v:"xs",children:(0,i.jsx)(t.T33,{color:"lowlight",size:"small",css:{display:"block",whiteSpace:"pre-line",_medium:{display:"none"}},children:m?.text})})]}),(0,i.jsxs)(t.fhW,{width:e?["100%"]:["100%","100%","100%","100%","2/3"],children:[(0,i.jsx)(z,{title:s("homeDetails.costCalculator.monthlyRentAndFees"),footer:(0,i.jsx)(t.A$k,{fill:!0,right:(0,i.jsx)(t.T33,{bold:!0,size:"subHeader",children:(0,o.t)(d.monthly)}),children:(0,i.jsx)(t.T33,{children:s(h?"homeDetails.costCalculator.monthlyTotalPrice":"homeDetails.costCalculator.estimatedMonthlyTotal")})}),children:(0,i.jsx)(D,{isSingleColumn:e,requiredFees:c.monthlyRequiredFees,optionalFees:c.monthlyOptionalFees,feeFrequency:"monthly"})}),(0,i.jsx)(z,{title:s("homeDetails.costCalculator.oneTimeFees"),footer:(0,i.jsx)(t.A$k,{fill:!0,right:(0,i.jsx)(t.T33,{bold:!0,size:"subHeader",children:(0,o.t)(d.oneTime)}),children:(0,i.jsx)(t.T33,{children:s(h?"homeDetails.costCalculator.oneTimeTotalPrice":"homeDetails.costCalculator.estimatedTotal")})}),children:(0,i.jsx)(D,{isSingleColumn:e,requiredFees:c.oneTimeRequiredFees,optionalFees:c.oneTimeOptionalFees,feeFrequency:"oneTime"})}),c.additionalFees.length>0&&(0,i.jsx)(z,{title:s("homeDetails.costCalculator.additionalFees"),subHeading:s("homeDetails.costCalculator.additionalFeesSubheading"),collapedByDefault:!0,children:(0,i.jsx)(D,{isSingleColumn:!0,requiredFees:c.additionalFees,feeFrequency:a})})]}),(0,i.jsx)(t.fhW,{width:"100%",children:(0,i.jsx)(t.Yqy,{v:"xs",children:(0,i.jsx)(t.T33,{color:"lowlight",size:"small",css:{display:"none",whiteSpace:"pre-line",_medium:{display:"block"}},children:m?.text})})})]}):null},B=({homeUrl:e,isTotalMonthlyFeeIncluded:l,visibleUnits:s,isSingleColumn:t,includeLeadForm:o=!0})=>{let{t:a}=(0,u.s)(),{data:d,loading:c,error:x}=(0,r.I)(S.HomeDetailsCostAndFeesQuery,{fetchPolicy:"no-cache",variables:{url:e},skip:!e});if(c||!d)return(0,i.jsx)("div",{className:(0,h.AH)({overflow:"hidden"}),children:(0,i.jsx)(N,{isSingleColumn:t})});if(x||!d?.homeDetailsByUrl?.rentalCostsAndFees?.costAndFeeCalculator)return(0,i.jsx)("h3",{children:a("homeDetails.costCalculator.noCostsAndFeesAvailable")});let m=d.homeDetailsByUrl.rentalCostsAndFees.costAndFeeCalculator;return(0,i.jsx)(n.kW,{costAndFees:m,isTotalMonthlyFeeIncluded:l,visibleUnits:s,children:(0,i.jsx)("div",{className:(0,h.AH)({overflow:"hidden"}),children:(0,i.jsx)(H,{isSingleColumn:t,includeLeadForm:o})})})}},95783:(e,l,s)=>{s.d(l,{A:()=>t});var i=s(14232);let t=()=>{let e=(0,i.useRef)(null),[l,s]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let l=()=>{e.current&&s(e.current.scrollHeight>e.current.clientHeight)};return l(),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l)}},[]),[e,l]}}}]);