@quillsql/admin 1.6.3 → 1.7.0

package/dist/esm/forms/client_onboard/ConnectSchema.js

@@ -6,15 +6,20 @@ import { EditTenant } from '../../components/Tenants/EditTenant';
 import CardSection from '../../components/CardSection';
 import { useDatabaseSchema } from '../../hooks/useDatabaseSchema';
 import { MemoizedButton } from '../../components/UiComponents';
+import { useLongLoading } from '../../hooks/useLongLoading';
 export default function ConnectSchema({ containerStyle, header1Style, 
 // header2Style,
 databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSchemas, state, label, returnToConnectDatabase, }) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [formError, setFormError] = useState(undefined);
     const [isSubmitTenantLoading, setSubmitTenantLoading] = useState(false);
+    useLongLoading(isSubmitTenantLoading, {
+        origin: 'ConnectSchema',
+        loadDescription: 'Submitting tenant',
+    });
     const [tenantToEdit, setTenantToEdit] = useState(tenantInit?.ownerTenant);
     const { schema, isLoading } = useDatabaseSchema();
-    const { quillFetchWithToken } = useAdmin();
+    const { quillFetchWithToken, eventTracking } = useAdmin();
     const tenantRequest = async (tenant, mode, isOnboarding) => {
         return await quillFetchWithToken({
             client: {
@@ -70,6 +75,17 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
         }
         catch (e) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error updating tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'ConnectSchema',
+                    function: 'onSubmitEditTenant',
+                },
+            });
             setFormError('Error updating tenant');
         }
         finally {
@@ -99,11 +115,27 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
                 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) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error validating tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'ConnectSchema',
+                    function: 'onValidateEditTenant',
+                },
+            });
             setFormError('Error validating tenant');
             return [];
         }
