@carbon/ai-chat 1.13.0 → 1.14.0

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

@@ -1,8 +1,10 @@
 import { __decorate } from "tslib";
 
-export { default as __cds_aichat_container_register } from "../cds-aichat-container/index.js";
+import { F as FlattenedConfigElement } from "../../chat.index.js";
 
-import { LitElement, html } from "lit";
+export { C as __cds_aichat_container_register } from "../../chat.index.js";
+
+import { html } from "lit";
 
 import { property, state } from "lit/decorators.js";
 
@@ -228,7 +230,7 @@ import "dayjs/locale/en.js";
 
 var ChatCustomElement_1;
 
-let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends LitElement {
+let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends FlattenedConfigElement {
   constructor() {
     super(...arguments);
     this._userDefinedSlotNames = [];
@@ -275,10 +277,12 @@ let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends Li
           handler: this.userDefinedHandler
         });
       }
-      this._instance.on({
-        type: BusEventType.CUSTOM_FOOTER_SLOT,
-        handler: this.customFooterHandler
-      });
+      if (!this.renderCustomMessageFooter) {
+        this._instance.on({
+          type: BusEventType.CUSTOM_FOOTER_SLOT,
+          handler: this.customFooterHandler
+        });
+      }
       this.addWriteableElementSlots();
       await (this.onBeforeRender?.(instance));
     };
@@ -288,90 +292,6 @@ let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends Li
     root.adoptedStyleSheets = [ ...root.adoptedStyleSheets, ChatCustomElement_1.hideSheet ];
     return root;
   }
-  get resolvedConfig() {
-    const baseConfig = this.config ?? {};
-    const resolvedConfig = {
-      ...baseConfig
-    };
-    if (this.onError !== undefined) {
-      resolvedConfig.onError = this.onError;
-    }
-    if (this.openChatByDefault !== undefined) {
-      resolvedConfig.openChatByDefault = this.openChatByDefault;
-    }
-    if (this.disclaimer !== undefined) {
-      resolvedConfig.disclaimer = this.disclaimer;
-    }
-    if (this.disableCustomElementMobileEnhancements !== undefined) {
-      resolvedConfig.disableCustomElementMobileEnhancements = this.disableCustomElementMobileEnhancements;
-    }
-    if (this.debug !== undefined) {
-      resolvedConfig.debug = this.debug;
-    }
-    if (this.exposeServiceManagerForTesting !== undefined) {
-      resolvedConfig.exposeServiceManagerForTesting = this.exposeServiceManagerForTesting;
-    }
-    if (this.injectCarbonTheme !== undefined) {
-      resolvedConfig.injectCarbonTheme = this.injectCarbonTheme;
-    }
-    if (this.serviceDeskFactory !== undefined) {
-      resolvedConfig.serviceDeskFactory = this.serviceDeskFactory;
-    }
-    if (this.serviceDesk !== undefined) {
-      resolvedConfig.serviceDesk = this.serviceDesk;
-    }
-    if (this.shouldTakeFocusIfOpensAutomatically !== undefined) {
-      resolvedConfig.shouldTakeFocusIfOpensAutomatically = this.shouldTakeFocusIfOpensAutomatically;
-    }
-    if (this.namespace !== undefined) {
-      resolvedConfig.namespace = this.namespace;
-    }
-    if (this.shouldSanitizeHTML !== undefined) {
-      resolvedConfig.shouldSanitizeHTML = this.shouldSanitizeHTML;
-    }
-    if (this.header !== undefined) {
-      resolvedConfig.header = this.header;
-    }
-    if (this.input !== undefined) {
-      resolvedConfig.input = this.input;
-    }
-    if (this.upload !== undefined) {
-      resolvedConfig.upload = this.upload;
-    }
-    if (this.layout !== undefined) {
-      resolvedConfig.layout = this.layout;
-    }
-    if (this.messaging !== undefined) {
-      resolvedConfig.messaging = this.messaging;
-    }
-    if (this.isReadonly !== undefined) {
-      resolvedConfig.isReadonly = this.isReadonly;
-    }
-    if (this.assistantName !== undefined) {
-      resolvedConfig.assistantName = this.assistantName;
-    }
-    if (this.assistantAvatarUrl !== undefined) {
-      resolvedConfig.assistantAvatarUrl = this.assistantAvatarUrl;
-    }
-    if (this.locale !== undefined) {
-      resolvedConfig.locale = this.locale;
-    }
-    if (this.homescreen !== undefined) {
-      resolvedConfig.homescreen = this.homescreen;
-    }
-    if (this.launcher !== undefined) {
-      resolvedConfig.launcher = this.launcher;
-    }
-    if (this.strings !== undefined) {
-      resolvedConfig.strings = this.strings;
-    }
-    if (this.aiDisabled === true) {
-      resolvedConfig.aiEnabled = false;
-    } else if (this.aiEnabled !== undefined) {
-      resolvedConfig.aiEnabled = this.aiEnabled;
-    }
-    return resolvedConfig;
-  }
   addWriteableElementSlots() {
     this._writeableElementSlots = Object.keys(this._instance.writeableElements);
   }
@@ -379,14 +299,16 @@ let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends Li
     return html`
       <cds-aichat-container
         .config=${this.resolvedConfig}
+        .header=${this.resolvedConfig.header}
         .onAfterRender=${this.onAfterRender}
         .onBeforeRender=${this.onBeforeRenderOverride}
         .element=${this}
         .renderUserDefinedResponse=${this.renderUserDefinedResponse}
+        .renderCustomMessageFooter=${this.renderCustomMessageFooter}
       >
         ${this._writeableElementSlots.map(slot => html`<slot name=${slot} slot=${slot}></slot>`)}
         ${this.renderUserDefinedResponse ? null : this._userDefinedSlotNames.map(slot => html`<slot name=${slot} slot=${slot}></slot>`)}
-        ${this._customFooterSlotNames.map(slot => html`<div slot=${slot}><slot name=${slot}></slot></div>`)}
+        ${this.renderCustomMessageFooter ? null : this._customFooterSlotNames.map(slot => html`<div slot=${slot}><slot name=${slot}></slot></div>`)}
       </cds-aichat-container>
     `;
   }
@@ -395,143 +317,9 @@ let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends Li
 ChatCustomElement.hideSheet = new CSSStyleSheet;
 
 (() => {
-  ChatCustomElement_1.hideSheet.replaceSync(`\n      :host {\n        display: block;\n      }\n      :host(.cds-aichat--hidden) {\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        min-height: 0 !important;\n        max-width: 0 !important;\n        max-height: 0 !important;\n        inline-size: 0 !important;\n        block-size: 0 !important;\n        min-inline-size: 0 !important;\n        min-block-size: 0 !important;\n        max-inline-size: 0 !important;\n        max-block-size: 0 !important;\n        overflow: hidden !important;\n        display: block !important;\n      }\n    `);
+  ChatCustomElement_1.hideSheet.replaceSync?.(`\n      :host {\n        display: block;\n      }\n      :host(.cds-aichat--hidden) {\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        min-height: 0 !important;\n        max-width: 0 !important;\n        max-height: 0 !important;\n        inline-size: 0 !important;\n        block-size: 0 !important;\n        min-inline-size: 0 !important;\n        min-block-size: 0 !important;\n        max-inline-size: 0 !important;\n        max-block-size: 0 !important;\n        overflow: hidden !important;\n        display: block !important;\n      }\n    `);
 })();
 
-__decorate([ property({
-  attribute: false,
-  type: Object
-}) ], ChatCustomElement.prototype, "config", void 0);
-
-__decorate([ property({
-  attribute: false
-}) ], ChatCustomElement.prototype, "onError", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "open-chat-by-default"
-}) ], ChatCustomElement.prototype, "openChatByDefault", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "disclaimer", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "disable-custom-element-mobile-enhancements"
-}) ], ChatCustomElement.prototype, "disableCustomElementMobileEnhancements", void 0);
-
-__decorate([ property({
-  type: Boolean
-}) ], ChatCustomElement.prototype, "debug", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "expose-service-manager-for-testing"
-}) ], ChatCustomElement.prototype, "exposeServiceManagerForTesting", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "inject-carbon-theme"
-}) ], ChatCustomElement.prototype, "injectCarbonTheme", void 0);
-
-__decorate([ property({
-  attribute: "ai-enabled",
-  converter: {
-    fromAttribute: value => {
-      if (value === null) {
-        return undefined;
-      }
-      const v = String(value).trim().toLowerCase();
-      const falsey = v === "false" || v === "0" || v === "off" || v === "no";
-      return !falsey;
-    }
-  }
-}) ], ChatCustomElement.prototype, "aiEnabled", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "ai-disabled"
-}) ], ChatCustomElement.prototype, "aiDisabled", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "should-take-focus-if-opens-automatically"
-}) ], ChatCustomElement.prototype, "shouldTakeFocusIfOpensAutomatically", void 0);
-
-__decorate([ property({
-  type: String
-}) ], ChatCustomElement.prototype, "namespace", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "should-sanitize-html"
-}) ], ChatCustomElement.prototype, "shouldSanitizeHTML", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "header", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "history", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "input", void 0);
-
-__decorate([ property({
-  attribute: false,
-  type: Object
-}) ], ChatCustomElement.prototype, "upload", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "layout", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "messaging", void 0);
-
-__decorate([ property({
-  type: Boolean,
-  attribute: "is-readonly"
-}) ], ChatCustomElement.prototype, "isReadonly", void 0);
-
-__decorate([ property({
-  type: String,
-  attribute: "assistant-name"
-}) ], ChatCustomElement.prototype, "assistantName", void 0);
-
-__decorate([ property({
-  type: String
-}) ], ChatCustomElement.prototype, "assistantAvatarUrl", void 0);
-
-__decorate([ property({
-  type: String
-}) ], ChatCustomElement.prototype, "locale", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "homescreen", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "launcher", void 0);
-
-__decorate([ property({
-  attribute: false
-}) ], ChatCustomElement.prototype, "serviceDeskFactory", void 0);
-
-__decorate([ property({
-  type: Object,
-  attribute: "service-desk"
-}) ], ChatCustomElement.prototype, "serviceDesk", void 0);
-
-__decorate([ property({
-  type: Object
-}) ], ChatCustomElement.prototype, "strings", void 0);
-
 __decorate([ property({
   attribute: false
 }) ], ChatCustomElement.prototype, "onBeforeRender", void 0);
