@quillsql/admin 1.5.2 → 1.6.1

package/dist/cjs/modals/PromoteDashModal.js

@@ -5,6 +5,7 @@ const AdminProvider_1 = require("../AdminProvider");
 const components_1 = require("../components");
 const react_1 = require("react");
 const constants_1 = require("../utils/constants");
+const QuillSelect_1 = require("../components/QuillSelect");
 const createStyles = (theme) => ({
     modalContent: {
         display: 'flex',
@@ -46,7 +47,7 @@ const createStyles = (theme) => ({
         marginTop: '0px',
         marginBottom: '4px',
         fontWeight: theme.labelFontWeight,
-        color: theme.secondaryTextColor,
+        color: theme.primaryTextColor,
     },
     group: {
         display: 'flex',
@@ -71,7 +72,7 @@ function PromoteDashModal({ ModalComponent, isOpen, setIsOpen, clientId, client,
     const [selectedToClient, setSelectedToClient] = (0, react_1.useState)();
     const styles = createStyles(theme);
     (0, react_1.useEffect)(() => {
-        setModalSelectedDashboard(state.selectedDashboard);
+        setModalSelectedDashboard(state.selectedDashboard.name);
         setSelectedToClient(state.clients.filter((c) => c.name !== state.client.name)[0]);
     }, [state.selectedDashboard, state.clients]);
     const handlePromote = async () => {
@@ -97,11 +98,17 @@ function PromoteDashModal({ ModalComponent, isOpen, setIsOpen, clientId, client,
             console.error('Promotion failed:', error);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { style: {
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), style: { overflow: 'visible' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'flex-start',
-            }, children: [(0, jsx_runtime_1.jsx)("div", { style: styles.modalContent, children: (0, jsx_runtime_1.jsx)("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "Dashboard" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: dashboards, setSelected: setModalSelectedDashboard, selected: modalSelectedDashboard, theme: theme }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.multiContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "From" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "To" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: theme }) })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+            }, children: [(0, jsx_runtime_1.jsx)("div", { style: styles.modalContent, children: (0, jsx_runtime_1.jsx)("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), (0, jsx_runtime_1.jsx)("div", { style: styles.container, children: (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(QuillSelect_1.QuillSelectComponent, { label: "Dashboard", options: dashboards.map((dashboard) => {
+                                return { label: dashboard.name, value: dashboard.name };
+                            }), onChange: setModalSelectedDashboard, value: modalSelectedDashboard, theme: theme }) }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.multiContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "From" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), (0, jsx_runtime_1.jsx)("div", { style: styles.group, children: (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(QuillSelect_1.QuillSelectComponent, { label: "To", options: clients
+                                        .filter((c) => c.name !== client.name)
+                                        .map((client) => {
+                                        return { label: client.name, value: client };
+                                    }), onChange: setSelectedToClient, value: selectedToClient, theme: theme }) }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
                         display: 'flex',
                         justifyContent: 'center',
                         alignItems: 'center',

package/dist/cjs/modals/PromoteViewModal.d.ts

@@ -7,7 +7,8 @@ interface PromoteViewModalProps {
     client: any;
     views: any[];
     clients: any[];
+    parentRef: any;
 }
-export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }: PromoteViewModalProps): import("react/jsx-runtime").JSX.Element;
+export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, parentRef, }: PromoteViewModalProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PromoteViewModal.d.ts.map

package/dist/cjs/modals/PromoteViewModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromoteViewModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteViewModal.tsx"],"names":[],"mappings":";AAKA,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,EAAE,GAAG,EAAE,CAAC;CAChB;AA+DD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE,qBAAqB,2CAsGvB"}
+{"version":3,"file":"PromoteViewModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteViewModal.tsx"],"names":[],"mappings":";AAOA,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,GAAG,CAAC;CAChB;AAgED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,2CAuGvB"}

package/dist/cjs/modals/PromoteViewModal.js

@@ -5,69 +5,72 @@ const Admin_1 = require("../Admin");
 const components_1 = require("../components");
 const react_1 = require("react");
 const constants_1 = require("../utils/constants");
+const QuillSelect_1 = require("../components/QuillSelect");
 const createStyles = (theme) => ({
     modalContent: {
-        display: "flex",
-        flexDirection: "column",
+        display: 'flex',
+        flexDirection: 'column',
     },
     modalHeader: {
-        fontWeight: "600",
+        fontWeight: '600',
         fontSize: 20,
         paddingBottom: 4,
         color: theme.primaryTextColor,
     },
     container: {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "flex-start",
-        alignItems: "flex-start",
-        gap: "5px",
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'flex-start',
+        alignItems: 'flex-start',
+        gap: '5px',
         marginTop: 20,
     },
     multiContainer: {
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: "20px",
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        gap: '20px',
         marginTop: 20,
     },
     header: {
         fontSize: theme.fontSize,
-        paddingTop: "0px",
-        marginTop: "0px",
-        marginBottom: "0px",
+        paddingTop: '0px',
+        marginTop: '0px',
+        marginBottom: '0px',
         fontWeight: theme.labelFontWeight,
         color: theme.primaryTextColor,
     },
     text: {
         fontSize: theme.fontSize,
-        paddingTop: "0px",
-        marginTop: "0px",
-        marginBottom: "4px",
+        paddingTop: '0px',
+        marginTop: '0px',
+        marginBottom: '4px',
         fontWeight: theme.labelFontWeight,
         color: theme.secondaryTextColor,
     },
     group: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "start",
-        gap: "5px",
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'start',
+        gap: '5px',
     },
     button: {
         flexGrow: 1,
         fontSize: theme.fontSize,
-        fontWeight: "600",
-        padding: "10px 20px",
+        fontWeight: '600',
+        padding: '10px 20px',
         marginTop: 20,
         backgroundColor: theme.primaryButtonColor,
-        borderRadius: "5px",
+        borderRadius: '5px',
         color: theme.primaryButtonTextColor,
+        width: '40px',
     },
 });
-function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }) {
+function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, parentRef, }) {
     const [modalSelectedView, setModalSelectedView] = (0, react_1.useState)(views[0]);
     const [selectedToClient, setSelectedToClient] = (0, react_1.useState)(clients[0]);
+    const modalRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         setModalSelectedView(views[0]);
         setSelectedToClient(clients[0]);
@@ -76,10 +79,10 @@ function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client,
     const handlePromote = async () => {
         try {
             const response = await fetch(`${constants_1.QUILL_SERVER}/promote_view/`, {
-                method: "POST",
+                method: 'POST',
                 headers: {
-                    "Content-Type": "application/json",
-                    Authorization: "Bearer ",
+                    'Content-Type': 'application/json',
+                    Authorization: 'Bearer ',
                 },
                 body: JSON.stringify({
                     viewName: modalSelectedView.name,
@@ -88,18 +91,25 @@ function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client,
                 }),
             });
             if (!response.ok) {
-                throw new Error("API request failed");
+                throw new Error('API request failed');
             }
             const data = await response.json();
         }
         catch (error) {
-            console.error("Promotion failed:", error);
+            console.error('Promotion failed:', error);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: styles.modalContent, children: (0, jsx_runtime_1.jsx)("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "SQL View:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: views, setSelected: setModalSelectedView, selected: modalSelectedView, theme: Admin_1.theme }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.multiContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "From:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: Admin_1.theme, disabled: true }) })] }), (0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "To:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: Admin_1.theme }) })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                        display: "flex",
-                        justifyContent: "center",
-                        alignItems: "center",
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: 'Promote Changes', width: 500, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                padding: '20px',
+                boxSizing: 'border-box',
+                maxHeight: 600,
+            }, ref: modalRef, children: [(0, jsx_runtime_1.jsx)(QuillSelect_1.QuillSelectComponent, { options: views.map((v) => ({ label: v.name, value: v })), onChange: setModalSelectedView, value: modalSelectedView, theme: Admin_1.theme, label: "SQL View:" }), (0, jsx_runtime_1.jsxs)("div", { style: styles.multiContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "From:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: Admin_1.theme, disabled: true }) })] }), (0, jsx_runtime_1.jsx)(QuillSelect_1.QuillSelectComponent, { options: clients.map((c) => ({ label: c.name, value: c })), onChange: setSelectedToClient, value: selectedToClient, theme: Admin_1.theme, label: "To:" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'flex-start',
+                        alignItems: 'center',
+                        width: 200,
                     }, children: (0, jsx_runtime_1.jsx)("button", { style: styles.button, onClick: () => {
                             handlePromote();
                             setIsOpen(false);

package/dist/cjs/modals/ReorderDashboardModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/ReorderDashboardModal.tsx"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf;;;;;;;;;CAAA,2CAuKA"}
+{"version":3,"file":"ReorderDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/ReorderDashboardModal.tsx"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf;;;;;;;;;CAAA,2CAqLA"}

package/dist/cjs/modals/ReorderDashboardModal.js

@@ -9,18 +9,14 @@ const sortable_1 = require("@dnd-kit/sortable");
 const utilities_1 = require("@dnd-kit/utilities");
 const core_1 = require("@dnd-kit/core");
 const react_2 = require("@quillsql/react");
+const UiComponents_1 = require("../components/UiComponents");
 function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }) {
-    // const [client] = useContext(ClientContext);
-    const [dashboardItems, setDashboardItems] = (0, react_1.useState)([]);
+    const { state } = (0, AdminProvider_1.useAdmin)();
+    const [sections, setSections] = (0, react_1.useState)([]);
+    const [metrics, setMetrics] = (0, react_1.useState)({});
+    const [charts, setCharts] = (0, react_1.useState)({});
+    const [tables, setTables] = (0, react_1.useState)({});
     const [loading, setLoading] = (0, react_1.useState)(false);
-    const [doesDashboardHaveTables, setDoesDashboardHaveTables] = (0, react_1.useState)(false);
-    const [doesDashboardHaveCharts, setDoesDashboardHaveCharts] = (0, react_1.useState)(false);
-    const [doesDashboardHaveMetrics, setDoesDashboardHaveMetrics] = (0, react_1.useState)(false);
-    const [itemMap, setItemMap] = (0, react_1.useState)(null);
-    const [metrics, setMetrics] = (0, react_1.useState)([]);
-    const [charts, setCharts] = (0, react_1.useState)([]);
-    const [tables, setTables] = (0, react_1.useState)([]);
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         async function getDashboardItems() {
             const { _id, environment } = state.client;
@@ -39,41 +35,23 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
                 },
             });
             const responseData = await response.json();
-            let flattened = [];
-            for (let key in responseData.sections) {
-                flattened = flattened.concat(responseData.sections[key]);
-            }
-            setDashboardItems(flattened);
-            setMetrics(flattened.filter((elem) => elem.chartType === 'metric'));
-            setTables(flattened.filter((elem) => elem.chartType === 'table'));
-            setCharts(flattened.filter((elem) => !['metric', 'table'].includes(elem.chartType)));
+            const sections = responseData.sections;
+            setSections(Object.keys(sections));
+            const isMetric = (elem) => elem.chartType === 'metric';
+            const isChart = (elem) => !['metric', 'table'].includes(elem.chartType);
+            const isTable = (elem) => elem.chartType === 'table';
+            setMetrics(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isMetric)])));
+            setCharts(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isChart)])));
+            setTables(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isTable)])));
             setLoading(false);
         }
         if (selectedDashboard && state.client) {
             getDashboardItems();
         }
     }, [selectedDashboard, state.client]);
