@microsoft/omnichannel-chat-widget 1.8.3-main.ec1328d → 1.8.4-main.1bfa518

package/lib/esm/components/webchatcontainerstateful/common/utils/chatAdapterUtils.js

@@ -97,4 +97,36 @@ export const postBotAttachmentActivity = function (activityObserver) {
       timestamp: new Date().toISOString()
     });
   }, delay);
+};
+export const postAgentAttachmentActivity = function (activityObserver) {
+  let attachments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  let attachmentLayout = arguments.length > 3 ? arguments[3] : undefined;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...agentUser
+      },
+      attachments,
+      attachmentLayout,
+      type: "message",
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+export const postAgentSuggestedActionsActivity = function (activityObserver, text, suggestedActions) {
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...agentUser
+      },
+      text,
+      type: "message",
+      suggestedActions,
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
 };

package/lib/esm/components/webchatcontainerstateful/common/utils/fontUtils.js

@@ -0,0 +1,21 @@
+/**
+ * Utility functions for font handling and emoji support
+ */
+
+/**
+ * Creates a font family optimized for iOS emoji support
+ * Uses system-ui as the primary font for better emoji rendering on iOS
+ * @param primaryFont - The base font family string (optional, used as fallback)
+ * @returns Font family string optimized for iOS emoji support
+ */
+export const createIOSOptimizedEmojiFont = primaryFont => {
+  // For iOS emoji support, system-ui should be first
+  const baseFont = "system-ui";
+  const emojiSupport = "\"Apple Color Emoji\", \"Segoe UI Emoji\"";
+  if (!primaryFont || primaryFont.includes("system-ui") || primaryFont.includes("Apple Color Emoji")) {
+    return `${baseFont}, ${emojiSupport}`;
+  }
+
+  // Add configured font as fallback after emoji fonts
+  return `${baseFont}, ${emojiSupport}, ${primaryFont}`;
+};

package/lib/esm/components/webchatcontainerstateful/hooks/usePersistentChatHistory.js

@@ -0,0 +1,49 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { useEffect, useRef } from "react";
+import ChatWidgetEvents from "../../livechatwidget/common/ChatWidgetEvents";
+import PersistentConversationHandler from "../../livechatwidget/common/PersistentConversationHandler";
+import SecureEventBus from "../../../common/utils/SecureEventBus";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+const usePersistentChatHistory = (facadeChatSDK, props) => {
+  const handlerRef = useRef(null);
+  useEffect(() => {
+    if (!facadeChatSDK) {
+      return;
+    }
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLCWPersistentChatHistoryInitialized,
+      Description: "Persistent chat history hook initialized"
+    });
+    handlerRef.current = new PersistentConversationHandler(facadeChatSDK, props);
+    const handler = async () => {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.LCWPersistentChatHistoryFetchStarted,
+        Description: "Persistent chat history fetch started"
+      });
+      try {
+        var _handlerRef$current;
+        await ((_handlerRef$current = handlerRef.current) === null || _handlerRef$current === void 0 ? void 0 : _handlerRef$current.pullHistory());
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+          Event: TelemetryEvent.LCWPersistentChatHistoryFetchCompleted,
+          Description: "Persistent chat history fetch completed successfully"
+        });
+      } catch (error) {
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+          Event: TelemetryEvent.LCWPersistentChatHistoryFetchFailed,
+          Description: "Persistent chat history fetch failed",
+          ExceptionDetails: error
+        });
+      }
+    };
+
+    // Subscribe to the secure event bus instead of global window events
+    const eventBus = SecureEventBus.getInstance();
+    const unsubscribe = eventBus.subscribe(ChatWidgetEvents.FETCH_PERSISTENT_CHAT_HISTORY, handler);
+    return () => {
+      var _handlerRef$current2;
+      unsubscribe();
+      (_handlerRef$current2 = handlerRef.current) === null || _handlerRef$current2 === void 0 ? void 0 : _handlerRef$current2.destroy(); // Call destroy instead of reset to properly clean up
+    };
+  }, [facadeChatSDK]);
+};
+export default usePersistentChatHistory;

package/lib/esm/components/webchatcontainerstateful/interfaces/ICitation.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/webchatcontainerstateful/interfaces/IExtendedChatConffig.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/WebChatEventSubscribers.js

