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

package/dist/es/{chat/shared/utils/miscUtils.js → chat.miscUtils.js}

@@ -1,10 +1,29 @@
-import { WA_CONSOLE_PREFIX } from "./constants.js";
+import { W as WA_CONSOLE_PREFIX } from "./chat.constants.js";
 
-import { resolveOrTimeout } from "./lang/promiseUtils.js";
+import { O as OnErrorType, F as FileStatusValue } from "./chat.dynamic-imports.js";
 
-import { OnErrorType } from "../../../types/config/PublicConfig.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
+ */ async function sleep(milliseconds) {
+  await new Promise(resolve => {
+    setTimeout(resolve, milliseconds);
+  });
+}
 
-import { FileStatusValue } from "../../../types/instance/apiTypes.js";
+function resolveOrTimeout(promise, duration, errorMessage) {
+  const timeout = new Promise((resolve, reject) => {
+    setTimeout(() => {
+      const message = errorMessage || `The operation timed out after ${duration}ms`;
+      reject(message);
+    }, duration);
+  });
+  return Promise.race([ promise, timeout ]);
+}
 
 /*
  *  Copyright IBM Corp. 2025
@@ -111,4 +130,4 @@ function getBotName(useAITheme, config) {
   return botName;
 }
 
-export { callOnError, consoleDebug, consoleError, consoleLog, consoleWarn, createDidCatchErrorData, debugLog, debugStackTrace, getBotName, getResponsiveElementPaddingValue, isEnableDebugLog, isValidForUpload, safeFetchTextWithTimeout, setEnableDebugLog, setEnableDebugStackTracesLog };
+export { createDidCatchErrorData as a, consoleError as b, consoleWarn as c, consoleDebug as d, debugLog as e, isEnableDebugLog as f, callOnError as g, debugStackTrace as h, isValidForUpload as i, consoleLog as j, safeFetchTextWithTimeout as k, getBotName as l, setEnableDebugLog as m, setEnableDebugStackTracesLog as n, getResponsiveElementPaddingValue as o, resolveOrTimeout as r, sleep as s };

package/dist/es/chat.resolvablePromise.js

@@ -0,0 +1,315 @@
+import { b as MessageResponseTypes, a as ButtonItemType } from "./chat.Messages.js";
+
+import { u as uuid, U as UUIDType } from "./chat.uuid.js";
+
+import { s as streamItemID, I as createMessageResponseForItem, K as isGridResponseType, L as isCarouselResponseType, M as isShowPanelButtonType, p as isResponseWithNestedItems, N as isItemSupportedInResponseBody, O as isCardResponseType, P as isButtonResponseType } from "./chat.messageUtils.js";
+
+import { b as consoleError } from "./chat.miscUtils.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 inputItemToLocalItem(message, originalUserText, id = uuid(UUIDType.LOCAL_MESSAGE)) {
+  const localMessage = {
+    item: {
+      response_type: MessageResponseTypes.TEXT,
+      ...message.input
+    },
+    ui_state: {
+      id: id,
+      originalUserText: originalUserText,
+      needsAnnouncement: false
+    },
+    fullMessageID: message.id
+  };
+  return localMessage;
+}
+
+/*
+ *  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 outputItemToLocalItem(messageItem, fullMessage, isLatestWelcomeNode = false, disableFadeAnimation = false) {
+  const id = streamItemID(fullMessage.id, messageItem) || uuid(UUIDType.LOCAL_MESSAGE);
+  const localMessage = {
+    ui_state: {
+      id: id,
+      needsAnnouncement: !fullMessage.history.from_history,
+      disableFadeAnimation: disableFadeAnimation
+    },
+    item: messageItem,
+    fullMessageID: fullMessage.id
+  };
+  if (isLatestWelcomeNode) {
+    localMessage.ui_state.isWelcomeResponse = true;
+  }
+  return localMessage;
+}
+
+function createLocalMessageForInlineError(text) {
+  const messageItem = {
+    response_type: MessageResponseTypes.INLINE_ERROR,
+    text: text
+  };
+  return createLocalMessageForItem(messageItem);
+}
+
+function createLocalMessageForItem(messageItem) {
+  const originalMessage = createMessageResponseForItem(messageItem);
+  const localMessage = outputItemToLocalItem(messageItem, originalMessage);
+  return {
+    originalMessage: originalMessage,
+    localMessage: localMessage
+  };
+}
+
+function createLocalMessageItemsForNestedMessageItems(localMessageItem, originalMessage, fromHistory, nestedLocalMessageItems, allowFooter) {
+  const {item: item} = localMessageItem;
+  if (isGridResponseType(item)) {
+    localMessageItem.ui_state.gridLocalMessageItemIDs = item.rows.map(row => row.cells.map(cell => {
+      const cellLocalMessageItemIDs = [];
+      createLocalMessageItemsForNestedType("items", localMessageItem, cell.items, cellLocalMessageItemIDs, originalMessage, fromHistory, nestedLocalMessageItems, nestedMessageItem => isSupportedMessageItemInBody(localMessageItem.item, nestedMessageItem), false);
+      return cellLocalMessageItemIDs;
+    }));
+  } else if (isCarouselResponseType(item)) {
+    localMessageItem.ui_state.itemsLocalMessageItemIDs = [];
+    createLocalMessageItemsForNestedType("items", localMessageItem, item.items, localMessageItem.ui_state.itemsLocalMessageItemIDs, originalMessage, fromHistory, nestedLocalMessageItems, nestedMessageItem => isSupportedMessageItemInBody(item, nestedMessageItem), allowFooter);
+  } else {
+    const bodyItems = item.body || item.panel?.body;
+    if (bodyItems) {
+      localMessageItem.ui_state.bodyLocalMessageItemIDs = [];
+      createLocalMessageItemsForNestedType("body", localMessageItem, bodyItems, localMessageItem.ui_state.bodyLocalMessageItemIDs, originalMessage, fromHistory, nestedLocalMessageItems, nestedMessageItem => isSupportedMessageItemInBody(item, nestedMessageItem), !isShowPanelButtonType(item));
+    }
+    if (!allowFooter) {
+      return;
+    }
+    const footerItems = item.footer || item.panel?.footer;
+    if (footerItems) {
+      localMessageItem.ui_state.footerLocalMessageItemIDs = [];
+      createLocalMessageItemsForNestedType("footer", localMessageItem, footerItems, localMessageItem.ui_state.footerLocalMessageItemIDs, originalMessage, fromHistory, nestedLocalMessageItems, nestedMessageItem => isSupportedMessageItemInFooter(item, nestedMessageItem), !isShowPanelButtonType(item));
+    }
+  }
+}
+
+function createLocalMessageItemsForNestedType(type, localMessageItem, items, nestedMessageItemIDs, originalMessage, fromHistory, nestedLocalMessageItems, isSupported, allowFooter) {
+  items.forEach(nestedMessageItem => {
+    if (isSupported(nestedMessageItem)) {
+      const nestedLocalMessageItem = outputItemToLocalItem(nestedMessageItem, originalMessage, false, true);
+      nestedMessageItemIDs.push(nestedLocalMessageItem.ui_state.id);
+      nestedLocalMessageItems.push(nestedLocalMessageItem);
+      if (isResponseWithNestedItems(nestedLocalMessageItem.item)) {
+        createLocalMessageItemsForNestedMessageItems(nestedLocalMessageItem, originalMessage, fromHistory, nestedLocalMessageItems, allowFooter);
+      }
+    } else {
+      consoleError(`The "${localMessageItem.item.response_type}" response type does not support "${nestedMessageItem.response_type}" in "${type}" array.`);
+    }
+  });
+}
+
+function isSupportedMessageItemInBody(rootMessageItem, nestedMessageItem) {
+  switch (rootMessageItem.response_type) {
+   case MessageResponseTypes.CARD:
+    return !isCardResponseType(nestedMessageItem) && isItemSupportedInResponseBody(nestedMessageItem);
+
+   case MessageResponseTypes.CAROUSEL:
+    return isCardResponseType(nestedMessageItem);
+
+   case MessageResponseTypes.BUTTON:
+    return rootMessageItem.button_type === ButtonItemType.SHOW_PANEL && isItemSupportedInResponseBody(nestedMessageItem);
+
+   case MessageResponseTypes.GRID:
+    return !isCardResponseType(nestedMessageItem) && isItemSupportedInResponseBody(nestedMessageItem);
+
+   default:
+    return false;
+  }
+}
+
+function isSupportedMessageItemInFooter(rootMessageItem, nestedMessageItem) {
+  if (isButtonResponseType(nestedMessageItem)) {
+    if (isShowPanelButtonType(rootMessageItem)) {
+      return !isShowPanelButtonType(nestedMessageItem);
+    }
+    return true;
+  }
+  return false;
+}
+
+/*
+ *  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 HA_SET_AGENT_AVAILABILITY = "HA_SET_AGENT_AVAILABILITY";
+
+const HA_SET_IS_CONNECTING = "HA_SET_IS_CONNECTING";
+
+const HA_SET_IS_RECONNECTING = "HA_SET_IS_RECONNECTING";
+
+const HA_SET_AGENT_JOINED = "HA_SET_AGENT_JOINED";
+
+const HA_SET_AGENT_LEFT_CHAT = "HA_SET_AGENT_LEFT_CHAT";
+
+const HA_END_CHAT = "HA_END_CHAT";
+
+const HA_UPDATE_CAPABILITIES = "HA_UPDATE_CAPABILITIES";
+
+const HA_UPDATE_FILE_UPLOAD_IN_PROGRESS = "HA_UPDATE_FILE_UPLOAD_IN_PROGRESS";
+
+const HA_SET_SHOW_SCREEN_SHARE_REQUEST = "HA_SET_SHOW_SCREEN_SHARE_REQUEST";
+
+const HA_SET_IS_SCREEN_SHARING = "HA_SET_IS_SCREEN_SHARING";
+
+const HA_SET_PERSISTED_STATE = "HA_SET_PERSISTED_STATE";
+
+const HA_UPDATE_IS_SUSPENDED = "HA_UPDATE_IS_SUSPENDED";
+
+const HA_UPDATE_IS_TYPING = "HA_UPDATE_IS_TYPING";
+
+function setIsConnecting(isConnecting, localMessageID) {
+  return {
+    type: HA_SET_IS_CONNECTING,
+    isConnecting: isConnecting,
+    localMessageID: localMessageID
+  };
+}
+
+function setIsReconnecting(isReconnecting) {
+  return {
+    type: HA_SET_IS_RECONNECTING,
+    isReconnecting: isReconnecting
+  };
+}
+
+function setAgentLeftChat() {
+  return {
+    type: HA_SET_AGENT_LEFT_CHAT
+  };
+}
+
+function endChat() {
+  return {
+    type: HA_END_CHAT
+  };
+}
+
+function setAgentAvailability(availability) {
+  return {
+    type: HA_SET_AGENT_AVAILABILITY,
+    availability: availability
+  };
+}
+
+function setAgentJoined(agentProfile) {
+  return {
+    type: HA_SET_AGENT_JOINED,
+    agentProfile: agentProfile
+  };
+}
+
+function updateCapabilities(capabilities) {
+  return {
+    type: HA_UPDATE_CAPABILITIES,
+    capabilities: capabilities
+  };
+}
+
+function updateFilesUploadInProgress(fileUploadInProgress) {
+  return {
+    type: HA_UPDATE_FILE_UPLOAD_IN_PROGRESS,
+    fileUploadInProgress: fileUploadInProgress
+  };
+}
+
+function setShowScreenShareRequest(showRequest) {
+  return {
+    type: HA_SET_SHOW_SCREEN_SHARE_REQUEST,
+    showRequest: showRequest
+  };
+}
+
+function setIsScreenSharing(isSharing) {
+  return {
+    type: HA_SET_IS_SCREEN_SHARING,
+    isSharing: isSharing
+  };
+}
+
+function setPersistedServiceDeskState(state) {
+  return {
+    type: HA_SET_PERSISTED_STATE,
+    state: state
+  };
+}
+
+function agentUpdateIsSuspended(isSuspended) {
+  return {
+    type: HA_UPDATE_IS_SUSPENDED,
+    isSuspended: isSuspended
+  };
+}
+
+function agentUpdateIsTyping(isTyping) {
+  return {
+    type: HA_UPDATE_IS_TYPING,
+    isTyping: isTyping
+  };
+}
+
+/*
+ *  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 deepFreeze(object) {
+  Object.freeze(object);
+  Object.getOwnPropertyNames(object).forEach(prop => {
+    if (Object.prototype.hasOwnProperty.call(object, prop) && object[prop] !== null && (typeof object[prop] === "object" || typeof object[prop] === "function") && !Object.isFrozen(object[prop])) {
+      deepFreeze(object[prop]);
+    }
+  });
+  return object;
+}
+
+/*
+ *  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 resolvablePromise() {
+  let resolveFunction;
+  let rejectFunction;
+  const promise = new Promise((resolve, reject) => {
+    resolveFunction = resolve;
+    rejectFunction = reject;
+  });
+  promise.doResolve = resolveValue => {
+    promise.isResolved = true;
+    promise.isComplete = true;
+    resolveFunction(resolveValue);
+  };
+  promise.doReject = rejectValue => {
+    promise.isRejected = true;
+    promise.isComplete = true;
+    rejectFunction(rejectValue);
+  };
+  promise.isResolved = false;
+  promise.isRejected = false;
+  promise.isComplete = false;
+  return promise;
+}
+
+export { setAgentAvailability as A, setAgentJoined as B, agentUpdateIsTyping as C, setAgentLeftChat as D, setPersistedServiceDeskState as E, HA_END_CHAT as H, agentUpdateIsSuspended as a, createLocalMessageForInlineError as b, createLocalMessageItemsForNestedMessageItems as c, deepFreeze as d, HA_UPDATE_FILE_UPLOAD_IN_PROGRESS as e, HA_SET_IS_SCREEN_SHARING as f, HA_UPDATE_CAPABILITIES as g, HA_SET_AGENT_LEFT_CHAT as h, inputItemToLocalItem as i, HA_UPDATE_IS_TYPING as j, HA_UPDATE_IS_SUSPENDED as k, HA_SET_PERSISTED_STATE as l, HA_SET_AGENT_JOINED as m, HA_SET_SHOW_SCREEN_SHARE_REQUEST as n, outputItemToLocalItem as o, HA_SET_AGENT_AVAILABILITY as p, HA_SET_IS_RECONNECTING as q, resolvablePromise as r, HA_SET_IS_CONNECTING as s, setIsConnecting as t, updateFilesUploadInProgress as u, endChat as v, setIsScreenSharing as w, setIsReconnecting as x, setShowScreenShareRequest as y, updateCapabilities as z };

package/dist/es/{chat/shared/store/selectors.js → chat.selectors.js}

@@ -51,4 +51,4 @@ function selectInputState(state) {
   return selectIsInputToAgent(state) ? getAgentInputState(state) : getBotInputState(state);
 }
 
-export { selectAgentDisplayState, selectInputState, selectIsInputToAgent };
+export { selectInputState as a, selectIsInputToAgent as b, selectAgentDisplayState as s };

package/dist/es/{chat/shared/utils/lang/stringUtils.js → chat.stringUtils.js}

@@ -1,4 +1,4 @@
-import { consoleError } from "../miscUtils.js";
+import { b as consoleError } from "./chat.miscUtils.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -56,4 +56,4 @@ function convertPossibleStringifiedArrayToFirstString(str) {
   return str;
 }
 
-export { convertPossibleStringifiedArrayToFirstString, convertToEmptyStringIfStringifiedNull, isEmptyString, parseUnknownDataToMarkdown };
+export { convertToEmptyStringIfStringifiedNull as a, convertPossibleStringifiedArrayToFirstString as c, isEmptyString as i, parseUnknownDataToMarkdown as p };

package/dist/es/{chat/shared/hooks/useCounter.js → chat.useCounter.js}

@@ -17,4 +17,4 @@ function useCounter() {
   return counterRef.current;
 }
 
-export { useCounter };
+export { useCounter as u };

package/dist/es/{chat/shared/hooks/useOnMount.js → chat.useOnMount.js}

@@ -11,4 +11,4 @@ import { useEffect } from "react";
   useEffect(callback, []);
 };
 
-export { useOnMount };
+export { useOnMount as u };

package/dist/es/{chat/shared/utils/domUtils.js → chat.usePrevious.js}

@@ -1,9 +1,31 @@
+import React, { useContext, useRef, useEffect } from "react";
+
 import { compute } from "compute-scroll-into-view";
 
 import memoizeOne from "memoize-one";
 
 import { tabbable } from "tabbable";
 
+/*
+ *  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 ServiceManagerContext = 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 useServiceManager() {
+  return useContext(ServiceManagerContext);
+}
+
 /*
  *  Copyright IBM Corp. 2025
  *
@@ -136,4 +158,28 @@ function getScrollBottom(element) {
   return 0;
 }
 
-export { SCROLLBAR_WIDTH, doFocusRef, doScrollElement, doScrollElementIntoView, focusOnFirstFocusableItemInArrayOfElements, getScrollBottom, isElement, isEnterKey, isImageNode, isInputNode, isTextAreaNode, isTextNode };
+/*
+ *  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 AriaAnnouncerContext = 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 usePrevious(value) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
+
+export { AriaAnnouncerContext as A, ServiceManagerContext as S, doScrollElement as a, usePrevious as b, SCROLLBAR_WIDTH as c, doFocusRef as d, isElement as e, focusOnFirstFocusableItemInArrayOfElements as f, getScrollBottom as g, isInputNode as h, isEnterKey as i, isTextAreaNode as j, isImageNode as k, isTextNode as l, doScrollElementIntoView as m, useServiceManager as u };

package/dist/es/{chat/shared/utils/lang/UUIDType.js → chat.uuid.js}

@@ -1,3 +1,5 @@
+import { v4 } from "uuid";
+
 /*
  *  Copyright IBM Corp. 2025
  *
@@ -5,8 +7,7 @@
  *  LICENSE file in the root directory of this source tree.
  *
  *  @license
- */
-var UUIDType;
+ */ var UUIDType;
 
 (function(UUIDType) {
   UUIDType[UUIDType["MISCELLANEOUS"] = 1] = "MISCELLANEOUS";
@@ -18,4 +19,15 @@ var UUIDType;
   UUIDType[UUIDType["FILE"] = 9] = "FILE";
 })(UUIDType || (UUIDType = {}));
 
