# 通知設計書 44-アカウント情報更新成功失敗通知

## 概要

本ドキュメントは、アカウント情報画面においてプロフィール情報の更新が成功または失敗した際に表示される通知の設計について記述する。

### 本通知の処理概要

本通知は、ユーザーがアカウント情報（氏名、メールアドレス、電話番号、生年月日、パスワード等）を更新した際に、その処理結果を通知するものである。

**業務上の目的・背景**：ECアプリにおいて、ユーザーは自身のアカウント情報を随時変更する必要がある（引っ越しによる住所変更、結婚による氏名変更、セキュリティのためのパスワード変更等）。本通知により、更新処理が正常に完了したか、またはエラーが発生したかをユーザーに即座にフィードバックし、必要な対応を促すことを目的とする。

**通知の送信タイミング**：アカウント情報画面で「保存」ボタンをタップし、AccountInfoUpdateEvent の処理結果として AccountInfoUpdateState が返却された際に即時表示される。成功の場合は successNotification、失敗の場合は errorNotification が呼び出される。

**通知の受信者**：アカウント情報を更新しようとしている現在のユーザー（アプリ操作者）。ログイン済みユーザーのみが対象となる。

**通知内容の概要**：成功時は緑色の背景でサーバーから返却されたメッセージを表示。失敗時は赤色の背景でエラーメッセージ（invalidData または graphqlErrors）を表示する。

**期待されるアクション**：成功時は2秒後に自動的に前の画面に戻る。失敗時はユーザーが入力内容を見直し、再度保存を試みる。

## 通知種別

アプリ内通知（オーバーレイ通知）

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（即時表示） |
| 優先度 | 高 |
| リトライ | 無し（即時1回表示） |

### 送信先決定ロジック

操作中のユーザーに対して即時表示。ログイン済みユーザーのみが対象。

## 通知テンプレート

### 成功通知

| 項目 | 内容 |
|-----|------|
| タイトル | Success（StringConstants.success のローカライズ値） |
| 背景色 | Colors.green.shade400（緑色） |
| アイコン | Icons.check_circle_outline（チェックマークアイコン） |
| 形式 | オーバーレイ通知 |

### 失敗通知

| 項目 | 内容 |
|-----|------|
| タイトル | Failed（StringConstants.failed のローカライズ値） |
| 背景色 | Colors.red（赤色） |
| アイコン | Icons.cancel_outlined（キャンセルアイコン） |
| 形式 | オーバーレイ通知 |

### 本文テンプレート

**成功時:**
```
[タイトル]: Success
[メッセージ]: {サーバーから返却されたメッセージ}（state.accountUpdate.message）
```

**失敗時（invalidData）:**
```
[タイトル]: Failed
[メッセージ]: 入力データが無効です（StringConstants.invalidData のローカライズ値）
```

**失敗時（graphqlErrors）:**
```
[タイトル]: Failed
[メッセージ]: {サーバーから返却されたエラーメッセージ}（state.accountUpdate.graphqlErrors）
```

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| message | 成功メッセージ | state.accountUpdate.message | No（成功時） |
| graphqlErrors | GraphQLエラーメッセージ | state.accountUpdate.graphqlErrors | No（失敗時） |
| invalidData | 無効データエラーメッセージ | StringConstants.invalidData | Yes（失敗時） |
| success | 成功タイトル | StringConstants.success | Yes |
| failed | 失敗タイトル | StringConstants.failed | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| API応答 | AccountInfoUpdateState 受信 | status == AccountStatus.success && accountUpdate.status == true | 更新成功時に成功通知 |
| API応答 | AccountInfoUpdateState 受信 | status == AccountStatus.fail | API呼び出し失敗時にエラー通知 |
| API応答 | AccountInfoUpdateState 受信 | status == AccountStatus.success && accountUpdate.status == false | 更新処理失敗時にエラー通知 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| フォームバリデーションエラー | 保存ボタンタップ時にフォームバリデーションが失敗した場合は API を呼び出さない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[「保存」ボタンタップ] --> B{フォームバリデーション}
    B -->|失敗| C[バリデーションエラー表示]
    B -->|成功| D[ローディングダイアログ表示]
    D --> E[AccountInfoUpdateEvent 送信]
    E --> F[AccountInfoUpdateState 受信]
    F --> G{status == AccountStatus.success?}
    G -->|No| H[ShowMessage.errorNotification 表示]
    G -->|Yes| I{accountUpdate.status == true?}
    I -->|Yes| J[ShowMessage.successNotification 表示]
    I -->|No| K[ShowMessage.errorNotification 表示]
    J --> L[2秒後に前画面に戻る]
    H --> M[ダイアログ閉じる]
    K --> N[ダイアログ閉じる]
