> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/eventos/emittrackstatus.md).

# emitTrackStatus

## Details

Reports widget state changes during execution.

**Event:** `emitTrackStatus`

**Type:** `FacephiSdkProviderCustomEvent<TrackStatus>` | `CustomEvent<TrackStatus>`

### Syntax

```typescript
provider.addEventListener('emitTrackStatus', onEmitTrackStatus);
```

### Received object

```json
detail: {
  component: FacephiComponent,
  status: ComponentStatus
}
```

### FacephiComponent

| Member                    | Value                        |
| ------------------------- | ---------------------------- |
| `SdkProvider`             | `sdk-provider`               |
| `VideoProvider`           | `video-provider`             |
| `SelphID`                 | `selphid-widget`             |
| `Selphi`                  | `selphi-widget`              |
| `FileUploader`            | `file-uploader-widget`       |
| `TipWidget`               | `tip-widget`                 |
| `ChooseDocument`          | `choose-document`            |
| `VideoAssistance`         | `video-assistance-widget`    |
| `QrWidget`                | `qr-widget`                  |
| `DesktopView`             | `desktop-view`               |
| `ResultsWidget`           | `results-widget`             |
| `ErrorView`               | `error-view`                 |
| `FinishWidget`            | `finish-widget`              |
| `QrWidgetSelphi`          | `qr-widget-selphi`           |
| `QrWidgetSelphid`         | `qr-widget-selphid`          |
| `QrWidgetFileUploader`    | `qr-widget-file-uploader`    |
| `QrWidgetVideoAssistance` | `qr-widget-video-assistance` |
| `QrWidgetChooseDocument`  | `qr-widget-choose-document`  |
| `QrWidgetTipWidget`       | `qr-widget-tip-widget`       |
| `QrWidgetDesktopView`     | `qr-widget-desktop-view`     |
| `QrWidgetResultsWidget`   | `qr-widget-results-widget`   |
| `QrWidgetErrorView`       | `qr-widget-error-view`       |

### ComponentStatus

| Member         | Value          | Description             |
| -------------- | -------------- | ----------------------- |
| `loading`      | `loading`      | Loading resources.      |
| `loaded`       | `loaded`       | Load completed.         |
| `start`        | `start`        | Flow started.           |
| `finish`       | `finish`       | Flow finished.          |
| `error`        | `error`        | Error in the component. |
| `connected`    | `connected`    | Connection established. |
| `disconnected` | `disconnected` | Connection closed.      |

## Description

Monitors the progress of each component integrated in the SDK.

### Considerations

Each component emits only the states allowed by its functionality.

***

## Example

```jsx
<facephi-sdk-provider
    apikey={process.env.FACEPHI_SDK_APIKEY}
    onEmitTrackStatus={onEmitTrackStatus}
/>
```
