Stripe

Stripe One-Time Invoice

For one-time jobs (like contract development), you can create an invoice and mail to the client. They have several payment options and this seems to work well for international clients specifically. Just be aware of the transaction fee.

• Sample Data: October 26, 2022 - Invoice $1000; Fee: $43.30 (4.33%)

---

Stripe Test Credit Card

• 4242 4242 4242 4242
• https://stripe.com/docs/testing

---

Firebase Stripe Extension

1. Create a Restricted Key (Instructions are on the extension)
   1. Write Access: Customers, Checkout Sessions, Customer Portal
   2. Read Access: Subscriptions
2. Install The Extension in Firebase (Run Payments with Stripe)
   1. Products and Pricing Plans Collection: products
   2. Customer Details and Subscription Collection: users
   3. Stripe Configuration Collection: stripe_configuration
   4. Sync
   5. Do not delete
   6. Put restricted key. Click "Create Secret"
3. Update Security Rules
   1. Extension will give you some suggested rules
   2. Make sure to use /users instead of /customers
   3. Don't just overwrite your existing rules. Integrate these into your existing ones
      1. For example, I just added this at the bottom (I removed one of the lines from /users):

         /** Stripe Integration Rules **/
         match /users/{uid} {
           match /checkout_sessions/{id} {
             allow read, write: if request.auth.uid == uid;
           }
           match /subscriptions/{id} {
             allow read: if request.auth.uid == uid;
           }
           match /payments/{id} {
             allow read: if request.auth.uid == uid;
           }
         }
         
         /** Stripe Integration Rules **/
         match /products/{id} {
           allow read: if true;
         
           match /prices/{id} {
             allow read: if true;
           }
         
           match /tax_rates/{id} {
             allow read: if true;
           }
         }
4. Configure Webhook
   1. In Stripe, "Add Endpoint"
   2. Use the URL from the extension
   3. Add all events from the extension documentation
   4. Get the "Signing Secret"
   5. Reconfigure extension and paste Signing Secret into Firebase
5. Create Stripe Product
   1. Make sure extension is reconfigured and completed first
   2. In Stripe, "Add Product"
   3. Make a note of the Price ID for later
   4. You should see a new /products node in your Firestore
   5. Need to make a version in both live and test environemnts
6. Update Customer Portal
   1. Settings > Billing > Portal
   2. Allow customers to cancel subscriptions at end of billing period
   3. Allow customers to update their payment methods
   4. Allow customers to switch to a different pricing plan
   5. Add links to TOS and Privacy Policy
7. Update Branding
   1. Settings > Branding
   2. Set colors, etc.
8. UI
   1. npm install --save @stripe/react-stripe-js @stripe/stripe-js