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

package/dist/es/chat/shared/components/header/Header.js

@@ -1,460 +0,0 @@
-import "@carbon/web-components/es-custom/components/slug/index.js";
-
-import Close from "@carbon/icons-react/es/Close.js";
-
-import CloseLarge from "@carbon/icons-react/es/CloseLarge.js";
-
-import DownToBottom from "@carbon/icons-react/es/DownToBottom.js";
-
-import Menu from "@carbon/icons-react/es/Menu.js";
-
-import Restart from "@carbon/icons-react/es/Restart.js";
-
-import SidePanelClose from "@carbon/icons-react/es/SidePanelClose.js";
-
-import SubtractLarge from "@carbon/icons-react/es/SubtractLarge.js";
-
-import { MenuItem, Button, MenuItemDivider } from "@carbon/react";
-
-import { AI_LABEL_SIZE } from "@carbon/web-components/es-custom/components/ai-label/defs.js";
-
-import { POPOVER_ALIGNMENT } from "@carbon/web-components/es-custom/components/popover/defs.js";
-
-import cx from "classnames";
-
-import React, { forwardRef, useRef, useState, useContext, useCallback, useImperativeHandle, useEffect, Fragment } from "react";
-
-import { useSelector } from "react-redux";
-
-import { ChatHeaderObjectType } from "../../../../types/config/ChatHeaderConfig.js";
-
-import { ChatHeaderAvatar } from "../../../react/components/chatHeader/ChatHeaderAvatar.js";
-
-import { ChatHeaderLink } from "../../../react/components/chatHeader/ChatHeaderLink.js";
-
-import { ChatHeaderMenuButton } from "../../../react/components/chatHeader/ChatHeaderMenuButton.js";
-
-import { ChatHeaderMenuItem } from "../../../react/components/chatHeader/ChatHeaderMenuItem.js";
-
-import { ChatHeaderMenuItemRadioGroup } from "../../../react/components/chatHeader/ChatHeaderMenuItemRadioGroup.js";
-
-import { ChatHeaderOverflowMenu } from "../../../react/components/chatHeader/ChatHeaderOverflowMenu.js";
-
-import { ChatHeaderTitle } from "../../../react/components/chatHeader/ChatHeaderTitle.js";
-
-import { HideComponentContext } from "../../contexts/HideComponentContext.js";
-
-import { useLanguagePack } from "../../hooks/useLanguagePack.js";
-
-import { usePrevious } from "../../hooks/usePrevious.js";
-
-import { useServiceManager } from "../../hooks/useServiceManager.js";
-
-import actions from "../../store/actions.js";
-
-import { ChatWidthBreakpoint } from "../../../../types/state/AppState.js";
-
-import "../../utils/constants.js";
-
-import { doFocusRef } from "../../utils/domUtils.js";
-
-import { ConfirmModal } from "../modals/ConfirmModal.js";
-
-import WriteableElement from "../WriteableElement.js";
-
-import { AISlug } from "./AISlug.js";
-
-import { ButtonSizeEnum, ButtonKindEnum } from "../../../../types/utilities/carbonTypes.js";
-
-import { MinimizeButtonIconType } from "../../../../types/config/PublicConfig.js";
-
-import { makeTestId, PageObjectId } from "../../utils/PageObjectId.js";
-
-import { WriteableElementName } from "../../../../types/instance/ChatInstance.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 HEADER_OBJECTS_GAP_MIN_SIZE = 100;
-
-function Header(props, ref) {
-  const {displayName: displayName, backContent: backContent, showRestartButton: showRestartButton, showBackButton: showBackButton, useAITheme: useAITheme, labelBackButton: labelBackButton, onClickClose: onClickClose, onClickRestart: onClickRestart, onCloseAndRestart: onCloseAndRestart, onClickBack: onClickBack, overflowItems: overflowItems, overflowClicked: overflowClicked, backButtonType: backButtonType, showCenter: showCenter, hideCloseButton: hideCloseButton, hideCloseAndRestartButton: hideCloseAndRestartButton, brandColor: brandColor = "primary", enableChatHeaderConfig: enableChatHeaderConfig, headerAvatarConfig: headerAvatarConfig, testIdPrefix: testIdPrefix} = props;
-  const backButtonRef = useRef();
-  const restartButtonRef = useRef();
-  const closeAndRestartButtonRef = useRef();
-  const closeButtonRef = useRef();
-  const centerObjectsRef = useRef();
-  const centerGapRef = useRef();
-  const overflowRef = useRef();
-  const serviceManager = useServiceManager();
-  const languagePack = useLanguagePack();
-  const publicConfig = useSelector(state => state.config.public);
-  const chatHeaderConfig = useSelector(state => state.chatHeaderState.config);
-  const chatWidthBreakpoint = useSelector(state => state.chatWidthBreakpoint);
-  const maxVisibleHeaderObjects = useSelector(state => state.chatHeaderState.maxVisibleHeaderObjects);
-  const [overflowIsOpen, setOverflowIsOpen] = useState(false);
-  const [confirmModelOpen, setConfirmModelOpen] = useState(false);
-  const [selectedGroupMenuitems, setSelectedGroupMenuItems] = useState({});
-  const [isImageError, setIsImageError] = useState(false);
-  const hasHeaderAvatar = Boolean(headerAvatarConfig) && !isImageError;
-  const isHidden = useContext(HideComponentContext);
-  const prevChatHeaderAvatarURL = usePrevious(headerAvatarConfig?.url);
-  const {headerConfig: headerConfig} = publicConfig;
-  const isWideWidth = chatWidthBreakpoint === ChatWidthBreakpoint.WIDE;
-  const chatHeaderTitle = enableChatHeaderConfig ? chatHeaderConfig?.headerTitle?.title : undefined;
-  const chatHeaderName = enableChatHeaderConfig ? chatHeaderConfig?.headerTitle?.name : undefined;
-  const chatHeaderDisplayName = chatHeaderName || displayName;
-  const closeConfirmModel = useCallback(() => {
-    setConfirmModelOpen(false);
-  }, []);
-  const showCloseAndRestartButton = headerConfig?.showCloseAndRestartButton && !hideCloseAndRestartButton && onCloseAndRestart;
-  const useHideCloseButton = headerConfig?.hideMinimizeButton || hideCloseButton;
-  let closeIcon;
-  let closeReverseIcon = false;
-  let closeIsReversible = true;
-  const minimizeButtonIconType = headerConfig?.minimizeButtonIconType;
-  switch (minimizeButtonIconType) {
-   case MinimizeButtonIconType.CLOSE:
-    closeIcon = React.createElement(CloseLarge, {
-      className: "WACIcon__Close",
-      size: 16
-    });
-    break;
-
-   case MinimizeButtonIconType.MINIMIZE:
-    closeIcon = React.createElement(SubtractLarge, {
-      className: "WACIcon__Subtract",
-      size: 16
-    });
-    break;
-
-   case MinimizeButtonIconType.SIDE_PANEL_LEFT:
-    closeIsReversible = false;
-    closeIcon = React.createElement(SidePanelClose, {
-      className: "WACIcon__SidePanelClose"
-    });
-    break;
-
-   case MinimizeButtonIconType.SIDE_PANEL_RIGHT:
-    closeIsReversible = false;
-    closeReverseIcon = true;
-    closeIcon = React.createElement(SidePanelClose, {
-      className: "WACIcon__SidePanelClose"
-    });
-    break;
-
-   default:
-    {
-      closeIcon = React.createElement(SubtractLarge, {
-        className: "WACIcon__Subtract",
-        size: 16
-      });
-      break;
-    }
-  }
-  if (showCloseAndRestartButton && showRestartButton) {
-    throw new Error("You cannot enable both the restart button and the close-and-restart buttons.");
-  }
-  const onConfirm = useCallback(() => {
-    setConfirmModelOpen(false);
-    onCloseAndRestart();
-  }, [ onCloseAndRestart ]);
-  useImperativeHandle(ref, () => ({
-    requestFocus: () => {
-      if (closeButtonRef.current) {
-        doFocusRef(closeButtonRef, false, true);
-        return true;
-      }
-      if (backButtonRef.current) {
-        doFocusRef(backButtonRef, false, true);
-        return true;
-      }
-      if (restartButtonRef.current) {
-        doFocusRef(restartButtonRef, false, true);
-        return true;
-      }
-      return false;
-    }
-  }));
-  function getComponentInMenu(item, index, list) {
-    switch (item.type) {
-     case ChatHeaderObjectType.LINK:
-      return React.createElement(ChatHeaderMenuItem, {
-        key: index,
-        label: item.label,
-        url: item.url,
-        isNewTab: item.isNewTab,
-        onClick: () => {
-          doFocusRef(overflowRef);
-        }
-      });
-
-     case ChatHeaderObjectType.BUTTON:
-      return React.createElement(ChatHeaderMenuItem, {
-        key: index,
-        label: item.label,
-        onClick: () => {
-          item.onClick?.();
-          doFocusRef(overflowRef);
-        }
-      });
-
-     case ChatHeaderObjectType.RADIO_GROUP:
-      {
-        const nextObject = list[index + 1];
-        return React.createElement(Fragment, {
-          key: index
-        }, index !== 0 && React.createElement(MenuItemDivider, null), React.createElement(ChatHeaderMenuItemRadioGroup, {
-          label: item.label,
-          items: item.items,
-          defaultSelectedItem: item.defaultSelectedItem,
-          selectedItem: selectedGroupMenuitems[item.label],
-          onChange: selectedItem => {
-            setSelectedGroupMenuItems(prevState => ({
-              ...prevState,
-              [item.label]: selectedItem
-            }));
-            item.onChange?.(selectedItem);
-          }
-        }), Boolean(nextObject) && nextObject.type !== ChatHeaderObjectType.RADIO_GROUP && React.createElement(MenuItemDivider, null));
-      }
-
-     case ChatHeaderObjectType.MENU:
-      return React.createElement(ChatHeaderMenuItem, {
-        key: index,
-        label: item.label
-      }, item.items.filter(menuItem => menuItem.type !== ChatHeaderObjectType.MENU).map(getComponentInMenu));
-
-     default:
-      return null;
-    }
-  }
-  function getComponentInChatHeader(headerObject, index) {
-    switch (headerObject.type) {
-     case ChatHeaderObjectType.LINK:
-      return React.createElement(ChatHeaderLink, {
-        key: index,
-        label: headerObject.label,
-        url: headerObject.url,
-        isNewTab: headerObject.isNewTab
-      });
-
-     case ChatHeaderObjectType.MENU:
-      return React.createElement(ChatHeaderMenuButton, {
-        key: index,
-        label: headerObject.label,
-        menuAlignment: "bottom-start"
-      }, headerObject.items.map(getComponentInMenu));
-
-     case ChatHeaderObjectType.BUTTON:
-      return React.createElement(Button, {
-        key: index,
-        kind: ButtonKindEnum.GHOST,
-        size: ButtonSizeEnum.MEDIUM,
-        onClick: headerObject.onClick
-      }, headerObject.label);
-
-     default:
-      return null;
-    }
-  }
-  let leftObjectsLength = 0;
-  let rightObjectsLength = 0;
-  if (enableChatHeaderConfig) {
-    leftObjectsLength = chatHeaderConfig?.left?.length ?? 0;
-    rightObjectsLength = chatHeaderConfig?.right?.length ?? 0;
-  }
-  const isLeftObjectsInOverflow = leftObjectsLength > maxVisibleHeaderObjects;
-  const isRightObjectsInOverflow = rightObjectsLength > maxVisibleHeaderObjects;
-  const hasChatHeaderObjects = leftObjectsLength || rightObjectsLength;
-  const renderChatHeaderObjectsInOverflow = hasChatHeaderObjects && (!isWideWidth || isLeftObjectsInOverflow || isRightObjectsInOverflow);
-  const hasOverflow = Boolean(overflowItems?.length) || renderChatHeaderObjectsInOverflow;
-  const isRTL = document.dir === "rtl";
-  let leftChatHeaderComponents = null;
-  let rightChatHeaderComponents = null;
-  let leftChatHeaderMenuComponents = null;
-  let rightChatHeaderMenuComponents = null;
-  if (enableChatHeaderConfig) {
-    leftChatHeaderComponents = chatHeaderConfig?.left?.slice(0, isLeftObjectsInOverflow ? maxVisibleHeaderObjects : undefined).map(getComponentInChatHeader);
-    rightChatHeaderComponents = chatHeaderConfig?.right?.slice(0, isRightObjectsInOverflow ? maxVisibleHeaderObjects : undefined).map(getComponentInChatHeader);
-    leftChatHeaderMenuComponents = isLeftObjectsInOverflow && chatHeaderConfig?.left?.slice(maxVisibleHeaderObjects).map(getComponentInMenu);
-    rightChatHeaderMenuComponents = isRightObjectsInOverflow && chatHeaderConfig?.right?.slice(maxVisibleHeaderObjects).map(getComponentInMenu);
-  }
-  let leftContent;
-  if (hasOverflow) {
-    leftContent = React.createElement(ChatHeaderOverflowMenu, {
-      className: "WACHeader__OverflowMenu",
-      renderIcon: overflowIsOpen ? Close : Menu,
-      iconDescription: languagePack.header_overflowMenu_options,
-      ariaLabel: languagePack.components_overflow_ariaLabel,
-      containerRef: overflowRef,
-      tooltipPosition: isRTL ? "left" : "right",
-      menuAlignment: "bottom-start",
-      onOpen: () => {
-        setTimeout(() => {
-          setOverflowIsOpen(true);
-        });
-      },
-      onClose: () => {
-        setOverflowIsOpen(false);
-      }
-    }, overflowItems?.map((item, index) => React.createElement(MenuItem, {
-      key: item,
-      label: item,
-      onClick: () => {
-        doFocusRef(overflowRef);
-        overflowClicked(index);
-      }
-    })), leftChatHeaderMenuComponents, rightChatHeaderMenuComponents);
-  } else if (showBackButton) {
-    leftContent = React.createElement(HeaderButton, {
-      className: "WACHeader__BackButton",
-      label: labelBackButton,
-      onClick: onClickBack,
-      buttonRef: backButtonRef,
-      buttonKind: backButtonType,
-      tooltipPosition: isRTL ? "left" : "right"
-    }, backContent || React.createElement(DownToBottom, null));
-  }
-  useEffect(() => {
-    if (!isWideWidth) {
-      serviceManager.store.dispatch(actions.setMaxVisibleHeaderObjects(0));
-      return undefined;
-    }
-    if (!enableChatHeaderConfig) {
-      return undefined;
-    }
-    const centerResizeObserver = new ResizeObserver(() => {
-      const centerGapElement = centerGapRef.current;
-      if (centerGapElement) {
-        if (centerGapElement.offsetWidth > HEADER_OBJECTS_GAP_MIN_SIZE || centerGapElement.offsetWidth === 0) {
-          let newTotal = Math.floor((centerObjectsRef.current.offsetWidth - HEADER_OBJECTS_GAP_MIN_SIZE) / (HEADER_OBJECTS_GAP_MIN_SIZE * 2));
-          if (newTotal < 0) {
-            newTotal = 0;
-          }
-          setTimeout(() => {
-            serviceManager.store.dispatch(actions.setMaxVisibleHeaderObjects(newTotal));
-          });
-        }
-      }
-    });
-    centerResizeObserver.observe(centerObjectsRef.current);
-    return () => {
-      centerResizeObserver.disconnect();
-    };
-  }, [ isWideWidth, enableChatHeaderConfig, serviceManager ]);
-  useEffect(() => {
-    if (isImageError && prevChatHeaderAvatarURL !== headerAvatarConfig?.url) {
-      setIsImageError(false);
-    }
-  }, [ prevChatHeaderAvatarURL, headerAvatarConfig?.url, isImageError ]);
-  return React.createElement("div", {
-    className: cx("WACHeader", `WAC--${brandColor}Color`, {
-      "WACHeader--withAvatar": hasHeaderAvatar
-    })
-  }, React.createElement("div", {
-    className: cx("WACHeader--content", `WAC--${brandColor}Color`),
-    "data-floating-menu-container": true
-  }, leftContent && React.createElement("div", {
-    className: "WACHeader__Buttons WACHeader__LeftButtons"
-  }, leftContent), showCenter && React.createElement("div", {
-    className: "WACHeader__CenterContainer"
-  }, hasHeaderAvatar && React.createElement(ChatHeaderAvatar, {
-    url: headerAvatarConfig.url,
-    corners: headerAvatarConfig.corners,
-    alt: languagePack.header_ariaBotAvatar,
-    onError: () => setIsImageError(true)
-  }), (chatHeaderTitle || chatHeaderDisplayName) && React.createElement("div", {
-    className: "WACHeader__TitleContainer"
-  }, React.createElement(ChatHeaderTitle, {
-    title: chatHeaderTitle,
-    name: chatHeaderDisplayName
-  })), isWideWidth && Boolean(leftObjectsLength) && React.createElement("div", {
-    className: "WACHeader__Separator"
-  }), React.createElement("div", {
-    ref: centerObjectsRef,
-    className: "WACHeader__HeaderObjects"
-  }, isWideWidth && Boolean(leftObjectsLength) && React.createElement("div", {
-    className: "WACHeader__LeftItems"
-  }, leftChatHeaderComponents), React.createElement("div", {
-    ref: centerGapRef,
-    className: "WACHeader__CenterGap"
-  }), isWideWidth && Boolean(rightObjectsLength) && React.createElement("div", {
-    className: "WACHeader__RightItems"
-  }, rightChatHeaderComponents))), React.createElement("div", {
-    className: "WACHeader__Buttons WACHeader__RightButtons"
-  }, useAITheme && React.createElement(AISlug, {
-    className: "WACHeader__Slug",
-    size: AI_LABEL_SIZE.EXTRA_SMALL,
-    alignment: isRTL ? POPOVER_ALIGNMENT.BOTTOM_LEFT : POPOVER_ALIGNMENT.BOTTOM_RIGHT
-  }, React.createElement("div", {
-    slot: "body-text"
-  }, React.createElement("h4", {
-    className: "WACHeader__Slug-title"
-  }, languagePack.ai_slug_title), React.createElement("div", {
-    className: "WACHeader__Slug-description"
-  }, React.createElement("div", null, languagePack.ai_slug_description), !isHidden && React.createElement(WriteableElement, {
-    slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
-    id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
-  })))), showRestartButton && React.createElement(HeaderButton, {
-    className: "WACHeader__RestartButton",
-    label: languagePack.buttons_restart,
-    onClick: onClickRestart,
-    buttonRef: restartButtonRef,
-    tooltipPosition: isRTL ? "right" : "left"
-  }, React.createElement(Restart, null)), !useHideCloseButton && React.createElement(HeaderButton, {
-    className: cx("WACHeader__CloseButton", {
-      WACReverseIcon: closeReverseIcon
-    }),
-    isReversible: closeIsReversible,
-    label: languagePack.launcher_isOpen,
-    onClick: async () => {
-      onClickClose();
-    },
-    buttonRef: closeButtonRef,
-    tooltipPosition: isRTL ? "right" : "left",
-    testId: makeTestId(PageObjectId.CLOSE_CHAT, testIdPrefix)
-  }, closeIcon), showCloseAndRestartButton && React.createElement(HeaderButton, {
-    className: "WACHeader__CloseAndRestartButton",
-    label: languagePack.header_ariaCloseRestart,
-    onClick: () => setConfirmModelOpen(true),
-    buttonRef: closeAndRestartButtonRef,
-    tooltipPosition: isRTL ? "right" : "left"
-  }, React.createElement(CloseLarge, {
-    className: "WACIcon__Close"
-  }))), confirmModelOpen && React.createElement(ConfirmModal, {
-    title: languagePack.closeAndRestartModal_title,
-    message: languagePack.closeAndRestartModal_message,
-    onConfirm: onConfirm,
-    onCancel: closeConfirmModel,
-    cancelButtonLabel: languagePack.closeAndRestartModal_cancel,
-    confirmButtonLabel: languagePack.closeAndRestartModal_confirm,
-    modalAnnounceMessage: languagePack.closeAndRestartModal_message,
-    serviceManager: serviceManager
-  })));
-}
-
-function HeaderButton({onClick: onClick, buttonRef: buttonRef, label: label, className: className, children: children, buttonKind: buttonKind, isReversible: isReversible = true, tooltipPosition: tooltipPosition, testId: testId}) {
-  return React.createElement(Button, {
-    ref: buttonRef,
-    className: cx(className, {
-      WACDirectionHasReversibleSVG: isReversible
-    }),
-    onClick: onClick,
-    hasIconOnly: true,
-    iconDescription: label,
-    size: ButtonSizeEnum.MEDIUM,
-    kind: buttonKind || ButtonKindEnum.GHOST,
-    tooltipPosition: tooltipPosition,
-    "data-testid": testId
-  }, children);
-}
-
-const HeaderExport = React.memo(forwardRef(Header));
-
-export { HeaderExport as Header };

