@sisense/sdk-ui-angular 1.31.0 → 1.32.0

package/dist/ai/lib/component-wrapper-helpers/context-connectors.d.ts

@@ -0,0 +1,10 @@
+import { ContextConnector } from '@sisense/sdk-ui-preact';
+import { CustomAiContext } from '@sisense/sdk-ui-preact/ai';
+import { AiService } from '../services/ai.service';
+/**
+ * Creates AI context connector
+ *
+ * @param aiService - The AI service
+ * @internal
+ */
+export declare const createAiContextConnector: (aiService: AiService) => ContextConnector<CustomAiContext>;

package/dist/ai/lib/component-wrapper-helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './context-connectors';
+export * from './template';

package/dist/ai/lib/component-wrapper-helpers/template.d.ts

@@ -0,0 +1,2 @@
+export declare const rootId = "preact";
+export declare const template: string;

package/dist/ai/lib/components/chatbot.component.d.ts

@@ -0,0 +1,133 @@
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy } from '@angular/core';
+import { type ChatbotProps as ChatbotPropsPreact } from '@sisense/sdk-ui-preact/ai';
+import { SisenseContextService, ThemeService } from '@sisense/sdk-ui-angular';
+import { AiService } from '../services/ai.service';
+import * as i0 from "@angular/core";
+/**
+ * Props of the {@link ChatbotComponent}.
+ */
+export interface ChatbotProps extends ChatbotPropsPreact {
+}
+/**
+ * An Angular component that renders a chatbot with data topic selection.
+ *
+ * ::: warning Note
+ * This component is currently under beta release for our managed cloud customers on version L2024.2 or above. It is subject to changes as we make fixes and improvements.
+ * :::
+ *
+ * @example
+ * An example of using the `ChatbotComponent`:
+ *
+ * ```html
+<!--Component HTML template in example.component.html-->
+<csdk-chatbot
+  [width]="chatbot.width"
+  [height]="chatbot.height"
+  [config]="chatbot.config"
+/>
+ * ```
+ *
+ * ```ts
+// Component behavior in example.component.ts
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  chatbot = {
+    width: '500px',
+    height: '700px',
+    config: {
+      numOfRecommendations: 5,
+    },
+  };
+}
+ * ```
+ *
+ * <img src="media://angular-chatbot-example.png" width="800px" />
+ * @shortDescription Angular component that renders a chatbot with data topic selection.
+ *
+ * @group Generative AI
+ * @beta
+ */
+export declare class ChatbotComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /**
+     * Sisense context service
+     *
+     * @category Constructor
+     */
+    sisenseContextService: SisenseContextService;
+    /**
+     * Theme service
+     *
+     * @category Constructor
+     */
+    themeService: ThemeService;
+    /**
+     * AI service
+     *
+     * @category Constructor
+     */
+    aiService: AiService;
+    /**
+     * @internal
+     */
+    preactRef: ElementRef<HTMLDivElement>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChatbotProps.width}
+     */
+    width: ChatbotProps['width'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChatbotProps.height}
+     */
+    height: ChatbotProps['height'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChatbotProps.config}
+     */
+    config: ChatbotProps['config'];
+    private componentAdapter;
+    /**
+     * Constructor for the `ChatbotComponent`.
+     *
+     * @param sisenseContextService - Sisense context service
+     * @param themeService - Theme service
+     * @param aiService - AI service
+     */
+    constructor(
+    /**
+     * Sisense context service
+     *
+     * @category Constructor
+     */
+    sisenseContextService: SisenseContextService, 
+    /**
+     * Theme service
+     *
+     * @category Constructor
+     */
+    themeService: ThemeService, 
+    /**
+     * AI service
+     *
+     * @category Constructor
+     */
+    aiService: AiService);
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    /**
+     * @internal
+     */
+    ngOnChanges(): void;
+    private createPreactComponent;
+    /**
+     * @internal
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatbotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatbotComponent, "csdk-chatbot", never, { "width": "width"; "height": "height"; "config": "config"; }, {}, never, never, false, never>;
+}

package/dist/ai/lib/components/get-nlg-insights.component.d.ts

@@ -0,0 +1,142 @@
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy } from '@angular/core';
+import { type GetNlgInsightsProps as GetNlgInsightsPropsPreact } from '@sisense/sdk-ui-preact/ai';
+import { SisenseContextService, ThemeService } from '@sisense/sdk-ui-angular';
+import { AiService } from '../services/ai.service';
+import * as i0 from "@angular/core";
+/**
+ * Props of the {@link GetNlgInsightsComponent}.
+ */
+export interface GetNlgInsightsProps extends GetNlgInsightsPropsPreact {
+}
+/**
+ * An Angular component that fetches and displays a collapsible analysis of the provided query using natural language generation (NLG).
+ * Specifying NLG parameters is similar to providing parameters to the {@link QueryService.executeQuery} service method, using dimensions, measures, and filters.
+ *
+ * ::: warning Note
+ * This component is currently under beta release for our managed cloud customers on version L2024.2 or above. It is subject to changes as we make fixes and improvements.
+ * :::
+ *
+ * @example
+ * An example of using the `GetNlgInsightsComponent`:
+ *
+ * ```html
+<!--Component HTML template in example.component.html-->
+<csdk-get-nlg-insights
+  [dataSource]="nlgParams.dataSource"
+  [dimensions]="nlgParams.dimensions"
+  [measures]="nlgParams.measures"
+/>
+ * ```
+ *
+ * ```ts
+// Component behavior in example.component.ts
+import { Component } from '@angular/core';
+import { measureFactory } from '@sisense/sdk-data';
+import * as DM from '../../assets/sample-healthcare-model';
+
+@Component({
+  selector: 'example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  nlgParams = {
+    dataSource: DM.DataSource.title,
+    dimensions: [DM.Divisions.Divison_name],
+    measures: [measureFactory.sum(DM.Admissions.Cost_of_admission)],
+  };
+}
+ * ```
+ *
+ * <img src="media://angular-get-nlg-insights-example.png" width="800px" />
+ * @shortDescription Angular component that displays NLG insights.
+ *
+ * @group Generative AI
+ * @beta
+ */
+export declare class GetNlgInsightsComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /**
+     * Sisense context service
+     *
+     * @category Constructor
+     */
+    sisenseContextService: SisenseContextService;
+    /**
+     * Theme service
+     *
+     * @category Constructor
+     */
+    themeService: ThemeService;
+    /**
+     * AI service
+     *
+     * @category Constructor
+     */
+    aiService: AiService;
+    /**
+     * @internal
+     */
+    preactRef: ElementRef<HTMLDivElement>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!GetNlgInsightsProps.dataSource}
+     */
+    dataSource: GetNlgInsightsProps['dataSource'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!GetNlgInsightsProps.dimensions}
+     */
+    dimensions: GetNlgInsightsProps['dimensions'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!GetNlgInsightsProps.measures}
+     */
+    measures: GetNlgInsightsProps['measures'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!GetNlgInsightsProps.filters}
+     */
+    filters: GetNlgInsightsProps['filters'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!GetNlgInsightsProps.verbosity}
+     */
+    verbosity: GetNlgInsightsProps['verbosity'];
+    private componentAdapter;
+    /**
+     * Constructor for the `GetNlgInsightsProps`.
+     *
+     * @param sisenseContextService - Sisense context service
+     * @param themeService - Theme service
+     * @param aiService - AI service
+     */
+    constructor(
+    /**
+     * Sisense context service
+     *
+     * @category Constructor
+     */
+    sisenseContextService: SisenseContextService, 
+    /**
+     * Theme service
+     *
+     * @category Constructor
+     */
+    themeService: ThemeService, 
+    /**
+     * AI service
+     *
+     * @category Constructor
+     */
+    aiService: AiService);
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    /**
+     * @internal
+     */
+    ngOnChanges(): void;
+    private createPreactComponent;
+    /**
+     * @internal
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetNlgInsightsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GetNlgInsightsComponent, "csdk-get-nlg-insights", never, { "dataSource": "dataSource"; "dimensions": "dimensions"; "measures": "measures"; "filters": "filters"; "verbosity": "verbosity"; }, {}, never, never, false, never>;
+}

package/dist/ai/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chatbot.component';
+export * from './get-nlg-insights.component';

package/dist/ai/lib/sdk-ai.module.d.ts

@@ -1,14 +1,49 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@sisense/sdk-ui-angular";
+import * as i1 from "./components/chatbot.component";
+import * as i2 from "./components/get-nlg-insights.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@sisense/sdk-ui-angular";
 /**
- * SDK AI Module
+ * SDK AI Module, which is a container for generative AI components and services.
  *
- * @internal
+ * @example
+ * Example of importing {@link SdkAiModule} and injecting {@link AiContextConfig} into your application,
+ * along with importing dependency {@link SdkUiModule} and injecting {@link SisenseContextConfig} to connect to a Sisense instance:
+ *
+ * ```ts
+ * import { SdkUiModule, SisenseContextConfig } from '@sisense/sdk-ui-angular';
+ * import { SdkAiModule, AI_CONTEXT_CONFIG_TOKEN, AiContextConfig } from '@sisense/sdk-ui-angular/ai';
+ *
+ * const AI_CONTEXT_CONFIG: AiContextConfig = {
+ *   volatile: true,
+ * };
+ * const SISENSE_CONTEXT_CONFIG: SisenseContextConfig = {
+ *   url: "<instance url>", // replace with the URL of your Sisense instance
+ *   token: "<api token>", // replace with the API token of your user account
+ *   defaultDataSource: DM.DataSource,
+ * };
+ *
+ * @NgModule({
+ *   imports: [
+ *     BrowserModule,
+ *     SdkUiModule,
+ *     SdkAiModule,
+ *   ],
+ *   declarations: [AppComponent],
+ *   providers: [
+ *     { provide: AI_CONTEXT_CONFIG_TOKEN, useValue: AI_CONTEXT_CONFIG },
+ *     { provide: SISENSE_CONTEXT_CONFIG_TOKEN, useValue: SISENSE_CONTEXT_CONFIG },
+ *   ],
+ *   bootstrap: [AppComponent],
+ * })
+ * ```
+ *
+ * @group Generative AI
+ * @beta
  */
 export declare class SdkAiModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkAiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkAiModule, never, [typeof i1.CommonModule, typeof i2.SdkUiModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkAiModule, [typeof i1.ChatbotComponent, typeof i2.GetNlgInsightsComponent], [typeof i3.CommonModule, typeof i4.SdkUiModule], [typeof i1.ChatbotComponent, typeof i2.GetNlgInsightsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdkAiModule>;
 }

package/dist/ai/lib/sdk-ui-core-exports.d.ts

@@ -0,0 +1 @@
+export type { ChatConfig, GetQueryRecommendationsParams, QueryRecommendation, GetNlqResultParams, } from '@sisense/sdk-ui-preact/ai';

package/dist/ai/lib/services/ai.service.d.ts

@@ -0,0 +1,88 @@
+import { InjectionToken } from '@angular/core';
+import { ChatRestApi, UseGetNlgInsightsParams, GetQueryRecommendationsParams, AiContextProviderProps, QueryRecommendation, GetNlqResultParams } from '@sisense/sdk-ui-preact/ai';
+import { SisenseContextService, WidgetProps } from '@sisense/sdk-ui-angular';
+import * as i0 from "@angular/core";
+export interface AiContextConfig extends Omit<AiContextProviderProps, 'children'> {
+}
+export interface GetNlgInsightsParams extends Omit<UseGetNlgInsightsParams, 'enabled'> {
+}
+/**
+ * Token used to inject {@link AiContextConfig} into your application.
+ *
+ * @example
+ * Example of importing {@link SdkAiModule} and injecting {@link AiContextConfig} into your application,
+ * along with importing dependency {@link SdkUiModule} and injecting {@link SisenseContextConfig} to connect to a Sisense instance:
+ *
+ * ```ts
+ * import { SdkUiModule, SisenseContextConfig } from '@sisense/sdk-ui-angular';
+ * import { SdkAiModule, AI_CONTEXT_CONFIG_TOKEN, AiContextConfig } from '@sisense/sdk-ui-angular/ai';
+ *
+ * const AI_CONTEXT_CONFIG: AiContextConfig = {
+ *   volatile: true,
+ * };
+ * const SISENSE_CONTEXT_CONFIG: SisenseContextConfig = {
+ *   url: "<instance url>", // replace with the URL of your Sisense instance
+ *   token: "<api token>", // replace with the API token of your user account
+ *   defaultDataSource: DM.DataSource,
+ * };
+ *
+ * @NgModule({
+ *   imports: [
+ *     BrowserModule,
+ *     SdkUiModule,
+ *     SdkAiModule,
+ *   ],
+ *   declarations: [AppComponent],
+ *   providers: [
+ *     { provide: AI_CONTEXT_CONFIG_TOKEN, useValue: AI_CONTEXT_CONFIG },
+ *     { provide: SISENSE_CONTEXT_CONFIG_TOKEN, useValue: SISENSE_CONTEXT_CONFIG },
+ *   ],
+ *   bootstrap: [AppComponent],
+ * })
+ * ```
+ *
+ * @group Generative AI
+ * @beta
+ */
+export declare const AI_CONTEXT_CONFIG_TOKEN: InjectionToken<AiContextConfig>;
+/**
+ * Service for working with Sisense Fusion Generative AI.
+ *
+ * ::: warning Note
+ * This service is currently under beta release for our managed cloud customers on version L2024.2 or above. It is subject to changes as we make fixes and improvements.
+ * :::
+ *
+ * @group Generative AI
+ * @beta
+ */
+export declare class AiService {
+    private sisenseContextService;
+    private apiPromise;
+    constructor(sisenseContextService: SisenseContextService, aiContextConfig?: AiContextConfig);
+    /** @internal */
+    getApi(): Promise<ChatRestApi>;
+    /**
+     * Fetches an analysis of the provided query using natural language generation (NLG).
+     * Specifying NLG parameters is similar to providing parameters to the {@link QueryService.executeQuery} service method, using dimensions, measures, and filters.
+     *
+     * @param params - Parameters for getting NLG insights
+     * @returns NLG insights text summary
+     */
+    getNlgInsights(params: GetNlgInsightsParams): Promise<string | undefined>;
+    /**
+     * Fetches recommended questions for a data model or perspective.
+     *
+     * @param params - Parameters for recommendations
+     * @returns An array of objects, each containing recommended question text and its corresponding `widgetProps`
+     */
+    getQueryRecommendations(params: GetQueryRecommendationsParams): Promise<QueryRecommendation[]>;
+    /**
+     * Executes a natural language query (NLQ) against a data model or perspective
+     *
+     * @param params - NLQ query parameters
+     * @returns The result as WidgetProps
+     */
+    getNlqResult(params: GetNlqResultParams): Promise<WidgetProps | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AiService, [null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AiService>;
+}

package/dist/ai/lib/services/index.d.ts

@@ -0,0 +1 @@
+export * from './ai.service';

package/dist/ai/public-api.d.ts

@@ -1 +1,7 @@
+/**
+ * Public API Surface of @sisense/sdk-ui-angular/ai
+ */
 export * from './lib/sdk-ai.module';
+export * from './lib/components';
+export * from './lib/services';
+export * from './lib/sdk-ui-core-exports';

package/dist/esm2020/ai/lib/component-wrapper-helpers/context-connectors.mjs

@@ -0,0 +1,20 @@
+import { createContextProviderRenderer } from '@sisense/sdk-ui-preact';
+import { CustomAiContextProvider } from '@sisense/sdk-ui-preact/ai';
+/**
+ * Creates AI context connector
+ *
+ * @param aiService - The AI service
+ * @internal
+ */
+export const createAiContextConnector = (aiService) => {
+    return {
+        async prepareContext() {
+            const api = await aiService.getApi();
+            return {
+                api,
+            };
+        },
+        renderContextProvider: createContextProviderRenderer(CustomAiContextProvider),
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1jb25uZWN0b3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FpL2xpYi9jb21wb25lbnQtd3JhcHBlci1oZWxwZXJzL2NvbnRleHQtY29ubmVjdG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLDZCQUE2QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekYsT0FBTyxFQUFFLHVCQUF1QixFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBR3JGOzs7OztHQUtHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsQ0FDdEMsU0FBb0IsRUFDZSxFQUFFO0lBQ3JDLE9BQU87UUFDTCxLQUFLLENBQUMsY0FBYztZQUNsQixNQUFNLEdBQUcsR0FBRyxNQUFNLFNBQVMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNyQyxPQUFPO2dCQUNMLEdBQUc7YUFDSixDQUFDO1FBQ0osQ0FBQztRQUNELHFCQUFxQixFQUFFLDZCQUE2QixDQUFDLHVCQUF1QixDQUFDO0tBQzlFLENBQUM7QUFDSixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250ZXh0Q29ubmVjdG9yLCBjcmVhdGVDb250ZXh0UHJvdmlkZXJSZW5kZXJlciB9IGZyb20gJ0BzaXNlbnNlL3Nkay11aS1wcmVhY3QnO1xuaW1wb3J0IHsgQ3VzdG9tQWlDb250ZXh0UHJvdmlkZXIsIEN1c3RvbUFpQ29udGV4dCB9IGZyb20gJ0BzaXNlbnNlL3Nkay11aS1wcmVhY3QvYWknO1xuaW1wb3J0IHsgQWlTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvYWkuc2VydmljZSc7XG5cbi8qKlxuICogQ3JlYXRlcyBBSSBjb250ZXh0IGNvbm5lY3RvclxuICpcbiAqIEBwYXJhbSBhaVNlcnZpY2UgLSBUaGUgQUkgc2VydmljZVxuICogQGludGVybmFsXG4gKi9cbmV4cG9ydCBjb25zdCBjcmVhdGVBaUNvbnRleHRDb25uZWN0b3IgPSAoXG4gIGFpU2VydmljZTogQWlTZXJ2aWNlLFxuKTogQ29udGV4dENvbm5lY3RvcjxDdXN0b21BaUNvbnRleHQ+ID0+IHtcbiAgcmV0dXJuIHtcbiAgICBhc3luYyBwcmVwYXJlQ29udGV4dCgpIHtcbiAgICAgIGNvbnN0IGFwaSA9IGF3YWl0IGFpU2VydmljZS5nZXRBcGkoKTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFwaSxcbiAgICAgIH07XG4gICAgfSxcbiAgICByZW5kZXJDb250ZXh0UHJvdmlkZXI6IGNyZWF0ZUNvbnRleHRQcm92aWRlclJlbmRlcmVyKEN1c3RvbUFpQ29udGV4dFByb3ZpZGVyKSxcbiAgfTtcbn07XG4iXX0=

package/dist/esm2020/ai/lib/component-wrapper-helpers/index.mjs

@@ -0,0 +1,3 @@
+export * from './context-connectors';
+export * from './template';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWkvbGliL2NvbXBvbmVudC13cmFwcGVyLWhlbHBlcnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29udGV4dC1jb25uZWN0b3JzJztcbmV4cG9ydCAqIGZyb20gJy4vdGVtcGxhdGUnO1xuIl19

package/dist/esm2020/ai/lib/component-wrapper-helpers/template.mjs

@@ -0,0 +1,5 @@
+export const rootId = 'preact';
+export const template = `
+    <div #${rootId} style="width: 100%; height: 100%"></div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWkvbGliL2NvbXBvbmVudC13cmFwcGVyLWhlbHBlcnMvdGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztBQUMvQixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUc7WUFDWixNQUFNO0NBQ2pCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3Qgcm9vdElkID0gJ3ByZWFjdCc7XG5leHBvcnQgY29uc3QgdGVtcGxhdGUgPSBgXG4gICAgPGRpdiAjJHtyb290SWR9IHN0eWxlPVwid2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJVwiPjwvZGl2PlxuYDtcbiJdfQ==

package/dist/esm2020/ai/lib/components/chatbot.component.mjs

@@ -0,0 +1,139 @@
+import { Component, Input, ViewChild, } from '@angular/core';
+import { ComponentAdapter, createElement } from '@sisense/sdk-ui-preact';
+import { Chatbot } from '@sisense/sdk-ui-preact/ai';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { createSisenseContextConnector, createThemeContextConnector, } from '@sisense/sdk-ui-angular';
+import { template, rootId } from '../component-wrapper-helpers/template';
+import { createAiContextConnector } from '../component-wrapper-helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@sisense/sdk-ui-angular";
+import * as i2 from "../services/ai.service";
+/**
+ * An Angular component that renders a chatbot with data topic selection.
+ *
+ * ::: warning Note
+ * This component is currently under beta release for our managed cloud customers on version L2024.2 or above. It is subject to changes as we make fixes and improvements.
+ * :::
+ *
+ * @example
+ * An example of using the `ChatbotComponent`:
+ *
+ * ```html
+<!--Component HTML template in example.component.html-->
+<csdk-chatbot
+  [width]="chatbot.width"
+  [height]="chatbot.height"
+  [config]="chatbot.config"
+/>
+ * ```
+ *
+ * ```ts
+// Component behavior in example.component.ts
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  chatbot = {
+    width: '500px',
+    height: '700px',
+    config: {
+      numOfRecommendations: 5,
+    },
+  };
+}
+ * ```
+ *
+ * <img src="media://angular-chatbot-example.png" width="800px" />
+ * @shortDescription Angular component that renders a chatbot with data topic selection.
+ *
+ * @group Generative AI
+ * @beta
+ */
+export class ChatbotComponent {
+    /**
+     * Constructor for the `ChatbotComponent`.
+     *
+     * @param sisenseContextService - Sisense context service
+     * @param themeService - Theme service
+     * @param aiService - AI service
+     */
+    constructor(
+    /**
+     * Sisense context service
+     *
+     * @category Constructor
+     */
+    sisenseContextService, 
+    /**
+     * Theme service
+     *
+     * @category Constructor
+     */
+    themeService, 
+    /**
+     * AI service
+     *
+     * @category Constructor
+     */
+    aiService) {
+        this.sisenseContextService = sisenseContextService;
+        this.themeService = themeService;
+        this.aiService = aiService;
+        this.componentAdapter = new ComponentAdapter(() => this.createPreactComponent(), [
+            createSisenseContextConnector(this.sisenseContextService),
+            createThemeContextConnector(this.themeService),
+            createAiContextConnector(this.aiService),
+        ]);
+    }
+    /**
+     * @internal
+     */
+    ngAfterViewInit() {
+        this.componentAdapter.render(this.preactRef.nativeElement);
+    }
+    /**
+     * @internal
+     */
+    ngOnChanges() {
+        if (this.preactRef) {
+            this.componentAdapter.render(this.preactRef.nativeElement);
+        }
+    }
+    createPreactComponent() {
+        const props = {
+            width: this.width,
+            height: this.height,
+            config: this.config,
+        };
+        return createElement(Chatbot, props);
+    }
+    /**
+     * @internal
+     */
+    ngOnDestroy() {
+        this.componentAdapter.destroy();
+    }
+}
+ChatbotComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatbotComponent, deps: [{ token: i1.SisenseContextService }, { token: i1.ThemeService }, { token: i2.AiService }], target: i0.ɵɵFactoryTarget.Component });
+ChatbotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatbotComponent, selector: "csdk-chatbot", inputs: { width: "width", height: "height", config: "config" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n    <div #preact style=\"width: 100%; height: 100%\"></div>\n", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatbotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'csdk-chatbot',
+                    template,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SisenseContextService }, { type: i1.ThemeService }, { type: i2.AiService }]; }, propDecorators: { preactRef: [{
+                type: ViewChild,
+                args: [rootId]
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdGJvdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWkvbGliL2NvbXBvbmVudHMvY2hhdGJvdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxLQUFLLEVBR0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsT0FBTyxFQUEyQyxNQUFNLDJCQUEyQixDQUFDO0FBQzdGLDZEQUE2RDtBQUM3RCxPQUFPLEVBR0wsNkJBQTZCLEVBQzdCLDJCQUEyQixHQUM1QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFekUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFPeEU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNENHO0FBS0gsTUFBTSxPQUFPLGdCQUFnQjtJQTJCM0I7Ozs7OztPQU1HO0lBQ0g7SUFDRTs7OztPQUlHO0lBQ0kscUJBQTRDO0lBQ25EOzs7O09BSUc7SUFDSSxZQUEwQjtJQUNqQzs7OztPQUlHO0lBQ0ksU0FBb0I7UUFacEIsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQU01QyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQU0xQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBRTNCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLGdCQUFnQixDQUMxQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUUsRUFDbEM7WUFDRSw2QkFBNkIsQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUM7WUFDekQsMkJBQTJCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztZQUM5Qyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1NBQ3pDLENBQ0YsQ0FBQztJQUNKLENBQUM7SUFFRDs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVEOztPQUVHO0lBQ0gsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDNUQ7SUFDSCxDQUFDO0lBRU8scUJBQXFCO1FBQzNCLE1BQU0sS0FBSyxHQUFHO1lBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ2pCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNuQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07U0FDcEIsQ0FBQztRQUVGLE9BQU8sYUFBYSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2xDLENBQUM7OzhHQS9GVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQUo1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixRQUFRO2lCQUNUOytKQU1DLFNBQVM7c0JBRFIsU0FBUzt1QkFBQyxNQUFNO2dCQU9qQixLQUFLO3NCQURKLEtBQUs7Z0JBT04sTUFBTTtzQkFETCxLQUFLO2dCQU9OLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50QWRhcHRlciwgY3JlYXRlRWxlbWVudCB9IGZyb20gJ0BzaXNlbnNlL3Nkay11aS1wcmVhY3QnO1xuaW1wb3J0IHsgQ2hhdGJvdCwgdHlwZSBDaGF0Ym90UHJvcHMgYXMgQ2hhdGJvdFByb3BzUHJlYWN0IH0gZnJvbSAnQHNpc2Vuc2Uvc2RrLXVpLXByZWFjdC9haSc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLWV4dHJhbmVvdXMtZGVwZW5kZW5jaWVzXG5pbXBvcnQge1xuICBTaXNlbnNlQ29udGV4dFNlcnZpY2UsXG4gIFRoZW1lU2VydmljZSxcbiAgY3JlYXRlU2lzZW5zZUNvbnRleHRDb25uZWN0b3IsXG4gIGNyZWF0ZVRoZW1lQ29udGV4dENvbm5lY3Rvcixcbn0gZnJvbSAnQHNpc2Vuc2Uvc2RrLXVpLWFuZ3VsYXInO1xuaW1wb3J0IHsgdGVtcGxhdGUsIHJvb3RJZCB9IGZyb20gJy4uL2NvbXBvbmVudC13cmFwcGVyLWhlbHBlcnMvdGVtcGxhdGUnO1xuaW1wb3J0IHsgQWlTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvYWkuc2VydmljZSc7XG5pbXBvcnQgeyBjcmVhdGVBaUNvbnRleHRDb25uZWN0b3IgfSBmcm9tICcuLi9jb21wb25lbnQtd3JhcHBlci1oZWxwZXJzJztcblxuLyoqXG4gKiBQcm9wcyBvZiB0aGUge0BsaW5rIENoYXRib3RDb21wb25lbnR9LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIENoYXRib3RQcm9wcyBleHRlbmRzIENoYXRib3RQcm9wc1ByZWFjdCB7fVxuXG4vKipcbiAqIEFuIEFuZ3VsYXIgY29tcG9uZW50IHRoYXQgcmVuZGVycyBhIGNoYXRib3Qgd2l0aCBkYXRhIHRvcGljIHNlbGVjdGlvbi5cbiAqXG4gKiA6Ojogd2FybmluZyBOb3RlXG4gKiBUaGlzIGNvbXBvbmVudCBpcyBjdXJyZW50bHkgdW5kZXIgYmV0YSByZWxlYXNlIGZvciBvdXIgbWFuYWdlZCBjbG91ZCBjdXN0b21lcnMgb24gdmVyc2lvbiBMMjAyNC4yIG9yIGFib3ZlLiBJdCBpcyBzdWJqZWN0IHRvIGNoYW5nZXMgYXMgd2UgbWFrZSBmaXhlcyBhbmQgaW1wcm92ZW1lbnRzLlxuICogOjo6XG4gKlxuICogQGV4YW1wbGVcbiAqIEFuIGV4YW1wbGUgb2YgdXNpbmcgdGhlIGBDaGF0Ym90Q29tcG9uZW50YDpcbiAqXG4gKiBgYGBodG1sXG48IS0tQ29tcG9uZW50IEhUTUwgdGVtcGxhdGUgaW4gZXhhbXBsZS5jb21wb25lbnQuaHRtbC0tPlxuPGNzZGstY2hhdGJvdFxuICBbd2lkdGhdPVwiY2hhdGJvdC53aWR0aFwiXG4gIFtoZWlnaHRdPVwiY2hhdGJvdC5oZWlnaHRcIlxuICBbY29uZmlnXT1cImNoYXRib3QuY29uZmlnXCJcbi8+XG4gKiBgYGBcbiAqXG4gKiBgYGB0c1xuLy8gQ29tcG9uZW50IGJlaGF2aW9yIGluIGV4YW1wbGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXhhbXBsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9leGFtcGxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXhhbXBsZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFeGFtcGxlQ29tcG9uZW50IHtcbiAgY2hhdGJvdCA9IHtcbiAgICB3aWR0aDogJzUwMHB4JyxcbiAgICBoZWlnaHQ6ICc3MDBweCcsXG4gICAgY29uZmlnOiB7XG4gICAgICBudW1PZlJlY29tbWVuZGF0aW9uczogNSxcbiAgICB9LFxuICB9O1xufVxuICogYGBgXG4gKlxuICogPGltZyBzcmM9XCJtZWRpYTovL2FuZ3VsYXItY2hhdGJvdC1leGFtcGxlLnBuZ1wiIHdpZHRoPVwiODAwcHhcIiAvPlxuICogQHNob3J0RGVzY3JpcHRpb24gQW5ndWxhciBjb21wb25lbnQgdGhhdCByZW5kZXJzIGEgY2hhdGJvdCB3aXRoIGRhdGEgdG9waWMgc2VsZWN0aW9uLlxuICpcbiAqIEBncm91cCBHZW5lcmF0aXZlIEFJXG4gKiBAYmV0YVxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjc2RrLWNoYXRib3QnLFxuICB0ZW1wbGF0ZSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhdGJvdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgQFZpZXdDaGlsZChyb290SWQpXG4gIHByZWFjdFJlZiE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIUNoYXRib3RQcm9wcy53aWR0aH1cbiAgICovXG4gIEBJbnB1dCgpXG4gIHdpZHRoOiBDaGF0Ym90UHJvcHNbJ3dpZHRoJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhQ2hhdGJvdFByb3BzLmhlaWdodH1cbiAgICovXG4gIEBJbnB1dCgpXG4gIGhlaWdodDogQ2hhdGJvdFByb3BzWydoZWlnaHQnXTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFDaGF0Ym90UHJvcHMuY29uZmlnfVxuICAgKi9cbiAgQElucHV0KClcbiAgY29uZmlnOiBDaGF0Ym90UHJvcHNbJ2NvbmZpZyddO1xuXG4gIHByaXZhdGUgY29tcG9uZW50QWRhcHRlcjogQ29tcG9uZW50QWRhcHRlcjtcblxuICAvKipcbiAgICogQ29uc3RydWN0b3IgZm9yIHRoZSBgQ2hhdGJvdENvbXBvbmVudGAuXG4gICAqXG4gICAqIEBwYXJhbSBzaXNlbnNlQ29udGV4dFNlcnZpY2UgLSBTaXNlbnNlIGNvbnRleHQgc2VydmljZVxuICAgKiBAcGFyYW0gdGhlbWVTZXJ2aWNlIC0gVGhlbWUgc2VydmljZVxuICAgKiBAcGFyYW0gYWlTZXJ2aWNlIC0gQUkgc2VydmljZVxuICAgKi9cbiAgY29uc3RydWN0b3IoXG4gICAgLyoqXG4gICAgICogU2lzZW5zZSBjb250ZXh0IHNlcnZpY2VcbiAgICAgKlxuICAgICAqIEBjYXRlZ29yeSBDb25zdHJ1Y3RvclxuICAgICAqL1xuICAgIHB1YmxpYyBzaXNlbnNlQ29udGV4dFNlcnZpY2U6IFNpc2Vuc2VDb250ZXh0U2VydmljZSxcbiAgICAvKipcbiAgICAgKiBUaGVtZSBzZXJ2aWNlXG4gICAgICpcbiAgICAgKiBAY2F0ZWdvcnkgQ29uc3RydWN0b3JcbiAgICAgKi9cbiAgICBwdWJsaWMgdGhlbWVTZXJ2aWNlOiBUaGVtZVNlcnZpY2UsXG4gICAgLyoqXG4gICAgICogQUkgc2VydmljZVxuICAgICAqXG4gICAgICogQGNhdGVnb3J5IENvbnN0cnVjdG9yXG4gICAgICovXG4gICAgcHVibGljIGFpU2VydmljZTogQWlTZXJ2aWNlLFxuICApIHtcbiAgICB0aGlzLmNvbXBvbmVudEFkYXB0ZXIgPSBuZXcgQ29tcG9uZW50QWRhcHRlcihcbiAgICAgICgpID0+IHRoaXMuY3JlYXRlUHJlYWN0Q29tcG9uZW50KCksXG4gICAgICBbXG4gICAgICAgIGNyZWF0ZVNpc2Vuc2VDb250ZXh0Q29ubmVjdG9yKHRoaXMuc2lzZW5zZUNvbnRleHRTZXJ2aWNlKSxcbiAgICAgICAgY3JlYXRlVGhlbWVDb250ZXh0Q29ubmVjdG9yKHRoaXMudGhlbWVTZXJ2aWNlKSxcbiAgICAgICAgY3JlYXRlQWlDb250ZXh0Q29ubmVjdG9yKHRoaXMuYWlTZXJ2aWNlKSxcbiAgICAgIF0sXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNvbXBvbmVudEFkYXB0ZXIucmVuZGVyKHRoaXMucHJlYWN0UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgaWYgKHRoaXMucHJlYWN0UmVmKSB7XG4gICAgICB0aGlzLmNvbXBvbmVudEFkYXB0ZXIucmVuZGVyKHRoaXMucHJlYWN0UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlUHJlYWN0Q29tcG9uZW50KCkge1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgd2lkdGg6IHRoaXMud2lkdGgsXG4gICAgICBoZWlnaHQ6IHRoaXMuaGVpZ2h0LFxuICAgICAgY29uZmlnOiB0aGlzLmNvbmZpZyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNyZWF0ZUVsZW1lbnQoQ2hhdGJvdCwgcHJvcHMpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5jb21wb25lbnRBZGFwdGVyLmRlc3Ryb3koKTtcbiAgfVxufVxuIl19