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

package/dist/es/chat/shared/utils/languages.js

@@ -1,156 +0,0 @@
-import dayjs from "dayjs";
-
-import enLocaleData from "dayjs/locale/en.js";
-
-import IntlMessageFormat from "intl-messageformat";
-
-import React from "react";
-
-import { consoleError } from "./miscUtils.js";
-
-import "../../../types/instance/apiTypes.js";
-
-import enLanguagePack from "../../languages/en.json.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 locales = {
-  ar: () => import("dayjs/locale/ar.js"),
-  "ar-dz": () => import("dayjs/locale/ar-dz.js"),
-  "ar-kw": () => import("dayjs/locale/ar-kw.js"),
-  "ar-ly": () => import("dayjs/locale/ar-ly.js"),
-  "ar-ma": () => import("dayjs/locale/ar-ma.js"),
-  "ar-sa": () => import("dayjs/locale/ar-sa.js"),
-  "ar-tn": () => import("dayjs/locale/ar-tn.js"),
-  cs: () => import("dayjs/locale/cs.js"),
-  de: () => import("dayjs/locale/de.js"),
-  "de-at": () => import("dayjs/locale/de-at.js"),
-  "de-ch": () => import("dayjs/locale/de-ch.js"),
-  en: () => import("dayjs/locale/en.js"),
-  "en-au": () => import("dayjs/locale/en-au.js"),
-  "en-ca": () => import("dayjs/locale/en-ca.js"),
-  "en-gb": () => import("dayjs/locale/en-gb.js"),
-  "en-ie": () => import("dayjs/locale/en-ie.js"),
-  "en-il": () => import("dayjs/locale/en-il.js"),
-  "en-nz": () => import("dayjs/locale/en-nz.js"),
-  es: () => import("dayjs/locale/es.js"),
-  "es-do": () => import("dayjs/locale/es-do.js"),
-  "es-us": () => import("dayjs/locale/es-us.js"),
-  nl: () => import("dayjs/locale/nl.js"),
-  fr: () => import("dayjs/locale/fr.js"),
-  "fr-ca": () => import("dayjs/locale/fr-ca.js"),
-  "fr-ch": () => import("dayjs/locale/fr-ch.js"),
-  it: () => import("dayjs/locale/it.js"),
-  "it-ch": () => import("dayjs/locale/it-ch.js"),
-  ja: () => import("dayjs/locale/ja.js"),
-  ko: () => import("dayjs/locale/ko.js"),
-  pt: () => import("dayjs/locale/pt.js"),
-  "pt-br": () => import("dayjs/locale/pt-br.js"),
-  zh: () => import("dayjs/locale/zh-cn.js"),
-  "zh-cn": () => import("dayjs/locale/zh-cn.js"),
-  "zh-tw": () => import("dayjs/locale/zh-tw.js"),
-  "zh-mo": () => import("dayjs/locale/zh-tw.js"),
-  "zh-hk": () => import("dayjs/locale/zh-tw.js")
-};
-
-function isSupportedLocale(locale, object) {
-  if (!locale) {
-    return null;
-  }
-  locale = locale.toLowerCase().replace(/_/g, "-");
-  if (object[locale]) {
-    return locale;
-  }
-  const language = locale.substring(0, 2);
-  if (object[language]) {
-    return language;
-  }
-  return null;
-}
-
-function findSupportedKey(requestedLocale, object, objectType) {
-  const requestedSupported = isSupportedLocale(requestedLocale, object);
-  if (requestedSupported) {
-    return requestedSupported;
-  }
-  if (requestedLocale) {
-    const keyList = JSON.stringify(Object.keys(object));
-    consoleError(`The requested locale "${requestedLocale}" does not contain a supported ${objectType}. We are defaulting to "en". The supported values are ${keyList}.`);
-  }
-  return "en";
-}
-
-async function loadLocale(requestedLocale) {
-  try {
-    const localeKey = findSupportedKey(requestedLocale, locales, "locale");
-    const localeModule = await locales[localeKey]();
-    if (localeModule) {
-      return localeModule.default;
-    }
-    consoleError(`The locale data for "${localeKey}" did not load. The application will default to "en".`);
-  } catch (error) {
-    consoleError(`An error occurred loading the locale data for "${requestedLocale}". The application will default to "en".`, error);
-  }
-  return enLocaleData;
-}
-
-async function loadLanguagePack(providedLanguagePack) {
-  if (providedLanguagePack) {
-    return fillWithEnglish(providedLanguagePack);
-  }
-  return enLanguagePack;
-}
-
-function fillWithEnglish(languagePack) {
-  return {
-    ...enLanguagePack,
-    ...languagePack
-  };
-}
-
-function handleBTag(chunks) {
-  return React.createElement("b", null, chunks);
-}
-
-function handleBRTag() {
-  return React.createElement("br", null);
-}
-
-function addHTMLSupport(values) {
-  values.b = handleBTag;
-  values.br = handleBRTag;
-  return values;
-}
-
-async function loadDayjsLocale(locale) {
-  if (!dayjs.Ls[locale]) {
-    const previousLocale = dayjs.locale();
-    const localePack = await loadLocale(locale);
-    dayjs.locale(localePack);
-    dayjs.locale(previousLocale);
-    const isLoaded = Boolean(dayjs.Ls[locale]);
-    if (!isLoaded && locale.length === 2) {
-      throw Error("Locale is not recognized.");
-    } else if (!isLoaded) {
-      return loadDayjsLocale(locale.substring(0, 2));
-    }
-  }
-  return locale;
-}
-
-function formatMessage(intl, id, values) {
-  return intl.formatMessage({
-    id: id
-  }, values);
-}
-
-function createEnglishFormat(key) {
-  return new IntlMessageFormat(enLanguagePack[key], "en-US");
-}
-
-export { addHTMLSupport, createEnglishFormat, formatMessage, loadDayjsLocale, loadLanguagePack, loadLocale };