package/dist/es/chat/shared/components/header/SimpleHeader.js

@@ -1,27 +0,0 @@
-import React, { forwardRef, useRef, useImperativeHandle } from "react";
-
-import { Header as HeaderExport } from "./Header.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 SimpleHeader(props, ref) {
-  const {useAITheme: useAITheme, onClose: onClose, testIdPrefix: testIdPrefix} = props;
-  const headerRef = useRef();
-  useImperativeHandle(ref, () => headerRef.current);
-  return React.createElement(HeaderExport, {
-    ref: headerRef,
-    onClickClose: onClose,
-    showCenter: true,
-    useAITheme: useAITheme,
-    testIdPrefix: testIdPrefix
-  });
-}
-
-const SimpleHeaderExport = React.memo(forwardRef(SimpleHeader));
-
-export { SimpleHeaderExport as SimpleHeader };

package/dist/es/chat/shared/components/homeScreen/HomeScreenContainer.js

@@ -1,68 +0,0 @@
-import React, { useCallback } from "react";
-
-import { useSelector } from "react-redux";
-
-import { usePrevious } from "../../hooks/usePrevious.js";
-
-import { useServiceManager } from "../../hooks/useServiceManager.js";
-
-import { AnimationOutType, AnimationInType } from "../../../../types/utilities/Animation.js";
-
-import { OverlayPanel, OverlayPanelName } from "../OverlayPanel.js";
-
-import { HomeScreen as HomeScreenExport } from "./HomeScreen.js";
-
-import { THREAD_ID_MAIN } from "../../utils/messageUtils.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 HomeScreenContainer({onClose: onClose, onCloseAndRestart: onCloseAndRestart, onPanelCloseStart: onPanelCloseStart, onPanelOpenStart: onPanelOpenStart, onPanelCloseEnd: onPanelCloseEnd, onPanelOpenEnd: onPanelOpenEnd, onSendBotInput: onSendBotInput, onSendButtonInput: onSendButtonInput, onRestart: onRestart, showHomeScreen: showHomeScreen, isHydrationAnimationComplete: isHydrationAnimationComplete, homeScreenInputRef: homeScreenInputRef, onToggleHomeScreen: onToggleHomeScreen}) {
-  const serviceManager = useServiceManager();
-  const homeScreenConfig = useSelector(state => state.homeScreenConfig);
-  const isCustomPanelOpen = useSelector(state => state.customPanelState.isOpen);
-  const prevIsHydrationAnimationComplete = usePrevious(isHydrationAnimationComplete);
-  const shouldHide = isCustomPanelOpen;
-  const subsequentRender = showHomeScreen && isHydrationAnimationComplete && prevIsHydrationAnimationComplete;
-  const handleSendInput = useCallback(text => {
-    onSendBotInput(text);
-  }, [ onSendBotInput ]);
-  const handlerStarterClick = useCallback(starter => {
-    onSendButtonInput({
-      label: starter.label,
-      value: {
-        input: {
-          text: starter.label
-        }
-      }
-    }, THREAD_ID_MAIN);
-  }, [ onSendButtonInput ]);
-  return React.createElement(OverlayPanel, {
-    onOpenStart: onPanelOpenStart,
-    onOpenEnd: onPanelOpenEnd,
-    onCloseStart: onPanelCloseStart,
-    onCloseEnd: onPanelCloseEnd,
-    animationOnOpen: subsequentRender ? AnimationInType.FADE_IN : AnimationInType.NONE,
-    animationOnClose: AnimationOutType.FADE_OUT,
-    shouldOpen: showHomeScreen,
-    shouldHide: shouldHide,
-    serviceManager: serviceManager,
-    overlayPanelName: OverlayPanelName.HOME_SCREEN
-  }, React.createElement(HomeScreenExport, {
-    isHydrated: isHydrationAnimationComplete,
-    homeScreenMessageInputRef: homeScreenInputRef,
-    homeScreenConfig: homeScreenConfig,
-    onSendInput: handleSendInput,
-    onStarterClick: handlerStarterClick,
-    onClose: onClose,
-    onCloseAndRestart: onCloseAndRestart,
-    onRestart: onRestart,
-    onToggleHomeScreen: onToggleHomeScreen
-  }));
-}
-
-export { HomeScreenContainer };

