Citizenship » History » Version 2
prin methirattanasophon, 02/23/2026 02:36 AM
| 1 | 1 | prin methirattanasophon | # Citizenship |
|---|---|---|---|
| 2 | 2 | prin methirattanasophon | |
| 3 | 1. Page Overview (Frontend) |
||
| 4 | |||
| 5 | Description: User interface for selecting and defining the member's citizenship status based on data retrieved from the core application. |
||
| 6 | |||
| 7 | Page Route: /onboarding/citizenship |
||
| 8 | |||
| 9 | Data Source: Query params (token) |
||
| 10 | |||
| 11 | Navigation Logic: |
||
| 12 | | Selection | Routing / Action | Notes | |
||
| 13 | | :--- | :--- | :--- | |
||
| 14 | | Thai Citizen | Proceed to PDPA Page | Standard flow for local residents | |
||
| 15 | | Foreign Citizen | Proceed to US Person Questionnaire | FATCA/Compliance check | |
||
| 16 | | Corporate Entity | Proceed to Corporate Onboarding | B2B Registration flow | |
||
| 17 | |||
| 18 | Design Reference: |
||
| 19 | |||
| 20 | - Figma: https://www.figma.com/design/SBabvyocQYJPTJsSoBplV1/FDA_EDIT?node-id=9896-30288&m=dev |
||
| 21 | |||
| 22 | --- |
||
| 23 | |||
| 24 | 2. System Integration & Security (Backend) |
||
| 25 | |||
| 26 | Objective: To validate the session and retrieve initial member status before rendering the UI. |
||
| 27 | |||
| 28 | Authentication & Data Fetching: |
||
| 29 | |||
| 30 | - Method: GET |
||
| 31 | |||
| 32 | - API Endpoint: /pre-citizenship |
||
| 33 | |||
| 34 | - Authorization: Token-based validation via Query Parameters (e.g., ?token={token}) |
||
| 35 | |||
| 36 | Workflow: |
||
| 37 | <img style="width: 302px;" src="clipboard-202602181324-vsubx.png"><br> |