-export { UUIDType };
+/*
+ *  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 uuid(_type) {
+  return v4();
+}
+
+export { UUIDType as U, uuid as u };

package/dist/es/web-components/cds-aichat-container/index.js

@@ -1,14 +1,83 @@
 import { __decorate } from "tslib";
 
-import "../../chat/web-components/internal/cds-aichat-internal.js";
-
 import { LitElement, html } from "lit";
 
 import { property, state } from "lit/decorators.js";
 
-import { carbonElement } from "../../chat/web-components/decorators/customElement.js";
+import isEqual from "lodash-es/isEqual.js";
+
+import React from "react";
+
+import { createRoot } from "react-dom/client";
+
+import { c as consoleWarn } from "../../chat.miscUtils.js";
+
+import { c as carbonElement, B as BusEventType } from "../../chat.customElement.js";
+
+import { D as DYNAMIC_IMPORTS } from "../../chat.dynamic-imports.js";
+
+import "../../chat.constants.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
+ */ let ChatContainerInternal = class ChatContainerInternal extends LitElement {
+  firstUpdated() {
+    const style = document.createElement("style");
+    style.textContent = `\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        ${this.element ? "" : "z-index: var(--cds-chat-BASE-z-index);"}\n      }\n    `;
+    this.appendChild(style);
+    if (this.config) {
+      this.renderReactApp();
+    }
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("config") && !isEqual(this.config, changedProperties.get("config"))) {
+      if (changedProperties.get("config")) {
+        consoleWarn("The config object you have passed to AI chat has updated. Tearing down and re-starting the chat.");
+      }
+      if (this.config) {
+        this.renderReactApp();
+      }
+    }
+  }
+  async renderReactApp() {
+    const {AppContainer: AppContainer} = await DYNAMIC_IMPORTS.AppContainer();
+    const previousContainer = this.shadowRoot.querySelector(".cds--aichat-react-app");
+    previousContainer?.remove();
+    const container = document.createElement("div");
+    container.classList.add("cds--aichat-react-app");
+    this.shadowRoot.appendChild(container);
+    if (this.root) {
+      this.root.unmount();
+    }
+    this.root = createRoot(container);
+    this.root.render(React.createElement(AppContainer, {
+      config: this.config,
+      onBeforeRender: this.onBeforeRender,
+      onAfterRender: this.onAfterRender,
+      container: container,
+      element: this.element
+    }));
+  }
+};
+
+__decorate([ property({
+  type: Object
+}) ], ChatContainerInternal.prototype, "config", void 0);
+
+__decorate([ property({
+  type: HTMLElement
+}) ], ChatContainerInternal.prototype, "element", void 0);
+
+__decorate([ property() ], ChatContainerInternal.prototype, "onBeforeRender", void 0);
+
+__decorate([ property() ], ChatContainerInternal.prototype, "onAfterRender", void 0);
 
-import { BusEventType } from "../../types/events/eventBusTypes.js";
+ChatContainerInternal = __decorate([ carbonElement("cds-aichat-internal") ], ChatContainerInternal);
 
 /*
  *  Copyright IBM Corp. 2025

package/dist/es/web-components/cds-aichat-custom-element/index.js

@@ -4,9 +4,7 @@ import { LitElement, html } from "lit";
 
 import { property, state } from "lit/decorators.js";
 
-import { carbonElement } from "../../chat/web-components/decorators/customElement.js";
-
-import { BusEventType } from "../../types/events/eventBusTypes.js";
+import { c as carbonElement, B as BusEventType } from "../../chat.customElement.js";
 
 /*
  *  Copyright IBM Corp. 2025