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