# 画面遷移図

本ドキュメントは、Bagisto eコマースモバイルアプリの画面遷移を図示したものです。

## 全体概要図

```mermaid
flowchart TB
    subgraph 起動
        Splash[スプラッシュ画面]
    end

    subgraph メイン
        Home[ホーム画面]
        Dashboard[ダッシュボード画面]
    end

    subgraph 認証
        SignIn[サインイン画面]
        SignUp[サインアップ画面]
        ForgotPassword[パスワード再設定画面]
    end

    subgraph 商品
        Product[商品詳細画面]
        Category[カテゴリ商品一覧画面]
        SubCategory[サブカテゴリ画面]
        Search[検索画面]
        Compare[商品比較画面]
    end

    subgraph カート・購入
        Cart[カート画面]
        Wishlist[ウィッシュリスト画面]
        Checkout[チェックアウト画面]
        CheckoutAddress[チェックアウト住所選択画面]
        OrderComplete[注文完了画面]
    end

    subgraph 注文管理
        OrderList[注文履歴一覧画面]
        OrderDetail[注文詳細画面]
        Invoice[請求書詳細画面]
        Shipment[配送詳細画面]
        Refund[返金詳細画面]
    end

    subgraph アカウント
        Account[アカウント情報画面]
        AddressList[住所一覧画面]
        AddressEdit[住所追加・編集画面]
        Location[位置情報選択画面]
        ReviewList[レビュー一覧画面]
        AddReview[レビュー投稿画面]
        Downloadable[ダウンロード商品一覧画面]
    end

    subgraph 設定
        Currency[通貨選択画面]
        Language[言語選択画面]
    end

    subgraph サポート・その他
        ContactUs[お問い合わせ画面]
        CMS[CMSコンテンツ画面]
        GDPR[GDPRリクエスト画面]
        WebView[WebView画面]
    end

    %% 起動フロー
    Splash --> Home
    Splash --> SignIn

    %% メインからの遷移
    Home --> Category
    Home --> Product
    Home --> Search
    Home --> Cart
    Home --> SignIn
    Home --> Dashboard

    %% ダッシュボードからの遷移
    Dashboard --> Home
    Dashboard --> Category
    Dashboard --> Cart
    Dashboard --> Account

    %% 認証フロー
    SignIn --> Home
    SignIn --> SignUp
    SignIn --> ForgotPassword
    SignUp --> SignIn
    ForgotPassword --> SignIn

    %% 商品フロー
    Category --> Product
    Category --> SubCategory
    SubCategory --> Product
    SubCategory --> Category
    Search --> Product
    Product --> Cart
    Product --> Wishlist
    Product --> Compare
    Product --> AddReview

    %% カート・購入フロー
    Cart --> Checkout
    Cart --> Product
    Wishlist --> Product
    Wishlist --> Cart
    Checkout --> CheckoutAddress
    Checkout --> OrderComplete
    CheckoutAddress --> AddressEdit
    OrderComplete --> Home
    OrderComplete --> OrderDetail

    %% 注文管理フロー
    OrderList --> OrderDetail
    OrderDetail --> Invoice
    OrderDetail --> Shipment
    OrderDetail --> Refund
    OrderDetail --> Cart

    %% アカウントフロー
    Account --> AddressList
    Account --> ReviewList
    Account --> OrderList
    Account --> Downloadable
    Account --> GDPR
    AddressList --> AddressEdit
    AddressEdit --> Location

    %% 設定フロー
    Currency --> Splash
    Language --> Splash
```

## 詳細遷移図：認証フロー

```mermaid
flowchart LR
    subgraph 認証フロー
        A[スプラッシュ画面] --> B{ログイン状態確認}
        B -->|ログイン済み| C[ホーム画面]
        B -->|未ログイン| D[サインイン画面]

        D --> E[サインアップ画面]
        D --> F[パスワード再設定画面]
        D -->|ログイン成功| C

        E -->|登録成功| D
        F -->|リセット完了| D
    end
```

## 詳細遷移図：購入フロー

```mermaid
flowchart TB
    subgraph 購入フロー
        A[商品詳細画面] -->|カートに追加| B[カート画面]
        B -->|チェックアウト| C[チェックアウト画面]
        C -->|住所選択| D[チェックアウト住所選択画面]
        D -->|住所追加| E[住所追加・編集画面]
        E -->|位置選択| F[位置情報選択画面]
        F --> E
        E --> D
        D --> C
        C -->|注文確定| G[注文完了画面]
        G -->|継続購入| H[ホーム画面]
        G -->|詳細確認| I[注文詳細画面]
    end
```

## 詳細遷移図：注文管理フロー

```mermaid
flowchart TB
    subgraph 注文管理フロー
        A[アカウント情報画面] --> B[注文履歴一覧画面]
        B --> C[注文詳細画面]
        C --> D[請求書詳細画面]
        C --> E[配送詳細画面]
        C --> F[返金詳細画面]
        C -->|再注文| G[カート画面]
    end
```

## 詳細遷移図：アカウント管理フロー

```mermaid
flowchart TB
    subgraph アカウント管理フロー
        A[ダッシュボード画面] --> B[アカウント情報画面]
        B --> C[住所一覧画面]
        B --> D[レビュー一覧画面]
        B --> E[注文履歴一覧画面]
        B --> F[ダウンロード商品一覧画面]
        B --> G[GDPRリクエスト画面]

        C --> H[住所追加・編集画面]
        H --> I[位置情報選択画面]
    end
```

## ボトムナビゲーション構成

```mermaid
flowchart LR
    subgraph ボトムナビゲーション
        A[ホーム] --> B[ホーム画面]
        C[カテゴリ] --> D[カテゴリ画面]
        E[カート] --> F[カート画面]
        G[アカウント] --> H[アカウント情報画面]
    end
```

## 画面遷移一覧表

| 遷移元 | 遷移先 | トリガー |
|--------|--------|----------|
| スプラッシュ画面 | ホーム画面 | 初期化完了 |
| スプラッシュ画面 | サインイン画面 | 未ログイン時 |
| ホーム画面 | 商品詳細画面 | 商品タップ |
| ホーム画面 | カテゴリ商品一覧画面 | カテゴリタップ |
| ホーム画面 | 検索画面 | 検索アイコンタップ |
| ホーム画面 | カート画面 | カートアイコンタップ |
| 商品詳細画面 | カート画面 | カートに追加 |
| 商品詳細画面 | レビュー投稿画面 | レビュー投稿ボタン |
| カート画面 | チェックアウト画面 | チェックアウトボタン |
| チェックアウト画面 | 注文完了画面 | 注文確定 |
| 注文完了画面 | ホーム画面 | 継続購入ボタン |
| 注文完了画面 | 注文詳細画面 | 注文ID タップ |
| アカウント情報画面 | 住所一覧画面 | 住所管理タップ |
| アカウント情報画面 | 注文履歴一覧画面 | 注文履歴タップ |
| 注文詳細画面 | 請求書詳細画面 | 請求書タブ |
| 注文詳細画面 | 配送詳細画面 | 配送タブ |
| 注文詳細画面 | 返金詳細画面 | 返金タブ |
| 住所一覧画面 | 住所追加・編集画面 | 追加/編集ボタン |
| 住所追加・編集画面 | 位置情報選択画面 | 位置選択ボタン |
| 通貨選択画面 | スプラッシュ画面 | 通貨変更時アプリ再起動 |
| 言語選択画面 | スプラッシュ画面 | 言語変更時アプリ再起動 |
