# 通知設計書 28-ウィッシュリスト操作通知

## 概要

本ドキュメントは、ウィッシュリスト画面における各種操作（商品削除、全削除、カート移動）の成功/失敗時に表示される通知の設計について記載する。

### 本通知の処理概要

本通知は、ウィッシュリスト画面でユーザーが行う各種操作の結果をフィードバックするためのアプリ内通知機能である。対象となる操作には、個別商品の削除、全商品の削除、カートへの移動がある。

**業務上の目的・背景**：ウィッシュリスト画面はユーザーがお気に入り商品を管理するための重要な画面である。商品の削除やカートへの移動など、データを変更する操作が多いため、操作結果をユーザーに明確にフィードバックすることで、操作の確実性を担保し、ユーザー体験を向上させる必要がある。

**通知の送信タイミング**：ユーザーがウィッシュリスト画面で以下の操作を行い、BLoCがAPIレスポンスを受信した直後に通知が表示される。
- 個別商品削除（FetchDeleteAddItemEvent）
- 全商品削除（RemoveAllWishlistEvent）
- カートへ移動（AddToCartWishlistEvent）

**通知の受信者**：操作を実行したユーザー本人のみがアプリ内通知を受信する。

**通知内容の概要**：成功時は緑色の背景でチェックマークアイコン、失敗時は赤色の背景でキャンセルアイコンが表示される。汎用通知メソッド（showNotification）が使用される。

**期待されるアクション**：成功通知を受け取った場合、ユーザーは操作が完了したことを確認できる。失敗通知を受け取った場合、ユーザーはネットワーク接続を確認し、再度操作を試みることが期待される。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（API応答後即時表示） |
| 優先度 | 中 |
| リトライ | なし |

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

操作を実行したユーザーのデバイス上のみに表示される。

## 通知テンプレート

### アプリ内通知の場合

| 項目 | 成功時 | 失敗時 |
|-----|-------|-------|
| タイトル | "Success"（ローカライズ対応） | "Failed"（ローカライズ対応） |
| 背景色 | Colors.green.shade400 | Colors.red |
| アイコン | Icons.check_circle_outline | Icons.cancel_outlined |

### 本文テンプレート

```
成功時:
- 個別削除: {StringConstants.deletedSuccess}
- 全削除: {APIレスポンスのmessage}
- カート移動: {StringConstants.addedToCart}

失敗時:
- {APIレスポンスのerrorまたはgraphqlErrors}
```

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| successMsg | 成功時のメッセージ | State.successMsg | Yes |
| error | 失敗時のメッセージ | State.error | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | FetchDeleteAddItemEvent | API処理完了後 | 個別商品削除 |
| 画面操作 | RemoveAllWishlistEvent | API処理完了後 | 全商品削除 |
| 画面操作 | AddToCartWishlistEvent | API処理完了後 | カートへ移動 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 該当なし | 操作完了時は常に通知表示 |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ユーザー操作] --> B{操作種別}
    B -->|個別削除| C[FetchDeleteAddItemEvent発行]
    B -->|全削除| D[RemoveAllWishlistEvent発行]
    B -->|カート移動| E[AddToCartWishlistEvent発行]
    C --> F[WishListBloc処理]
    D --> F
    E --> F
    F --> G[API呼び出し]
    G --> H{APIレスポンス}
    H -->|成功| I[ShowMessage.showNotification 成功表示]
    H -->|失敗| J[ShowMessage.showNotification エラー表示]
    I --> K[終了]
    J --> K
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| wishlist_items | ウィッシュリストアイテム | サーバー側で管理 |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| wishlist_items | DELETE | 個別/全商品削除 |
| cart_items | INSERT | カートへ移動時 |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| API失敗 | サーバーエラー等 | エラー通知を表示 |
| ネットワークエラー | インターネット接続なし | エラー通知を表示 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | なし |
| リトライ間隔 | - |
| リトライ対象エラー | - |

## 配信設定

### レート制限

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

### 配信時間帯

24時間対応

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

