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

package/dist/es/{chat/shared/components/util/HideComponent.js → chat.HideComponent.js}

@@ -2,7 +2,14 @@ import cx from "classnames";
 
 import React from "react";
 
-import { HideComponentContext } from "../../contexts/HideComponentContext.js";
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ const HideComponentContext = React.createContext(false);
 
 /*
  *  Copyright IBM Corp. 2025
@@ -23,4 +30,4 @@ import { HideComponentContext } from "../../contexts/HideComponentContext.js";
   }, children));
 }
 
-export { HideComponent };
+export { HideComponent as H, HideComponentContext as a };

package/dist/es/{types/config/HomeScreenConfig.js → chat.HomeScreenConfig.js}

@@ -13,4 +13,4 @@ var HomeScreenBackgroundType;
   HomeScreenBackgroundType["SOLID"] = "solid";
 })(HomeScreenBackgroundType || (HomeScreenBackgroundType = {}));
 
-export { HomeScreenBackgroundType };
+export { HomeScreenBackgroundType as H };

package/dist/es/{chat/shared/components/homeScreen/HomeScreen.js → chat.HomeScreenContainer.js}

@@ -1,34 +1,128 @@
+import React, { useCallback } from "react";
+
+import { useSelector } from "react-redux";
+
+import { u as useServiceManager, b as usePrevious } from "./chat.usePrevious.js";
+
+import { O as OverlayPanelName, a as OverlayPanel, A as AnimationOutType, b as AnimationInType } from "./chat.PageObjectId.js";
+
 import ArrowRight from "@carbon/icons-react/es/ArrowRight.js";
 
 import { unstable__ChatButton } from "@carbon/react";
 
 import cx from "classnames";
 
-import React from "react";
+import { u as useLanguagePack } from "./chat.AppState.js";
 
-import { useSelector } from "react-redux";
+import { B as BrandColorKind } from "./chat.constants.js";
+
+import { I as InputExport } from "./chat.Input.js";
+
+import { a as WriteableElement } from "./chat.Header.js";
+
+import { H as HomeScreenHeaderExport } from "./chat.HomeScreenHeader.js";
+
+import { H as HomeScreenBackgroundType } from "./chat.HomeScreenConfig.js";
+
+import { a as ButtonKindEnum, B as ButtonSizeEnum } from "./chat.carbonTypes.js";
+
+import { W as WriteableElementName } from "./chat.dynamic-imports.js";
+
+import { T as THREAD_ID_MAIN } from "./chat.messageUtils.js";
+
+import "compute-scroll-into-view";
+
+import "memoize-one";
+
+import "tabbable";
+
+import "./chat.browserUtils.js";
+
+import "detect-browser";
+
+import "./chat.HideComponent.js";
+
+import "@carbon/icons-react/es/Attachment.js";
+
+import "@carbon/icons-react/es/Send.js";
+
+import "@carbon/icons-react/es/SendFilled.js";
+
+import "@lit/react";
+
+import "tslib";
+
+import "./chat.customElement.js";
+
+import "@carbon/web-components/es-custom/components/icon-button/index.js";
+
+import "@carbon/icon-helpers";
+
+import "@carbon/icons/es/stop--filled/16.js";
+
+import "lit";
+
+import "lit/directives/unsafe-svg.js";
+
+import "bind-decorator";
 
-import { useLanguagePack } from "../../hooks/useLanguagePack.js";
+import "lit/decorators.js";
 
-import { usePrevious } from "../../hooks/usePrevious.js";
+import "./chat.useCounter.js";
 
-import { useServiceManager } from "../../hooks/useServiceManager.js";
+import "./chat.actions.js";
 
-import { BrandColorKind } from "../../utils/constants.js";
+import "./chat.uuid.js";
 
-import { Input as InputExport } from "../input/Input.js";
+import "uuid";
 
-import WriteableElement from "../WriteableElement.js";
+import "./chat.selectors.js";
 
-import { HomeScreenHeader as HomeScreenHeaderExport } from "./HomeScreenHeader.js";
+import "./chat.miscUtils.js";
 
-import { HomeScreenBackgroundType } from "../../../../types/config/HomeScreenConfig.js";
+import "@carbon/web-components/es-custom/components/slug/index.js";
 
-import { ButtonKindEnum, ButtonSizeEnum } from "../../../../types/utilities/carbonTypes.js";
+import "@carbon/icons-react/es/Close.js";
 
-import { OverlayPanelName } from "../OverlayPanel.js";
+import "@carbon/icons-react/es/CloseLarge.js";
 
-import { WriteableElementName } from "../../../../types/instance/ChatInstance.js";
+import "@carbon/icons-react/es/DownToBottom.js";
+
+import "@carbon/icons-react/es/Menu.js";
+
+import "@carbon/icons-react/es/Restart.js";
+
+import "@carbon/icons-react/es/SidePanelClose.js";
+
+import "@carbon/icons-react/es/SubtractLarge.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/defs.js";
+
+import "@carbon/web-components/es-custom/components/popover/defs.js";
+
+import "@carbon/web-components/es-custom/components/skeleton-icon/index.js";
+
+import "@carbon/web-components/es-custom/components/button/index.js";
+
+import "@carbon/web-components/es-custom/components/overflow-menu/index.js";
+
+import "@carbon/icons-react/es/ChevronDown.js";
+
+import "@carbon/icons-react/es/ChevronUp.js";
+
+import "@floating-ui/react";
+
+import "focus-trap-react";
+
+import "react-dom";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label-action-button.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label.js";
+
+import "lodash-es/cloneDeep.js";
+
+import "./chat.Messages.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -132,4 +226,55 @@ import { WriteableElementName } from "../../../../types/instance/ChatInstance.js
 
 const HomeScreenExport = React.memo(HomeScreenComponent);
 
-export { HomeScreenExport as HomeScreen };
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function HomeScreenContainer({onClose: onClose, onCloseAndRestart: onCloseAndRestart, onPanelCloseStart: onPanelCloseStart, onPanelOpenStart: onPanelOpenStart, onPanelCloseEnd: onPanelCloseEnd, onPanelOpenEnd: onPanelOpenEnd, onSendBotInput: onSendBotInput, onSendButtonInput: onSendButtonInput, onRestart: onRestart, showHomeScreen: showHomeScreen, isHydrationAnimationComplete: isHydrationAnimationComplete, homeScreenInputRef: homeScreenInputRef, onToggleHomeScreen: onToggleHomeScreen}) {
+  const serviceManager = useServiceManager();
+  const homeScreenConfig = useSelector(state => state.homeScreenConfig);
+  const isCustomPanelOpen = useSelector(state => state.customPanelState.isOpen);
+  const prevIsHydrationAnimationComplete = usePrevious(isHydrationAnimationComplete);
+  const shouldHide = isCustomPanelOpen;
+  const subsequentRender = showHomeScreen && isHydrationAnimationComplete && prevIsHydrationAnimationComplete;
+  const handleSendInput = useCallback(text => {
+    onSendBotInput(text);
+  }, [ onSendBotInput ]);
+  const handlerStarterClick = useCallback(starter => {
+    onSendButtonInput({
+      label: starter.label,
+      value: {
+        input: {
+          text: starter.label
+        }
+      }
+    }, THREAD_ID_MAIN);
+  }, [ onSendButtonInput ]);
+  return React.createElement(OverlayPanel, {
+    onOpenStart: onPanelOpenStart,
+    onOpenEnd: onPanelOpenEnd,
+    onCloseStart: onPanelCloseStart,
+    onCloseEnd: onPanelCloseEnd,
+    animationOnOpen: subsequentRender ? AnimationInType.FADE_IN : AnimationInType.NONE,
+    animationOnClose: AnimationOutType.FADE_OUT,
+    shouldOpen: showHomeScreen,
+    shouldHide: shouldHide,
+    serviceManager: serviceManager,
+    overlayPanelName: OverlayPanelName.HOME_SCREEN
+  }, React.createElement(HomeScreenExport, {
+    isHydrated: isHydrationAnimationComplete,
+    homeScreenMessageInputRef: homeScreenInputRef,
+    homeScreenConfig: homeScreenConfig,
+    onSendInput: handleSendInput,
+    onStarterClick: handlerStarterClick,
+    onClose: onClose,
+    onCloseAndRestart: onCloseAndRestart,
+    onRestart: onRestart,
+    onToggleHomeScreen: onToggleHomeScreen
+  }));
+}
+
+export { HomeScreenContainer, HomeScreenContainer as default };

package/dist/es/{chat/shared/components/homeScreen/HomeScreenHeader.js → chat.HomeScreenHeader.js}

@@ -2,9 +2,9 @@ import React, { forwardRef, useRef, useImperativeHandle, useCallback } from "rea
 
 import { useSelector } from "react-redux";
 
-import { Header as HeaderExport } from "../header/Header.js";
+import { H as HeaderExport } from "./chat.Header.js";
 
-import { OverlayPanelName } from "../OverlayPanel.js";
+import { O as OverlayPanelName } from "./chat.PageObjectId.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -49,4 +49,4 @@ import { OverlayPanelName } from "../OverlayPanel.js";
 
 const HomeScreenHeaderExport = React.memo(forwardRef(HomeScreenHeader));
 
-export { HomeScreenHeaderExport as HomeScreenHeader };
+export { HomeScreenHeaderExport as H };

package/dist/es/{chat/shared/services/haa/HumanAgentServiceImpl.js → chat.HumanAgentServiceImpl.js}

@@ -2,37 +2,235 @@ import cloneDeep from "lodash-es/cloneDeep.js";
 
 import merge from "lodash-es/merge.js";
 
-import inputItemToLocalItem from "../../schema/inputItemToLocalItem.js";
+import { d as deepFreeze, o as outputItemToLocalItem, u as updateFilesUploadInProgress, t as setIsConnecting, v as endChat, i as inputItemToLocalItem, b as createLocalMessageForInlineError, w as setIsScreenSharing, x as setIsReconnecting, y as setShowScreenShareRequest, z as updateCapabilities, A as setAgentAvailability, B as setAgentJoined, C as agentUpdateIsTyping, D as setAgentLeftChat, r as resolvablePromise, E as setPersistedServiceDeskState } from "./chat.resolvablePromise.js";
 
-import { createLocalMessageForInlineError, outputItemToLocalItem } from "../../schema/outputItemToLocalItem.js";
+import { a as actions } from "./chat.actions.js";
 
-import actions from "../../store/actions.js";
+import { E as ErrorType, S as ScreenShareState, M as MessageErrorState, A as AgentsOnlineStatus } from "./chat.LocalMessageItem.js";
 
-import { updateFilesUploadInProgress, setIsConnecting, endChat, setIsScreenSharing, setIsReconnecting, setShowScreenShareRequest, updateCapabilities, setAgentAvailability, setAgentJoined, agentUpdateIsTyping, setAgentLeftChat, setPersistedServiceDeskState } from "../../store/agentActions.js";
+import "./chat.constants.js";
 
-import { MessageErrorState } from "../../../../types/messaging/LocalMessageItem.js";
+import { e as debugLog, b as consoleError, r as resolveOrTimeout } from "./chat.miscUtils.js";
 
-import "../../utils/constants.js";
+import { q as asyncForEach, I as createMessageResponseForItem, j as createMessageRequestForText, J as createMessageRequestForFileUpload, l as createMessageResponseForText, k as addDefaultsToMessage } from "./chat.messageUtils.js";
 
-import { deepFreeze } from "../../utils/lang/objectUtils.js";
+import { B as BusEventType } from "./chat.customElement.js";
 
-import { resolveOrTimeout } from "../../utils/lang/promiseUtils.js";
+import { e as conditionalSetTimeout } from "./chat.browserUtils.js";
 
-import { createMessageRequestForText, createMessageRequestForFileUpload, createMessageResponseForText, addDefaultsToMessage } from "../../utils/messageUtils.js";
+import { A as AgentMessageType, b as MessageResponseTypes } from "./chat.Messages.js";
 
-import { debugLog, consoleError } from "../../utils/miscUtils.js";
+import { F as FileStatusValue } from "./chat.dynamic-imports.js";
 
-import { resolvablePromise } from "../../utils/resolvablePromise.js";
+import "./chat.uuid.js";
 
-import { ErrorType, ScreenShareState, AgentsOnlineStatus } from "../../../../types/config/ServiceDeskConfig.js";
+import "uuid";
 
-import { addAgentEndChatMessage, addBotReturnMessage, addMessages, toPair, createAgentLocalMessage } from "./humanAgentUtils.js";
+import "detect-browser";
 
-import { AgentMessageType } from "../../../../types/messaging/Messages.js";
+import "memoize-one";
 
-import { BusEventType } from "../../../../types/events/eventBusTypes.js";
+import "react";
 
-import { FileStatusValue } from "../../../../types/instance/apiTypes.js";
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function getAgentStatusMessageText(agentMessageType, agentProfile, intl) {
+  const name = agentProfile?.nickname;
+  let messageKey;
+  switch (agentMessageType) {
+   case AgentMessageType.AGENT_JOINED:
+    {
+      messageKey = name ? "agent_agentJoinedName" : "agent_agentJoinedNoName";
+      break;
+    }
+
+   case AgentMessageType.RELOAD_WARNING:
+    {
+      messageKey = "agent_youConnectedWarning";
+      break;
+    }
+
+   case AgentMessageType.AGENT_LEFT_CHAT:
+    {
+      messageKey = name ? "agent_agentLeftChat" : "agent_agentLeftChatNoName";
+      break;
+    }
+
+   case AgentMessageType.AGENT_ENDED_CHAT:
+    {
+      messageKey = name ? "agent_agentEndedChat" : "agent_agentEndedChatNoName";
+      break;
+    }
+
+   case AgentMessageType.TRANSFER_TO_AGENT:
+    {
+      messageKey = name ? "agent_transferring" : "agent_transferringNoName";
+      break;
+    }
+
+   case AgentMessageType.USER_ENDED_CHAT:
+    {
+      messageKey = "agent_youEndedChat";
+      break;
+    }
+
+   case AgentMessageType.CHAT_WAS_ENDED:
+    {
+      messageKey = "agent_conversationWasEnded";
+      break;
+    }
+
+   case AgentMessageType.DISCONNECTED:
+    {
+      messageKey = "agent_disconnected";
+      break;
+    }
+
+   case AgentMessageType.RECONNECTED:
+    {
+      messageKey = "agent_reconnected";
+      break;
+    }
+
+   case AgentMessageType.SHARING_REQUESTED:
+    {
+      messageKey = "agent_sharingRequested";
+      break;
+    }
+
+   case AgentMessageType.SHARING_ACCEPTED:
+    {
+      messageKey = "agent_sharingAccepted";
+      break;
+    }
+
+   case AgentMessageType.SHARING_DECLINED:
+    {
+      messageKey = "agent_sharingDeclined";
+      break;
+    }
+
+   case AgentMessageType.SHARING_CANCELLED:
+    {
+      messageKey = "agent_sharingCancelled";
+      break;
+    }
+
+   case AgentMessageType.SHARING_ENDED:
+    {
+      messageKey = "agent_sharingEnded";
+      break;
+    }
+
+   default:
+    return "";
+  }
+  return messageKey && intl.formatMessage({
+    id: messageKey
+  }, {
+    personName: name
+  });
+}
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function toPair(localMessages, originalMessage) {
+  return {
+    localMessages: localMessages,
+    originalMessage: originalMessage
+  };
+}
+
+async function createAgentLocalMessage(agentMessageType, serviceManager, agentProfile, fireEvents = true) {
+  const text = getAgentStatusMessageText(agentMessageType, agentProfile, serviceManager.intl);
+  const result = createAgentLocalMessageForType(agentMessageType);
+  const {originalMessage: originalMessage, localMessage: localMessage} = result;
+  localMessage.item.text = text;
+  if (agentProfile) {
+    if (!originalMessage.history) {
+      originalMessage.history = {};
+    }
+    originalMessage.history.agent_profile = agentProfile;
+  }
+  if (fireEvents) {
+    await serviceManager.fire({
+      type: BusEventType.AGENT_PRE_RECEIVE,
+      data: originalMessage
+    });
+  }
+  deepFreeze(originalMessage);
+  if (fireEvents) {
+    await serviceManager.fire({
+      type: BusEventType.AGENT_RECEIVE,
+      data: originalMessage
+    });
+  }
+  return result;
+}
+
+function createAgentLocalMessageForType(agentMessageType) {
+  const messageItem = {
+    response_type: MessageResponseTypes.TEXT,
+    agent_message_type: agentMessageType
+  };
+  const originalMessage = createMessageResponseForItem(messageItem);
+  const localMessage = outputItemToLocalItem(messageItem, originalMessage);
+  return {
+    localMessage: localMessage,
+    originalMessage: originalMessage
+  };
+}
+
+function createBotReturnMessage(languagePack) {
+  const {agent_botReturned: agent_botReturned} = languagePack;
+  if (!agent_botReturned) {
+    return null;
+  }
+  const {originalMessage: originalMessage, localMessage: localMessage} = createAgentLocalMessageForType(null);
+  localMessage.item.text = agent_botReturned;
+  return {
+    originalMessage: originalMessage,
+    localMessage: localMessage
+  };
+}
+
+async function addMessages(messagePairs, saveInHistory, fireHistoryEvent, showLiveMessages, serviceManager) {
+  if (showLiveMessages) {
+    await asyncForEach(messagePairs, async ({localMessages: localMessages, originalMessage: originalMessage}) => {
+      await asyncForEach(localMessages, async (localMessage, index) => {
+        await serviceManager.actions.handleUserDefinedResponseItems(localMessage, originalMessage);
+        serviceManager.store.dispatch(actions.addLocalMessageItem(localMessage, originalMessage, index === 0));
+      });
+    });
+  }
+}
+
+async function addBotReturnMessage(botReturnDelay, wasSuspended, serviceManager) {
+  const botReturn = createBotReturnMessage(serviceManager.store.getState().languagePack);
+  if (botReturn) {
+    const initialRestartCount = serviceManager.restartCount;
+    conditionalSetTimeout(() => {
+      if (initialRestartCount === serviceManager.restartCount) {
+        addMessages([ toPair([ botReturn.localMessage ], botReturn.originalMessage) ], true, false, !wasSuspended, serviceManager);
+      }
+    }, botReturnDelay);
+  }
+}
+
+async function addAgentEndChatMessage(agentMessageType, agentProfile, fireEvents, wasSuspended, serviceManager) {
+  const endChatMessage = await createAgentLocalMessage(agentMessageType, serviceManager, agentProfile, fireEvents);
+  await addMessages([ toPair([ endChatMessage.localMessage ], endChatMessage.originalMessage) ], true, false, !wasSuspended, serviceManager);
+}
 
 /*
  *  Copyright IBM Corp. 2025
@@ -671,4 +869,4 @@ function validateCustomServiceDesk(serviceDesk) {
   }
 }
 
-export { HumanAgentServiceImpl, createService, validateCustomServiceDesk };
+export { HumanAgentServiceImpl, createService, createService as default, validateCustomServiceDesk };

package/dist/es/{chat/shared/components/responseTypes/iframe/IFrameComponent.js → chat.IFrameComponent.js}

@@ -2,15 +2,11 @@ import { Loading } from "@carbon/react";
 
 import React, { useState, useCallback, useEffect } from "react";
 
-import { useAriaAnnouncer } from "../../../hooks/useAriaAnnouncer.js";
+import { u as useAriaAnnouncer, I as InlineError, M as MountChildrenOnDelay } from "./chat.MountChildrenOnDelay.js";
 
-import { useLanguagePack } from "../../../hooks/useLanguagePack.js";
+import { u as useLanguagePack } from "./chat.AppState.js";
 
-import { RESPONSE_TYPE_TIMEOUT_MS } from "../../../utils/constants.js";
-
-import { MountChildrenOnDelay } from "../../util/MountChildrenOnDelay.js";
-
-import { InlineError } from "../error/InlineError.js";
+import { b as RESPONSE_TYPE_TIMEOUT_MS } from "./chat.constants.js";
 
 /*
  *  Copyright IBM Corp. 2025
@@ -74,4 +70,4 @@ function renderErrorMessage(errorText) {
   }));
 }
 
-export { IFrameComponent };
+export { IFrameComponent as I };

package/dist/es/chat.IFramePanel.js

@@ -0,0 +1,151 @@
+import React, { forwardRef } from "react";
+
+import { useSelector } from "react-redux";
+
+import { u as useLanguagePack } from "./chat.AppState.js";
+
+import { u as useServiceManager } from "./chat.usePrevious.js";
+
+import { a as actions } from "./chat.actions.js";
+
+import { B as BasePanelComponentExport } from "./chat.BasePanelComponent.js";
+
+import { I as IFrameComponent } from "./chat.IFrameComponent.js";
+
+import { O as OverlayPanelName } from "./chat.PageObjectId.js";
+
+import "./chat.dynamic-imports.js";
+
+import "compute-scroll-into-view";
+
+import "memoize-one";
+
+import "tabbable";
+
+import "./chat.uuid.js";
+
+import "uuid";
+
+import "focus-trap-react";
+
+import "./chat.browserUtils.js";
+
+import "detect-browser";
+
+import "./chat.Header.js";
+
+import "@carbon/web-components/es-custom/components/slug/index.js";
+
+import "@carbon/icons-react/es/Close.js";
+
+import "@carbon/icons-react/es/CloseLarge.js";
+
+import "@carbon/icons-react/es/DownToBottom.js";
+
+import "@carbon/icons-react/es/Menu.js";
+
+import "@carbon/icons-react/es/Restart.js";
+
+import "@carbon/icons-react/es/SidePanelClose.js";
+
+import "@carbon/icons-react/es/SubtractLarge.js";
+
+import "@carbon/react";
+
+import "@carbon/web-components/es-custom/components/ai-label/defs.js";
+
+import "@carbon/web-components/es-custom/components/popover/defs.js";
+
+import "classnames";
+
+import "@lit/react";
+
+import "tslib";
+
+import "./chat.customElement.js";
+
+import "@carbon/web-components/es-custom/components/skeleton-icon/index.js";
+
+import "lit";
+
+import "bind-decorator";
+
+import "lit/decorators.js";
+
+import "@carbon/web-components/es-custom/components/button/index.js";
+
+import "@carbon/web-components/es-custom/components/overflow-menu/index.js";
+
+import "./chat.carbonTypes.js";
+
+import "@carbon/icons-react/es/ChevronDown.js";
+
+import "@carbon/icons-react/es/ChevronUp.js";
+
+import "@floating-ui/react";
+
+import "./chat.HideComponent.js";
+
+import "./chat.constants.js";
+
+import "react-dom";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label-action-button.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label.js";
+
+import "./chat.MountChildrenOnDelay.js";
+
+import "@carbon/icons-react/es/ErrorFilled.js";
+
+import "./chat.RichText.js";
+
+import "lodash-es/throttle.js";
+
+import "dompurify";
+
+import "lit/directives/repeat.js";
+
+import "lit/directives/unsafe-html.js";
+
+import "./chat.htmlUtils.js";
+
+import "./chat.stringUtils.js";
+
+import "./chat.miscUtils.js";
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function IFramePanelComponent(props, ref) {
+  const languagePack = useLanguagePack();
+  const {store: store} = useServiceManager();
+  const {isOpen: isOpen, messageItem: messageItem} = useSelector(state => state.iFramePanelState);
+  const iframeTitle = messageItem?.title || messageItem?.source;
+  return React.createElement(BasePanelComponentExport, {
+    ...props,
+    ref: ref,
+    className: "WACIFramePanel",
+    isOpen: isOpen,
+    onClickBack: () => store.dispatch(actions.closeIFramePanel()),
+    title: iframeTitle,
+    labelBackButton: languagePack.iframe_ariaClosePanel,
+    eventName: "IFrame panel opened",
+    eventDescription: "A user has opened the IFrame panel",
+    testIdPrefix: OverlayPanelName.IFRAME
+  }, React.createElement("div", {
+    className: "WACIFramePanel__Content"
+  }, React.createElement(IFrameComponent, {
+    key: messageItem?.source,
+    source: messageItem?.source,
+    title: iframeTitle
+  })));
+}
+
+const IFramePanelExport = React.memo(forwardRef(IFramePanelComponent));
+
+export { IFramePanelExport as IFramePanel, IFramePanelExport as default };