@quillsql/admin 1.6.4 → 1.7.1

package/dist/cjs/hooks/useDatabaseSchema.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatabaseSchema = void 0;
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_1 = require("react");
 const ConnectionClient_1 = require("../api/ConnectionClient");
 const useDatabaseSchema = () => {
-    const { state, dispatch, getToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, dispatch, getToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(state.databaseSchema?.id !== state.client.id);
     const idRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -39,6 +39,17 @@ const useDatabaseSchema = () => {
                 });
             }
             catch (e) {
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error fetching schema',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'useDatabaseSchema',
+                        function: 'fetchSchema',
+                    },
+                });
                 console.error(e);
             }
             finally {

package/dist/cjs/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/cjs/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/cjs/hooks/useLongLoading.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLongLoading = useLongLoading;
+const react_1 = require("react");
+const useAdmin_1 = require("../hooks/useAdmin");
+function useLongLoading(isLoading, meta) {
+    const { origin, expectedLoadTime = 5000, abnormalLoadTime = 15000, loadDescription, } = meta;
+    const [isLongLoading, setIsLongLoading] = (0, react_1.useState)(false);
+    const [isAbnormalLoading, setIsAbnormalLoading] = (0, react_1.useState)(false);
+    const { eventTracking } = (0, useAdmin_1.useAdmin)();
+    (0, react_1.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/cjs/hooks/useOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,QAChB,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,WAC3B;IAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,cACnB,OAAO,SA2BpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,KAAG,MAoBzD,CAAC;AAqBF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,GACrB,KAAK,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EACpC,SAAS;IAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,EAC/B,YAAY,OAAO,SA2BpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW,KAAG,MAoBzD,CAAC;AAqBF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/hooks/useTenants.d.ts

@@ -1,4 +1,4 @@
-import { QuillTenant } from '../utils/tenants';
+import { QuillTenant } from '../models/Tenant';
 export declare const useTenants: () => {
     dashboardTenants: QuillTenant[] | undefined;
     dashboardOwnerTenant: QuillTenant | undefined;

package/dist/cjs/hooks/useTenants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTenants.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTenants.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAKjE,eAAO,MAAM,UAAU;;;;;;;mCA6CuB,MAAM;sCAsDH,MAAM,EAAE;4CAoDR,MAAM,EAAE;CA+DxD,CAAC"}
+{"version":3,"file":"useTenants.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTenants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,eAAO,MAAM,UAAU;;;;;;;mCA6CuB,MAAM;sCAsDH,MAAM,EAAE;4CAoDR,MAAM,EAAE;CA+DxD,CAAC"}

package/dist/cjs/hooks/useTenants.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTenants = void 0;
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const tenants_1 = require("../utils/tenants");
 const react_1 = require("react");
 const useDashboardManager_1 = require("./useDashboardManager");
 const constants_1 = require("../utils/constants");
 const useTenants = () => {
     const { selectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
-    const { state, dispatch, getToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, dispatch, getToken } = (0, useAdmin_1.useAdmin)();
     const dashboardTenants = (0, react_1.useMemo)(() => {
         return state.client?.allTenantTypes?.filter((t) => selectedDashboard?.tenantKeys?.some((key) => (t.mappings && key in t.mappings) ||
             key === t.tenantField ||

package/dist/cjs/hooks/useThrottle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThrottle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,aAGI,GAAG,EAAE,UAOvB"}
+{"version":3,"file":"useThrottle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThrottle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,IAGL,GAAG,MAAM,GAAG,EAAE,UAOvB"}

package/dist/cjs/icons/ArrowDownHeadIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;6CActB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,GAAI;;CAAY,4CActC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/icons/CheckCircleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe;;6CAepB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,GAAI;;CAAY,4CAepC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/cjs/icons/ExclamationFilledIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;;6CAa1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB,GAAI;;CAAY,4CAa1C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/cjs/icons/ExteriorLinkIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExteriorLinkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExteriorLinkIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB;;6CAcrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ExteriorLinkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExteriorLinkIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,GAAI;;CAAY,4CAcrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cjs/icons/QuestionMarkCircleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionMarkCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/QuestionMarkCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB;;6CAgB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"QuestionMarkCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/QuestionMarkCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,GAAI;;CAAY,4CAgB3C,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/cjs/modals/CodePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../../src/modals/CodePreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE;IACD,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,kDA4OA"}
+{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../../src/modals/CodePreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE;IACD,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,kDAoPA"}

package/dist/cjs/modals/CodePreview.js

@@ -7,14 +7,14 @@ exports.default = CodePreview;
 const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_2 = require("@quillsql/react");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_3 = require("react");
 const QuillTab_1 = __importDefault(require("../components/QuillTab"));
 const QuillSelectWithCombo_1 = require("../components/QuillSelectWithCombo");
 const prism_react_renderer_1 = require("prism-react-renderer");
 const UiComponents_1 = require("../components/UiComponents");
 function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state, eventTracking } = (0, useAdmin_1.useAdmin)();
     const { dashboards } = (0, react_2.useDashboards)();
     const parentRef = (0, react_3.useRef)(null);
     const [modalWidth, setModalWidth] = (0, react_3.useState)(200);
@@ -22,6 +22,7 @@ function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
     const [toggleMode, setToggleMode] = (0, react_3.useState)('Dashboard');
     const [selectedReportId, setSelectedReportId] = (0, react_3.useState)(null);
     const [hideCode, setHideCode] = (0, react_3.useState)(false);
+    const [initialSizeIsSet, setInitialSizeIsSet] = (0, react_3.useState)(false);
     const selectedDashboardObject = (0, react_3.useMemo)(() => {
         return dashboards?.find((elem) => elem.name === state.selectedDashboard);
     }, [dashboards, state.selectedDashboard]);
@@ -34,6 +35,7 @@ function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
             setModalWidth(window.innerWidth - 80);
         }
         setModalHeight(window.innerHeight - 80);
+        setInitialSizeIsSet(true);
     }, []);
     (0, react_3.useEffect)(() => {
         handleResize();
@@ -57,11 +59,14 @@ function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
             ? `import { Dashboard } from '@quillsql/react' \n\nfunction DashboardPage() { \n\n\treturn ( \n\t\t // TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<Dashboard \n\t\t\tname="${state.selectedDashboard}" \n\t\t\t// TODO: use id to navigate to report detail page \n\t\t\tonClickReport={report => console.log("Quill Report ID: ", report.id)} \n\t\t/>  \n\t); \n}`
             : `import { Chart, Table } from '@quillsql/react' \n\nfunction ReportDetail() { \n\tconst { reportId } = useRouter() // TODO: replace with your navigation router \n\tconst { data, loading, error } = useQuill(reportId) \n\tconst { downloadCSV } = useExport(reportId) \n\n\treturn ( \n\t\t// TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<>\n\t\t\t<h1>{data.name}</h1>\n\t\t\t<Chart reportId={reportId} />\n\t\t\t<YourButton onClick={downloadCSV}>Download CSV</Button>\n\t\t\t<Table reportId={reportId} autoHide />\n\t\t</> \n\t); \n}`;
         navigator.clipboard.writeText(code);
+        eventTracking?.logEvent?.('embed-preview-copy-code', {
+            dashboardName: state.selectedDashboard,
+        });
     };
     if (!state.selectedDashboard) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: parentRef, children: (0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Embed Preview", width: modalWidth, height: modalHeight, children: (0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: parentRef, style: { visibility: initialSizeIsSet ? 'visible' : 'hidden' }, children: (0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Embed Preview", width: modalWidth, height: modalHeight, children: (0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',
                             alignItems: 'center',

package/dist/cjs/modals/CreateEnvironmentModal.d.ts

@@ -0,0 +1,5 @@
+export default function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }: {
+    showCreateEnvironmentModal: boolean;
+    setShowCreateEnvironmentModal: (show: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateEnvironmentModal.d.ts.map

package/dist/cjs/modals/CreateEnvironmentModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/CreateEnvironmentModal.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,0BAA0B,EAC1B,6BAA6B,GAC9B,EAAE;IACD,0BAA0B,EAAE,OAAO,CAAC;IACpC,6BAA6B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD,2CAuBA"}

package/dist/cjs/modals/CreateEnvironmentModal.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CreateEnvironmentModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useAdmin_1 = require("../hooks/useAdmin");
+const primitives_1 = require("../primitives");
+const CreateEnvironment_1 = __importDefault(require("../public_components/CreateEnvironment"));
+function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }) {
+    const { onOnboardComplete } = (0, useAdmin_1.useAdmin)();
+    return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => {
+            if (confirm('Are you sure you want to close this modal? Changes will not be saved.')) {
+                setShowCreateEnvironmentModal(false);
+            }
+        }, children: (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: (client) => {
+                setShowCreateEnvironmentModal(false);
+                onOnboardComplete?.(client);
+            } }) }));
+}

package/dist/cjs/modals/EditEnvironmentModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditEnvironmentModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,yBAAyB,EACzB,aAAa,EAGd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAQ3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAsB1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAy4BA"}
+{"version":3,"file":"EditEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditEnvironmentModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,yBAAyB,EACzB,aAAa,EAGd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAQ3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAQ1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAi9BA"}

package/dist/cjs/modals/EditEnvironmentModal.js

@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const InputLabel_1 = __importDefault(require("../components/InputLabel"));
 const CardSection_1 = __importDefault(require("../components/CardSection"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const CheckCircleIcon_1 = __importDefault(require("../icons/CheckCircleIcon"));
 const databases_1 = require("../utils/databases");
 const ConnectDatabase_1 = __importDefault(require("../forms/client_onboard/ConnectDatabase"));
@@ -16,32 +16,35 @@ const constants_1 = require("../utils/constants");
 const EditTenant_1 = require("../components/Tenants/EditTenant");
 const ConnectionClient_1 = require("../api/ConnectionClient");
 const useDashboardManager_1 = require("../hooks/useDashboardManager");
-const header1Style = {
-    fontWeight: '600',
-    fontSize: '18px',
-    marginBottom: '6px',
-    color: '#000000',
-};
-const header2Style = {
-    fontWeight: '500',
-    fontSize: '13px',
-    color: '#595959',
-    marginBottom: '4px',
-};
 function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SecondaryButtonComponent, }) {
-    const { state, dispatch, setClient, getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, dispatch, setClient, getToken, quillFetchWithToken, eventTracking, } = (0, useAdmin_1.useAdmin)();
     const { setSelectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
     const [selectedEnvironmentName, setSelectedEnvironmentName] = (0, react_1.useState)(state.client.name);
     const [copied, setCopied] = (0, react_1.useState)(false);
     const [isSubmitTenantLoading, setSubmitTenantLoading] = (0, react_1.useState)(false);
     const [validationError, setValidationError] = (0, react_1.useState)(undefined);
     const [formError, setFormError] = (0, react_1.useState)(undefined);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [connectionDetails, setConnectionDetails] = (0, react_1.useState)((0, databases_1.getDatabaseConnectionFormat)(state.client.databaseType));
+    const connectionDetails = (0, react_1.useMemo)(() => {
+        return (0, databases_1.getDatabaseConnectionFormat)(state.client?.databaseType || '');
+    }, [state.client?.databaseType]);
     const [tenantToEdit, setTenantToEdit] = (0, react_1.useState)(undefined);
     const [fetchSchemasLoading, setFetchSchemasLoading] = (0, react_1.useState)(false);
     const [createNewTenant, setCreateNewTenant] = (0, react_1.useState)(false);
     const [isConnectDatabaseModalOpen, setIsConnectDatabaseModalOpen] = (0, react_1.useState)(false);
+    const header1Style = {
+        fontWeight: '600',
+        fontSize: '18px',
+        marginBottom: '6px',
+        color: state.theme?.primaryTextColor,
+        fontFamily: state.theme?.fontFamily,
+    };
+    const header2Style = {
+        fontWeight: '500',
+        fontSize: '13px',
+        marginBottom: '4px',
+        fontFamily: state.theme?.fontFamily,
+        color: state.theme?.secondaryTextColor,
+    };
     const tenantRequest = async (tenant, mode) => {
         if (!tenant.clientId) {
             throw new Error('Client ID is required on tenant');
@@ -86,11 +89,27 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
                 if (!results.length) {
                     setFormError(`No rows were returned from this ${tenant.tenantTableQuery ? 'query' : 'table'}`);
                 }
+                const uniqueIds = new Set(results?.map((r) => r.id));
+                if (uniqueIds.size < results?.length) {
+                    setFormError('Duplicate tenant IDs found in results. Each tenant must have a unique ID.');
+                    return [];
+                }
                 return results;
             }
         }
         catch (e) {
             setFormError(e.message);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error validating tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'onValidateEditTenant',
+                },
+            });
             throw e;
         }
         finally {
@@ -205,6 +224,17 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
             }, 50);
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error submitting tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'onSubmitEditTenant',
+                },
+            });
             setFormError(e.message);
         }
         finally {
@@ -250,6 +280,17 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
         }
         catch (e) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error deleting tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'onDeleteTenant',
