---
id: dispute-management
title: Dispute Management
description: Operator console for reviewing and responding to card disputes.
sidebar_position: 34
---
import {
CodeBlock,
PropsMarkdownTable,
PartsMarkdownTable,
getPropsFromDocs,
getComponentParts,
getWebcomponentsVersion,
ComponentBox,
setUpMocks,
} from '../helpers';
import docsJson from '../docs.json';
import componentTreeJson from '../component-tree.json';
import '@justifi/webcomponents/dist/module/justifi-dispute-management';
{setUpMocks()}
## Overview
Component to render notification of disputed payments and allow platform to respond to dispute via form submission.
# Props, events and methods
---
### Events
- `submit-event`: Fires when the dispute response is submitted or when a dispute is accepted.
- `complete-form-step-event`: Fires when a form step is completed; includes server response and completed form step.
- `click-event`: Fires when users click on actions; `event.detail.name` indicates the action (e.g., `nextStep`, `previousStep`, `cancelDispute`, `respondToDispute`, `submit`).
- `error-event`: Captures upload or API issues.
# Authorization
---
Authorization is performed by passing a web component token as{' '}
auth-token.
-
Web Component Token: These tokens are generated by your
backend services using the [Web Component Tokens
API](https://docs.justifi.tech/api-spec#tag/Web-Component-Tokens/operation/CreateWebComponentToken).
Each token can be scoped to perform a set number of actions and is active
for 60 minutes. When creating a web component token for this specific
component you'll need to use the role: `read:dispute:dispute_id` or
`write:dispute:dispute_id`. Make sure the value for `dispute_id` matches the
prop you also pass separately.
# Events usage
---
{`
`}
# Example Usage
---
---
{`
justifi-dispute-management
`}
## Theming & Layout