@quillsql/react 2.14.16 → 2.15.0

package/dist/esm/hooks/useAskQuill.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useState } from 'react';
-import { ClientContext, FetchContext, SchemaDataContext, TenantContext, } from '../Context';
+import { ClientContext, EventTrackingContext, FetchContext, SchemaDataContext, TenantContext, } from '../Context';
 import { fetchAndProcessASTFromPrompt } from '../utils/astProcessing';
 import { fetchReportBuilderDataFromAST, } from '../utils/report';
 import { astToFilterTree, filterTreeToAst, } from '../utils/astFilterProcessing';
@@ -37,6 +37,7 @@ export const useAskQuill = (dashboardName) => {
     const [schemaData] = useContext(SchemaDataContext);
     const { tenants } = useContext(TenantContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const [astInfo, setAstInfo] = useState(undefined);
     const [data, setData] = useState({
         rows: [],
@@ -73,6 +74,7 @@ export const useAskQuill = (dashboardName) => {
                 dashboardName,
                 tenants,
                 getToken,
+                eventTracking,
             });
             if (astInfo.error) {
                 throw new Error(astInfo.error);
@@ -85,6 +87,7 @@ export const useAskQuill = (dashboardName) => {
                 pivot: astInfo.pivot,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             if (!reportBuilderInfo) {
                 throw new Error('Error fetching report');
@@ -102,6 +105,17 @@ export const useAskQuill = (dashboardName) => {
                 setError(err.message);
                 setLoading(false);
             }
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching ask quill',
+                errorMessage: err.message,
+                errorStack: err.stack,
+                errorData: {
+                    caller: 'useAskQuill',
+                    function: 'askHelper',
+                },
+            });
             return;
         }
         const convertedColumns = convertColumnInternalToAskQuillColumn(reportBuilderInfo?.pivotData?.columns || reportBuilderInfo?.columns || []);
@@ -135,6 +149,7 @@ export const useAskQuill = (dashboardName) => {
                 pivot: newPivot,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             setLoading(false);
             if (!reportBuilderInfo) {
@@ -142,6 +157,17 @@ export const useAskQuill = (dashboardName) => {
             }
         }
         catch (err) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching ask quill',
+                errorMessage: err.message,
+                errorStack: err.stack,
+                errorData: {
+                    caller: 'useAskQuill',
+                    function: 'onChangePivot',
+                },
+            });
             if (err instanceof Error) {
                 setError(err.message);
                 setLoading(false);
@@ -179,10 +205,22 @@ export const useAskQuill = (dashboardName) => {
                 pivot: data.pivot || undefined,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             setLoading(false);
         }
         catch (err) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching ask quill',
+                errorMessage: err.message,
+                errorStack: err.stack,
+                errorData: {
+                    caller: 'useAskQuill',
+                    function: 'onChangeFilterTree',
+                },
+            });
             if (err instanceof Error) {
                 setError(err.message);
                 setLoading(false);

package/dist/esm/hooks/useDashboard.d.ts

@@ -68,7 +68,7 @@ export declare const useDashboard: (dashboardName: string) => {
     sections: Record<string, QuillReport[]> | null;
     filters: DashboardFilter[];
     applyFilters: (filters: Array<{
-        id: string;
+        label: string;
         value: string | string[] | {
             startDate?: Date;
             endDate?: Date;

package/dist/esm/hooks/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAGL,uBAAuB,EAGvB,MAAM,EACN,cAAc,EAGd,eAAe,EAGhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,eAAO,MAAM,oBAAoB,kBAChB,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CA0Mc,MAAM;qCAtK1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B;oCAmFa;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE;CAwF3E,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,MAAM;;;;yBAK5B,OAAO,CAAC,mBAAmB,CAAC;sBAiB/B,mBAAmB;CAoB7C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAqBzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;uEAsCrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,uBAAuB,CAAC;KACtC;4BAqDO,MAAM,gEAOT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,UAAU,CAAC,EAAE,uBAAuB,CAAC;QACrC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;KACvB;4BAyOkC,MAAM;CAwB5C,CAAC;AAGF,eAAO,MAAM,YAAY,kBACR,MAAM,KAEpB;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,EAAE,CACZ,OAAO,EAAE,KAAK,CACV;QACE,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;YAAE,SAAS,CAAC,EAAE,IAAI,CAAC;YAAC,OAAO,CAAC,EAAE,IAAI,CAAA;SAAE,CAAC;KACjE,GACD,MAAM,CACT,KACE,IAAI,CAAC;CAyPX,CAAC;AAGF,eAAO,MAAM,kBAAkB,aACnB,MAAM,WACP;IACP,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,KACA;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;CA4I1B,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAGL,uBAAuB,EAGvB,MAAM,EACN,cAAc,EAGd,eAAe,EAGhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,eAAO,MAAM,oBAAoB,kBAChB,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CAoNc,MAAM;qCAjL1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B;oCAmFa;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE;CAmG3E,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,MAAM;;;;yBAK5B,OAAO,CAAC,mBAAmB,CAAC;sBAiB/B,mBAAmB;CAoB7C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAqBzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;uEAuCrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,uBAAuB,CAAC;KACtC;4BA2EO,MAAM,gEAOT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,UAAU,CAAC,EAAE,uBAAuB,CAAC;QACrC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;KACvB;4BAiQkC,MAAM;CAwB5C,CAAC;AAGF,eAAO,MAAM,YAAY,kBACR,MAAM,KAEpB;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,EAAE,CACZ,OAAO,EAAE,KAAK,CACV;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;YAAE,SAAS,CAAC,EAAE,IAAI,CAAC;YAAC,OAAO,CAAC,EAAE,IAAI,CAAA;SAAE,CAAC;KACjE,GACD,MAAM,CACT,KACE,IAAI,CAAC;CA2PX,CAAC;AAGF,eAAO,MAAM,kBAAkB,aACnB,MAAM,WACP;IACP,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,KACA;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;CA+I1B,CAAC"}

package/dist/esm/hooks/useDashboard.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useMemo, useRef } from 'react';
-import { ClientContext, DashboardConfigContext, DashboardContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, TenantContext, } from '../Context';
+import { ClientContext, DashboardConfigContext, DashboardContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, TenantContext, } from '../Context';
 import { convertPresetOptionsToSelectableList, PRIMARY_RANGE, } from '../DateRangePicker/dateRangePickerUtils';
 import { convertCustomFilter, InternalDashboardFilterType, StringFilterType, convertInternalDashboardFilterToDashboardFilter, } from '../models/Filter';
 import { createDefaultDateFilter } from '../utils/filterProcessing';
@@ -14,13 +14,12 @@ export const useDashboardInternal = (dashboardName, customFilters) => {
     // const [error, setError] = useState<any>(null);
     const [client, isClientLoading] = useContext(ClientContext);
     const { quillFetchWithToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const loading = useMemo(() => {
         return (!dashboardName ||
             isClientLoading ||
             isDashboardsLoading ||
-            dashboardConfig[dashboardName]?.loading ||
-            (dashboardConfig[dashboardName] &&
-                !dashboardConfig[dashboardName]?.config.sections));
+            dashboardConfig[dashboardName]?.loading);
     }, [isClientLoading, dashboardConfig, dashboardName, isDashboardsLoading]);
     const populatedDashboardFilters = useMemo(() => {
         return dashboardName && dashboardFilters[dashboardName] !== undefined
@@ -140,6 +139,17 @@ export const useDashboardInternal = (dashboardName, customFilters) => {
             }
             catch (e) {
                 console.error(e);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error setting section order',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'useDashboard',
+                        function: 'setSectionOrder',
+                    },
+                });
             }
         }
     };
@@ -228,6 +238,7 @@ export const useDashboards = () => {
     const { reportFiltersDispatch } = useContext(ReportFiltersContext);
     const [client, isLoading] = useContext(ClientContext);
     const { quillFetchWithToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const dashboards = useMemo(() => {
         return Object.values(dashboardConfig)
             .map((dashboard) => {
@@ -277,6 +288,15 @@ export const useDashboards = () => {
                 task: 'edit-dashboard',
                 metadata: body,
             });
+            eventTracking?.logEvent?.('create-dashboard', {
+                dashboardName: name,
+            });
+            if (filters.length > 0 || dateFilter) {
+                eventTracking?.logEvent?.('update-dashboard-filters', {
+                    dashboardName: name,
+                    numFilters: filters.length + (dateFilter ? 1 : 0),
+                });
+            }
             dashboardConfigDispatch({
                 type: 'UPDATE_DASHBOARD',
                 id: name,
@@ -291,6 +311,17 @@ export const useDashboards = () => {
         }
         catch (e) {
             console.error(e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error creating dashboard',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'useDashboards',
+                    function: 'createDashboard',
+                },
+            });
         }
     };
     const updateDashboard = async (name, { newName, filters, dateFilter, customFilters, tenantKeys, }) => {
@@ -324,6 +355,16 @@ export const useDashboards = () => {
                 task: 'edit-dashboard',
                 metadata: body,
             });
+            eventTracking?.logEvent?.('update-dashboard', {
+                dashboardName: updated.data.dashboard.name,
+                dashboardId: updated.data.dashboard.dashboardId,
+            });
+            if (filters.length > 0 || dateFilter) {
+                eventTracking?.logEvent?.('update-dashboard-filters', {
+                    dashboardName: name,
+                    numFilters: filters.length + (dateFilter ? 1 : 0),
+                });
+            }
             dashboardConfigDispatch({
                 type: 'UPDATE_DASHBOARD',
                 id: updated.data.dashboard.name,
@@ -475,6 +516,17 @@ export const useDashboards = () => {
         }
         catch (e) {
             console.error(e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error updating dashboard',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'useDashboards',
+                    function: 'updateDashboard',
+                },
+            });
         }
     };
     const deleteDashboard = async (name) => {
@@ -513,6 +565,7 @@ export const useDashboard = (dashboardName) => {
     const { tenants, flags } = useContext(TenantContext);
     const { getToken } = useContext(FetchContext);
     const { customReportFilters } = useContext(ReportFiltersContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const customFiltersRef = useRef(customReportFilters);
     // Keep ref updated with latest filters
     useEffect(() => {
@@ -550,7 +603,7 @@ export const useDashboard = (dashboardName) => {
     }, [fetchedInitialReports, data, dashboardFilters]);
     const applyDashboardFilters = (filtersToUpdate) => {
         const newFilters = (dashboardFilters ?? []).map((f) => {
-            const update = filtersToUpdate.find((u) => u.id === f.label);
+            const update = filtersToUpdate.find((u) => u.label === f.label);
             if (!update)
                 return f;
             if (f.filterType === InternalDashboardFilterType.String) {
@@ -631,7 +684,7 @@ export const useDashboard = (dashboardName) => {
         return f && typeof f === 'object' && 'filterType' in f && !('id' in f);
     };
     const isDashboardFilter = (f) => {
-        return f && typeof f === 'object' && 'id' in f;
+        return f && typeof f === 'object' && 'label' in f;
     };
     const applyFilters = (filters) => {
         const dashboardFilters = filters.filter(isDashboardFilter);
@@ -674,6 +727,7 @@ export const useDashboard = (dashboardName) => {
                     .concat(customFilters)
                     .concat(customReportFiltersArray),
                 getToken,
+                eventTracking,
             });
             if (error) {
                 console.error(error);
@@ -706,6 +760,7 @@ export const useDashboardReport = (reportId, config) => {
     const { tenants, flags } = useContext(TenantContext);
     const [client] = useContext(ClientContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const { customReportFiltersDispatch } = useContext(ReportFiltersContext);
     const { dashboardCustomFilters } = useContext(DashboardFiltersContext);
     const { data: dashboardData, dashboardFilters: dashboardFiltersInternal, reload: reloadDashboard, } = useDashboardInternal(reports[reportId]?.dashboardName ?? null);
@@ -723,7 +778,7 @@ export const useDashboardReport = (reportId, config) => {
         if (!reports[reportId])
             return null;
         const dashboardName = reports[reportId].dashboardName;
-        return convertInternalReportToReport(mergeComparisonRange(reports[reportId]), Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter), 'useDashboardReport');
+        return convertInternalReportToReport(mergeComparisonRange(reports[reportId]), Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter), eventTracking, 'useDashboardReport');
     }, [reports, reportId, dashboardFilters]);
     const setReportFilters = (filters) => {
         updateReport(filters);
@@ -754,6 +809,7 @@ export const useDashboardReport = (reportId, config) => {
             flags,
             filters: requestFilters,
             getToken,
+            eventTracking,
         });
         if (error) {
             console.error(error);

package/dist/esm/hooks/useExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAkE/C,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,cACT,MAAM,mEAMd;IACD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KACA;IACD,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;CA4RvB,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqE/C,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,cACT,MAAM,mEAMd;IACD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KACA;IACD,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;CA+RvB,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}

package/dist/esm/hooks/useExport.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { downloadCSV } from '../utils/csv';
 import { useContext, useMemo, useState } from 'react';
 import { parseFetchResponse, quillFetch } from '../utils/dataFetcher';
-import { ClientContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
+import { ClientContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
 import { cleanDashboardItem } from '../utils/dashboard';
 import { createRoot } from 'react-dom/client';
 import { flushSync } from 'react-dom';
@@ -10,7 +10,7 @@ import { fetchReport } from '../utils/report';
 import jsPDF from 'jspdf';
 import { quillFormat } from '../utils/valueFormatter';
 import { useAllReports } from './useDashboard';
-async function getExportData(client, dashboardFilters, reportId, getToken, tenants, flags, customFields) {
+async function getExportData(client, dashboardFilters, reportId, getToken, eventTracking, tenants, flags, customFields) {
     const minimalFilters = Object.values(dashboardFilters).length
         ? Object.values(dashboardFilters).map((filter) => {
             const newFilter = { ...filter };
@@ -45,6 +45,7 @@ async function getExportData(client, dashboardFilters, reportId, getToken, tenan
         customFields,
         getToken,
         tenants,
+        eventTracking,
     });
     if (cleanedReport.chartType === 'table' && cleanedReport.pivot) {
         cleanedReport.columns = cleanedReport.yAxisFields;
@@ -62,6 +63,7 @@ sectionField, } = {}) => {
     const [schemaData] = useContext(SchemaDataContext);
     const { tenants, flags } = useContext(TenantContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const specificDashboardFilters = useMemo(() => {
         if (!reportId) {
             return [];
@@ -105,7 +107,7 @@ sectionField, } = {}) => {
                 : specificDashboardFilters.concat([
                     ...(customReportFilters[reportId] ?? []),
                     ...(dashboardCustomFilters[dashboardReport?.dashboardName ?? ''] ?? []),
-                ]), reportId, getToken, tenants, flags, schemaData?.customFields);
+                ]), reportId, getToken, eventTracking, tenants, flags, schemaData?.customFields);
             downloadCSV({
                 rows: resp.pivot && resp.pivotRows && downloadOptions?.usePivotRows
                     ? resp.pivotRows
@@ -135,6 +137,7 @@ sectionField, } = {}) => {
                 ]),
                 customFields: schemaData?.customFields,
                 getToken,
+                eventTracking,
             });
             if (error) {
                 console.error(error);

package/dist/esm/hooks/useLongLoading.d.ts

@@ -0,0 +1,13 @@
+type LongLoadingMeta = {
+    origin: string;
+    loadDescription: string;
+    expectedLoadTime?: number;
+    abnormalLoadTime?: number;
+};
+type LoadingState = {
+    isLongLoading: boolean;
+    isAbnormalLoading: boolean;
+};
+export declare function useLongLoading(isLoading: boolean, meta: LongLoadingMeta): LoadingState;
+export {};
+//# sourceMappingURL=useLongLoading.d.ts.map

package/dist/esm/hooks/useLongLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongLoading.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,eAAe,GACpB,YAAY,CAoEd"}

package/dist/esm/hooks/useLongLoading.js

@@ -0,0 +1,64 @@
+import { useContext, useEffect, useState } from 'react';
+import { EventTrackingContext } from '../Context';
+export function useLongLoading(isLoading, meta) {
+    const { origin, expectedLoadTime = 5000, abnormalLoadTime = 15000, loadDescription, } = meta;
+    const [isLongLoading, setIsLongLoading] = useState(false);
+    const [isAbnormalLoading, setIsAbnormalLoading] = useState(false);
+    const { eventTracking } = useContext(EventTrackingContext);
+    useEffect(() => {
+        let longTimer = null;
+        let abnormalTimer = null;
+        if (isLoading) {
+            // Set timer for long loading
+            longTimer = setTimeout(() => {
+                setIsLongLoading(true);
+                eventTracking?.logError?.({
+                    type: 'timeout',
+                    severity: 'medium',
+                    message: `${origin} loading is taking longer than expected`,
+                    errorData: {
+                        loadDescription,
+                        expectedLoadTime,
+                        currentTime: Date.now(),
+                    },
+                });
+                // Set timer for abnormal loading
+                abnormalTimer = setTimeout(() => {
+                    setIsAbnormalLoading(true);
+                    eventTracking?.logError?.({
+                        type: 'timeout',
+                        severity: 'high',
+                        message: `${origin} loading is taking abnormally long`,
+                        errorData: {
+                            loadDescription,
+                            expectedLoadTime,
+                            abnormalLoadTime,
+                            currentTime: Date.now(),
+                        },
+                    });
+                }, abnormalLoadTime - expectedLoadTime);
+            }, expectedLoadTime);
+        }
+        else {
+            setIsLongLoading(false);
+            setIsAbnormalLoading(false);
+        }
+        return () => {
+            if (longTimer)
+                clearTimeout(longTimer);
+            if (abnormalTimer)
+                clearTimeout(abnormalTimer);
+        };
+    }, [
+        isLoading,
+        origin,
+        expectedLoadTime,
+        abnormalLoadTime,
+        loadDescription,
+        eventTracking,
+    ]);
+    return {
+        isLongLoading,
+        isAbnormalLoading,
+    };
+}

package/dist/esm/hooks/useQuill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,KAC3D;IACD,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EACL,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,GAC/C,CAAC,MAAM,SAAS,CAAC,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CAsO1B,CAAC"}
+{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,KAC3D;IACD,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EACL,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,GAC/C,CAAC,MAAM,SAAS,CAAC,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CA+P1B,CAAC"}

package/dist/esm/hooks/useQuill.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { ClientContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
+import { ClientContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
 import { convertInternalReportToReport } from '../utils/report';
 import { shouldFetchMore } from '../utils/paginationProcessing';
 import { fetchResultsByReport, } from '../utils/tableProcessing';
@@ -23,12 +23,13 @@ export const useQuill = (reportId, pagination) => {
     const [schemaData] = useContext(SchemaDataContext);
     const [client, isClientLoading] = useContext(ClientContext);
     const { tenants } = useContext(TenantContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(undefined);
     const [previousPage, setPreviousPage] = useState(0);
     const processedReport = useMemo(() => {
         return reportId && allReportsById[reportId]
-            ? convertInternalReportToReport(mergeComparisonRange(allReportsById[reportId]), specificReportFilters ?? [], 'useQuill')
+            ? convertInternalReportToReport(mergeComparisonRange(allReportsById[reportId]), specificReportFilters ?? [], eventTracking, 'useQuill')
             : undefined;
     }, [reportId, reportId && allReportsById[reportId], specificReportFilters]);
     const [additionalProcessing, setAdditionProcessing] = useState(pagination
@@ -95,6 +96,7 @@ export const useQuill = (reportId, pagination) => {
                     filters: reportFilters[reportId],
                     customFields: schemaData.customFields,
                     getToken,
+                    eventTracking,
                 });
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
@@ -114,6 +116,17 @@ export const useQuill = (reportId, pagination) => {
             }
             catch (e) {
                 console.log(e);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error fetching report',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'useQuill',
+                        function: 'updateTableRows',
+                    },
+                });
             }
             finally {
                 setTimeout(() => {
@@ -156,6 +169,17 @@ export const useQuill = (reportId, pagination) => {
         }
         catch (error) {
             setError(error.message ?? 'Error fetching report');
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching report',
+                errorMessage: error.message,
+                errorStack: error.stack,
+                errorData: {
+                    caller: 'useQuill',
+                    function: 'fetchReportHelper',
+                },
+            });
         }
         finally {
             setLoading(false);