@uipath/apollo-react 6.77.3 → 6.78.0

package/dist/material/components/ap-chat/ap-chat.cjs

@@ -36,167 +36,27 @@ __webpack_require__.d(__webpack_exports__, {
     ApChat: ()=>ApChat
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const styles_namespaceObject = require("@mui/material/styles");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
+const renderer_registry_cjs_namespaceObject = require("../../../chat/headless/renderer-registry.cjs");
+const ChatRoot_cjs_namespaceObject = require("../../../chat/root/ChatRoot.cjs");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const external_react_dom_namespaceObject = require("react-dom");
-const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
-const external_theme_index_cjs_namespaceObject = require("../../theme/index.cjs");
-const drag_handle_cjs_namespaceObject = require("./components/common/drag-handle.cjs");
-const dropzone_cjs_namespaceObject = require("./components/dropzone/dropzone.cjs");
-const layout_index_cjs_namespaceObject = require("./components/layout/index.cjs");
-const attachements_provider_cjs_namespaceObject = require("./providers/attachements-provider.cjs");
-const chat_scroll_provider_cjs_namespaceObject = require("./providers/chat-scroll-provider.cjs");
-const chat_service_provider_cjs_namespaceObject = require("./providers/chat-service.provider.cjs");
-const chat_state_provider_cjs_namespaceObject = require("./providers/chat-state-provider.cjs");
-const chat_width_provider_cjs_namespaceObject = require("./providers/chat-width-provider.cjs");
-const error_provider_cjs_namespaceObject = require("./providers/error-provider.cjs");
-const loading_provider_cjs_namespaceObject = require("./providers/loading-provider.cjs");
-const locale_provider_cjs_namespaceObject = require("./providers/locale-provider.cjs");
-const picker_provider_cjs_namespaceObject = require("./providers/picker-provider.cjs");
-const resource_data_provider_cjs_namespaceObject = require("./providers/resource-data-provider.cjs");
-const streaming_provider_cjs_namespaceObject = require("./providers/streaming-provider.cjs");
-const theme_provider_cjs_namespaceObject = require("./providers/theme-provider.cjs");
-const external_service_index_cjs_namespaceObject = require("./service/index.cjs");
-const MUI_THEME_MAP = {
-    light: external_theme_index_cjs_namespaceObject.apolloMaterialUiThemeLight,
-    dark: external_theme_index_cjs_namespaceObject.apolloMaterialUiThemeDark,
-    'light-hc': external_theme_index_cjs_namespaceObject.apolloMaterialUiThemeLightHC,
-    'dark-hc': external_theme_index_cjs_namespaceObject.apolloMaterialUiThemeDarkHC
-};
-const ChatContainer = (0, styles_namespaceObject.styled)('div')(({ shouldAnimate, mode, width, fullHeight })=>({
-        width: mode === external_service_index_cjs_namespaceObject.AutopilotChatMode.FullScreen ? external_service_index_cjs_namespaceObject.CHAT_WIDTH_FULL_SCREEN : width,
-        display: 'flex',
-        flexDirection: mode === external_service_index_cjs_namespaceObject.AutopilotChatMode.FullScreen ? 'column' : 'row',
-        height: fullHeight ? '100vh' : 'calc(100vh - 48px)',
-        position: 'relative',
-        boxSizing: 'border-box',
-        border: `${apollo_core_default().Border.BorderThickS} solid var(--color-border-de-emp)`,
-        borderTop: 'none',
-        borderLeft: 'none',
-        ...shouldAnimate && {
-            transition: `width ${external_service_index_cjs_namespaceObject.CHAT_CONTAINER_ANIMATION_DURATION}ms ease`
-        },
-        ...mode === external_service_index_cjs_namespaceObject.AutopilotChatMode.Closed && {
-            display: 'none'
-        },
-        ...mode === external_service_index_cjs_namespaceObject.AutopilotChatMode.Embedded && {
-            width: '100%',
-            height: '100%',
-            position: 'absolute',
-            border: 'none'
-        }
-    }));
-const ApI18nWithLocale = /*#__PURE__*/ external_react_default().memo(({ children })=>{
-    const { locale } = (0, locale_provider_cjs_namespaceObject.useLocale)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApI18nProvider, {
-        component: "material/components/ap-chat",
-        locale: locale,
-        children: children
-    });
-});
-const AutopilotChatContent = /*#__PURE__*/ external_react_default().memo(()=>{
-    const { width, shouldAnimate } = (0, chat_width_provider_cjs_namespaceObject.useChatWidth)();
-    const { historyOpen, settingsOpen, disabledFeatures, chatMode, readOnly } = (0, chat_state_provider_cjs_namespaceObject.useChatState)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ChatContainer, {
-        shouldAnimate: shouldAnimate,
-        mode: chatMode,
-        width: width,
-        fullHeight: false === disabledFeatures.fullHeight,
-        children: [
-            chatMode === external_service_index_cjs_namespaceObject.AutopilotChatMode.SideBySide && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drag_handle_cjs_namespaceObject.DragHandle, {}),
-            chatMode === external_service_index_cjs_namespaceObject.AutopilotChatMode.FullScreen ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.FullScreenLayout, {
-                historyOpen: historyOpen,
-                settingsOpen: settingsOpen,
-                historyDisabled: disabledFeatures.history ?? false,
-                settingsDisabled: disabledFeatures.settings ?? false,
-                headerSeparatorDisabled: disabledFeatures.headerSeparator ?? false,
-                mode: chatMode,
-                readOnly: readOnly
-            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.StandardLayout, {
-                historyOpen: historyOpen,
-                settingsOpen: settingsOpen,
-                historyDisabled: disabledFeatures.history ?? false,
-                settingsDisabled: disabledFeatures.settings ?? false,
-                headerDisabled: disabledFeatures.header ?? false,
-                headerSeparatorDisabled: disabledFeatures.headerSeparator ?? false,
-                mode: chatMode,
-                readOnly: readOnly
-            })
-        ]
-    });
-});
-function ApChat({ chatServiceInstance, locale: initialLocale = 'en', theme: initialTheme = 'light', portalContainer, enableInternalThemeProvider = false, disableEmbeddedPortal = false }) {
-    const [embeddedContainer, setEmbeddedContainer] = external_react_default().useState(null);
-    const [currentTheme, setCurrentTheme] = external_react_default().useState(initialTheme);
-    external_react_default().useEffect(()=>{
-        chatServiceInstance.setLocale(initialLocale);
-    }, [
-        initialLocale,
-        chatServiceInstance
+const external_MaterialChatRenderer_cjs_namespaceObject = require("./MaterialChatRenderer.cjs");
+(0, renderer_registry_cjs_namespaceObject.registerChatRenderer)('material', external_MaterialChatRenderer_cjs_namespaceObject.MaterialChatRenderer);
+function ApChat({ chatServiceInstance, locale = 'en', theme = 'light', portalContainer, enableInternalThemeProvider = false, disableEmbeddedPortal = false }) {
+    const rendererProps = external_react_default().useMemo(()=>({
+            enableInternalThemeProvider
+        }), [
+        enableInternalThemeProvider
     ]);
-    external_react_default().useEffect(()=>{
-        chatServiceInstance.setTheme(initialTheme);
-        setCurrentTheme(initialTheme);
-    }, [
-        initialTheme,
-        chatServiceInstance
-    ]);
-    external_react_default().useEffect(()=>{
-        const updateEmbeddedContainer = ()=>{
-            const config = chatServiceInstance.getConfig();
-            config.mode === external_service_index_cjs_namespaceObject.AutopilotChatMode.Embedded && config.embeddedContainer ? setEmbeddedContainer(config.embeddedContainer) : setEmbeddedContainer(null);
-        };
-        updateEmbeddedContainer();
-        const unsubscribe = chatServiceInstance.on(external_service_index_cjs_namespaceObject.AutopilotChatEvent.ModeChange, ()=>{
-            updateEmbeddedContainer();
-        });
-        return ()=>{
-            unsubscribe();
-        };
-    }, [
-        chatServiceInstance
-    ]);
-    const muiTheme = enableInternalThemeProvider ? MUI_THEME_MAP[currentTheme] : null;
-    const chatProviders = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_service_provider_cjs_namespaceObject.AutopilotChatServiceProvider, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ChatRoot_cjs_namespaceObject.ChatRoot, {
         chatServiceInstance: chatServiceInstance,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_provider_cjs_namespaceObject.ThemeProvider, {
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(locale_provider_cjs_namespaceObject.LocaleProvider, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ApI18nWithLocale, {
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(streaming_provider_cjs_namespaceObject.AutopilotStreamingProvider, {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_scroll_provider_cjs_namespaceObject.AutopilotChatScrollProvider, {
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_state_provider_cjs_namespaceObject.AutopilotChatStateProvider, {
-                                portalContainer: portalContainer,
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(error_provider_cjs_namespaceObject.AutopilotErrorProvider, {
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(loading_provider_cjs_namespaceObject.AutopilotLoadingProvider, {
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(attachements_provider_cjs_namespaceObject.AutopilotAttachmentsProvider, {
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(picker_provider_cjs_namespaceObject.AutopilotPickerProvider, {
-                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(resource_data_provider_cjs_namespaceObject.AutopilotResourceDataProvider, {
-                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_width_provider_cjs_namespaceObject.AutopilotChatWidthProvider, {
-                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropzone_cjs_namespaceObject.AutopilotChatDropzone, {
-                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AutopilotChatContent, {})
-                                                        })
-                                                    })
-                                                })
-                                            })
-                                        })
-                                    })
-                                })
-                            })
-                        })
-                    })
-                })
-            })
-        })
+        defaultRenderer: "material",
+        locale: locale,
+        theme: theme,
+        portalContainer: portalContainer,
+        disableEmbeddedPortal: disableEmbeddedPortal,
+        rendererProps: rendererProps
     });
