@xplortech/insights-elements 0.0.1-draft.7729525

package/dist/collection/components/insights-donut-chart/insights-donut-chart.js

@@ -0,0 +1,51 @@
+import { h } from "@stencil/core";
+import { InsightsChartBase } from "../insights-chart-base";
+export class InsightsDonutChart extends InsightsChartBase {
+    constructor() {
+        super();
+    }
+    el = null;
+    componentWillLoad() {
+        this.fetchChartData();
+    }
+    handlePropsChange() {
+        this.fetchChartData();
+    }
+    renderChart() {
+        if (!this.data || this.data.length === 0) {
+            return h("div", { class: "no-data" }, "No data available");
+        }
+        return (h("div", { class: "chart-container" }, h("apollo-data-donut-chart", { ref: el => {
+                if (el) {
+                    el.adData = this.data;
+                    el.adSpec = this.spec || {};
+                }
+            } })));
+    }
+    render() {
+        return (h("div", { key: 'b459affa996f96b3d3c6d3be1b434bfd3bf9a434', class: "insights-donut-chart" }, this.loading && (h("div", { key: 'd657d9c5561521a87e9c89e53604f2f29d4ee672', class: "loading-container" }, h("div", { key: '4bba1ebc4c1ff611c156c89ca172f8a5962c22df', class: "spinner" }), h("p", { key: 'c769618075a47539d7e00c0d88951e9ec230211b' }, "Loading chart data..."))), this.error && (h("div", { key: '4d7222db52e39e475e865d5dd82f800d87f80f6c', class: "error-container" }, h("p", { key: 'a56ae48922b31cd0fe23b682580e05eafd052288', class: "error-message" }, this.error), h("button", { key: '0cd6d156f31fcddc624b1332d012a59f7f265092', onClick: () => this.fetchChartData() }, "Retry"))), !this.loading && !this.error && this.renderChart()));
+    }
+    static get is() { return "insights-donut-chart"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["insights-donut-chart.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["insights-donut-chart.css"]
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "reportName",
+                "methodName": "handlePropsChange"
+            }, {
+                "propName": "filters",
+                "methodName": "handlePropsChange"
+            }];
+    }
+}
+//# sourceMappingURL=insights-donut-chart.js.map