-    (0, react_1.useEffect)(() => {
-        const itemMap = new Map();
-        dashboardItems.forEach((item) => {
-            if (item.chartType === 'table') {
-                setDoesDashboardHaveTables(true);
-            }
-            else if (item.chartType === 'metric') {
-                setDoesDashboardHaveMetrics(true);
-            }
-            else {
-                setDoesDashboardHaveCharts(true);
-            }
-            itemMap.set(item._id, item);
-        });
-        setItemMap(itemMap);
-    }, [dashboardItems]);
     const handleSaveChanges = async () => {
         if (!client)
             return;
-        if (!dashboardItems.length)
-            return;
         try {
             const response = await fetch(`${constants_1.QUILL_SERVER}/dashorder/`, {
                 method: 'POST',
@@ -82,7 +60,11 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
                 },
                 body: JSON.stringify({
                     publicKey: client._id,
-                    orderArray: [...metrics, ...charts, ...tables],
+                    orderArray: [
+                        ...Object.values(metrics).flat(),
+                        ...Object.values(charts).flat(),
+                        ...Object.values(tables).flat(),
+                    ],
                 }),
             });
             if (!response.ok) {
@@ -104,7 +86,7 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
             flexDirection: 'column',
             width: 'calc(100vw - 80px)',
             height: 'calc(100vh - 80px)',
-        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 22, fontWeight: 600, width: '100%' }, children: "Reorder Items" }), loading ? (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }) : null, (0, jsx_runtime_1.jsx)("div", { style: {
+        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 22, fontWeight: 600, width: '100%' }, children: "Reorder Items" }), loading ? (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) : null, (0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     flexDirection: 'column',
                     gap: 20,
@@ -112,7 +94,18 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
                     width: '100%',
                     height: 'calc(100% - 20px)',
                     zIndex: 100,
-                }, children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 20 }, children: dashboardItems.length > 0 && itemMap.size > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [doesDashboardHaveMetrics && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'metrics', items: metrics, setItems: setMetrics })), doesDashboardHaveCharts && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'charts', items: charts, setItems: setCharts })), doesDashboardHaveTables && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'tables', items: tables, setItems: setTables }))] })) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                }, children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 20 }, children: sections
+                        .sort((a, b) => a.length - b.length)
+                        .map((sectionName, sectionIndex) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 20,
+                        }, children: [sectionName && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)("h1", { style: {
+                                        fontSize: 22,
+                                        fontWeight: 'bold',
+                                        textAlign: 'left',
+                                        marginTop: sectionIndex > 0 ? 20 : 0,
+                                    }, children: sectionName }) })), metrics[sectionName]?.length > 0 && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'metrics', section: sectionName, items: metrics[sectionName], setItems: setMetrics })), charts[sectionName]?.length > 0 && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'charts', section: sectionName, items: charts[sectionName], setItems: setCharts })), tables[sectionName]?.length > 0 && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'tables', section: sectionName, items: tables[sectionName], setItems: setTables }))] }))) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                     width: '100%',
                     display: 'flex',
                     flexDirection: 'row',
