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

package/dist/es/chat.AppState.js

@@ -0,0 +1,40 @@
+import React, { useContext } from "react";
+
+import "./chat.dynamic-imports.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
+ */ const LanguagePackContext = React.createContext(null);
+
+/*
+ *  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 useLanguagePack() {
+  return useContext(LanguagePackContext);
+}
+
+/*
+ *  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
+ */ var ChatWidthBreakpoint;
+
+(function(ChatWidthBreakpoint) {
+  ChatWidthBreakpoint["NARROW"] = "narrow";
+  ChatWidthBreakpoint["STANDARD"] = "standard";
+  ChatWidthBreakpoint["WIDE"] = "wide";
+})(ChatWidthBreakpoint || (ChatWidthBreakpoint = {}));
+
+export { ChatWidthBreakpoint as C, LanguagePackContext as L, useLanguagePack as u };

package/dist/es/{chat/shared/components/BasePanelComponent.js → chat.BasePanelComponent.js}

@@ -4,9 +4,9 @@ import React, { useRef, useImperativeHandle } from "react";
 
 import { useSelector } from "react-redux";
 
-import { IS_MOBILE } from "../utils/browserUtils.js";
+import { I as IS_MOBILE } from "./chat.browserUtils.js";
 
-import { Header as HeaderExport } from "./header/Header.js";
+import { H as HeaderExport } from "./chat.Header.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -47,4 +47,4 @@ import { Header as HeaderExport } from "./header/Header.js";
 
 const BasePanelComponentExport = React.memo(React.forwardRef(BasePanelComponent));
 
-export { BasePanelComponentExport as BasePanelComponent };
+export { BasePanelComponentExport as B };

package/dist/es/{chat/shared/components/panels/BodyAndFooterPanelComponent.js → chat.BodyAndFooterPanelComponent.js}

@@ -4,17 +4,99 @@ import React from "react";
 
 import { useSelector } from "react-redux";
 
-import { useLanguagePack } from "../../hooks/useLanguagePack.js";
+import { u as useLanguagePack } from "./chat.AppState.js";
 
-import { useServiceManager } from "../../hooks/useServiceManager.js";
+import { u as useServiceManager } from "./chat.usePrevious.js";
 
-import { AnimationInType, AnimationOutType } from "../../../../types/utilities/Animation.js";
+import { b as AnimationInType, A as AnimationOutType, a as OverlayPanel } from "./chat.PageObjectId.js";
 
-import { BasePanelComponent as BasePanelComponentExport } from "../BasePanelComponent.js";
+import { B as BasePanelComponentExport } from "./chat.BasePanelComponent.js";
 
-import { BodyWithFooterComponent } from "../BodyWithFooterComponent.js";
+import { B as BodyWithFooterComponent } from "./chat.BodyWithFooterComponent.js";
 
-import { OverlayPanel } from "../OverlayPanel.js";
+import "./chat.dynamic-imports.js";
+
+import "compute-scroll-into-view";
+
+import "memoize-one";
+
+import "tabbable";
+
+import "./chat.browserUtils.js";
+
+import "detect-browser";
+
+import "./chat.HideComponent.js";
+
+import "focus-trap-react";
+
+import "./chat.Header.js";
+
+import "@carbon/web-components/es-custom/components/slug/index.js";
+
+import "@carbon/icons-react/es/Close.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/Restart.js";
+
+import "@carbon/icons-react/es/SidePanelClose.js";
+
+import "@carbon/icons-react/es/SubtractLarge.js";
+
+import "@carbon/react";
+
+import "@carbon/web-components/es-custom/components/ai-label/defs.js";
+
+import "@carbon/web-components/es-custom/components/popover/defs.js";
+
+import "@lit/react";
+
+import "tslib";
+
+import "./chat.customElement.js";
+
+import "@carbon/web-components/es-custom/components/skeleton-icon/index.js";
+
+import "lit";
+
+import "bind-decorator";
+
+import "lit/decorators.js";
+
+import "@carbon/web-components/es-custom/components/button/index.js";
+
+import "@carbon/web-components/es-custom/components/overflow-menu/index.js";
+
+import "./chat.carbonTypes.js";
+
+import "@carbon/icons-react/es/ChevronDown.js";
+
+import "@carbon/icons-react/es/ChevronUp.js";
+
+import "@floating-ui/react";
+
+import "./chat.uuid.js";
+
+import "uuid";
+
+import "./chat.actions.js";
+
+import "./chat.constants.js";
+
+import "react-dom";
+
+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 "./chat.selectors.js";
+
+import "./chat.Messages.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -24,7 +106,7 @@ import { OverlayPanel } from "../OverlayPanel.js";
  *
  *  @license
  */ function BodyAndFooterPanelComponent(props) {
-  const {isOpen: isOpen, isMessageForInput: isMessageForInput, localMessageItem: localMessageItem, eventName: eventName, eventDescription: eventDescription, overlayPanelName: overlayPanelName, className: className, title: title, useAITheme: useAITheme, requestFocus: requestFocus, onClickBack: onClickBack, onClose: onClose, onClickRestart: onClickRestart, onCloseAndRestart: onCloseAndRestart, onPanelOpenEnd: onPanelOpenEnd, onPanelCloseEnd: onPanelCloseEnd, onPanelOpenStart: onPanelOpenStart, onPanelCloseStart: onPanelCloseStart, testIdPrefix: testIdPrefix} = props;
+  const {isOpen: isOpen, isMessageForInput: isMessageForInput, localMessageItem: localMessageItem, eventName: eventName, eventDescription: eventDescription, overlayPanelName: overlayPanelName, className: className, title: title, useAITheme: useAITheme, requestFocus: requestFocus, onClickBack: onClickBack, onClose: onClose, onClickRestart: onClickRestart, onCloseAndRestart: onCloseAndRestart, onPanelOpenEnd: onPanelOpenEnd, onPanelCloseEnd: onPanelCloseEnd, onPanelOpenStart: onPanelOpenStart, onPanelCloseStart: onPanelCloseStart, testIdPrefix: testIdPrefix, renderMessageComponent: renderMessageComponent} = props;
   const languagePack = useLanguagePack();
   const serviceManager = useServiceManager();
   const originalMessage = useSelector(state => state.allMessagesByID[localMessageItem?.fullMessageID]);
@@ -61,8 +143,9 @@ import { OverlayPanel } from "../OverlayPanel.js";
     localMessageItem: localMessageItem,
     fullMessage: originalMessage,
     isMessageForInput: isMessageForInput,
-    requestFocus: requestFocus
+    requestFocus: requestFocus,
+    renderMessageComponent: renderMessageComponent
   })));
 }
 
