Support Center

Support: contact channels with status, tickets with filters. Pro · Account and access › Permissions, privacy and support

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add support-center

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { SupportCenter } from 'valyro-ui-pro';

Prop	Type	Default
`channels`	`SupportChannel[]`	`[]`	Ways to reach support.
`tickets`	`SupportTicket[]`	`[]`	The user's tickets, newest first.
`sla`	`string`		Response time promise: "4 hours".
`plan`	`ReactNode`		Pill at the end of the header: "Priority support".
`filter`	`string`		Ticket filter (controlled): `all`, `open`, `pending` or `resolved`.
`defaultFilter`	`string`		Initial `filter` when uncontrolled.
`onFilterChange`	`(filter: string) => void`		Called with the new `filter` when it changes.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (default 2).
`locale`	`string`		BCP 47 locale for dates.
`labels`	`Partial<SupportCenterLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Permission Matrix — Roles and permissions matrix: inheritance, locks, bulk toggles, draft changes
Audit Log — Activity log: filters, field diffs, CSV export, load more
Privacy Center — Privacy center: score, setting groups, protection counters
Two Factor Setup — Two-factor setup: method, QR code or phone, code verification
Active Sessions — Active sessions: current device, suspicious sign-ins, revoke access
Access Tokens — Personal access tokens: scope, last used, revoke
Age Gate — Age verification: date of birth, remember me, deny under the limit
Profile Details — Profile: completeness, verified contacts, fields
Address Book — Address book: home, work, default addresses and actions
Social Profiles — Linked social profiles: reorder, verify, copy link
Settings Panel — Settings page: section navigation, unsaved-changes bar, danger zone