@quillsql/admin 1.6.4 → 1.7.0

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

@@ -20,6 +20,7 @@ const columnProcessing_1 = require("../../utils/columnProcessing");
 const AdminProvider_1 = require("../../AdminProvider");
 const constants_1 = require("../../utils/constants");
 const prism_react_renderer_1 = require("prism-react-renderer");
+const useLongLoading_1 = require("../../hooks/useLongLoading");
 function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }) {
     const [queryInfo, setQueryInfo] = (0, react_2.useState)({
         name: '',
@@ -33,11 +34,24 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
     const [openModalButtonLoading, setOpenModalButtonLoading] = (0, react_2.useState)(false);
     const [askAIButtonLoading, setAskAIButtonLoading] = (0, react_2.useState)(false);
     const [runQueryButtonLoading, setRunQueryButtonLoading] = (0, react_2.useState)(false);
+    (0, useLongLoading_1.useLongLoading)(openModalButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Opening virtual table modal',
+    });
+    (0, useLongLoading_1.useLongLoading)(askAIButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Asking AI',
+    });
+    (0, useLongLoading_1.useLongLoading)(runQueryButtonLoading, {
+        origin: 'CreateVirtualTables',
+        loadDescription: 'Running query',
+    });
     const [failingTenant, setFailingTenant] = (0, react_2.useState)(undefined);
+    const [failingTenantErrorType, setFailingTenantErrorType] = (0, react_2.useState)(undefined);
     const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
     const [displayedTableData, setDisplayedTableData] = (0, react_2.useState)(databaseSchema);
     const middleColumn = (0, react_2.useRef)(null);
-    const { getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { getToken, quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
     (0, react_2.useEffect)(() => {
         const scrollToBottom = () => {
             // Scroll to the bottom of the container (or page)
@@ -66,6 +80,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
         }) ?? [], client.clientId, tenantField === constants_1.SINGLE_TENANT || override ? [] : [tenantField], state.queryEndpoint, state.queryHeaders, getToken);
         if (results.failingTenant) {
             setFailingTenant(results.failingTenant);
+            setFailingTenantErrorType(results.failingTenantErrorType);
             return;
         }
         if (results.success && results.tables) {
@@ -169,7 +184,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
                                         paddingLeft: 16,
                                         paddingRight: 16,
                                         marginTop: 2,
-                                    }, schema: displayedTableData, databaseType: environmentDetails?.type, resizable: false }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    }, schema: databaseSchema, databaseType: environmentDetails?.type, resizable: false }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     paddingTop: 12,
@@ -178,7 +193,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
                                     height: 70,
                                 }, children: [(0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: 'Run query', isLoading: runQueryButtonLoading, onClick: async () => {
                                             setRunQueryButtonLoading(true);
-                                            const getSqlResults = await (0, ConnectionClient_1.getVirtualTableData)(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken, client.queryHeaders);
+                                            const getSqlResults = await (0, ConnectionClient_1.getVirtualTableData)(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken, eventTracking, client.queryHeaders);
                                             if (!getSqlResults.success) {
                                                 setErrorInfo({ status: true, msg: getSqlResults.error });
                                             }
@@ -218,6 +233,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
                                                         const duplicateColumns2 = (0, VirtualTableManager_1.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;
@@ -312,7 +328,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
                                         completeOnboarding();
                                     }, style: {
                                     // marginBottom: -8,
-                                    }, isLoading: isLoading }) })) : null] })] }), (0, jsx_runtime_1.jsx)(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true) }), (0, jsx_runtime_1.jsx)(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
+                                    }, isLoading: isLoading }) })) : null] })] }), (0, jsx_runtime_1.jsx)(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true), errorType: failingTenantErrorType }), (0, jsx_runtime_1.jsx)(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
 }
 function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }) {
     const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
@@ -368,32 +384,50 @@ function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirt
                                 setIsOpen(false);
                             } })] })] }) }));
 }
