Support
Support component
Demo
API
Tag
| Name | Description |
<aui-support>
|
Custom Element to display support-related content including chat with Avi, manage cases, plan information, and faster assistance options. |
Attributes
| Name | Type | Required | Description |
|---|---|---|---|
type |
'Enterprise' | 'Managed' | 'No Plan' | 'Priority' | 'Standard' |
|
The support plan type that determines the displayed features, response times, and support hours. |
i18n |
string |
A stringified JSON object which defines a list of localized strings. The keys must be one of the string IDs defined below. |
Properties
| Name | Type | Required | Description |
|---|---|---|---|
type |
'Enterprise' | 'Managed' | 'No Plan' | 'Priority' | 'Standard' |
|
The support plan type that determines the displayed features, response times, and support hours. |
i18n |
object |
A JSON object which defines a list of localized strings. The keys must be one of the string IDs defined below. |
i18n Strings
| ID | Description | Default value |
|---|---|---|
"auiSupport.supportTitle"
|
The title for the support component | Support |
"auiSupport.chatWithAvi"
|
Label for the chat with Avi button | Chat with Avi |
"auiSupport.manageCases"
|
Label for the manage cases link | Manage cases |
"auiSupport.yourPlan"
|
Label for the user's support plan | Your plan: |
"auiSupport.hours"
|
Label for support hours in the plan info tooltip | Hours |
"auiSupport.responseTime"
|
Label for response time in the plan info tooltip | Response Time |
"auiSupport.responseTimeValue"
|
Default response time value (for No Plan) | Within 24 hours, during support operating hours (2 business days) |
"auiSupport.criticalSupport"
|
Label for critical support in the plan info tooltip | Critical support (systems down) |
"auiSupport.criticalSupportValue"
|
Critical support response time value | 1 hour |
"auiSupport.planIncludesEnterprise"
|
Description of what the Enterprise plan includes | Includes case creation, phone, live support, and access to a technical account manager. |
"auiSupport.planIncludesFull"
|
Description of what the Managed and Priority plans include | Includes case creation, phone, and live support. |
"auiSupport.planIncludesStandard"
|
Description of what the Standard plan includes | Includes case creation. |
"auiSupport.fasterAssistanceMessage"
|
Message about upgrading for faster assistance | Need faster assistance? Contact your account manager to learn about upgrade options. |
"auiSupport.hoursValue.managed"
|
Support hours for Managed plan | Mon-Fri, 8:00 a.m.-8:00 p.m. (local time) |
"auiSupport.hoursValue.enterprise"
|
Support hours for Enterprise plan | 24/7 |
"auiSupport.hoursValue.standard"
|
Support hours for Standard plan | Mon-Fri, 8:00 a.m.-8:00 p.m. (local time) |
"auiSupport.hoursValue.priority"
|
Support hours for Priority plan | Mon-Fri, 8:00 a.m.-8:00 p.m. (local time) |
"auiSupport.responseTimeValue.standard"
|
Response time for Standard plan | 24 hours |
"auiSupport.responseTimeValue.enterprise"
|
Response time for Enterprise plan | 1 hour |
"auiSupport.responseTimeValue.priority"
|
Response time for Priority plan | 8 hours |
"auiSupport.responseTimeValue.managed"
|
Response time for Managed plan | 8 hours |
Demo
API
Tag
| Name | Description |
<AuiSupport>
|
Custom Element to display support-related content including chat with Avi, manage cases, plan information, and faster assistance options. |
Props
| Name | Type | Required | Description |
|---|---|---|---|
type |
'Enterprise' | 'Managed' | 'No Plan' | 'Priority' | 'Standard' |
|
The support plan type that determines the displayed features, response times, and support hours. |
i18n |
string |
A stringified JSON object which defines a list of localized strings. The keys must be one of the string IDs defined below. |
i18n Strings
| ID | Description | Default value |
|---|---|---|
"auiSupport.supportTitle"
|
The title for the support component | Support |
"auiSupport.chatWithAvi"
|
Label for the chat with Avi button | Chat with Avi |
"auiSupport.manageCases"
|
Label for the manage cases link | Manage cases |
"auiSupport.yourPlan"
|
Label for the user's support plan | Your plan: |
"auiSupport.hours"
|
Label for support hours in the plan info tooltip | Hours |
"auiSupport.responseTime"
|
Label for response time in the plan info tooltip | Response Time |
"auiSupport.responseTimeValue"
|
Default response time value (for No Plan) | Within 24 hours, during support operating hours (2 business days) |
"auiSupport.criticalSupport"
|
Label for critical support in the plan info tooltip | Critical support (systems down) |
"auiSupport.criticalSupportValue"
|
Critical support response time value | 1 hour |
"auiSupport.planIncludesEnterprise"
|
Description of what the Enterprise plan includes | Includes case creation, phone, live support, and access to a technical account manager. |
"auiSupport.planIncludesFull"
|
Description of what the Managed and Priority plans include | Includes case creation, phone, and live support. |
"auiSupport.planIncludesStandard"
|
Description of what the Standard plan includes | Includes case creation. |
"auiSupport.fasterAssistanceMessage"
|
Message about upgrading for faster assistance | Need faster assistance? Contact your account manager to learn about upgrade options. |
"auiSupport.hoursValue.managed"
|
Support hours for Managed plan | Mon-Fri, 8:00 a.m.-8:00 p.m. (local time) |
"auiSupport.hoursValue.enterprise"
|
Support hours for Enterprise plan | 24/7 |
"auiSupport.hoursValue.standard"
|
Support hours for Standard plan | Mon-Fri, 8:00 a.m.-8:00 p.m. (local time) |
"auiSupport.hoursValue.priority"
|
Support hours for Priority plan | Mon-Fri, 8:00 a.m.-8:00 p.m. (local time) |
"auiSupport.responseTimeValue.standard"
|
Response time for Standard plan | 24 hours |
"auiSupport.responseTimeValue.enterprise"
|
Response time for Enterprise plan | 1 hour |
"auiSupport.responseTimeValue.priority"
|
Response time for Priority plan | 8 hours |
"auiSupport.responseTimeValue.managed"
|
Response time for Managed plan | 8 hours |
Skylab React links
Design
Design resources can be found on the Skylab design documentation site: skylab.avalara.com