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

package/dist/es/chat/shared/components/HydrationPanel.js

@@ -1,58 +0,0 @@
-import { Loading } from "@carbon/react";
-
-import cx from "classnames";
-
-import React, { useContext } from "react";
-
-import { HideComponentContext } from "../contexts/HideComponentContext.js";
-
-import { BotHeader as BotHeaderExport } from "./header/BotHeader.js";
-
-import { HomeScreenHeader as HomeScreenHeaderExport } from "./homeScreen/HomeScreenHeader.js";
-
-import { AnnounceOnMountComponent as AnnounceOnMountComponentExport } from "./util/AnnounceOnMountComponent.js";
-
-import { MountChildrenOnDelay } from "./util/MountChildrenOnDelay.js";
-
-import { OverlayPanelName } from "./OverlayPanel.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 HydrationPanel({onClose: onClose, languagePack: languagePack, isHydrated: isHydrated, headerDisplayName: headerDisplayName, useHomeScreenVersion: useHomeScreenVersion}) {
-  const isHidden = useContext(HideComponentContext);
-  let header;
-  if (useHomeScreenVersion) {
-    header = React.createElement(HomeScreenHeaderExport, {
-      onClose: onClose
-    });
-  } else {
-    header = React.createElement(BotHeaderExport, {
-      onClose: onClose,
-      headerDisplayName: headerDisplayName,
-      onToggleHomeScreen: null,
-      includeWriteableElement: false,
-      testIdPrefix: OverlayPanelName.HYDRATING
-    });
-  }
-  return React.createElement("div", {
-    className: "WAC WAC__hydratingContainer"
-  }, header, React.createElement("div", {
-    className: cx("WAC__hydrating", "WACPanelContent", {
-      "WAC__hydrating--homeScreen": useHomeScreenVersion
-    })
-  }, !isHidden && React.createElement(MountChildrenOnDelay, {
-    delay: 400
-  }, !isHydrated && React.createElement(AnnounceOnMountComponentExport, {
-    announceOnce: languagePack.window_ariaWindowLoading
-  }), React.createElement(Loading, {
-    withOverlay: false,
-    "aria-label": languagePack.window_ariaWindowLoading
-  }))));
-}
-
-export { HydrationPanel };

package/dist/es/chat/shared/components/LatestWelcomeNodes.js

@@ -1,26 +0,0 @@
-import React from "react";
-
-import { WriteableElementName } from "../../../types/instance/ChatInstance.js";
-
-import { useServiceManager } from "../hooks/useServiceManager.js";
-
-import WriteableElement from "./WriteableElement.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 LatestWelcomeNodes({children: children}) {
-  const {namespace: namespace} = useServiceManager();
-  return React.createElement(React.Fragment, null, React.createElement(WriteableElement, {
-    slotName: WriteableElementName.WELCOME_NODE_BEFORE_ELEMENT,
-    id: `welcomeNodeBeforeElement${namespace.suffix}`
-  }), children);
-}
-
-var LatestWelcomeNodes$1 = React.memo(LatestWelcomeNodes);
-
-export { LatestWelcomeNodes$1 as default };

package/dist/es/chat/shared/components/ResponseStopped.js

@@ -1,19 +0,0 @@
-import React from "react";
-
-import { useLanguagePack } from "../hooks/useLanguagePack.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 ResponseStopped() {
-  const {messages_responseStopped: messages_responseStopped} = useLanguagePack();
-  return React.createElement("div", {
-    className: "WACResponseStopped"
-  }, messages_responseStopped);
-}
-
-export { ResponseStopped };

package/dist/es/chat/shared/components/SkeletonPicker.js