package/dist/collection/components/insights-donut-chart/insights-donut-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insights-donut-chart.js","sourceRoot":"","sources":["../../../src/components/insights-donut-chart/insights-donut-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAO3D,MAAM,OAAO,kBAAmB,SAAQ,iBAA6C;;;;IACxE,EAAE,GAAgB,IAAI,CAAC;IAElC,iBAAiB;QACf,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAID,iBAAiB;QACf,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzC,OAAO,WAAK,KAAK,EAAC,SAAS,wBAAwB,CAAC;QACtD,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;YAC1B,+BACE,GAAG,EAAE,EAAE,CAAC,EAAE;oBACR,IAAI,EAAE,EAAE,CAAC;wBACP,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;wBACtB,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;oBAC9B,CAAC;gBACH,CAAC,GACD,CACE,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB;YAC9B,IAAI,CAAC,OAAO,IAAI,CACf,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,4DAAK,KAAK,EAAC,SAAS,GAAO;gBAC3B,oFAA4B,CACxB,CACP;YAEA,IAAI,CAAC,KAAK,IAAI,CACb,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,0DAAG,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAK;gBACzC,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,YAAgB,CACxD,CACP;YAEA,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAC/C,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Watch, Element } from '@stencil/core';\nimport type { DonutDataItem, DonutSpec } from '@xplortech/apollo-data/dist/types/components.d.ts';\nimport { InsightsChartBase } from '../insights-chart-base';\n\n@Component({\n  tag: 'insights-donut-chart',\n  styleUrl: 'insights-donut-chart.css',\n  shadow: true,\n})\nexport class InsightsDonutChart extends InsightsChartBase<DonutDataItem[], DonutSpec> {\n  @Element() el: HTMLElement = null;\n\n  componentWillLoad() {\n    this.fetchChartData();\n  }\n\n  @Watch('reportName')\n  @Watch('filters')\n  handlePropsChange() {\n    this.fetchChartData();\n  }\n\n  private renderChart() {\n    if (!this.data || this.data.length === 0) {\n      return <div class=\"no-data\">No data available</div>;\n    }\n\n    return (\n      <div class=\"chart-container\">\n        <apollo-data-donut-chart\n          ref={el => {\n            if (el) {\n              el.adData = this.data;\n              el.adSpec = this.spec || {};\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div class=\"insights-donut-chart\">\n        {this.loading && (\n          <div class=\"loading-container\">\n            <div class=\"spinner\"></div>\n            <p>Loading chart data...</p>\n          </div>\n        )}\n\n        {this.error && (\n          <div class=\"error-container\">\n            <p class=\"error-message\">{this.error}</p>\n            <button onClick={() => this.fetchChartData()}>Retry</button>\n          </div>\n        )}\n\n        {!this.loading && !this.error && this.renderChart()}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/insights-wrapper/insights-wrapper.css

@@ -0,0 +1,17 @@
+:host {
+  display: block;
+}
+
+.insights-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  color: #666;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+}

package/dist/collection/components/insights-wrapper/insights-wrapper.js

@@ -0,0 +1,402 @@
+import { h } from "@stencil/core";
+import insights from "@xplortech/insights-js";
+import { getConfiguration } from "../../utils/insights-context";
+export class InsightsWrapper {
+    /**
+     * Name of the configuration to use from setupConfiguration
+     * Defaults to 'default' if not provided
+     */
+    configName;
+    /**
+     * API URL for the insights service (alternative to using configName)
+     */
+    apiUrl;
+    /**
+     * Authentication token (optional if using configName)
+     */
+    token;
+    /**
+     * Callback to refresh the token (can override configuration)
+     */
+    onRefreshTokenCallback;
+    /**
+     * Callback for error and warning events (can override configuration)
+     */
+    onEventEmittedCallback;
+    initialized = false;
+    insightsClient;
+    currentConfig;
+    componentWillLoad() {
+        this.initializeClient();
+    }
+    handlePropsChange() {
+        this.initializeClient();
+    }
+    async initializeClient() {
+        try {
+            let apiUrl;
+            let authToken;
+            let refreshTokenCallback;
+            let onEventEmittedCallback;
+            // Check if using configName or direct props
+            if (this.configName || (!this.apiUrl && !this.token)) {
+                // Using named configuration
+                const config = getConfiguration(this.configName);
+                if (!config) {
+                    const configNameToUse = this.configName || 'default';
+                    const errorMsg = `Configuration '${configNameToUse}' not found. Please call setupConfiguration() first.`;
+                    console.error(errorMsg);
+                    throw new Error(errorMsg);
+                }
+                apiUrl = config.apiUrl;
+                authToken = config.token;
+                // Props override configuration
+                refreshTokenCallback = this.onRefreshTokenCallback || config.refreshToken;
+                onEventEmittedCallback = this.onEventEmittedCallback || config.onEventEmitted;
+                // Store config for later use
+                this.currentConfig = {
+                    apiUrl: config.apiUrl,
+                    refreshToken: refreshTokenCallback,
+                    onEventEmitted: onEventEmittedCallback,
+                };
+                // Get initial token from refreshToken callback if provided
+                if (refreshTokenCallback) {
+                    authToken = typeof refreshTokenCallback === 'function' ? await refreshTokenCallback() : refreshTokenCallback;
+                }
+                // Emit warning through callback if no token
+                if (!authToken && onEventEmittedCallback) {
+                    onEventEmittedCallback({ eventType: 'warning', data: { message: 'No token provided for configuration' } });
+                }
+            }
+            else {
+                // Using direct props (backwards compatible)
+                if (!this.apiUrl) {
+                    const errorMsg = 'apiUrl is required when not using configName';
+                    console.error(errorMsg);
+                    throw new Error(errorMsg);
+                }
+                apiUrl = this.apiUrl;
+                authToken = this.token;
+                refreshTokenCallback = this.onRefreshTokenCallback;
+                onEventEmittedCallback = this.onEventEmittedCallback;
+                // Store config for later use even with direct props
+                this.currentConfig = {
+                    apiUrl: this.apiUrl,
+                    refreshToken: refreshTokenCallback,
+                    onEventEmitted: onEventEmittedCallback,
+                };
+            }
+            // Create the insights client
+            this.insightsClient = insights(authToken, {
+                apiUrl: apiUrl,
+            });
+            this.initialized = true;
+        }
+        catch (error) {
+            const errorMsg = error instanceof Error ? error.message : 'Failed to initialize insights client';
+            // Emit error through callback if configured
+            if (this.currentConfig?.onEventEmitted) {
+                this.currentConfig.onEventEmitted({ eventType: 'error', data: { message: errorMsg, error } });
+            }
+            console.error('Error initializing insights client:', error);
+            throw error;
+        }
+    }
+    async handleTokenExpired() {
+        // Auto-refresh token if refreshToken callback is configured
+        if (this.currentConfig?.refreshToken) {
+            try {
+                await this.initializeClient();
+            }
+            catch (error) {
+                console.error('Failed to refresh token:', error);
+                if (this.currentConfig?.onEventEmitted) {
+                    this.currentConfig.onEventEmitted({ eventType: 'error', data: { message: 'Failed to refresh token', error } });
+                }
+            }
+        }
+        else {
+            if (this.currentConfig?.onEventEmitted) {
+                this.currentConfig.onEventEmitted({ eventType: 'warning', data: { message: 'Token expired but no refreshToken callback configured' } });
+            }
+        }
+    }
+    /**
+     * Public method to fetch data for charts
+     * This can be called by child chart components
+     */
+    async fetchData(reportName, query) {
+        try {
+            const response = await this.insightsClient.getReport(reportName, query);
+            return response;
+        }
+        catch (error) {
+            // Check if error is token expiration
+            if (error.message && error.message.includes('401')) {
+                await this.handleTokenExpired();
+                // Retry fetching data after token refresh
+                const response = await this.insightsClient.getReport(reportName, query);
+                return response;
+            }
+            throw error;
+        }
+    }
+    /**
+     * Helper method to build query from filters
+     */
+    async buildQuery(filters, getQueryByFilters) {
+        if (getQueryByFilters) {
+            return getQueryByFilters(filters);
+        }
+        // Default query builder
+        return {
+            columns: ['*'],
+            ...filters,
+        };
+    }
+    /**
+     * Manually refresh the token using the refreshToken callback from configuration
+     */
+    async manualRefreshToken() {
+        if (!this.currentConfig?.refreshToken) {
+            throw new Error('No refreshToken callback configured');
+        }
+        await this.initializeClient();
+    }
+    render() {
+        return (h("div", { key: '8a00c399458b7dff7dff0ac7e50a6217d7c2ad3d', class: "insights-wrapper" }, this.initialized && h("slot", { key: '85f26cab746e109f97ef29288b57377c449b7429' }), !this.initialized && h("div", { key: 'a59a48e70a8ff0258d5112aafeca6bc5a4a620ac', class: "loading" }, "Initializing Insights...")));
+    }
+    static get is() { return "insights-wrapper"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["insights-wrapper.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["insights-wrapper.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "configName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the configuration to use from setupConfiguration\nDefaults to 'default' if not provided"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "config-name"
+            },
+            "apiUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "API URL for the insights service (alternative to using configName)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "api-url"
+            },
+            "token": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Authentication token (optional if using configName)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "token"
+            },
+            "onRefreshTokenCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<string> | string",
+                    "resolved": "() => string | Promise<string>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback to refresh the token (can override configuration)"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "onEventEmittedCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(event: EventData) => void",
+                    "resolved": "(event: EventData) => void",
+                    "references": {
+                        "EventData": {
+                            "location": "import",
+                            "path": "../../utils/insights-context",
+                            "id": "src/utils/insights-context.ts::EventData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback for error and warning events (can override configuration)"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "initialized": {}
+        };
+    }
+    static get methods() {
+        return {
+            "fetchData": {
+                "complexType": {
+                    "signature": "(reportName: string, query: InsightsQuery) => Promise<RawInsightsResponse>",
+                    "parameters": [{
+                            "name": "reportName",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "query",
+                            "type": "InsightsQuery",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "RawInsightsResponse": {
+                            "location": "import",
+                            "path": "../../utils/chart-types",
+                            "id": "src/utils/chart-types.ts::RawInsightsResponse"
+                        },
+                        "InsightsQuery": {
+                            "location": "import",
+                            "path": "../../utils/chart-types",
+                            "id": "src/utils/chart-types.ts::InsightsQuery"
+                        }
+                    },
+                    "return": "Promise<RawInsightsResponse>"
+                },
+                "docs": {
+                    "text": "Public method to fetch data for charts\nThis can be called by child chart components",
+                    "tags": []
+                }
+            },
+            "buildQuery": {
+                "complexType": {
+                    "signature": "(filters: ChartFilters, getQueryByFilters?: (filters: ChartFilters) => InsightsQuery) => Promise<InsightsQuery>",
+                    "parameters": [{
+                            "name": "filters",
+                            "type": "ChartFilters",
+                            "docs": ""
+                        }, {
+                            "name": "getQueryByFilters",
+                            "type": "(filters: ChartFilters) => InsightsQuery",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "InsightsQuery": {
+                            "location": "import",
+                            "path": "../../utils/chart-types",
+                            "id": "src/utils/chart-types.ts::InsightsQuery"
+                        },
+                        "ChartFilters": {
+                            "location": "import",
+                            "path": "../../utils/chart-types",
+                            "id": "src/utils/chart-types.ts::ChartFilters"
+                        }
+                    },
+                    "return": "Promise<InsightsQuery>"
+                },
+                "docs": {
+                    "text": "Helper method to build query from filters",
+                    "tags": []
+                }
+            },
+            "manualRefreshToken": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Manually refresh the token using the refreshToken callback from configuration",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "configName",
+                "methodName": "handlePropsChange"
+            }, {
+                "propName": "apiUrl",
+                "methodName": "handlePropsChange"
+            }, {
+                "propName": "token",
+                "methodName": "handlePropsChange"
+            }, {
+                "propName": "onRefreshTokenCallback",
+                "methodName": "handlePropsChange"
+            }, {
+                "propName": "onEventEmittedCallback",
+                "methodName": "handlePropsChange"
+            }];
+    }
+}
+//# sourceMappingURL=insights-wrapper.js.map

package/dist/collection/components/insights-wrapper/insights-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insights-wrapper.js","sourceRoot":"","sources":["../../../src/components/insights-wrapper/insights-wrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Watch, Method, State } from '@stencil/core';\nimport insights from '@xplortech/insights-js';\nimport { getConfiguration, type EventData } from '../../utils/insights-context';\nimport { ChartFilters, InsightsQuery, RawInsightsResponse } from '../../utils/chart-types';\n\n@Component({\n  tag: 'insights-wrapper',\n  styleUrl: 'insights-wrapper.css',\n  shadow: true,\n})\nexport class InsightsWrapper {\n  /**\n   * Name of the configuration to use from setupConfiguration\n   * Defaults to 'default' if not provided\n   */\n  @Prop() configName?: string;\n\n  /**\n   * API URL for the insights service (alternative to using configName)\n   */\n  @Prop() apiUrl?: string;\n\n  /**\n   * Authentication token (optional if using configName)\n   */\n  @Prop() token?: string;\n\n  /**\n   * Callback to refresh the token (can override configuration)\n   */\n  @Prop() onRefreshTokenCallback?: () => Promise<string> | string;\n\n  /**\n   * Callback for error and warning events (can override configuration)\n   */\n  @Prop() onEventEmittedCallback?: (event: EventData) => void;\n\n  @State() initialized: boolean = false;\n\n  private insightsClient: any;\n  private currentConfig?: { apiUrl: string; refreshToken?: () => Promise<string> | string; onEventEmitted?: (event: EventData) => void };\n\n  componentWillLoad() {\n    this.initializeClient();\n  }\n\n  @Watch('configName')\n  @Watch('apiUrl')\n  @Watch('token')\n  @Watch('onRefreshTokenCallback')\n  @Watch('onEventEmittedCallback')\n  handlePropsChange() {\n    this.initializeClient();\n  }\n\n  private async initializeClient() {\n    try {\n      let apiUrl: string;\n      let authToken: string | undefined;\n      let refreshTokenCallback: (() => Promise<string> | string) | undefined;\n      let onEventEmittedCallback: ((event: EventData) => void) | undefined;\n\n      // Check if using configName or direct props\n      if (this.configName || (!this.apiUrl && !this.token)) {\n        // Using named configuration\n        const config = getConfiguration(this.configName);\n        if (!config) {\n          const configNameToUse = this.configName || 'default';\n          const errorMsg = `Configuration '${configNameToUse}' not found. Please call setupConfiguration() first.`;\n          console.error(errorMsg);\n          throw new Error(errorMsg);\n        }\n\n        apiUrl = config.apiUrl;\n        authToken = config.token;\n        // Props override configuration\n        refreshTokenCallback = this.onRefreshTokenCallback || config.refreshToken;\n        onEventEmittedCallback = this.onEventEmittedCallback || config.onEventEmitted;\n\n        // Store config for later use\n        this.currentConfig = {\n          apiUrl: config.apiUrl,\n          refreshToken: refreshTokenCallback,\n          onEventEmitted: onEventEmittedCallback,\n        };\n\n        // Get initial token from refreshToken callback if provided\n        if (refreshTokenCallback) {\n          authToken = typeof refreshTokenCallback === 'function' ? await refreshTokenCallback() : refreshTokenCallback;\n        }\n\n        // Emit warning through callback if no token\n        if (!authToken && onEventEmittedCallback) {\n          onEventEmittedCallback({ eventType: 'warning', data: { message: 'No token provided for configuration' } });\n        }\n      } else {\n        // Using direct props (backwards compatible)\n        if (!this.apiUrl) {\n          const errorMsg = 'apiUrl is required when not using configName';\n          console.error(errorMsg);\n          throw new Error(errorMsg);\n        }\n        apiUrl = this.apiUrl;\n        authToken = this.token;\n        refreshTokenCallback = this.onRefreshTokenCallback;\n        onEventEmittedCallback = this.onEventEmittedCallback;\n\n        // Store config for later use even with direct props\n        this.currentConfig = {\n          apiUrl: this.apiUrl,\n          refreshToken: refreshTokenCallback,\n          onEventEmitted: onEventEmittedCallback,\n        };\n      }\n\n      // Create the insights client\n      this.insightsClient = insights(authToken, {\n        apiUrl: apiUrl,\n      });\n\n      this.initialized = true;\n    } catch (error) {\n      const errorMsg = error instanceof Error ? error.message : 'Failed to initialize insights client';\n\n      // Emit error through callback if configured\n      if (this.currentConfig?.onEventEmitted) {\n        this.currentConfig.onEventEmitted({ eventType: 'error', data: { message: errorMsg, error } });\n      }\n\n      console.error('Error initializing insights client:', error);\n      throw error;\n    }\n  }\n\n  private async handleTokenExpired() {\n    // Auto-refresh token if refreshToken callback is configured\n    if (this.currentConfig?.refreshToken) {\n      try {\n        await this.initializeClient();\n      } catch (error) {\n        console.error('Failed to refresh token:', error);\n        if (this.currentConfig?.onEventEmitted) {\n          this.currentConfig.onEventEmitted({ eventType: 'error', data: { message: 'Failed to refresh token', error } });\n        }\n      }\n    } else {\n      if (this.currentConfig?.onEventEmitted) {\n        this.currentConfig.onEventEmitted({ eventType: 'warning', data: { message: 'Token expired but no refreshToken callback configured' } });\n      }\n    }\n  }\n\n  /**\n   * Public method to fetch data for charts\n   * This can be called by child chart components\n   */\n  @Method()\n  async fetchData(reportName: string, query: InsightsQuery): Promise<RawInsightsResponse> {\n    try {\n      const response = await this.insightsClient.getReport(reportName, query);\n      return response;\n    } catch (error) {\n      // Check if error is token expiration\n      if (error.message && error.message.includes('401')) {\n        await this.handleTokenExpired();\n        // Retry fetching data after token refresh\n        const response = await this.insightsClient.getReport(reportName, query);\n        return response;\n      }\n      throw error;\n    }\n  }\n\n  /**\n   * Helper method to build query from filters\n   */\n  @Method()\n  async buildQuery(filters: ChartFilters, getQueryByFilters?: (filters: ChartFilters) => InsightsQuery): Promise<InsightsQuery> {\n    if (getQueryByFilters) {\n      return getQueryByFilters(filters);\n    }\n\n    // Default query builder\n    return {\n      columns: ['*'],\n      ...filters,\n    };\n  }\n\n  /**\n   * Manually refresh the token using the refreshToken callback from configuration\n   */\n  @Method()\n  async manualRefreshToken() {\n    if (!this.currentConfig?.refreshToken) {\n      throw new Error('No refreshToken callback configured');\n    }\n    await this.initializeClient();\n  }\n\n  render() {\n    return (\n      <div class=\"insights-wrapper\">\n        {this.initialized && <slot></slot>}\n        {!this.initialized && <div class=\"loading\">Initializing Insights...</div>}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/global/app.js

@@ -0,0 +1,35 @@
+/**
+ * Global script for insights-elements
+ * Auto-loads apollo-data components when the library initializes
+ */
+export default async () => {
+    if (typeof window === 'undefined')
+        return;
+    // Auto-load apollo-data when insights-elements initializes
+    try {
+        // Determine the base URL for apollo-data based on the current script location
+        let apolloDataUrl;
+        if (typeof import.meta?.url === 'string') {
+            const baseUrl = new URL('.', import.meta.url).href;
+            apolloDataUrl = new URL('apollo-data/apollo-data.esm.js', baseUrl).href;
+        }
+        if (apolloDataUrl) {
+            // Try loading from the co-located apollo-data folder first (works for both dev and bundled scenarios)
+            try {
+                await import(/* @vite-ignore */ apolloDataUrl);
+                console.log('✓ apollo-data loaded from co-located bundle', { apolloDataUrl });
+                return;
+            }
+            catch {
+                // Fall through to npm package import
+            }
+        }
+        // Fallback: Import from npm package (for bundlers that handle this)
+        await import('@xplortech/apollo-data');
+        console.log('✓ apollo-data loaded from npm package');
+    }
+    catch (error) {
+        console.warn('ℹ apollo-data not available:', error?.message || error);
+    }
+};
+//# sourceMappingURL=app.js.map

package/dist/collection/global/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/global/app.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAe,KAAK,IAAI,EAAE;IACxB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAE1C,2DAA2D;IAC3D,IAAI,CAAC;QACH,8EAA8E;QAC9E,IAAI,aAAiC,CAAC;QAEtC,IAAI,OAAO,MAAM,CAAC,IAAI,EAAE,GAAG,KAAK,QAAQ,EAAE,CAAC;YACzC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YACnD,aAAa,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;QAC1E,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,sGAAsG;YACtG,IAAI,CAAC;gBACH,MAAM,MAAM,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;gBAC/C,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC;gBAC9E,OAAO;YACT,CAAC;YAAC,MAAM,CAAC;gBACP,qCAAqC;YACvC,CAAC;QACH,CAAC;QAED,oEAAoE;QACpE,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,uCAAuC,CAAC,CAAC;IACvD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAG,KAAe,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC;IACnF,CAAC;AACH,CAAC,CAAC","sourcesContent":["/**\n * Global script for insights-elements\n * Auto-loads apollo-data components when the library initializes\n */\nexport default async () => {\n  if (typeof window === 'undefined') return;\n\n  // Auto-load apollo-data when insights-elements initializes\n  try {\n    // Determine the base URL for apollo-data based on the current script location\n    let apolloDataUrl: string | undefined;\n\n    if (typeof import.meta?.url === 'string') {\n      const baseUrl = new URL('.', import.meta.url).href;\n      apolloDataUrl = new URL('apollo-data/apollo-data.esm.js', baseUrl).href;\n    }\n\n    if (apolloDataUrl) {\n      // Try loading from the co-located apollo-data folder first (works for both dev and bundled scenarios)\n      try {\n        await import(/* @vite-ignore */ apolloDataUrl);\n        console.log('✓ apollo-data loaded from co-located bundle', { apolloDataUrl });\n        return;\n      } catch {\n        // Fall through to npm package import\n      }\n    }\n\n    // Fallback: Import from npm package (for bundlers that handle this)\n    await import('@xplortech/apollo-data');\n    console.log('✓ apollo-data loaded from npm package');\n  } catch (error) {\n    console.warn('ℹ apollo-data not available:', (error as Error)?.message || error);\n  }\n};\n"]}

package/dist/collection/index.js

@@ -0,0 +1,12 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+// Export configuration setup function
+export { setupConfiguration } from './utils/insights-context';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,sCAAsC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components.d.ts';\n\n// Export configuration setup function\nexport { setupConfiguration } from './utils/insights-context';\n\n// Export configuration types\nexport type { EventType, EventData, ConfigurationItem, Configuration } from './utils/insights-context';\n"]}

package/dist/collection/utils/chart-types.js

@@ -0,0 +1,16 @@
+/**
+ * Default implementation of getQueryByFilters
+ */
+export const defaultGetQueryByFilters = (filters) => {
+    return {
+        columns: ['*'],
+        ...filters,
+    };
+};
+/**
+ * Default implementation of normalizeRawResponse
+ */
+export const defaultNormalizeRawResponse = (responseData) => {
+    return responseData.data || responseData;
+};
+//# sourceMappingURL=chart-types.js.map

package/dist/collection/utils/chart-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../src/utils/chart-types.ts"],"names":[],"mappings":"AAoDA;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAqB,EAAiB,EAAE;IAC/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,CAAC;QACd,GAAG,OAAO;KACX,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,YAAiC,EAAO,EAAE;IACpF,OAAO,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC;AAC3C,CAAC,CAAC","sourcesContent":["/**\n * Filters for chart data queries\n */\nexport interface ChartFilters {\n  [key: string]: any;\n}\n\n/**\n * Query structure for insights API\n */\nexport interface InsightsQuery {\n  columns: string[];\n  [key: string]: any;\n}\n\n/**\n * Raw response from insights API\n */\nexport interface RawInsightsResponse {\n  data: any[];\n  [key: string]: any;\n}\n\n/**\n * Base props that all chart components will inherit\n */\nexport interface BaseChartProps {\n  /**\n   * Name of the report to fetch data from\n   */\n  reportName: string;\n\n  /**\n   * Filters to apply to the query\n   */\n  filters?: ChartFilters;\n\n  /**\n   * Function to transform filters into a query object\n   * @param filters - The filters to transform\n   * @returns Query object with columns and other parameters\n   */\n  getQueryByFilters?: (filters: ChartFilters) => InsightsQuery;\n\n  /**\n   * Function to normalize the raw API response\n   * @param responseData - Raw response from the API\n   * @returns Normalized data for the chart\n   */\n  normalizeRawResponse?: (responseData: RawInsightsResponse) => any;\n}\n\n/**\n * Default implementation of getQueryByFilters\n */\nexport const defaultGetQueryByFilters = (filters: ChartFilters): InsightsQuery => {\n  return {\n    columns: ['*'],\n    ...filters,\n  };\n};\n\n/**\n * Default implementation of normalizeRawResponse\n */\nexport const defaultNormalizeRawResponse = (responseData: RawInsightsResponse): any => {\n  return responseData.data || responseData;\n};\n"]}