c88792f4a3
* feat: add heatmap component * feat: add heatmap component * feat: add dummy heatmap * refactor: compact tiles * feat: allow hour * feat: wire up heatmap query * feat: allow arbritrary number of weeks * feat: update position of the widget * chore: update heatmap title * refactor: move traffic heatmap to overview * chore: add comment for perf * feat: add reconcile logic for heatmap fetching Fetching the data for the last 6 days all the time is wasteful So we fetch only the data for today and reconcile it with the data we already have * refactor: re-org code for new utils * feat: add translations * feat: translate days of the week * chore: update chatwoot utils * feat: add markers to heatmap * refactor: update class names * refactor: move flatten as a separate method * test: Heatmap Helpers * chore: add comments * refactor: method naming * refactor: use heatmap-level mixin * refactor: cleanup css * chore: remove log * refactor: reports.js to use object instead of separate params * refactor: report store to use new API design * refactor: rename HeatmapHelper -> ReportsDataHelper * refactor: separate clampDataBetweenTimeline * feat: add tests * fix: group by hour * feat: add scroll for smaller screens * refactor: add base data to reconcile with * fix: tests * fix: overflow only on smaller screens * feat: translate tooltip * refactor: simplify reconcile * chore: add docs * chore: remoev heatmap from account report * feat: let Heatmap handle loading state * chore: Apply suggestions from code review Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> * feat: update css * refactor: color assignment to range * feat: add short circuit * Update app/javascript/dashboard/routes/dashboard/settings/reports/components/Heatmap.vue --------- Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com> Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
431 lines
12 KiB
JSON
431 lines
12 KiB
JSON
{
|
|
"REPORT": {
|
|
"HEADER": "Conversations",
|
|
"LOADING_CHART": "Loading chart data...",
|
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
|
"DOWNLOAD_AGENT_REPORTS": "Download agent reports",
|
|
"METRICS": {
|
|
"CONVERSATIONS": {
|
|
"NAME": "Conversations",
|
|
"DESC": "( Total )"
|
|
},
|
|
"INCOMING_MESSAGES": {
|
|
"NAME": "Incoming Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"OUTGOING_MESSAGES": {
|
|
"NAME": "Outgoing Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"FIRST_RESPONSE_TIME": {
|
|
"NAME": "First Response Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "First Response Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_TIME": {
|
|
"NAME": "Resolution Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "Resolution Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_COUNT": {
|
|
"NAME": "Resolution Count",
|
|
"DESC": "( Total )"
|
|
}
|
|
},
|
|
"DATE_RANGE": [
|
|
{
|
|
"id": 0,
|
|
"name": "Last 7 days"
|
|
},
|
|
{
|
|
"id": 1,
|
|
"name": "Last 30 days"
|
|
},
|
|
{
|
|
"id": 2,
|
|
"name": "Last 3 months"
|
|
},
|
|
{
|
|
"id": 3,
|
|
"name": "Last 6 months"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"name": "Last year"
|
|
},
|
|
{
|
|
"id": 5,
|
|
"name": "Custom date range"
|
|
}
|
|
],
|
|
"CUSTOM_DATE_RANGE": {
|
|
"CONFIRM": "Apply",
|
|
"PLACEHOLDER": "Select date range"
|
|
},
|
|
"GROUP_BY_FILTER_DROPDOWN_LABEL": "Group By",
|
|
"DURATION_FILTER_LABEL": "Duration",
|
|
"GROUP_BY_DAY_OPTIONS": [{ "id": 1, "groupBy": "Day" }],
|
|
"GROUP_BY_WEEK_OPTIONS": [
|
|
{ "id": 1, "groupBy": "Day" },
|
|
{ "id": 2, "groupBy": "Week" }
|
|
],
|
|
"GROUP_BY_MONTH_OPTIONS": [
|
|
{ "id": 1, "groupBy": "Day" },
|
|
{ "id": 2, "groupBy": "Week" },
|
|
{ "id": 3, "groupBy": "Month" }
|
|
],
|
|
"GROUP_BY_YEAR_OPTIONS": [
|
|
{ "id": 1, "groupBy": "Day" },
|
|
{ "id": 2, "groupBy": "Week" },
|
|
{ "id": 3, "groupBy": "Month" },
|
|
{ "id": 4, "groupBy": "Year" }
|
|
],
|
|
"BUSINESS_HOURS": "Business Hours"
|
|
},
|
|
"AGENT_REPORTS": {
|
|
"HEADER": "Agents Overview",
|
|
"LOADING_CHART": "Loading chart data...",
|
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
|
"DOWNLOAD_AGENT_REPORTS": "Download agent reports",
|
|
"FILTER_DROPDOWN_LABEL": "Select Agent",
|
|
"METRICS": {
|
|
"CONVERSATIONS": {
|
|
"NAME": "Conversations",
|
|
"DESC": "( Total )"
|
|
},
|
|
"INCOMING_MESSAGES": {
|
|
"NAME": "Incoming Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"OUTGOING_MESSAGES": {
|
|
"NAME": "Outgoing Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"FIRST_RESPONSE_TIME": {
|
|
"NAME": "First Response Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "First Response Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_TIME": {
|
|
"NAME": "Resolution Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "Resolution Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_COUNT": {
|
|
"NAME": "Resolution Count",
|
|
"DESC": "( Total )"
|
|
}
|
|
},
|
|
"DATE_RANGE": [
|
|
{
|
|
"id": 0,
|
|
"name": "Last 7 days"
|
|
},
|
|
{
|
|
"id": 1,
|
|
"name": "Last 30 days"
|
|
},
|
|
{
|
|
"id": 2,
|
|
"name": "Last 3 months"
|
|
},
|
|
{
|
|
"id": 3,
|
|
"name": "Last 6 months"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"name": "Last year"
|
|
},
|
|
{
|
|
"id": 5,
|
|
"name": "Custom date range"
|
|
}
|
|
],
|
|
"CUSTOM_DATE_RANGE": {
|
|
"CONFIRM": "Apply",
|
|
"PLACEHOLDER": "Select date range"
|
|
}
|
|
},
|
|
"LABEL_REPORTS": {
|
|
"HEADER": "Labels Overview",
|
|
"LOADING_CHART": "Loading chart data...",
|
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
|
"DOWNLOAD_LABEL_REPORTS": "Download label reports",
|
|
"FILTER_DROPDOWN_LABEL": "Select Label",
|
|
"METRICS": {
|
|
"CONVERSATIONS": {
|
|
"NAME": "Conversations",
|
|
"DESC": "( Total )"
|
|
},
|
|
"INCOMING_MESSAGES": {
|
|
"NAME": "Incoming Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"OUTGOING_MESSAGES": {
|
|
"NAME": "Outgoing Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"FIRST_RESPONSE_TIME": {
|
|
"NAME": "First Response Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "First Response Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_TIME": {
|
|
"NAME": "Resolution Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "Resolution Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_COUNT": {
|
|
"NAME": "Resolution Count",
|
|
"DESC": "( Total )"
|
|
}
|
|
},
|
|
"DATE_RANGE": [
|
|
{
|
|
"id": 0,
|
|
"name": "Last 7 days"
|
|
},
|
|
{
|
|
"id": 1,
|
|
"name": "Last 30 days"
|
|
},
|
|
{
|
|
"id": 2,
|
|
"name": "Last 3 months"
|
|
},
|
|
{
|
|
"id": 3,
|
|
"name": "Last 6 months"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"name": "Last year"
|
|
},
|
|
{
|
|
"id": 5,
|
|
"name": "Custom date range"
|
|
}
|
|
],
|
|
"CUSTOM_DATE_RANGE": {
|
|
"CONFIRM": "Apply",
|
|
"PLACEHOLDER": "Select date range"
|
|
}
|
|
},
|
|
"INBOX_REPORTS": {
|
|
"HEADER": "Inbox Overview",
|
|
"LOADING_CHART": "Loading chart data...",
|
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
|
"DOWNLOAD_INBOX_REPORTS": "Download inbox reports",
|
|
"FILTER_DROPDOWN_LABEL": "Select Inbox",
|
|
"METRICS": {
|
|
"CONVERSATIONS": {
|
|
"NAME": "Conversations",
|
|
"DESC": "( Total )"
|
|
},
|
|
"INCOMING_MESSAGES": {
|
|
"NAME": "Incoming Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"OUTGOING_MESSAGES": {
|
|
"NAME": "Outgoing Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"FIRST_RESPONSE_TIME": {
|
|
"NAME": "First Response Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "First Response Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_TIME": {
|
|
"NAME": "Resolution Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "Resolution Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_COUNT": {
|
|
"NAME": "Resolution Count",
|
|
"DESC": "( Total )"
|
|
}
|
|
},
|
|
"DATE_RANGE": [
|
|
{
|
|
"id": 0,
|
|
"name": "Last 7 days"
|
|
},
|
|
{
|
|
"id": 1,
|
|
"name": "Last 30 days"
|
|
},
|
|
{
|
|
"id": 2,
|
|
"name": "Last 3 months"
|
|
},
|
|
{
|
|
"id": 3,
|
|
"name": "Last 6 months"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"name": "Last year"
|
|
},
|
|
{
|
|
"id": 5,
|
|
"name": "Custom date range"
|
|
}
|
|
],
|
|
"CUSTOM_DATE_RANGE": {
|
|
"CONFIRM": "Apply",
|
|
"PLACEHOLDER": "Select date range"
|
|
}
|
|
},
|
|
"TEAM_REPORTS": {
|
|
"HEADER": "Team Overview",
|
|
"LOADING_CHART": "Loading chart data...",
|
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
|
"DOWNLOAD_TEAM_REPORTS": "Download team reports",
|
|
"FILTER_DROPDOWN_LABEL": "Select Team",
|
|
"METRICS": {
|
|
"CONVERSATIONS": {
|
|
"NAME": "Conversations",
|
|
"DESC": "( Total )"
|
|
},
|
|
"INCOMING_MESSAGES": {
|
|
"NAME": "Incoming Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"OUTGOING_MESSAGES": {
|
|
"NAME": "Outgoing Messages",
|
|
"DESC": "( Total )"
|
|
},
|
|
"FIRST_RESPONSE_TIME": {
|
|
"NAME": "First Response Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "First Response Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_TIME": {
|
|
"NAME": "Resolution Time",
|
|
"DESC": "( Avg )",
|
|
"INFO_TEXT": "Total number of conversations used for computation:",
|
|
"TOOLTIP_TEXT": "Resolution Time is %{metricValue} (based on %{conversationCount} conversations)"
|
|
},
|
|
"RESOLUTION_COUNT": {
|
|
"NAME": "Resolution Count",
|
|
"DESC": "( Total )"
|
|
}
|
|
},
|
|
"DATE_RANGE": [
|
|
{
|
|
"id": 0,
|
|
"name": "Last 7 days"
|
|
},
|
|
{
|
|
"id": 1,
|
|
"name": "Last 30 days"
|
|
},
|
|
{
|
|
"id": 2,
|
|
"name": "Last 3 months"
|
|
},
|
|
{
|
|
"id": 3,
|
|
"name": "Last 6 months"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"name": "Last year"
|
|
},
|
|
{
|
|
"id": 5,
|
|
"name": "Custom date range"
|
|
}
|
|
],
|
|
"CUSTOM_DATE_RANGE": {
|
|
"CONFIRM": "Apply",
|
|
"PLACEHOLDER": "Select date range"
|
|
}
|
|
},
|
|
"CSAT_REPORTS": {
|
|
"HEADER": "CSAT Reports",
|
|
"NO_RECORDS": "There are no CSAT survey responses available.",
|
|
"DOWNLOAD": "Download CSAT Reports",
|
|
"FILTERS": {
|
|
"AGENTS": {
|
|
"PLACEHOLDER": "Choose Agents"
|
|
}
|
|
},
|
|
"TABLE": {
|
|
"HEADER": {
|
|
"CONTACT_NAME": "Contact",
|
|
"AGENT_NAME": "Assigned agent",
|
|
"RATING": "Rating",
|
|
"FEEDBACK_TEXT": "Feedback comment"
|
|
}
|
|
},
|
|
"METRIC": {
|
|
"TOTAL_RESPONSES": {
|
|
"LABEL": "Total responses",
|
|
"TOOLTIP": "Total number of responses collected"
|
|
},
|
|
"SATISFACTION_SCORE": {
|
|
"LABEL": "Satisfaction score",
|
|
"TOOLTIP": "Total number of positive responses / Total number of responses * 100"
|
|
},
|
|
"RESPONSE_RATE": {
|
|
"LABEL": "Response rate",
|
|
"TOOLTIP": "Total number of responses / Total number of CSAT survey messages sent * 100"
|
|
}
|
|
}
|
|
},
|
|
"OVERVIEW_REPORTS": {
|
|
"HEADER": "Overview",
|
|
"LIVE": "Live",
|
|
"ACCOUNT_CONVERSATIONS": {
|
|
"HEADER": "Open Conversations",
|
|
"LOADING_MESSAGE": "Loading conversation metrics...",
|
|
"OPEN": "Open",
|
|
"UNATTENDED": "Unattended",
|
|
"UNASSIGNED": "Unassigned"
|
|
},
|
|
"CONVERSATION_HEATMAP": {
|
|
"HEADER": "Conversation Traffic",
|
|
"NO_CONVERSATIONS": "No conversations",
|
|
"CONVERSATION": "%{count} conversation",
|
|
"CONVERSATIONS": "%{count} conversations"
|
|
},
|
|
"AGENT_CONVERSATIONS": {
|
|
"HEADER": "Conversations by agents",
|
|
"LOADING_MESSAGE": "Loading agent metrics...",
|
|
"NO_AGENTS": "There are no conversations by agents",
|
|
"TABLE_HEADER": {
|
|
"AGENT": "Agent",
|
|
"OPEN": "OPEN",
|
|
"UNATTENDED": "Unattended",
|
|
"STATUS": "Status"
|
|
}
|
|
},
|
|
"AGENT_STATUS": {
|
|
"HEADER": "Agent status",
|
|
"ONLINE": "Online",
|
|
"BUSY": "Busy",
|
|
"OFFLINE": "Offline"
|
|
}
|
|
},
|
|
"DAYS_OF_WEEK": {
|
|
"SUNDAY": "Sunday",
|
|
"MONDAY": "Monday",
|
|
"TUESDAY": "Tuesday",
|
|
"WEDNESDAY": "Wednesday",
|
|
"THURSDAY": "Thursday",
|
|
"FRIDAY": "Friday",
|
|
"SATURDAY": "Saturday"
|
|
}
|
|
}
|