package/dist/es/chat/shared/utils/memoizerUtils.js

@@ -1,38 +0,0 @@
-import memoizeOne from "memoize-one";
-
-/*
- *  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 createUnmappingMemoizer() {
-  return memoizeOne((keys, map) => keys.map(key => map[key]), isUnmappingEqual);
-}
-
-function isUnmappingEqual(newArgs, oldArgs) {
-  const [keys1, map1] = newArgs;
-  const [keys2, map2] = oldArgs;
-  if (keys1 === keys2 && map1 === map2) {
-    return true;
-  }
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-  for (let index = 0; index <= keys1.length; index++) {
-    const key1 = keys1[index];
-    const key2 = keys2[index];
-    if (key1 !== key2) {
-      return false;
-    }
-    const value1 = map1[key1];
-    const value2 = map2[key2];
-    if (value1 !== value2) {
-      return false;
-    }
-  }
-  return true;
-}
-
-export { createUnmappingMemoizer };

package/dist/es/chat/shared/utils/messageServiceUtils.js

@@ -1,36 +0,0 @@
-/*
- *  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
- */
-class MessageLoadingManager {
-  start(onExceededMaxSilentLoading, onEnd, onTimeout, msMaxSilentLoading, msMaxAttempt) {
-    this.hasExceededMaxSilentLoading = false;
-    this.onEnd = onEnd;
-    this.onSilentLoading = setTimeout(() => {
-      this.hasExceededMaxSilentLoading = true;
-      onExceededMaxSilentLoading();
-    }, msMaxSilentLoading);
-    this.onMaxAttempt = setTimeout(() => {
-      onTimeout();
-    }, msMaxAttempt);
-  }
-  end() {
-    if (this.onMaxAttempt) {
-      clearTimeout(this.onMaxAttempt);
-    }
-    if (this.onSilentLoading) {
-      clearTimeout(this.onSilentLoading);
-    }
-    if (this.onEnd) {
-      this.onEnd(this.hasExceededMaxSilentLoading);
-    }
-    this.hasExceededMaxSilentLoading = null;
-    this.onEnd = null;
-  }
-}
-
-export { MessageLoadingManager };

package/dist/es/chat/shared/utils/resolvablePromise.js