```

## データベース参照・更新仕様

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| customers | 顧客情報 | サーバー側で参照・更新 |

### テーブル別参照項目詳細

#### customers（サーバー側）

| 参照項目（カラム名） | 用途 | 取得条件 |
|-------------------|------|---------|
| id | 顧客ID | ログイン中の顧客 |
| first_name | 名 | 更新対象 |
| last_name | 姓 | 更新対象 |
| email | メールアドレス | 更新対象 |
| phone | 電話番号 | 更新対象 |
| date_of_birth | 生年月日 | 更新対象 |
| gender | 性別 | 更新対象 |
| password | パスワード | 更新対象（ハッシュ化） |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| customers | UPDATE | 顧客情報の更新 |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| バリデーションエラー | フォーム入力値が不正 | フォームにエラーメッセージを表示 |
| API呼び出し失敗 | ネットワークエラー等 | errorNotification でエラーを通知 |
| 更新処理失敗 | サーバー側でエラー発生 | errorNotification でエラー詳細を通知 |
| メールアドレス重複 | 既存メールアドレスと重複 | graphqlErrors でエラーを通知 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0（自動リトライなし） |
| リトライ間隔 | 該当なし |
| リトライ対象エラー | 該当なし（ユーザーによる手動リトライ） |

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | 制限なし |
| 1日あたり上限 | 制限なし |

### 配信時間帯

制限なし（24時間）

## セキュリティ考慮事項

- パスワードはAPIリクエストでのみ送信され、レスポンスには含まれない
- 更新成功後、SharedPreferences に保存される情報は氏名、メール、画像URL のみ
- センシティブ情報（パスワード等）はエラーメッセージに含めない

## 備考

- 更新成功時は2秒後に自動的に前の画面に戻る（107-110行目）
- SharedPreferences も同時に更新される（280-286行目）
- プロフィール画像の更新も同時に行われる（avatar パラメータ）
- ニュースレター購読設定も同時に更新される（subscribedToNewsLetter パラメータ）

---

## コードリーディングガイド

本通知を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

まず、アカウント更新のレスポンスデータモデルを理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | account_update_model.dart | `lib/data_model/account_models/account_update_model.dart` | AccountUpdate クラスの構造、status, message, graphqlErrors フィールドを確認 |

**読解のコツ**: status フィールドが bool 型で成功/失敗を示すことに注目する。

#### Step 2: エントリーポイントを理解する

処理の起点となる BlocConsumer の listener を特定する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | account_screen.dart | `lib/screens/account/view/account_screen.dart` | _profileBloc メソッド内の BlocConsumer listener（97-150行目）を確認 |

**主要処理フロー**:
1. **99行目**: AccountInfoUpdateState の判定
2. **100-101行目**: status == AccountStatus.fail 時の errorNotification
3. **103-111行目**: status == AccountStatus.success かつ accountUpdate.status == true 時の successNotification
4. **112-116行目**: accountUpdate.status == false 時の errorNotification（graphqlErrors）

#### Step 3: 保存ボタン処理を理解する

保存ボタンタップ時の処理フローを確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | account_screen.dart | `lib/screens/account/view/account_screen.dart` | _onPressSaveButton メソッド（225-277行目）を確認 |

**主要処理フロー**:
- **226行目**: フォームバリデーションの実行
- **227-260行目**: ローディングダイアログの表示
- **261-272行目**: AccountInfoUpdateEvent の送信

#### Step 4: 文字列定数を理解する

通知に使用される文字列定数を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 4-1 | string_constants.dart | `lib/utils/string_constants.dart` | invalidData（284行目）, success（132行目）, failed（133行目）の定義を確認 |

### プログラム呼び出し階層図

```
AccountScreen
    │
    ├─ build
    │      └─ bottomNavigationBar (MaterialButton)
    │             └─ _onPressSaveButton
    │                    ├─ フォームバリデーション
    │                    ├─ ローディングダイアログ表示
    │                    └─ AccountInfoBloc.add(AccountInfoUpdateEvent)
    │
    └─ _profileBloc
           └─ BlocConsumer.listener
                  ├─ AccountInfoUpdateState (fail)
                  │      └─ ShowMessage.errorNotification
                  └─ AccountInfoUpdateState (success)
                         ├─ accountUpdate.status == true
                         │      ├─ ShowMessage.successNotification
                         │      ├─ _updateSharedPreferences
                         │      └─ Navigator.pop (2秒後)
                         └─ accountUpdate.status == false
                                └─ ShowMessage.errorNotification
```

### データフロー図

```
[入力]                      [処理]                         [出力]

保存ボタンタップ ───▶ フォームバリデーション
                              │
                       ┌──────┴──────┐
                       ▼             ▼
                    失敗           成功
                       │             │
                       ▼             ▼
                  エラー表示   ローディングダイアログ
                                     │
                                     ▼
                          AccountInfoUpdateEvent
                                     │
                                     ▼
                          AccountInfoUpdateState
                                     │
                              ┌──────┴──────┐
                              ▼             ▼
                           成功           失敗
                              │             │
                              ▼             ▼
                      成功通知+画面遷移   エラー通知
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| account_screen.dart | `lib/screens/account/view/account_screen.dart` | ソース | アカウント情報画面のWidget、通知トリガーの発火元 |
| show_message.dart | `lib/widgets/show_message.dart` | ソース | 通知表示ユーティリティクラス |
| string_constants.dart | `lib/utils/string_constants.dart` | ソース | 文字列定数の定義 |
| account_update_model.dart | `lib/data_model/account_models/account_update_model.dart` | ソース | アカウント更新APIレスポンスのデータモデル |
| account_info_bloc.dart | `lib/screens/account/bloc/account_info_bloc.dart` | ソース | アカウント情報のBLoC |
| profile_detail_view.dart | `lib/screens/account/widget/profile_detail_view.dart` | ソース | プロフィール詳細入力フォーム |
