/* nro.jsx — National Revenue Office chrome.
Adds a working (demo) Sign In: account data is gated behind it.
Signed-out → "Sign in to view your account" + locked service tiles.
Signed-in → populated account + clickable tiles open simple views.
Nav tabs and service tiles are all navigable. */
const NRO_NAV = ["Home", "File a Return", "Payments", "Refunds", "Help"];
/* The signed-in taxpayer. One identity, four places: the profile in the backend's
seed.json, NRO_DEMO_TAXPAYER/NRO_DEMO_USER on the chat app, the `_user` on every
gateway log line — and now the portal chrome. Keep them in step: the point of the
demo is that the person in the header is the person the gateway is billing and
the person every tool is scoped to. */
const NRO_USER = {
name: "Lukas Weber",
handle: "LukasW@nro",
initials: "LW",
steuerId: "65 929 970 489",
};
const NRO_ACCOUNT = [
["Tax year", "2025"],
["Refund status", "Approved — Jun 9"],
["Balance due", "€0.00"],
];
const NRO_FORMS = [
{ code: "Form 1040", name: "Individual Income Tax Return", note: "The standard annual return for individuals." },
{ code: "Schedule C", name: "Profit or Loss from Business", note: "Report freelance or self-employment income." },
{ code: "Form 4868", name: "Application for Extension", note: "Request a 6-month filing extension to Oct 15." },
{ code: "Form 8822", name: "Change of Address", note: "Update the mailing address on your account." },
];
const NRO_DEADLINES = [
{ date: "Apr 15, 2026", title: "Individual returns due", note: "Form 1040 filing and payment deadline." },
{ date: "Jun 16, 2026", title: "Q2 estimated tax", note: "Second estimated payment for the year." },
{ date: "Oct 15, 2026", title: "Extended filing deadline", note: "For taxpayers who filed Form 4868." },
];
function NroPanel({ t, children, className = "" }) {
return
{["Wo bleibt meine Erstattung?", "Wie richte ich eine Ratenzahlung ein?", "Welches Formular brauche ich für freiberufliche Einkünfte?", "Wie ändere ich meine Postanschrift?"].map((q) => (
{q}
))}
Ask Nora in the panel on the right for anything else.
);
}
return null;
}
function NroChrome({ business, children }) {
const t = business.theme;
const [signedIn, setSignedIn] = React.useState(false);
const [showSignIn, setShowSignIn] = React.useState(false);
const [view, setView] = React.useState("home"); // home | refund | payment | forms | deadlines | file | help
const [pending, setPending] = React.useState(null);
// Map nav tab + service tile → internal view, gating where account data is involved
const GATED = new Set(["refund", "payment", "file", "account"]);
function navTo(target) {
if (GATED.has(target) && !signedIn) { setPending(target); setShowSignIn(true); return; }
setView(target);
}
function handleSignIn() {
setSignedIn(true);
setShowSignIn(false);
if (pending) { setView(pending === "account" ? "home" : pending); setPending(null); }
}
const TILES = [
["Receipt", "Check refund", "refund"],
["HandCoins", "Make a payment", "payment"],
["FileText", "Find a form", "forms"],
["CalendarClock", "Deadlines", "deadlines"],
];
const NAV_VIEW = { "Home": "home", "File a Return": "file", "Payments": "payment", "Refunds": "refund", "Help": "help" };
const VIEW_NAV = { home: "Home", file: "File a Return", payment: "Payments", refund: "Refunds", help: "Help" };
const titleFor = { refund: "Check refund", payment: "Make a payment", forms: "Find a form", deadlines: "Deadlines", file: "File a return", help: "Help" };
return (
An official service of the National Revenue Office