┌─┐                                                                                                                                            
       ║"│                                                                                                                                            
       └┬┘                                                                                                                                            
       ┌┼┐                                                                                                                                            
        │              ┌──────────────────┐          ┌─────────────┐              ┌───────┐          ┌──────┐          ┌─────────┐           ┌───────┐
       ┌┴┐             │寄付コンポーネント│          │StripeElement│              │Browser│          │donate│          │/checkout│           │/charge│
      User             └────────┬─────────┘          └──────┬──────┘              └───┬───┘          └──────┘          └────┬────┘           └───┬───┘
       │      𝟏 ページ取得      ┌┴┐                         │                        ┌┴┐                │                   │                    │    
       │ ──────────────────────>│ │                         │                        │ │                │                   │                    │    
       │                        │ │                         │                        │ │                │                   │                    │    
       │                        │ │  𝟐 利用環境のチェック  ┌┴┐                       │ │                │                   │                    │    
       │                        │ │ ──────────────────────>│ │                       │ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │                        │ │       𝟑 決済可能       │ │                       │ │                │                   │                    │    
       │                        │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │                       │ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │ 𝟒 「寄付」ボタンを表示 │ │                        │ │                       │ │                │                   │                    │    
       │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │                        │ │                       │ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │            𝟓 「寄付」ボタンのクリック             │ │                       │ │                │                   │                    │    
       │ ─────────────────────────────────────────────────>│ │                       │ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │                        │ │                        │ │ 𝟔 Payment Request API │ │                │                   │                    │    
       │                        │ │                        │ │ ─────────────────────>│ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │                        𝟕 決済ダイアログ、金額の表示 │                       │ │                │                   │                    │    
       │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─│ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │                        │ │   𝟖 決済情報の入力     │ │                       │ │                │                   │                    │    
       │ ───────────────────────────────────────────────────────────────────────────>│ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │                        │ │                        │ │   𝟗 **カード情報**    │ │                │                   │                    │    
       │                        │ │                        │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─│ │                │                   │                    │    
       │                        │ │                        │ │                       │ │                │                   │                    │    
       │                        │ │                        │ │                     𝟏𝟎 カード情報の送信  │                  ┌┴┐                   │    
       │                        │ │                        │ │ ───────────────────────────────────────────────────────────>│ │                   │    
       │                        │ │                        │ │                       │ │                │                  └┬┘                   │    
       │                        │ │                        │ │                       𝟏𝟏 source_token    │                   │                    │    
       │                        │ │                        │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │                    │    
       │                        │ │                        └┬┘                       │ │                │                   │                    │    
       │                        │ │     𝟏𝟐 source_token     │                        │ │                │                   │                    │    
       │                        │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─                         │ │                │                   │                    │    
       │                        │ │                         │                        │ │                │                   │                    │    
       │                        │ │                        𝟏𝟑 source_tokenの送信     │ │                ┌┴┐                 │                    │    
       │                        │ │ ───────────────────────────────────────────────────────────────────>│ │                 │                    │    
       │                        │ │                         │                        │ │                │ │                 │                    │    
       │                        │ │                         │                        │ │                │ │𝟏𝟒 secret_key、source_token、決済金額┌┴┐   
       │                        │ │                         │                        │ │                │ │ ───────────────────────────────────>│ │   
       │                        │ │                         │                        │ │                │ │                 │                   └┬┘   
       │                        │ │                         │                        │ │                │ │              𝟏𝟓 決済完了             │    
       │                        │ │                         │                        │ │                │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─    
       │                        │ │                         │                        │ │                └┬┘                 │                    │    
       │                        │ │                     𝟏𝟔 Thank youメッセージの送信 │ │                │                   │                    │    
       │                        │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─                    │                    │    
       │                        └┬┘                         │                        └┬┘                │                   │                    │    
       │   𝟏𝟕 Thank youの表示   │                           │                         │                 │                   │                    │    
       │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─                           │                         │                 │                   │                    │    
       │                        │                           │                         │                 │                   │                    │    
       │                        │                           │                         │                 │                   │                    │