<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@friendlycaptcha/sdk](./sdk.md) &gt; [FRCWidgetStateChangeEventData](./sdk.frcwidgetstatechangeeventdata.md)

## FRCWidgetStateChangeEventData interface

Payload of the `"frc:widget.statechange"` event.

**Signature:**

```typescript
export interface FRCWidgetStateChangeEventData 
```

## Properties

<table><thead><tr><th>

Property


</th><th>

Modifiers


</th><th>

Type


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

[error?](./sdk.frcwidgetstatechangeeventdata.error.md)


</td><td>


</td><td>

[WidgetErrorData](./sdk.widgeterrordata.md)


</td><td>

_(Optional)_ The error that caused the state change, if any. Undefined if `state` is not equal to `"error"`<!-- -->.


</td></tr>
<tr><td>

[id](./sdk.frcwidgetstatechangeeventdata.id.md)


</td><td>


</td><td>

string


</td><td>

The widget ID that the event originated from.


</td></tr>
<tr><td>

[mode?](./sdk.frcwidgetstatechangeeventdata.mode.md)


</td><td>


</td><td>

[WidgetMode](./sdk.widgetmode.md)


</td><td>

_(Optional)_ The WidgetMode returned from the API. Smart Mode intelligently chooses between One-click Mode ("interactive") and Zero-click Mode ("noninteractive"). The mode is configured in the Friendly Captcha dashboard.


</td></tr>
<tr><td>

[name](./sdk.frcwidgetstatechangeeventdata.name.md)


</td><td>


</td><td>

typeof [FRCWidgetStateChangeEventName](./sdk.frcwidgetstatechangeeventname.md)


</td><td>

`"frc:widget.statechange"`


</td></tr>
<tr><td>

[response](./sdk.frcwidgetstatechangeeventdata.response.md)


</td><td>


</td><td>

string


</td><td>

The current `frc-captcha-response` value.


</td></tr>
<tr><td>

[state](./sdk.frcwidgetstatechangeeventdata.state.md)


</td><td>


</td><td>

[WidgetState](./sdk.widgetstate.md)


</td><td>

The new state of the widget.


</td></tr>
</tbody></table>

