@quillsql/admin 1.6.0 → 1.6.2

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

@@ -1,245 +1,167 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ButtonPrimitive, TextInputPrimitive } from '../../primitives';
-import DropdownMenuWithLabel from '../../components/DropDownMenuWithLabel';
-import { getFKInfo, getOrgInfo, getSchemaTableInfo, getSqlViewData, getTableInfo, getTablesBySchema, processCustomerOrgViewQuery, } from '../../api/ConnectionClient';
-export default function ConnectSchema({ containerStyle, header1Style, header2Style, allSchemaInfo, environmentDetails, propogateSchemaDetails, initialError, clientId, parentRef, state, }) {
-    const [schemaDetails, setSchemaDetails] = useState(allSchemaInfo);
-    const [schemaError, setSchemaError] = useState(initialError);
-    const [formError, setFormError] = useState({ show: false, message: '' });
-    const [runQueryButtonLabel, setRunQueryButtonLabel] = useState('Run query');
-    const [errorInfo, setErrorInfo] = useState({ status: false, msg: '' });
-    const [customerViewQuery, setCustomerViewQuery] = useState('');
-    const handleQuerySuccess = async (getSqlResults) => {
-        const processedResults = await processCustomerOrgViewQuery(customerViewQuery, allSchemaInfo?.selectedFields.schema || '', clientId);
-        if (processedResults.success === false) {
-            setErrorInfo({
-                status: true,
-                msg: processedResults.message || 'Failed to process the query.',
-            });
-            return;
-        }
-        setSchemaDetails({
-            ...schemaDetails,
-            // @ts-ignore
-            selectedFields: {
-                ...schemaDetails?.selectedFields,
-                table: processedResults.table,
-                organizationIdField: 'id',
-                customerNameField: 'name',
-                customerView: customerViewQuery,
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { ButtonPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, } from '../../primitives';
+import { useAdmin } from '../../AdminProvider';
+import { EditTenant } from '../../components/Tenants/EditTenant';
+import CardSection from '../../components/CardSection';
+import { useDatabaseSchema } from '../../hooks/useDatabaseSchema';
+import { MemoizedButton } from '../../components/UiComponents';
+export default 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] = useState(undefined);
+    const [isSubmitTenantLoading, setSubmitTenantLoading] = useState(false);
+    const [tenantToEdit, setTenantToEdit] = useState(tenantInit?.ownerTenant);
+    const { schema, isLoading } = useDatabaseSchema();
+    const { quillFetchWithToken } = 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,
             },
-            customQueryFKs: processedResults.fkInfo,
-            customQueryOrganizations: getSqlResults.rows,
+            adminMode: true,
         });
     };
