[pull] main from stripe-samples:main

.github/workflows/ci_dotnet.yaml

@@ -26,9 +26,7 @@ jobs:
       matrix:
         runtime:
           - server_type: dotnet
-            server_image: mcr.microsoft.com/dotnet/sdk:6.0
-          - server_type: dotnet
-            server_image: mcr.microsoft.com/dotnet/sdk:9.0
+            server_image: mcr.microsoft.com/dotnet/sdk:latest
     uses: ./.github/workflows/wf_server_test.yaml
     secrets: inherit
     with:

.github/workflows/ci_go.yaml

@@ -27,8 +27,6 @@ jobs:
         runtime:
           - server_type: go
             server_image: golang:latest
-          - server_type: go
-            server_image: golang:1.17
     uses: ./.github/workflows/wf_server_test.yaml
     secrets: inherit
     with:

.gitignore

@@ -138,4 +138,4 @@ playwright/test-results/
 
 # Terraform files
 .terraform*
-terraform.tfstate*
+terraform.tfstate*.playwright-mcp/

custom-payment-flow/client/react-cra/vite.config.mjs

@@ -8,9 +8,10 @@ export default defineConfig({
   server: {
     port: 3000,
     host: "0.0.0.0",
+    allowedHosts: ["frontend", "localhost", "web"],
     proxy: {
         '/api': {
-          target: 'http://127.0.0.1:4242',
+          target: 'http://localhost:4242',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, '')
         }

custom-payment-flow/server/dotnet/global.json

@@ -1,6 +1,6 @@
 {
   "sdk": {
-    "version": "10.0.101",
+    "version": "8.0.200",
     "rollForward": "latestMajor"
   }
 }

custom-payment-flow/server/dotnet/server.csproj

@@ -1,11 +1,11 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
   <PropertyGroup>
-    <TargetFramework>net10.0</TargetFramework>
+    <TargetFramework>net9.0</TargetFramework>
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
   <ItemGroup>
     <PackageReference Include="DotNetEnv" Version="3.0.0" />
-    <PackageReference Include="Stripe.net" Version="50.2.0" />
+    <PackageReference Include="Stripe.net" Version="51.0.0" />
   </ItemGroup>
 </Project>

custom-payment-flow/server/ruby/Gemfile

@@ -5,6 +5,8 @@ gem 'json'
 gem 'rackup'
 gem 'sinatra'
 gem 'sinatra-contrib'
+gem 'logger'
+gem 'ostruct'
 gem 'stripe', '~> 18.2'
 gem 'toml-rb'
 gem 'webrick'

custom-payment-flow/server/ruby/server.rb

@@ -27,6 +27,7 @@
 set :port, 4242
 set :bind, '0.0.0.0'
 set :protection, except: [:json_csrf]
+set :host_authorization, permitted_hosts: []
 
 get '/' do
   content_type 'text/html'

elements-with-checkout-sessions/.env.example

@@ -2,5 +2,6 @@ STRIPE_PUBLISHABLE_KEY=<replace-with-your-publishable-key>
 STRIPE_SECRET_KEY=<replace-with-your-secret-key>
 STRIPE_WEBHOOK_SECRET=<replace-with-your-webhook-secret>
 STATIC_DIR=../../client/html
+# For React/Vue clients, set to the dev server URL (e.g. http://localhost:3000)
 DOMAIN=http://localhost:4242
 PORT=4242

elements-with-checkout-sessions/README.md

@@ -158,3 +158,11 @@ The dev server starts on port 3000 and proxies `/api` requests to
 `http://127.0.0.1:4242`. Navigate to
 [http://localhost:3000](http://localhost:3000) to see the payment form.
 Make sure a backend server is running on port 4242 first.
+
+**Important:** Set `DOMAIN` to your Vite dev server URL so Stripe
+redirects back to the React app after payment:
+
+```bash
+# In your server's .env
+DOMAIN=http://localhost:3000
+```

elements-with-checkout-sessions/client/html/index.css

@@ -9,7 +9,9 @@ body {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-content: center;
+  align-items: center;
+  height: 100vh;
+  width: 100vw;
 }
 
 form {
@@ -42,6 +44,11 @@ form {
   margin-top: 16px;
 }
 
+#address-element {
+  margin-bottom: 24px;
+  margin-top: 16px;
+}
+
 #email {
   border-radius: 5px;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);

elements-with-checkout-sessions/client/html/index.html

@@ -17,6 +17,10 @@
         <input type="email" id="email"
       /></label>
       <div id="email-errors"></div>
+      <h4>Billing address</h4>
+      <div id="address-element">
+        <!--Stripe.js injects the Address Element-->
+      </div>
       <h4>Payment</h4>
       <div id="payment-element">
         <!--Stripe.js injects the Payment Element-->

elements-with-checkout-sessions/client/html/index.js

@@ -72,6 +72,9 @@ async function initialize() {
     }
   });
 
+  const addressElement = checkout.createBillingAddressElement();
+  addressElement.mount("#address-element");
+
   const paymentElement = checkout.createPaymentElement();
   paymentElement.mount("#payment-element");
 }

