@quillsql/react 2.9.1 → 2.9.3

package/dist/hooks/useQuill.js

@@ -1,43 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQuill = void 0;
 // @ts-nocheck
-const react_1 = require("react");
-const Context_1 = require("../Context");
-const dataFetcher_1 = require("../utils/dataFetcher");
-const useQuill = (chartId) => {
-    // @ts-ignore
-    const { dashboard, dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
-    const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const [data, setData] = (0, react_1.useState)(null);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
+import { useContext, useEffect, useState } from 'react';
+import { ClientContext, DashboardContext, DashboardFiltersContext } from '../Context';
+import { getData } from '../utils/dataFetcher';
+import { mergeComparisonRange } from '../utils/merge';
+export const useQuill = (chartId) => {
+    const { dashboard, dispatch } = useContext(DashboardContext);
+    const { dashboardFilters } = useContext(DashboardFiltersContext);
+    const [client] = useContext(ClientContext);
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
         let isSubscribed = true;
-        async function getChartOptions(id) {
+        async function getChartOptions() {
             if (isSubscribed) {
-                if (dashboard && dashboard[id]) {
+                if (dashboard && dashboard[chartId]) {
                     setLoading(false);
-                    setData(dashboard[id]);
+                    if (dashboard[chartId].compareRows) {
+                        mergeComparisonRange(dashboard[chartId]);
+                    }
+                    setData({ ...dashboard[chartId] });
                     return;
                 }
-                // @ts-ignore
                 try {
                     setLoading(true);
                     const hostedBody = {
-                        metadata: client.customerId
-                            ? { dashboardItemId: id, task: 'item', orgId: client.customerId }
-                            : { dashboardItemId: id, task: 'item' },
+                        metadata: {
+                            dashboardItemId: chartId,
+                            ...(client.customerId && { orgId: client.customerId }),
+                            clientId: client.publicKey,
+                            task: 'item',
+                            filters: [...Object.values(dashboardFilters)],
+                        },
                     };
                     const cloudBody = {
-                        id,
-                        filters: [],
+                        id: chartId,
+                        filters: [...Object.values(dashboardFilters)],
                     };
-                    const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
+                    const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
                     if (resp) {
                         setLoading(false);
+                        if (resp.compareRows) {
+                            mergeComparisonRange(resp);
+                        }
                         setData(resp);
-                        dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: resp });
+                        dispatch({
+                            type: 'UPDATE_DASHBOARD_ITEM',
+                            id: chartId,
+                            data: { ...resp, filtersApplied: dashboardFilters },
+                        });
                     }
                 }
                 catch (e) {
@@ -51,7 +62,7 @@ const useQuill = (chartId) => {
             }
         }
         if (chartId) {
-            getChartOptions(chartId);
+            getChartOptions();
         }
         return () => {
             isSubscribed = false;
@@ -59,7 +70,6 @@ const useQuill = (chartId) => {
     }, [chartId, dashboard]);
     return { data, loading, error };
 };
-exports.useQuill = useQuill;
 function stringifyIfObject(e) {
     if (typeof e === 'string') {
         // do nothing if e is a string
@@ -71,4 +81,3 @@ function stringifyIfObject(e) {
     }
     return e; // returns the input as is for other types
 }
-//# sourceMappingURL=useQuill.js.map

package/dist/hooks/useQuill.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useSelectOnKeyDown.d.ts

@@ -1,2 +1,3 @@
 declare const useSelectOnKeyDown: (onValueChange: (value: string) => void, optionValues: string[], isFocused: boolean, handleFocusChange: (isFocused: boolean) => void, value?: string) => [string | null | undefined, (e: React.KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => void];
 export default useSelectOnKeyDown;
+//# sourceMappingURL=useSelectOnKeyDown.d.ts.map

package/dist/hooks/useSelectOnKeyDown.js

@@ -1,15 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
+import { useEffect, useState } from "react";
 const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusChange, value) => {
     const NO_SELECTION_IDX = -1;
-    const [hoveredIdx, setHoveredIdx] = (0, react_1.useState)(NO_SELECTION_IDX);
+    const [hoveredIdx, setHoveredIdx] = useState(NO_SELECTION_IDX);
     const getHoveredValue = (hoveredIdx, optionValues) => {
         if (hoveredIdx < 0)
             return undefined;
         return optionValues[hoveredIdx];
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const getIndexOfSelectedValue = () => {
             if (!isFocused) {
                 setHoveredIdx(NO_SELECTION_IDX);
@@ -62,5 +60,4 @@ const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusC
     };
     return [hoveredValue, handleKeyDown];
 };
-exports.default = useSelectOnKeyDown;
-//# sourceMappingURL=useSelectOnKeyDown.js.map
+export default useSelectOnKeyDown;

package/dist/index.d.ts

@@ -11,3 +11,4 @@ export { default as SqlTextEditor } from './components/SqlTextEditor';
 export { useDashboard } from './hooks/useDashboard';
 export { useQuill } from './hooks/useQuill';
 export { downloadCSV } from './utils/downloadCSV';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,34 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.downloadCSV = exports.useQuill = exports.useDashboard = exports.SqlTextEditor = exports.AddToDashboardModal = exports.ChartEditor = exports.ChartBuilder = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
 // src/index.ts
-var Dashboard_1 = require("./Dashboard");
-Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
-var QuillProvider_1 = require("./QuillProvider");
-Object.defineProperty(exports, "QuillProvider", { enumerable: true, get: function () { return __importDefault(QuillProvider_1).default; } });
-var Chart_1 = require("./Chart");
-Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return __importDefault(Chart_1).default; } });
-var Table_1 = require("./Table");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
-var SQLEditor_1 = require("./SQLEditor");
-Object.defineProperty(exports, "SQLEditor", { enumerable: true, get: function () { return __importDefault(SQLEditor_1).default; } });
-var ReportBuilder_1 = require("./ReportBuilder");
-Object.defineProperty(exports, "ReportBuilder", { enumerable: true, get: function () { return __importDefault(ReportBuilder_1).default; } });
-var ChartBuilder_1 = require("./ChartBuilder");
-Object.defineProperty(exports, "ChartBuilder", { enumerable: true, get: function () { return __importDefault(ChartBuilder_1).default; } });
-var ChartEditor_1 = require("./ChartEditor");
-Object.defineProperty(exports, "ChartEditor", { enumerable: true, get: function () { return __importDefault(ChartEditor_1).default; } });
-var AddToDashboardModal_1 = require("./AddToDashboardModal");
-Object.defineProperty(exports, "AddToDashboardModal", { enumerable: true, get: function () { return __importDefault(AddToDashboardModal_1).default; } });
-var SqlTextEditor_1 = require("./components/SqlTextEditor");
-Object.defineProperty(exports, "SqlTextEditor", { enumerable: true, get: function () { return __importDefault(SqlTextEditor_1).default; } });
-var useDashboard_1 = require("./hooks/useDashboard");
-Object.defineProperty(exports, "useDashboard", { enumerable: true, get: function () { return useDashboard_1.useDashboard; } });
-var useQuill_1 = require("./hooks/useQuill");
-Object.defineProperty(exports, "useQuill", { enumerable: true, get: function () { return useQuill_1.useQuill; } });
-var downloadCSV_1 = require("./utils/downloadCSV");
-Object.defineProperty(exports, "downloadCSV", { enumerable: true, get: function () { return downloadCSV_1.downloadCSV; } });
-//# sourceMappingURL=index.js.map
+export { default as Dashboard } from './Dashboard';
+export { default as QuillProvider } from './QuillProvider';
+export { default as Chart } from './Chart';
+export { default as Table } from './Table';
+export { default as SQLEditor } from './SQLEditor';
+export { default as ReportBuilder } from './ReportBuilder';
+export { default as ChartBuilder } from './ChartBuilder';
+export { default as ChartEditor } from './ChartEditor';
+export { default as AddToDashboardModal } from './AddToDashboardModal';
+export { default as SqlTextEditor } from './components/SqlTextEditor';
+export { useDashboard } from './hooks/useDashboard';
+export { useQuill } from './hooks/useQuill';
+export { downloadCSV } from './utils/downloadCSV';

package/dist/internals/ReportBuilder/PivotList.d.ts

@@ -31,3 +31,4 @@ export declare const PivotList: ({ recommendedPivotTables, createdPivotTables, o
     TextComponent: any;
     HeaderComponent: any;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PivotList.d.ts.map

package/dist/internals/ReportBuilder/PivotList.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PivotList = exports.PivotCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const QuillCard_1 = require("../../components/QuillCard");
-const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QuillCard } from '../../components/QuillCard';
+export const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
     const maxRowsInPivotPeak = 5;
-    return ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, clickable: clickable, onClose: onClose, minHeight: minHeight, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+    return (_jsx(QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, clickable: clickable, onClose: onClose, minHeight: minHeight, children: _jsxs("div", { style: {
                 fontSize: 14,
                 display: 'flex',
                 flexDirection: 'column',
                 justifyContent: 'space-between',
                 height: minHeight,
-            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [pivotTable.pivot.title && ((0, jsx_runtime_1.jsx)("div", { style: {
+            }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [pivotTable.pivot.title && (_jsx("div", { style: {
                                 display: 'flex',
                                 flex: 1,
                                 justifyContent: 'space-between',
@@ -19,38 +16,37 @@ const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex
                                 whiteSpace: 'nowrap',
                                 textOverflow: 'ellipsis',
                                 paddingBottom: 6,
-                            }, children: (0, jsx_runtime_1.jsx)(HeaderComponent, { children: pivotTable.pivot.title }) })), (0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map(column => ((0, jsx_runtime_1.jsx)("th", { style: {
+                            }, children: _jsx(HeaderComponent, { children: pivotTable.pivot.title }) })), _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: pivotTable.columns.map(column => (_jsx("th", { style: {
                                                 fontWeight: 600,
                                                 paddingRight: 5,
                                                 flex: 1,
                                                 textAlign: 'left',
                                                 whiteSpace: 'nowrap',
                                                 textOverflow: 'ellipsis',
-                                            }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { children: column.label }) }, column.field))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
+                                            }, children: _jsx(LabelComponent, { children: column.label }) }, column.field))) }) }), _jsx("tbody", { children: pivotTable.rows
                                         .slice(0, maxRowsInPivotPeak)
-                                        .map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((colum, i) => ((0, jsx_runtime_1.jsx)("td", { style: {
+                                        .map((row, index) => (_jsx("tr", { children: pivotTable.columns.map((colum, i) => (_jsx("td", { style: {
                                                 paddingRight: 5,
                                                 flex: 1,
                                                 whiteSpace: 'nowrap',
                                                 textOverflow: 'ellipsis',
-                                            }, children: (0, jsx_runtime_1.jsx)(TextComponent, { children: row[colum.field] }) }, i))) }, index))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                            }, children: _jsx(TextComponent, { children: row[colum.field] }) }, i))) }, index))) })] })] }), _jsxs("div", { style: {
                         display: 'flex',
                         justifyContent: 'space-between',
-                    }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
+                    }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? (_jsx("div", { children: _jsxs(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
                                         ? ''
-                                        : pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : ((0, jsx_runtime_1.jsx)("div", {})), showEdit && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
+                                        : pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : (_jsx("div", {})), showEdit && (_jsx("div", { children: _jsx(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
                                     e.stopPropagation();
                                     onEditPivot(pivotTable.pivot, index);
                                 }, label: 'Edit' }) }))] })] }) }));
 };