-    return (_jsxs("div", { style: { ...containerStyle }, id: "connect-database-form", children: [_jsx("h1", { style: header1Style, children: "Select Organization Table" }), _jsx("h2", { style: header2Style, children: "Select which table you use for organizations (your customers). Quill uses this table to partition data by organization." }), _jsxs("div", { style: {
-                    marginTop: 16,
-                    width: '100%',
+    useEffect(() => {
+        if (!isLoading && !schema?.length) {
+            setFormError('No tables returned for your selected schemas');
+        }
+    }, [isLoading]);
+    const noTables = 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);
+            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'}`);
+                }
+                return results;
+            }
+        }
+        catch (e) {
+            console.log('error', e);
+            setFormError('Error validating tenant');
+            return [];
+        }
+        finally {
+            setTimeout(() => {
+                setSubmitTenantLoading(false);
+            }, 50);
+        }
+    };
+    return (_jsxs("div", { style: { ...containerStyle }, id: "connect-database-form", children: [_jsxs("div", { style: {
                     display: 'flex',
                     flexDirection: 'row',
-                    gap: '16px',
-                    alignItems: 'flex-end',
-                    paddingBottom: '16px',
-                }, children: [_jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.schemas || schemaError?.schemas || [], setSelected: async (e) => {
-                            const tables = await getTablesBySchema(clientId, 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 && (_jsx(ButtonPrimitive, { label: "Re-fetch", onClick: async () => {
-                            const suspectedSchema = await getSchemaTableInfo(clientId, 'public', environmentDetails.type);
-                            if ('selectedFields' in suspectedSchema) {
-                                setSchemaError(undefined);
-                                setSchemaDetails(suspectedSchema);
-                            }
-                            else {
-                                setSchemaError(suspectedSchema);
-                            }
-                        } }))] }), schemaDetails?.tables && (_jsxs("div", { children: [_jsxs("div", { style: { gap: 16 }, id: "database-details-form", children: [_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: [_jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.tables || [], setSelected: async (e) => {
-                                            const columns = await getTableInfo(clientId, 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' }), _jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.columns || [], setSelected: async (e) => {
-                                            const fkStrings = await getFKInfo(clientId, schemaDetails?.selectedFields?.schema, schemaDetails?.selectedFields?.table, e);
-                                            if (schemaDetails?.selectedFields.customerNameField) {
-                                                const organizations = await getOrgInfo(clientId, 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' }), _jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.columns || [], setSelected: async (e) => {
-                                            if (schemaDetails?.selectedFields.organizationIdField) {
-                                                const organizations = await getOrgInfo(clientId, 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' }), _jsx(DropdownMenuWithLabel, { parentRef: parentRef, 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' }), _jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.foreignKeys || [], setSelected: async (e) => {
-                                            setSchemaDetails({
-                                                ...schemaDetails,
-                                                selectedFields: {
-                                                    ...schemaDetails?.selectedFields,
-                                                    foreignKey: e,
-                                                },
-                                            });
-                                        }, selected: schemaDetails?.selectedFields?.foreignKey, label: 'Foreign key' })] }), _jsxs("div", { style: {
-                                    ...header1Style,
-                                    textAlign: 'center',
-                                    fontSize: 14,
-                                    color: '#565656',
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    alignItems: 'center',
-                                    paddingTop: 24,
-                                    paddingBottom: 0,
-                                }, children: [_jsx("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } }), _jsx("div", { style: { padding: 12 }, children: "or" }), _jsx("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [_jsxs("div", { children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600, color: "#6e6e6e" }, children: "Customer Organization View" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '16px' }, children: [_jsx(TextInputPrimitive, { onChange: (e) => {
-                                                            setCustomerViewQuery(e.target.value);
-                                                        }, value: customerViewQuery }), _jsx(ButtonPrimitive, { label: runQueryButtonLabel, onClick: async () => {
-                                                            setRunQueryButtonLabel('Querying...');
-                                                            const getSqlResults = await getSqlViewData(clientId, customerViewQuery, environmentDetails.type, state.queryEndpoint);
-                                                            if (!getSqlResults.success) {
-                                                                setErrorInfo({
-                                                                    status: true,
-                                                                    msg: getSqlResults.error,
-                                                                });
-                                                            }
-                                                            else {
-                                                                setErrorInfo({ status: false, msg: '' });
-                                                                handleQuerySuccess(getSqlResults);
-                                                            }
-                                                            setRunQueryButtonLabel('Run query');
-                                                        }, 
-                                                        // dont let the font wrap
-                                                        style: { whiteSpace: 'nowrap' } })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '16px' }, children: [_jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.customQueryOrganizations?.map((orgObj) => orgObj.name) || [], setSelected: async (e) => {
-                                                    const orgObj = schemaDetails?.customQueryOrganizations?.find((orgObj) => orgObj.name === e);
-                                                    setSchemaDetails({
-                                                        ...schemaDetails,
-                                                        selectedFields: {
-                                                            ...schemaDetails?.selectedFields,
-                                                            defaultOrg: orgObj,
-                                                        },
-                                                    });
-                                                }, selected: schemaDetails?.selectedFields?.defaultOrg?.name, label: 'Default organization' }), _jsx(DropdownMenuWithLabel, { parentRef: parentRef, items: schemaDetails?.customQueryFKs || [], setSelected: async (e) => {
-                                                    setSchemaDetails({
-                                                        ...schemaDetails,
-                                                        selectedFields: {
-                                                            ...schemaDetails?.selectedFields,
-                                                            foreignKey: e,
-                                                        },
-                                                    });
-                                                }, selected: schemaDetails?.selectedFields?.foreignKey, label: 'Foreign key' })] }), errorInfo.status ? (_jsx("h2", { style: {
-                                            ...header2Style,
-                                            color: 'red',
-                                            paddingTop: '12px',
-                                        }, children: errorInfo.msg })) : (_jsx("div", {}))] })] }), _jsxs("div", { style: {
-                            width: '100%',
+                    justifyContent: 'space-between',
+                }, children: [_jsx("h1", { style: header1Style, children: label }), tenantInit?.ownerTenant && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: _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 && (_jsx("div", { children: _jsx("div", { style: { gap: 16 }, id: "database-details-form", children: _jsxs("div", { style: {
                             display: 'flex',
-                            justifyContent: 'space-between',
-                            alignItems: 'center',
-                            marginTop: '12px',
-                        }, children: [formError.show ? (_jsx("h2", { style: { ...header2Style, color: 'red' }, children: formError.message })) : (_jsx("div", {})), _jsx(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 && (_jsx("h2", { style: { ...header2Style, color: 'red' }, children: schemaError.message }))] }));
+                            flexDirection: 'column',
+                        }, children: [_jsx("h2", { style: {
+                                    fontSize: 15,
+                                    fontWeight: 500,
+                                    color: '#6e6e6e',
+                                    paddingBottom: 20,
+                                }, children: `How do you represent your customers in your database?` }), _jsx(EditTenant, { tenant: tenantToEdit, setTenant: (tenant) => setTenantToEdit(tenant), setCreateNewTenant: () => { }, onSubmitEditTenant: onSubmitEditTenant, onValidateEditTenant: onValidateEditTenant, SecondaryButtonComponent: SecondaryButtonPrimitive, TextInputComponent: TextInputPrimitive, ButtonComponent: MemoizedButton, isSubmitTenantLoading: isSubmitTenantLoading, client: {
+                                    id: clientId,
+                                    _id: clientId,
+                                    schemaNames: selectedSchemas,
+                                    databaseType: connection.type,
+                                    allTenantTypes: [],
+                                    ownerTenantFields: state.client.ownerTenantFields ?? [],
+                                }, queryEndpoint: state.queryEndpoint, ModalComponent: ModalPrimitive, hideDiscardChanges: true, isOnboarding: true })] }) }) })), _jsx(ModalPrimitive, { isOpen: !!formError, onClose: () => setFormError(undefined), style: {
+                    width: 420,
+                }, children: _jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: 20,
+                        width: '100%',
+                    }, children: [_jsx(CardSection, { children: noTables ? 'Schema Issue' : 'Tenant Issue' }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 5 }, children: [_jsx("div", { style: {
+                                        color: 'red',
+                                        fontWeight: 600,
+                                        fontFamily: 'monospace',
+                                        border: '1px solid #e0e0e0',
+                                        padding: 8,
+                                        borderRadius: 4,
+                                        backgroundColor: '#f5f5f5',
+                                        marginBottom: 8,
+                                    }, children: formError }), !noTables ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: "Things to try" }), _jsxs("ul", { style: { paddingLeft: 16 }, children: [_jsx("style", { children: `
+                .error-bullet {
+                  list-style-type: disc;
+                  margin-left: 20px;
+                }
+              ` }), _jsx("li", { className: "error-bullet", children: "Double check you are referencing the correct table" }), _jsx("li", { className: "error-bullet", children: "If you don't want to filter data per tenant, select \"Database Level\"" }), _jsx("li", { className: "error-bullet", children: "Ensure the user for your connection has access to the schemas and tables that you are referencing" })] })] })) : (_jsx("div", { children: "Try selecting different schemas or ensuring the permsissions for your connection are set properly." }))] }), _jsx("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                justifyContent: 'flex-end',
+                                gap: 16,
+                                width: '100%',
+                            }, children: _jsx(ButtonPrimitive, { label: "Close", onClick: () => {
+                                    setFormError(undefined);
+                                    if (noTables)
+                                        returnToConnectDatabase();
+                                } }) })] }) })] }));
 }

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

@@ -0,0 +1,47 @@
+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, }: {
+    isOpen: boolean;
+    setClosed: () => void;
+    tenant?: QuillTenant;
+    onOverride?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateVirtualTables.d.ts.map

package/dist/esm/forms/client_onboard/CreateVirtualTables.d.ts.map

@@ -0,0 +1 @@
+{"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,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAY3D,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;AAEhD,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,2CAoiBA;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,2CAqHA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,GACX,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;CACzB,2CA8EA"}