@@ -1,32 +0,0 @@
-import { AISkeletonPlaceholder, SkeletonPlaceholder as SkeletonPlaceholder$1, AISkeletonText, SkeletonText as SkeletonText$1 } from "@carbon/react";
-
-import React from "react";
-
-import { useSelector } from "react-redux";
-
-/*
- *  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 SkeletonText(props) {
-  const useAITheme = useSelector(state => state.theme.useAITheme);
-  return useAITheme ? React.createElement(AISkeletonText, {
-    ...props
-  }) : React.createElement(SkeletonText$1, {
-    ...props
-  });
-}
-
-function SkeletonPlaceholder(props) {
-  const useAITheme = useSelector(state => state.theme.useAITheme);
-  return useAITheme ? React.createElement(AISkeletonPlaceholder, {
-    ...props
-  }) : React.createElement(SkeletonPlaceholder$1, {
-    ...props
-  });
-}
-
-export { SkeletonPlaceholder, SkeletonText };

package/dist/es/chat/shared/components/WriteableElement.js

@@ -1,22 +0,0 @@
-import React from "react";
-
-/*
- *  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 WriteableElement({slotName: slotName, id: id, className: className}) {
-  return React.createElement("div", {
-    className: className,
-    id: id,
-    "data-floating-menu-container": true
-  }, React.createElement("slot", {
-    name: slotName
-  }));
-}
-
-var WriteableElement$1 = React.memo(WriteableElement);
-
-export { WriteableElement$1 as default };

package/dist/es/chat/shared/components/agent/AgentAvatar.js

@@ -1,54 +0,0 @@
-import UserAvatar from "@carbon/icons-react/es/UserAvatar.js";
-
-import React, { useState, useEffect } from "react";
-
-import { useDynamicCSSProperties } from "../../hooks/useCSSCustomProperties.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 AgentAvatar(props) {
-  const {agentProfile: agentProfile, languagePack: languagePack, width: width, height: height} = props;
-  const agentName = agentProfile?.nickname;
-  const avatarStyles = useDynamicCSSProperties({
-    width: width,
-    height: height
-  });
-  const avatarUrl = agentProfile?.profile_picture_url;
-  const [hasError, setHasError] = useState(false);
-  let component;
-  useEffect(() => {
-    setHasError(false);
-  }, [ avatarUrl ]);
-  if (!hasError && avatarUrl) {
-    component = React.createElement("img", {
-      src: avatarUrl,
-      alt: languagePack.agent_ariaAgentAvatar,
-      onError: () => setHasError(true)
-    });
-  } else if (agentName?.match(/^[\x20-\xFE]+$/)) {
-    component = React.createElement("div", {
-      "aria-label": languagePack.agent_ariaAgentAvatar,
-      className: "WACAgentAvatar__Circle",
-      style: avatarStyles
-    }, React.createElement("div", {
-      className: "WACAgentAvatar__Letter"
-    }, agentName.charAt(0)));
-  } else {
-    component = React.createElement(UserAvatar, {
-      size: 32,
-      width: width ? Number(width.replace("px", "")) : undefined,
-      height: height ? Number(height.replace("px", "")) : undefined,
-      "aria-label": languagePack.agent_ariaAgentAvatar
-    });
-  }
-  return React.createElement("div", {
-    className: "WACAgentAvatar"
-  }, component);
-}
-
-export { AgentAvatar };

package/dist/es/chat/shared/components/agent/AgentBanner.js

@@ -1,109 +0,0 @@
-import ScreenOff from "@carbon/icons-react/es/ScreenOff.js";
-
-import { Button } from "@carbon/react";
-
-import cx from "classnames";
-
-import React, { forwardRef, useRef, useImperativeHandle } from "react";
-
-import { useSelector, shallowEqual } from "react-redux";
-
-import { useLanguagePack } from "../../hooks/useLanguagePack.js";
-
-import { useServiceManager } from "../../hooks/useServiceManager.js";
-
-import { selectAgentDisplayState } from "../../store/selectors.js";
-
-import { doFocusRef } from "../../utils/domUtils.js";
-
-import { AnnounceOnMountComponent as AnnounceOnMountComponentExport } from "../util/AnnounceOnMountComponent.js";
-
-import { AgentAvatar } from "./AgentAvatar.js";
-
-import { AvailabilityMessage } from "./AvailabilityMessage.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 AgentBanner(props, ref) {
-  const {onButtonClick: onButtonClick} = props;
-  const languagePack = useLanguagePack();
-  const serviceManager = useServiceManager();
-  const persistedAgentState = useSelector(state => state.persistedToBrowserStorage.chatState.agentState);
-  const agentState = useSelector(state => state.agentState);
-  const {isConnecting: isConnecting, availability: availability, isScreenSharing: isScreenSharing} = agentState;
-  const displayState = useSelector(selectAgentDisplayState, shallowEqual);
-  const {agentProfile: agentProfile} = persistedAgentState;
-  const buttonRef = useRef();
-  let line1;
-  let line2;
-  let avatar;
-  let buttonLabel;
-  let animation;
-  if (isConnecting) {
-    animation = React.createElement("div", {
-      className: "WACLoadingBar__ConnectingAnimation"
-    });
-    line1 = languagePack.agent_connecting;
-    line2 = React.createElement(AnnounceOnMountComponentExport, {
-      announceOnce: languagePack.agent_connecting
-    }, React.createElement(AvailabilityMessage, {
-      availability: availability,
-      fallbackText: languagePack.agent_connectWaiting
-    }));
-    buttonLabel = languagePack.agent_connectButtonCancel;
-  } else {
-    line1 = agentProfile?.nickname || languagePack.agent_noName;
-    buttonLabel = languagePack.agent_connectedButtonEndChat;
-    avatar = React.createElement(AgentAvatar, {
-      agentProfile: agentProfile,
-      languagePack: languagePack,
-      width: "32px",
-      height: "32px"
-    });
-  }
-  const onStopSharing = () => {
-    serviceManager.humanAgentService.screenShareStop();
-  };
-  useImperativeHandle(ref, () => ({
-    requestFocus: () => {
-      if (buttonRef.current) {
-        doFocusRef(buttonRef);
-        return true;
-      }
-      return false;
-    }
-  }));
-  return React.createElement("div", {
-    className: cx("WACAgentBanner", {
-      "WACAgentBanner--connected": !isConnecting
-    })
-  }, displayState.isConnectingOrConnected && React.createElement("div", {
-    className: "WACAgentBanner__Body"
-  }, avatar, React.createElement("div", {
-    className: "WACAgentBanner__AgentInfo"
-  }, React.createElement("div", {
-    className: "WACAgentBanner__AgentLine1"
-  }, line1), line2 && React.createElement("div", {
-    className: "WACAgentBanner__AgentLine2"
-  }, line2)), React.createElement(Button, {
-    ref: buttonRef,
-    className: "WACAgentBanner__Button WACAgentBanner__CancelButton",
-    onClick: onButtonClick,
-    size: "sm"
-  }, buttonLabel)), isScreenSharing && React.createElement(Button, {
-    className: "WACAgentBanner__Button WACAgentBanner__StopSharingButton",
-    kind: "danger",
-    size: "sm",
-    renderIcon: ScreenOff,
-    onClick: onStopSharing
-  }, languagePack.agent_sharingStopSharingButton), animation);
-}
-
-const AgentBannerExport = React.memo(forwardRef(AgentBanner));
-
-export { AgentBannerExport as AgentBanner };

package/dist/es/chat/shared/components/agent/AgentBannerContainer.js

@@ -1,28 +0,0 @@
-import React from "react";
-
-import { useSelector, shallowEqual } from "react-redux";
-
-import { selectAgentDisplayState } from "../../store/selectors.js";
-
-import { AgentBanner as AgentBannerExport } from "./AgentBanner.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 AgentBannerContainer({onButtonClick: onButtonClick, bannerRef: bannerRef}) {
-  const agentState = useSelector(state => state.agentState);
-  const displayState = useSelector(selectAgentDisplayState, shallowEqual);
-  if (displayState.isConnectingOrConnected || agentState.isScreenSharing) {
-    return React.createElement(AgentBannerExport, {
-      ref: bannerRef,
-      onButtonClick: onButtonClick
-    });
-  }
-  return null;
-}
-
-export { AgentBannerContainer };

package/dist/es/chat/shared/components/agent/AvailabilityMessage.js

@@ -1,49 +0,0 @@
-import React from "react";
-
-import { FormattedMessage } from "react-intl";
-
-import { isNil } from "../../utils/lang/langUtils.js";
-
-import { addHTMLSupport } from "../../utils/languages.js";
-
-import { RichText as RichTextExport } from "../responseTypes/util/RichText.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 AvailabilityMessage({availability: availability, fallbackText: fallbackText}) {
-  let availabilityKey;
-  let availabilityValues;
-  let availabilityText;
-  if (!isNil(availability?.estimated_wait_time)) {
-    availabilityKey = "agent_connectingMinutes";
-    availabilityValues = {
-      time: availability.estimated_wait_time
-    };
-  } else if (!isNil(availability?.position_in_queue)) {
-    availabilityKey = "agent_connectingQueue";
-    availabilityValues = {
-      position: availability.position_in_queue
-    };
-  } else if (availability?.message) {
-    availabilityText = availability.message;
-  } else {
-    availabilityText = fallbackText;
-  }
-  if (availabilityText) {
-    return React.createElement(RichTextExport, {
-      overrideSanitize: true,
-      text: availabilityText
-    });
-  }
-  return React.createElement(FormattedMessage, {
-    id: availabilityKey,
-    values: addHTMLSupport(availabilityValues)
-  });
-}
-
-export { AvailabilityMessage };

package/dist/es/chat/shared/components/aria/AriaAnnouncerComponent.js

@@ -1,122 +0,0 @@
-import React from "react";
-
-import { isElement, isInputNode, isTextAreaNode, isImageNode, isTextNode } from "../../utils/domUtils.js";
-
-import VisuallyHidden from "../util/VisuallyHidden.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 ANNOUNCE_INPUT_TYPES = new Set([ "button", "date", "datetime-local", "email", "file", "month", "number", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week" ]);
-
-const ANNOUNCE_NODE_EXCLUDE_ATTRIBUTE = "data-wac-exclude-node-read";
-
-class AriaAnnouncerComponent extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    this.ref1 = React.createRef();
-    this.ref2 = React.createRef();
-    this.useRef1 = true;
-    this.doAnnouncements = () => {
-      const strings = [];
-      this.pendingValues.forEach(elementToAnnounce => {
-        if (typeof elementToAnnounce === "string") {
-          strings.push(elementToAnnounce);
-        } else {
-          nodeToText(elementToAnnounce, strings);
-        }
-      });
-      const useElement = this.useRef1 ? this.ref1.current : this.ref2.current;
-      if (useElement) {
-        useElement.innerText = strings.join(" ");
-        const clearElement = this.useRef1 ? this.ref2.current : this.ref1.current;
-        clearElement.innerHTML = "";
-      }
-      this.useRef1 = !this.useRef1;
-      this.pendingValues = null;
-    };
-  }
-  announceValue(value) {
-    if (!value) {
-      return;
-    }
-    if (!this.pendingValues) {
-      this.pendingValues = [];
-      setTimeout(this.doAnnouncements, 250);
-    }
-    if (typeof value === "string" || hasNodeType(value)) {
-      this.pendingValues.push(value);
-    } else if (value.messageID) {
-      const formattedMessage = this.props.intl.formatMessage({
-        id: value.messageID
-      }, value.messageValues);
-      this.pendingValues.push(formattedMessage);
-    } else {
-      this.pendingValues.push(value.messageText);
-    }
-  }
-  render() {
-    return React.createElement(VisuallyHidden, {
-      className: "WACAriaAnnouncer"
-    }, React.createElement("div", {
-      ref: this.ref1,
-      "aria-live": "polite"
-    }), React.createElement("div", {
-      ref: this.ref2,
-      "aria-live": "polite"
-    }));
-  }
-}
-
-function nodeToText(node, strings) {
-  if (isElement(node)) {
-    if (window.getComputedStyle(node).display !== "none" && node.getAttribute("aria-hidden") !== "true" && !node.hasAttribute(ANNOUNCE_NODE_EXCLUDE_ATTRIBUTE)) {
-      trimAndPush(node.getAttribute("aria-label"), strings);
-      if (isInputNode(node) && ANNOUNCE_INPUT_TYPES.has(node.type.toLowerCase())) {
-        if (node.value === "") {
-          trimAndPush(node.placeholder, strings);
-        } else {
-          trimAndPush(node.value, strings);
-        }
-      } else if (isTextAreaNode(node)) {
-        if (node.value === "") {
-          trimAndPush(node.placeholder, strings);
-        }
-      } else if (isImageNode(node)) {
-        trimAndPush(node.alt, strings);
-      }
-      if (node.shadowRoot) {
-        node.shadowRoot.childNodes?.forEach(childNode => {
-          nodeToText(childNode, strings);
-        });
-      }
-      if (node.childNodes) {
-        node.childNodes.forEach(childNode => {
-          nodeToText(childNode, strings);
-        });
-      }
-    }
-  } else if (isTextNode(node)) {
-    trimAndPush(node.data, strings);
-  }
-}
-
-function trimAndPush(value, strings) {
-  if (value) {
-    value = value.trim();
-    if (value) {
-      strings.push(value.replaceAll("\n", " "));
-    }
-  }
-}
-
-function hasNodeType(value) {
-  return value.nodeType !== undefined;
-}
-
-export { AriaAnnouncerComponent, nodeToText };

package/dist/es/chat/shared/components/aria/AriaAnnouncerProvider.js

@@ -1,48 +0,0 @@
-import React, { useRef, useCallback, useEffect } from "react";
-
-import { useIntl } from "react-intl";
-
-import { AriaAnnouncerContext } from "../../contexts/AriaAnnouncerContext.js";
-
-import { useServiceManager } from "../../hooks/useServiceManager.js";
-
-import { AriaAnnouncerComponent } from "./AriaAnnouncerComponent.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 AriaAnnouncerProvider(props) {
-  const intl = useIntl();
-  const {store: store} = useServiceManager();
-  const announcerRef = useRef();
-  const announcerFunction = useCallback(value => {
-    if (!announcerRef.current) {
-      setTimeout(() => announcerRef.current.announceValue(value));
-    } else {
-      announcerRef.current.announceValue(value);
-    }
-  }, []);
-  const previousAnnounceMessageRef = useRef();
-  useEffect(() => {
-    const unsubscribe = store.subscribe(() => {
-      const currentAnnounceMessage = store.getState().announceMessage;
-      if (currentAnnounceMessage !== previousAnnounceMessageRef.current) {
-        announcerFunction(currentAnnounceMessage);
-        previousAnnounceMessageRef.current = currentAnnounceMessage;
-      }
-    });
-    return unsubscribe;
-  }, [ store, announcerFunction ]);
-  return React.createElement(AriaAnnouncerContext.Provider, {
-    value: announcerFunction
-  }, props.children, React.createElement(AriaAnnouncerComponent, {
-    intl: intl,
-    ref: announcerRef
-  }));
-}
-
-export { AriaAnnouncerProvider };

package/dist/es/chat/shared/components/aria/AriaLiveMessage.js

@@ -1,22 +0,0 @@
-import React, { useContext, useEffect } from "react";
-
-import { AriaAnnouncerContext } from "../../contexts/AriaAnnouncerContext.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 AriaLiveMessage(props) {
-  const ariaAnnouncer = useContext(AriaAnnouncerContext);
-  useEffect(() => {
-    ariaAnnouncer(props.message);
-  }, [ ariaAnnouncer, props.message ]);
-  return React.createElement("div", null);
-}
-
-const AriaLiveMessageExport = React.memo(AriaLiveMessage);
-
-export { AriaLiveMessageExport as AriaLiveMessage };

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

@@ -1,22 +0,0 @@
-import "@carbon/web-components/es-custom/components/ai-label/ai-label-action-button.js";
-
-import CDSAILabel from "@carbon/web-components/es-custom/components/ai-label/ai-label.js";
-
-import { createComponent } from "@lit/react";
-
-import React from "react";
-
-/*
- *  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 AISlug = createComponent({
-  tagName: "cds-custom-ai-label",
-  elementClass: CDSAILabel,
-  react: React
-});
-
-export { AISlug };