elements-with-checkout-sessions/client/react-cra/src/App.css

@@ -40,6 +40,11 @@ form {
   margin-top: 16px;
 }
 
+#address-element {
+  margin-bottom: 24px;
+  margin-top: 16px;
+}
+
 #email {
   border-radius: 5px;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);

elements-with-checkout-sessions/client/react-cra/src/CheckoutForm.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import {
   PaymentElement,
+  BillingAddressElement,
   useCheckout
 } from '@stripe/react-stripe-js/checkout';
 
@@ -104,6 +105,8 @@ const CheckoutForm = () => {
         error={emailError}
         setError={setEmailError}
       />
+      <h4>Billing address</h4>
+      <BillingAddressElement id="address-element" />
       <h4>Payment</h4>
       <PaymentElement id="payment-element" />
       <button disabled={!checkoutState.checkout.canConfirm || isSubmitting} id="submit">

elements-with-checkout-sessions/client/react-cra/vite.config.mjs

@@ -17,6 +17,7 @@ export default defineConfig({
         }
     }
   },
+  cacheDir: process.env.VITE_CACHE_DIR || 'node_modules/.vite',
   build: {
     outDir: "build",
   },

elements-with-checkout-sessions/testing/manual-test.sh

@@ -134,6 +134,7 @@ REACT_DIR="$SAMPLE_DIR/client/react-cra"
 
 for i in $(seq 0 6); do
   VITE_SERVER_URL="http://localhost:$((4242 + i))" \
+  VITE_CACHE_DIR="/tmp/vite-cache-$((3000 + i))" \
   PORT=$((3000 + i)) \
     npx --prefix "$REACT_DIR" vite --config "$REACT_DIR/vite.config.mjs" "$REACT_DIR" >/dev/null 2>&1 &
   PIDS+=($!)

payment-element/client/react-cra/vite.config.mjs

@@ -8,9 +8,10 @@ export default defineConfig({
   server: {
     port: 3000,
     host: "0.0.0.0",
+    allowedHosts: ["frontend", "localhost", "web"],
     proxy: {
         '/api': {
-          target: 'http://127.0.0.1:4242',
+          target: 'http://localhost:4242',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, '')
         }

payment-element/server/dotnet/appsettings.json

@@ -7,7 +7,7 @@
     }
   },
   "Stripe": {
-    "CalculateTax": true
+    "CalculateTax": false
   },
   "AllowedHosts": "*"
 }

payment-element/server/dotnet/server.csproj

@@ -1,11 +1,11 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
   <PropertyGroup>
-    <TargetFramework>net10.0</TargetFramework>
+    <TargetFramework>net9.0</TargetFramework>
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
   <ItemGroup>
     <PackageReference Include="DotNetEnv" Version="3.0.0" />
-    <PackageReference Include="Stripe.net" Version="50.2.0" />
+    <PackageReference Include="Stripe.net" Version="51.0.0" />
   </ItemGroup>
 </Project>

payment-element/server/ruby/Gemfile

@@ -5,6 +5,8 @@ gem 'json'
 gem 'puma'
 gem 'rackup'
 gem 'sinatra', '~> 3.0'
+gem 'logger'
+gem 'ostruct'
 gem 'stripe', '~> 18.2'
 gem 'toml-rb'
 gem 'webrick'

prebuilt-checkout-page/client/react-cra/vite.config.mjs