-export { BodyAndFooterPanelComponent };
+export { BodyAndFooterPanelComponent, BodyAndFooterPanelComponent as default };

package/dist/es/chat.BodyWithFooterComponent.js

@@ -0,0 +1,140 @@
+import React from "react";
+
+import { useSelector } from "react-redux";
+
+import { u as useLanguagePack } from "./chat.AppState.js";
+
+import { u as useServiceManager } from "./chat.usePrevious.js";
+
+import { a as selectInputState } from "./chat.selectors.js";
+
+import { T as THROW_ERROR } from "./chat.constants.js";
+
+import cx from "classnames";
+
+import { b as MessageResponseTypes } from "./chat.Messages.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
+ */ function BodyMessageComponents(props) {
+  const {bodyLocalMessageItemIDs: bodyLocalMessageItemIDs} = props.message.ui_state;
+  const allMessageItemsByID = useSelector(state => state.allMessageItemsByID);
+  const messageComponents = bodyLocalMessageItemIDs?.map((nestedMessageID, index) => {
+    const nestedLocalMessage = allMessageItemsByID[nestedMessageID];
+    const isFullWidthMessage = isFullWidthResponseType(nestedLocalMessage.item.response_type);
+    const nextLocalMessageID = bodyLocalMessageItemIDs[index + 1];
+    const nextLocalMessage = allMessageItemsByID[nextLocalMessageID];
+    const isNextMessageFullWidth = isFullWidthResponseType(nextLocalMessage?.item.response_type);
+    const isLastElement = index === bodyLocalMessageItemIDs.length - 1;
+    const withShortBottomPadding = !isLastElement && !isFullWidthMessage && !isNextMessageFullWidth;
+    return React.createElement("div", {
+      key: nestedMessageID,
+      className: cx("WACBodyMessageComponents__MessageWrapper", {
+        "WACBodyMessageComponents__MessageWrapper--fullWidth": isFullWidthMessage,
+        "WACBodyMessageComponents__MessageWrapper--shortBottomPadding": withShortBottomPadding
+      })
+    }, props.renderMessageComponent({
+      ...props,
+      message: nestedLocalMessage,
+      isNestedMessageItem: true
+    }));
+  });
+  if (!messageComponents?.length) {
+    return null;
+  }
+  return React.createElement("div", {
+    className: "WACBodyMessageComponents"
+  }, messageComponents);
+}
+
+function isFullWidthResponseType(responseType) {
+  switch (responseType) {
+   case MessageResponseTypes.IMAGE:
+   case MessageResponseTypes.IFRAME:
+   case MessageResponseTypes.VIDEO:
+   case MessageResponseTypes.AUDIO:
+   case MessageResponseTypes.USER_DEFINED:
+    return true;
+
+   default:
+    return false;
+  }
+}
+
+const BodyMessageTypeComponentsExport = React.memo(BodyMessageComponents);
+
+/*
+ *  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 FooterButtonComponents(props) {
+  const allMessageItemsByID = useSelector(state => state.allMessageItemsByID);
+  const buttonComponents = props.message.ui_state.footerLocalMessageItemIDs?.map(nestedMessageID => {
+    const nestedLocalMessage = allMessageItemsByID[nestedMessageID];
+    return React.createElement(React.Fragment, {
+      key: nestedMessageID
+    }, props.renderMessageComponent({
+      ...props,
+      message: nestedLocalMessage,
+      isNestedMessageItem: true
+    }));
+  });
+  const totalButtons = buttonComponents?.length ?? 0;
+  const isColumnList = totalButtons > 2;
+  return totalButtons ? React.createElement("div", {
+    className: cx("WACFooterButtonComponents", {
+      "WACFooterButtonComponents--column": isColumnList
+    })
+  }, buttonComponents) : null;
+}
+
+/*
+ *  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 BodyWithFooterComponent({localMessageItem: localMessageItem, fullMessage: fullMessage, isMessageForInput: isMessageForInput, requestFocus: requestFocus, renderMessageComponent: renderMessageComponent}) {
+  const serviceManager = useServiceManager();
+  const languagePack = useLanguagePack();
+  const appConfig = useSelector(state => state.config);
+  const inputState = useSelector(selectInputState);
+  return React.createElement(React.Fragment, null, React.createElement(BodyMessageTypeComponentsExport, {
+    message: localMessageItem,
+    originalMessage: fullMessage,
+    languagePack: languagePack,
+    requestInputFocus: requestFocus,
+    disableUserInputs: inputState.isReadonly,
+    config: appConfig,
+    isMessageForInput: isMessageForInput,
+    scrollElementIntoView: THROW_ERROR,
+    serviceManager: serviceManager,
+    hideFeedback: true,
+    allowNewFeedback: false,
+    renderMessageComponent: renderMessageComponent
+  }), React.createElement(FooterButtonComponents, {
+    message: localMessageItem,
+    originalMessage: fullMessage,
+    languagePack: languagePack,
+    requestInputFocus: requestFocus,
+    disableUserInputs: inputState.isReadonly,
+    config: appConfig,
+    isMessageForInput: isMessageForInput,
+    scrollElementIntoView: THROW_ERROR,
+    serviceManager: serviceManager,
+    hideFeedback: true,
+    allowNewFeedback: false,
+    renderMessageComponent: renderMessageComponent
+  }));
+}
+
+export { BodyWithFooterComponent as B };

package/dist/es/{chat/shared/components/header/BotHeader.js → chat.BotHeader.js}

@@ -4,19 +4,17 @@ import React, { forwardRef, useRef, useCallback, useImperativeHandle } from "rea
 
 import { useSelector, shallowEqual } from "react-redux";
 
-import { useLanguagePack } from "../../hooks/useLanguagePack.js";
+import { u as useLanguagePack } from "./chat.AppState.js";
 
-import { useServiceManager } from "../../hooks/useServiceManager.js";
+import { u as useServiceManager } from "./chat.usePrevious.js";
 
-import { selectAgentDisplayState } from "../../store/selectors.js";
+import { s as selectAgentDisplayState } from "./chat.selectors.js";
 
-import "../../utils/constants.js";
+import "./chat.constants.js";
 
-import WriteableElement from "../WriteableElement.js";
+import { H as HeaderExport, a as WriteableElement } from "./chat.Header.js";
 
-import { Header as HeaderExport } from "./Header.js";
-
-import { WriteableElementName } from "../../../../types/instance/ChatInstance.js";
+import { W as WriteableElementName } from "./chat.dynamic-imports.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -86,4 +84,4 @@ import { WriteableElementName } from "../../../../types/instance/ChatInstance.js
 
 const BotHeaderExport = React.memo(forwardRef(BotHeader));
 
-export { BotHeaderExport as BotHeader };
+export { BotHeaderExport as B };

package/dist/es/{chat/shared/components/responseTypes/carousel/Carousel.js → chat.Carousel.js}

@@ -14,11 +14,11 @@ import { A11y, Navigation } from "swiper/modules";
 
 import { Swiper, SwiperSlide } from "swiper/react";
 
-import { useLanguagePack } from "../../../hooks/useLanguagePack.js";
+import { u as useLanguagePack, C as ChatWidthBreakpoint } from "./chat.AppState.js";
 
-import { ChatWidthBreakpoint } from "../../../../../types/state/AppState.js";
+import { a as ButtonKindEnum } from "./chat.carbonTypes.js";
 
-import { ButtonKindEnum } from "../../../../../types/utilities/carbonTypes.js";
+import "./chat.dynamic-imports.js";
 
 /*
  *  Copyright IBM Corp. 2025