@quillsql/admin 1.7.0 → 1.7.2

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

@@ -1,207 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ConnectSchema;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const primitives_1 = require("../../primitives");
-const AdminProvider_1 = require("../../AdminProvider");
-const EditTenant_1 = require("../../components/Tenants/EditTenant");
-const CardSection_1 = __importDefault(require("../../components/CardSection"));
-const useDatabaseSchema_1 = require("../../hooks/useDatabaseSchema");
-const UiComponents_1 = require("../../components/UiComponents");
-const useLongLoading_1 = require("../../hooks/useLongLoading");
-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] = (0, react_1.useState)(undefined);
-    const [isSubmitTenantLoading, setSubmitTenantLoading] = (0, react_1.useState)(false);
-    (0, useLongLoading_1.useLongLoading)(isSubmitTenantLoading, {
-        origin: 'ConnectSchema',
-        loadDescription: 'Submitting tenant',
-    });
-    const [tenantToEdit, setTenantToEdit] = (0, react_1.useState)(tenantInit?.ownerTenant);
-    const { schema, isLoading } = (0, useDatabaseSchema_1.useDatabaseSchema)();
-    const { quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
-    const tenantRequest = async (tenant, mode, isOnboarding) => {
-        return await quillFetchWithToken({
-            client: {
-                queryEndpoint: state.queryEndpoint,
-                queryHeaders: state.queryHeaders,
-                clientId,
-                withCredentials: !!state.withCredentials,
-            },
-            task: `${mode}-tenant`,
-            metadata: {
-                clientId: tenant.clientId,
-                tenantIdToEdit: tenant?.id,
-                tenant: {
-                    ...tenant,
-                    tenantIds: undefined,
-                },
-                isOnboarding,
-            },
-            adminMode: true,
-        });
-    };
-    (0, react_1.useEffect)(() => {
-        if (!isLoading && !schema?.length) {
-            setFormError('No tables returned for your selected schemas');
-        }
-    }, [isLoading]);
-    const noTables = (0, react_1.useMemo)(() => formError === 'No tables returned for your selected schemas', [formError]);
-    const onSubmitEditTenant = async (tenant, creation, isOnboarding) => {
-        if (!tenant)
-            return;
-        setSubmitTenantLoading(true);
-        try {
-            const response = await tenantRequest(tenant, creation ? 'create' : 'edit', isOnboarding);
-            const editedTenant = {
-                ...response.data.tenant,
-                tenantIds: tenant.scope === 'database'
-                    ? undefined
-                    : response.queries.queryResults[0].rows?.map((row) => ({
-                        id: response.data.tenant.fieldType === 'number'
-                            ? Number(row[response.data.tenant.tenantField])
-                            : row[response.data.tenant.tenantField],
-                        flag: row.quill_flag,
-                        label: row.quill_label,
-                    })),
-            };
-            onTenantCreation({
-                ...tenantInit,
-                ownerTenant: editedTenant,
-            });
-            setTimeout(() => {
-                setTenantToEdit(undefined);
-            }, 50);
-        }
-        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 {
-            setTimeout(() => {
-                setSubmitTenantLoading(false);
-            }, 50);
-        }
-    };
-    const onValidateEditTenant = async (tenant, isOnboarding) => {
-        setSubmitTenantLoading(true);
-        try {
-            const response = await tenantRequest(tenant, 'validate', isOnboarding);
-            if (response.error) {
-                throw new Error(response.error);
-            }
-            else {
-                const tenantFieldDataType = response.queries.queryResults[0].fields.find((field) => field.name === response.data.tenant.tenantField)?.dataTypeID;
-                // Taken from convertPostgresColumn
-                const isNumber = [20, 21, 23, 700, 701, 1700].includes(tenantFieldDataType);
-                const results = response.queries.queryResults[0].rows?.map((row) => ({
-                    id: isNumber
-                        ? Number(row[response.data.tenant.tenantField])
-                        : row[response.data.tenant.tenantField],
-                    flag: row.quill_flag,
-                    label: row.quill_label,
-                }));
-                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 [];
-        }
-        finally {
-            setTimeout(() => {
-                setSubmitTenantLoading(false);
-            }, 50);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...containerStyle }, id: "connect-database-form", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                }, children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: label }), tenantInit?.ownerTenant && ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z", clipRule: "evenodd" }) }))] }), databaseSchema && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: { gap: 16 }, id: "database-details-form", children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                        }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
-                                    fontSize: 15,
-                                    fontWeight: 500,
-                                    color: state.theme?.secondaryTextColor,
-                                    fontFamily: state.theme?.fontFamily,
-                                    paddingBottom: 20,
-                                }, children: `How do you represent your customers in your database?` }), (0, jsx_runtime_1.jsx)(EditTenant_1.EditTenant, { tenant: tenantToEdit, setTenant: (tenant) => setTenantToEdit(tenant), setCreateNewTenant: () => { }, onSubmitEditTenant: onSubmitEditTenant, onValidateEditTenant: onValidateEditTenant, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, ButtonComponent: UiComponents_1.MemoizedButton, isSubmitTenantLoading: isSubmitTenantLoading, client: {
-                                    id: clientId,
-                                    _id: clientId,
-                                    schemaNames: selectedSchemas,
-                                    databaseType: connection.type,
-                                    allTenantTypes: [],
-                                    ownerTenantFields: state.client.ownerTenantFields ?? [],
-                                }, queryEndpoint: state.queryEndpoint, ModalComponent: primitives_1.ModalPrimitive, hideDiscardChanges: true, isOnboarding: true })] }) }) })), (0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: !!formError, onClose: () => setFormError(undefined), style: {
-                    width: 420,
-                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: 20,
-                        fontFamily: state.theme?.fontFamily,
-                        width: '100%',
-                    }, children: [(0, jsx_runtime_1.jsx)(CardSection_1.default, { children: noTables ? 'Schema Issue' : 'Tenant Issue' }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 5 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                        color: 'red',
-                                        fontWeight: 600,
-                                        fontFamily: 'monospace',
-                                        border: '1px solid #e0e0e0',
-                                        padding: 8,
-                                        borderRadius: 4,
-                                        backgroundColor: '#f5f5f5',
-                                        marginBottom: 8,
-                                    }, children: formError }), !noTables ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Things to try" }), (0, jsx_runtime_1.jsxs)("ul", { style: { paddingLeft: 16 }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
-                .error-bullet {
-                  list-style-type: disc;
-                  margin-left: 20px;
-                }
-              ` }), (0, jsx_runtime_1.jsx)("li", { className: "error-bullet", children: "Double check you are referencing the correct table" }), (0, jsx_runtime_1.jsx)("li", { className: "error-bullet", children: "If you don't want to filter data per tenant, select \"Database Level\"" }), (0, jsx_runtime_1.jsx)("li", { className: "error-bullet", children: "Ensure the user for your connection has access to the schemas and tables that you are referencing" })] })] })) : ((0, jsx_runtime_1.jsx)("div", { children: "Try selecting different schemas or ensuring the permsissions for your connection are set properly." }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'flex-end',
-                                gap: 16,
-                                width: '100%',
-                            }, children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Close", onClick: () => {
-                                    setFormError(undefined);
-                                    if (noTables)
-                                        returnToConnectDatabase();
-                                } }) })] }) })] }));
-}

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

@@ -1,48 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColumnsByTable } from '../../utils/table';
-import { ConnectionType } from '../../utils/databases';
-import { State } from '../../AdminProvider';
-import { QuillTenant } from '../../utils/tenants';
-import { QuillProviderClient } from '@quillsql/react/dist/cjs/models/Client';
-import { TenantInit } from '../../utils/schema';
-export default function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }: {
-    containerStyle?: CSSProperties;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-    databaseSchema: ColumnsByTable[];
-    environmentDetails?: ConnectionType;
-    completeOnboarding: () => void;
-    client: Partial<QuillProviderClient>;
-    state: State;
-    tenantInit: Partial<TenantInit>;
-    isLoading: boolean;
-    sqlTables: {
-        name: string;
-        viewQuery: string;
-    }[];
-    setSqlTables: (e: {
-        name: string;
-        viewQuery: string;
-    }[]) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }: {
-    isOpen: boolean;
-    setIsOpen: (e: boolean) => void;
-    queryInfo: {
-        name: string;
-        query: string;
-    };
-    setQueryInfo: (e: {
-        name: string;
-        query: string;
-    }) => void;
-    addVirtualTable: (e: boolean) => Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;
-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/cjs/forms/client_onboard/CreateVirtualTables.d.ts.map

@@ -1 +0,0 @@
-{"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"}