# Login with OTP

### Try It Yourself

This demo uses **Fyntel Telecom** as a **simulated service provider portal** to demonstrate how a telecom operator can securely authenticate a resident using their National ID before allocating an eSIM.

Click **here** to navigate to the [**Fyntel eSIM Allocation Portal**](https://esim-mosipid.collab.mosip.net/), and follow the steps below to complete the eSIM allocation flow using **OTP-based authentication via eSignet**.

### Step-by-Step Flow

#### Step 1: Access the eSIM Portal

The resident opens the [**Fyntel Portal**](https://esim-mosipid.collab.mosip.net/) and clicks **Get Started** to begin the authentication process.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FUWnrxYTvlVPV0aQbh25Q%2Fimage.png?alt=media&#x26;token=365ddd30-1d46-4e8b-8b36-d51bc088880f" alt=""><figcaption></figcaption></figure>

#### Step 2: Choose an Authentication Method

The eSignet login screen is displayed with available authentication options.To proceed with OTP-based authentication, the resident selects **Login with OTP**.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FNLMzHTcc2SHrpr1cLspV%2Fimage.png?alt=media&#x26;token=182057d6-3969-4ceb-a71b-4b3f8e13b369" alt=""><figcaption></figcaption></figure>

#### Step 3: Enter National ID Details

The resident enters a valid **UIN**/**VID** in the *Enter UIN/VID* field.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FaOEa77f4ElxHtR1Y3IzO%2Fimage.png?alt=media&#x26;token=b689758d-be4b-465b-8eb3-52a1aa47c6f1" alt=""><figcaption></figcaption></figure>

#### Step 4: Request OTP

The resident clicks **Get OTP**. An OTP is sent to the resident’s registered mobile number or email address.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2F6wuwctBHUnAOAgRzqiJx%2Fimage.png?alt=media&#x26;token=b27555cc-4225-4cb2-883c-0c94326055fd" alt=""><figcaption></figcaption></figure>

#### Step 5: Verify OTP

The resident enters the received OTP and clicks **Verify** to complete authentication.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FTUJMHziet784V9VJ7VkD%2Fimage.png?alt=media&#x26;token=3f175b1c-c1cc-437a-8f39-48d51f157ec8" alt=""><figcaption></figcaption></figure>

#### Step 6: Provide Consent

After successful authentication, the resident is redirected to the **Consent screen**.

* **Essential claims** required for eSIM allocation are mandatory
* **Voluntary claims** are optional and may be selected by the resident
* A **master toggle** allows selecting all voluntary claims at once
* The consent screen is shown only if consent has not been previously granted
* A timer is enforced; if no action is taken within the allowed time, the resident is redirected back to the eSIM portal

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FuT2EXmXyA9Vv6ClOjZY7%2Fimage.png?alt=media&#x26;token=17dfa07a-9c91-47ee-b003-3fcf3280da04" alt=""><figcaption></figcaption></figure>

#### Step 7: Confirm and Proceed

The resident reviews and selects the claims to be shared, then clicks *Allow* to provide consent. Upon approval, the resident is redirected back to the eSIM Allocation Portal to continue the eSIM allocation process.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FArjpCn2XNPPHRQkrs62e%2Fimage.png?alt=media&#x26;token=b6c29bca-4225-4fe4-826c-84c8f4b38b53" alt=""><figcaption></figcaption></figure>

#### Step 8: Select eSIM Plan

The resident selects the desired eSIM plan from the available options and clicks **Next** to proceed.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FhCOMKKLYMwB8nUY50Vzm%2Fimage.png?alt=media&#x26;token=335969fe-bd47-4bd9-8c5f-46a68d830850" alt=""><figcaption></figcaption></figure>

#### Step 9: Enter Device Information

The resident provides device-specific details, such as:

* **IMEI number**
* **EID number**

After entering the required information, the resident clicks **Next**.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2Fkb6Wcnzim0A90CSbnhoQ%2Fimage.png?alt=media&#x26;token=fd67841e-b6b2-4609-8e54-3f5476aba7d6" alt=""><figcaption></figcaption></figure>

#### Step 10: Review Pre-filled Personal Details

The user’s personal information is **automatically fetched from the MOSIP ID system** and pre-filled based on the **claims approved during the consent step**.

The resident reviews the details, verifies their accuracy, and clicks **Submit**.

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FCv9PRsCtPZF3afu3yO0D%2Fimage.png?alt=media&#x26;token=e1454990-f89d-4814-94b2-b5a76e30978e" alt=""><figcaption></figcaption></figure>

#### Step 11: eSIM Allocation Confirmation

Upon successful submission:

* An **eSIM is allocated** to the resident
* A **success acknowledgment** is displayed on the portal

<figure><img src="https://3349261888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylzvZHp30DQ3rNCClELV%2Fuploads%2FMQ50PsaihYPGNy55up5C%2Fimage.png?alt=media&#x26;token=dcc122de-b58f-48d5-b768-673b8fab993e" alt=""><figcaption></figcaption></figure>

This completes the **eSIM allocation process using National ID authentication via eSignet**.