# user-component

# User Account Component

The **User Account Component** empowers customers and users by offering a centralized area to access their account information.

Supported actions:
- Register / Sign up
- Login
- Logout
- Delete account

The component can open OAuth providers such as **InPlayer, Cleeng, or OAuth2**.

## Prerequisites

- Login Flow implementation must be completed and relevant endpoints must be configured. For more info, [read here](https://docs.applicaster.com/using-zapp/auth/mobile-login#login-endpoint)

## Setup (Mobile & TV)

1. Add the **User Account plugin** to your app version and build the app.
2. Add the **User Account component** to the relevant screen (e.g. Settings).
3. (Optional) Replace the default user image placeholder. Image must be:
     - Transparent  
     - 132x132 px  
4. Update texts under the **Localization** section.

## Login Buttons Configuration

- Select the relevant **Login Type** for Button 1 and configure its design.  
- If needed, enable Button 2 and configure it as well.

> For TV apps, only **OAuth2** login type is supported.

![](./user-component/choose_provider.png)

![](./user-component/config_button.png)

## Logout & Delete Account

The component includes Logout and Delete Account options.

To enable them:
- Implement Logout and Delete API URLs
- Configure them in the Login Flow screen

> Without API implementation, the buttons will not function. Please refer to the following documentation for [Login API implementation](https://docs.applicaster.com/using-zapp/auth/mobile-login/#login-endpoint).

:::info
Deleting an account does **not** cancel active subscriptions.
:::