@@ -8,9 +8,10 @@ export default defineConfig({
   server: {
     port: 3000,
     host: "0.0.0.0",
+    allowedHosts: ["frontend", "localhost", "web"],
     proxy: {
         '/api': {
-          target: 'http://127.0.0.1:4242',
+          target: 'http://localhost:4242',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, '')
         }

prebuilt-checkout-page/server/dotnet/server.csproj

@@ -1,12 +1,12 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
-    <TargetFramework>net10.0</TargetFramework>
+    <TargetFramework>net9.0</TargetFramework>
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
   <ItemGroup>
     <PackageReference Include="DotNetEnv" Version="3.0.0" />
-    <PackageReference Include="Stripe.net" Version="50.2.0" />
+    <PackageReference Include="Stripe.net" Version="51.0.0" />
   </ItemGroup>
 </Project>

prebuilt-checkout-page/server/ruby/Gemfile

@@ -3,6 +3,8 @@ source 'https://rubygems.org/'
 gem 'dotenv'
 gem 'sinatra', '~> 3.0'
 gem 'puma'
+gem 'logger'
+gem 'ostruct'
 gem 'stripe', '~> 18.2'
 gem 'toml-rb'
 gem 'webrick'

spec/custom_payment_flow_e2e_spec.rb

@@ -5,7 +5,7 @@
     visit app_url('/')
   end
 
   example 'Card: happy path' do
     click_on 'Card'
 
     within_frame find('iframe[name*=__privateStripeFrame]') do
@@ -20,7 +20,7 @@
     expect(page).to have_content('Payment succeeded')
   end
 
   example 'ACSS Debit: happy path' do
     click_on 'Pre-authorized debit in Canada (ACSS)'
 
     click_on 'Pay'
@@ -36,7 +36,7 @@
     expect(page).to have_content('Payment processing')
   end
 
   example 'BECS Direct Debit' do
     click_on 'BECS Direct Debit'
 
     fill_in 'name', with: 'Jenny Rosen'
@@ -52,7 +52,7 @@
     expect(page).to have_content(/This payment method is available to Stripe accounts in AU/i)
   end
 
   example 'SEPA Direct Debit: happy path' do
     click_on 'SEPA Direct Debit'
 
     within_frame find('iframe[name*=__privateStripeFrame][title*="input"]') do
@@ -64,7 +64,7 @@
     expect(page).to have_content(/Payment \(pi_\w+\): succeeded/)
   end
 
-  example 'Bancontact: happy path' do
+  xexample 'Bancontact: happy path' do
     click_on 'Bancontact'
 
     click_on 'Pay'
@@ -73,7 +73,7 @@
     expect(page).to have_content('Payment succeeded')
   end
 
   example 'EPS: happy path' do
     click_on 'EPS'
 
     within_frame find('iframe[name*=__privateStripeFrame][title*="button"]') do
@@ -90,7 +90,7 @@
     expect(page).to have_content('Payment succeeded')
   end
 
   example 'FPX with US Stripe account' do
     click_on 'FPX'
 
     within_frame find('iframe[name*=__privateStripeFrame][title*="button"]') do
@@ -106,7 +106,7 @@
     expect(page).to have_content('The payment method type provided: fpx is invalid') # This payment method is available to Stripe accounts in MY and your Stripe account is in US.'
   end
 
-  example 'Giropay: happy path' do
+  xexample 'Giropay: happy path' do
     click_on 'giropay'
 
     click_on 'Pay'
@@ -115,7 +115,7 @@
     expect(page).to have_content('Payment succeeded')
   end
 
   example 'iDEAL: happy path' do
     click_on 'iDEAL'
 
     within_frame find('iframe[name*=__privateStripeFrame][title*="button"]') do
@@ -132,7 +132,7 @@
     expect(page).to have_content('Payment succeeded')
   end
 
   example 'Przelewy24(P24): happy path' do
     click_on 'Przelewy24 (P24)'
 
     within_frame find('iframe[name*=__privateStripeFrame][title*="button"]') do
@@ -149,7 +149,7 @@
     expect(page).to have_content('Payment succeeded')
   end
 
-  example 'Sofort: happy path' do
+  xexample 'Sofort: happy path' do
     click_on 'Sofort'
 
     click_on 'Pay'
@@ -158,7 +158,7 @@
     expect(page).to have_content('Payment processing')
   end
 
   example 'Afterpay / Clearpay: happy path' do
     click_on 'Afterpay / Clearpay'
 
     click_on 'Pay'
@@ -177,7 +177,7 @@
   #   expect(page).to have_content('The payment method type "boleto" is invalid.') # Boleto is not available without an invitation yet
   # end
 
   example 'OXXO' do
     click_on 'OXXO'
 
     # NOTE: Just confirm the essential elements are displayed since the test account does not support OXXO