-exports.PivotCard = PivotCard;
-const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot = false, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton = false, LabelComponent, TextComponent, HeaderComponent, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { style: {
+export const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot = false, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton = false, LabelComponent, TextComponent, HeaderComponent, }) => {
+    return (_jsx("div", { children: _jsxs("div", { style: {
                 display: 'grid',
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gap: 16,
                 gridAutoRows: '220px',
-            }, children: [recommendedPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), createdPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectCreatedPivot, selectedPivotIndex: selectedPivotType === 'created' ? selectedPivotIndex : -1, onEditPivot: onEditCreatedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), showCreatePivot && ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onEditCreatedPivot({}, null), style: {
+            }, children: [recommendedPivotTables.map((pivotTable, index) => (_jsx(PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), createdPivotTables.map((pivotTable, index) => (_jsx(PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectCreatedPivot, selectedPivotIndex: selectedPivotType === 'created' ? selectedPivotIndex : -1, onEditPivot: onEditCreatedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), showCreatePivot && (_jsx(QuillCard, { theme: theme, onClick: () => onEditCreatedPivot({}, null), style: {
                         display: 'flex',
                         justifyContent: 'center',
                         alignItems: 'center',
@@ -58,5 +54,3 @@ const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecomme
                         boxShadow: 'none',
                     }, children: "Create pivot +" }))] }) }));
 };
-exports.PivotList = PivotList;
-//# sourceMappingURL=PivotList.js.map

package/dist/internals/ReportBuilder/PivotModal.d.ts

@@ -52,10 +52,11 @@ export declare const PivotModal: ({ pivotRowField, setPivotRowField, pivotColumn
 }) => import("react/jsx-runtime").JSX.Element;
 export declare function generatePivotTableYAxis(pivot: any, cols: any, format: any): any;
 export declare function isDateField(fieldType: any): boolean;
-export declare function generatePivotTable(pivot: Pivot, data: any, dateRange: any, rowLimit?: number): {
+export declare function generatePivotTable(pivot: Pivot, data: any, dateRange: any, isComparison: boolean, rowLimit?: number, compRange?: any): {
     rows: any[];
     columns: {
         label: any;
-        field: unknown;
+        field: string | number | boolean;
     }[];
 };
+//# sourceMappingURL=PivotModal.d.ts.map

package/dist/internals/ReportBuilder/PivotModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAqxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;AAyFD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAOpC;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,QAAQ,SAAK;;;;;;EAgLd"}
+{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAqxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;AAyGD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAOpC;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,OAAO,EACrB,QAAQ,SAAK,EACb,SAAS,GAAE,GAAU;;;;;;EA+XtB"}