- ユーザー認証状態の確認必須
- API通信はHTTPSで暗号化

## 備考

- 商品詳細画面のウィッシュリスト通知とは異なり、ShowMessage.showNotificationを使用
- カート移動成功後はウィッシュリストを自動で再取得
- 全削除ボタンはFloatingActionButtonとして実装

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | wishlist_state.dart | `lib/screens/wishList/bloc/wishlist_state.dart` | FetchDeleteAddItemState, RemoveAllWishlistProductState, AddToCartWishlistStateの構造 |
| 1-2 | wishlist_event.dart | `lib/screens/wishList/bloc/wishlist_event.dart` | 各イベントクラスの定義 |

**読解のコツ**: 各Stateクラスにはstatus（success/fail）、successMsg、errorフィールドがある。

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | wishlist_screen.dart | `lib/screens/wishList/view/wishlist_screen.dart` | BlocConsumerのlistener部分（行117-162）で通知表示処理を確認 |

**主要処理フロー**:
1. **行118-131**: FetchDeleteAddItemState処理
2. **行132-145**: RemoveAllWishlistProductState処理
3. **行146-161**: AddToCartWishlistState処理

#### Step 3: BLoC処理層を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | wishlist_bloc.dart | `lib/screens/wishList/bloc/wishlist_bloc.dart` | 各イベント処理のロジック |

**主要処理フロー**:
- **行37-48**: FetchDeleteAddItemEvent処理
- **行49-65**: AddToCartWishlistEvent処理
- **行69-82**: RemoveAllWishlistEvent処理

#### Step 4: 通知表示処理を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 4-1 | show_message.dart | `lib/widgets/show_message.dart` | showNotificationメソッド（行79-94）の実装 |

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

```
WishListScreen (wishlist_screen.dart)
    │
    ├─ BlocConsumer<WishListBloc, WishListBaseState>
    │      │
    │      └─ listener (行117-162)
    │             │
    │             ├─ FetchDeleteAddItemState (行118)
    │             │      ├─ WishListStatus.fail → ShowMessage.showNotification (赤)
    │             │      └─ WishListStatus.success → ShowMessage.showNotification (緑)
    │             │
    │             ├─ RemoveAllWishlistProductState (行132)
    │             │      ├─ WishListStatus.fail → ShowMessage.showNotification (赤)
    │             │      └─ WishListStatus.success → ShowMessage.showNotification (緑)
    │             │
    │             └─ AddToCartWishlistState (行146)
    │                    ├─ WishListStatus.fail → ShowMessage.showNotification (赤)
    │                    └─ WishListStatus.success → ShowMessage.showNotification (緑)
    │
    └─ WishListBloc (wishlist_bloc.dart)
           │
           ├─ FetchDeleteAddItemEvent処理 (行37-48)
           ├─ AddToCartWishlistEvent処理 (行49-65)
           └─ RemoveAllWishlistEvent処理 (行69-82)
```

### データフロー図

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

ユーザー操作 ───▶ WishListEvent ───▶ WishListBloc
(削除/カート移動)          │                │
                          │                ▼
                          │         repository API呼び出し
                          │                │
                          │                ▼
                          │         WishListState
                          │                │
                          ▼                ▼
               ShowMessage.showNotification
               (成功: 緑 / 失敗: 赤)
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| wishlist_screen.dart | `lib/screens/wishList/view/wishlist_screen.dart` | ソース | 画面、通知トリガー |
| wishlist_bloc.dart | `lib/screens/wishList/bloc/wishlist_bloc.dart` | ソース | BLoC処理 |
| wishlist_state.dart | `lib/screens/wishList/bloc/wishlist_state.dart` | ソース | 状態定義 |
| wishlist_event.dart | `lib/screens/wishList/bloc/wishlist_event.dart` | ソース | イベント定義 |
| show_message.dart | `lib/widgets/show_message.dart` | ソース | 通知表示 |
| wishlist_Item_list.dart | `lib/screens/wishList/view/widget/wishlist_Item_list.dart` | ソース | 商品一覧UI |
