@carbon/ai-chat 0.4.0-alpha.1 → 0.4.0-alpha.3

package/dist/es/aiChatEntry.js

@@ -1,27 +1,379 @@
-export { OverlayPanelName } from "./chat/shared/components/OverlayPanel.js";
+import { u as useOnMount, A as AppContainerExport } from "./chat.AppContainer.js";
 
-export { FileStatusValue, LauncherType, ViewType } from "./types/instance/apiTypes.js";
+export { k as AgentMessageType, e as AgentsOnlineStatus, B as ButtonItemKind, f as ButtonItemType, a as CSSVariable, c as CarbonTheme, l as ChainOfThoughtStepStatus, C as ChatHeaderObjectType, b as CornersType, E as ErrorType, F as FileStatusValue, H as HomeScreenBackgroundType, I as IFrameItemDisplayOption, L as LauncherType, m as MessageErrorState, g as MessageInputType, h as MessageResponseTypes, M as MinimizeButtonIconType, d as OnErrorType, i as OptionItemPreference, O as OverlayPanelName, P as PageObjectId, S as ScreenShareState, V as ViewType, j as WidthOptions, W as WriteableElementName, n as makeTestId } from "./chat.AppContainer.js";
 
-export { ChatHeaderObjectType } from "./types/config/ChatHeaderConfig.js";
+import { _ as __decorate, c as carbonElement, B as BusEventType } from "./chat.customElement.js";
 
-export { CSSVariable, WriteableElementName } from "./types/instance/ChatInstance.js";
+export { F as FeedbackInteractionType, M as MessageSendSource, T as TourEndReason, a as TourStartReason, V as ViewChangeReason } from "./chat.customElement.js";
 
-export { CornersType } from "./types/config/CornersType.js";
+import { createComponent } from "@lit/react";
 
-export { BusEventType, FeedbackInteractionType, MessageSendSource, TourEndReason, TourStartReason, ViewChangeReason } from "./types/events/eventBusTypes.js";
+import { css, LitElement } from "lit";
 
-export { HomeScreenBackgroundType } from "./types/config/HomeScreenConfig.js";
+import React, { useRef, useState, useEffect, useCallback } from "react";
 
-export { CarbonTheme, MinimizeButtonIconType, OnErrorType } from "./types/config/PublicConfig.js";
+import { createPortal } from "react-dom";
 
-export { AgentsOnlineStatus, ErrorType, ScreenShareState } from "./types/config/ServiceDeskConfig.js";
+import "lodash-es/isEqual.js";
 
-export { AgentMessageType, ButtonItemKind, ButtonItemType, ChainOfThoughtStepStatus, IFrameItemDisplayOption, MessageInputType, MessageResponseTypes, OptionItemPreference, WidthOptions } from "./types/messaging/Messages.js";
+import "dayjs";
 
-export { MessageErrorState } from "./types/messaging/LocalMessageItem.js";
+import "dayjs/plugin/localizedFormat.js";
 
-export { ChatContainer } from "./react/ChatContainer.js";
+import "lodash-es/merge.js";
 
-export { ChatCustomElement } from "./react/ChatCustomElement.js";
+import "lodash-es/cloneDeep.js";
 