@@ -157,13 +150,15 @@ const SortableItem = (props) => {
                                     fontSize: 18,
                                     fontWeight: '500',
                                     flexGrow: 1,
-                                }, children: props.value }), (0, jsx_runtime_1.jsx)(HandleButton, {})] }), (0, jsx_runtime_1.jsx)(react_2.Chart, { chartId: props.id, containerStyle: {
+                                }, children: props.value }), (0, jsx_runtime_1.jsx)(HandleButton, {})] }), (0, jsx_runtime_1.jsx)(react_2.Chart, { reportId: props.id, containerStyle: {
                             padding: 10,
                             height: props.chartType === 'metric' ? 80 : 250,
                             width: 'calc(100% - 20px)',
                         } })] }) }) }));
 };
-function ReorderableGrid({ type, items, setItems }) {
+function ReorderableGrid({ type, section, items, setItems }) {
+    if (!items)
+        return null;
     const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
         coordinateGetter: sortable_1.sortableKeyboardCoordinates,
     }), (0, core_1.useSensor)(core_1.TouchSensor, {
@@ -174,10 +169,12 @@ function ReorderableGrid({ type, items, setItems }) {
         if (!active || !over)
             return;
         if (active.id !== over.id) {
-            setItems((itemList) => {
-                const oldIndex = itemList.findIndex((item) => item._id === active.id);
-                const newIndex = itemList.findIndex((item) => item._id === over.id);
-                return (0, sortable_1.arrayMove)(itemList, oldIndex, newIndex);
+            setItems((items) => {
+                const list = items[section];
+                const oldIndex = list.findIndex((item) => item._id === active.id);
+                const newIndex = list.findIndex((item) => item._id === over.id);
+                const newOrder = (0, sortable_1.arrayMove)(list, oldIndex, newIndex);
+                return { ...items, [section]: newOrder };
             });
         }
     };

package/dist/cjs/modals/index.d.ts

@@ -1,5 +1,4 @@
 export { default as PromoteDashModal } from './PromoteDashModal';
-export { default as EditDashboardsModal } from './EditDashboardsModal';
 export { default as PromoteViewModal } from './PromoteViewModal';
 export { default as ReorderDashboardModal } from './ReorderDashboardModal';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/modals/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modals/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modals/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/cjs/modals/index.js

@@ -3,11 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReorderDashboardModal = exports.PromoteViewModal = exports.EditDashboardsModal = exports.PromoteDashModal = void 0;
+exports.ReorderDashboardModal = exports.PromoteViewModal = exports.PromoteDashModal = void 0;
 var PromoteDashModal_1 = require("./PromoteDashModal");
 Object.defineProperty(exports, "PromoteDashModal", { enumerable: true, get: function () { return __importDefault(PromoteDashModal_1).default; } });
-var EditDashboardsModal_1 = require("./EditDashboardsModal");
-Object.defineProperty(exports, "EditDashboardsModal", { enumerable: true, get: function () { return __importDefault(EditDashboardsModal_1).default; } });
 var PromoteViewModal_1 = require("./PromoteViewModal");
 Object.defineProperty(exports, "PromoteViewModal", { enumerable: true, get: function () { return __importDefault(PromoteViewModal_1).default; } });
 var ReorderDashboardModal_1 = require("./ReorderDashboardModal");

package/dist/cjs/primitives/ButtonPrimitive.d.ts

@@ -7,6 +7,8 @@ type ButtonPrimitiveProps = {
     style?: React.CSSProperties;
     variant?: 'primary' | 'secondary' | 'danger';
 };
-declare const ButtonPrimitive: React.FC<ButtonPrimitiveProps>;
+declare const ButtonPrimitive: React.FC<ButtonPrimitiveProps & {
+    isLoading?: boolean;
+}>;
 export default ButtonPrimitive;
 //# sourceMappingURL=ButtonPrimitive.d.ts.map

package/dist/cjs/primitives/ButtonPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAG7D,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAC7B,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAoFF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/cjs/primitives/ButtonPrimitive.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Admin_1 = require("../Admin");
-const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant = 'primary', }) => {
+const UiComponents_1 = require("../components/UiComponents");
+const ButtonPrimitive = ({ onClick, isLoading = false, label, theme = Admin_1.theme, style, variant = 'primary', }) => {
     if (variant === 'danger') {
         return ((0, jsx_runtime_1.jsxs)("button", { style: {
                 height: 36,
@@ -20,7 +21,7 @@ const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant
                 paddingLeft: 20,
                 paddingRight: 20,
                 ...style,
-            }, onClick: onClick, className: "quill--danger-button", children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill--danger-button { background: #e7e7e7 } .quill--danger-button:hover { background: #DCDCDC }` }), label] }));
+            }, onClick: onClick, className: "quill--danger-button", children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill--danger-button { background: #e7e7e7 } .quill--danger-button:hover { background: #DCDCDC }` }), isLoading ? ((0, jsx_runtime_1.jsx)("div", { style: { padding: '32px 0px' }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) : (label)] }));
     }
     return ((0, jsx_runtime_1.jsxs)("button", { style: {
             height: 36,
@@ -34,6 +35,7 @@ const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant
             fontFamily: theme?.fontFamily,
             fontWeight: theme?.buttonFontWeight || 600,
             border: 'none',
+            whiteSpace: 'nowrap',
             fontSize: 14,
             paddingLeft: 20,
             paddingRight: 20,
@@ -44,6 +46,6 @@ const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant
                 }
                 .quill-button:hover {
                     background: rgba(0,0,0,0.75);
-                }` }), label] }));
+                }` }), isLoading ? ((0, jsx_runtime_1.jsx)("div", { style: { padding: '0px 16px' }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) : (label)] }));
 };
 exports.default = ButtonPrimitive;

package/dist/cjs/primitives/TextInputPrimitive.d.ts

@@ -7,6 +7,7 @@ interface TextInputPrimitiveProps {
     theme?: QuillTheme;
     disabled?: boolean;
     width?: string;
+    password?: boolean;
 }
 declare const TextInputPrimitive: React.FC<TextInputPrimitiveProps>;
 export default TextInputPrimitive;

package/dist/cjs/primitives/TextInputPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/cjs/primitives/TextInputPrimitive.js

@@ -1,26 +1,41 @@
 "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 = __importDefault(require("react"));
 const Admin_1 = require("../Admin");
-const TextInputPrimitive = ({ onChange, value, placeholder, theme = Admin_1.theme, disabled = false, width = '250px', }) => {
-    return ((0, jsx_runtime_1.jsx)("input", { style: {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            paddingLeft: '12px',
-            paddingRight: '12px',
-            fontWeight: 'medium',
-            height: 38,
-            minWidth: width,
-            boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
-            width: '100%',
-            backgroundColor: theme?.backgroundColor || 'white',
-            color: theme?.primaryTextColor,
-            borderWidth: '1px',
-            borderColor: theme?.borderColor || '#E7E7E7',
-            borderStyle: 'solid',
-            borderRadius: '6px',
-            fontSize: 14,
-        }, disabled: disabled, onChange: onChange, value: value, placeholder: placeholder }));
+const TextInputPrimitive = ({ onChange, value, placeholder, theme = Admin_1.theme, disabled = false, width = '250px', password = false, }) => {
+    const [showPassword, setShowPassword] = react_1.default.useState(!password);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("input", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    paddingLeft: '12px',
+                    paddingRight: '12px',
+                    fontWeight: 'medium',
+                    height: 38,
+                    minWidth: width,
+                    boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
+                    width: '100%',
+                    backgroundColor: theme?.backgroundColor || 'white',
+                    color: theme?.primaryTextColor,
+                    borderWidth: '1px',
+                    borderColor: theme?.borderColor || '#E7E7E7',
+                    borderStyle: 'solid',
+                    borderRadius: '6px',
+                    fontSize: 14,
+                }, type: showPassword ? 'text' : 'password', disabled: disabled, onChange: onChange, value: value, placeholder: placeholder }), password ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'absolute',
+                    right: '8px',
+                    bottom: '6px',
+                    cursor: 'pointer',
+                    backgroundColor: 'white',
+                    padding: '4px',
+                    boxSizing: 'content-box',
+                }, onClick: () => {
+                    setShowPassword(!showPassword);
+                }, children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: [(0, jsx_runtime_1.jsx)("path", { d: "M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0" })] }) })) : null] }));
 };
 exports.default = TextInputPrimitive;

