@gooddata/sdk-ui-gen-ai 10.12.0-alpha.3

package/README.md

@@ -0,0 +1,27 @@
+# Gooddata GenAI SDK
+
+[![npm version](https://img.shields.io/npm/v/@gooddata/sdk-ui-gen-ai)](https://www.npmjs.com/@gooddata/sdk-ui-gen-ai) 
+[![npm monthly downloads](https://img.shields.io/npm/dm/@gooddata/sdk-ui-gen-ai)](https://npmcharts.com/compare/@gooddata/sdk-ui-gen-ai?minimal=true) 
+![typescript](https://img.shields.io/badge/typescript-first-blue?logo=typescript)
+
+This package is a part of the [GoodData.UI SDK](https://sdk.gooddata.com/gooddata-ui/docs/about_gooddataui.html).
+To learn more, check [the source monorepo](https://github.com/gooddata/gooddata-ui-sdk).
+
+This package provides a set of React-based UI components and hooks for GenAI chatbot and other AI-based functionality.
+
+Example usage:
+
+```tsx
+import { GenAIChat } from "@gooddata/sdk-ui-gen-ai";
+import "@gooddata/sdk-ui-gen-ai/styles/css/main.css";
+
+const App = () => {
+    return <GenAIChat workspaceId="your-workspace-id" backend={tigerBackend} />;
+};
+```
+
+## License
+
+(C) 2017-2022 GoodData Corporation
+
+This project is under commercial license. See [LICENSE](https://github.com/gooddata/gooddata-ui-sdk/blob/master/libs/sdk-ui-all/LICENSE).

package/esm/components/EmptyState.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const EmptyState: React.FC;
+//# sourceMappingURL=EmptyState.d.ts.map

package/esm/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgC1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAyB9B,CAAC"}

package/esm/components/EmptyState.js

@@ -0,0 +1,40 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { Button, Typography } from "@gooddata/sdk-ui-kit";
+import { useDispatch } from "react-redux";
+import { makeAssistantTextMessage, makeUserMessage } from "../model.js";
+import { setMessages } from "../store/index.js";
+const quickOptions = [
+    {
+        title: "Search for a dashboard or visualization",
+        question: "Search for a dashboard or visualization",
+        answer: "Sure thing, what kind of dashboard or visualization would you like to see?",
+        icon: "gd-icon-magnifier",
+    },
+    {
+        title: "Create a new visualization",
+        question: "Create a new visualization",
+        answer: "Sure thing, what kind of visualization would you like to create?",
+    },
+    {
+        title: "Answer business question",
+        question: "Answer business question",
+        answer: "Sure thing, what business question would you like to answer?",
+    },
+];
+export const EmptyState = () => {
+    const dispatch = useDispatch();
+    const withClickValue = (option) => ({
+        onClick: () => {
+            dispatch(setMessages([makeUserMessage(option.question), makeAssistantTextMessage(option.answer)]));
+        },
+        value: option.title,
+        variant: "secondary",
+        iconLeft: option.icon,
+    });
+    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__empty" },
+        React.createElement(Typography, { tagName: "h1", className: "gd-gen-ai-chat__messages__empty__h1--accent" }, "Hi there,"),
+        React.createElement(Typography, { tagName: "h1" }, "How can I help you?"),
+        quickOptions.map((option) => (React.createElement(Button, { key: option.title, ...withClickValue(option) })))));
+};
+//# sourceMappingURL=EmptyState.js.map

package/esm/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAgB,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,MAAM,YAAY,GAAG;IACjB;QACI,KAAK,EAAE,yCAAyC;QAChD,QAAQ,EAAE,yCAAyC;QACnD,MAAM,EAAE,4EAA4E;QACpF,IAAI,EAAE,mBAAmB;KAC5B;IACD;QACI,KAAK,EAAE,4BAA4B;QACnC,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE,kEAAkE;KAC7E;IACD;QACI,KAAK,EAAE,0BAA0B;QACjC,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE,8DAA8D;KACzE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,cAAc,GAAG,CAAC,MAAmB,EAAgB,EAAE,CAAC,CAAC;QAC3D,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CACJ,WAAW,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3F,CAAC;QACN,CAAC;QACD,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,WAAoB;QAC7B,QAAQ,EAAE,MAAM,CAAC,IAAI;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAC,iCAAiC;QAC5C,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,6CAA6C,gBAEnE;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,0BAAiC;QACxD,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,KAAM,cAAc,CAAC,MAAM,CAAC,GAAI,CAC5D,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/GenAIChat.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import { Message } from "../model.js";
+/**
+ * Properties for the GenAIChat component.
+ * @alpha
+ */
+export interface GenAIChatProps {
+    /**
+     * Analytical backend to use for server communication.
+     */
+    backend?: IAnalyticalBackend;
+    /**
+     * The workspace ID the user is working with.
+     */
+    workspace?: string;
+    /**
+     * A conversation history in case you're resuming the chat.
+     */
+    history?: Message[];
+}
+/**
+ * UI component that renders the Gen AI chat.
+ * @alpha
+ */
+export declare const GenAIChat: React.FC<GenAIChatProps>;
+//# sourceMappingURL=GenAIChat.d.ts.map

package/esm/components/GenAIChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChat.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAU9C,CAAC"}

package/esm/components/GenAIChat.js

@@ -0,0 +1,17 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { Provider as StoreProvider } from "react-redux";
+import { useGenAIStore } from "../hooks/useGenAIStore.js";
+import { IntlWrapper } from "../localization/IntlWrapper.js";
+import { GenAIChatWrapper } from "./GenAIChatWrapper.js";
+/**
+ * UI component that renders the Gen AI chat.
+ * @alpha
+ */
+export const GenAIChat = ({ backend, workspace, history }) => {
+    const genAIStore = useGenAIStore(backend, workspace, history);
+    return (React.createElement(IntlWrapper, null,
+        React.createElement(StoreProvider, { store: genAIStore },
+            React.createElement(GenAIChatWrapper, null))));
+};
+//# sourceMappingURL=GenAIChat.js.map

package/esm/components/GenAIChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChat.js","sourceRoot":"","sources":["../../src/components/GenAIChat.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAqBzD;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACnF,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE9D,OAAO,CACH,oBAAC,WAAW;QACR,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU;YAC5B,oBAAC,gBAAgB,OAAG,CACR,CACN,CACjB,CAAC;AACN,CAAC,CAAC"}

package/esm/components/GenAIChatDialog.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import { Message } from "../model.js";
+export type GenAIChatDialogProps = {
+    backend?: IAnalyticalBackend;
+    workspace?: string;
+    history?: Message[];
+    isOpen: boolean;
+    onClose: () => void;
+};
+export declare const GenAIChatDialog: React.FC<GenAIChatDialogProps>;
+//# sourceMappingURL=GenAIChatDialog.d.ts.map

package/esm/components/GenAIChatDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChatDialog.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkB1D,CAAC"}

package/esm/components/GenAIChatDialog.js

@@ -0,0 +1,15 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { Provider as StoreProvider } from "react-redux";
+import { useGenAIStore } from "../hooks/useGenAIStore.js";
+import { IntlWrapper } from "../localization/IntlWrapper.js";
+import { GenAIChatOverlay } from "./GenAIChatOverlay.js";
+export const GenAIChatDialog = ({ backend, workspace, history, isOpen, onClose, }) => {
+    const genAIStore = useGenAIStore(backend, workspace, history);
+    if (!isOpen)
+        return null;
+    return (React.createElement(IntlWrapper, null,
+        React.createElement(StoreProvider, { store: genAIStore },
+            React.createElement(GenAIChatOverlay, { onClose: onClose }))));
+};
+//# sourceMappingURL=GenAIChatDialog.js.map

package/esm/components/GenAIChatDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChatDialog.js","sourceRoot":"","sources":["../../src/components/GenAIChatDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAUzD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,GACV,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE9D,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACH,oBAAC,WAAW;QACR,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU;YAC5B,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,CAC1B,CACN,CACjB,CAAC;AACN,CAAC,CAAC"}

package/esm/components/GenAIChatOverlay.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export type GenAIChatOverlayProps = {
+    onClose: () => void;
+};
+export declare const GenAIChatOverlay: React.FC<GenAIChatOverlayProps>;
+//# sourceMappingURL=GenAIChatOverlay.d.ts.map

package/esm/components/GenAIChatOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChatOverlay.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,qBAAqB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuD5D,CAAC"}

package/esm/components/GenAIChatOverlay.js

@@ -0,0 +1,30 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { GenAIChatWrapper } from "./GenAIChatWrapper.js";
+import { Icon, Overlay } from "@gooddata/sdk-ui-kit";
+import { clearMessagesAction, hasMessagesSelector } from "../store/index.js";
+import cx from "classnames";
+import { HeaderIcon } from "./HeaderIcon.js";
+import { useDispatch, useSelector } from "react-redux";
+export const GenAIChatOverlay = ({ onClose }) => {
+    const [isFullScreen, setIsFullScreen] = React.useState(false);
+    const dispatch = useDispatch();
+    const hasMessages = useSelector(hasMessagesSelector);
+    const isModal = isFullScreen;
+    const reset = () => {
+        dispatch(clearMessagesAction());
+    };
+    const classNames = cx("gd-gen-ai-chat__window", {
+        "gd-gen-ai-chat__window--fullscreen": isFullScreen,
+    });
+    return (React.createElement(Overlay, { isModal: isModal, positionType: "fixed", alignPoints: [{ align: isModal ? "cc cc" : "br br" }], closeOnEscape: true, closeOnParentScroll: false, closeOnOutsideClick: false, closeOnMouseDrag: false, zIndex: 6000, onClose: onClose },
+        React.createElement("div", { className: classNames },
+            React.createElement("div", { className: "gd-gen-ai-chat__window__header" },
+                React.createElement(HeaderIcon, { Icon: Icon.Undo, className: "gd-gen-ai-chat__window__header__icon--reset", tooltip: "Reset", onClick: reset, disabled: !hasMessages }),
+                React.createElement("div", { className: "gd-gen-ai-chat__window__header__gap" }),
+                React.createElement(HeaderIcon, { Icon: isFullScreen ? Icon.Contract : Icon.Expand, className: "gd-gen-ai-chat__window__header__icon--fullscreen", tooltip: isFullScreen ? "Contract" : "Expand", onClick: () => setIsFullScreen(!isFullScreen) }),
+                React.createElement("div", { className: "gd-gen-ai-chat__window__header__divider" }),
+                React.createElement(HeaderIcon, { Icon: Icon.Close, className: "gd-gen-ai-chat__window__header__icon--close", tooltip: "Close", onClick: onClose })),
+            React.createElement(GenAIChatWrapper, null))));
+};
+//# sourceMappingURL=GenAIChatOverlay.js.map

package/esm/components/GenAIChatOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChatOverlay.js","sourceRoot":"","sources":["../../src/components/GenAIChatOverlay.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAMvD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAErD,MAAM,OAAO,GAAG,YAAY,CAAC;IAE7B,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,EAAE,CAAC,wBAAwB,EAAE;QAC5C,oCAAoC,EAAE,YAAY;KACrD,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,OAAO,IACJ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAC,OAAO,EACpB,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,EACrD,aAAa,EAAE,IAAI,EACnB,mBAAmB,EAAE,KAAK,EAC1B,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,KAAK,EACvB,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO;QAEhB,6BAAK,SAAS,EAAE,UAAU;YACtB,6BAAK,SAAS,EAAC,gCAAgC;gBAC3C,oBAAC,UAAU,IACP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,WAAW,GACxB;gBACF,6BAAK,SAAS,EAAC,qCAAqC,GAAO;gBAC3D,oBAAC,UAAU,IACP,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAChD,SAAS,EAAC,kDAAkD,EAC5D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,GAC/C;gBACF,6BAAK,SAAS,EAAC,yCAAyC,GAAO;gBAC/D,oBAAC,UAAU,IACP,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,GAClB,CACA;YACN,oBAAC,gBAAgB,OAAG,CAClB,CACA,CACb,CAAC;AACN,CAAC,CAAC"}

package/esm/components/GenAIChatWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * UI component that renders the Gen AI chat.
+ * @internal
+ */
+export declare const GenAIChatWrapper: React.FC;
+//# sourceMappingURL=GenAIChatWrapper.d.ts.map

package/esm/components/GenAIChatWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChatWrapper.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAUpC,CAAC"}

package/esm/components/GenAIChatWrapper.js

@@ -0,0 +1,16 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { Input } from "./Input.js";
+import { Messages } from "./Messages.js";
+import { Typography } from "@gooddata/sdk-ui-kit";
+/**
+ * UI component that renders the Gen AI chat.
+ * @internal
+ */
+export const GenAIChatWrapper = () => {
+    return (React.createElement("div", { className: "gd-gen-ai-chat" },
+        React.createElement(Messages, null),
+        React.createElement(Input, null),
+        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__disclaimer" }, "We do not accept any liability for the generated information as it may not be accurate")));
+};
+//# sourceMappingURL=GenAIChatWrapper.js.map

package/esm/components/GenAIChatWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIChatWrapper.js","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC3C,OAAO,CACH,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,oBAAC,QAAQ,OAAG;QACZ,oBAAC,KAAK,OAAG;QACT,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,4BAA4B,6FAEjD,CACX,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/HeaderIcon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IIconProps } from "@gooddata/sdk-ui-kit";
+type HeaderIconProps = {
+    className?: string;
+    tooltip?: string;
+    Icon: React.FC<IIconProps>;
+    onClick?: () => void;
+    disabled?: boolean;
+};
+export declare const HeaderIcon: React.FC<HeaderIconProps>;
+export {};
+//# sourceMappingURL=HeaderIcon.d.ts.map

package/esm/components/HeaderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIcon.d.ts","sourceRoot":"","sources":["../../src/components/HeaderIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGlD,KAAK,eAAe,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAC"}

package/esm/components/HeaderIcon.js

@@ -0,0 +1,11 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+export const HeaderIcon = ({ className, tooltip, Icon, onClick, disabled }) => {
+    const classes = cx("gd-gen-ai-chat__window__header__icon", className, {
+        "gd-gen-ai-chat__window__header__icon--disabled": disabled,
+    });
+    return (React.createElement("div", { className: classes, "data-gd-tooltip": disabled ? undefined : tooltip, onClick: disabled ? undefined : onClick },
+        React.createElement(Icon, null)));
+};
+//# sourceMappingURL=HeaderIcon.js.map

package/esm/components/HeaderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIcon.js","sourceRoot":"","sources":["../../src/components/HeaderIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAU5B,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrG,MAAM,OAAO,GAAG,EAAE,CAAC,sCAAsC,EAAE,SAAS,EAAE;QAClE,gDAAgD,EAAE,QAAQ;KAC7D,CAAC,CAAC;IAEH,OAAO,CACH,6BACI,SAAS,EAAE,OAAO,qBACD,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAC/C,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;QAEvC,oBAAC,IAAI,OAAG,CACN,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/Input.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+type InputProps = {};
+export declare const Input: React.FC<InputProps>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/esm/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,KAAK,UAAU,GAAG,EAEjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmDtC,CAAC"}

package/esm/components/Input.js

@@ -0,0 +1,50 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import DefaultTextArea from "react-textarea-autosize";
+import { defaultImport } from "default-import";
+import DefaultNativeListener from "react-native-listener";
+import cx from "classnames";
+import { SendIcon } from "./SendIcon.js";
+import { useDispatch, useSelector } from "react-redux";
+import { makeUserMessage } from "../model.js";
+import { agentLoadingSelector, newMessageAction } from "../store/index.js";
+// There are known compatibility issues between CommonJS (CJS) and ECMAScript modules (ESM).
+// In ESM, default exports of CJS modules are wrapped in default properties instead of being exposed directly.
+// https://github.com/microsoft/TypeScript/issues/52086#issuecomment-1385978414
+const TextareaAutosize = defaultImport(DefaultTextArea);
+const NativeListener = defaultImport(DefaultNativeListener);
+export const Input = () => {
+    const [value, setValue] = React.useState("");
+    const dispatch = useDispatch();
+    const disabled = useSelector(agentLoadingSelector);
+    const textareaRef = React.useRef(null);
+    React.useEffect(() => {
+        // Autofocus the textarea when the chat is not disabled and the user is not focusing on another element
+        // Important, given the disabled states changes depending on the agent's loading state
+        // And it's loosing focus after the loading state changes
+        if (!disabled && document.activeElement === document.body) {
+            textareaRef.current?.focus();
+        }
+    }, [disabled]);
+    const handleSubmit = () => {
+        dispatch(newMessageAction(makeUserMessage(value)));
+        setValue("");
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey && !disabled && value) {
+            e.preventDefault();
+            handleSubmit();
+        }
+    };
+    const handleChange = (e) => {
+        setValue(e.target.value);
+    };
+    const buttonClasses = cx("gd-gen-ai-chat__input__send_button", {
+        "gd-gen-ai-chat__input__send_button--disabled": disabled || !value,
+    });
+    return (React.createElement("div", { className: "gd-gen-ai-chat__input" },
+        React.createElement(TextareaAutosize, { ref: textareaRef, className: "gd-gen-ai-chat__input__textarea", placeholder: "Ask here\u2026", value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled }),
+        React.createElement(NativeListener, { onClick: handleSubmit },
+            React.createElement(SendIcon, { className: buttonClasses }))));
+};
+//# sourceMappingURL=Input.js.map

package/esm/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE3E,4FAA4F;AAC5F,8GAA8G;AAC9G,+EAA+E;AAC/E,MAAM,gBAAgB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AACxD,MAAM,cAAc,GAAG,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAM5D,MAAM,CAAC,MAAM,KAAK,GAAyB,GAAG,EAAE;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAE5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,uGAAuG;QACvG,sFAAsF;QACtF,yDAAyD;QACzD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;YACxD,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACjC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAA2C,EAAE,EAAE;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;YACzD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;QAC/D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,oCAAoC,EAAE;QAC3D,8CAA8C,EAAE,QAAQ,IAAI,CAAC,KAAK;KACrE,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAC,uBAAuB;QAClC,oBAAC,gBAAgB,IACb,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,iCAAiC,EAC3C,WAAW,EAAC,gBAAW,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,GACpB;QACF,oBAAC,cAAc,IAAC,OAAO,EAAE,YAAY;YACjC,oBAAC,QAAQ,IAAC,SAAS,EAAE,aAAa,GAAI,CACzB,CACf,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/Messages.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const Messages: () => React.JSX.Element;
+//# sourceMappingURL=Messages.d.ts.map

package/esm/components/Messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../src/components/Messages.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,eAAO,MAAM,QAAQ,yBA6CpB,CAAC"}

package/esm/components/Messages.js

@@ -0,0 +1,49 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { useSelector } from "react-redux";
+import { agentLoadingSelector, visibleMessagesSelector } from "../store/index.js";
+import { AssistantTextMessageComponent, SystemMessageComponent, UserMessageComponent, } from "./messages/index.js";
+import { AgentState } from "./messages/AgentState.js";
+import { isAssistantErrorMessage, isAssistantSearchCreateMessage, isAssistantTextMessage, isSystemMessage, isUserMessage, } from "../model.js";
+import { EmptyState } from "./EmptyState.js";
+import { AssistantErrorMessageComponent } from "./messages/AssistantErrorMessage.js";
+import { AssistantSearchCreateMessageComponent } from "./messages/AssistantSearchCreateMessage.js";
+export const Messages = () => {
+    const messages = useSelector(visibleMessagesSelector);
+    const loading = useSelector(agentLoadingSelector);
+    const scrollRef = React.useRef(null);
+    const lastMessage = messages[messages.length - 1];
+    React.useLayoutEffect(() => {
+        // If either last message or loading state changes, scroll to the bottom
+        scrollRef.current?.scrollTo({
+            top: scrollRef.current?.scrollHeight,
+            behavior: "smooth",
+        });
+    }, [lastMessage, loading]);
+    return (React.createElement("div", { className: "gd-gen-ai-chat__messages", ref: scrollRef },
+        React.createElement("div", { className: "gd-gen-ai-chat__messages__scroll" },
+            !messages.length ? React.createElement(EmptyState, null) : null,
+            messages.map((message) => {
+                if (isAssistantTextMessage(message)) {
+                    return React.createElement(AssistantTextMessageComponent, { key: message.id, message: message });
+                }
+                if (isAssistantErrorMessage(message)) {
+                    return React.createElement(AssistantErrorMessageComponent, { key: message.id, message: message });
+                }
+                if (isAssistantSearchCreateMessage(message)) {
+                    return React.createElement(AssistantSearchCreateMessageComponent, { key: message.id, message: message });
+                }
+                if (isUserMessage(message)) {
+                    return React.createElement(UserMessageComponent, { key: message.id, message: message });
+                }
+                if (isSystemMessage(message)) {
+                    return React.createElement(SystemMessageComponent, { key: message.id, message: message });
+                }
+                return assertNever(message);
+            }),
+            loading ? React.createElement(AgentState, null) : null)));
+};
+const assertNever = (value) => {
+    throw new Error(`Unhandled message role: ${value}`);
+};
+//# sourceMappingURL=Messages.js.map

package/esm/components/Messages.js.map

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

package/esm/components/SendIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { IIconProps } from "@gooddata/sdk-ui-kit";
+/**
+ * @internal
+ */
+export declare const SendIcon: React.FC<IIconProps>;
+//# sourceMappingURL=SendIcon.d.ts.map

package/esm/components/SendIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendIcon.d.ts","sourceRoot":"","sources":["../../src/components/SendIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgBzC,CAAC"}

package/esm/components/SendIcon.js

@@ -0,0 +1,10 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+/**
+ * @internal
+ */
+export const SendIcon = ({ color = "#6D7680", className, width = 17, height = 15 }) => {
+    return (React.createElement("svg", { className: className, width: width, height: height, viewBox: "0 0 17 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M15.8672 0.703125C15.9245 0.755208 15.9635 0.817708 15.9844 0.890625C16.0052 0.963542 16.0052 1.03646 15.9844 1.10938L11.9844 14.7109C11.9635 14.7786 11.9271 14.8385 11.875 14.8906C11.8281 14.9375 11.7708 14.9688 11.7031 14.9844C11.6823 14.9896 11.6641 14.9948 11.6484 15C11.6328 15 11.6172 15 11.6016 15C11.5495 15 11.4974 14.9896 11.4453 14.9688C11.3984 14.9479 11.3568 14.9193 11.3203 14.8828L7.71875 11.3281L5.50781 14.0547C5.47135 14.1016 5.42448 14.138 5.36719 14.1641C5.3151 14.1901 5.26042 14.2031 5.20312 14.2031C5.17708 14.2031 5.15365 14.2005 5.13281 14.1953C5.11198 14.1901 5.08854 14.1849 5.0625 14.1797C4.98438 14.1484 4.91927 14.099 4.86719 14.0312C4.82031 13.9635 4.79688 13.8854 4.79688 13.7969V9.28906L0.273438 7.78125C0.195312 7.75521 0.130208 7.70833 0.078125 7.64062C0.03125 7.57292 0.00520833 7.4974 0 7.41406C-0.00520833 7.33073 0.015625 7.25521 0.0625 7.1875C0.109375 7.11458 0.169271 7.0625 0.242188 7.03125L15.4453 0.632812C15.5182 0.601562 15.5911 0.59375 15.6641 0.609375C15.7422 0.619792 15.8099 0.651042 15.8672 0.703125ZM12.9062 2.57031L1.53125 7.35938L5.125 8.55469L12.9062 2.57031ZM5.60156 9.19531V12.6719L7.375 10.4844L13.1328 3.40625L5.60156 9.19531ZM11.4062 13.8438L14.6562 2.79688L8.22656 10.7109L11.4062 13.8438Z", fill: color })));
+};
+//# sourceMappingURL=SendIcon.js.map

package/esm/components/SendIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendIcon.js","sourceRoot":"","sources":["../../src/components/SendIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAyB,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE;IACxG,OAAO,CACH,6BACI,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACI,CAAC,EAAC,ouCAAouC,EACtuC,IAAI,EAAE,KAAK,GACb,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/messages/AgentIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type AgentStateIconProps = {
+    loading?: boolean;
+    error?: boolean;
+};
+export declare const AgentIcon: React.FC<AgentStateIconProps>;
+export {};
+//# sourceMappingURL=AgentIcon.d.ts.map

package/esm/components/messages/AgentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,mBAAmB,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiEnD,CAAC"}

package/esm/components/messages/AgentIcon.js

@@ -0,0 +1,32 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+let INSTANCE_COUNTER = 0;
+export const AgentIcon = ({ loading = false, error = false }) => {
+    // A precaution in case there are multiple instances of the component on the same page
+    // In-line SVGs must obey the unique ID rule as any other HTML element
+    const instanceId = React.useMemo(() => INSTANCE_COUNTER++, []);
+    const className = cx("gd-gen-ai-chat__agent_icon", {
+        "gd-gen-ai-chat__agent_icon--loading": loading,
+        "gd-gen-ai-chat__agent_icon--appear": !loading,
+        "gd-gen-ai-chat__agent_icon--error": error,
+    });
+    return (React.createElement("svg", { className: className, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: `url(#clip_mask_${instanceId})` },
+            loading ? (React.createElement("g", { className: "gd-gen-ai-chat__agent_icon__circle" },
+                React.createElement("path", { d: "M 0 -16 A 16 16 0 0 1 0 16", stroke: `url(#first_half_${instanceId})` }),
+                React.createElement("path", { d: "M 0 16 A 16 16 0 0 1 0 -16", stroke: `url(#second_half_${instanceId})` }))) : (React.createElement("circle", { cx: "16", cy: "16", r: "16", className: "gd-gen-ai-chat__agent_icon__background" })),
+            React.createElement("path", { className: "gd-gen-ai-chat__agent_icon__star", d: "M16.2317 7.76912C16.2737 7.51389 16.6407 7.5139 16.6827 7.76913L17.1108 10.368C17.493 12.6883 19.3116 14.507 21.632 14.8892L24.2308 15.3172C24.4861 15.3593 24.4861 15.7263 24.2308 15.7683L21.632 16.1964C19.3116 16.5786 17.493 18.3972 17.1108 20.7176L16.6827 23.3164C16.6407 23.5716 16.2737 23.5716 16.2317 23.3164L15.8036 20.7176C15.4214 18.3972 13.6027 16.5786 11.2824 16.1964L8.68355 15.7683C8.42832 15.7263 8.42832 15.3593 8.68355 15.3172L11.2824 14.8892C13.6027 14.507 15.4214 12.6883 15.8036 10.368L16.2317 7.76912Z" }),
+            React.createElement("path", { className: "gd-gen-ai-chat__agent_icon__star gd-gen-ai-chat__agent_icon__star--flickr", d: "M9.87936 20.2796C9.91251 20.0783 10.2019 20.0783 10.235 20.2796C10.3606 21.0419 10.9581 21.6394 11.7204 21.765C11.9217 21.7981 11.9217 22.0875 11.7204 22.1206C10.9581 22.2462 10.3606 22.8437 10.235 23.606C10.2019 23.8073 9.91251 23.8073 9.87936 23.606C9.75379 22.8437 9.15629 22.2462 8.39396 22.1206C8.19271 22.0875 8.19271 21.7981 8.39396 21.765C9.15629 21.6394 9.75379 21.0419 9.87936 20.2796Z" }),
+            React.createElement("path", { className: "gd-gen-ai-chat__agent_icon__star gd-gen-ai-chat__agent_icon__star--flickr gd-gen-ai-chat__agent_icon__star--flickr--delay", d: "M22.6793 7.47953C22.7124 7.27828 23.0018 7.27828 23.0349 7.47953C23.1605 8.24186 23.758 8.83936 24.5203 8.96493C24.7216 8.99808 24.7216 9.28744 24.5203 9.32059C23.758 9.44616 23.1605 10.0437 23.0349 10.806C23.0018 11.0072 22.7124 11.0072 22.6793 10.806C22.5537 10.0437 21.9562 9.44616 21.1939 9.32059C20.9926 9.28744 20.9926 8.99808 21.1939 8.96493C21.9562 8.83936 22.5537 8.24186 22.6793 7.47953Z" })),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: `first_half_${instanceId}`, gradientUnits: "objectBoundingBox", x1: "0", y1: "1", x2: "0", y2: "0" },
+                React.createElement("stop", { offset: "0%", className: "gd-gen-ai-chat__agent_icon__grad--from" }),
+                React.createElement("stop", { offset: "100%", className: "gd-gen-ai-chat__agent_icon__grad--mid" })),
+            React.createElement("linearGradient", { className: "gd-gen-ai-chat__agent_icon__grad2", id: `second_half_${instanceId}`, gradientUnits: "objectBoundingBox", x1: "0", y1: "0", x2: "0", y2: "1" },
+                React.createElement("stop", { offset: "0%", className: "gd-gen-ai-chat__agent_icon__grad--mid" }),
+                React.createElement("stop", { offset: "100%", className: "gd-gen-ai-chat__agent_icon__grad--to" })),
+            React.createElement("clipPath", { id: `clip_mask_${instanceId}` },
+                React.createElement("rect", { width: "32", height: "32", rx: "16" })))));
+};
+//# sourceMappingURL=AgentIcon.js.map

package/esm/components/messages/AgentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentIcon.js","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAOzB,MAAM,CAAC,MAAM,SAAS,GAAkC,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,sFAAsF;IACtF,sEAAsE;IACtE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,EAAE,CAAC,4BAA4B,EAAE;QAC/C,qCAAqC,EAAE,OAAO;QAC9C,oCAAoC,EAAE,CAAC,OAAO;QAC9C,mCAAmC,EAAE,KAAK;KAC7C,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACzF,2BAAG,QAAQ,EAAE,kBAAkB,UAAU,GAAG;YACvC,OAAO,CAAC,CAAC,CAAC,CACP,2BAAG,SAAS,EAAC,oCAAoC;gBAC7C,8BAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAE,mBAAmB,UAAU,GAAG,GAAI;gBACjF,8BAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAE,oBAAoB,UAAU,GAAG,GAAI,CAClF,CACP,CAAC,CAAC,CAAC,CACA,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,wCAAwC,GAAG,CACvF;YACD,8BACI,SAAS,EAAC,kCAAkC,EAC5C,CAAC,EAAC,0gBAA0gB,GAC9gB;YACF,8BACI,SAAS,EAAC,2EAA2E,EACrF,CAAC,EAAC,6YAA6Y,GACjZ;YACF,8BACI,SAAS,EAAC,2HAA2H,EACrI,CAAC,EAAC,+YAA+Y,GACnZ,CACF;QACJ;YACI,wCACI,EAAE,EAAE,cAAc,UAAU,EAAE,EAC9B,aAAa,EAAC,mBAAmB,EACjC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG;gBAEN,8BAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,wCAAwC,GAAG;gBACvE,8BAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,uCAAuC,GAAG,CAC3D;YACjB,wCACI,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,eAAe,UAAU,EAAE,EAC/B,aAAa,EAAC,mBAAmB,EACjC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG;gBAEN,8BAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,uCAAuC,GAAG;gBACtE,8BAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,sCAAsC,GAAG,CAC1D;YACjB,kCAAU,EAAE,EAAE,aAAa,UAAU,EAAE;gBACnC,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAChC,CACR,CACL,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/messages/AgentState.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const AgentState: React.FC;
+//# sourceMappingURL=AgentState.d.ts.map

package/esm/components/messages/AgentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentState.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAS9B,CAAC"}

package/esm/components/messages/AgentState.js

@@ -0,0 +1,10 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { AgentIcon } from "./AgentIcon.js";
+import { Typography } from "@gooddata/sdk-ui-kit";
+export const AgentState = () => {
+    return (React.createElement("div", { className: "gd-gen-ai-chat__agent_state" },
+        React.createElement(AgentIcon, { loading: true }),
+        React.createElement(Typography, { className: "gd-gen-ai-chat__agent_state__status", tagName: "p" }, "Analyzing\u2026")));
+};
+//# sourceMappingURL=AgentState.js.map

package/esm/components/messages/AgentState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentState.js","sourceRoot":"","sources":["../../../src/components/messages/AgentState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B;QACxC,oBAAC,SAAS,IAAC,OAAO,SAAG;QACrB,oBAAC,UAAU,IAAC,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAC,GAAG,sBAE1D,CACX,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/messages/AssistantErrorMessage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { AssistantErrorMessage } from "../../model.js";
+type AssistantErrorMessageProps = {
+    message: AssistantErrorMessage;
+};
+export declare const AssistantErrorMessageComponent: React.FC<AssistantErrorMessageProps>;
+export {};
+//# sourceMappingURL=AssistantErrorMessage.d.ts.map

package/esm/components/messages/AssistantErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAS/E,CAAC"}

package/esm/components/messages/AssistantErrorMessage.js

@@ -0,0 +1,10 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { AgentIcon } from "./AgentIcon.js";
+import { Typography } from "@gooddata/sdk-ui-kit";
+export const AssistantErrorMessageComponent = ({ message }) => {
+    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant gd-gen-ai-chat__messages__message--error" },
+        React.createElement(AgentIcon, { error: true }),
+        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content)));
+};
+//# sourceMappingURL=AssistantErrorMessage.js.map