-function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, }) {
+function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, errorType = 'missing', }) {
+    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: isOpen, onClose: () => setClosed(), children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: '500px' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                         fontSize: 24,
                         fontWeight: 600,
                         color: '#212121',
                         paddingBottom: 14,
-                    }, children: "Foreign Key Missing" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
-                                color: '#212121',
-                                fontWeight: 600,
-                                backgroundColor: '#f7f7f7',
-                                padding: '2px 4px',
-                                borderRadius: 4,
-                                border: '1px solid #e0e0e0',
-                            }, children: tenant?.name }), "'s foreign key", ' ', (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsxs)("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', (0, jsx_runtime_1.jsx)("strong", { children: "every tenant" }), " (this is rare)"] })) : ((0, jsx_runtime_1.jsxs)("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        fontFamily: theme.fontFamily,
+                    }, children: errorType === 'missing'
+                        ? 'Foreign Key Missing'
+                        : 'Foreign Key Type Mismatch' }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '12px', fontFamily: theme.fontFamily }, children: errorType === 'missing' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                                    color: '#212121',
+                                    fontWeight: 600,
+                                    backgroundColor: '#f7f7f7',
+                                    padding: '2px 4px',
+                                    borderRadius: 4,
+                                    border: '1px solid #e0e0e0',
+                                }, children: tenant?.name }), "'s foreign key", ' ', (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsxs)("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', (0, jsx_runtime_1.jsx)("strong", { children: "every tenant" }), " (this is rare)"] })) : ((0, jsx_runtime_1.jsxs)("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The foreign key", ' ', (0, jsx_runtime_1.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", ' ', (0, jsx_runtime_1.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."] })) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         gap: '12px',
                         justifyContent: 'flex-end',
-                    }, children: [onOverride && ((0, jsx_runtime_1.jsx)(primitives_1.SecondaryButtonPrimitive, { label: "Override", onClick: () => {
+                    }, children: [onOverride && errorType === 'missing' && ((0, jsx_runtime_1.jsx)(primitives_1.SecondaryButtonPrimitive, { label: "Override", onClick: () => {
                                 onOverride();
                                 setClosed();
                             } })), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Got It", onClick: () => setClosed() })] })] }) }));

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

@@ -96,7 +96,7 @@ describe('ConnectSchema', () => {
         theme: Admin_1.defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
-        domainName: '',
+        clerkOrgId: '',
         databaseTypeMismatch: { show: false, backendDatabaseType: '' },
         selectedTenantField: undefined,
         selectedTenantValues: undefined,

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

@@ -80,7 +80,7 @@ describe('CreateVirtualTables', () => {
         theme: Admin_1.defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
-        domainName: '',
+        clerkOrgId: '',
         databaseTypeMismatch: { show: false, backendDatabaseType: '' },
         selectedTenantField: undefined,
         selectedTenantValues: undefined,

package/dist/cjs/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,CA+gB3C"}
+{"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/cjs/forms/virtual_tables/CreateEditVirtualTable.js

@@ -30,6 +30,7 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
         client.ownerTenantFields?.filter((f) => f !== constants_1.SINGLE_TENANT) ??
         []);
     const [failingTenant, setFailingTenant] = (0, react_2.useState)(undefined);
+    const [failingTenantErrorType, setFailingTenantErrorType] = (0, react_2.useState)(undefined);
     const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
     const [editorMounted, setEditorMounted] = (0, react_2.useState)(false);
@@ -37,15 +38,37 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
     const [errorInfo, setErrorInfo] = (0, react_2.useState)({ show: false, message: '' });
     const [tableData, setTableData] = (0, react_2.useState)(undefined);
     const [runningQuery, setRunningQuery] = (0, react_2.useState)(false);
-    const { state, getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, getToken, quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
     const containerRef = (0, react_2.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' &&
+                        (0, columnProcessing_1.isNumberType)(tableDataField?.fieldType ?? '')) ||
+                        (tenant?.fieldType === 'number' &&
+                            (0, columnProcessing_1.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);
     };
@@ -60,6 +83,12 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
     // Run query on mount
     (0, react_2.useEffect)(() => {
         if (initialVirtualTable) {
+            eventTracking?.addBreadcrumb?.({
+                message: 'Initial Query Run on CreateEditVirtualTable load',
+                category: 'network',
+                level: 'info',
+                timestamp: Date.now(),
+            });
             handleRunQuery(initialVirtualTable.viewQuery);
         }
     }, []);
@@ -67,6 +96,12 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
         setErrorInfo({ show: false, message: '' });
         setVirtualTableAddable(false);
         setAskAIButtonLoading(true);
+        eventTracking?.addBreadcrumb?.({
+            message: 'Used Ask AI in CreateEditVirtualTable',
+            category: 'network',
+            level: 'info',
+            timestamp: Date.now(),
+        });
         const results = await (0, ConnectionClient_1.getQueryFromAiWithConnection)(state.isSelfHosted, allTableData, state.queryEndpoint, aiPrompt, state.client._id, getToken, state.client.schemaNames, state.queryHeaders);
         setEditVirtualTableQuery(results);
         setAskAIButtonLoading(false);
@@ -112,7 +147,7 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
             return;
         }
         setIsLoading(true);
-        const resp = await (0, ConnectionClient_1.getVirtualTableData)(state.client._id, query, state.client.databaseType, state.queryEndpoint, getToken, state.queryHeaders);
+        const resp = await (0, ConnectionClient_1.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);
@@ -249,10 +284,27 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
                                                     flexDirection: 'row',
                                                     justifyContent: 'space-between',
                                                 }, children: [(0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.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: (0, jsx_runtime_1.jsx)("div", { children: "All tenants" }), noneSelectedLabel: (0, jsx_runtime_1.jsx)("div", { children: "No owners" }) }))] })), errorInfo.show ? ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("div", { children: "All tenants" }), noneSelectedLabel: (0, jsx_runtime_1.jsx)("div", { children: "No owners" }) }))] })), errorInfo.show ? ((0, jsx_runtime_1.jsx)("div", { style: {
                                                     fontSize: 15,
                                                     fontWeight: '400',
                                                     width: '100%',
@@ -274,7 +326,37 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
                                         flexDirection: 'row',
                                         gap: 12,
                                         marginTop: 'auto',
-                                    }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }), (0, jsx_runtime_1.jsx)(ButtonComponent, { label: `${initialVirtualTable ? 'Save changes' : 'Create virtual table'}`, onClick: () => {
+                                    }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => {
+                                                closeEditVirtualTable();
+                                                eventTracking?.addBreadcrumb?.({
+                                                    message: 'Clicked discard changes button in CreateEditVirtualTable',
+                                                    category: 'interaction',
+                                                    level: 'info',
+                                                    timestamp: Date.now(),
+                                                });
+                                            }, label: 'Discard changes' }), (0, jsx_runtime_1.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 = (0, VirtualTableManager_1.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')}`);
@@ -294,5 +376,5 @@ function CreateEditVirtualTable({ containerStyle, initialVirtualTable, closeEdit
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: 12,
-                                    }, children: (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }) }))] })] }), (0, jsx_runtime_1.jsx)(CreateVirtualTables_1.TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant })] }) }));
+                                    }, children: (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: closeEditVirtualTable, label: 'Discard changes' }) }))] })] }), (0, jsx_runtime_1.jsx)(CreateVirtualTables_1.TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, errorType: failingTenantErrorType })] }) }));
 }

package/dist/cjs/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;;;CAgE7B,CAAC"}
+{"version":3,"file":"useDatabaseSchema.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDatabaseSchema.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;CA2E7B,CAAC"}

package/dist/cjs/hooks/useDatabaseSchema.js

@@ -5,7 +5,7 @@ const AdminProvider_1 = require("../AdminProvider");
 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, AdminProvider_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 AdminProvider_1 = require("../AdminProvider");
+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, AdminProvider_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/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

@@ -14,7 +14,7 @@ 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, AdminProvider_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 AdminProvider_1 = require("../AdminProvider");
+const primitives_1 = require("../primitives");
+const CreateEnvironment_1 = __importDefault(require("../public_components/CreateEnvironment"));
+function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }) {
+    const { onOnboardComplete } = (0, AdminProvider_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"}