Stripe Integration for Firebase Site

My web app is already live on Firebase Hosting and was built entirely with Firebase Studio. The last piece I need is a seamless Stripe checkout flow for one-time purchases.

Here’s what I’d like done:
• Connect my Stripe account to the project and store the keys securely in Firebase.
• Create the Cloud Functions (TypeScript preferred) that generate a Stripe Checkout Session, listen for webhooks, and update Firestore with payment status.
• Drop the frontend code into my existing React components so users are redirected to Stripe Checkout, then returned to a confirmation page once payment succeeds.
• End-to-end testing in test mode, followed by a live mode hand-off with brief setup notes.

Acceptance criteria
– Customer can complete a single purchase with a created account on my site.
– Firestore reflects payment success, failure, or cancellation.
– No sensitive keys exposed in client code.
– Clear README or inline comments so I can maintain the flow later.

If you have shipped Stripe on Firebase before, this should be straightforward. Let’s get it running smoothly.