/* ============================================================ REYAH PLATFORM, CLIENT APP Clinic-facing one-stop deliverability + pipeline dashboard ============================================================ */ /* Data binding. C / METRICS / NAV are re-derived after REYAH_DATA.load() resolves (mock or live) in the bootstrap at the bottom of this file, so the `useMock:false` switch in integrations/config.js actually flows live data in. */ let C = window.RYH.client; /* ---- metric definitions (each opens a drawer over time) ---- */ const pct = v => v+"%"; function buildMetrics(){ const METRICS = { contacted:{ id:"contacted", icon:"users", label:"Doctors contacted", value:C.kpis.contacted.toLocaleString(), raw:C.kpis.contacted, kind:"cumulative", delta:C.deltas.contacted, deltaLabel:"vs last 30 days", color:"#FF4A1C", breakdownTitle:"By channel", breakdown:[ {label:"Email",value:"1,747",pct:78,kind:"info"},{label:"SMS",value:"486",pct:22,kind:"pos"},{label:"Voicemail",value:"212",pct:10,kind:""}], note:"Unique doctors reached at least once across all sending domains and channels, sourced by specialty and geography and AHPRA-checked for VR status." }, replyRate:{ id:"replyRate", icon:"reply", label:"Reply rate", value:C.kpis.replyRate, unit:"%", raw:C.kpis.replyRate, kind:"rate", delta:C.deltas.replyRate, deltaUnit:"pts", deltaLabel:"vs last 30 days", color:"#2A6FDB", fmt:pct, breakdownTitle:"Replies by day of sequence", breakdown:[ {label:"Day 1 email",value:"4%",pct:22,kind:"info"},{label:"Day 4 email",value:"6%",pct:33,kind:"info"}, {label:"Day 6 email",value:"5%",pct:28,kind:"info"},{label:"Day 10 final + one-pager",value:"9%",pct:50,kind:"info"}], note:"Share of contacted doctors who replied. Day 10 (final email + one-pager) is consistently the highest-reply touch." }, positiveRate:{ id:"positiveRate", icon:"target", label:"Positive reply rate", value:C.kpis.positiveRate, unit:"%", raw:C.kpis.positiveRate, kind:"rate", delta:C.deltas.positiveRate, deltaUnit:"pts", deltaLabel:"vs last 30 days", color:"#FFFFFF", feature:true, fmt:pct, note:"North-star metric, the share of replies that are positive (open to a conversation). Doctor-to-doctor messaging drives this far higher than recruiter-style outreach." }, positives:{ id:"positives", icon:"zap", label:"Positive replies", value:C.kpis.positiveReplies, raw:C.kpis.positiveReplies, kind:"cumulative", delta:C.deltas.positiveReplies, deltaLabel:"vs last 30 days", color:"#1F8A5B", breakdownTitle:"Pipeline stage", breakdown:[ {label:"New positive reply",value:"3",pct:30,kind:"pos"},{label:"In conversation",value:"2",pct:20,kind:"pos"}, {label:"Interview booked",value:"2",pct:20,kind:"pos"},{label:"Hired",value:"2",pct:20,kind:"pos"}], note:"Doctors who responded with interest. Respond same-day. Conversion drops sharply after 24 hours." }, interviews:{ id:"interviews", icon:"calendar", label:"Interviews", value:C.kpis.interviews, raw:C.kpis.interviews, kind:"cumulative", delta:+2, deltaLabel:"vs last 30 days", color:"#FF4A1C" }, bookings:{ id:"bookings", icon:"book", label:"Calls booked", value:C.kpis.bookings, raw:C.kpis.bookings, kind:"cumulative", delta:C.deltas.bookings, deltaLabel:"vs last 30 days", color:"#2A6FDB" }, hires:{ id:"hires", icon:"hire", label:"Hires", value:C.kpis.hires, raw:C.kpis.hires, kind:"cumulative", delta:C.deltas.hires, deltaLabel:"this campaign", color:"#1F8A5B", note:"Doctors placed and started. Reyah keeps launching campaigns until a hire lands; placements carry a 3-month replacement guarantee." }, response:{ id:"response", icon:"clock", label:"Avg response time", value:"38", unit:"min", raw:38, kind:"time", delta:-12, deltaUnit:"min", deltaGood:true, deltaLabel:"faster vs last 30 days", color:"#FF4A1C", target:"Same-day", note:"How fast your team responds to a positive reply. Reply speed is the #1 conversion lever. Same-day responses massively outperform 3+ days." }, deliver:{ id:"deliver", icon:"send", label:"Deliverability", value:C.deliverability.avgDeliver, unit:"%", raw:C.deliverability.avgDeliver, kind:"rate", delta:+0.4, deltaUnit:"pts", deltaLabel:"vs last 30 days", color:"#1F8A5B", fmt:pct, breakdownTitle:"By sending domain", breakdown:C.domains.map(d=>({label:d.dom,value:d.deliver+"%",pct:d.deliver,kind:d.status==="healthy"?"pos":"warn"})), note:"Share of emails that reach the inbox across all dedicated sending domains. SPF/DKIM/DMARC are enforced and domains are warmed for 3 weeks before volume sends." }, warmup:{ id:"warmup", icon:"shield", label:"Warm-up health", value:"100", unit:"%", raw:100, kind:"rate", delta:0, deltaLabel:"domains on schedule", color:"#1F8A5B", fmt:pct, note:"Share of sending domains tracking on their warm-up schedule. New domains ramp gradually to protect deliverability." } }; // Deltas are derived from each metric's own trend data (drop-in for live data). Object.keys(METRICS).forEach(function(k){ METRICS[k]=trendDelta(METRICS[k]); }); return METRICS; } let METRICS = buildMetrics(); const SITE=(window.REYAH_CONFIG&&window.REYAH_CONFIG.siteBase)||"../site"; /* ---- nav config ---- */ function buildNav(){ return [ {label:"Overview", links:[ {id:"overview", label:"Overview", icon:"grid"}, {id:"deliverability", label:"Deliverability", icon:"send"} ]}, {label:"Pipeline", links:[ {id:"replies", label:"Inbox", icon:"inbox"}, {id:"pipeline", label:"CRM", icon:"zap"}, {id:"bookings", label:"Call bookings", icon:"calendar", count:C.kpis.bookings}, {id:"hires", label:"Hires", icon:"hire"} ]}, {label:"Database", links:[ {id:"doctors", label:"Doctors contacted", icon:"users"} ]}, {label:"Account", links:[ {id:"settings", label:"Settings", icon:"settings"} ]} ]; } let NAV = buildNav(); const TITLES={ overview:["Overview","Campaign performance at a glance"], deliverability:["Deliverability","Inbox placement & domain health"], replies:["Inbox","Every doctor response in one place"], pipeline:["CRM","Your pipeline, synced with GoHighLevel"], bookings:["Call bookings","Interviews & intro calls"], hires:["Hires","Doctors placed this campaign"], doctors:["Doctors contacted","Your full sourced database"], integrations:["Integrations","Connect your calendar, CRM and email"], settings:["Settings","Manage your workspace and alerts"] }; /* ===================================================================== SCREENS ===================================================================== */ function KpiCard({m, onOpen}){ return (
{m.label}
{m.value}{m.unit&&{m.unit}}
{m.delta!=null && =0?"up":"down")}>=0?"arrowUp":"arrowDown"} />{m.delta>=0?"+":""}{m.delta}{m.deltaUnit||""}} {m.deltaLabel}
); } function Overview({openMetric, leads, goInbox}){ const [range,setRange]=React.useState("30d"); const pending=(leads||C.leads).filter(function(l){ return l.sentiment==="pos" && l.unread; }); const sent=window.RYH.genSeries("ov-sent",range,42,"count"); const pos=window.RYH.genSeries("ov-pos",range,4,"count"); return (
{pending.length>0 && (
{pending.length} positive {pending.length>1?"replies need":"reply needs"} a response today

{pending[0].name} {pending.length>1?("and "+(pending.length-1)+" more are"):"is"} waiting on a reply. Same-day responses win far more doctors, so respond before the day is out.

)} {/* hero KPIs */}
{/* main chart + funnel */}
}>
Sends Positive replies
{/* deliverability snapshot + activity */}
Details}>
Open rate{C.deliverability.openRate}%
Bounce rate{C.deliverability.avgBounce}%
Spam complaints{C.deliverability.spamRate}%
); } function Deliverability({openMetric}){ return (
DomainSentDeliveredAuthStatus
{C.domains.map(function(d,i){ return (
{d.dom}
{d.warm}
{d.sent}
{d.deliver}%
SPFDKIM DMARC
{d.status==="healthy"?Healthy:Warming}
); })}
({value:c.value,color:c.cls==='info'?'#2A6FDB':c.cls==='pos'?'#1F8A5B':'#FF4A1C'}))} />
{C.channels.map(function(c,i){ const col=c.cls==='info'?'#2A6FDB':c.cls==='pos'?'#1F8A5B':'#FF4A1C'; return
{c.label}{c.value.toLocaleString()}
; })}
{[["Publicly-available data only","Every contact sourced from public records"], ["DNC & suppression screening","Checked on every single send"], ["SPAM Act 2003 compliant","Auto unsubscribe / STOP handling"], ["Full audit trail","Every send logged and retained"]].map(function(r,i){ return
{r[0]}

{r[1]}

; })}
); } function Replies({leads, domains, onAppend, onRead, sendChannel, openLead, initLeadId, onRetry}){ const inbox=leads.filter(function(l){ return l.thread && l.thread.length>0; }); const [selId,setSelId]=React.useState(initLeadId || (inbox[0]&&inbox[0].id) || null); const sel=inbox.find(function(m){return m.id===selId;}) || inbox[0] || null; const [chan,setChan]=React.useState(sel&&sel.chan==="sms"?"sms":"email"); const [draft,setDraft]=React.useState(""); const [filter,setFilter]=React.useState("All"); // Email-only composer state. fromDomain defaults to the first healthy sending // domain (fallback: first available). Subject prefills "Re: " per thread. const doms=domains||[]; const defDom=(doms.find(function(d){return d.status==="healthy";})||doms[0]||{}).dom||""; const [subject,setSubject]=React.useState(sel?("Re: "+(sel.subject||sel.lastSubject||"your enquiry")):""); const [preheader,setPreheader]=React.useState(""); const [fromDomain,setFromDomain]=React.useState(defDom); const [files,setFiles]=React.useState([]); const [pending,setPending]=React.useState(0); // attachment uploads in flight const fileInput=React.useRef(null); // Tracks the currently-selected lead so a late-resolving upload (started on a // different thread) can't bleed its attachment into whoever's open now. const selIdRef=React.useRef(null); selIdRef.current=sel?sel.id:null; if(!sel){ return
No replies yetDoctor replies land here the moment they come in.
; } const shown=inbox.filter(function(m){ return filter==="All" || (filter==="Positive" && m.sentiment==="pos"); }); function pick(m){ setSelId(m.id); onRead(m.id); setChan(m.chan==="sms"?"sms":"email"); setSubject("Re: "+(m.subject||m.lastSubject||"your enquiry")); setPreheader(""); setFiles([]); } function pickFiles(e){ var chosen=Array.prototype.slice.call(e.target.files||[]); if(fileInput.current) fileInput.current.value=""; var forLead=sel.id; chosen.forEach(function(file){ setPending(function(n){ return n+1; }); window.REYAH_DATA.uploadAttachment(file, forLead) .then(function(ref){ setFiles(function(fs){ return selIdRef.current===forLead ? fs.concat([ref]) : fs; }); }) .catch(function(){ if(window.ryToast) window.ryToast("Couldn't attach "+file.name); }) .finally(function(){ setPending(function(n){ return n-1; }); }); }); } function removeFile(id){ setFiles(function(fs){ return fs.filter(function(f){ return f.id!==id; }); }); } function send(){ const v=draft.trim(); if(!v) return; if(chan==="email"){ onAppend(sel.id, {who:"My Local Doc", us:true, chan:"email", time:"now", t:v, subject:subject, preheader:preheader, fromDomain:fromDomain, attachments:files}); setDraft(""); setPreheader(""); setFiles([]); setSubject("Re: "+(sel.subject||sel.lastSubject||"your enquiry")); return; } onAppend(sel.id, {who:"My Local Doc", us:true, chan:chan, time:"now", t:v}); setDraft(""); } return (
All {inbox.length} Positive {inbox.filter(function(m){return m.sentiment==="pos";}).length}
{shown.map(function(m){ const last=m.thread[m.thread.length-1]; return (
{m.init}
{m.name}
{last?last.t:""}
{sentimentTag(m.sentiment)}
); })}

{sel.name}

{sel.loc} · {sel.vr}{sentimentTag(sel.sentiment)}
{sel.thread.map(function(b,i){ var cls="bubble "+(b.us?"us":"them")+(b.status==="failed"?" bubble--failed":"")+(b.status==="sending"?" bubble--sending":""); return (
{b.who}{b.chan?(" · "+b.chan.toUpperCase()):""} {b.chan==="email" && b.subject &&
{b.subject}
} {b.t} {b.attachments && b.attachments.length>0 && (
{b.attachments.map(function(f){ return {f.name} · {Math.round((f.size||0)/1024)}KB; })}
)} {b.status==="sending" && Sending…} {b.status==="failed" && Not sent · {b.chan==="email"?"PlusVibe":"GoHighLevel"} rejected }
); })}
{chan==="email" ? (
{files.length>0 && (
{files.map(function(f){ return ( {f.name} · {Math.round((f.size||0)/1024)}KB ); })}
)}