@quillsql/admin 1.3.1 → 1.3.3

package/dist/forms/client_onboard/ConnectDatabase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,OAAO,EACL,eAAe,EACf,cAAc,EAIf,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,qBAAqB,EAAE,CACrB,cAAc,CAAC,EAAE,cAAc,EAC/B,aAAa,CAAC,EAAE,aAAa,EAC7B,WAAW,CAAC,EAAE,eAAe,KAC1B,IAAI,CAAC;CACX,2CAwRA"}

package/dist/forms/client_onboard/ConnectDatabase.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const primitives_1 = require("../../primitives");
+const DatabaseSelector_1 = __importDefault(require("../../components/DatabaseSelector"));
+const databases_1 = require("../../utils/databases");
+const ConnectionClient_1 = require("../../api/ConnectionClient");
+const delay_1 = require("../../utils/delay");
+function ConnectDatabase({ containerStyle, header1Style, header2Style, setEnvironmentDetails, environmentDetails, }) {
+    const [showError, setShowError] = (0, react_1.useState)(false);
+    const [connectButtonMessage, setConnectButtonMessage] = (0, react_1.useState)('Connect');
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const [databaseConnectionDetails, setConnectionDetails] = (0, react_1.useState)(environmentDetails);
+    const onDatabaseSelect = (database) => {
+        setConnectionDetails((0, databases_1.getDatabaseConnectionFormat)(database));
+    };
+    const testConnection = async () => {
+        const connectionString = (0, databases_1.formConnectionString)(databaseConnectionDetails);
+        const result = await (0, ConnectionClient_1.testConnectionString)(connectionString);
+        if (result) {
+            try {
+                const suspectedSchema = await (0, ConnectionClient_1.getSchemaTableInfo)(connectionString, 'public');
+                setConnectButtonMessage('Connecting');
+                // Stop the next code from running for a second
+                // This is to show the connecting message
+                await (0, delay_1.delay)(1000);
+                if ('selectedFields' in suspectedSchema) {
+                    setConnectButtonMessage('Connected ✅');
+                    await (0, delay_1.delay)(2000);
+                    setEnvironmentDetails(databaseConnectionDetails, suspectedSchema, undefined);
+                }
+                else {
+                    setConnectButtonMessage('Connected ✅');
+                    await (0, delay_1.delay)(2000);
+                    setEnvironmentDetails(databaseConnectionDetails, undefined, suspectedSchema);
+                }
+            }
+            catch (e) {
+                setConnectButtonMessage('Connect');
+                setShowError(true);
+            }
+        }
+        else {
+            setConnectButtonMessage('Connect');
+            setShowError(true);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...containerStyle }, id: "connect-database-form", children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: "Connect Database" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 12 }, children: [(0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, fontWeight: 600, color: '#565656' }, children: "Database type" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: 10 }, children: databases_1.DATABASE_DEFAULT_INFO.map((database) => {
+                            return ((0, jsx_runtime_1.jsx)(DatabaseSelector_1.default, { onDatabaseSelect: onDatabaseSelect, containerStyle: { marginBottom: '12px' }, label: database.label, value: database.value, imageUrl: database.imageUrl }, database.label));
+                        }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                            // width: '100%',
+                            maxWidth: 330,
+                            display: 'flex',
+                            flexDirection: 'row',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                            padding: '6px 12px',
+                            marginTop: '20px',
+                            marginBottom: '18px',
+                            borderRadius: 6,
+                            cursor: 'pointer',
+                        }, onClick: () => {
+                            navigator.clipboard.writeText('34.133.137.225');
+                            setCopied(true);
+                            setTimeout(() => setCopied(false), 1500);
+                        }, className: "quill-active", children: [(0, jsx_runtime_1.jsx)("style", { children: `.quill-active { background: #fff; border: 1px solid #e7e7e7; } 
+        .quill-active:hover { background: #fff; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7 }
+        .quill-active:active { background: #fff; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.07); border: 1px solid #9DC4F8; outline: 2px solid #9DC4F8; }
+        ` }), (0, jsx_runtime_1.jsx)("div", { style: { ...header2Style, color: '#212121', marginBottom: '0px' }, children: (0, jsx_runtime_1.jsx)("h2", { style: {
+                                        WebkitUserSelect: 'none',
+                                        MozUserSelect: 'none',
+                                        msUserSelect: 'none',
+                                        userSelect: 'none',
+                                    }, children: "Whitelist Quill's IP" }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    gap: '6px',
+                                    cursor: 'pointer',
+                                    marginLeft: '12px',
+                                }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
+                                            ...header2Style,
+                                            color: '#212121',
+                                            marginBottom: '0px',
+                                        }, children: "34.133.137.225" }), (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "#212121", width: 18, height: 18, children: [(0, jsx_runtime_1.jsx)("path", { d: "M7 3.5A1.5 1.5 0 0 1 8.5 2h3.879a1.5 1.5 0 0 1 1.06.44l3.122 3.12A1.5 1.5 0 0 1 17 6.622V12.5a1.5 1.5 0 0 1-1.5 1.5h-1v-3.379a3 3 0 0 0-.879-2.121L10.5 5.379A3 3 0 0 0 8.379 4.5H7v-1Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.5 6A1.5 1.5 0 0 0 3 7.5v9A1.5 1.5 0 0 0 4.5 18h7a1.5 1.5 0 0 0 1.5-1.5v-5.879a1.5 1.5 0 0 0-.44-1.06L9.44 6.439A1.5 1.5 0 0 0 8.378 6H4.5Z" })] })] })] }), copied && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            fontSize: 13,
+                            fontWeight: 600,
+                            color: '#565656',
+                            marginLeft: 16,
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            gap: 6,
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { children: "\u2705" }), " ", (0, jsx_runtime_1.jsx)("div", { children: "Copied to clipboard" })] }))] }), databaseConnectionDetails && ((0, jsx_runtime_1.jsxs)("div", { children: [databaseConnectionDetails.type === 'PostgreSQL' && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, fontWeight: 600 }, children: "Connection String" }), (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { onChange: (e) => {
+                                        setConnectionDetails({
+                                            ...databaseConnectionDetails,
+                                            connectionString: e.target.value,
+                                        });
+                                    }, value: databaseConnectionDetails.connectionString })] }) })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            ...header1Style,
+                            textAlign: 'center',
+                            fontSize: 14,
+                            color: '#565656',
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            paddingTop: 24,
+                            paddingBottom: 0,
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } }), (0, jsx_runtime_1.jsx)("div", { style: { padding: 12 }, children: "or" }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } })] }), (0, jsx_runtime_1.jsx)("div", { id: "database-details-form", children: (0, jsx_runtime_1.jsx)("div", { style: {
+                                display: 'grid',
+                                gridTemplateColumns: 'repeat(3, 1fr)',
+                                gap: '20px',
+                                justifyContent: 'space-between',
+                                marginTop: '16px',
+                            }, children: 
+                            // get a list of types in the databaseConnectionDetails object and create a form for each
+                            Object.entries(databaseConnectionDetails).map(([key, value]) => {
+                                if (key !== 'connectionString' && key !== 'type')
+                                    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { style: {
+                                                    ...header2Style,
+                                                    fontWeight: '600',
+                                                }, children: key
+                                                    .split(/(?=[A-Z])/)
+                                                    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                                                    .join(' ') }), (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { onChange: (e) => {
+                                                    setConnectionDetails({
+                                                        ...databaseConnectionDetails,
+                                                        [key]: e.target.value,
+                                                    });
+                                                }, value: value, disabled: key === 'type' })] }, key));
+                            }) }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            width: '100%',
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                            marginTop: '24px',
+                        }, children: [showError ? ((0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, color: 'red' }, children: "Couldn't connect to database." })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: connectButtonMessage, onClick: testConnection })] })] }))] }));
+}
+exports.default = ConnectDatabase;
+//# sourceMappingURL=ConnectDatabase.js.map