package/dist/es/chat/shared/components/launcher/Launcher.js

@@ -1,88 +0,0 @@
-import AiLaunch from "@carbon/icons-react/es/AiLaunch.js";
-
-import ArrowUpLeft from "@carbon/icons-react/es/ArrowUpLeft.js";
-
-import ChatLaunch from "@carbon/icons-react/es/ChatLaunch.js";
-
-import { Button } from "@carbon/react";
-
-import cx from "classnames";
-
-import React, { forwardRef, useImperativeHandle } from "react";
-
-import { useSelector } from "react-redux";
-
-import { doFocusRef } from "../../utils/domUtils.js";
-
-import { getLauncherButtonAriaLabel } from "./launcherUtils.js";
-
-import { ButtonKindEnum } from "../../../../types/utilities/carbonTypes.js";
-
-import { PageObjectId } from "../../utils/PageObjectId.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 Launcher(props, ref) {
-  const {onToggleOpen: onToggleOpen, languagePack: languagePack, unreadAgentCount: unreadAgentCount, intl: intl, showUnreadIndicator: showUnreadIndicator, className: className, tabIndex: tabIndex, launcherHidden: launcherHidden, activeTour: activeTour} = props;
-  const launcherAvatarURL = useSelector(state => state.theme.useAITheme ? undefined : state.launcher.config.desktop.avatar_url_override);
-  const useAITheme = useSelector(state => state.theme.useAITheme);
-  const buttonRef = React.createRef();
-  useImperativeHandle(ref, () => ({
-    requestFocus: () => {
-      doFocusRef(buttonRef);
-    }
-  }));
-  let ariaLabel = getLauncherButtonAriaLabel(languagePack, launcherHidden, activeTour);
-  if (unreadAgentCount !== 0) {
-    ariaLabel += `. ${intl.formatMessage({
-      id: "icon_ariaUnreadMessages"
-    }, {
-      count: unreadAgentCount
-    })}`;
-  }
-  let launcherAvatar = useAITheme ? React.createElement(AiLaunch, {
-    size: 24,
-    className: "WACLauncher_svg"
-  }) : React.createElement(ChatLaunch, {
-    size: 24,
-    className: "WACLauncher__svg"
-  });
-  if (launcherAvatarURL) {
-    launcherAvatar = React.createElement("img", {
-      className: "WACLauncher__Avatar",
-      src: launcherAvatarURL,
-      alt: "",
-      "aria-hidden": true
-    });
-  }
-  return React.createElement("div", {
-    className: cx("WACLauncher__ButtonContainer", "WACLauncher__ButtonContainer--round", className, {
-      "WACLauncher__ButtonContainer--hidden": launcherHidden
-    })
-  }, React.createElement(Button, {
-    "aria-label": ariaLabel,
-    className: cx("WACLauncher__Button", {
-      WACLauncher__TourButton: activeTour
-    }),
-    "data-testid": PageObjectId.LAUNCHER,
-    kind: ButtonKindEnum.PRIMARY,
-    type: "button",
-    onClick: onToggleOpen,
-    ref: buttonRef,
-    tabIndex: tabIndex
-  }, activeTour ? React.createElement(ArrowUpLeft, {
-    size: 24,
-    className: "WACLauncher__svg"
-  }) : launcherAvatar, (unreadAgentCount !== 0 || showUnreadIndicator) && React.createElement("div", {
-    className: "WAC__countIndicator"
-  }, unreadAgentCount !== 0 ? unreadAgentCount : "")));
-}
-
-const LauncherExport = forwardRef(Launcher);
-
-export { LauncherExport as Launcher };