## 入力画面

sequenceDiagram
participant u as User
participant app as App
participant napi as API Server

u ->> app: select "金額設定"
u ->> app: input words to "氏名"　and "フリガナ" and "リクエスト内容"
u ->> app: tap "入力内容を確認する" btn
app ->> napi: GET: [api/v1/get_ng_words]
napi -->> app: response
alt "氏名" or "フリガナ" contains response
    app -->> user: show error message below "贈る相手" area
else "リクエスト内容" contains response
    app -->> user: show error message below "リクエスト内容" area
else 
    app -->> user: move to "リクエスト内容確認画面"
end

## リクエスト内容確認画面

sequenceDiagram
participant u as User
participant app as App
participant napi as API Server

u ->> app: check "利用規約に同意する" check box
u ->> app: tap "リクエストを送る" btn
app -->> u: show "決済について" dialog
u ->> app: tap "リクエストを送る" btn
app ->> napi: POST: [api/v4/messages/request]
napi ->> napi: validation
napi -->> app: response
alt response == 200
    app -->> user: show "スーパーリクエストが送信されました" dialog
else response == 400
    app -->> user: show error dialog [使用できない文言が含まれています。]
else response == 403
    app -->> user: show error dialog　[不正なリクエストです。]
end

--------------------------
#Vietnamese
## Màn hình input

sequenceDiagram
participant u as User
participant app as App
participant napi as API Server

u ->> app: select "金額設定 / Setting số tiền"
u ->> app: input words to "氏名 / Tên"　and "フリガナ / Furigana" and "リクエスト内容 / Nội dung request"
u ->> app: tap "入力内容を確認する / Confirm nội dung input" btn
app ->> napi: GET: [api/v1/get_ng_words]
napi -->> app: response
alt "氏名" or "フリガナ" contains response
    app -->> user: show error message below "贈る相手/Người tặng quà" area
else "リクエスト内容 / Nội dung request" contains response
    app -->> user: show error message below "リクエスト内容 / Nội dung request" area
else 
    app -->> user: move to "リクエスト内容確認画面 / Màn hình confirm nội dung request"
end

## Màn hình confirm nội dung request

sequenceDiagram
participant u as User
participant app as App
participant napi as API Server

u ->> app: check "利用規約に同意する / Đồng ý với quy tắc sử dụng" check box
u ->> app: tap "リクエストを送る / Gửi request" btn
app -->> u: show "決済について / Giới thiệu về payment" dialog
u ->> app: tap "リクエストを送る / Gửi request" btn
app ->> napi: POST: [api/v4/messages/request]
napi ->> napi: validation
napi -->> app: response
alt response == 200
    app -->> user: show "スーパーリクエストが送信されました / Super request đã được gửi" dialog
else response == 400
    app -->> user: show error dialog [使用できない文言が含まれています。/ Có chứa text không thể sử dụng ]
else response == 403
    app -->> user: show error dialog　[不正なリクエストです。 / Request không hợp lệ]
end