app.post("/webhook", express.raw({ type: "application/json" }), (request, response) => { const sig = request.headers["stripe-signature"]; const event = stripe.webhooks.constructEvent(request.body, sig, process.env.STRIPE_WEBHOOK_SECRET); switch (event.type) { case "account.application.authorized": console.log("New App install!"); break; } return response.json({ received: true }); });

  

    ~
  

  

        
        
        
        
          
        

const ExternalDataComponent = async ({ userContext, environment }: ExtensionContextValue) => { const data = await fetch('example.com/api'); return ( <ContextView title="Create your first Stripe app"> <Box css={{ padding: 'large', background: 'container' }}> {data.map((datum) => <Inline>datum</Inline>)} </Box> </ContextView> ) } export default ExternalDataComponent;

  

    ~
  

  

        
        
        
        
          
        

const CustomerViewComponent = async ({ userContext, environment }: ExtensionContextValue) => { const customers = await stripe.customers.list(); return ( <ContextView title="Create your first Stripe app"> <Box css={{ padding: 'large', background: 'container' }}> {customers.map((customer) => <Inline>customer.name</Inline>)} </Box> </ContextView> ) } export default CustomerViewComponent;

  

    ~