+                },
+            });
             setValidationError('Error deleting tenant');
         }
         finally {
@@ -344,6 +385,17 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
             setIsConnectDatabaseModalOpen(false);
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error updating environment',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'handleUpdateEnvironment',
+                },
+            });
             setIsConnectDatabaseModalOpen(false);
             setValidationError(e.message);
         }

package/dist/cjs/modals/EditFiltersModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditFiltersModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditFiltersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAExE,OAAO,EACL,oBAAoB,EAKrB,MAAM,iBAAiB,CAAC;AAczB,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAOpC,OAA2B,EACzB,uBAAuB,EACxB,MAAM,kCAAkC,CAAC;AAY1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AAqBvF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC9E,cAAc,EAAE,GAAG,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,2CAokFA"}
+{"version":3,"file":"EditFiltersModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditFiltersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAExE,OAAO,EACL,oBAAoB,EAKrB,MAAM,iBAAiB,CAAC;AAczB,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAOpC,OAA2B,EACzB,uBAAuB,EACxB,MAAM,kCAAkC,CAAC;AAY1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AAsBvF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC9E,cAAc,EAAE,GAAG,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,2CA2kFA"}

package/dist/cjs/modals/EditFiltersModal.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditFiltersModal = EditFiltersModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_2 = require("@quillsql/react");
 const constants_1 = require("../utils/constants");
 const Admin_1 = require("../Admin");