package/dist/forms/client_onboard/ConnectDatabase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectDatabase.js","sourceRoot":"","sources":["../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"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"}

package/dist/forms/client_onboard/ConnectSchema.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+import { SchemaDetails } from '../../utils/schema';
+import { ConnectionError, ConnectionType } from '../../utils/databases';
+export default function ConnectSchema({ containerStyle, header1Style, header2Style, allSchemaInfo, environmentDetails, propogateSchemaDetails, initialError, }: {
+    containerStyle?: CSSProperties;
+    header1Style?: CSSProperties;
+    header2Style?: CSSProperties;
+    allSchemaInfo?: SchemaDetails;
+    environmentDetails?: ConnectionType;
+    initialError?: ConnectionError;
+    propogateSchemaDetails: (schemaDetails?: SchemaDetails) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectSchema.d.ts.map

package/dist/forms/client_onboard/ConnectSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectSchema.d.ts","sourceRoot":"","sources":["../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAIlE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AASnD,OAAO,EACL,eAAe,EACf,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,sBAAsB,EAAE,CAAC,aAAa,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACjE,2CA6RA"}

package/dist/forms/client_onboard/ConnectSchema.js

@@ -0,0 +1,178 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const primitives_1 = require("../../primitives");
+const DropDownMenuWithLabel_1 = __importDefault(require("../../components/DropDownMenuWithLabel"));
+const ConnectionClient_1 = require("../../api/ConnectionClient");
+const databases_1 = require("../../utils/databases");
+function ConnectSchema({ containerStyle, header1Style, header2Style, allSchemaInfo, environmentDetails, propogateSchemaDetails, initialError, }) {
+    const [schemaDetails, setSchemaDetails] = (0, react_1.useState)(allSchemaInfo);
+    const [schemaError, setSchemaError] = (0, react_1.useState)(initialError);
+    const [formError, setFormError] = (0, react_1.useState)({ show: false, message: '' });
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...containerStyle }, id: "connect-database-form", children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: "Select Organization Table" }), (0, jsx_runtime_1.jsx)("h2", { style: header2Style, children: "Select which table you use for organizations (your customers). Quill uses this table to partition data by organization." }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    marginTop: 16,
+                    width: '100%',
+                    display: 'flex',
+                    flexDirection: 'row',
+                    gap: '16px',
+                    alignItems: 'flex-end',
+                    paddingBottom: '16px',
+                }, children: [(0, jsx_runtime_1.jsx)(DropDownMenuWithLabel_1.default, { items: schemaDetails?.schemas || schemaError?.schemas || [], setSelected: async (e) => {
+                            const tables = await (0, ConnectionClient_1.getTablesBySchema)((0, databases_1.formConnectionString)(environmentDetails), e);
+                            if (tables) {
+                                setFormError({ show: false, message: '' });
+                                setSchemaError(undefined);
+                                setSchemaDetails({
+                                    ...schemaDetails,
+                                    schemas: schemaDetails?.schemas || schemaError?.schemas || [],
+                                    tables: tables,
+                                    columns: [],
+                                    organizations: [],
+                                    foreignKeys: [],
+                                    selectedFields: {
+                                        schema: e,
+                                    },
+                                });
+                            }
+                            else {
+                                setSchemaDetails({
+                                    schemas: schemaDetails?.schemas || schemaError?.schemas || [],
+                                    tables: undefined,
+                                    columns: [],
+                                    organizations: [],
+                                    foreignKeys: [],
+                                    selectedFields: {
+                                        schema: e,
+                                    },
+                                });
+                                setSchemaError({
+                                    schemas: schemaDetails?.schemas || schemaError?.schemas || [],
+                                    message: "Invalid permissions. Unable to access to '" +
+                                        e +
+                                        "' schema.",
+                                    schemaName: e,
+                                });
+                            }
+                        }, selected: schemaDetails?.selectedFields?.schema || schemaError?.schemaName, label: 'Schema' }), schemaError?.schemas.length === 0 && ((0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Re-fetch", onClick: async () => {
+                            const suspectedSchema = await (0, ConnectionClient_1.getSchemaTableInfo)((0, databases_1.formConnectionString)(environmentDetails), 'public');
+                            if ('selectedFields' in suspectedSchema) {
+                                setSchemaError(undefined);
+                                setSchemaDetails(suspectedSchema);
+                            }
+                            else {
+                                setSchemaError(suspectedSchema);
+                            }
+                        } }))] }), schemaDetails?.tables && ((0, jsx_runtime_1.jsxs)("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',
+                            //   flexWrap: 'wrap',
+                            //   width: '100%',
+                            //   gap: '16px',
+                            // }}
+                            style: {
+                                display: 'grid',
+                                gridTemplateColumns: 'repeat(3, 1fr)',
+                                gap: '20px',
+                                justifyContent: 'space-between',
+                                marginTop: '8px',
+                            }, children: [(0, jsx_runtime_1.jsx)(DropDownMenuWithLabel_1.default, { items: schemaDetails?.tables || [], setSelected: async (e) => {
+                                        const columns = await (0, ConnectionClient_1.getTableInfo)((0, databases_1.formConnectionString)(environmentDetails), schemaDetails?.selectedFields?.schema, e);
+                                        setSchemaDetails({
+                                            ...schemaDetails,
+                                            columns: columns.columns,
+                                            foreignKeys: [],
+                                            organizations: [],
+                                            selectedFields: {
+                                                schema: schemaDetails?.selectedFields?.schema,
+                                                table: e,
+                                            },
+                                        });
+                                    }, selected: schemaDetails?.selectedFields?.table, label: 'Organization table' }), (0, jsx_runtime_1.jsx)(DropDownMenuWithLabel_1.default, { items: schemaDetails?.columns || [], setSelected: async (e) => {
+                                        const fkStrings = await (0, ConnectionClient_1.getFKInfo)((0, databases_1.formConnectionString)(environmentDetails), schemaDetails?.selectedFields?.schema, schemaDetails?.selectedFields?.table, e);
+                                        if (schemaDetails?.selectedFields.customerNameField) {
+                                            const organizations = await (0, ConnectionClient_1.getOrgInfo)((0, databases_1.formConnectionString)(environmentDetails), schemaDetails?.selectedFields?.schema, schemaDetails?.selectedFields?.table, e, schemaDetails?.selectedFields.customerNameField);
+                                            setSchemaDetails({
+                                                ...schemaDetails,
+                                                organizations: organizations,
+                                                selectedFields: {
+                                                    ...schemaDetails?.selectedFields,
+                                                    organizationIdField: e,
+                                                },
+                                            });
+                                        }
+                                        setSchemaDetails({
+                                            ...schemaDetails,
+                                            foreignKeys: fkStrings,
+                                            selectedFields: {
+                                                ...schemaDetails?.selectedFields,
+                                                organizationIdField: e,
+                                            },
+                                        });
+                                    }, selected: schemaDetails?.selectedFields?.organizationIdField, label: 'Organization ID field' }), (0, jsx_runtime_1.jsx)(DropDownMenuWithLabel_1.default, { items: schemaDetails?.columns || [], setSelected: async (e) => {
+                                        if (schemaDetails?.selectedFields.organizationIdField) {
+                                            const organizations = await (0, ConnectionClient_1.getOrgInfo)((0, databases_1.formConnectionString)(environmentDetails), schemaDetails?.selectedFields?.schema, schemaDetails?.selectedFields?.table, schemaDetails?.selectedFields.organizationIdField, e);
+                                            setSchemaDetails({
+                                                ...schemaDetails,
+                                                organizations: organizations,
+                                                selectedFields: {
+                                                    ...schemaDetails?.selectedFields,
+                                                    customerNameField: e,
+                                                },
+                                            });
+                                        }
+                                        else {
+                                            setSchemaDetails({
+                                                ...schemaDetails,
+                                                selectedFields: {
+                                                    ...schemaDetails?.selectedFields,
+                                                    customerNameField: e,
+                                                },
+                                            });
+                                        }
+                                    }, selected: schemaDetails?.selectedFields?.customerNameField, label: 'Organization name field' }), (0, jsx_runtime_1.jsx)(DropDownMenuWithLabel_1.default, { items: schemaDetails?.organizations?.map((orgObj) => orgObj.name) ||
+                                        [], setSelected: async (e) => {
+                                        const orgObj = schemaDetails?.organizations?.find((orgObj) => orgObj.name === e);
+                                        setSchemaDetails({
+                                            ...schemaDetails,
+                                            selectedFields: {
+                                                ...schemaDetails?.selectedFields,
+                                                defaultOrg: orgObj,
+                                            },
+                                        });
+                                    }, selected: schemaDetails?.selectedFields?.defaultOrg?.name, label: 'Default organization' }), (0, jsx_runtime_1.jsx)(DropDownMenuWithLabel_1.default, { items: schemaDetails?.foreignKeys || [], setSelected: async (e) => {
+                                        setSchemaDetails({
+                                            ...schemaDetails,
+                                            selectedFields: {
+                                                ...schemaDetails?.selectedFields,
+                                                foreignKey: e,
+                                            },
+                                        });
+                                    }, selected: schemaDetails?.selectedFields?.foreignKey, label: 'Foreign key' })] }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            width: '100%',
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                            marginTop: '12px',
+                        }, children: [formError.show ? ((0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, color: 'red' }, children: formError.message })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Confirm", onClick: () => {
+                                    if (schemaDetails?.selectedFields?.schema &&
+                                        schemaDetails?.selectedFields?.table &&
+                                        schemaDetails?.selectedFields?.organizationIdField &&
+                                        schemaDetails?.selectedFields?.customerNameField &&
+                                        schemaDetails?.selectedFields?.defaultOrg &&
+                                        schemaDetails?.selectedFields?.foreignKey) {
+                                        propogateSchemaDetails(schemaDetails);
+                                    }
+                                    else {
+                                        setFormError({
+                                            show: true,
+                                            message: 'Please complete all dropdowns',
+                                        });
+                                    }
+                                } })] })] })), schemaError?.message && ((0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, color: 'red' }, children: schemaError.message }))] }));
+}
+exports.default = ConnectSchema;
+//# sourceMappingURL=ConnectSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectSchema.js","sourceRoot":"","sources":["../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"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"}

