/* Clear Mint — Smart Valuation: Home & Vehicle value estimators.
window.ValueEstimators. Matches the Assets & Liabilities reference design.
Uses CM.api.vehicleValue (Canadian Black Book style) when available, with a
deterministic local fallback so it always returns Low / Average / High. */
(function(){
const I = window.CMIcon || {};
const G='#10915F', BL='#3E7CC4', PU='#7848C0', AM='#C8742E', SL='#94A29B';
const money = n => '$' + Math.round(+n||0).toLocaleString('en-CA');
function Estimate({ low, avg, high, accent }){
const cell = (label,val,active) => (
;
}
/* Google Street View photo of the property at `addr`. Reads window.STREETVIEW_KEY
(set in cm-config.js). Degrades to a friendly placeholder when no key / no address /
no imagery. Hoisted (never define a component inside another component's render). */
function HomePhoto({ addr }){
const [err,setErr] = React.useState(false);
React.useEffect(()=>{ setErr(false); }, [addr]);
const key = (typeof window!=='undefined' && window.STREETVIEW_KEY) || '';
const a = (addr||'').trim();
const ph = (msg) => (
{msg}
);
if(!key) return ph('Add a Google Street View API key (window.STREETVIEW_KEY) to show your home');
if(!a) return ph('Enter an address to see a street-view photo');
if(err) return ph('No street-view imagery for this address');
const src = 'https://maps.googleapis.com/maps/api/streetview?size=640x180&fov=70&location=' + encodeURIComponent(a) + '&key=' + encodeURIComponent(key);
return setErr(true)}
style={{marginTop:10,width:'100%',height:170,objectFit:'cover',borderRadius:12,border:'1px solid var(--line)',display:'block'}}/>;
}
function HomeCard(){
const [addr,setAddr] = React.useState('123 Maple Street, Oakville, ON L6H 2F1');
const [beds,setBeds] = React.useState(4), [baths,setBaths]=React.useState(3), [sqft,setSqft]=React.useState(2400);
const [busy,setBusy] = React.useState(false);
const [est,setEst] = React.useState({ low:820000, avg:875000, high:930000 });
const [updated,setUpdated] = React.useState('Today at 10:30 AM');
const refresh = () => {
setBusy(true);
const base = (sqft*330) + beds*22000 + baths*15000;
const jitter = 1 + (Math.random()*0.04 - 0.02);
const avg = Math.round(base*jitter/1000)*1000;
setTimeout(()=>{ setEst({ low:Math.round(avg*0.94/1000)*1000, avg, high:Math.round(avg*1.064/1000)*1000 }); setUpdated('Just now'); setBusy(false); }, 650);
};
return (