Skip to content

Chat widget: Report opens and ratings for the usage dashboard #289

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Petr-Klinger-1 merged 1 commit into from
Oct 28, 2026
Merged

Chat widget: Report opens and ratings for the usage dashboard #289

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 19 additions & 0 deletions src/components/ChatWidget/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,23 @@ function postFeedback(form: FeedbackForm, values: Partial<Record<FeedbackField,
fetch(form.url, { method: 'POST', mode: 'no-cors', body }).catch(() => {});
}

// Usage counts for the ThingsBoard dashboard: only that it happened, never any
// text. The backend holds the device token and decides what counts, so this
// just reports. text/plain keeps it a simple request with no CORS preflight;
// keepalive lets a rating sent as the tab closes still arrive.
type UsageEvent = 'chat_opened' | 'rating_up' | 'rating_down';

function reportEvent(apiUrl: string, event: UsageEvent) {
const url = apiUrl.replace(/\/api\/chat\/?$/, '/api/event');
if (url === apiUrl) return;
fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'text/plain' },
body: JSON.stringify({ event }),
keepalive: true,
}).catch(() => {});
}

// The backend has shipped two shapes for `sources`: a bare URL string per
// source, and an object carrying the title and site alongside the URL. The
// deployment this widget talks to still sends strings, and answers cached under
Expand Down Expand Up @@ -503,6 +520,7 @@ export default function ChatWidget() {
// storage, and the two renders have to agree.
useEffect(() => {
if (open) {
reportEvent(apiUrl, 'chat_opened');
setIntro(false);
if (teaser) closeTeaser();
return;
Expand All @@ -529,6 +547,7 @@ export default function ChatWidget() {
if (!feedbackForm || ratings[i] || !m) return;
const id = newRatingId();
setRatings(r => ({ ...r, [i]: { id, value, comment: '', commentSent: false } }));
reportEvent(apiUrl, value === 'up' ? 'rating_up' : 'rating_down');
postFeedback(feedbackForm, {
id,
rating: value,
Expand Down
Loading