%%{init: {'themeVariables': { 'noteBkgColor': 'transparent', 'noteBorderColor': 'transparent' }}}%%
sequenceDiagram
    participant User as ウェブショップユーザー
    participant Xsolla as エクソーラウェブショップ
    participant Game as ゲーム
    User ->> Xsolla: ログインする
    activate Xsolla
    Xsolla ->> Game: 認証中、「ウェブショップでのユーザー検証」のウェブフックを送信する
    activate Game
    Game ->> Xsolla: 成功ステータスを返す
    deactivate Game
    Xsolla ->> User: ヘッダーにユーザー情報を表示する
    deactivate Xsolla
    activate User
    User ->> Xsolla: 購入アイテムを選択し、「購入」をクリックする
    deactivate User
    activate Xsolla
    activate Xsolla
    note right of Xsolla: 注文を作成する
    deactivate Xsolla
    Xsolla ->> Game: 決済UIが開かれた際に、「ユーザー検証」のウェブフックを送信する
    activate Game
    Game ->> Xsolla: 成功ステータスを返す
    deactivate Game
    Xsolla ->> User: 決済UIを開く
    deactivate Xsolla
    activate User
    User ->> Xsolla: ユーザーが決済方法を選択し、支払いボタンをクリックする
    deactivate User
    activate Xsolla
    Xsolla ->> Game: 「注文支払い完了」のウェブフックを送信する
    activate Game
    activate Game
    note right of Game: 購入されたアイテムをユーザーに付与する
    deactivate Game
    Game ->> Xsolla: 成功ステータスを返す
    deactivate Game
    Xsolla ->> User: 購入成功画面を表示する
    deactivate Xsolla