@quillsql/admin 1.7.1 → 1.7.3

package/dist/esm/public_components/CreateEnvironment.js

@@ -1,256 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */
-import React, { useCallback, useMemo, useState, } from 'react';
-import ConnectDatabase from '../forms/client_onboard/ConnectDatabase';
-import StepDisplay from '../components/StepDisplay';
-import ConnectSchema from '../forms/client_onboard/ConnectSchema';
-import { useAdmin } from '../hooks/useAdmin';
-import { getDatabaseConnectionFormat, } from '../utils/databases';
-import { getTableColumnsBySchema } from '../api/ConnectionClient';
-import { quillFetch } from '../utils/dataFetcher';
-import { useLongLoading } from '../hooks/useLongLoading';
-export default function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
-    const parentRef = React.useRef(null);
-    const { state, dispatch, setClient, getToken, quillFetchWithToken, eventTracking, } = useAdmin();
-    const clerkOrgId = state.client?.clerkOrgId || state.clerkOrgId;
-    const defaultDatabaseType = state.client?.databaseType || 'PostgreSQL';
-    const [createEnvSteps, setCreateEnvSteps] = useState({
-        connectDB: {
-            label: 'Connect Database',
-            open: true,
-        },
-        connectSchema: {
-            label: 'Configure Organization Table',
-            open: false,
-        },
-        createVirtualTables: {
-            label: 'Create Virtual Tables',
-            open: false,
-        },
-    });
-    const [connection, setConnection] = useState(getDatabaseConnectionFormat(state.isSelfHosted ? defaultDatabaseType : 'PostgreSQL'));
-    const [newClient, setNewClient] = useState({});
-    const [databaseSchema, setDatabaseSchema] = useState(undefined);
-    const [sqlTables, setSqlTables] = useState([]);
-    const [onboardingCompleteIsLoading, setOnboardingCompleteIsLoading] = useState(false);
-    const environmentDetails = useMemo(() => ({
-        client: newClient,
-        connection: connection,
-        databaseSchema: databaseSchema,
-    }), [newClient, connection, databaseSchema]);
-    const [tenantInit, setTenantInit] = useState({});
-    const [fetchSchemasLoading, setFetchSchemasLoading] = useState(false);
-    useLongLoading(onboardingCompleteIsLoading, {
-        origin: 'CreateEnvironment',
-        loadDescription: 'Finishing onboarding',
-    });
-    useLongLoading(fetchSchemasLoading, {
-        origin: 'CreateEnvironment',
-        loadDescription: 'Fetching schemas',
-    });
-    const onConnectDatabase = useCallback(async (clientId) => {
-        setTenantInit({});
-        setSqlTables([]);
-        if (newClient.clientId) {
-            await quillFetch({
-                client: {
-                    queryHeaders: state.queryHeaders,
-                    queryEndpoint: state.queryEndpoint,
-                    clientId: newClient.clientId,
-                    withCredentials: false,
-                },
-                task: 'clear-onboarding-state',
-                metadata: {
-                    clientId: newClient.clientId,
-                },
-                getToken,
-            });
-        }
-        eventTracking?.logEvent?.('start-onboarding', {
-            clientId,
-            clerkOrgId,
-        });
-        setNewClient({
-            clientId,
-        });
-    }, [state.queryEndpoint, getToken]);
-    const setEnvironmentDetails = useCallback(async (connectionInfo, schema, selectedSchemaNames, clientId) => {
-        setFetchSchemasLoading(true);
-        setConnection(connectionInfo);
-        setDatabaseSchema(schema);
-        setNewClient({
-            ...newClient,
-            clientId,
-            databaseType: connectionInfo.type,
-            schemaNames: selectedSchemaNames,
-            clerkOrgId,
-        });
-        // FIXME: Error handling
-        try {
-            dispatch({
-                type: 'SET_DATABASE_SCHEMA',
-                payload: { schema: [], id: clientId, loading: true },
-            });
-            await getTableColumnsBySchema(state.isSelfHosted, state.queryEndpoint, clientId, connection.type, getToken, selectedSchemaNames, state.queryHeaders)
-                .then((schema) => {
-                dispatch({
-                    type: 'SET_DATABASE_SCHEMA',
-                    payload: {
-                        schema: schema.columnsByTable,
-                        id: state.client.id,
-                        loading: false,
-                    },
-                });
-                openStep('connectSchema');
-            })
-                .catch((error) => {
-                eventTracking?.logError?.({
-                    type: 'bug', // TODO: determine type
-                    severity: 'high',
-                    message: 'Error fetching schema',
-                    errorMessage: error.message,
-                    errorData: {
-                        caller: 'CreateEnvironment',
-                        function: 'setEnvironmentDetails',
-                    },
-                });
-                console.error(error);
-            });
-        }
-        catch (error) {
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error setting up database',
-                errorMessage: error.message,
-                errorStack: error.stack,
-                errorData: {
-                    caller: 'CreateEnvironment',
-                    function: 'setEnvironmentDetails',
-                },
-            });
-            console.error(error);
-        }
-        setFetchSchemasLoading(false);
-    }, [newClient, connection, databaseSchema]);
-    const openStep = (step) => {
-        const updatedSteps = { ...createEnvSteps };
-        Object.keys(updatedSteps).forEach((key) => {
-            if (key === step) {
-                updatedSteps[key].open = true;
-            }
-            else {
-                updatedSteps[key].open = false;
-            }
-        });
-        setCreateEnvSteps(updatedSteps);
-    };
-    const finishOnboarding = async () => {
-        setOnboardingCompleteIsLoading(true);
-        const orgName = localStorage.getItem('orgName'); // Set via portal, alternatively, pass a prop through Admin Provider
-        // TODO: Anyone could create a client with some domain through this endpoint
-        const response = await quillFetchWithToken({
-            client: {
-                queryEndpoint: state.queryEndpoint,
-                clientId: newClient.clientId,
-                withCredentials: !!state.withCredentials,
-                queryHeaders: state.queryHeaders,
-            },
-            task: 'finish-onboarding',
-            metadata: {
-                client: {
-                    ...newClient,
-                    allTenantTypes: undefined,
-                },
-                clerkOrgId: clerkOrgId,
-                clientId: newClient.clientId,
-                orgName,
-            },
-            adminMode: true,
-        });
-        if (response.status !== 'success') {
-            setOnboardingCompleteIsLoading(false);
-            throw new Error(response.message);
-        }
-        eventTracking?.logEvent?.('finish-onboarding', {
-            clientId: newClient.clientId,
-            clerkOrgId: clerkOrgId,
-        });
-        setClient(response.data.client);
-        dispatch({
-            type: 'UPDATE_CLIENTS',
-            payload: response.data.client,
-        });
-        sessionStorage.removeItem('quill-adminState');
-        sessionStorage.setItem('quill-client', JSON.stringify(response.data.client));
-        dispatch({
-            type: 'SET_SELECTED_DASHBOARD_NAME',
-            payload: {
-                dashboard: null,
-                reportId: undefined,
-            },
-        });
-        onOnboardComplete?.(response.data.client);
-        // setOnboardingCompleteIsLoading(false);
-    };
-    const isTestMode = process.env.TEST_MODE === 'true';
-    const header1Style = {
-        fontWeight: '600',
-        fontSize: '18px',
-        marginBottom: '6px',
-        color: state.theme?.primaryTextColor,
-        fontFamily: state.theme?.fontFamily,
-    };
-    const header2Style = {
-        fontWeight: '500',
-        fontSize: '13px',
-        marginBottom: '4px',
-        fontFamily: state.theme?.fontFamily,
-        color: state.theme?.secondaryTextColor,
-    };
-    return (_jsxs("div", { ref: parentRef, style: {
-            ...containerStyle,
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            gap: 12,
-            paddingTop: 24,
-            paddingBottom: 12,
-        }, children: [isTestMode && (_jsx("div", { id: "quill-client-id", "data-testid": "quill-client-id", "data-create-env-steps": JSON.stringify(createEnvSteps), "data-new-client": JSON.stringify(newClient), "data-database-schema": JSON.stringify(databaseSchema), "data-sql-tables": JSON.stringify(sqlTables), "data-tenant-init": JSON.stringify(tenantInit), "data-connection": JSON.stringify(connection), "data-state": JSON.stringify(state), "data-environment-details": JSON.stringify(environmentDetails), style: { display: 'none' }, children: newClient.clientId })), createEnvSteps.connectDB.open ? (_jsx(ConnectDatabase, { containerStyle: {
-                    padding: '24px',
-                    borderRadius: 6,
-                    border: '1px solid #e7e7e7',
-                    boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
-                }, header1Style: header1Style, header2Style: header2Style, environmentDetails: environmentDetails, setEnvironmentDetails: setEnvironmentDetails, fetchSchemasLoading: fetchSchemasLoading, onConnectDatabase: onConnectDatabase })) : (_jsx(StepDisplay, { label: "Connect Database", completed: !!connection.connectionString && !!newClient?.schemaNames?.length, header1Style: header1Style, onClick: () => {
-                    openStep('connectDB');
-                } })), createEnvSteps.connectSchema.open ? (_jsx(ConnectSchema, { containerStyle: {
-                    padding: '24px',
-                    // width: '50%',
-                    minWidth: 650,
-                    borderRadius: 6,
-                    maxWidth: 1200,
-                    border: '1px solid #e7e7e7',
-                    boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
-                }, header1Style: header1Style, header2Style: header2Style, tenantInit: tenantInit, onTenantCreation: async (tenantInit) => {
-                    setTenantInit(tenantInit);
-                    setNewClient({
-                        ...newClient,
-                        ownerTenantFields: [tenantInit.ownerTenant.tenantField],
-                        allTenantTypes: [tenantInit.ownerTenant],
-                    });
-                    finishOnboarding();
-                }, returnToConnectDatabase: () => {
-                    setNewClient({
-                        ...newClient,
-                        schemaNames: [],
-                    });
-                    setTenantInit({});
-                    setSqlTables([]);
-                    openStep('connectDB');
-                }, databaseSchema: databaseSchema, connection: connection, clientId: newClient.clientId, selectedSchemas: newClient.schemaNames, state: state, label: 'Filter Data By Tenant' })) : (_jsx(StepDisplay, { label: "Filter Data By Tenant", completed: !!tenantInit?.ownerTenant, header1Style: header1Style, onClick: () => {
-                    if (!!connection.connectionString &&
-                        !!newClient?.schemaNames?.length) {
-                        openStep('connectSchema');
-                    }
-                } }))] }));
-}

package/dist/esm/public_components/DashboardManager.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'react';
-export default function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTableManager, containerStyle, }: {
-    navigateToVirtualTableManager?: () => void;
-    containerStyle?: CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DashboardManager.d.ts.map

package/dist/esm/public_components/DashboardManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AA2ChF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,6BAA6B,EAAE,6BAA6B,EAC5D,cAAc,GACf,EAAE;IACD,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAw3BA"}