@carbon/ai-chat 0.4.0-rc.2 → 0.4.0-rc.3

package/dist/es/aiChatEntry.js

@@ -1,27 +1,233 @@
-export { OverlayPanelName } from "./chat/shared/components/OverlayPanel.js";
+export { C as ChatHeaderObjectType, O as OverlayPanelName, P as PageObjectId, m as makeTestId } from "./chat.PageObjectId.js";
 
-export { FileStatusValue, LauncherType, ViewType } from "./types/instance/apiTypes.js";
+import { D as DYNAMIC_IMPORTS } from "./chat.dynamic-imports.js";
 
-export { ChatHeaderObjectType } from "./types/config/ChatHeaderConfig.js";
+export { C as CSSVariable, b as CarbonTheme, a as CornersType, F as FileStatusValue, L as LauncherType, M as MinimizeButtonIconType, O as OnErrorType, V as ViewType, W as WriteableElementName } from "./chat.dynamic-imports.js";
 
-export { CSSVariable, WriteableElementName } from "./types/instance/ChatInstance.js";
+import { c as carbonElement, B as BusEventType } from "./chat.customElement.js";
 
-export { CornersType } from "./types/config/CornersType.js";
+export { F as FeedbackInteractionType, M as MessageSendSource, T as TourEndReason, a as TourStartReason, V as ViewChangeReason } from "./chat.customElement.js";
 
-export { BusEventType, FeedbackInteractionType, MessageSendSource, TourEndReason, TourStartReason, ViewChangeReason } from "./types/events/eventBusTypes.js";
+export { H as HomeScreenBackgroundType } from "./chat.HomeScreenConfig.js";
 
-export { HomeScreenBackgroundType } from "./types/config/HomeScreenConfig.js";
+export { A as AgentsOnlineStatus, E as ErrorType, M as MessageErrorState, S as ScreenShareState } from "./chat.LocalMessageItem.js";
 
-export { CarbonTheme, MinimizeButtonIconType, OnErrorType } from "./types/config/PublicConfig.js";
+export { A as AgentMessageType, B as ButtonItemKind, a as ButtonItemType, C as ChainOfThoughtStepStatus, I as IFrameItemDisplayOption, M as MessageInputType, b as MessageResponseTypes, O as OptionItemPreference, W as WidthOptions } from "./chat.Messages.js";
 
-export { AgentsOnlineStatus, ErrorType, ScreenShareState } from "./types/config/ServiceDeskConfig.js";
+import { __decorate } from "tslib";
 
-export { AgentMessageType, ButtonItemKind, ButtonItemType, ChainOfThoughtStepStatus, IFrameItemDisplayOption, MessageInputType, MessageResponseTypes, OptionItemPreference, WidthOptions } from "./types/messaging/Messages.js";
+import { createComponent } from "@lit/react";
 
-export { MessageErrorState } from "./types/messaging/LocalMessageItem.js";
+import { css, LitElement } from "lit";
 
-export { ChatContainer } from "./react/ChatContainer.js";
+import React, { useRef, useState, useEffect, useCallback } from "react";
 
-export { ChatCustomElement } from "./react/ChatCustomElement.js";
+import { createPortal } from "react-dom";
 
