/* flow_unhappy.jsx — the two terminal states the onboarding can route into instead of "off to work": a manual-review HOLD (identity couldn't be auto-confirmed, or a screening answer needs a human) and a hard DECLINE. Same vocabulary as the happy flow — plainspoken, specific, no hype. */ /* A small ringed glyph used as each screen's emblem. */ const StatusEmblem = ({ icon, color, ring = true, pulse = false }) => ( {pulse && } {icon} ); /* Vertical status ladder — submitted ● → in review (active) → opens ○ */ const ReviewLadder = ({ steps }) => (
{steps.map((st, i) => { const last = i === steps.length - 1; const done = st.state === "done"; const active = st.state === "active"; const c = done || active ? "var(--accent)" : "var(--ink-3)"; return (
{done && } {active && } {!last && }
{st.t}
{st.s}
); })}
); /* ============================================================= HOLD — manual review. Reached two ways: · identity couldn't be auto-confirmed (from Plaid liveness) · a screening answer needs a human (from Checks) The account isn't open yet; there's nothing for the user to do. ============================================================= */ const ReviewHold = ({ reason = "kyc", email, onReturn }) => { const displayEmail = email || "the email on file"; const copy = "Your application needs a manual review, a routine step. Most are done within one business day."; return ( {onReturn && }
} /> We're taking a
closer look. {copy}
{/* status ladder */}
Where things stand
{/* we'll email you */}
We'll email you when it's ready
To {displayEmail}, nothing you need to do
Contact support ); }; /* The email that lands a day later — an iOS Mail-style notification that slides in, stays, and is tappable to bring the customer back into Yoshi. (Demo-compressed to a few seconds.) */ const IOS_UI_U = '-apple-system, "SF Pro Text", "SF Pro", system-ui, "Segoe UI", sans-serif'; const ReturnText = ({ onTap }) => { const [shown, setShown] = useState(false); useEffect(() => { const t = setTimeout(() => setShown(true), 2600); return () => clearTimeout(t); }, []); return (
Mail now
Your Yoshi account is ready
Your review is complete. Tap to finish setting up your account.
); }; /* ============================================================= REVIEW CLEARED — the customer tapped the text and came back. The hold resolved in their favor; we welcome them and resume setup exactly where the happy path picks up (Income · Profile). ============================================================= */ const ReviewApproved = ({ onNext }) => { const web = usePlatform() === "web"; return (
} />
Review complete
You're all set. Thanks for waiting. Your review cleared and your account is open. Let's pick up where you left off.
Finish setting up ); }; /* ============================================================= DECLINED — a hard stop. No account opened. Calm, specific, institutional on the rights paragraph (ECOA), plainspoken above. ============================================================= */ const Declined = () => { const web = usePlatform() === "web"; return (
} /> Application · closed We can't open an
account right now.
We reviewed your application and can't open a Yoshi account at this time.
Request the reasons Contact support ); }; Object.assign(window, { ReviewHold, ReviewApproved, Declined, ReturnText });