@@ -548,6 +336,10 @@ __decorate([ property({
   attribute: false
 }) ], ChatCustomElement.prototype, "renderUserDefinedResponse", void 0);
 
+__decorate([ property({
+  attribute: false
+}) ], ChatCustomElement.prototype, "renderCustomMessageFooter", void 0);
+
 __decorate([ state() ], ChatCustomElement.prototype, "_userDefinedSlotNames", void 0);
 
 __decorate([ state() ], ChatCustomElement.prototype, "_writeableElementSlots", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/web-components/cds-aichat-custom-element/index.ts"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2025\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\n// Ensure the container custom element is registered whenever the\n// custom element module is imported by re-exporting its exports.\n// This prevents bundlers (and our own multi-entry Rollup build)\n// from pruning the side-effect-only import.\nexport { default as __cds_aichat_container_register } from \"../cds-aichat-container\";\nimport \"../cds-aichat-container\";\n\nimport { html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { carbonElement } from \"@carbon/ai-chat-components/es/globals/decorators/index.js\";\nimport {\n  PublicConfig,\n  OnErrorData,\n  DisclaimerPublicConfig,\n  CarbonTheme,\n  HeaderConfig,\n  HistoryConfig,\n  LayoutConfig,\n  PublicConfigMessaging,\n  LanguagePack,\n  InputConfig,\n  UploadConfig,\n} from \"../../types/config/PublicConfig\";\nimport { DeepPartial } from \"../../types/utilities/DeepPartial\";\nimport { HomeScreenConfig } from \"../../types/config/HomeScreenConfig\";\nimport { LauncherConfig } from \"../../types/config/LauncherConfig\";\nimport type {\n  ServiceDesk,\n  ServiceDeskFactoryParameters,\n  ServiceDeskPublicConfig,\n} from \"../../types/config/ServiceDeskConfig\";\nimport { ChatInstance } from \"../../types/instance/ChatInstance\";\nimport {\n  BusEventChunkUserDefinedResponse,\n  BusEventCustomFooterSlot,\n  BusEventType,\n  BusEventUserDefinedResponse,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../../types/events/eventBusTypes\";\nimport type { WCRenderUserDefinedResponse } from \"../../types/component/ChatContainer\";\n\n/**\n * cds-aichat-custom-element will is a pass through to cds-aichat-container. It takes any user_defined and writeable element\n * slotted content and forwards it to cds-aichat-container. It also will setup the custom element with a default viewChange\n * pattern (e.g. hiding and showing the custom element when the chat should be open/closed) if a onViewChange property is not\n * defined. Finally, it registers the custom element with cds-aichat-container so a default \"floating\" element will not be created.\n *\n * The custom element should be sized using external CSS. When hidden, the 'cds-aichat--hidden' class is added to set dimensions to 0x0.\n */\n@carbonElement(\"cds-aichat-custom-element\")\nclass ChatCustomElement extends LitElement {\n  @property({ attribute: false, type: Object })\n  config?: PublicConfig;\n\n  /**\n   * Shared stylesheet for hiding styles.\n   */\n  private static hideSheet = new CSSStyleSheet();\n  static {\n    // Hide styles that override any external sizing\n    ChatCustomElement.hideSheet.replaceSync(`\n      :host {\n        display: block;\n      }\n      :host(.cds-aichat--hidden) {\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        min-height: 0 !important;\n        max-width: 0 !important;\n        max-height: 0 !important;\n        inline-size: 0 !important;\n        block-size: 0 !important;\n        min-inline-size: 0 !important;\n        min-block-size: 0 !important;\n        max-inline-size: 0 !important;\n        max-block-size: 0 !important;\n        overflow: hidden !important;\n        display: block !important;\n      }\n    `);\n  }\n\n  /**\n   * Adopt our stylesheet into every shadowRoot.\n   */\n  protected createRenderRoot(): ShadowRoot {\n    // Lits default createRenderRoot actually returns a ShadowRoot\n    const root = super.createRenderRoot() as ShadowRoot;\n\n    // now TS knows root.adoptedStyleSheets exists\n    root.adoptedStyleSheets = [\n      ...root.adoptedStyleSheets,\n      ChatCustomElement.hideSheet,\n    ];\n    return root;\n  }\n\n  // Flattened PublicConfig properties\n  @property({ attribute: false })\n  onError?: (data: OnErrorData) => void;\n\n  @property({ type: Boolean, attribute: \"open-chat-by-default\" })\n  openChatByDefault?: boolean;\n\n  @property({ type: Object })\n  disclaimer?: DisclaimerPublicConfig;\n\n  @property({\n    type: Boolean,\n    attribute: \"disable-custom-element-mobile-enhancements\",\n  })\n  disableCustomElementMobileEnhancements?: boolean;\n\n  @property({ type: Boolean })\n  debug?: boolean;\n\n  @property({ type: Boolean, attribute: \"expose-service-manager-for-testing\" })\n  exposeServiceManagerForTesting?: boolean;\n\n  @property({ type: String, attribute: \"inject-carbon-theme\" })\n  injectCarbonTheme?: CarbonTheme;\n\n  @property({\n    attribute: \"ai-enabled\",\n    converter: {\n      fromAttribute: (value: string | null) => {\n        if (value === null) {\n          return undefined;\n        }\n        const v = String(value).trim().toLowerCase();\n        const falsey = v === \"false\" || v === \"0\" || v === \"off\" || v === \"no\";\n        return !falsey;\n      },\n    },\n  })\n  aiEnabled?: boolean;\n\n  @property({ type: Boolean, attribute: \"ai-disabled\" })\n  aiDisabled?: boolean;\n\n  @property({\n    type: Boolean,\n    attribute: \"should-take-focus-if-opens-automatically\",\n  })\n  shouldTakeFocusIfOpensAutomatically?: boolean;\n\n  @property({ type: String })\n  namespace?: string;\n\n  @property({ type: Boolean, attribute: \"should-sanitize-html\" })\n  shouldSanitizeHTML?: boolean;\n\n  @property({ type: Object })\n  header?: HeaderConfig;\n\n  @property({ type: Object })\n  history?: HistoryConfig;\n\n  @property({ type: Object })\n  input?: InputConfig;\n\n  @property({ attribute: false, type: Object })\n  upload?: UploadConfig;\n\n  @property({ type: Object })\n  layout?: LayoutConfig;\n\n  @property({ type: Object })\n  messaging?: PublicConfigMessaging;\n\n  @property({ type: Boolean, attribute: \"is-readonly\" })\n  isReadonly?: boolean;\n\n  @property({ type: String, attribute: \"assistant-name\" })\n  assistantName?: string;\n\n  @property({ type: String })\n  assistantAvatarUrl?: string;\n\n  @property({ type: String })\n  locale?: string;\n\n  @property({ type: Object })\n  homescreen?: HomeScreenConfig;\n\n  @property({ type: Object })\n  launcher?: LauncherConfig;\n\n  /** A factory for the {@link ServiceDesk} integration. */\n  @property({ attribute: false })\n  serviceDeskFactory?: (\n    parameters: ServiceDeskFactoryParameters,\n  ) => Promise<ServiceDesk>;\n\n  /** Public configuration for the service desk integration. */\n  @property({ type: Object, attribute: \"service-desk\" })\n  serviceDesk?: ServiceDeskPublicConfig;\n\n  /** Optional partial language pack overrides */\n  @property({ type: Object })\n  strings?: DeepPartial<LanguagePack>;\n\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   */\n  @property({ attribute: false })\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   */\n  @property({ attribute: false })\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is complete.\n   *\n   * Use this callback to update your CSS class name values on this element before the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewPreChange?: (event: BusEventViewPreChange) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  @state()\n  private _userDefinedSlotNames: string[] = [];\n\n  @state()\n  private _writeableElementSlots: string[] = [];\n\n  @state()\n  private _customFooterSlotNames: string[] = [];\n\n  @state()\n  private _instance!: ChatInstance;\n\n  private defaultViewChangeHandler = (event: BusEventViewChange) => {\n    if (event.newViewState.mainWindow) {\n      this.classList.remove(\"cds-aichat--hidden\");\n    } else {\n      this.classList.add(\"cds-aichat--hidden\");\n    }\n  };\n\n  private userDefinedHandler = (\n    event: BusEventUserDefinedResponse | BusEventChunkUserDefinedResponse,\n  ) => {\n    const { slot } = event.data;\n    if (!this._userDefinedSlotNames.includes(slot)) {\n      this._userDefinedSlotNames = [...this._userDefinedSlotNames, slot];\n    }\n  };\n\n  private customFooterHandler = (event: BusEventCustomFooterSlot) => {\n    const { slotName } = event.data;\n    if (!this._customFooterSlotNames.includes(slotName)) {\n      this._customFooterSlotNames = [...this._customFooterSlotNames, slotName];\n    }\n  };\n\n  private get resolvedConfig(): PublicConfig {\n    const baseConfig = this.config ?? {};\n    const resolvedConfig: PublicConfig = { ...baseConfig };\n\n    if (this.onError !== undefined) {\n      resolvedConfig.onError = this.onError;\n    }\n    if (this.openChatByDefault !== undefined) {\n      resolvedConfig.openChatByDefault = this.openChatByDefault;\n    }\n    if (this.disclaimer !== undefined) {\n      resolvedConfig.disclaimer = this.disclaimer;\n    }\n    if (this.disableCustomElementMobileEnhancements !== undefined) {\n      resolvedConfig.disableCustomElementMobileEnhancements =\n        this.disableCustomElementMobileEnhancements;\n    }\n    if (this.debug !== undefined) {\n      resolvedConfig.debug = this.debug;\n    }\n    if (this.exposeServiceManagerForTesting !== undefined) {\n      resolvedConfig.exposeServiceManagerForTesting =\n        this.exposeServiceManagerForTesting;\n    }\n    if (this.injectCarbonTheme !== undefined) {\n      resolvedConfig.injectCarbonTheme = this.injectCarbonTheme;\n    }\n    if (this.serviceDeskFactory !== undefined) {\n      resolvedConfig.serviceDeskFactory = this.serviceDeskFactory;\n    }\n    if (this.serviceDesk !== undefined) {\n      resolvedConfig.serviceDesk = this.serviceDesk;\n    }\n    if (this.shouldTakeFocusIfOpensAutomatically !== undefined) {\n      resolvedConfig.shouldTakeFocusIfOpensAutomatically =\n        this.shouldTakeFocusIfOpensAutomatically;\n    }\n    if (this.namespace !== undefined) {\n      resolvedConfig.namespace = this.namespace;\n    }\n    if (this.shouldSanitizeHTML !== undefined) {\n      resolvedConfig.shouldSanitizeHTML = this.shouldSanitizeHTML;\n    }\n    if (this.header !== undefined) {\n      resolvedConfig.header = this.header;\n    }\n    if (this.input !== undefined) {\n      resolvedConfig.input = this.input;\n    }\n    if (this.upload !== undefined) {\n      resolvedConfig.upload = this.upload;\n    }\n    if (this.layout !== undefined) {\n      resolvedConfig.layout = this.layout;\n    }\n    if (this.messaging !== undefined) {\n      resolvedConfig.messaging = this.messaging;\n    }\n    if (this.isReadonly !== undefined) {\n      resolvedConfig.isReadonly = this.isReadonly;\n    }\n    if (this.assistantName !== undefined) {\n      resolvedConfig.assistantName = this.assistantName;\n    }\n    if (this.assistantAvatarUrl !== undefined) {\n      resolvedConfig.assistantAvatarUrl = this.assistantAvatarUrl;\n    }\n    if (this.locale !== undefined) {\n      resolvedConfig.locale = this.locale;\n    }\n    if (this.homescreen !== undefined) {\n      resolvedConfig.homescreen = this.homescreen;\n    }\n    if (this.launcher !== undefined) {\n      resolvedConfig.launcher = this.launcher;\n    }\n    if (this.strings !== undefined) {\n      resolvedConfig.strings = this.strings;\n    }\n\n    if (this.aiDisabled === true) {\n      resolvedConfig.aiEnabled = false;\n    } else if (this.aiEnabled !== undefined) {\n      resolvedConfig.aiEnabled = this.aiEnabled;\n    }\n\n    return resolvedConfig;\n  }\n\n  private onBeforeRenderOverride = async (instance: ChatInstance) => {\n    this._instance = instance;\n    if (this.onViewPreChange) {\n      this._instance.on({\n        type: BusEventType.VIEW_PRE_CHANGE,\n        handler: this.onViewPreChange,\n      });\n    }\n    this._instance.on({\n      type: BusEventType.VIEW_CHANGE,\n      handler: this.onViewChange || this.defaultViewChangeHandler,\n    });\n\n    if (!this.renderUserDefinedResponse) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderUserDefinedResponse is set, the inner cds-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n      this._instance.on({\n        type: BusEventType.CHUNK_USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n    }\n\n    this._instance.on({\n      type: BusEventType.CUSTOM_FOOTER_SLOT,\n      handler: this.customFooterHandler,\n    });\n    this.addWriteableElementSlots();\n    await this.onBeforeRender?.(instance);\n  };\n\n  private addWriteableElementSlots() {\n    this._writeableElementSlots = Object.keys(this._instance.writeableElements);\n  }\n\n  render() {\n    return html`\n      <cds-aichat-container\n        .config=${this.resolvedConfig}\n        .onAfterRender=${this.onAfterRender}\n        .onBeforeRender=${this.onBeforeRenderOverride}\n        .element=${this}\n        .renderUserDefinedResponse=${this.renderUserDefinedResponse}\n      >\n        ${this._writeableElementSlots.map(\n          (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n        )}\n        ${this.renderUserDefinedResponse\n          ? null\n          : this._userDefinedSlotNames.map(\n              (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n            )}\n        ${this._customFooterSlotNames.map(\n          (slot) => html`<div slot=${slot}><slot name=${slot}></slot></div>`,\n        )}\n      </cds-aichat-container>\n    `;\n  }\n}\n\n/**\n * Attributes interface for the cds-aichat-custom-element web component.\n * This interface extends {@link CdsAiChatContainerAttributes} and {@link PublicConfig} with additional component-specific props,\n * flattening all config properties as top-level properties for better TypeScript IntelliSense.\n *\n * @category Web component\n */\ninterface CdsAiChatCustomElementAttributes extends PublicConfig {\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   */\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   */\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * An optional listener for \"view:change\" events. Such a listener is required when using a custom element in order\n   * to control the visibility of the Carbon AI Chat main window. If no callback is provided here, a default one will be\n   * used that injects styling into the app that will show and hide the Carbon AI Chat main window and also change the\n   * size of the custom element so it doesn't take up space when the main window is closed.\n   *\n   * You can provide a different callback here if you want custom behavior such as an animation when the main window\n   * is opened or closed.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the event\n   * handler will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-aichat-container\n   * manages all event listening, slot tracking, streaming state, and element lifecycle.\n   */\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n}\n\nexport { CdsAiChatCustomElementAttributes };\n\nexport default ChatCustomElement;\n"],"names":["ChatCustomElement","ChatCustomElement_1","LitElement","constructor","this","_userDefinedSlotNames","_writeableElementSlots","_customFooterSlotNames","defaultViewChangeHandler","event","newViewState","mainWindow","classList","remove","add","userDefinedHandler","slot","data","includes","customFooterHandler","slotName","onBeforeRenderOverride","async","instance","_instance","onViewPreChange","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE","onViewChange","renderUserDefinedResponse","USER_DEFINED_RESPONSE","CHUNK_USER_DEFINED_RESPONSE","CUSTOM_FOOTER_SLOT","addWriteableElementSlots","onBeforeRender","createRenderRoot","root","super","adoptedStyleSheets","hideSheet","resolvedConfig","baseConfig","config","onError","undefined","openChatByDefault","disclaimer","disableCustomElementMobileEnhancements","debug","exposeServiceManagerForTesting","injectCarbonTheme","serviceDeskFactory","serviceDesk","shouldTakeFocusIfOpensAutomatically","namespace","shouldSanitizeHTML","header","input","upload","layout","messaging","isReadonly","assistantName","assistantAvatarUrl","locale","homescreen","launcher","strings","aiDisabled","aiEnabled","Object","keys","writeableElements","render","html","onAfterRender","map","CSSStyleSheet","replaceSync","__decorate","property","attribute","prototype","Boolean","String","converter","fromAttribute","value","v","trim","toLowerCase","falsey","state","carbonElement","ChatCustomElement_default"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/web-components/cds-aichat-custom-element/index.ts"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\n// Ensure the container custom element is registered whenever the\n// custom element module is imported by re-exporting its exports.\n// This prevents bundlers (and our own multi-entry Rollup build)\n// from pruning the side-effect-only import.\nexport { default as __cds_aichat_container_register } from \"../cds-aichat-container\";\nimport \"../cds-aichat-container\";\n\nimport { html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { carbonElement } from \"@carbon/ai-chat-components/es/globals/decorators/index.js\";\nimport { PublicConfig } from \"../../types/config/PublicConfig\";\nimport { FlattenedConfigElement } from \"../shared/FlattenedConfigElement\";\nimport { ChatInstance } from \"../../types/instance/ChatInstance\";\nimport {\n  BusEventChunkUserDefinedResponse,\n  BusEventCustomFooterSlot,\n  BusEventType,\n  BusEventUserDefinedResponse,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../../types/events/eventBusTypes\";\nimport type {\n  WCRenderCustomMessageFooter,\n  WCRenderUserDefinedResponse,\n} from \"../../types/component/ChatContainer\";\n\n/**\n * cds-aichat-custom-element will is a pass through to cds-aichat-container. It takes any user_defined and writeable element\n * slotted content and forwards it to cds-aichat-container. It also will setup the custom element with a default viewChange\n * pattern (e.g. hiding and showing the custom element when the chat should be open/closed) if a onViewChange property is not\n * defined. Finally, it registers the custom element with cds-aichat-container so a default \"floating\" element will not be created.\n *\n * The custom element should be sized using external CSS. When hidden, the 'cds-aichat--hidden' class is added to set dimensions to 0x0.\n */\n@carbonElement(\"cds-aichat-custom-element\")\nclass ChatCustomElement extends FlattenedConfigElement {\n  /**\n   * Shared stylesheet for hiding styles.\n   */\n  private static hideSheet = new CSSStyleSheet();\n  static {\n    // Hide styles that override any external sizing. `replaceSync` is absent\n    // in non-browser environments (e.g. the jsdom-based test environment), so\n    // skip styling there rather than throwing at module-evaluation time.\n    ChatCustomElement.hideSheet.replaceSync?.(`\n      :host {\n        display: block;\n      }\n      :host(.cds-aichat--hidden) {\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        min-height: 0 !important;\n        max-width: 0 !important;\n        max-height: 0 !important;\n        inline-size: 0 !important;\n        block-size: 0 !important;\n        min-inline-size: 0 !important;\n        min-block-size: 0 !important;\n        max-inline-size: 0 !important;\n        max-block-size: 0 !important;\n        overflow: hidden !important;\n        display: block !important;\n      }\n    `);\n  }\n\n  /**\n   * Adopt our stylesheet into every shadowRoot.\n   */\n  protected createRenderRoot(): ShadowRoot {\n    // Lits default createRenderRoot actually returns a ShadowRoot\n    const root = super.createRenderRoot() as ShadowRoot;\n\n    // now TS knows root.adoptedStyleSheets exists\n    root.adoptedStyleSheets = [\n      ...root.adoptedStyleSheets,\n      ChatCustomElement.hideSheet,\n    ];\n    return root;\n  }\n\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   */\n  @property({ attribute: false })\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   */\n  @property({ attribute: false })\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is complete.\n   *\n   * Use this callback to update your CSS class name values on this element before the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewPreChange?: (event: BusEventViewPreChange) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  /**\n   * Optional callback to render custom message footers. When provided, the inner cds-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderCustomMessageFooter?: WCRenderCustomMessageFooter;\n\n  @state()\n  private _userDefinedSlotNames: string[] = [];\n\n  @state()\n  private _writeableElementSlots: string[] = [];\n\n  @state()\n  private _customFooterSlotNames: string[] = [];\n\n  @state()\n  private _instance!: ChatInstance;\n\n  private defaultViewChangeHandler = (event: BusEventViewChange) => {\n    if (event.newViewState.mainWindow) {\n      this.classList.remove(\"cds-aichat--hidden\");\n    } else {\n      this.classList.add(\"cds-aichat--hidden\");\n    }\n  };\n\n  private userDefinedHandler = (\n    event: BusEventUserDefinedResponse | BusEventChunkUserDefinedResponse,\n  ) => {\n    const { slot } = event.data;\n    if (!this._userDefinedSlotNames.includes(slot)) {\n      this._userDefinedSlotNames = [...this._userDefinedSlotNames, slot];\n    }\n  };\n\n  private customFooterHandler = (event: BusEventCustomFooterSlot) => {\n    const { slotName } = event.data;\n    if (!this._customFooterSlotNames.includes(slotName)) {\n      this._customFooterSlotNames = [...this._customFooterSlotNames, slotName];\n    }\n  };\n\n  private onBeforeRenderOverride = async (instance: ChatInstance) => {\n    this._instance = instance;\n    if (this.onViewPreChange) {\n      this._instance.on({\n        type: BusEventType.VIEW_PRE_CHANGE,\n        handler: this.onViewPreChange,\n      });\n    }\n    this._instance.on({\n      type: BusEventType.VIEW_CHANGE,\n      handler: this.onViewChange || this.defaultViewChangeHandler,\n    });\n\n    if (!this.renderUserDefinedResponse) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderUserDefinedResponse is set, the inner cds-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n      this._instance.on({\n        type: BusEventType.CHUNK_USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n    }\n\n    if (!this.renderCustomMessageFooter) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderCustomMessageFooter is set, the inner cds-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.CUSTOM_FOOTER_SLOT,\n        handler: this.customFooterHandler,\n      });\n    }\n    this.addWriteableElementSlots();\n    await this.onBeforeRender?.(instance);\n  };\n\n  private addWriteableElementSlots() {\n    this._writeableElementSlots = Object.keys(this._instance.writeableElements);\n  }\n\n  render() {\n    return html`\n      <cds-aichat-container\n        .config=${this.resolvedConfig}\n        .header=${this.resolvedConfig.header}\n        .onAfterRender=${this.onAfterRender}\n        .onBeforeRender=${this.onBeforeRenderOverride}\n        .element=${this}\n        .renderUserDefinedResponse=${this.renderUserDefinedResponse}\n        .renderCustomMessageFooter=${this.renderCustomMessageFooter}\n      >\n        ${this._writeableElementSlots.map(\n          (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n        )}\n        ${this.renderUserDefinedResponse\n          ? null\n          : this._userDefinedSlotNames.map(\n              (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n            )}\n        ${this.renderCustomMessageFooter\n          ? null\n          : this._customFooterSlotNames.map(\n              (slot) =>\n                html`<div slot=${slot}><slot name=${slot}></slot></div>`,\n            )}\n      </cds-aichat-container>\n    `;\n  }\n}\n\n/**\n * Attributes interface for the cds-aichat-custom-element web component.\n * This interface extends {@link PublicConfig} with additional component-specific props,\n * flattening all config properties as top-level properties for better TypeScript IntelliSense.\n *\n * @category Web component\n */\ninterface CdsAiChatCustomElementAttributes extends PublicConfig {\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   */\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   */\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * An optional listener for \"view:change\" events. Such a listener is required when using a custom element in order\n   * to control the visibility of the Carbon AI Chat main window. If no callback is provided here, a default one will be\n   * used that injects styling into the app that will show and hide the Carbon AI Chat main window and also change the\n   * size of the custom element so it doesn't take up space when the main window is closed.\n   *\n   * You can provide a different callback here if you want custom behavior such as an animation when the main window\n   * is opened or closed.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the event\n   * handler will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-aichat-container\n   * manages all event listening, slot tracking, streaming state, and element lifecycle.\n   */\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  /**\n   * Optional callback to render custom message footers. When provided, the inner cds-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  renderCustomMessageFooter?: WCRenderCustomMessageFooter;\n}\n\nexport { CdsAiChatCustomElementAttributes };\n\nexport default ChatCustomElement;\n"],"names":["ChatCustomElement","ChatCustomElement_1","FlattenedConfigElement","constructor","this","_userDefinedSlotNames","_writeableElementSlots","_customFooterSlotNames","defaultViewChangeHandler","event","newViewState","mainWindow","classList","remove","add","userDefinedHandler","slot","data","includes","customFooterHandler","slotName","onBeforeRenderOverride","async","instance","_instance","onViewPreChange","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE","onViewChange","renderUserDefinedResponse","USER_DEFINED_RESPONSE","CHUNK_USER_DEFINED_RESPONSE","renderCustomMessageFooter","CUSTOM_FOOTER_SLOT","addWriteableElementSlots","onBeforeRender","createRenderRoot","root","super","adoptedStyleSheets","hideSheet","Object","keys","writeableElements","render","html","resolvedConfig","header","onAfterRender","map","CSSStyleSheet","replaceSync","__decorate","property","attribute","prototype","state","carbonElement","ChatCustomElement_default"],"mappings":"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"}