@@ -46,9 +46,9 @@ const intervalTypeOptions = [
     },
 ];
 function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SelectComponent, dashNames, SecondaryButtonComponent, ErrorComponent, openPromoteModal, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     const { dashboards, deleteDashboard, updateDashboard } = (0, react_2.useDashboards)();
-    const { data: selectedDashboard } = (0, react_2.useDashboard)(selectedDashboardName);
+    const { data: selectedDashboard } = (0, react_2.useDashboardInternal)(selectedDashboardName);
     const [isDateComparison, setIsDateComparison] = (0, react_1.useState)(false);
     const [currentDashboardName, setCurrentDashboardName] = (0, react_1.useState)(selectedDashboardName);
     const [newFilters, setNewFilters] = (0, react_1.useState)([]);
@@ -380,7 +380,8 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
             return 'Dashboard name cannot be empty';
         if (newFilters?.some((f) => !f.label || !f.table || !f.field))
             return 'Filters must have a label, table, and field';
-        if (newFilters
+        if ((newFilters ?? [])
+            .concat(newDateFilter ? [newDateFilter] : [])
             ?.map((f) => f.label)
             .filter((label, index, self) => self.indexOf(label) !== index).length)
             return 'Filters must have unique labels';
@@ -423,14 +424,15 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
             .join(' ') ?? '');
     };
     const handleSubmitDashboardChanges = async () => {
-        const validationErrorMessages = (0, validation_1.validateDashboard)(newFilters, dashNames, currentDashboardName, newDateFilter ? { ...newDateFilter, comparison: isDateComparison } : null, { ...selectedDashboard, name: currentDashboardName });
+        const validationErrorMessages = (0, validation_1.validateDashboard)(newFilters, dashNames, currentDashboardName, newDateFilter ? { ...newDateFilter, comparison: isDateComparison } : null, selectedDashboard);
         if (validationErrorMessages.length !== 0) {
             setValidationError(validationErrorMessages);
             return;
         }
         const updatedFilters = newFilters.map((filter) => {
             const table = filteredTables.find((table) => table?.name === filter?.table);
-            const filterType = (0, Admin_1.getPostgresBasicType)(table.columns.find((col) => col?.name === filter?.field));
+            const column = table?.columns.find((col) => col.field === filter?.field);
+            const filterType = column ? (0, Admin_1.getPostgresBasicType)(column) : 'string';
             return {
                 table: filter.table,
                 field: filter.field,
@@ -1237,10 +1239,10 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
                                                                     })
                                                                         .map((column) => {
                                                                         return {
-                                                                            label: column.name,
-                                                                            value: column.name,
+                                                                            label: column.label || column.field,
+                                                                            value: column.field,
                                                                         };
-                                                                    })
+                                                                    }) || []
                                                                     : [], onChange: (event) => {
                                                                     // Capitalize the label
                                                                     const e = event.target.value;
@@ -1307,5 +1309,7 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
                                 flexDirection: 'row',
                                 justifyContent: 'space-between',
                                 alignItems: 'center',
-                            }, children: [(0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: "Save changes", disabled: !!dashboardValidationError, tooltipText: dashboardValidationError }), validationError.length !== 0 && ((0, jsx_runtime_1.jsx)(ErrorComponent, { errorMessage: validationError && validationError[0] }))] })] }) }) }) }));
+                            }, children: [(0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: "Save changes", disabled: !!dashboardValidationError, tooltipText: dashboardValidationError }), validationError.length !== 0 && ((0, jsx_runtime_1.jsx)(ErrorComponent, { errorMessage: validationError && validationError[0], containerStyle: {
+                                        marginLeft: 4,
+                                    } }))] })] }) }) }) }));
 }

package/dist/cjs/modals/NewDashboardModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/NewDashboardModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAYlE,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAqoBA"}
+{"version":3,"file":"NewDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/NewDashboardModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAYlE,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAgqBA"}