-    const chatContent = enableInternalThemeProvider && muiTheme ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(styles_namespaceObject.ThemeProvider, {
-        theme: muiTheme,
-        children: chatProviders
-    }) : chatProviders;
-    if (embeddedContainer && !disableEmbeddedPortal) return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(chatContent, embeddedContainer);
-    return chatContent;
 }
 exports.ApChat = __webpack_exports__.ApChat;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/material/components/ap-chat/ap-chat.d.ts

@@ -1,5 +1,5 @@
-import { type SupportedLocale } from '../../../i18n';
-import { type ApChatTheme, type AutopilotChatService } from './service';
+import type { ApChatTheme, AutopilotChatService } from '../../../chat/service';
+import type { SupportedLocale } from '../../../i18n';
 export interface ApChatProps {
     chatServiceInstance: AutopilotChatService;
     locale?: SupportedLocale;
@@ -8,5 +8,5 @@ export interface ApChatProps {
     enableInternalThemeProvider?: boolean;
     disableEmbeddedPortal?: boolean;
 }
-export declare function ApChat({ chatServiceInstance, locale: initialLocale, theme: initialTheme, portalContainer, enableInternalThemeProvider, disableEmbeddedPortal, }: ApChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function ApChat({ chatServiceInstance, locale, theme, portalContainer, enableInternalThemeProvider, disableEmbeddedPortal, }: ApChatProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ap-chat.d.ts.map

package/dist/material/components/ap-chat/ap-chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ap-chat.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-chat/ap-chat.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAsBrE,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,oBAAoB,EAG1B,MAAM,WAAW,CAAC;AAiGnB,MAAM,WAAW,WAAW;IAI1B,mBAAmB,EAAE,oBAAoB,CAAC;IAK1C,MAAM,CAAC,EAAE,eAAe,CAAC;IAKzB,KAAK,CAAC,EAAE,WAAW,CAAC;IAMpB,eAAe,CAAC,EAAE,WAAW,CAAC;IAQ9B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAStC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,MAAM,CAAC,EACrB,mBAAmB,EACnB,MAAM,EAAE,aAAoB,EAC5B,KAAK,EAAE,YAAsB,EAC7B,eAAe,EACf,2BAAmC,EACnC,qBAA6B,GAC9B,EAAE,WAAW,2CAuFb"}
+{"version":3,"file":"ap-chat.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-chat/ap-chat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,WAAW,WAAW;IAI1B,mBAAmB,EAAE,oBAAoB,CAAC;IAK1C,MAAM,CAAC,EAAE,eAAe,CAAC;IAKzB,KAAK,CAAC,EAAE,WAAW,CAAC;IAMpB,eAAe,CAAC,EAAE,WAAW,CAAC;IAQ9B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAStC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,MAAM,CAAC,EACrB,mBAAmB,EACnB,MAAa,EACb,KAAe,EACf,eAAe,EACf,2BAAmC,EACnC,qBAA6B,GAC9B,EAAE,WAAW,2CAiBb"}

package/dist/material/components/ap-chat/ap-chat.js

@@ -1,162 +1,23 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ThemeProvider, styled } from "@mui/material/styles";
-import apollo_core from "@uipath/apollo-core";
+import { jsx } from "react/jsx-runtime";
+import { registerChatRenderer } from "../../../chat/headless/renderer-registry.js";
+import { ChatRoot } from "../../../chat/root/ChatRoot.js";
 import react from "react";
-import { createPortal } from "react-dom";
-import { ApI18nProvider } from "../../../i18n/index.js";
-import { apolloMaterialUiThemeDark, apolloMaterialUiThemeDarkHC, apolloMaterialUiThemeLight, apolloMaterialUiThemeLightHC } from "../../theme/index.js";
-import { DragHandle } from "./components/common/drag-handle.js";
-import { AutopilotChatDropzone } from "./components/dropzone/dropzone.js";
-import { FullScreenLayout, StandardLayout } from "./components/layout/index.js";
-import { AutopilotAttachmentsProvider } from "./providers/attachements-provider.js";
-import { AutopilotChatScrollProvider } from "./providers/chat-scroll-provider.js";
-import { AutopilotChatServiceProvider } from "./providers/chat-service.provider.js";
-import { AutopilotChatStateProvider, useChatState } from "./providers/chat-state-provider.js";
-import { AutopilotChatWidthProvider, useChatWidth } from "./providers/chat-width-provider.js";
-import { AutopilotErrorProvider } from "./providers/error-provider.js";
-import { AutopilotLoadingProvider } from "./providers/loading-provider.js";
-import { LocaleProvider, useLocale } from "./providers/locale-provider.js";
-import { AutopilotPickerProvider } from "./providers/picker-provider.js";
-import { AutopilotResourceDataProvider } from "./providers/resource-data-provider.js";
-import { AutopilotStreamingProvider } from "./providers/streaming-provider.js";
-import { ThemeProvider as theme_provider_js_ThemeProvider } from "./providers/theme-provider.js";
-import { AutopilotChatEvent, AutopilotChatMode, CHAT_CONTAINER_ANIMATION_DURATION, CHAT_WIDTH_FULL_SCREEN } from "./service/index.js";
-const MUI_THEME_MAP = {
-    light: apolloMaterialUiThemeLight,
-    dark: apolloMaterialUiThemeDark,
-    'light-hc': apolloMaterialUiThemeLightHC,
-    'dark-hc': apolloMaterialUiThemeDarkHC
-};
-const ChatContainer = styled('div')(({ shouldAnimate, mode, width, fullHeight })=>({
-        width: mode === AutopilotChatMode.FullScreen ? CHAT_WIDTH_FULL_SCREEN : width,
-        display: 'flex',
-        flexDirection: mode === AutopilotChatMode.FullScreen ? 'column' : 'row',
-        height: fullHeight ? '100vh' : 'calc(100vh - 48px)',
-        position: 'relative',
-        boxSizing: 'border-box',
-        border: `${apollo_core.Border.BorderThickS} solid var(--color-border-de-emp)`,
-        borderTop: 'none',
-        borderLeft: 'none',
-        ...shouldAnimate && {
-            transition: `width ${CHAT_CONTAINER_ANIMATION_DURATION}ms ease`
-        },
-        ...mode === AutopilotChatMode.Closed && {
-            display: 'none'
-        },
-        ...mode === AutopilotChatMode.Embedded && {
-            width: '100%',
-            height: '100%',
-            position: 'absolute',
-            border: 'none'
-        }
-    }));
-const ApI18nWithLocale = /*#__PURE__*/ react.memo(({ children })=>{
-    const { locale } = useLocale();
-    return /*#__PURE__*/ jsx(ApI18nProvider, {
-        component: "material/components/ap-chat",
-        locale: locale,
-        children: children
-    });
-});
-const AutopilotChatContent = /*#__PURE__*/ react.memo(()=>{
-    const { width, shouldAnimate } = useChatWidth();
-    const { historyOpen, settingsOpen, disabledFeatures, chatMode, readOnly } = useChatState();
-    return /*#__PURE__*/ jsxs(ChatContainer, {
-        shouldAnimate: shouldAnimate,
-        mode: chatMode,
-        width: width,
-        fullHeight: false === disabledFeatures.fullHeight,
-        children: [
-            chatMode === AutopilotChatMode.SideBySide && /*#__PURE__*/ jsx(DragHandle, {}),
-            chatMode === AutopilotChatMode.FullScreen ? /*#__PURE__*/ jsx(FullScreenLayout, {
-                historyOpen: historyOpen,
-                settingsOpen: settingsOpen,
-                historyDisabled: disabledFeatures.history ?? false,
-                settingsDisabled: disabledFeatures.settings ?? false,
-                headerSeparatorDisabled: disabledFeatures.headerSeparator ?? false,
-                mode: chatMode,
-                readOnly: readOnly
-            }) : /*#__PURE__*/ jsx(StandardLayout, {
-                historyOpen: historyOpen,
-                settingsOpen: settingsOpen,
-                historyDisabled: disabledFeatures.history ?? false,
-                settingsDisabled: disabledFeatures.settings ?? false,
-                headerDisabled: disabledFeatures.header ?? false,
-                headerSeparatorDisabled: disabledFeatures.headerSeparator ?? false,
-                mode: chatMode,
-                readOnly: readOnly
-            })
-        ]
-    });
-});
-function ApChat({ chatServiceInstance, locale: initialLocale = 'en', theme: initialTheme = 'light', portalContainer, enableInternalThemeProvider = false, disableEmbeddedPortal = false }) {
-    const [embeddedContainer, setEmbeddedContainer] = react.useState(null);
-    const [currentTheme, setCurrentTheme] = react.useState(initialTheme);
-    react.useEffect(()=>{
-        chatServiceInstance.setLocale(initialLocale);
-    }, [
-        initialLocale,
-        chatServiceInstance
+import { MaterialChatRenderer } from "./MaterialChatRenderer.js";
+registerChatRenderer('material', MaterialChatRenderer);
+function ApChat({ chatServiceInstance, locale = 'en', theme = 'light', portalContainer, enableInternalThemeProvider = false, disableEmbeddedPortal = false }) {
+    const rendererProps = react.useMemo(()=>({
+            enableInternalThemeProvider
+        }), [
+        enableInternalThemeProvider
     ]);
-    react.useEffect(()=>{
-        chatServiceInstance.setTheme(initialTheme);
-        setCurrentTheme(initialTheme);
-    }, [
-        initialTheme,
-        chatServiceInstance
-    ]);
-    react.useEffect(()=>{
-        const updateEmbeddedContainer = ()=>{
-            const config = chatServiceInstance.getConfig();
-            config.mode === AutopilotChatMode.Embedded && config.embeddedContainer ? setEmbeddedContainer(config.embeddedContainer) : setEmbeddedContainer(null);
-        };
-        updateEmbeddedContainer();
-        const unsubscribe = chatServiceInstance.on(AutopilotChatEvent.ModeChange, ()=>{
-            updateEmbeddedContainer();
-        });
-        return ()=>{
-            unsubscribe();
-        };
-    }, [
-        chatServiceInstance
-    ]);
-    const muiTheme = enableInternalThemeProvider ? MUI_THEME_MAP[currentTheme] : null;
-    const chatProviders = /*#__PURE__*/ jsx(AutopilotChatServiceProvider, {
+    return /*#__PURE__*/ jsx(ChatRoot, {
         chatServiceInstance: chatServiceInstance,
-        children: /*#__PURE__*/ jsx(theme_provider_js_ThemeProvider, {
-            children: /*#__PURE__*/ jsx(LocaleProvider, {
-                children: /*#__PURE__*/ jsx(ApI18nWithLocale, {
-                    children: /*#__PURE__*/ jsx(AutopilotStreamingProvider, {
-                        children: /*#__PURE__*/ jsx(AutopilotChatScrollProvider, {
-                            children: /*#__PURE__*/ jsx(AutopilotChatStateProvider, {
-                                portalContainer: portalContainer,
-                                children: /*#__PURE__*/ jsx(AutopilotErrorProvider, {
-                                    children: /*#__PURE__*/ jsx(AutopilotLoadingProvider, {
-                                        children: /*#__PURE__*/ jsx(AutopilotAttachmentsProvider, {
-                                            children: /*#__PURE__*/ jsx(AutopilotPickerProvider, {
-                                                children: /*#__PURE__*/ jsx(AutopilotResourceDataProvider, {
-                                                    children: /*#__PURE__*/ jsx(AutopilotChatWidthProvider, {
-                                                        children: /*#__PURE__*/ jsx(AutopilotChatDropzone, {
-                                                            children: /*#__PURE__*/ jsx(AutopilotChatContent, {})
-                                                        })
-                                                    })
-                                                })
-                                            })
-                                        })
-                                    })
-                                })
-                            })
-                        })
-                    })
-                })
-            })
-        })
+        defaultRenderer: "material",
+        locale: locale,
+        theme: theme,
+        portalContainer: portalContainer,
+        disableEmbeddedPortal: disableEmbeddedPortal,
+        rendererProps: rendererProps
     });
-    const chatContent = enableInternalThemeProvider && muiTheme ? /*#__PURE__*/ jsx(ThemeProvider, {
-        theme: muiTheme,
-        children: chatProviders
-    }) : chatProviders;
-    if (embeddedContainer && !disableEmbeddedPortal) return /*#__PURE__*/ createPortal(chatContent, embeddedContainer);
-    return chatContent;
 }
 export { ApChat };

package/dist/material/components/ap-chat/components/common/action-button.cjs

@@ -39,11 +39,11 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const material_namespaceObject = require("@mui/material");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
-const external_index_cjs_namespaceObject = require("../../../index.cjs");
+const chat_state_provider_cjs_namespaceObject = require("../../../../../chat/headless/providers/chat-state-provider.cjs");
+const index_cjs_namespaceObject = require("../../../../../chat/service/index.cjs");
+const external_ap_icon_index_cjs_namespaceObject = require("../../../ap-icon/index.cjs");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const chat_state_provider_cjs_namespaceObject = require("../../providers/chat-state-provider.cjs");
-const index_cjs_namespaceObject = require("../../service/index.cjs");
 const external_icon_button_cjs_namespaceObject = require("./icon-button.cjs");
 const external_tooltip_cjs_namespaceObject = require("./tooltip.cjs");
 const StyledButtonContainer = (0, material_namespaceObject.styled)('div')(()=>({
@@ -80,7 +80,7 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
                 onMouseLeave?.(event);
                 if (!preventHover) setIconColor('var(--color-icon-default)');
             },
-            startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ApIcon, {
+            startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ap_icon_index_cjs_namespaceObject.ApIcon, {
                 name: iconName,
                 variant: variant,
                 size: iconSize || apollo_core_default().Icon.IconS,
@@ -130,7 +130,7 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
         sx: 'custom' === variant ? {
             padding: '8px 6px 6px 8px'
         } : void 0,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ApIcon, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ap_icon_index_cjs_namespaceObject.ApIcon, {
             name: iconName,
             variant: variant,
             size: iconSize || ('custom' === variant ? '20px' : apollo_core_default().Icon.IconS),

package/dist/material/components/ap-chat/components/common/action-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,UAAU,8BAA8B;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0ID,eAAO,MAAM,yBAAyB,qGAAiD,CAAC"}
+{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKlE,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,UAAU,8BAA8B;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0ID,eAAO,MAAM,yBAAyB,qGAAiD,CAAC"}

package/dist/material/components/ap-chat/components/common/action-button.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Button, styled } from "@mui/material";
 import apollo_core from "@uipath/apollo-core";
-import { ApIcon } from "../../../index.js";
+import { useChatState } from "../../../../../chat/headless/providers/chat-state-provider.js";
+import { AutopilotChatMode } from "../../../../../chat/service/index.js";
+import { ApIcon } from "../../../ap-icon/index.js";
 import react from "react";
-import { useChatState } from "../../providers/chat-state-provider.js";
-import { AutopilotChatMode } from "../../service/index.js";
 import { AutopilotChatIconButton } from "./icon-button.js";
 import { AutopilotChatTooltip } from "./tooltip.js";
 const StyledButtonContainer = styled('div')(()=>({

package/dist/material/components/ap-chat/components/common/attachments.cjs

@@ -41,11 +41,11 @@ const react_namespaceObject = require("@lingui/react");
 const material_namespaceObject = require("@mui/material");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
+const chat_state_provider_cjs_namespaceObject = require("../../../../../chat/headless/providers/chat-state-provider.cjs");
+const index_cjs_namespaceObject = require("../../../../../chat/service/index.cjs");
+const external_ap_typography_index_cjs_namespaceObject = require("../../../ap-typography/index.cjs");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const external_index_cjs_namespaceObject = require("../../../index.cjs");
-const chat_state_provider_cjs_namespaceObject = require("../../providers/chat-state-provider.cjs");
-const index_cjs_namespaceObject = require("../../service/index.cjs");
 const file_to_icon_cjs_namespaceObject = require("../../utils/file-to-icon.cjs");
 const external_action_button_cjs_namespaceObject = require("./action-button.cjs");
 const external_tooltip_cjs_namespaceObject = require("./tooltip.cjs");
@@ -181,7 +181,7 @@ const Attachment = /*#__PURE__*/ external_react_default().memo(({ attachment, on
                 title: attachment.name,
                 placement: "top",
                 disableInteractive: true,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ApTypography, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ap_typography_index_cjs_namespaceObject.ApTypography, {
                     variant: spacing.primaryFontToken,
                     className: "attachment-name",
                     children: attachment.name

package/dist/material/components/ap-chat/components/common/attachments.d.ts

@@ -1,5 +1,5 @@
+import { type AutopilotChatFileInfo } from '../../../../../chat/service';
 import React from 'react';
-import { type AutopilotChatFileInfo } from '../../service';
 interface AttachmentProps {
     attachment: AutopilotChatFileInfo;
     onRemove?: (name: string) => void;

package/dist/material/components/ap-chat/components/common/attachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachments.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/attachments.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,qBAAqB,EAAyB,MAAM,eAAe,CAAC;AAgGlF,UAAU,eAAe;IACvB,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,0FACyC,eAAe,6CA0H9E,CAAC;AAEF,UAAU,gBAAgB;IACxB,WAAW,EAAE,qBAAqB,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,6GAOnB,gBAAgB,6CA0DpB,CAAC"}
+{"version":3,"file":"attachments.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/attachments.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAgG1B,UAAU,eAAe;IACvB,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,0FACyC,eAAe,6CA0H9E,CAAC;AAEF,UAAU,gBAAgB;IACxB,WAAW,EAAE,qBAAqB,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,6GAOnB,gBAAgB,6CA0DpB,CAAC"}

package/dist/material/components/ap-chat/components/common/attachments.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useLingui } from "@lingui/react";
 import { CircularProgress, styled } from "@mui/material";
 import apollo_core from "@uipath/apollo-core";
+import { useChatState } from "../../../../../chat/headless/providers/chat-state-provider.js";
+import { AutopilotChatFileType } from "../../../../../chat/service/index.js";
+import { ApTypography } from "../../../ap-typography/index.js";
 import react from "react";
-import { ApTypography } from "../../../index.js";
-import { useChatState } from "../../providers/chat-state-provider.js";
-import { AutopilotChatFileType } from "../../service/index.js";
 import { fileToIcon } from "../../utils/file-to-icon.js";
 import { AutopilotChatActionButton } from "./action-button.js";
 import { AutopilotChatTooltip } from "./tooltip.js";

package/dist/material/components/ap-chat/components/common/drag-handle.cjs

@@ -39,12 +39,12 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const styles_namespaceObject = require("@mui/material/styles");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
+const chat_service_provider_cjs_namespaceObject = require("../../../../../chat/headless/providers/chat-service.provider.cjs");
+const chat_state_provider_cjs_namespaceObject = require("../../../../../chat/headless/providers/chat-state-provider.cjs");
+const chat_width_provider_cjs_namespaceObject = require("../../../../../chat/headless/providers/chat-width-provider.cjs");
+const index_cjs_namespaceObject = require("../../../../../chat/service/index.cjs");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const chat_service_provider_cjs_namespaceObject = require("../../providers/chat-service.provider.cjs");
-const chat_state_provider_cjs_namespaceObject = require("../../providers/chat-state-provider.cjs");
-const chat_width_provider_cjs_namespaceObject = require("../../providers/chat-width-provider.cjs");
-const index_cjs_namespaceObject = require("../../service/index.cjs");
 const DragHandleContainer = (0, styles_namespaceObject.styled)('div')(()=>({
         position: 'absolute',
         left: 0,

package/dist/material/components/ap-chat/components/common/drag-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/drag-handle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,iBAAS,mBAAmB,4CAkH3B;AAED,eAAO,MAAM,UAAU,uDAAkC,CAAC"}
+{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/drag-handle.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,iBAAS,mBAAmB,4CAkH3B;AAED,eAAO,MAAM,UAAU,uDAAkC,CAAC"}

package/dist/material/components/ap-chat/components/common/drag-handle.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import apollo_core from "@uipath/apollo-core";
+import { useChatService } from "../../../../../chat/headless/providers/chat-service.provider.js";
+import { useChatState } from "../../../../../chat/headless/providers/chat-state-provider.js";
+import { useChatWidth } from "../../../../../chat/headless/providers/chat-width-provider.js";
+import { AutopilotChatInternalEvent, CHAT_WIDTH_KEY, CHAT_WIDTH_SIDE_BY_SIDE_MAX, CHAT_WIDTH_SIDE_BY_SIDE_MIN, StorageService } from "../../../../../chat/service/index.js";
 import react from "react";
-import { useChatService } from "../../providers/chat-service.provider.js";
-import { useChatState } from "../../providers/chat-state-provider.js";
-import { useChatWidth } from "../../providers/chat-width-provider.js";
-import { AutopilotChatInternalEvent, CHAT_WIDTH_KEY, CHAT_WIDTH_SIDE_BY_SIDE_MAX, CHAT_WIDTH_SIDE_BY_SIDE_MIN, StorageService } from "../../service/index.js";
 const DragHandleContainer = styled('div')(()=>({
         position: 'absolute',
         left: 0,