@@ -123,7 +155,8 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
                         }, children: [_jsx("h2", { style: {
                                     fontSize: 15,
                                     fontWeight: 500,
-                                    color: '#6e6e6e',
+                                    color: state.theme?.secondaryTextColor,
+                                    fontFamily: state.theme?.fontFamily,
                                     paddingBottom: 20,
                                 }, children: `How do you represent your customers in your database?` }), _jsx(EditTenant, { tenant: tenantToEdit, setTenant: (tenant) => setTenantToEdit(tenant), setCreateNewTenant: () => { }, onSubmitEditTenant: onSubmitEditTenant, onValidateEditTenant: onValidateEditTenant, SecondaryButtonComponent: SecondaryButtonPrimitive, TextInputComponent: TextInputPrimitive, ButtonComponent: MemoizedButton, isSubmitTenantLoading: isSubmitTenantLoading, client: {
                                     id: clientId,
@@ -138,6 +171,7 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
                         display: 'flex',
                         flexDirection: 'column',
                         gap: 20,
+                        fontFamily: state.theme?.fontFamily,
                         width: '100%',
                     }, children: [_jsx(CardSection, { children: noTables ? 'Schema Issue' : 'Tenant Issue' }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 5 }, children: [_jsx("div", { style: {
                                         color: 'red',

package/dist/esm/forms/client_onboard/CreateVirtualTables.d.ts

@@ -38,10 +38,11 @@ export declare function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQue
     }) => void;
     addVirtualTable: (e: boolean) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, }: {
+export declare function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, errorType, }: {
     isOpen: boolean;
     setClosed: () => void;
     tenant?: QuillTenant;
     onOverride?: () => void;
+    errorType?: 'missing' | 'type_mismatch';
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CreateVirtualTables.d.ts.map

package/dist/esm/forms/client_onboard/CreateVirtualTables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateVirtualTables.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateVirtualTables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAY3D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;CAClE,2CAoiBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,2CAqHA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,GACX,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,2CA8EA"}
+{"version":3,"file":"CreateVirtualTables.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateVirtualTables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAkB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;CAClE,2CA2jBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,2CA2HA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAqB,GACtB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;CACzC,2CAwHA"}

package/dist/esm/forms/client_onboard/CreateVirtualTables.js

@@ -1,5 +1,5 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { ButtonPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, } from '../../primitives';
 import { createVirtualTable, getQueryFromAiWithConnection, getVirtualTableData, } from '../../api/ConnectionClient';
@@ -12,6 +12,7 @@ import { processColumnReference } from '../../utils/columnProcessing';
 import { useAdmin } from '../../AdminProvider';
 import { SINGLE_TENANT } from '../../utils/constants';
 import { Highlight, themes } from 'prism-react-renderer';
+import { useLongLoading } from '../../hooks/useLongLoading';
 export default function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }) {
     const [queryInfo, setQueryInfo] = useState({
         name: '',
@@ -25,11 +26,24 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
     const [openModalButtonLoading, setOpenModalButtonLoading] = useState(false);
     const [askAIButtonLoading, setAskAIButtonLoading] = useState(false);
     const [runQueryButtonLoading, setRunQueryButtonLoading] = useState(false);
+    useLongLoading(openModalButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Opening virtual table modal',
+    });
+    useLongLoading(askAIButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Asking AI',
+    });
+    useLongLoading(runQueryButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Running query',
+    });
     const [failingTenant, setFailingTenant] = useState(undefined);
+    const [failingTenantErrorType, setFailingTenantErrorType] = useState(undefined);
     const [tableSearchQuery, setTableSearchQuery] = useState('');
     const [displayedTableData, setDisplayedTableData] = useState(databaseSchema);
     const middleColumn = useRef(null);
-    const { getToken, quillFetchWithToken } = useAdmin();
+    const { getToken, quillFetchWithToken, eventTracking } = useAdmin();
     useEffect(() => {
         const scrollToBottom = () => {
             // Scroll to the bottom of the container (or page)
@@ -58,6 +72,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
         }) ?? [], client.clientId, tenantField === SINGLE_TENANT || override ? [] : [tenantField], state.queryEndpoint, state.queryHeaders, getToken);
         if (results.failingTenant) {
             setFailingTenant(results.failingTenant);
+            setFailingTenantErrorType(results.failingTenantErrorType);
             return;
         }
         if (results.success && results.tables) {
@@ -152,7 +167,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                             whiteSpace: 'normal',
                                         }, displayBelow: true, children: _jsx(ButtonPrimitive, { label: 'Ask AI', isLoading: askAIButtonLoading, onClick: async () => {
                                                 setAskAIButtonLoading(true);
-                                                const results = await getQueryFromAiWithConnection(state.queryEndpoint, aiPrompt, client.clientId, getToken, client.schemaNames);
+                                                const results = await getQueryFromAiWithConnection(state.isSelfHosted, databaseSchema, state.queryEndpoint, aiPrompt, client.clientId, getToken, client.schemaNames, state.queryHeaders);
                                                 setQueryInfo({ name: queryInfo.name, query: results });
                                                 setAskAIButtonLoading(false);
                                             }, style: { width: '90px' }, disabled: aiPrompt.trim().length > 500 }) })] }), _jsx("div", { "data-testid": "quill-sql-text-editor", children: _jsx(SqlTextEditor, { value: queryInfo.query, setValue: (e) => {
@@ -161,7 +176,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                         paddingLeft: 16,
                                         paddingRight: 16,
                                         marginTop: 2,
-                                    }, schema: displayedTableData, databaseType: environmentDetails?.type, resizable: false }) }), _jsxs("div", { style: {
+                                    }, schema: databaseSchema, databaseType: environmentDetails?.type, resizable: false }) }), _jsxs("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     paddingTop: 12,
@@ -170,7 +185,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                     height: 70,
                                 }, children: [_jsx(ButtonPrimitive, { label: 'Run query', isLoading: runQueryButtonLoading, onClick: async () => {
                                             setRunQueryButtonLoading(true);
-                                            const getSqlResults = await getVirtualTableData(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken);
+                                            const getSqlResults = await getVirtualTableData(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken, eventTracking, client.queryHeaders);
                                             if (!getSqlResults.success) {
                                                 setErrorInfo({ status: true, msg: getSqlResults.error });
                                             }
@@ -210,6 +225,7 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                                         const duplicateColumns2 = getDuplicateColumns(tableData?.fields);
                                                         if (duplicateColumns2.length > 0) {
                                                             alert(`Ambiguous column names found. Either use aliases or remove the column to make every column name unique: \n\n${duplicateColumns2.join('\n')}`);
+                                                            setOpenModalButtonLoading(false);
                                                             return;
                                                         }
                                                         const clientId = client?.publicKey || client?.clientId;
@@ -304,18 +320,21 @@ export default function CreateVirtualTables({ containerStyle, header1Style, head
                                         completeOnboarding();
                                     }, style: {
                                     // marginBottom: -8,
-                                    }, isLoading: isLoading }) })) : null] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true) }), _jsx(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
+                                    }, isLoading: isLoading }) })) : null] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true), errorType: failingTenantErrorType }), _jsx(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
 }
 export function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }) {
+    const { state: { theme }, } = useAdmin();
     return (_jsx(ModalPrimitive, { isOpen: isOpen, onClose: () => {
             setIsOpen(false);
         }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' }, children: [_jsx("h1", { style: {
                         fontSize: 24,
+                        fontFamily: theme.fontFamily,
                         fontWeight: 600,
                         color: '#212121',
                         paddingBottom: 20,
                     }, children: "Add Virtual Table" }), _jsx("h3", { style: {
                         fontWeight: '600',
+                        fontFamily: theme.fontFamily,
                         fontSize: '14px',
                         marginBottom: '6px',
                         color: '#212121',
@@ -325,6 +344,7 @@ export function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo,
                         setQueryInfo({ name: e.target.value, query: queryInfo.query });
                     }, placeholder: "Name..." }), _jsx("h3", { style: {
                         fontWeight: '600',
+                        fontFamily: theme.fontFamily,
                         fontSize: '14px',
                         marginBottom: '6px',
                         marginTop: '12px',
@@ -356,32 +376,50 @@ export function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo,
                                 setIsOpen(false);
                             } })] })] }) }));
 }