package/dist/es-custom/aiChatEntry.js

@@ -271,7 +271,7 @@ const ReactChatContainer = React.memo(createComponent({
 }));
 
 function ChatContainer(props) {
-  const {onBeforeRender, onAfterRender, strings, serviceDeskFactory, serviceDesk, renderUserDefinedResponse, renderCustomMessageFooter, renderWriteableElements, element, onError, openChatByDefault, disclaimer, disableCustomElementMobileEnhancements, debug, exposeServiceManagerForTesting, injectCarbonTheme, aiEnabled, shouldTakeFocusIfOpensAutomatically, namespace, shouldSanitizeHTML, header, history, layout, messaging, isReadonly, persistFeedback, assistantName, assistantAvatarUrl, locale, homescreen, launcher, input, keyboardShortcuts, upload, ...domProps} = props;
+  const {onBeforeRender, onAfterRender, onViewChange, onViewPreChange, strings, serviceDeskFactory, serviceDesk, renderUserDefinedResponse, renderCustomMessageFooter, renderWriteableElements, element, onError, openChatByDefault, disclaimer, disableCustomElementMobileEnhancements, debug, exposeServiceManagerForTesting, injectCarbonTheme, aiEnabled, shouldTakeFocusIfOpensAutomatically, namespace, shouldSanitizeHTML, header, history, layout, messaging, isReadonly, persistFeedback, assistantName, assistantAvatarUrl, locale, homescreen, launcher, input, keyboardShortcuts, upload, ...domProps} = props;
   const config = useMemo(() => ({
     onError,
     openChatByDefault,
@@ -360,9 +360,21 @@ function ChatContainer(props) {
         setWriteableElementSlots(slots);
       };
       addWriteableElementSlots();
+      if (onViewPreChange) {
+        instance.on({
+          type: BusEventType.VIEW_PRE_CHANGE,
+          handler: onViewPreChange
+        });
+      }
+      if (onViewChange) {
+        instance.on({
+          type: BusEventType.VIEW_CHANGE,
+          handler: onViewChange
+        });
+      }
       onBeforeRender?.(instance);
     }
-  }, [ onBeforeRender ]);
+  }, [ onBeforeRender, onViewChange, onViewPreChange ]);
   if (!isBrowser()) {
     return null;
   }