package/esm/components/messages/AssistantErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantErrorMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantErrorMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,MAAM,CAAC,MAAM,8BAA8B,GAAyC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChG,OAAO,CACH,6BAAK,SAAS,EAAC,yHAAyH;QACpI,oBAAC,SAAS,IAAC,KAAK,SAAG;QACnB,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACjE,OAAO,CAAC,OAAO,CACP,CACX,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/messages/AssistantSearchCreateMessage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { AssistantSearchCreateMessage } from "../../model.js";
+type AssistantSearchCreateMessageProps = {
+    message: AssistantSearchCreateMessage;
+};
+export declare const AssistantSearchCreateMessageComponent: React.FC<AssistantSearchCreateMessageProps>;
+export {};
+//# sourceMappingURL=AssistantSearchCreateMessage.d.ts.map

package/esm/components/messages/AssistantSearchCreateMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantSearchCreateMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantSearchCreateMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAK9D,KAAK,iCAAiC,GAAG;IACrC,OAAO,EAAE,4BAA4B,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAsB7F,CAAC"}

package/esm/components/messages/AssistantSearchCreateMessage.js

@@ -0,0 +1,14 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { AgentIcon } from "./AgentIcon.js";
+import { Typography } from "@gooddata/sdk-ui-kit";
+import { Visualization } from "./Visualization.js";
+export const AssistantSearchCreateMessageComponent = ({ message, }) => {
+    const firstVisualization = message.content.createdVisualizations?.objects?.[0];
+    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant" },
+        React.createElement(AgentIcon, null),
+        React.createElement("div", { className: "gd-gen-ai-chat__messages__contents" },
+            message.content.createdVisualizations?.reasoning ? (React.createElement(Typography, { tagName: "p" }, message.content.createdVisualizations.reasoning)) : null,
+            firstVisualization ? React.createElement(Visualization, { definition: firstVisualization }) : null)));
+};
+//# sourceMappingURL=AssistantSearchCreateMessage.js.map