-export { PageObjectId, makeTestId } from "./chat/shared/utils/PageObjectId.js";
+import { u as useOnMount } from "./chat.useOnMount.js";
+
+import "classnames";
+
+import "./chat.browserUtils.js";
+
+import "detect-browser";
+
+import "memoize-one";
+
+import "./chat.HideComponent.js";
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ let ChatContainerReact = class ChatContainerReact extends LitElement {
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this.dispatchEvent(new CustomEvent("shadow-ready", {
+      bubbles: true
+    }));
+  }
+};
+
+ChatContainerReact.styles = css`
+    :host {
+      width: 100%;
+      height: 100%;
+    }
+  `;
+
+ChatContainerReact = __decorate([ carbonElement("cds-aichat-react") ], ChatContainerReact);
+
+const ReactChatContainer = React.memo(createComponent({
+  tagName: "cds-aichat-react",
+  elementClass: ChatContainerReact,
+  react: React
+}));
+
+function ChatContainer({onBeforeRender: onBeforeRender, onAfterRender: onAfterRender, config: config, renderUserDefinedResponse: renderUserDefinedResponse, renderWriteableElements: renderWriteableElements, element: element}) {
+  const wrapperRef = useRef(null);
+  const [wrapper, setWrapper] = useState(null);
+  const [container, setContainer] = useState(null);
+  const [AppContainerComponent, setAppContainerComponent] = useState(null);
+  const [userDefinedElements, setUserDefinedElements] = useState([]);
+  const [writeableElementSlots, setWriteableElementSlots] = useState([]);
+  const [currentInstance, setCurrentInstance] = useState(null);
+  useOnMount(() => {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return;
+    }
+    DYNAMIC_IMPORTS.AppContainer().then(appContainer => {
+      setAppContainerComponent(() => appContainer.AppContainer);
+    });
+  });
+  useEffect(() => {
+    if (!wrapperRef.current) {
+      return null;
+    }
+    let eventListenerAdded = false;
+    const wrapperElement = wrapperRef.current;
+    const handleShadowReady = () => {
+      let reactElement = wrapperElement.shadowRoot.querySelector(".cds--aichat-react-app");
+      if (!reactElement) {
+        reactElement = document.createElement("div");
+        reactElement.classList.add("cds--aichat-react-app");
+        wrapperElement.shadowRoot.appendChild(reactElement);
+      }
+      if (wrapperElement !== wrapper) {
+        setWrapper(wrapperElement);
+      }
+      if (reactElement !== container) {
+        setContainer(reactElement);
+      }
+    };
+    if (wrapperElement.shadowRoot) {
+      handleShadowReady();
+    } else {
+      eventListenerAdded = true;
+      wrapperElement.addEventListener("shadow-ready", handleShadowReady, {
+        once: true
+      });
+    }
+    return () => {
+      if (eventListenerAdded) {
+        wrapperElement.removeEventListener("shadow-ready", handleShadowReady);
+      }
+    };
+  }, [ container, wrapper, currentInstance ]);
+  useEffect(() => {
+    if (wrapper) {
+      const combinedNodes = [ ...userDefinedElements, ...writeableElementSlots ];
+      const currentNodes = Array.from(wrapper.childNodes);
+      const newNodesSet = new Set(combinedNodes);
+      currentNodes.forEach(node => {
+        if (!newNodesSet.has(node)) {
+          wrapper.removeChild(node);
+        }
+      });
+      combinedNodes.forEach(node => {
+        if (!currentNodes.includes(node)) {
+          wrapper.appendChild(node);
+        }
+      });
+    }
+  }, [ userDefinedElements, writeableElementSlots, wrapper ]);
+  const userDefinedHandler = useCallback(event => {
+    const {element: element} = event.data;
+    setUserDefinedElements(previousUserDefinedElements => [ ...previousUserDefinedElements, element ]);
+  }, []);
+  const onBeforeRenderOverride = useCallback(instance => {
+    if (instance) {
+      const addWriteableElementSlots = () => {
+        const slots = Object.entries(instance.writeableElements).map(writeableElement => {
+          const [key, element] = writeableElement;
+          element.setAttribute("slot", key);
+          return element;
+        });
+        setWriteableElementSlots(slots);
+      };
+      instance.on({
+        type: BusEventType.USER_DEFINED_RESPONSE,
+        handler: userDefinedHandler
+      });
+      instance.on({
+        type: BusEventType.CHUNK_USER_DEFINED_RESPONSE,
+        handler: userDefinedHandler
+      });
+      addWriteableElementSlots();
+      onBeforeRender?.(instance);
+    }
+  }, [ onBeforeRender, userDefinedHandler ]);
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return null;
+  }
+  return React.createElement(React.Fragment, null, React.createElement(ReactChatContainer, {
+    ref: wrapperRef
+  }), container && AppContainerComponent && createPortal(React.createElement(AppContainerComponent, {
+    config: config,
+    renderUserDefinedResponse: renderUserDefinedResponse,
+    renderWriteableElements: renderWriteableElements,
+    onBeforeRender: onBeforeRenderOverride,
+    onAfterRender: onAfterRender,
+    container: container,
+    setParentInstance: setCurrentInstance,
+    element: element
+  }), container));
+}
+
+const ChatContainerExport = React.memo(ChatContainer);
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function ChatCustomElement({config: config, onBeforeRender: onBeforeRender, onAfterRender: onAfterRender, renderUserDefinedResponse: renderUserDefinedResponse, renderWriteableElements: renderWriteableElements, className: className, id: id, onViewChange: onViewChange}) {
+  const [customElement, setCustomElement] = useState();
+  const originalStyles = useRef({
+    width: undefined,
+    height: undefined
+  });
+  const onBeforeRenderOverride = useCallback(async instance => {
+    function defaultViewChangeHandler(event, instance) {
+      if (event.newViewState.mainWindow) {
+        customElement.style.width = originalStyles.current.width;
+        customElement.style.height = originalStyles.current.height;
+        instance.elements.getMainWindow().removeClassName("HideWebChat");
+      } else {
+        originalStyles.current = {
+          width: customElement.style.width,
+          height: customElement.style.height
+        };
+        customElement.style.width = "0px";
+        customElement.style.height = "0px";
+        instance.elements.getMainWindow().addClassName("HideWebChat");
+      }
+    }
+    instance.on({
+      type: BusEventType.VIEW_CHANGE,
+      handler: onViewChange || defaultViewChangeHandler
+    });
+    return onBeforeRender?.(instance);
+  }, [ onBeforeRender, onViewChange, customElement ]);
+  return React.createElement("div", {
+    className: className,
+    id: id,
+    ref: setCustomElement
+  }, customElement && React.createElement(ChatContainerExport, {
+    config: config,
+    onBeforeRender: onBeforeRenderOverride,
+    onAfterRender: onAfterRender,
+    renderUserDefinedResponse: renderUserDefinedResponse,
+    renderWriteableElements: renderWriteableElements,
+    element: customElement
+  }));
+}
+
+const ChatCustomElementExport = React.memo(ChatCustomElement);
+
+export { BusEventType, ChatContainerExport as ChatContainer, ChatCustomElementExport as ChatCustomElement };