Feedback Snippet

@kbn/shared-ux-feedback-snippet

It initially renders as a panel, and once interacted with, it becomes a persistent button. It manages its own state (panel vs. button) based on user interaction tracked in localStorage.

Behavior

The component has two main states:

• Panel: On its first render for a user, the component displays as a full panel with the promptViewMessage and options to provide positive ("Yes") or negative ("No") feedback. A "Dismiss" (x) button is also available.
• Button: The component uses the provided feedbackSnippetId to track whether the user has interacted with it. If a value is present for that key, the component will render as a button instead.

Feedback Panel Views

• Prompt: The panel shows a custom promptViewMessage to gather feedback from the user.
• Positive: The panel shows a thank you message and then automatically dismisses itself.
• Negative: The panel updates to show a custom surveyUrl call-to-action button. The panel remains visible until the user explicitly dismisses it or navigates to the survey (which opens in a new tab).

Running tests

You can run tests with:

node scripts/jest --config=src/platform/packages/shared/shared-ux/feedback_snippet/jest.config.js