@@ -0,0 +1,114 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { useEffect, useState } from "react";
+import ChatWidgetEvents from "../../livechatwidget/common/ChatWidgetEvents";
+import { Constants } from "../../../common/Constants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { WebChatStoreLoader } from "./WebChatStoreLoader";
+import { createTimer } from "../../../common/utils";
+import dispatchCustomEvent from "../../../common/utils/dispatchCustomEvent";
+
+/**
+ * Component to handle persistent chat history events.
+ * Uses WebChatStoreLoader instead of hooks to avoid context issues.
+ */
+const WebChatEventSubscribers = () => {
+  const [isConnected, setIsConnected] = useState(false);
+  const [storeReady, setStoreReady] = useState(false);
+  const storeWaitTimer = createTimer();
+  // Type the chatConfig properly to avoid 'any' usage
+
+  useEffect(() => {
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.LCWWebChatStorePollingStarted,
+      Description: "WebChat store polling started"
+    });
+
+    // Wait for WebChat store to be available
+    const waitForStore = () => {
+      if (WebChatStoreLoader.store) {
+        setStoreReady(true);
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+          Event: TelemetryEvent.LCWWebChatStoreReady,
+          Description: "WebChat store ready",
+          ElapsedTimeInMilliseconds: storeWaitTimer.milliSecondsElapsed
+        });
+        return true;
+      }
+      return false;
+    };
+
+    // Check if store is already available
+    if (!waitForStore()) {
+      // Poll for store availability
+      const storeCheckInterval = setInterval(() => {
+        if (waitForStore()) {
+          clearInterval(storeCheckInterval);
+        }
+      }, 100);
+      return () => {
+        clearInterval(storeCheckInterval);
+      };
+    }
+  }, []);
+  useEffect(() => {
+    if (!storeReady) {
+      return;
+    }
+    const checkConnectionStatus = () => {
+      try {
+        if (WebChatStoreLoader.store) {
+          const state = WebChatStoreLoader.store.getState();
+          const connectivityStatus = state === null || state === void 0 ? void 0 : state.connectivityStatus;
+          const newIsConnected = connectivityStatus === "connected";
+          if (newIsConnected && !isConnected) {
+            setIsConnected(true);
+            TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+              Event: TelemetryEvent.LCWWebChatConnected,
+              Description: "WebChat connection established, dispatching events"
+            });
+
+            // Dispatch events when connection is established
+            setTimeout(() => {
+              dispatchCustomEvent(ChatWidgetEvents.FETCH_PERSISTENT_CHAT_HISTORY);
+              dispatchCustomEvent(ChatWidgetEvents.ADD_ACTIVITY, {
+                activity: {
+                  from: {
+                    role: "bot"
+                  },
+                  timestamp: 0,
+                  type: "message",
+                  channelData: {
+                    tags: [Constants.persistentChatHistoryMessagePullTriggerTag]
+                  }
+                }
+              });
+            }, 2000);
+          } else if (!newIsConnected && isConnected) {
+            setIsConnected(false);
+            TelemetryHelper.logActionEventToAllTelemetry(LogLevel.WARN, {
+              Event: TelemetryEvent.LCWWebChatDisconnected,
+              Description: "WebChat connection lost"
+            });
+          }
+        }
+      } catch (error) {
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+          Event: TelemetryEvent.LCWWebChatConnectionCheckFailed,
+          Description: "WebChat connection status check failed",
+          ExceptionDetails: error
+        });
+      }
+    };
+
+    // Check immediately
+    checkConnectionStatus();
+
+    // Set up interval to check connection status
+    const interval = setInterval(checkConnectionStatus, 1000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [isConnected, storeReady]);
+  return null;
+};
+export default WebChatEventSubscribers;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/Constants.js

@@ -0,0 +1,3 @@
+export const LazyLoadActivityConstants = {
+  SCROLL_ID: ".webchat__basic-transcript__scrollable"
+};

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/ConversationDividerActivity.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { defaultPersistentChatHistoryProps } from "../../../../../livechatwidget/common/defaultProps/defaultPersistentChatHistoryProps";
+import { mergeStyles } from "@fluentui/react";
+const ConversationDividerActivity = props => {
+  const styleApplied = mergeStyles(defaultPersistentChatHistoryProps.dividerActivityStyle, props.dividerActivityStyle);
+  const ariaLabel = props.dividerActivityAriaLabel || defaultMiddlewareLocalizedTexts.CONVERSATION_DIVIDER_ARIA_LABEL;
+
+  // Create a simple separator that screen readers can detect without being interactive
+  // Preserve the visual divider styling while making it accessible
+  // Use a ref to programmatically remove only the "EL said:" prefix from the label
+  const dividerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (dividerRef.current) {
+      // Find and hardcode the text in the label div to just show the divider label
+      const article = dividerRef.current.closest(".webchat__basic-transcript__activity");
+      if (article) {
+        const labelDiv = article.querySelector("div[id*=\"webchat__basic-transcript__active-descendant-label--\"]");
+        if (labelDiv) {
+          // Hardcode the text to just the aria label
+          labelDiv.textContent = ariaLabel || "";
+        }
+      }
+    }
+  }, [ariaLabel]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: dividerRef,
+    role: "separator",
+    "aria-label": ariaLabel,
+    "aria-hidden": false,
+    className: styleApplied,
+    "data-accessibility-divider": "true",
+    style: {
+      // Add accessibility enhancements
+      position: "relative"
+    }
+  });
+};
+export default ConversationDividerActivity;