package/dist/cjs/primitives/TogglePrimitive.js

@@ -6,8 +6,8 @@ const TogglePrimitive = ({ value, onClick }) => {
         container: {
             display: 'inline-block',
             position: 'relative',
-            width: '70px',
-            height: '38px',
+            width: '50px',
+            height: '30px',
             borderRadius: '24px',
             backgroundColor: value ? '#212121' : '#ccc',
             cursor: 'pointer',
@@ -16,9 +16,9 @@ const TogglePrimitive = ({ value, onClick }) => {
         circle: {
             position: 'absolute',
             top: '3px',
-            left: value ? '35px' : '3px',
-            width: '32px',
-            height: '32px',
+            left: value ? '23px' : '3px',
+            width: '24px',
+            height: '24px',
             borderRadius: '50%',
             backgroundColor: '#FFF',
             transition: 'left 0.4s',

package/dist/cjs/public_components/CreateEnvironment.d.ts

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

package/dist/cjs/public_components/CreateEnvironment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAuClE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAqMA"}
+{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAuClE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,0BAA0B,EAC1B,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAyMA"}

package/dist/cjs/public_components/CreateEnvironment.js

@@ -47,7 +47,7 @@ const header2Style = {
     color: '#595959',
     marginBottom: '6px',
 };
-function CreateEnvironment({ navigateToDashboardManager, containerStyle, }) {
+function CreateEnvironment({ navigateToDashboardManager, onOnboardComplete, containerStyle, }) {
     const parentRef = react_1.default.useRef(null);
     const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     const domainName = state.domainName;
@@ -145,7 +145,7 @@ function CreateEnvironment({ navigateToDashboardManager, containerStyle, }) {
                     setCreateEnvSteps(updatedSteps);
                     setAllSchemaInfo(schemaDetails);
                     openStep('createSQLViews');
-                }, allSchemaInfo: allSchemaInfo, environmentDetails: environmentDetails, initialError: initialError, clientId: clientId })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Connect Schema", completed: createEnvSteps.connectSchema.completed, header1Style: header1Style, onClick: () => {
+                }, allSchemaInfo: allSchemaInfo, environmentDetails: environmentDetails, initialError: initialError, clientId: clientId, state: state })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Connect Schema", completed: createEnvSteps.connectSchema.completed, header1Style: header1Style, onClick: () => {
                     openStep('connectSchema');
                     setInitialError(undefined);
                 } })), createEnvSteps.createSQLViews.open ? ((0, jsx_runtime_1.jsx)(CreateSqlViews_1.default, { containerStyle: {
@@ -162,6 +162,9 @@ function CreateEnvironment({ navigateToDashboardManager, containerStyle, }) {
                     if (navigateToDashboardManager) {
                         navigateToDashboardManager();
                     }
+                    if (onOnboardComplete) {
+                        onOnboardComplete(client);
+                    }
                 }, domainName: domainName, clientId: clientId, state: state })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Create SQL Views", completed: false, header1Style: header1Style }))] }));
 }
 exports.default = CreateEnvironment;

package/dist/cjs/public_components/DashboardBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAa5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,EACd,SAAgB,GACjB,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CA8ZA"}
+{"version":3,"file":"DashboardBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAY5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,EACd,SAAgB,GACjB,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAwUA"}