@quillsql/admin 1.7.1 → 1.7.2

package/dist/cjs/public_components/CreateEnvironment.js

@@ -1,295 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CreateEnvironment;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */
-const react_1 = __importStar(require("react"));
-const ConnectDatabase_1 = __importDefault(require("../forms/client_onboard/ConnectDatabase"));
-const StepDisplay_1 = __importDefault(require("../components/StepDisplay"));
-const ConnectSchema_1 = __importDefault(require("../forms/client_onboard/ConnectSchema"));
-const useAdmin_1 = require("../hooks/useAdmin");
-const databases_1 = require("../utils/databases");
-const ConnectionClient_1 = require("../api/ConnectionClient");
-const dataFetcher_1 = require("../utils/dataFetcher");
-const useLongLoading_1 = require("../hooks/useLongLoading");
-function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
-    const parentRef = react_1.default.useRef(null);
-    const { state, dispatch, setClient, getToken, quillFetchWithToken, eventTracking, } = (0, useAdmin_1.useAdmin)();
-    const clerkOrgId = state.client?.clerkOrgId || state.clerkOrgId;
-    const defaultDatabaseType = state.client?.databaseType || 'PostgreSQL';
-    const [createEnvSteps, setCreateEnvSteps] = (0, react_1.useState)({
-        connectDB: {
-            label: 'Connect Database',
-            open: true,
-        },
-        connectSchema: {
-            label: 'Configure Organization Table',
-            open: false,
-        },
-        createVirtualTables: {
-            label: 'Create Virtual Tables',
-            open: false,
-        },
-    });
-    const [connection, setConnection] = (0, react_1.useState)((0, databases_1.getDatabaseConnectionFormat)(state.isSelfHosted ? defaultDatabaseType : 'PostgreSQL'));
-    const [newClient, setNewClient] = (0, react_1.useState)({});
-    const [databaseSchema, setDatabaseSchema] = (0, react_1.useState)(undefined);
-    const [sqlTables, setSqlTables] = (0, react_1.useState)([]);
-    const [onboardingCompleteIsLoading, setOnboardingCompleteIsLoading] = (0, react_1.useState)(false);
-    const environmentDetails = (0, react_1.useMemo)(() => ({
-        client: newClient,
-        connection: connection,
-        databaseSchema: databaseSchema,
-    }), [newClient, connection, databaseSchema]);
-    const [tenantInit, setTenantInit] = (0, react_1.useState)({});
-    const [fetchSchemasLoading, setFetchSchemasLoading] = (0, react_1.useState)(false);
-    (0, useLongLoading_1.useLongLoading)(onboardingCompleteIsLoading, {
-        origin: 'CreateEnvironment',
-        loadDescription: 'Finishing onboarding',
-    });
-    (0, useLongLoading_1.useLongLoading)(fetchSchemasLoading, {
-        origin: 'CreateEnvironment',
-        loadDescription: 'Fetching schemas',
-    });
-    const onConnectDatabase = (0, react_1.useCallback)(async (clientId) => {
-        setTenantInit({});
-        setSqlTables([]);
-        if (newClient.clientId) {
-            await (0, dataFetcher_1.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 = (0, react_1.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 (0, ConnectionClient_1.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 ((0, jsx_runtime_1.jsxs)("div", { ref: parentRef, style: {
-            ...containerStyle,
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            gap: 12,
-            paddingTop: 24,
-            paddingBottom: 12,
-        }, children: [isTestMode && ((0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsx)(ConnectDatabase_1.default, { 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 })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Connect Database", completed: !!connection.connectionString && !!newClient?.schemaNames?.length, header1Style: header1Style, onClick: () => {
-                    openStep('connectDB');
-                } })), createEnvSteps.connectSchema.open ? ((0, jsx_runtime_1.jsx)(ConnectSchema_1.default, { 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' })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Filter Data By Tenant", completed: !!tenantInit?.ownerTenant, header1Style: header1Style, onClick: () => {
-                    if (!!connection.connectionString &&
-                        !!newClient?.schemaNames?.length) {
-                        openStep('connectSchema');
-                    }
-                } }))] }));
-}

package/dist/cjs/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/cjs/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"}