@@ -1,32 +0,0 @@
-/*
- *  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 { resolvablePromise };

package/dist/es/chat/shared/utils/styleUtils.js

@@ -1,231 +0,0 @@
-import { white, gray100, gray10, blue60, gray80 } from "../../../node_modules/@carbon/colors/es/index.js";
-
-import { whiteOrBlackText, adjustLightness, calculateContrast, MIN_CONTRAST, hexCodeToRGB } from "./colors.js";
-
-import { WA_CONSOLE_PREFIX } from "./constants.js";
-
-import { CarbonTheme } from "../../../types/config/PublicConfig.js";
-
-import { CarbonThemeClassNames } from "../../../types/utilities/carbonTypes.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 CSS_VAR_PREFIX = "--cds-";
-
-const CSS_CHAT_PREFIX = "chat-";
-
-const HEXADECIMAL_REGEX = /#([a-f0-9]{3}){1,2}\b/i;
-
-const INTERNAL_OVERRIDES_LIGHT_THEME_MAP = {
-  "$chat-button": "#000000",
-  "$chat-button-text-hover": "#525252"
-};
-
-const INTERNAL_OVERRIDES_DARK_THEME_MAP = {
-  "$chat-button": "#ffffff",
-  "$chat-button-text-hover": "#f4f4f4"
-};
-
-function convertCSSVariablesToString(cssVariables) {
-  const pieces = Object.keys(cssVariables).map(key => {
-    const value = cssVariables[key];
-    if (value === undefined) {
-      return "";
-    }
-    const fullName = key.startsWith("$") ? `${CSS_VAR_PREFIX}${key.replace(/^\$/, "")}` : `${CSS_VAR_PREFIX}${CSS_CHAT_PREFIX}${key}`;
-    return `${fullName}:${value};`;
-  });
-  let cssVariablesString = "";
-  const allValues = pieces.join("");
-  const prefix = "";
-  if (allValues.length > 0) {
-    const rule = `${prefix}.WACContainer .cds--white, ${prefix}.WACContainer .cds--g10, ${prefix}.WACContainer .cds--g90, ${prefix}.WACContainer .cds--g100`;
-    cssVariablesString = `${rule}${`, :host`}{${allValues}}`;
-  }
-  return cssVariablesString;
-}
-
-function remoteStylesToCSSVars(whiteLabelVariables, carbonTheme) {
-  const cssOverrides = {};
-  const primaryColor = whiteLabelVariables["BASE-primary-color"];
-  const secondaryColor = whiteLabelVariables["BASE-secondary-color"];
-  const accentColor = whiteLabelVariables["BASE-accent-color"];
-  if (primaryColor) {
-    cssOverrides["PRIMARY-color"] = primaryColor;
-    cssOverrides["PRIMARY-color-text"] = whiteOrBlackText(primaryColor);
-    cssOverrides["PRIMARY-color-hover"] = adjustLightness(primaryColor, -8);
-    cssOverrides["PRIMARY-color-active"] = adjustLightness(primaryColor, -10);
-    const useAccentColor = accentColor || blue60;
-    const tryFocusColor = carbonTheme === CarbonTheme.G90 || carbonTheme === CarbonTheme.G100 ? white : useAccentColor;
-    let useFocusColor;
-    if (calculateContrast(primaryColor, tryFocusColor) >= MIN_CONTRAST) {
-      useFocusColor = tryFocusColor;
-    } else if (tryFocusColor !== useAccentColor && calculateContrast(primaryColor, useAccentColor) >= MIN_CONTRAST) {
-      useFocusColor = useAccentColor;
-    } else if (tryFocusColor !== white && calculateContrast(primaryColor, white) >= MIN_CONTRAST) {
-      useFocusColor = white;
-    } else {
-      useFocusColor = gray100;
-    }
-    if (useFocusColor !== tryFocusColor) {
-      cssOverrides["PRIMARY-color-focus"] = useFocusColor;
-    }
-  }
-  if (secondaryColor) {
-    cssOverrides["SECONDARY-color"] = secondaryColor;
-    cssOverrides["SECONDARY-color-text"] = whiteOrBlackText(secondaryColor);
-  } else if (carbonTheme === CarbonTheme.G90 || carbonTheme === CarbonTheme.G100) {
-    cssOverrides["SECONDARY-color"] = `var(${CSS_VAR_PREFIX}layer-02)`;
-    cssOverrides["SECONDARY-color-text"] = `var(${CSS_VAR_PREFIX}text-primary);`;
-  }
-  if (accentColor) {
-    const colorMap = ACCENT_COLOR_MAPS[carbonTheme];
-    const accentBlue20 = adjustLightness(accentColor, 40);
-    const accentBlue60Hover = adjustLightness(accentColor, -8);
-    const accentBlue80 = adjustLightness(accentColor, -20);
-    fillValues(cssOverrides, colorMap.blue20, accentBlue20);
-    fillValues(cssOverrides, colorMap.blue60, accentColor);
-    fillValues(cssOverrides, colorMap.blue60Hover, accentBlue60Hover);
-    fillValues(cssOverrides, colorMap.blue80, accentBlue80);
-    cssOverrides["LAUNCHER-color-background"] = accentColor;
-    cssOverrides["LAUNCHER-color-background-hover"] = accentBlue60Hover;
-    cssOverrides["LAUNCHER-color-background-active"] = accentBlue80;
-    cssOverrides["LAUNCHER-EXPANDED-MESSAGE-color-background"] = accentColor;
-    cssOverrides["LAUNCHER-EXPANDED-MESSAGE-color-hover"] = accentBlue60Hover;
-    cssOverrides["LAUNCHER-EXPANDED-MESSAGE-color-active"] = accentBlue80;
-    cssOverrides["ACCENT-color"] = accentColor;
-    const accentColorRGB = hexCodeToRGB(accentColor);
-    cssOverrides["ACCENT-color-r"] = accentColorRGB[0].toString();
-    cssOverrides["ACCENT-color-g"] = accentColorRGB[1].toString();
-    cssOverrides["ACCENT-color-b"] = accentColorRGB[2].toString();
-    cssOverrides["ACCENT-color-ghost-text"] = accentColor;
-    const accentColorBW = whiteOrBlackText(accentColor);
-    cssOverrides["ACCENT-color-text"] = accentColorBW;
-    cssOverrides["ACCENT-color-background-hover"] = accentBlue60Hover;
-    cssOverrides["ACCENT-color-background-active"] = accentBlue80;
-    cssOverrides["LAUNCHER-color-focus-border"] = accentColorBW;
-    cssOverrides["LAUNCHER-color-avatar"] = accentColorBW;
-    cssOverrides["LAUNCHER-EXPANDED-MESSAGE-color-text"] = accentColorBW;
-    cssOverrides["LAUNCHER-EXPANDED-MESSAGE-color-focus-border"] = accentColorBW;
-    cssOverrides["LAUNCHER-MOBILE-color-text"] = accentColorBW;
-    cssOverrides["ACCENT-color-bw"] = accentColorBW;
-    cssOverrides["ACCENT-color-bw-hover"] = adjustLightness(accentColorBW, -8);
-    cssOverrides["ACCENT-color-bw-active"] = adjustLightness(accentColorBW, -10);
-    cssOverrides["ACCENT-color-bw-inverse"] = accentColorBW === gray100 ? white : gray100;
-    cssOverrides["ACCENT-color-bw-gray"] = accentColorBW === gray100 ? gray80 : gray10;
-    cssOverrides["ACCENT-color-pastel"] = accentColorBW === gray100 ? adjustLightness(accentColor, 20) : adjustLightness(accentColor, -15);
-  }
-  return cssOverrides;
-}
-
-const ACCENT_COLOR_MAPS = {
-  white: {
-    blue20: [ "$highlight" ],
-    blue60: [ "$background-brand", "$interactive", "$border-interactive", "$button-primary", "$button-tertiary", "$icon-interactive", "$focus" ],
-    blue60Hover: [ "$button-primary-hover", "$button-tertiary-hover" ],
-    blue80: [ "$button-primary-active", "$button-tertiary-active" ]
-  },
-  g10: {
-    blue20: [ "$highlight" ],
-    blue60: [ "$background-brand", "$interactive", "$border-interactive", "$button-primary", "$button-tertiary", "$icon-interactive", "$focus" ],
-    blue60Hover: [ "$button-primary-hover", "$button-tertiary-hover" ],
-    blue80: [ "$button-primary-active", "$button-tertiary-active" ]
-  },
-  g90: {
-    blue20: [],
-    blue60: [ "$background-brand", "$interactive", "$border-interactive", "$button-primary", "$button-tertiary", "$focus-inverse" ],
-    blue60Hover: [ "$button-primary-hover", "$button-tertiary-hover" ],
-    blue80: [ "$button-primary-active", "$highlight", "$button-tertiary-active" ]
-  },
-  g100: {
-    blue20: [],
-    blue60: [ "$background-brand", "$interactive", "$border-interactive", "$button-primary", "$button-tertiary", "$focus-inverse" ],
-    blue60Hover: [ "$button-primary-hover", "$button-tertiary-hover" ],
-    blue80: [ "$button-primary-active", "$highlight", "$button-tertiary-active" ]
-  }
-};
-
-function fillValues(styles, propertyNames, value) {
-  propertyNames.forEach(propertyName => {
-    styles[propertyName] = value;
-  });
-}
-
-function mergeCSSVariables(publicVars, whiteLabelVariables, carbonTheme, useAITheme) {
-  carbonTheme = carbonTheme || CarbonTheme.G10;
-  useAITheme = useAITheme || false;
-  publicVars = publicVars || {};
-  const internalOverrides = createInternalCSSOverridesMap(carbonTheme, useAITheme);
-  const result = {
-    ...internalOverrides,
-    ...publicVars
-  };
-  Object.entries(result).forEach(([key, value]) => {
-    if (key.startsWith("$") && !value.match(HEXADECIMAL_REGEX)) {
-      console.warn(`${WA_CONSOLE_PREFIX} You tried to call "updateCSSVariables" with an invalid value for "${key}": "${publicVars[key]}". You must use hexadecimal values for colors.`);
-      delete result[key];
-    }
-  });
-  const remoteVars = remoteStylesToCSSVars(whiteLabelVariables || {}, carbonTheme);
-  Object.entries(remoteVars).forEach(([key, value]) => {
-    if (value !== "" && publicVars[key] === undefined) {
-      result[key] = value;
-    }
-  });
-  return result;
-}
-
-function createInternalCSSOverridesMap(carbonTheme, useAITheme) {
-  let internalOverridesMap = {};
-  if (!useAITheme) {
-    if ([ CarbonTheme.G10, CarbonTheme.WHITE ].includes(carbonTheme)) {
-      internalOverridesMap = {
-        ...internalOverridesMap,
-        ...INTERNAL_OVERRIDES_LIGHT_THEME_MAP
-      };
-    } else if ([ CarbonTheme.G90, CarbonTheme.G100 ].includes(carbonTheme)) {
-      internalOverridesMap = {
-        ...internalOverridesMap,
-        ...INTERNAL_OVERRIDES_DARK_THEME_MAP
-      };
-    }
-  }
-  return internalOverridesMap;
-}
-
-function getThemeClassNames(themeState) {
-  let themeClassnames;
-  switch (themeState?.carbonTheme) {
-   case CarbonTheme.WHITE:
-    themeClassnames = CarbonThemeClassNames.WHITE;
-    break;
-
-   case CarbonTheme.G10:
-    themeClassnames = CarbonThemeClassNames.G10;
-    break;
-
-   case CarbonTheme.G90:
-    themeClassnames = CarbonThemeClassNames.G90;
-    break;
-
-   case CarbonTheme.G100:
-    themeClassnames = CarbonThemeClassNames.G100;
-    break;
-
-   default:
-    themeClassnames = CarbonThemeClassNames.G10;
-    break;
-  }
-  if (themeState?.useAITheme) {
-    themeClassnames += " WAC--aiTheme";
-  }
-  return themeClassnames;
-}
-
-export { convertCSSVariablesToString, getThemeClassNames, mergeCSSVariables };

package/dist/es/chat/shared/utils/timeUtils.js

@@ -1,14 +0,0 @@
-import dayjs from "dayjs";
-
-/*
- *  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 timestampToTimeString(timestamp) {
-  return dayjs(timestamp).format("LT");
-}
-
-export { timestampToTimeString };

package/dist/es/chat/shared/utils/viewStateUtils.js

@@ -1,38 +0,0 @@
-import { VIEW_STATE_ALL_CLOSED } from "../store/reducerUtils.js";
-
-import { consoleError } from "./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 constructViewState(newView, appState) {
-  const {viewState: viewState} = appState.persistedToBrowserStorage.launcherState;
-  let newViewState;
-  if (typeof newView === "string") {
-    newViewState = {
-      ...VIEW_STATE_ALL_CLOSED,
-      [newView]: true
-    };
-  } else {
-    newViewState = {
-      ...viewState,
-      ...newView
-    };
-  }
-  return newViewState;
-}
-
-function validateViewState(viewState, appState) {
-  const {activeTour: activeTour} = appState.persistedToBrowserStorage.launcherState;
-  if (viewState.tour && !activeTour) {
-    consoleError("Error changing the view. The new view was supposed to show a tour however there is no active tour to show." + " Changing the view has been canceled.");
-    return false;
-  }
-  return true;
-}
-
-export { constructViewState, validateViewState };

package/dist/es/chat/web-components/components/chainOfThought/cds-aichat-chain-of-thought.js

@@ -1,26 +0,0 @@
-import { __decorate } from "tslib";
-
-import { carbonElement } from "../../decorators/customElement.js";
-
-import { ChainOfThoughtElement } from "./src/ChainOfThoughtElement.js";
-
-import { chainOfThoughtElementTemplate } from "./src/chainOfThoughtElement.template.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 CHAIN_OF_THOUGHT_COMPONENT_TAG_NAME = `cds-aichat-chain-of-thought`;
-
-let CDSChatChainOfThoughtElement = class CDSChatChainOfThoughtElement extends ChainOfThoughtElement {
-  render() {
-    return chainOfThoughtElementTemplate(this);
-  }
-};
-
-CDSChatChainOfThoughtElement = __decorate([ carbonElement(CHAIN_OF_THOUGHT_COMPONENT_TAG_NAME) ], CDSChatChainOfThoughtElement);
-
-export { CHAIN_OF_THOUGHT_COMPONENT_TAG_NAME, CDSChatChainOfThoughtElement as default };