-export function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, }) {
+export function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, errorType = 'missing', }) {
+    const { state: { theme }, } = useAdmin();
     return (_jsx(ModalPrimitive, { isOpen: isOpen, onClose: () => setClosed(), children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: '500px' }, children: [_jsx("h1", { style: {
                         fontSize: 24,
                         fontWeight: 600,
                         color: '#212121',
                         paddingBottom: 14,
-                    }, children: "Foreign Key Missing" }), _jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("span", { style: {
-                                color: '#212121',
-                                fontWeight: 600,
-                                backgroundColor: '#f7f7f7',
-                                padding: '2px 4px',
-                                borderRadius: 4,
-                                border: '1px solid #e0e0e0',
-                            }, children: tenant?.name }), "'s foreign key", ' ', _jsx("span", { style: {
-                                color: 'red',
-                                fontWeight: 600,
-                                backgroundColor: '#f7f7f7',
-                                padding: '2px 4px',
-                                borderRadius: 4,
-                                border: '1px solid #e0e0e0',
-                            }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "is not present in the current query to allow for filtering.", onOverride ? (_jsxs("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', _jsx("strong", { children: "every tenant" }), " (this is rare)"] })) : (_jsxs("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] }), _jsx("br", {}), _jsxs("div", { style: {
+                        fontFamily: theme.fontFamily,
+                    }, children: errorType === 'missing'
+                        ? 'Foreign Key Missing'
+                        : 'Foreign Key Type Mismatch' }), _jsx("div", { style: { marginBottom: '12px', fontFamily: theme.fontFamily }, children: errorType === 'missing' ? (_jsxs(_Fragment, { children: [_jsx("span", { style: {
+                                    color: '#212121',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.name }), "'s foreign key", ' ', _jsx("span", { style: {
+                                    color: 'red',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "is not present in the current query to allow for filtering.", onOverride ? (_jsxs("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', _jsx("strong", { children: "every tenant" }), " (this is rare)"] })) : (_jsxs("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] })) : (_jsxs(_Fragment, { children: ["The foreign key", ' ', _jsx("span", { style: {
+                                    color: 'red',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "in your query has a type that does not match the tenant ID type for", ' ', _jsx("span", { style: {
+                                    color: '#212121',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.name }), ". Please modify your query to ensure the foreign key type matches the tenant ID type."] })) }), _jsx("br", {}), _jsxs("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         gap: '12px',
                         justifyContent: 'flex-end',
-                    }, children: [onOverride && (_jsx(SecondaryButtonPrimitive, { label: "Override", onClick: () => {
+                    }, children: [onOverride && errorType === 'missing' && (_jsx(SecondaryButtonPrimitive, { label: "Override", onClick: () => {
                                 onOverride();
                                 setClosed();
                             } })), _jsx(ButtonPrimitive, { label: "Got It", onClick: () => setClosed() })] })] }) }));

package/dist/esm/forms/client_onboard/__tests__/ConnectSchema.test.js

@@ -64,6 +64,7 @@ describe('ConnectSchema', () => {
     const mockGetToken = jest.fn();
     const mockQuillFetchWithToken = jest.fn();
     const mockState = {
+        isSelfHosted: false,
         queryEndpoint: 'http://test-endpoint',
         loading: true,
         publicKey: 'test-key',
@@ -90,7 +91,7 @@ describe('ConnectSchema', () => {
         theme: defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
-        domainName: '',
+        clerkOrgId: '',
         databaseTypeMismatch: { show: false, backendDatabaseType: '' },
         selectedTenantField: undefined,
         selectedTenantValues: undefined,

package/dist/esm/forms/client_onboard/__tests__/CreateVirtualTables.test.js

@@ -47,6 +47,7 @@ describe('CreateVirtualTables', () => {
     const mockGetToken = jest.fn();
     const mockQuillFetchWithToken = jest.fn();
     const mockState = {
+        isSelfHosted: false,
         queryEndpoint: 'http://test-endpoint',
         loading: true,
         publicKey: 'test-key',
@@ -74,7 +75,7 @@ describe('CreateVirtualTables', () => {
         theme: defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
-        domainName: '',
+        clerkOrgId: '',
         databaseTypeMismatch: { show: false, backendDatabaseType: '' },
         selectedTenantField: undefined,
         selectedTenantValues: undefined,

package/dist/esm/forms/virtual_tables/CreateEditVirtualTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateEditVirtualTable.d.ts","sourceRoot":"","sources":["../../../../src/forms/virtual_tables/CreateEditVirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAOL,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAU,cAAc,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,UAAU,2BAA2B;IACnC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,EAAE,CACnB,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,MAAM,EAAE,EAC3B,IAAI,CAAC,EAAE,MAAM,EACb,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,GAAG,EAAE,EACf,QAAQ,CAAC,EAAE,OAAO,KACf,IAAI,CAAC;IACV,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,gBAA2C,EAC3C,eAAgC,EAChC,wBAAkD,EAClD,SAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAqgB3C"}
+{"version":3,"file":"CreateEditVirtualTable.d.ts","sourceRoot":"","sources":["../../../../src/forms/virtual_tables/CreateEditVirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAOL,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEL,cAAc,EACd,KAAK,IAAI,SAAS,EACnB,MAAM,mBAAmB,CAAC;AAW3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,UAAU,2BAA2B;IACnC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,EAAE,CACnB,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,MAAM,EAAE,EAC3B,IAAI,CAAC,EAAE,MAAM,EACb,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,GAAG,EAAE,EACf,QAAQ,CAAC,EAAE,OAAO,KACf,IAAI,CAAC;IACV,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,gBAA2C,EAC3C,eAAgC,EAChC,wBAAkD,EAClD,SAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA6mB3C"}

package/dist/esm/forms/virtual_tables/CreateEditVirtualTable.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Table, SchemaListComponent, } from '@quillsql/react';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useAdmin } from '../../AdminProvider';
 import { getQueryFromAiWithConnection, getVirtualTableData, } from '../../api/ConnectionClient';
 import SqlTextEditor from '../../components/SqlTextEditor';
@@ -8,7 +8,7 @@ import { LoadingSpinner, MemoizedButton, MemoizedSecondaryButton, MemoizedTextIn
 import { TenantFieldModal } from '../client_onboard/CreateVirtualTables';
 import DynamicBanner from '../../components/DynamicBanner';
 import { getDuplicateColumns } from '../../public_components/VirtualTableManager';
-import { processColumnReference } from '../../utils/columnProcessing';
+import { isNumberType, isStringType, processColumnReference, } from '../../utils/columnProcessing';
 import { processJoinASTWithDuplicateColumns } from '../../utils/astProcessing';
 import { SINGLE_TENANT } from '../../utils/constants';
 import { onlySingleDatabaseTenant } from '../../utils/tenants';
@@ -24,6 +24,7 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
         client.ownerTenantFields?.filter((f) => f !== SINGLE_TENANT) ??
         []);
     const [failingTenant, setFailingTenant] = useState(undefined);
+    const [failingTenantErrorType, setFailingTenantErrorType] = useState(undefined);
     const [isLoading, setIsLoading] = useState(false);
     const [tableSearchQuery, setTableSearchQuery] = useState('');
     const [editorMounted, setEditorMounted] = useState(false);
@@ -31,14 +32,37 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
     const [errorInfo, setErrorInfo] = useState({ show: false, message: '' });
     const [tableData, setTableData] = useState(undefined);
     const [runningQuery, setRunningQuery] = useState(false);
-    const { state, getToken, quillFetchWithToken } = useAdmin();
+    const { state, getToken, quillFetchWithToken, eventTracking } = useAdmin();
+    const containerRef = useRef(null);
     const addEditProcessVirtualTable = async (override = false) => {
-        const failingTenant = virtualTableOwners?.find((field) => tableData &&
+        const missingTenantField = virtualTableOwners?.find((field) => tableData &&
             !tableData.fields.find((col) => col.name === field?.replaceAll('"', '')));
-        if (!override && tableData && failingTenant) {
-            const tenant = client.allTenantTypes?.find((t) => t.tenantField === failingTenant);
-            setFailingTenant(tenant);
-            return;
+        if (!override && tableData) {
+            if (missingTenantField) {
+                const tenant = client.allTenantTypes?.find((t) => t.tenantField === missingTenantField);
+                setFailingTenant(tenant);
+                setFailingTenantErrorType('missing');
+                return;
+            }
+            else {
+                // let typeMismatchedTenant: QuillTenant | undefined;
+                // check that the all tenant field type match
+                // loop through all virtualTableOwneers and check the field type
+                const typeMismatchedTenant = virtualTableOwners.find((owner) => {
+                    const tenant = client.allTenantTypes?.find((t) => t.tenantField === owner);
+                    const tableDataField = tableData.fields.find((col) => col.name === owner?.replaceAll('"', ''));
+                    return ((tenant?.fieldType === 'string' &&
+                        isNumberType(tableDataField?.fieldType ?? '')) ||
+                        (tenant?.fieldType === 'number' &&
+                            isStringType(tableDataField?.fieldType ?? '')));
+                });
+                if (typeMismatchedTenant) {
+                    const tenant = client.allTenantTypes?.find((t) => t.tenantField === typeMismatchedTenant);
+                    setFailingTenant(tenant);
+                    setFailingTenantErrorType('type_mismatch');
+                    return;
+                }
+            }
         }
         addEditVirtualTable(initialVirtualTable ? 'edit' : 'add', ranVirtualTableQuery, virtualTableOwners, name, initialVirtualTable ? initialVirtualTable._id : undefined, tableData?.fields || [], override);
     };
@@ -53,6 +77,12 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
     // Run query on mount
     useEffect(() => {
         if (initialVirtualTable) {
+            eventTracking?.addBreadcrumb?.({
+                message: 'Initial Query Run on CreateEditVirtualTable load',
+                category: 'network',
+                level: 'info',
+                timestamp: Date.now(),
+            });
             handleRunQuery(initialVirtualTable.viewQuery);
         }
     }, []);
@@ -60,7 +90,13 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
         setErrorInfo({ show: false, message: '' });
         setVirtualTableAddable(false);
         setAskAIButtonLoading(true);
-        const results = await getQueryFromAiWithConnection(state.queryEndpoint, aiPrompt, state.client._id, getToken, state.client.schemaNames);
+        eventTracking?.addBreadcrumb?.({
+            message: 'Used Ask AI in CreateEditVirtualTable',
+            category: 'network',
+            level: 'info',
+            timestamp: Date.now(),
+        });
+        const results = await getQueryFromAiWithConnection(state.isSelfHosted, allTableData, state.queryEndpoint, aiPrompt, state.client._id, getToken, state.client.schemaNames, state.queryHeaders);
         setEditVirtualTableQuery(results);
         setAskAIButtonLoading(false);
     };
@@ -105,7 +141,7 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
             return;
         }
         setIsLoading(true);
-        const resp = await getVirtualTableData(state.client._id, query, state.client.databaseType, state.queryEndpoint, getToken);
+        const resp = await getVirtualTableData(state.client._id, query, state.client.databaseType, state.queryEndpoint, getToken, eventTracking, state.queryHeaders);
         if (!resp.success) {
             setErrorInfo({ show: true, message: resp.error });
             setTableData(undefined);
@@ -169,13 +205,16 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
         setIsLoading(false);
         setRunningQuery(false);
     };
-    return (_jsx("div", { style: {
-            ...containerStyle,
+    return (_jsx("div", { ref: containerRef, style: {
             gap: 6,
-            height: 'calc(100vh - 130px)',
+            height: containerRef.current
+                ? `calc(100vh - ${containerRef.current.getBoundingClientRect().top ?? 0}px - 80px)`
+                : '100%',
+            // overflow: 'scroll',
+            ...containerStyle,
         }, children: _jsxs("div", { style: { display: 'flex', height: '100%', flexDirection: 'column' }, children: [_jsx(DynamicBanner, { header: initialVirtualTable
                         ? `Edit "${initialVirtualTable.name}" Virtual Table`
-                        : 'Create Virtual Table', onExit: initialVirtualTable ? undefined : closeEditVirtualTable }), _jsxs("div", { style: {
+                        : 'Create Virtual Table', onExit: initialVirtualTable ? undefined : closeEditVirtualTable, theme: state.theme }), _jsxs("div", { style: {
                         width: '100%',
                         display: 'flex',
                         height: '100%',
@@ -239,10 +278,27 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
                                                     flexDirection: 'row',
                                                     justifyContent: 'space-between',
                                                 }, children: [_jsx(ButtonComponent, { label: 'Run query', onClick: () => {
+                                                            eventTracking?.addBreadcrumb?.({
+                                                                message: 'Clicked run query button in CreateEditVirtualTable',
+                                                                category: 'interaction',
+                                                                level: 'info',
+                                                                timestamp: Date.now(),
+                                                            });
                                                             handleRunQuery();
                                                         } }), !!dashboardOwnerTenants?.length && (_jsx(QuillMultiSelectComponentWithCombo, { label: 'Owner Tenants', width: 230, value: virtualTableOwners, options: dashboardOwnerTenants?.map((f) => {
                                                             return { value: f.tenantField, label: f.name };
-                                                        }) ?? [], onChange: (e) => setVirtualTableOwners(e.target.value), allSelectedLabel: _jsx("div", { children: "All tenants" }), noneSelectedLabel: _jsx("div", { children: "No owners" }) }))] })), errorInfo.show ? (_jsx("div", { style: {
+                                                        }) ?? [], onChange: (e) => {
+                                                            setVirtualTableOwners(e.target.value);
+                                                            eventTracking?.addBreadcrumb?.({
+                                                                message: 'Changed owner tenants in CreateEditVirtualTable',
+                                                                category: 'interaction',
+                                                                level: 'info',
+                                                                timestamp: Date.now(),
+                                                                data: {
+                                                                    ownerTenants: e.target.value,
+                                                                },
+                                                            });
+                                                        }, allSelectedLabel: _jsx("div", { children: "All tenants" }), noneSelectedLabel: _jsx("div", { children: "No owners" }) }))] })), errorInfo.show ? (_jsx("div", { style: {
                                                     fontSize: 15,
                                                     fontWeight: '400',
                                                     width: '100%',
@@ -264,7 +320,37 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
                                         flexDirection: 'row',
                                         gap: 12,
                                         marginTop: 'auto',
-                                    }, children: [_jsx(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }), _jsx(ButtonComponent, { label: `${initialVirtualTable ? 'Save changes' : 'Create virtual table'}`, onClick: () => {
+                                    }, children: [_jsx(SecondaryButtonComponent, { onClick: () => {
+                                                closeEditVirtualTable();
+                                                eventTracking?.addBreadcrumb?.({
+                                                    message: 'Clicked discard changes button in CreateEditVirtualTable',
+                                                    category: 'interaction',
+                                                    level: 'info',
+                                                    timestamp: Date.now(),
+                                                });
+                                            }, label: 'Discard changes' }), _jsx(ButtonComponent, { label: `${initialVirtualTable ? 'Save changes' : 'Create virtual table'}`, onClick: () => {
+                                                if (initialVirtualTable) {
+                                                    eventTracking?.addBreadcrumb?.({
+                                                        message: 'Saved changes to existing virtual table',
+                                                        data: {
+                                                            virtualTable: initialVirtualTable.name,
+                                                        },
+                                                        category: 'interaction',
+                                                        level: 'info',
+                                                        timestamp: Date.now(),
+                                                    });
+                                                }
+                                                else {
+                                                    eventTracking?.addBreadcrumb?.({
+                                                        message: 'Created new virtual table',
+                                                        data: {
+                                                            virtualTable: name,
+                                                        },
+                                                        category: 'interaction',
+                                                        level: 'info',
+                                                        timestamp: Date.now(),
+                                                    });
+                                                }
                                                 const duplicateColumns = getDuplicateColumns(tableData?.fields);
                                                 if (duplicateColumns.length > 0) {
                                                     alert(`Ambiguous column names found. Either use aliases or remove the column to make every column name unique: \n\n${duplicateColumns.join('\n')}`);
@@ -284,5 +370,5 @@ export default function CreateEditVirtualTable({ containerStyle, initialVirtualT
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: 12,
-                                    }, children: _jsx(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }) }))] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant })] }) }));
+                                    }, children: _jsx(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }) }))] })] }), _jsx(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, errorType: failingTenantErrorType })] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useDatabaseSchema.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDatabaseSchema.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;CAuD7B,CAAC"}
+{"version":3,"file":"useDatabaseSchema.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDatabaseSchema.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;CA2E7B,CAAC"}

package/dist/esm/hooks/useDatabaseSchema.js

@@ -1,15 +1,20 @@
 import { useAdmin } from '../AdminProvider';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { getTableColumnsBySchema } from '../api/ConnectionClient';
 export const useDatabaseSchema = () => {
-    const { state, dispatch, getToken } = useAdmin();
+    const { state, dispatch, getToken, eventTracking } = useAdmin();
     const [isLoading, setIsLoading] = useState(state.databaseSchema?.id !== state.client.id);
+    const idRef = useRef(null);
     useEffect(() => {
         const fetchSchema = async () => {
             if ((state.databaseSchema?.schema?.length ||
                 state.databaseSchema?.loading) &&
                 state.databaseSchema?.id === state.client.id)
                 return;
+            if (idRef.current === state.client.id) {
+                return;
+            }
+            idRef.current = state.client.id;
             try {
                 dispatch({
                     type: 'SET_DATABASE_SCHEMA',
@@ -20,7 +25,7 @@ export const useDatabaseSchema = () => {
                     },
                 });
                 setIsLoading(true);
-                const schema = await getTableColumnsBySchema(state.queryEndpoint, state.client.id, getToken);
+                const schema = await getTableColumnsBySchema(state.isSelfHosted, state.queryEndpoint, state.client.id, state.client.databaseType, getToken, state.client.schemaNames ?? [], state.queryHeaders);
                 dispatch({
                     type: 'SET_DATABASE_SCHEMA',
                     payload: {
@@ -31,6 +36,17 @@ export 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/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"}