);
}
// ─────────────────────────────────────────────────────────────────────────────
// Secure details — collected AFTER payment
// ─────────────────────────────────────────────────────────────────────────────
const TAX_ID_RE = /^\d{3}-\d{2}-\d{4}$/;
function SecureDetailsScreen({ nav, session, setSession }) {
const f = session?.filing || {};
const owners = session?.filing?.owners?.length ? session.filing.owners : [{ name: f.full_name || "Primary homeowner", role: "homeowner" }];
const [secure, setSecure] = useState(() => ({
taxIdsByOwnerId: buildTaxIdsByOwnerId(owners),
consent: Boolean(session.secure?.consent),
}));
const sigRef = useRef(null);
const [drew, setDrew] = useState(false);
const [submitting, setSubmitting] = useState(false);
const [submitError, setSubmitError] = useState("");
const taxIdsComplete = owners.every((owner, index) => TAX_ID_RE.test(secure.taxIdsByOwnerId?.[ownerKey(owner, index)] || ""));
function setS(patch) { setSecure(prev => ({ ...prev, ...patch })); }
function setOwnerTaxId(index, value) {
const key = ownerKey(owners[index], index);
setSecure((prev) => ({
...prev,
taxIdsByOwnerId: {
...(prev.taxIdsByOwnerId || {}),
[key]: value,
},
}));
}
// Tiny signature pad
useEffect(() => {
const c = sigRef.current; if (!c) return;
const ctx = c.getContext("2d");
ctx.lineWidth = 1.8; ctx.lineCap = "round"; ctx.strokeStyle = "#0B1F33";
let drawing = false; let last = null;
function pt(e) {
const r = c.getBoundingClientRect();
const x = (e.touches ? e.touches[0].clientX : e.clientX) - r.left;
const y = (e.touches ? e.touches[0].clientY : e.clientY) - r.top;
return [x * (c.width / r.width), y * (c.height / r.height)];
}
function down(e) { e.preventDefault(); drawing = true; last = pt(e); setDrew(true); }
function move(e) {
if (!drawing) return; e.preventDefault();
const p = pt(e);
ctx.beginPath(); ctx.moveTo(last[0], last[1]); ctx.lineTo(p[0], p[1]); ctx.stroke();
last = p;
}
function up() { drawing = false; last = null; }
c.addEventListener("mousedown", down); c.addEventListener("mousemove", move); window.addEventListener("mouseup", up);
c.addEventListener("touchstart", down); c.addEventListener("touchmove", move); window.addEventListener("touchend", up);
return () => {
c.removeEventListener("mousedown", down); c.removeEventListener("mousemove", move); window.removeEventListener("mouseup", up);
c.removeEventListener("touchstart", down); c.removeEventListener("touchmove", move); window.removeEventListener("touchend", up);
};
}, []);
function clearSig() {
const c = sigRef.current; if (!c) return;
c.getContext("2d").clearRect(0,0,c.width,c.height);
setDrew(false);
}
async function submit() {
if (!taxIdsComplete || !secure.consent || !drew || submitting) return;
const filingId = session?.filing_id || session?.draft_filing?.filing_id || "";
const statusToken = getStatusToken(session);
const checkoutSessionId = session?.payment?.checkout_session_id
|| session?.draft_filing?.payment?.checkout_session_id
|| session?.submission?.checkout_session_id
|| "";
const signaturePng = sigRef.current?.toDataURL("image/png") || "";
const securePayload = {
owners: owners.map((owner, index) => ({
name: owner.name,
ssn_or_itin: secure.taxIdsByOwnerId?.[ownerKey(owner, index)] || "",
})),
primary_signature_png: signaturePng,
coowner_signature_png: owners.length > 1 ? signaturePng : "",
consent: true,
};
if (!filingId) {
setSubmitError("We could not find your saved filing. Return to review and try again.");
return;
}
setSubmitting(true);
setSubmitError("");
try {
const response = await fetch("/api/submissions", {
method: "POST",
headers: { "content-type": "application/json" },
body: JSON.stringify({
filing_id: filingId,
status_token: statusToken,
checkout_session_id: checkoutSessionId,
secure: securePayload,
}),
});
const submission = await response.json().catch(() => ({}));
if (!response.ok) {
setSubmitError(submission.error === "payment_required"
? "Stripe is still confirming payment. Wait a moment and try again from secure details or review."
: "We could not submit your filing yet. Your draft is saved; try again from review.");
return;
}
const signedAt = new Date().toISOString();
const sanitizedOwners = owners.map((owner, index) => {
const taxId = secure.taxIdsByOwnerId?.[ownerKey(owner, index)] || "";
return {
owner_id: ownerKey(owner, index),
name: owner.name,
tax_id_last4: taxIdLast4(taxId),
masked_tax_id: maskSsn(taxId),
};
});
setSession({
...session,
filing_id: submission.filing_id || filingId,
status_token: submission.status_token || getStatusToken(session),
status_url: submission.status_url || getStatusUrl(session),
secure: {
owners: sanitizedOwners,
consent: true,
signature_drawn: true,
signed_at: signedAt,
},
submission,
status: submission.status,
events: submission.events || session.events,
sdat_status: submission.sdat_status || session.sdat_status,
});
nav("/submitting");
} catch (_error) {
setSubmitError("We could not reach the filing server. Your draft is saved; try again from review.");
} finally {
setSubmitting(false);
}
}
return (
Paid · $39.99Payment confirmed
Final filing details
SDAT requires SSN or ITIN and a signature on the form. We collect them only after payment.
} title="What we do with this data">
Used only to prepare, review, and submit your filing. Sensitive filing materials are encrypted for the review queue.
Sign with your finger or mouse. This becomes the signature on your SDAT application.
{!drew ? Sign here : null}
{f.full_name || "Your name"}
setS({ consent: v })}
label="I authorize EzClaim to prepare and submit my Homestead Tax Credit application to SDAT."
sub="I confirm the information I've provided is true to the best of my knowledge. I understand approval is determined by SDAT, not EzClaim."
/>
{submitError ? (
} title="Submission paused">
{submitError}
) : null}
);
}
function buildTaxIdsByOwnerId(owners) {
return Object.fromEntries(owners.map((owner, index) => [ownerKey(owner, index), ""]));
}
function ownerKey(owner, index) {
return owner?.owner_id || [owner?.name, owner?.dob, owner?.role].filter(Boolean).join("|") || `owner_${index + 1}`;
}
function formatSsn(s) {
const d = s.replace(/\D/g, "").slice(0, 9);
if (d.length <= 3) return d;
if (d.length <= 5) return d.slice(0,3) + "-" + d.slice(3);
return d.slice(0,3) + "-" + d.slice(3,5) + "-" + d.slice(5);
}
function maskSsn(s) { return "•••-••-" + s.slice(-4); }
function taxIdLast4(s) { return s.replace(/\D/g, "").slice(-4); }
// ─────────────────────────────────────────────────────────────────────────────
// Submitting — animated progress
// ─────────────────────────────────────────────────────────────────────────────
function SubmittingScreen({ nav, session, setSession }) {
const STEPS = [
{ k: "build", t: "Building your filing packet", d: 1200 },
{ k: "review", t: "Queueing for internal review", d: 1400 },
];
const [i, setI] = useState(0);
const [done, setDone] = useState(false);
const [failed, setFailed] = useState(false);
const [submitError, setSubmitError] = useState("");
const acceptedSubmission = session.submission?.status === "pending_review" ? session.submission : null;
useEffect(() => {
if (!acceptedSubmission) {
setSubmitError("We do not have an accepted submission for this filing. Return to review and try again.");
setFailed(true);
return;
}
if (done || failed) return;
if (i >= STEPS.length) { setDone(true); return; }
const t = setTimeout(() => setI(i + 1), STEPS[i].d);
return () => clearTimeout(t);
}, [i, done, failed, acceptedSubmission]);
useEffect(() => {
if (!done || !acceptedSubmission) return;
let cancelled = false;
setSession({
...session,
filing_id: acceptedSubmission.filing_id || session.filing_id,
status_token: acceptedSubmission.status_token || getStatusToken(session),
status_url: acceptedSubmission.status_url || getStatusUrl(session),
events: acceptedSubmission.events || session.events,
sdat_status: acceptedSubmission.sdat_status || session.sdat_status,
status: acceptedSubmission.status || session.status,
});
const t = setTimeout(() => {
if (!cancelled) nav("/submitted");
}, 700);
return () => { cancelled = true; clearTimeout(t); };
}, [done, acceptedSubmission]);
return (
Preparing your review packet
Stay on this page while we confirm the secure queue handoff.
{filingStatus === "fax_failed" ? (
Fax needs attention. We'll retry the submission or contact you if SDAT needs a corrected packet.
) : filingStatus === "review_rejected" ? (
This filing needs support. We found an issue during review and will contact you before any SDAT submission step.
) : filingStatus === "fax_delivered" ? (
Fax delivered to SDAT. SDAT public records may still take weeks to update.
) : filingStatus === "fax_submitted" || filingStatus === "fax_retrying" || filingStatus === "fax_submitting" ? (
Fax submitted to SDAT. We are waiting for provider delivery confirmation and SDAT public-record updates.
) : filingStatus === "paid_waiting_for_details" ? (
Payment received. Finish the secure details step so we can generate your filing packet.
) : (
Your filing packet is being reviewed. We review the first live filings before faxing to make sure the SDAT packet is complete and readable.
)}
Questions? Email help@ezclaim.app. EzClaim is not a government agency. The Homestead Tax Credit is administered by Maryland SDAT — you can also file directly at sdathtc.dat.maryland.gov.
);
}
function pEventTime(events, keyOrPrefix) {
const found = events.find((event) => (
event.k === keyOrPrefix || (String(keyOrPrefix).endsWith("_") && String(event.k || "").startsWith(keyOrPrefix))
));
return found?.at || null;
}
function paymentState(status) {
return status ? "done" : "cur";
}
function packetState(status) {
return status === "paid_waiting_for_details" ? "todo" : "done";
}
function reviewState(status) {
if (status === "review_rejected") return "err";
if (status === "pending_review") return "cur";
if (status === "paid_waiting_for_details") return "todo";
return "done";
}
function faxState(status) {
if (status === "fax_failed") return "err";
if (["fax_submitting", "fax_submitted", "fax_retrying"].includes(status)) return "cur";
if (status === "fax_delivered") return "done";
if (status === "review_rejected") return "err";
return "todo";
}
function reviewSubcopy(status) {
if (status === "review_rejected") return "Review found an issue that needs support";
if (status === "pending_review") return "Queued for packet review before SDAT submission";
if (status === "paid_waiting_for_details") return "Waiting on secure filing details";
return "Packet reviewed";
}
function faxSubcopy(status) {
if (status === "fax_failed") return "We will retry or contact you if SDAT needs a corrected packet";
if (status === "fax_submitting") return "Provider submission is in progress";
if (status === "fax_submitted") return "Waiting for provider delivery confirmation";
if (status === "fax_retrying") return "Provider status is still pending";
if (status === "fax_delivered") return "Waiting for SDAT public records to update";
if (status === "review_rejected") return "No SDAT submission was made";
return "Pending internal review";
}
Object.assign(window, {
CheckoutScreen, SecureDetailsScreen, SubmittingScreen, SubmittedScreen, StatusScreen,
});