package/dist/es-custom/aiChatEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiChatEntry.js","sources":["../../../../src/globals/utils/readCarbonChatSession.ts","../../../../src/react/ChatContainer.tsx","../../../../src/react/ChatCustomElement.tsx"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport { VERSION } from \"../../chat/utils/environmentVariables\";\nimport { PersistedState } from \"../../types/state/AppState\";\nimport { IS_SESSION_STORAGE } from \"../../chat/utils/browserUtils\";\nimport { getSuffix } from \"../../chat/services/NamespaceService\";\n\n/**\n * Reads and validates the Carbon AI Chat session from sessionStorage.\n * Returns null if no session exists, if the data is corrupt, or if the\n * session was written by a different version of the library (version mismatch).\n *\n * Pass the same namespace value as {@link PublicConfig.namespace} (if any).\n *\n * @category Utilities\n *\n * @example\n * const session = readCarbonChatSession();\n * const wasOpen = session?.viewState.mainWindow === true;\n *\n * @example\n * // With a namespace matching PublicConfig.namespace\n * const session = readCarbonChatSession(\"myapp\");\n * const wasOpen = session?.viewState.mainWindow === true;\n */\nfunction readCarbonChatSession(namespace?: string): PersistedState | null {\n  try {\n    if (!IS_SESSION_STORAGE()) {\n      return null;\n    }\n    const key = `CARBON_CHAT_SESSION${getSuffix(namespace)}`;\n    const raw = window.sessionStorage.getItem(key);\n    if (!raw) {\n      return null;\n    }\n    const session = JSON.parse(raw) as PersistedState;\n    if (session?.version !== VERSION) {\n      return null;\n    }\n    return session;\n  } catch {\n    return null;\n  }\n}\n\nexport { readCarbonChatSession };\n","/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport { createComponent } from \"@lit/react\";\nimport { css, LitElement, PropertyValues } from \"lit\";\nimport React, {\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport ChatAppEntry from \"../chat/ChatAppEntry\";\nimport { carbonElement } from \"@carbon/ai-chat-components/es-custom/globals/decorators/index.js\";\nimport { ChatContainerProps } from \"../types/component/ChatContainer\";\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport { PublicConfig } from \"../types/config/PublicConfig\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * This component creates a custom element protected by a shadow DOM to render the React application into. It creates\n * slotted elements for user_defined responses and for writable elements.\n *\n * The corresponding slots are defined within the React application and are rendered in place.\n */\n\n/**\n * Create a web component to host the React application. We do this so we can provide custom elements and user_defined responses as\n * slotted content so they maintain their own styling in a safe way.\n */\n@carbonElement(\"cds-custom-aichat-react\")\nclass ChatContainerReact extends LitElement {\n  static styles = css`\n    :host {\n      width: 100%;\n      height: 100%;\n    }\n  `;\n\n  /**\n   * Dispatch a custom event when the shadow DOM is ready\n   * This ensures React can safely access shadowRoot\n   */\n  firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.dispatchEvent(new CustomEvent(\"shadow-ready\", { bubbles: true }));\n  }\n}\n\n// Wrap the custom element as a React component\nconst ReactChatContainer = React.memo(\n  createComponent({\n    tagName: \"cds-custom-aichat-react\",\n    elementClass: ChatContainerReact,\n    react: React,\n  }),\n);\n\n/**\n * The ChatContainer controls rendering the React application into the shadow DOM of the cds-custom-aichat-react web component.\n * It also injects the writeable element and user_defined response slots into said web component.\n *\n * @category React\n */\nfunction ChatContainer(\n  props: ChatContainerProps &\n    Omit<HTMLAttributes<HTMLElement>, keyof ChatContainerProps>,\n) {\n  const {\n    onBeforeRender,\n    onAfterRender,\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    renderUserDefinedResponse,\n    renderCustomMessageFooter,\n    renderWriteableElements,\n    element,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    shouldSanitizeHTML,\n    header,\n    history,\n    layout,\n    messaging,\n    isReadonly,\n    persistFeedback,\n    assistantName,\n    assistantAvatarUrl,\n    locale,\n    homescreen,\n    launcher,\n    input,\n    keyboardShortcuts,\n    upload,\n    ...domProps\n  } = props;\n  // Reconstruct PublicConfig from flattened props\n  const config = useMemo(\n    (): PublicConfig => ({\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      shouldSanitizeHTML,\n      header,\n      history,\n      layout,\n      messaging,\n      isReadonly,\n      persistFeedback,\n      assistantName,\n      assistantAvatarUrl,\n      locale,\n      homescreen,\n      launcher,\n      input,\n      keyboardShortcuts,\n      upload,\n    }),\n    [\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      shouldSanitizeHTML,\n      header,\n      history,\n      layout,\n      messaging,\n      isReadonly,\n      persistFeedback,\n      assistantName,\n      assistantAvatarUrl,\n      locale,\n      homescreen,\n      launcher,\n      input,\n      keyboardShortcuts,\n      upload,\n    ],\n  );\n\n  const wrapperRef = useRef(null); // Ref for the React wrapper component\n  const [wrapper, setWrapper] = useState(null);\n  const [container, setContainer] = useState<HTMLElement | null>(null); // Actual element we render the React Portal to in the Shadowroot.\n\n  const [writeableElementSlots, setWriteableElementSlots] = useState<\n    HTMLElement[]\n  >([]);\n  const [currentInstance, setCurrentInstance] = useState<ChatInstance>(null);\n\n  /**\n   * Setup the DOM nodes of both the web component to be able to inject slotted content into it, and the element inside the\n   * shadow DOM we will inject our React application into.\n   */\n  useEffect(() => {\n    if (!wrapperRef.current) {\n      return null; // Early return when there's nothing to set up because the element isn't ready.\n    }\n\n    let eventListenerAdded = false;\n\n    const wrapperElement = wrapperRef.current as unknown as ChatContainerReact;\n\n    // We need to check if the element in the shadow DOM we are render the React application to exists.\n    // If it doesn't, we need to create and append it.\n\n    const handleShadowReady = () => {\n      // Now we know shadowRoot is definitely available\n      let reactElement = wrapperElement.shadowRoot.querySelector(\n        \".cds-custom-aichat--react-app\",\n      ) as HTMLElement;\n\n      if (!reactElement) {\n        reactElement = document.createElement(\"div\");\n        reactElement.classList.add(\"cds-custom-aichat--react-app\");\n        wrapperElement.shadowRoot.appendChild(reactElement);\n      }\n\n      if (wrapperElement !== wrapper) {\n        setWrapper(wrapperElement);\n      }\n      if (reactElement !== container) {\n        setContainer(reactElement);\n      }\n    };\n\n    if (wrapperElement.shadowRoot) {\n      // Already ready\n      handleShadowReady();\n    } else {\n      // Wait for ready event\n      eventListenerAdded = true;\n      wrapperElement.addEventListener(\"shadow-ready\", handleShadowReady, {\n        once: true,\n      });\n    }\n\n    return () => {\n      if (eventListenerAdded) {\n        wrapperElement.removeEventListener(\"shadow-ready\", handleShadowReady);\n      }\n    };\n  }, [container, wrapper, currentInstance]);\n\n  /**\n   * Here we write the slotted elements into the wrapper so they are passed into the application to be rendered in their slot.\n   */\n  useEffect(() => {\n    if (wrapper) {\n      const combinedNodes: HTMLElement[] = [...writeableElementSlots];\n      const currentNodes: HTMLElement[] = Array.from(\n        wrapper.childNodes,\n      ) as HTMLElement[];\n\n      // Append new nodes that aren't already in the container\n      combinedNodes.forEach((node) => {\n        if (!currentNodes.includes(node)) {\n          wrapper.appendChild(node);\n        }\n      });\n    }\n  }, [writeableElementSlots, wrapper]);\n\n  const onBeforeRenderOverride = useCallback(\n    (instance: ChatInstance) => {\n      if (instance) {\n        const addWriteableElementSlots = () => {\n          const slots: HTMLElement[] = Object.entries(\n            instance.writeableElements,\n          ).map((writeableElement) => {\n            const [key, element] = writeableElement;\n            element.setAttribute(\"slot\", key); // Assign slot attributes dynamically\n            return element;\n          });\n          setWriteableElementSlots(slots);\n        };\n\n        addWriteableElementSlots();\n        onBeforeRender?.(instance);\n      }\n    },\n    [onBeforeRender],\n  );\n\n  // If we are in SSR mode, just short circuit here. This prevents all of our window.* and document.* stuff from trying\n  // to run and erroring out.\n  if (!isBrowser()) {\n    return null;\n  }\n\n  return (\n    <>\n      <ReactChatContainer ref={wrapperRef} {...domProps} />\n      {container &&\n        createPortal(\n          <ChatAppEntry\n            key=\"stable-chat-instance\"\n            config={config}\n            strings={strings}\n            serviceDeskFactory={serviceDeskFactory}\n            serviceDesk={serviceDesk}\n            renderUserDefinedResponse={renderUserDefinedResponse}\n            renderCustomMessageFooter={renderCustomMessageFooter}\n            renderWriteableElements={renderWriteableElements}\n            onBeforeRender={onBeforeRenderOverride}\n            onAfterRender={onAfterRender}\n            container={container}\n            setParentInstance={setCurrentInstance}\n            element={element}\n            chatWrapper={wrapper}\n          />,\n          container,\n        )}\n    </>\n  );\n}\n\nexport { ChatContainer, ChatContainerProps };\n","/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport React, {\n  type HTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport {\n  BusEventType,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../types/events/eventBusTypes\";\nimport { ChatContainer, ChatContainerProps } from \"./ChatContainer\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * Properties for the ChatContainer React component. This interface extends\n * {@link ChatContainerProps} and {@link PublicConfig} with additional component-specific props, flattening all\n * config properties as top-level props for better TypeScript IntelliSense.\n *\n * @category React\n */\ninterface ChatCustomElementProps extends ChatContainerProps {\n  /**\n   * A CSS class name that will be added to the custom element. This class must define the size of the\n   * your custom element (width and height or using logical inline-size/block-size).\n   *\n   * You can make use of onViewPreChange and/or onViewChange to mutate this className value so have open/close animations.\n   *\n   * By default, the chat will just set the chat shell to a 0x0 size and mark everything but the launcher (is you are using it)\n   * as display: none; if the chat is set to closed.\n   */\n  className: string;\n\n  /**\n   * An optional id that will be added to the custom element.\n   */\n  id?: string;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is *complete*.\n   *\n   * Use this callback to update your className value *before* the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  onViewPreChange?: (\n    event: BusEventViewPreChange,\n    instance: ChatInstance,\n  ) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n}\n\nconst customElementStylesheet =\n  isBrowser() && typeof CSSStyleSheet !== \"undefined\"\n    ? new CSSStyleSheet()\n    : null;\n\nconst hideStyles = `\n  .cds-custom-aichat--hidden {\n    width: 0 !important;\n    height: 0 !important;\n    min-width: 0 !important;\n    min-height: 0 !important;\n    max-width: 0 !important;\n    max-height: 0 !important;\n    inline-size: 0 !important;\n    block-size: 0 !important;\n    min-inline-size: 0 !important;\n    min-block-size: 0 !important;\n    max-inline-size: 0 !important;\n    max-block-size: 0 !important;\n    overflow: hidden !important;\n  }\n`;\n\n// Inject styles using adopted stylesheets when available, fallback to style element\nif (\n  isBrowser() &&\n  !document.getElementById(\"cds-custom-aichat-custom-element-styles\")\n) {\n  if (customElementStylesheet && \"replaceSync\" in customElementStylesheet) {\n    customElementStylesheet.replaceSync(hideStyles);\n    document.adoptedStyleSheets = [\n      ...document.adoptedStyleSheets,\n      customElementStylesheet,\n    ];\n  } else {\n    // Fallback for when adoptedStyleSheets are not supported\n    const style = document.createElement(\"style\");\n    style.id = \"cds-custom-aichat-custom-element-styles\";\n    style.textContent = hideStyles;\n    document.head.appendChild(style);\n  }\n}\n\n/**\n * This is the React component for people injecting a Carbon AI Chat with a custom element.\n *\n * It provides said element any class or id defined on itself for styling. It then calls ChatContainer with the custom\n * element passed in as a property to be used instead of generating an element with the default properties for a\n * floating chat.\n *\n * @category React\n */\nfunction ChatCustomElement(\n  props: ChatCustomElementProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof ChatCustomElementProps>,\n) {\n  const {\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    onBeforeRender,\n    onAfterRender,\n    renderUserDefinedResponse,\n    renderCustomMessageFooter,\n    renderWriteableElements,\n    className,\n    id,\n    onViewChange,\n    onViewPreChange,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    shouldSanitizeHTML,\n    header,\n    history,\n    layout,\n    messaging,\n    isReadonly,\n    persistFeedback,\n    assistantName,\n    assistantAvatarUrl,\n    locale,\n    homescreen,\n    launcher,\n    input,\n    keyboardShortcuts,\n    upload,\n    ...domProps\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [elementReady, setElementReady] = useState(false);\n\n  useLayoutEffect(() => {\n    setElementReady(true);\n  }, []);\n\n  const onBeforeRenderOverride = useCallback(\n    async (instance: ChatInstance) => {\n      /**\n       * A default handler for the \"view:change\" event. This will be used to show or hide the Carbon AI Chat main window\n       * by adding/removing a CSS class that sets the element size to 0x0 when hidden.\n       */\n      function defaultViewChangeHandler(event: BusEventViewChange) {\n        const el = containerRef.current;\n        if (el) {\n          if (event.newViewState.mainWindow) {\n            // Show: remove the hidden class, let the provided className handle sizing\n            el.classList.remove(\"cds-custom-aichat--hidden\");\n          } else {\n            // Hide: add the hidden class to set size to 0x0\n            el.classList.add(\"cds-custom-aichat--hidden\");\n          }\n        }\n      }\n\n      if (onViewPreChange) {\n        instance.on({\n          type: BusEventType.VIEW_PRE_CHANGE,\n          handler: onViewPreChange,\n        });\n      }\n\n      instance.on({\n        type: BusEventType.VIEW_CHANGE,\n        handler: onViewChange || defaultViewChangeHandler,\n      });\n\n      return onBeforeRender?.(instance);\n    },\n    [onViewPreChange, onViewChange, onBeforeRender],\n  );\n\n  return (\n    <div className={className} id={id} ref={containerRef} {...domProps}>\n      {elementReady && containerRef.current && (\n        <ChatContainer\n          // Flattened PublicConfig properties\n          onError={onError}\n          openChatByDefault={openChatByDefault}\n          disclaimer={disclaimer}\n          disableCustomElementMobileEnhancements={\n            disableCustomElementMobileEnhancements\n          }\n          debug={debug}\n          exposeServiceManagerForTesting={exposeServiceManagerForTesting}\n          injectCarbonTheme={injectCarbonTheme}\n          aiEnabled={aiEnabled}\n          shouldTakeFocusIfOpensAutomatically={\n            shouldTakeFocusIfOpensAutomatically\n          }\n          namespace={namespace}\n          shouldSanitizeHTML={shouldSanitizeHTML}\n          header={header}\n          history={history}\n          layout={layout}\n          messaging={messaging}\n          isReadonly={isReadonly}\n          persistFeedback={persistFeedback}\n          assistantName={assistantName}\n          assistantAvatarUrl={assistantAvatarUrl}\n          locale={locale}\n          homescreen={homescreen}\n          launcher={launcher}\n          input={input}\n          keyboardShortcuts={keyboardShortcuts}\n          upload={upload}\n          // Other ChatContainer props\n          strings={strings}\n          serviceDeskFactory={serviceDeskFactory}\n          serviceDesk={serviceDesk}\n          onBeforeRender={onBeforeRenderOverride}\n          onAfterRender={onAfterRender}\n          renderUserDefinedResponse={renderUserDefinedResponse}\n          renderCustomMessageFooter={renderCustomMessageFooter}\n          renderWriteableElements={renderWriteableElements}\n          element={containerRef.current}\n        />\n      )}\n    </div>\n  );\n}\n\nexport { ChatCustomElement, ChatCustomElementProps };\n"],"names":["readCarbonChatSession","namespace","IS_SESSION_STORAGE","key","getSuffix","raw","window","sessionStorage","getItem","session","JSON","parse","version","VERSION","ChatContainerReact","LitElement","firstUpdated","changedProperties","super","this","dispatchEvent","CustomEvent","bubbles","styles","css","__decorate","carbonElement","ReactChatContainer","React","memo","createComponent","tagName","elementClass","react","ChatContainer","props","onBeforeRender","onAfterRender","strings","serviceDeskFactory","serviceDesk","renderUserDefinedResponse","renderCustomMessageFooter","renderWriteableElements","element","onError","openChatByDefault","disclaimer","disableCustomElementMobileEnhancements","debug","exposeServiceManagerForTesting","injectCarbonTheme","aiEnabled","shouldTakeFocusIfOpensAutomatically","shouldSanitizeHTML","header","history","layout","messaging","isReadonly","persistFeedback","assistantName","assistantAvatarUrl","locale","homescreen","launcher","input","keyboardShortcuts","upload","domProps","config","useMemo","wrapperRef","useRef","wrapper","setWrapper","useState","container","setContainer","writeableElementSlots","setWriteableElementSlots","currentInstance","setCurrentInstance","useEffect","current","eventListenerAdded","wrapperElement","handleShadowReady","reactElement","shadowRoot","querySelector","document","createElement","classList","add","appendChild","addEventListener","once","removeEventListener","combinedNodes","currentNodes","Array","from","childNodes","forEach","node","includes","onBeforeRenderOverride","useCallback","instance","addWriteableElementSlots","slots","Object","entries","writeableElements","map","writeableElement","setAttribute","isBrowser","Fragment","ref","createPortal","ChatAppEntry","setParentInstance","chatWrapper","customElementStylesheet","CSSStyleSheet","hideStyles","getElementById","replaceSync","adoptedStyleSheets","style","id","textContent","head","ChatCustomElement","className","onViewChange","onViewPreChange","containerRef","elementReady","setElementReady","useLayoutEffect","async","defaultViewChangeHandler","event","el","newViewState","mainWindow","remove","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE"],"mappings":"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"}
+{"version":3,"file":"aiChatEntry.js","sources":["../../../../src/globals/utils/readCarbonChatSession.ts","../../../../src/react/ChatContainer.tsx","../../../../src/react/ChatCustomElement.tsx"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport { VERSION } from \"../../chat/utils/environmentVariables\";\nimport { PersistedState } from \"../../types/state/AppState\";\nimport { IS_SESSION_STORAGE } from \"../../chat/utils/browserUtils\";\nimport { getSuffix } from \"../../chat/services/NamespaceService\";\n\n/**\n * Reads and validates the Carbon AI Chat session from sessionStorage.\n * Returns null if no session exists, if the data is corrupt, or if the\n * session was written by a different version of the library (version mismatch).\n *\n * Pass the same namespace value as {@link PublicConfig.namespace} (if any).\n *\n * @category Utilities\n *\n * @example\n * const session = readCarbonChatSession();\n * const wasOpen = session?.viewState.mainWindow === true;\n *\n * @example\n * // With a namespace matching PublicConfig.namespace\n * const session = readCarbonChatSession(\"myapp\");\n * const wasOpen = session?.viewState.mainWindow === true;\n */\nfunction readCarbonChatSession(namespace?: string): PersistedState | null {\n  try {\n    if (!IS_SESSION_STORAGE()) {\n      return null;\n    }\n    const key = `CARBON_CHAT_SESSION${getSuffix(namespace)}`;\n    const raw = window.sessionStorage.getItem(key);\n    if (!raw) {\n      return null;\n    }\n    const session = JSON.parse(raw) as PersistedState;\n    if (session?.version !== VERSION) {\n      return null;\n    }\n    return session;\n  } catch {\n    return null;\n  }\n}\n\nexport { readCarbonChatSession };\n","/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport { createComponent } from \"@lit/react\";\nimport { css, LitElement, PropertyValues } from \"lit\";\nimport React, {\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport ChatAppEntry from \"../chat/ChatAppEntry\";\nimport { carbonElement } from \"@carbon/ai-chat-components/es-custom/globals/decorators/index.js\";\nimport { ChatContainerProps } from \"../types/component/ChatContainer\";\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport { BusEventType } from \"../types/events/eventBusTypes\";\nimport { PublicConfig } from \"../types/config/PublicConfig\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * This component creates a custom element protected by a shadow DOM to render the React application into. It creates\n * slotted elements for user_defined responses and for writable elements.\n *\n * The corresponding slots are defined within the React application and are rendered in place.\n */\n\n/**\n * Create a web component to host the React application. We do this so we can provide custom elements and user_defined responses as\n * slotted content so they maintain their own styling in a safe way.\n */\n@carbonElement(\"cds-custom-aichat-react\")\nclass ChatContainerReact extends LitElement {\n  static styles = css`\n    :host {\n      width: 100%;\n      height: 100%;\n    }\n  `;\n\n  /**\n   * Dispatch a custom event when the shadow DOM is ready\n   * This ensures React can safely access shadowRoot\n   */\n  firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.dispatchEvent(new CustomEvent(\"shadow-ready\", { bubbles: true }));\n  }\n}\n\n// Wrap the custom element as a React component\nconst ReactChatContainer = React.memo(\n  createComponent({\n    tagName: \"cds-custom-aichat-react\",\n    elementClass: ChatContainerReact,\n    react: React,\n  }),\n);\n\n/**\n * The ChatContainer controls rendering the React application into the shadow DOM of the cds-custom-aichat-react web component.\n * It also injects the writeable element and user_defined response slots into said web component.\n *\n * @category React\n */\nfunction ChatContainer(\n  props: ChatContainerProps &\n    Omit<HTMLAttributes<HTMLElement>, keyof ChatContainerProps>,\n) {\n  const {\n    onBeforeRender,\n    onAfterRender,\n    onViewChange,\n    onViewPreChange,\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    renderUserDefinedResponse,\n    renderCustomMessageFooter,\n    renderWriteableElements,\n    element,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    shouldSanitizeHTML,\n    header,\n    history,\n    layout,\n    messaging,\n    isReadonly,\n    persistFeedback,\n    assistantName,\n    assistantAvatarUrl,\n    locale,\n    homescreen,\n    launcher,\n    input,\n    keyboardShortcuts,\n    upload,\n    ...domProps\n  } = props;\n  // Reconstruct PublicConfig from flattened props\n  const config = useMemo(\n    (): PublicConfig => ({\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      shouldSanitizeHTML,\n      header,\n      history,\n      layout,\n      messaging,\n      isReadonly,\n      persistFeedback,\n      assistantName,\n      assistantAvatarUrl,\n      locale,\n      homescreen,\n      launcher,\n      input,\n      keyboardShortcuts,\n      upload,\n    }),\n    [\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      shouldSanitizeHTML,\n      header,\n      history,\n      layout,\n      messaging,\n      isReadonly,\n      persistFeedback,\n      assistantName,\n      assistantAvatarUrl,\n      locale,\n      homescreen,\n      launcher,\n      input,\n      keyboardShortcuts,\n      upload,\n    ],\n  );\n\n  const wrapperRef = useRef(null); // Ref for the React wrapper component\n  const [wrapper, setWrapper] = useState(null);\n  const [container, setContainer] = useState<HTMLElement | null>(null); // Actual element we render the React Portal to in the Shadowroot.\n\n  const [writeableElementSlots, setWriteableElementSlots] = useState<\n    HTMLElement[]\n  >([]);\n  const [currentInstance, setCurrentInstance] = useState<ChatInstance>(null);\n\n  /**\n   * Setup the DOM nodes of both the web component to be able to inject slotted content into it, and the element inside the\n   * shadow DOM we will inject our React application into.\n   */\n  useEffect(() => {\n    if (!wrapperRef.current) {\n      return null; // Early return when there's nothing to set up because the element isn't ready.\n    }\n\n    let eventListenerAdded = false;\n\n    const wrapperElement = wrapperRef.current as unknown as ChatContainerReact;\n\n    // We need to check if the element in the shadow DOM we are render the React application to exists.\n    // If it doesn't, we need to create and append it.\n\n    const handleShadowReady = () => {\n      // Now we know shadowRoot is definitely available\n      let reactElement = wrapperElement.shadowRoot.querySelector(\n        \".cds-custom-aichat--react-app\",\n      ) as HTMLElement;\n\n      if (!reactElement) {\n        reactElement = document.createElement(\"div\");\n        reactElement.classList.add(\"cds-custom-aichat--react-app\");\n        wrapperElement.shadowRoot.appendChild(reactElement);\n      }\n\n      if (wrapperElement !== wrapper) {\n        setWrapper(wrapperElement);\n      }\n      if (reactElement !== container) {\n        setContainer(reactElement);\n      }\n    };\n\n    if (wrapperElement.shadowRoot) {\n      // Already ready\n      handleShadowReady();\n    } else {\n      // Wait for ready event\n      eventListenerAdded = true;\n      wrapperElement.addEventListener(\"shadow-ready\", handleShadowReady, {\n        once: true,\n      });\n    }\n\n    return () => {\n      if (eventListenerAdded) {\n        wrapperElement.removeEventListener(\"shadow-ready\", handleShadowReady);\n      }\n    };\n  }, [container, wrapper, currentInstance]);\n\n  /**\n   * Here we write the slotted elements into the wrapper so they are passed into the application to be rendered in their slot.\n   */\n  useEffect(() => {\n    if (wrapper) {\n      const combinedNodes: HTMLElement[] = [...writeableElementSlots];\n      const currentNodes: HTMLElement[] = Array.from(\n        wrapper.childNodes,\n      ) as HTMLElement[];\n\n      // Append new nodes that aren't already in the container\n      combinedNodes.forEach((node) => {\n        if (!currentNodes.includes(node)) {\n          wrapper.appendChild(node);\n        }\n      });\n    }\n  }, [writeableElementSlots, wrapper]);\n\n  const onBeforeRenderOverride = useCallback(\n    (instance: ChatInstance) => {\n      if (instance) {\n        const addWriteableElementSlots = () => {\n          const slots: HTMLElement[] = Object.entries(\n            instance.writeableElements,\n          ).map((writeableElement) => {\n            const [key, element] = writeableElement;\n            element.setAttribute(\"slot\", key); // Assign slot attributes dynamically\n            return element;\n          });\n          setWriteableElementSlots(slots);\n        };\n\n        addWriteableElementSlots();\n\n        // Opt-in view-change observation hooks. The float container manages\n        // its own visibility, so there is no default handler — a prop is only\n        // subscribed when the consumer provides it.\n        if (onViewPreChange) {\n          instance.on({\n            type: BusEventType.VIEW_PRE_CHANGE,\n            handler: onViewPreChange,\n          });\n        }\n        if (onViewChange) {\n          instance.on({\n            type: BusEventType.VIEW_CHANGE,\n            handler: onViewChange,\n          });\n        }\n\n        onBeforeRender?.(instance);\n      }\n    },\n    [onBeforeRender, onViewChange, onViewPreChange],\n  );\n\n  // If we are in SSR mode, just short circuit here. This prevents all of our window.* and document.* stuff from trying\n  // to run and erroring out.\n  if (!isBrowser()) {\n    return null;\n  }\n\n  return (\n    <>\n      <ReactChatContainer ref={wrapperRef} {...domProps} />\n      {container &&\n        createPortal(\n          <ChatAppEntry\n            key=\"stable-chat-instance\"\n            config={config}\n            strings={strings}\n            serviceDeskFactory={serviceDeskFactory}\n            serviceDesk={serviceDesk}\n            renderUserDefinedResponse={renderUserDefinedResponse}\n            renderCustomMessageFooter={renderCustomMessageFooter}\n            renderWriteableElements={renderWriteableElements}\n            onBeforeRender={onBeforeRenderOverride}\n            onAfterRender={onAfterRender}\n            container={container}\n            setParentInstance={setCurrentInstance}\n            element={element}\n            chatWrapper={wrapper}\n          />,\n          container,\n        )}\n    </>\n  );\n}\n\nexport { ChatContainer, ChatContainerProps };\n","/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport React, {\n  type HTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport {\n  BusEventType,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../types/events/eventBusTypes\";\nimport { ChatContainer, ChatContainerProps } from \"./ChatContainer\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * Properties for the ChatContainer React component. This interface extends\n * {@link ChatContainerProps} and {@link PublicConfig} with additional component-specific props, flattening all\n * config properties as top-level props for better TypeScript IntelliSense.\n *\n * @category React\n */\ninterface ChatCustomElementProps extends ChatContainerProps {\n  /**\n   * A CSS class name that will be added to the custom element. This class must define the size of the\n   * your custom element (width and height or using logical inline-size/block-size).\n   *\n   * You can make use of onViewPreChange and/or onViewChange to mutate this className value so have open/close animations.\n   *\n   * By default, the chat will just set the chat shell to a 0x0 size and mark everything but the launcher (is you are using it)\n   * as display: none; if the chat is set to closed.\n   */\n  className: string;\n\n  /**\n   * An optional id that will be added to the custom element.\n   */\n  id?: string;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is *complete*.\n   *\n   * Use this callback to update your className value *before* the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  onViewPreChange?: (\n    event: BusEventViewPreChange,\n    instance: ChatInstance,\n  ) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n}\n\nconst customElementStylesheet =\n  isBrowser() && typeof CSSStyleSheet !== \"undefined\"\n    ? new CSSStyleSheet()\n    : null;\n\nconst hideStyles = `\n  .cds-custom-aichat--hidden {\n    width: 0 !important;\n    height: 0 !important;\n    min-width: 0 !important;\n    min-height: 0 !important;\n    max-width: 0 !important;\n    max-height: 0 !important;\n    inline-size: 0 !important;\n    block-size: 0 !important;\n    min-inline-size: 0 !important;\n    min-block-size: 0 !important;\n    max-inline-size: 0 !important;\n    max-block-size: 0 !important;\n    overflow: hidden !important;\n  }\n`;\n\n// Inject styles using adopted stylesheets when available, fallback to style element\nif (\n  isBrowser() &&\n  !document.getElementById(\"cds-custom-aichat-custom-element-styles\")\n) {\n  if (customElementStylesheet && \"replaceSync\" in customElementStylesheet) {\n    customElementStylesheet.replaceSync(hideStyles);\n    document.adoptedStyleSheets = [\n      ...document.adoptedStyleSheets,\n      customElementStylesheet,\n    ];\n  } else {\n    // Fallback for when adoptedStyleSheets are not supported\n    const style = document.createElement(\"style\");\n    style.id = \"cds-custom-aichat-custom-element-styles\";\n    style.textContent = hideStyles;\n    document.head.appendChild(style);\n  }\n}\n\n/**\n * This is the React component for people injecting a Carbon AI Chat with a custom element.\n *\n * It provides said element any class or id defined on itself for styling. It then calls ChatContainer with the custom\n * element passed in as a property to be used instead of generating an element with the default properties for a\n * floating chat.\n *\n * @category React\n */\nfunction ChatCustomElement(\n  props: ChatCustomElementProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof ChatCustomElementProps>,\n) {\n  const {\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    onBeforeRender,\n    onAfterRender,\n    renderUserDefinedResponse,\n    renderCustomMessageFooter,\n    renderWriteableElements,\n    className,\n    id,\n    onViewChange,\n    onViewPreChange,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    shouldSanitizeHTML,\n    header,\n    history,\n    layout,\n    messaging,\n    isReadonly,\n    persistFeedback,\n    assistantName,\n    assistantAvatarUrl,\n    locale,\n    homescreen,\n    launcher,\n    input,\n    keyboardShortcuts,\n    upload,\n    ...domProps\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [elementReady, setElementReady] = useState(false);\n\n  useLayoutEffect(() => {\n    setElementReady(true);\n  }, []);\n\n  const onBeforeRenderOverride = useCallback(\n    async (instance: ChatInstance) => {\n      /**\n       * A default handler for the \"view:change\" event. This will be used to show or hide the Carbon AI Chat main window\n       * by adding/removing a CSS class that sets the element size to 0x0 when hidden.\n       */\n      function defaultViewChangeHandler(event: BusEventViewChange) {\n        const el = containerRef.current;\n        if (el) {\n          if (event.newViewState.mainWindow) {\n            // Show: remove the hidden class, let the provided className handle sizing\n            el.classList.remove(\"cds-custom-aichat--hidden\");\n          } else {\n            // Hide: add the hidden class to set size to 0x0\n            el.classList.add(\"cds-custom-aichat--hidden\");\n          }\n        }\n      }\n\n      if (onViewPreChange) {\n        instance.on({\n          type: BusEventType.VIEW_PRE_CHANGE,\n          handler: onViewPreChange,\n        });\n      }\n\n      instance.on({\n        type: BusEventType.VIEW_CHANGE,\n        handler: onViewChange || defaultViewChangeHandler,\n      });\n\n      return onBeforeRender?.(instance);\n    },\n    [onViewPreChange, onViewChange, onBeforeRender],\n  );\n\n  return (\n    <div className={className} id={id} ref={containerRef} {...domProps}>\n      {elementReady && containerRef.current && (\n        <ChatContainer\n          // Flattened PublicConfig properties\n          onError={onError}\n          openChatByDefault={openChatByDefault}\n          disclaimer={disclaimer}\n          disableCustomElementMobileEnhancements={\n            disableCustomElementMobileEnhancements\n          }\n          debug={debug}\n          exposeServiceManagerForTesting={exposeServiceManagerForTesting}\n          injectCarbonTheme={injectCarbonTheme}\n          aiEnabled={aiEnabled}\n          shouldTakeFocusIfOpensAutomatically={\n            shouldTakeFocusIfOpensAutomatically\n          }\n          namespace={namespace}\n          shouldSanitizeHTML={shouldSanitizeHTML}\n          header={header}\n          history={history}\n          layout={layout}\n          messaging={messaging}\n          isReadonly={isReadonly}\n          persistFeedback={persistFeedback}\n          assistantName={assistantName}\n          assistantAvatarUrl={assistantAvatarUrl}\n          locale={locale}\n          homescreen={homescreen}\n          launcher={launcher}\n          input={input}\n          keyboardShortcuts={keyboardShortcuts}\n          upload={upload}\n          // Other ChatContainer props\n          strings={strings}\n          serviceDeskFactory={serviceDeskFactory}\n          serviceDesk={serviceDesk}\n          onBeforeRender={onBeforeRenderOverride}\n          onAfterRender={onAfterRender}\n          renderUserDefinedResponse={renderUserDefinedResponse}\n          renderCustomMessageFooter={renderCustomMessageFooter}\n          renderWriteableElements={renderWriteableElements}\n          element={containerRef.current}\n        />\n      )}\n    </div>\n  );\n}\n\nexport { ChatCustomElement, ChatCustomElementProps };\n"],"names":["readCarbonChatSession","namespace","IS_SESSION_STORAGE","key","getSuffix","raw","window","sessionStorage","getItem","session","JSON","parse","version","VERSION","ChatContainerReact","LitElement","firstUpdated","changedProperties","super","this","dispatchEvent","CustomEvent","bubbles","styles","css","__decorate","carbonElement","ReactChatContainer","React","memo","createComponent","tagName","elementClass","react","ChatContainer","props","onBeforeRender","onAfterRender","onViewChange","onViewPreChange","strings","serviceDeskFactory","serviceDesk","renderUserDefinedResponse","renderCustomMessageFooter","renderWriteableElements","element","onError","openChatByDefault","disclaimer","disableCustomElementMobileEnhancements","debug","exposeServiceManagerForTesting","injectCarbonTheme","aiEnabled","shouldTakeFocusIfOpensAutomatically","shouldSanitizeHTML","header","history","layout","messaging","isReadonly","persistFeedback","assistantName","assistantAvatarUrl","locale","homescreen","launcher","input","keyboardShortcuts","upload","domProps","config","useMemo","wrapperRef","useRef","wrapper","setWrapper","useState","container","setContainer","writeableElementSlots","setWriteableElementSlots","currentInstance","setCurrentInstance","useEffect","current","eventListenerAdded","wrapperElement","handleShadowReady","reactElement","shadowRoot","querySelector","document","createElement","classList","add","appendChild","addEventListener","once","removeEventListener","combinedNodes","currentNodes","Array","from","childNodes","forEach","node","includes","onBeforeRenderOverride","useCallback","instance","addWriteableElementSlots","slots","Object","entries","writeableElements","map","writeableElement","setAttribute","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE","isBrowser","Fragment","ref","createPortal","ChatAppEntry","setParentInstance","chatWrapper","customElementStylesheet","CSSStyleSheet","hideStyles","getElementById","replaceSync","adoptedStyleSheets","style","id","textContent","head","ChatCustomElement","className","containerRef","elementReady","setElementReady","useLayoutEffect","async","defaultViewChangeHandler","event","el","newViewState","mainWindow","remove"],"mappings":"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"}