);
/* slide-up number-pad sheet · mirrors a native mobile numeric keyboard.
Opens when an inline amount field is tapped; the field stays read-only so
the device keyboard never appears. */
const KeypadSheet = ({ open, onClose, amt, amtNum, onKey, label, sub, onMax, error, ctaLabel = "Done" }) => {
if (!open) return null;
return (
<>
);
const InstantDepositHandoffScreen = ({ source, onConfirmed }) => {
const bankName = source.bank || source.name;
const steps = [
`Check your email for a message from ${bankName}.`,
`Open ${bankName} and look for the payment request in Pay & Transfer, alerts, or activity.`,
"Once approved, your deposit should settle in a few minutes."
];
return (
);
/* ========================================================================== *
The hub + router
* ========================================================================== */
const TransferFlow = ({ onClose, preset, nav, flash, intent, initialRail, mock, onRailChange, rootTitle }) => {
const [rail, setRail] = useState(initialRail || null);
React.useEffect(() => { onRailChange && onRailChange(rail); }, [rail]);
const back = () => setRail(null);
const f = flash || (() => {});
const askAuto = () => {
onClose();
nav.ask("Help me set up an automation.",
"Love it. Tell me the rule in plain words, like “sweep anything over $20,000.00 in Checking into Savings” or “buy $500.00 of VTI every payday”, and I’ll set it up as a standing automation, inside the caps you’ve set. You approve it once, then it runs on its own and you can pause it anytime.");
};
const askRecurring = () => {
onClose();
nav.ask("Set up a recurring transfer.",
"Happy to. Tell me the move in plain words, like “transfer $500.00 from Chase to Cash every payday” or “send $1,000.00 to Savings on the 1st”, and I’ll set it up as a standing automation you approve once. It runs on its own inside your caps, and you can pause it anytime.");
};
const open = (id) => {
if (id === "automation") return askAuto();
if (id === "recurring") return askRecurring();
setRail(id);
};
const railProps = { onBack: back, onClose, nav, flash: f, preset, switchRail: open };
const web = window.__YOSHI_WEB;
const activeRail = (
<>
{rail === "wire" && }
{rail === "check" && }
{rail === "sendcheck" && }
{rail === "instant" && }
{rail === "directdeposit" && }
{rail === "recurring" && }
{rail === "billpay" && }
);
return (
{/* the cash-transfer screen is the landing page; the other rails sit below Confirm */}
!(window.__YOSHI_WEB && r.id === "check")).map((r, i, a) => open(r.id)} last={i === a.length - 1} />)} />
{/* on web a chosen rail opens as a raised card centered on a darker field,
mirroring the Automations / Briefs reading pane; mobile pushes full-screen */}
{rail && (web ? (
{["Gusto", "ADP", "Workday", "Rippling"].map((p, i, arr) => (
))}
Yoshi is a fintech company, not an FDIC-insured depository institution. Deposits in Yoshi Cash accounts are FDIC-insured through Column N.A., Member FDIC. FDIC deposit insurance covers the failure of an insured bank. Early access to direct deposit depends on when your payer submits it.