> 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/file-uploader-cargador-de-archivos/eventos/uploadusercancel.md).

# uploadUserCancel

## Details

It is emitted when the user closes the widget by clicking the exit icon.

**Event:** `uploadUserCancel`

**Type:** `FacephiFileUploaderWidgetCustomEvent<UploadUserCancelDetail>` | `CustomEvent<UploadUserCancelDetail>`

### Syntax

```typescript
uploader.addEventListener('uploadUserCancel', onUploadUserCancel);
```

### Received object

The useful payload is of type `UploadUserCancelDetail` and is in `event.detail`:

* `eventType` (`string`): Type of event emitted.
* `message` (`string`): Cancellation description.

## Description

Allows you to react when the user leaves the manual upload Flow.

***

## Example

```jsx
<facephi-file-uploader-widget
    onUploadUserCancel={(event) => {
      const { message } = event.detail;
      console.log(message);
    }}
/>
```

```typescript
import { type UploadUserCancelDetail } from '@facephi/sdk-web-wc';

uploader.addEventListener('uploadUserCancel', (event) => {
  const detail: UploadUserCancelDetail = event.detail;
});
```