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

package/dist/es/chat/shared/containers/App.js

@@ -1,181 +0,0 @@
-import "intl-pluralrules";
-
-import cx from "classnames";
-
-import React, { useState, useMemo, useRef, Suspense } from "react";
-
-import { RawIntlProvider, useIntl } from "react-intl";
-
-import { Provider, useSelector, useDispatch } from "react-redux";
-
-import { AriaAnnouncerProvider } from "../components/aria/AriaAnnouncerProvider.js";
-
-import { LauncherContainer } from "../components/launcher/LauncherContainer.js";
-
-import { LanguagePackContext } from "../contexts/LanguagePackContext.js";
-
-import { WindowSizeContext } from "../contexts/WindowSizeContext.js";
-
-import { ServiceManagerContext } from "../contexts/ServiceManagerContext.js";
-
-import { useOnMount } from "../hooks/useOnMount.js";
-
-import actions from "../store/actions.js";
-
-import { IS_PHONE_IN_PORTRAIT_MODE, IS_PHONE } from "../utils/browserUtils.js";
-
-import { consoleDebug, consoleError } from "../utils/miscUtils.js";
-
-import { convertCSSVariablesToString, getThemeClassNames } from "../utils/styleUtils.js";
-
-import MainWindow from "./main/MainWindow.js";
-
-import { lazyTourComponent } from "../../dynamic-imports/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 TourContainerLazy = lazyTourComponent();
-
-function App({serviceManager: serviceManager, hostElement: hostElement, applicationStyles: applicationStyles, fontStyles: fontStyles}) {
-  const {store: store} = serviceManager;
-  const {config: config} = store.getState();
-  if (config.public.debug) {
-    consoleDebug("[render] Called render");
-  }
-  const combinedStyles = `${fontStyles ? `${fontStyles} ` : ""}${applicationStyles}`;
-  return React.createElement(Provider, {
-    store: store
-  }, React.createElement(AppContainer, {
-    serviceManager: serviceManager,
-    hostElement: hostElement,
-    applicationStyles: combinedStyles
-  }));
-}
-
-function AppContainer({serviceManager: serviceManager, hostElement: hostElement, applicationStyles: applicationStyles}) {
-  const languagePack = useSelector(state => state.languagePack);
-  const cssVariableOverrides = useSelector(state => state.cssVariableOverrides);
-  const theme = useSelector(state => state.theme);
-  const config = useSelector(state => state.config);
-  const layout = useSelector(state => state.layout);
-  const {namespace: namespace} = serviceManager;
-  const {originalName: originalName} = namespace;
-  const dispatch = useDispatch();
-  const [windowSize, setWindowSize] = useState({
-    width: window.innerWidth,
-    height: window.innerHeight
-  });
-  const cssVariableOverrideString = useMemo(() => convertCSSVariablesToString(cssVariableOverrides), [ cssVariableOverrides ]);
-  const dir = document.dir || "auto";
-  useOnMount(() => {
-    const windowListener = () => {
-      setWindowSize({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    window.addEventListener("resize", windowListener);
-    const visibilityListener = () => {
-      dispatch(actions.setIsBrowserPageVisible(document.visibilityState === "visible"));
-    };
-    document.addEventListener("visibilitychange", visibilityListener);
-    return () => {
-      window.removeEventListener("resize", windowListener);
-      document.removeEventListener("visibilitychange", visibilityListener);
-    };
-  });
-  return React.createElement("div", {
-    className: "WACContainer",
-    "data-namespace": originalName,
-    ref: node => {
-      if (node && hostElement) {
-        node.style.setProperty("height", "100%", "important");
-        node.style.setProperty("width", "100%", "important");
-      }
-    }
-  }, React.createElement("div", {
-    className: "WACContainer--styles"
-  }, React.createElement("style", {
-    "data-base-styles": "true",
-    nonce: config.public.cspNonce
-  }, applicationStyles || `.WACContainer { visibility: hidden; }`), React.createElement("style", {
-    "data-variables-custom": "true",
-    nonce: config.public.cspNonce
-  }, cssVariableOverrideString)), React.createElement("div", {
-    className: cx(`WACContainer--render`, getThemeClassNames(theme), {
-      "WACContainer-disableMobileEnhancements": hostElement && config.public.disableCustomElementMobileEnhancements,
-      "WAC-isPhone": IS_PHONE && !config.public.disableCustomElementMobileEnhancements,
-      "WAC-isPhonePortraitMode": IS_PHONE_IN_PORTRAIT_MODE && !config.public.disableCustomElementMobileEnhancements,
-      "WAC--frameless": !layout?.showFrame
-    }),
-    dir: dir
-  }, React.createElement(WindowSizeContext.Provider, {
-    value: windowSize
-  }, React.createElement(ServiceManagerContext.Provider, {
-    value: serviceManager
-  }, React.createElement(RawIntlProvider, {
-    value: serviceManager.intl
-  }, React.createElement(LanguagePackContext.Provider, {
-    value: languagePack
-  }, React.createElement(AriaAnnouncerProvider, null, React.createElement(MainContainer, {
-    serviceManager: serviceManager,
-    hostElement: hostElement
-  }))))))));
-}
-
-function MainContainer(props) {
-  const {hostElement: hostElement, serviceManager: serviceManager} = props;
-  const showLauncher = useSelector(state => state.launcher.config.is_on);
-  const {viewState: viewState} = useSelector(state => state.persistedToBrowserStorage.launcherState);
-  const tourContainerRef = useRef();
-  const mainWindowRef = useRef();
-  const showTour = viewState.tour;
-  const showedTourOnce = useRef(showTour);
-  showedTourOnce.current = showTour || showedTourOnce.current;
-  const intl = useIntl();
-  const namespace = serviceManager.namespace.originalName;
-  const languageKey = namespace ? "window_ariaChatRegionNamespace" : "window_ariaChatRegion";
-  const regionLabel = intl.formatMessage({
-    id: languageKey
-  }, {
-    namespace: namespace
-  });
-  useOnMount(() => {
-    function requestFocus() {
-      try {
-        const {persistedToBrowserStorage: persistedToBrowserStorage} = serviceManager.store.getState();
-        const {viewState: viewState} = persistedToBrowserStorage.launcherState;
-        if (viewState.tour) {
-          tourContainerRef.current?.requestFocus();
-        } else if (viewState.mainWindow) {
-          mainWindowRef.current?.requestFocus();
-        }
-      } catch (error) {
-        consoleError("An error occurred in App.requestFocus", error);
-      }
-    }
-    serviceManager.appWindow = {
-      requestFocus: requestFocus
-    };
-  });
-  return React.createElement("div", {
-    className: "WACWidget__regionContainer",
-    role: "region",
-    "aria-label": regionLabel
-  }, React.createElement(MainWindow, {
-    mainWindowRef: mainWindowRef,
-    useCustomHostElement: Boolean(hostElement),
-    serviceManager: serviceManager
-  }), showedTourOnce.current && React.createElement(Suspense, {
-    fallback: null
-  }, React.createElement(TourContainerLazy, {
-    ref: tourContainerRef
-  })), showLauncher && React.createElement(LauncherContainer, null));
-}
-
-export { App as default };

package/dist/es/chat/shared/containers/MessageComponent.js

@@ -1,465 +0,0 @@
-import ChatBot from "@carbon/icons-react/es/ChatBot.js";
-
-import CheckmarkFilled from "@carbon/icons-react/es/CheckmarkFilled.js";
-
-import Headset from "@carbon/icons-react/es/Headset.js";
-
-import { Loading } from "@carbon/react";
-
-import cx from "classnames";
-
-import React, { PureComponent } from "react";
-
-import { injectIntl, FormattedMessage } from "react-intl";
-
-import { nodeToText } from "../components/aria/AriaAnnouncerComponent.js";
-
-import { Avatar as AvatarExport } from "../components/Avatar.js";
-
-import { InlineError } from "../components/responseTypes/error/InlineError.js";
-
-import { IconHolder } from "../components/util/IconHolder.js";
-
-import { ImageWithFallback } from "../components/util/ImageWithFallback.js";
-
-import VisuallyHidden from "../components/util/VisuallyHidden.js";
-
-import { withAriaAnnouncer } from "../hocs/withAriaAnnouncer.js";
-
-import actions from "../store/actions.js";
-
-import { MessageErrorState } from "../../../types/messaging/LocalMessageItem.js";
-
-import "../utils/constants.js";
-
-import { doFocusRef } from "../utils/domUtils.js";
-
-import { isConnectToAgent, isRequest, isResponse, renderAsUserDefinedMessage, isOptionItem, isSingleItemCarousel } from "../utils/messageUtils.js";
-
-import { createDidCatchErrorData } from "../utils/miscUtils.js";
-
-import { timestampToTimeString } from "../utils/timeUtils.js";
-
-import { MessageTypeComponent } from "./MessageTypeComponent.js";
-
-import { MessageResponseTypes, AgentMessageType } from "../../../types/messaging/Messages.js";
-
-import { FileStatusValue } from "../../../types/instance/apiTypes.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
- */ var MoveFocusType;
-
-(function(MoveFocusType) {
-  MoveFocusType[MoveFocusType["FIRST"] = 1] = "FIRST";
-  MoveFocusType[MoveFocusType["LAST"] = 2] = "LAST";
-  MoveFocusType[MoveFocusType["NEXT"] = 3] = "NEXT";
-  MoveFocusType[MoveFocusType["PREVIOUS"] = 4] = "PREVIOUS";
-  MoveFocusType[MoveFocusType["INPUT"] = 5] = "INPUT";
-})(MoveFocusType || (MoveFocusType = {}));
-
-class MessageComponent extends PureComponent {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      didRenderErrorOccur: false,
-      focusHandleHasFocus: false
-    };
-    this.ref = React.createRef();
-    this.messageRef = React.createRef();
-    this.focusHandleRef = React.createRef();
-    this.getLocalMessage = () => this.props.localMessageItem;
-    this.onHandleFocus = () => {
-      this.setState({
-        focusHandleHasFocus: true
-      });
-    };
-    this.onHandleBlur = () => {
-      this.setState({
-        focusHandleHasFocus: false
-      });
-    };
-    this.onHandleKeyDown = event => {
-      if (event.altKey || event.metaKey || event.ctrlKey || event.shiftKey) {
-        return;
-      }
-      let moveFocus;
-      if (event.key === "ArrowUp") {
-        moveFocus = MoveFocusType.PREVIOUS;
-      } else if (event.key === "ArrowDown") {
-        moveFocus = MoveFocusType.NEXT;
-      } else if (event.key === "Home") {
-        moveFocus = MoveFocusType.FIRST;
-      } else if (event.key === "End") {
-        moveFocus = MoveFocusType.LAST;
-      } else if (event.key === "Escape") {
-        moveFocus = MoveFocusType.INPUT;
-      } else if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        this.reAnnounceFocusHandle();
-        return;
-      }
-      if (moveFocus) {
-        event.preventDefault();
-        this.props.requestMoveFocus(moveFocus, this.props.messagesIndex);
-      }
-    };
-  }
-  getWidgetSaidMessage() {
-    const {intl: intl, botName: botName, localMessageItem: localMessageItem} = this.props;
-    let messageId;
-    if (localMessageItem.item.agent_message_type) {
-      if (localMessageItem.item.response_type === MessageResponseTypes.TEXT) {
-        messageId = "messages_agentSaid";
-      }
-    } else {
-      messageId = "messages_botSaid";
-    }
-    return messageId ? intl.formatMessage({
-      id: messageId
-    }, {
-      botName: botName
-    }) : null;
-  }
-  componentDidCatch(error, errorInfo) {
-    this.props.serviceManager.actions.errorOccurred(createDidCatchErrorData("Message", error, errorInfo));
-    this.setState({
-      didRenderErrorOccur: true
-    });
-  }
-  componentDidMount() {
-    const uiState = this.props.localMessageItem.ui_state;
-    if (uiState.needsAnnouncement) {
-      this.props.ariaAnnouncer(this.ref.current);
-      this.props.serviceManager.store.dispatch(actions.setMessageWasAnnounced(uiState.id));
-    }
-  }
-  componentDidUpdate() {
-    const uiState = this.props.localMessageItem.ui_state;
-    if (uiState.needsAnnouncement) {
-      this.props.ariaAnnouncer(this.ref.current);
-      this.props.serviceManager.store.dispatch(actions.setMessageWasAnnounced(uiState.id));
-    }
-  }
-  shouldRenderFailedMessage() {
-    if (this.state.didRenderErrorOccur) {
-      return true;
-    }
-    const {localMessageItem: localMessageItem, message: message} = this.props;
-    return isConnectToAgent(localMessageItem.item) && message.history?.agent_no_service_desk;
-  }
-  reAnnounceFocusHandle() {
-    const handle = this.focusHandleRef.current;
-    if (!handle) {
-      return;
-    }
-    this.props.ariaAnnouncer(handle.getAttribute("aria-label"));
-  }
-  requestHandleFocus() {
-    const {languagePack: languagePack, intl: intl, message: message, botName: botName} = this.props;
-    const whoAnnouncement = isRequest(message) ? languagePack.messages_youSaid : intl.formatMessage({
-      id: "messages_botSaid"
-    }, {
-      botName: botName
-    });
-    const strings = [ whoAnnouncement ];
-    nodeToText(this.messageRef.current, strings);
-    this.focusHandleRef.current.setAttribute("aria-label", strings.join(" "));
-    doFocusRef(this.focusHandleRef, true);
-  }
-  renderFailedRenderMessage() {
-    const {messagesIndex: messagesIndex} = this.props;
-    return React.createElement("div", {
-      className: `WAC__message WAC__message--inlineError WAC__message-${messagesIndex} ${this.props.className || ""}`,
-      ref: this.ref
-    }, React.createElement("div", {
-      className: "WAC__message--padding"
-    }, React.createElement("div", {
-      className: "WAC__bot-message"
-    }, React.createElement(VisuallyHidden, null, this.getWidgetSaidMessage()), React.createElement("div", {
-      className: "WAC__received WAC__message-vertical-padding WAC__received--text"
-    }, React.createElement(InlineError, {
-      text: this.props.languagePack.errors_singleMessage
-    })))));
-  }
-  renderAvatarLine(localMessageItem, message) {
-    let avatar;
-    const {languagePack: languagePack, botAvatarURL: botAvatarURL, useAITheme: useAITheme, carbonTheme: carbonTheme} = this.props;
-    const timestamp = timestampToTimeString(message.history.timestamp);
-    let label;
-    let actorName;
-    let iconClassName = "";
-    if (isResponse(message)) {
-      const agentMessageType = localMessageItem.item.agent_message_type;
-      const agentProfile = message.history.agent_profile;
-      if (isAgentStatusMessage(agentMessageType)) {
-        return null;
-      }
-      const fromAgent = agentMessageType === AgentMessageType.FROM_AGENT;
-      if (fromAgent || agentProfile?.profile_picture_url) {
-        avatar = React.createElement(ImageWithFallback, {
-          url: agentProfile?.profile_picture_url,
-          alt: fromAgent ? languagePack.agent_ariaAgentAvatar : languagePack.agent_ariaGenericAvatar,
-          fallback: React.createElement(IconHolder, {
-            icon: React.createElement(Headset, null)
-          })
-        });
-        iconClassName = "WACMessage__Avatar--agent";
-      } else {
-        const icon = useAITheme ? React.createElement(AvatarExport, {
-          theme: carbonTheme
-        }) : React.createElement(IconHolder, {
-          icon: React.createElement(ChatBot, null)
-        });
-        const imageUrl = useAITheme ? undefined : botAvatarURL;
-        avatar = React.createElement(ImageWithFallback, {
-          url: imageUrl,
-          alt: languagePack.agent_ariaGenericBotAvatar,
-          fallback: icon
-        });
-        iconClassName = "WACMessage__Avatar--bot";
-      }
-      if (fromAgent || agentProfile?.nickname) {
-        actorName = agentProfile?.nickname || languagePack.agent_agentNoNameTitle;
-      } else if (useAITheme) {
-        actorName = "watsonx";
-      }
-      label = React.createElement("span", {
-        "data-wac-exclude-node-read": true
-      }, React.createElement(FormattedMessage, {
-        id: "message_labelBot",
-        values: {
-          timestamp: timestamp,
-          actorName: actorName
-        }
-      }));
-    } else {
-      label = React.createElement(FormattedMessage, {
-        id: "message_labelYou",
-        values: {
-          timestamp: timestamp
-        }
-      });
-    }
-    return React.createElement("div", {
-      className: "WACMessage__AvatarLine",
-      key: `${message.id}-avatar-line`
-    }, avatar && React.createElement("div", {
-      className: `WACMessage__Avatar ${iconClassName}`
-    }, avatar), React.createElement("div", {
-      className: "WACMessage__Label"
-    }, label));
-  }
-  renderMessageState(message) {
-    const {languagePack: languagePack} = this.props;
-    let element;
-    let className;
-    let showBelowMessage = false;
-    const errorState = message.history?.error_state;
-    const fileStatus = message.history?.file_upload_status;
-    if (errorState === MessageErrorState.FAILED) {
-      element = React.createElement(InlineError, {
-        text: languagePack.errors_singleMessage
-      });
-      className = "WAC__message-error-failed";
-      showBelowMessage = true;
-    } else if (fileStatus === FileStatusValue.UPLOADING) {
-      element = React.createElement(Loading, {
-        withOverlay: false,
-        small: true,
-        "aria-label": languagePack.fileSharing_statusUploading
-      });
-      className = "WAC__message-status-file-uploading";
-    } else if (fileStatus === "success") {
-      element = React.createElement(CheckmarkFilled, {
-        "aria-label": languagePack.fileSharing_statusUploading
-      });
-      className = "WAC__message-status-file-success";
-    }
-    return element && {
-      element: React.createElement("div", {
-        className: `WAC__message-status ${className}`
-      }, element),
-      showBelowMessage: showBelowMessage
-    };
-  }
-  renderFocusHandle() {
-    return React.createElement("div", {
-      className: "WACMessage--focusHandle",
-      ref: this.focusHandleRef,
-      tabIndex: -1,
-      onFocus: this.onHandleFocus,
-      onBlur: this.onHandleBlur,
-      onKeyDown: event => this.onHandleKeyDown(event),
-      onClick: () => this.reAnnounceFocusHandle(),
-      role: "button"
-    });
-  }
-  render() {
-    if (this.shouldRenderFailedMessage()) {
-      return this.renderFailedRenderMessage();
-    }
-    const {serviceManager: serviceManager, config: config, localMessageItem: localMessageItem, message: message, languagePack: languagePack, requestInputFocus: requestInputFocus, messagesIndex: messagesIndex, disableUserInputs: disableUserInputs, showAvatarLine: showAvatarLine, className: className, doAutoScroll: doAutoScroll, isMessageForInput: isMessageForInput, scrollElementIntoView: scrollElementIntoView, isFirstMessageItem: isFirstMessageItem, hideFeedback: hideFeedback, allowNewFeedback: allowNewFeedback} = this.props;
-    const {isIntermediateStreaming: isIntermediateStreaming, isWelcomeResponse: isWelcomeResponse, disableFadeAnimation: disableFadeAnimation} = localMessageItem.ui_state;
-    const messageItem = localMessageItem.item;
-    const responseType = messageItem.response_type;
-    const agentMessageType = messageItem.agent_message_type;
-    const fromHistory = message.history.from_history;
-    const readWidgetSaid = isFirstMessageItem;
-    if (isIntermediateStreaming && !canRenderIntermediateStreaming(messageItem.response_type)) {
-      return false;
-    }
-    const messageComponent = React.createElement(MessageTypeComponent, {
-      serviceManager: serviceManager,
-      languagePack: languagePack,
-      requestInputFocus: requestInputFocus,
-      message: localMessageItem,
-      originalMessage: message,
-      disableUserInputs: disableUserInputs,
-      isMessageForInput: isMessageForInput,
-      config: config,
-      doAutoScroll: doAutoScroll,
-      scrollElementIntoView: scrollElementIntoView,
-      hideFeedback: hideFeedback,
-      allowNewFeedback: allowNewFeedback
-    });
-    const isCustomMessage = renderAsUserDefinedMessage(localMessageItem.item);
-    const noAnimation = isWelcomeResponse || disableFadeAnimation;
-    const agentClassName = getAgentMessageClassName(agentMessageType, responseType, isCustomMessage);
-    const messageIsRequest = isRequest(message);
-    const isSystemMessage = isAgentStatusMessage(localMessageItem.item.agent_message_type);
-    let isOptionResponseWithoutTitleOrDescription = false;
-    if (isOptionItem(localMessageItem.item)) {
-      if (!localMessageItem.item.title && !localMessageItem.item.description) {
-        isOptionResponseWithoutTitleOrDescription = true;
-      }
-    }
-    let messageState;
-    if (messageIsRequest) {
-      messageState = this.renderMessageState(message);
-    }
-    return React.createElement("div", {
-      id: `WAC__message-${messagesIndex}${serviceManager.namespace.suffix}`,
-      className: cx(`WAC__message WAC__message-${messagesIndex}`, className, agentMessageType && "WAC__message--agentMessage", {
-        "WAC__message--withAvatarLine": showAvatarLine,
-        "WAC__message--request": messageIsRequest,
-        "WAC__message--systemMessage": isSystemMessage,
-        "WAC__message--response": !messageIsRequest,
-        "WAC__message--no-animation": noAnimation,
-        "WAC__message--custom": isCustomMessage,
-        "WAC__message--disabled-inputs": disableUserInputs,
-        "WAC__message--has-focus": this.state.focusHandleHasFocus,
-        "WAC__message--option-response-without-title-or-description": isOptionResponseWithoutTitleOrDescription
-      }),
-      ref: this.ref
-    }, this.renderFocusHandle(), showAvatarLine && this.renderAvatarLine(localMessageItem, message), React.createElement("div", {
-      className: "WAC__message--padding"
-    }, isResponse(message) && React.createElement("div", {
-      className: "WAC__bot-message"
-    }, readWidgetSaid && React.createElement(VisuallyHidden, null, this.getWidgetSaidMessage()), React.createElement("div", {
-      className: cx("WAC__received", "WAC__message-vertical-padding", agentClassName, {
-        "WAC__received--text": responseType === MessageResponseTypes.TEXT,
-        "WAC__received--image": responseType === MessageResponseTypes.IMAGE,
-        "WAC__received--options": responseType === MessageResponseTypes.OPTION,
-        "WAC__received--inlineError": responseType === MessageResponseTypes.INLINE_ERROR,
-        "WAC__received--iframePreviewCard": responseType === MessageResponseTypes.IFRAME,
-        "WAC__received--video": responseType === MessageResponseTypes.VIDEO,
-        "WAC__received--audio": responseType === MessageResponseTypes.AUDIO,
-        "WAC__received--date": responseType === MessageResponseTypes.DATE,
-        "WAC__received--card": responseType === MessageResponseTypes.CARD,
-        "WAC__received--carousel": responseType === MessageResponseTypes.CAROUSEL,
-        "WAC__received--conversationalSearch": responseType === MessageResponseTypes.CONVERSATIONAL_SEARCH,
-        "WAC__received--carouselSingle": isSingleItemCarousel(localMessageItem.item),
-        "WAC__received--button": responseType === MessageResponseTypes.BUTTON,
-        "WAC__received--grid": responseType === MessageResponseTypes.GRID,
-        "WAC__received--fullWidth": localMessageItem.ui_state.fullWidth,
-        "WAC__message--historical": fromHistory
-      }),
-      ref: this.messageRef
-    }, React.createElement("div", {
-      className: "WAC__received--inner"
-    }, messageComponent))), messageIsRequest && React.createElement("div", {
-      className: "WAC__sent-container"
-    }, React.createElement("div", {
-      className: cx("WAC__sentAndMessageState-container", "WAC__message-vertical-padding", {
-        "WAC__sentAndMessageState--belowMessage": messageState?.showBelowMessage
-      })
-    }, !messageState?.showBelowMessage && messageState?.element, React.createElement("div", {
-      className: "WAC__sent"
-    }, React.createElement(VisuallyHidden, null, languagePack.messages_youSaid), React.createElement("div", {
-      className: "WAC__sent--bubble"
-    }, React.createElement("div", {
-      ref: this.messageRef
-    }, messageComponent))), messageState?.showBelowMessage && messageState?.element))));
-  }
-}
-
-function getAgentMessageClassName(agentMessageType, messageResponseType, isUserDefinedResponse) {
-  if (isUserDefinedResponse) {
-    return "WAC__received--agentCustom";
-  }
-  if (!messageResponseType || messageResponseType !== MessageResponseTypes.TEXT && messageResponseType !== MessageResponseTypes.BUTTON) {
-    return "";
-  }
-  switch (agentMessageType) {
-   case null:
-   case undefined:
-   case AgentMessageType.FROM_USER:
-    return null;
-
-   case AgentMessageType.RELOAD_WARNING:
-   case AgentMessageType.DISCONNECTED:
-    return "WAC__received--chatStatusMessage";
-
-   case AgentMessageType.FROM_AGENT:
-    return "WAC__received--fromAgent";
-
-   default:
-    return "WAC__received--agentStatusMessage";
-  }
-}
-
-function isAgentStatusMessage(agentMessageType) {
-  switch (agentMessageType) {
-   case null:
-   case undefined:
-   case AgentMessageType.FROM_USER:
-   case AgentMessageType.RELOAD_WARNING:
-   case AgentMessageType.DISCONNECTED:
-   case AgentMessageType.FROM_AGENT:
-   case AgentMessageType.INLINE_ERROR:
-    return false;
-
-   default:
-    return true;
-  }
-}
-
-function canRenderIntermediateStreaming(type) {
-  switch (type) {
-   case MessageResponseTypes.IMAGE:
-   case MessageResponseTypes.VIDEO:
-   case MessageResponseTypes.AUDIO:
-   case MessageResponseTypes.OPTION:
-   case MessageResponseTypes.IFRAME:
-   case MessageResponseTypes.INLINE_ERROR:
-   case MessageResponseTypes.CONVERSATIONAL_SEARCH:
-   case MessageResponseTypes.USER_DEFINED:
-   case MessageResponseTypes.TEXT:
-    return true;
-
-   default:
-    return false;
-  }
-}
-
-var MessageComponent$1 = withAriaAnnouncer(injectIntl(MessageComponent, {
-  forwardRef: true
-}));
-
-export { MessageComponent as MessageClass, MoveFocusType, MessageComponent$1 as default };