text: import { formatTime } from '@chatwoot/utils';
  
  export const GROUP_BY_FILTER = {
    1: { id: 1, period: 'day' },
    2: { id: 2, period: 'week' },
    3: { id: 3, period: 'month' },
    4: { id: 4, period: 'year' },
  };
  
  export const CHART_FONT_FAMILY =
    '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
  
  export const DEFAULT_LINE_CHART = {
    type: 'line',
    fill: false,
    borderColor: '#779BBB',
    pointBackgroundColor: '#779BBB',
  };
  
  export const DEFAULT_BAR_CHART = {
    type: 'bar',
    backgroundColor: 'rgb(31, 147, 255)',
  };
  
  export const DEFAULT_CHART = {
    datasets: [DEFAULT_BAR_CHART],
    scales: {
      xAxes: [
        {
          ticks: {
            fontFamily: CHART_FONT_FAMILY,
          },
          gridLines: {
            drawOnChartArea: false,
          },
        },
      ],
      yAxes: [
        {
          id: 'y-left',
          type: 'linear',
          position: 'left',
          ticks: {
            fontFamily: CHART_FONT_FAMILY,
            beginAtZero: true,
            stepSize: 1,
          },
          gridLines: {
            drawOnChartArea: false,
          },
        },
      ],
    },
  };
  
  export const METRIC_CHART = {
    conversations_count: DEFAULT_CHART,
    incoming_messages_count: DEFAULT_CHART,
    outgoing_messages_count: DEFAULT_CHART,
    avg_first_response_time: {
      datasets: [DEFAULT_BAR_CHART],
      scales: {
        xAxes: [
          {
            ticks: {
              fontFamily: CHART_FONT_FAMILY,
            },
            gridLines: {
              drawOnChartArea: false,
            },
          },
        ],
        yAxes: [
          {
            id: 'y-left',
            type: 'linear',
            position: 'left',
            ticks: {
              fontFamily: CHART_FONT_FAMILY,
              callback(value) {
                return formatTime(value);
              },
            },
            gridLines: {
              drawOnChartArea: false,
            },
          },
        ],
      },
    },
    avg_resolution_time: {
      datasets: [DEFAULT_BAR_CHART],
      scales: {
        xAxes: [
          {
            ticks: {
              fontFamily: CHART_FONT_FAMILY,
            },
            gridLines: {
              drawOnChartArea: false,
            },
          },
        ],
        yAxes: [
          {
            id: 'y-left',
            type: 'linear',
            position: 'left',
            ticks: {
              fontFamily: CHART_FONT_FAMILY,
              callback(value) {
                return formatTime(value);
              },
            },
            gridLines: {
              drawOnChartArea: false,
            },
          },
        ],
      },
    },
    resolutions_count: DEFAULT_CHART,
  };
  