-export { PageObjectId, makeTestId } from "./chat/shared/utils/PageObjectId.js";
+import "dayjs/locale/en.js";
+
+import "intl-messageformat";
+
+import "react-intl";
+
+import "redux";
+
+import "lodash-es/mergeWith.js";
+
+import "intl-pluralrules";
+
+import "classnames";
+
+import "react-redux";
+
+import "compute-scroll-into-view";
+
+import "tabbable";
+
+import "@carbon/icons-react/es/AiLaunch.js";
+
+import "@carbon/icons-react/es/ArrowUpLeft.js";
+
+import "@carbon/icons-react/es/ChatLaunch.js";
+
+import "@carbon/react";
+
+import "@carbon/icons-react/es/Close.js";
+
+import "focus-trap-react";
+
+import "lodash-es/throttle.js";
+
+import "lit/decorators.js";
+
+import "@carbon/icons-react/es/ScreenOff.js";
+
+import "@carbon/icons-react/es/UserAvatar.js";
+
+import "lit/directives/repeat.js";
+
+import "lit/directives/unsafe-html.js";
+
+import "@carbon/icons-react/es/ChatBot.js";
+
+import "@carbon/icons-react/es/CheckmarkFilled.js";
+
+import "@carbon/icons-react/es/Headset.js";
+
+import "@carbon/icons-react/es/ErrorFilled.js";
+
+import "@carbon/icons-react/es/Attachment.js";
+
+import "@carbon/web-components/es-custom/components/textarea/index.js";
+
+import "@carbon/web-components/es-custom/components/icon-button/index.js";
+
+import "@carbon/icon-helpers";
+
+import "@carbon/icons/es/thumbs-down/16.js";
+
+import "@carbon/icons/es/thumbs-down--filled/16.js";
+
+import "@carbon/icons/es/thumbs-up/16.js";
+
+import "@carbon/icons/es/thumbs-up--filled/16.js";
+
+import "lit/directives/unsafe-svg.js";
+
+import "@carbon/web-components/es-custom/components/tag/index.js";
+
+import "@carbon/web-components/es-custom/components/chat-button/index.js";
+
+import "@carbon/web-components/es-custom/components/button/button.js";
+
+import "@carbon/web-components/es-custom/components/button/index.js";
+
+import "@carbon/web-components/es-custom/components/layer/index.js";
+
+import "@carbon/icons-react/es/Checkmark.js";
+
+import "@carbon/icons-react/es/HelpDesk.js";
+
+import "@carbon/icons-react/es/Logout.js";
+
+import "@carbon/icons-react/es/Music.js";
+
+import "@carbon/icons-react/es/TouchInteraction.js";
+
+import "@carbon/icons-react/es/Send.js";
+
+import "@carbon/icons-react/es/ArrowRight.js";
+
+import "@carbon/icons-react/es/Launch.js";
+
+import "@carbon/icons-react/es/ChevronLeft.js";
+
+import "@carbon/icons-react/es/ChevronRight.js";
+
+import "lodash-es/debounce.js";
+
+import "@carbon/icons-react/es/Link.js";
+
+import "@carbon/icons-react/es/Maximize.js";
+
+import "@carbon/icons-react/es/ChevronDown.js";
+
+import "@carbon/icons-react/es/ChevronUp.js";
+
+import "csv-stringify/browser/esm/sync";
+
+import "@carbon/web-components/es-custom/components/data-table/index.js";
+
+import "@carbon/web-components/es-custom/components/checkbox/index.js";
+
+import "@carbon/icons/es/download/16.js";
+
+import "lit-html/directives/repeat.js";
+
+import "@carbon/web-components/es-custom/components/pagination/index.js";
+
+import "@carbon/web-components/es-custom/components/select/index.js";
+
+import "@carbon/web-components/es-custom/components/data-table/table-skeleton.js";
+
+import "@carbon/icons-react/es/Restart.js";
+
+import "@carbon/web-components/es-custom/components/inline-loading/index.js";
+
+import "@carbon/icons/es/checkmark--filled/16.js";
+
+import "@carbon/icons/es/chevron--right/16.js";
+
+import "@carbon/icons/es/error--filled/16.js";
+
+import "@carbon/icons-react/es/Home.js";
+
+import "@carbon/web-components/es-custom/components/slug/index.js";
+
+import "@carbon/icons-react/es/CloseLarge.js";
+
+import "@carbon/icons-react/es/DownToBottom.js";
+
+import "@carbon/icons-react/es/Menu.js";
+
+import "@carbon/icons-react/es/SidePanelClose.js";
+
+import "@carbon/icons-react/es/SubtractLarge.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/defs.js";
+
+import "@carbon/web-components/es-custom/components/popover/defs.js";
+
+import "@carbon/web-components/es-custom/components/skeleton-icon/index.js";
+
+import "@carbon/web-components/es-custom/components/overflow-menu/index.js";
+
+import "@floating-ui/react";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label-action-button.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label.js";
+
+import "@carbon/icons-react/es/SendFilled.js";
+
+import "@carbon/icons/es/stop--filled/16.js";
+
+import "@carbon/icons-react/es/Subtract.js";
+
+import "@carbon/icons-react/es/ArrowLeft.js";
+
+import "@carbon/icons-react/es/Chat.js";
+
+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;
+    }
+    setAppContainerComponent(() => AppContainerExport);
+  });
+  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);
+
+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 };