package/dist/forms/client_onboard/CreateSqlViews.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { ColumnsByTable } from '../../utils/table';
+import { SchemaDetails } from '../../utils/schema';
+import { ConnectionType } from '../../utils/databases';
+export default function CreateSQLViews({ containerStyle, header1Style, header2Style, columnsByTable, environmentDetails, allSchemaInfo, domainName, completeOnboarding, }: {
+    containerStyle?: CSSProperties;
+    header1Style?: CSSProperties;
+    header2Style?: CSSProperties;
+    columnsByTable: ColumnsByTable[];
+    environmentDetails?: ConnectionType;
+    allSchemaInfo?: SchemaDetails;
+    domainName: string | undefined;
+    completeOnboarding: (client: any) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateSqlViews.d.ts.map

package/dist/forms/client_onboard/CreateSqlViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateSqlViews.d.ts","sourceRoot":"","sources":["../../../src/forms/client_onboard/CreateSqlViews.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAa3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAwB,MAAM,uBAAuB,CAAC;AAG7E,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,kBAAkB,GACnB,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,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3C,2CA8VA"}

package/dist/forms/client_onboard/CreateSqlViews.js

@@ -0,0 +1,209 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const primitives_1 = require("../../primitives");
+const react_2 = require("@quillsql/react");
+const ConnectionClient_1 = require("../../api/ConnectionClient");
+const databases_1 = require("../../utils/databases");
+const SqlViewTile_1 = __importDefault(require("../../components/SqlViewTile"));
+function CreateSQLViews({ containerStyle, header1Style, header2Style, columnsByTable, environmentDetails, allSchemaInfo, domainName, completeOnboarding, }) {
+    const [selectedTable, setSelectedTable] = (0, react_1.useState)(undefined);
+    const [queryInfo, setQueryInfo] = (0, react_1.useState)({
+        name: '',
+        query: '',
+    });
+    const [aiPrompt, setAIPrompt] = (0, react_1.useState)('');
+    const [errorInfo, setErrorInfo] = (0, react_1.useState)({ status: false, msg: '' });
+    const [sqlQueryError, setSqlQueryInfo] = (0, react_1.useState)({ status: false, msg: '' });
+    const [tableData, setTableData] = (0, react_1.useState)(undefined);
+    const [client, setClient] = (0, react_1.useState)(undefined);
+    const [sqlTables, setSqlTables] = (0, react_1.useState)([]);
+    const [askAIButton, setAskAIButton] = (0, react_1.useState)('Ask AI');
+    const [runQueryButtonLabel, setRunQueryButtonLabel] = (0, react_1.useState)('Run query');
+    const [showFKModal, setShowFKModal] = (0, react_1.useState)(false);
+    const addSqlView = async (override) => {
+        const results = await (0, ConnectionClient_1.createSQLView)(environmentDetails, allSchemaInfo, columnsByTable, queryInfo, client, domainName, tableData, sqlTables.map((e) => {
+            return e.name;
+        }), override);
+        if (results.throwModal) {
+            setShowFKModal(true);
+            return;
+        }
+        if (results.success) {
+            setSqlQueryInfo({ msg: '', status: false });
+            setClient(results.client);
+            setSqlTables(results.tables);
+        }
+        else {
+            setSqlQueryInfo({ msg: results.message, status: true });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        window.scrollTo({
+            behavior: 'smooth',
+            top: 900,
+        });
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            ...containerStyle,
+            display: 'flex',
+            flexDirection: 'column',
+            overflow: 'hidden',
+        }, id: "create-sql-view", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    padding: 20,
+                    paddingBottom: 12,
+                    height: 92,
+                    maxHeight: 92,
+                    minHeight: 92,
+                }, children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: "Add SQL Views" }), (0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style }, children: "Create a cleaned schema that makes it easier to write queries." })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    borderTop: 'solid 1px #e7e7e7',
+                    height: 'calc(100vh - 143px)',
+                }, children: [(0, jsx_runtime_1.jsxs)("div", { id: "form-editor-table", style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            width: 'calc(100% - 300px)',
+                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    justifyContent: 'space-between',
+                                    gap: 12,
+                                    paddingLeft: 16,
+                                    paddingRight: 16,
+                                    height: 70,
+                                }, children: [(0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { onChange: (e) => {
+                                            setAIPrompt(e.target.value);
+                                        }, placeholder: 'Describe a query...', value: aiPrompt }), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: askAIButton, onClick: async () => {
+                                            setAskAIButton('Loading...');
+                                            const results = await (0, ConnectionClient_1.getQueryFromAI)(aiPrompt, columnsByTable);
+                                            setQueryInfo({ name: queryInfo.name, query: results });
+                                            setAskAIButton('Ask AI');
+                                        }, style: { width: '90px' } })] }), (0, jsx_runtime_1.jsx)(react_2.SqlTextEditor, { value: queryInfo.query, setValue: (e) => {
+                                    setQueryInfo({ name: queryInfo.name, query: e });
+                                }, containerStyle: { paddingLeft: 16, paddingRight: 16 } }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'flex',
+                                    flexDirection: 'row',
+                                    justifyContent: 'space-between',
+                                    alignItems: 'center',
+                                    paddingLeft: 16,
+                                    paddingRight: 16,
+                                    height: 70,
+                                }, children: [(0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: runQueryButtonLabel, onClick: async () => {
+                                            setRunQueryButtonLabel('Querying...');
+                                            const connectionString = (0, databases_1.formConnectionString)(environmentDetails);
+                                            const getSqlResults = await (0, ConnectionClient_1.getSqlViewData)(connectionString, queryInfo.query);
+                                            if (!getSqlResults.success) {
+                                                setErrorInfo({ status: true, msg: getSqlResults.error });
+                                            }
+                                            else {
+                                                setErrorInfo({ status: false, msg: '' });
+                                                setTableData(getSqlResults);
+                                            }
+                                            setRunQueryButtonLabel('Run query');
+                                        } }), errorInfo.status ? ((0, jsx_runtime_1.jsx)("h2", { style: {
+                                            ...header2Style,
+                                            color: 'red',
+                                            paddingTop: '12px',
+                                            textTransform: 'capitalize',
+                                        }, children: errorInfo.msg })) : ((0, jsx_runtime_1.jsx)("div", {}))] }), !errorInfo.status && tableData && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                    paddingLeft: 16,
+                                    paddingRight: 16,
+                                    height: 'calc(100vh - 515px)',
+                                }, children: [(0, jsx_runtime_1.jsx)(react_2.Table, { rows: tableData.rows, columns: tableData.columns, 
+                                        // height="400px"
+                                        containerStyle: {
+                                            height: 'calc(100vh - 589px)',
+                                            width: '100%',
+                                        }, showDownloadCsvButton: false }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                            width: '100%',
+                                            display: 'flex',
+                                            justifyContent: 'space-between',
+                                            alignItems: 'center',
+                                            height: 70,
+                                        }, children: [sqlQueryError.status ? ((0, jsx_runtime_1.jsx)("h2", { style: {
+                                                    ...header2Style,
+                                                    color: 'red',
+                                                    paddingTop: '12px',
+                                                    // textTransform: 'capitalize',
+                                                }, children: sqlQueryError.msg })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Add SQL View", onClick: () => addSqlView(false) })] })] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            // width: '30%',
+                            background: '#fafafa',
+                            borderLeft: 'solid 1px #e7e7e7',
+                            width: 300,
+                            height: 'calc(100vh - 154px)',
+                        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                                    ...header1Style,
+                                    color: '#212121',
+                                    paddingLeft: 16,
+                                    height: 70,
+                                    background: 'white',
+                                    borderBottom: 'solid 1px #e7e7e7',
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    justifyContent: 'center',
+                                    alignItems: 'flex-start',
+                                }, children: "SQL Views" }), sqlTables.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: { height: 'calc(100vh - 302px)' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'grid',
+                                        gridTemplateColumns: 'repeat(auto-fill, minmax(245px, 1fr))',
+                                        gridAutoRows: '200px',
+                                        gap: '10px',
+                                        overflow: 'auto',
+                                        height: 'calc(100vh - 302px)',
+                                        paddingLeft: '12px',
+                                        paddingRight: '12px',
+                                    }, children: [sqlTables.map((e) => {
+                                            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(SqlViewTile_1.default, { name: e.name, query: e.viewQuery, header1Style: header1Style, header2Style: header2Style }) }, e.name));
+                                        }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } })] }) })) : ((0, jsx_runtime_1.jsx)("div", { style: { paddingLeft: 12, paddingRight: 12 }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                                        display: 'flex',
+                                        justifyContent: 'center',
+                                        alignItems: 'center',
+                                        border: 'dashed 1px #C5C5C5',
+                                        marginTop: '12px',
+                                        borderRadius: 6,
+                                        height: 200,
+                                    }, children: (0, jsx_runtime_1.jsxs)("h2", { style: {
+                                            ...header2Style,
+                                            display: 'flex',
+                                            justifyContent: 'center',
+                                            alignItems: 'center',
+                                            color: '#565656',
+                                            textAlign: 'center',
+                                        }, children: ['No SQL views yet.', (0, jsx_runtime_1.jsx)("br", {}), 'Add one with the SQL editor.'] }) }) })), sqlTables.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    display: 'flex',
+                                    justifyContent: 'flex-end',
+                                    flexDirection: 'row',
+                                    alignItems: 'center',
+                                    height: 70,
+                                    paddingRight: 12,
+                                    background: 'white',
+                                    borderTop: 'solid 1px #e7e7e7',
+                                }, children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Go to dashboard", onClick: () => {
+                                        completeOnboarding(client);
+                                    }, style: { width: 276 } }) })) : null] })] }), (0, jsx_runtime_1.jsx)(ForeignKeyModal, { isOpen: showFKModal, setIsOpen: setShowFKModal, override: addSqlView, foreignKey: allSchemaInfo?.selectedFields.foreignKey, tableName: allSchemaInfo?.selectedFields.table })] }));
+}
+exports.default = CreateSQLViews;
+function ForeignKeyModal({ isOpen, setIsOpen, override, foreignKey, tableName, }) {
+    return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: isOpen, close: () => {
+            setIsOpen(false);
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: '600px' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                        fontSize: 24,
+                        fontWeight: 600,
+                        color: '#212121',
+                        paddingBottom: 14,
+                    }, children: `Organization Foreign Key "${foreignKey}" Not Found` }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [`Your organization table `, (0, jsx_runtime_1.jsx)("strong", { children: `"${tableName}"` }), ` foreign key  `, (0, jsx_runtime_1.jsx)("strong", { children: `"${foreignKey}"` }), " is not present in the current query. If this query will never have organization specific data on it (this is rare), override this message.`"] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        gap: '12px',
+                        justifyContent: 'flex-end',
+                    }, children: [(0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Got It", onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Override", variant: "danger", onClick: () => {
+                                override(true);
+                                setIsOpen(false);
+                            } })] })] }) }));
+}
+//# sourceMappingURL=CreateSqlViews.js.map