@microsoft/omnichannel-chat-widget 1.8.3-main.ec1328d → 1.8.4-main.4478bbf

package/lib/cjs/components/webchatcontainerstateful/common/DesignerChatSDK.js

@@ -26,13 +26,18 @@ let DesignerChatSDK = /*#__PURE__*/function (_MockChatSDK) {
     var _this;
     _classCallCheck(this, DesignerChatSDK);
     _this = _super.call(this);
+    /**
+     * Create a chat adapter for the designer. Uses this.mockMessages if set.
+     */
+    _defineProperty(_assertThisInitialized(_this), "mockMessages", void 0);
     _defineProperty(_assertThisInitialized(_this), "localeId", _this.getLiveChatConfig().ChatWidgetLanguage.msdyn_localeid);
     return _this;
   }
   _createClass(DesignerChatSDK, [{
     key: "createChatAdapter",
     value: function createChatAdapter() {
-      return new _DesignerChatAdapter.DesignerChatAdapter();
+      const adapter = new _DesignerChatAdapter.DesignerChatAdapter(this.mockMessages);
+      return adapter;
     }
   }, {
     key: "getLiveChatConfig",

package/lib/cjs/components/webchatcontainerstateful/common/activities/botActivity.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const botActivity = {
+  from: {
+    role: "bot"
+  },
+  type: "message"
+};
+var _default = botActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/activities/conversationDividerActivity.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Constants = require("../../../../common/Constants");
+var _botActivity = _interopRequireDefault(require("./botActivity"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const conversationDividerActivity = {
+  ..._botActivity.default,
+  channelData: {
+    tags: [_Constants.Constants.conversationDividerTag]
+  }
+};
+var _default = conversationDividerActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/activityConverters/convertPersistentChatHistoryMessageToActivity.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Constants = require("../../../../common/Constants");
+var _botActivity = _interopRequireDefault(require("../activities/botActivity"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const convertStringValueToInt = value => {
+  if (typeof value !== "string" || value === "") {
+    return undefined;
+  }
+  let result;
+  try {
+    result = parseInt(value);
+  } catch (e) {
+    return undefined;
+  }
+  return isNaN(result) ? undefined : result;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const convertPersistentChatHistoryMessageToActivity = message => {
+  var _from$user, _from$application;
+  const {
+    additionalData,
+    attachments,
+    content,
+    created,
+    from,
+    transcriptOriginalMessageId
+  } = message;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const activity = {
+    ..._botActivity.default,
+    channelData: {
+      tags: [_Constants.Constants.persistentChatHistoryMessageTag]
+    }
+  };
+  let webchatSequenceId;
+  let timestamp;
+  if (transcriptOriginalMessageId) {
+    const id = convertStringValueToInt(transcriptOriginalMessageId); // Id used to determine the sequence of messages which is the same as the 'live' messages
+    if (id) {
+      webchatSequenceId = id;
+      timestamp = new Date(id) || created;
+      activity.channelData = {
+        ...activity.channelData,
+        "webchat:sequence-id": webchatSequenceId
+      };
+    }
+  }
+  if (additionalData !== null && additionalData !== void 0 && additionalData.tags) {
+    const {
+      tags,
+      ConversationId
+    } = additionalData;
+    if (ConversationId) {
+      activity.channelData.conversationId = ConversationId;
+    }
+    if (tags) {
+      const formattedTags = additionalData.tags.split(",");
+      activity.channelData.tags = [...activity.channelData.tags, ...formattedTags];
+    }
+  }
+  if (from !== null && from !== void 0 && (_from$user = from.user) !== null && _from$user !== void 0 && _from$user.displayName) {
+    activity.from.name = from.user.displayName;
+  }
+  if ((from === null || from === void 0 ? void 0 : (_from$application = from.application) === null || _from$application === void 0 ? void 0 : _from$application.displayName) === "Customer") {
+    activity.from = {
+      role: "user",
+      name: from.application.displayName
+    };
+  }
+  if (content) {
+    return {
+      ...activity,
+      text: content,
+      timestamp
+    };
+  }
+  if (attachments && attachments.length > 0) {
+    const fileName = attachments[0].name || "Unknown";
+    const text = `The following attachment was uploaded during the conversation: ${fileName}`;
+    return {
+      ...activity,
+      text,
+      timestamp
+    };
+  }
+  // If neither content nor attachments are present, return null to indicate no activity could be created.
+  return null;
+};
+var _default = convertPersistentChatHistoryMessageToActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts.js

@@ -34,6 +34,7 @@ const defaultMiddlewareLocalizedTexts = {
   THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE: "Allow sites to save/read cookies in browser settings. Reloading page starts a new chat.",
   MIDDLEWARE_BANNER_FILE_IS_MALICIOUS: "{0} has been blocked because the file may contain a malware.",
   MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS: "Email will be sent after chat ends!",
-  MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR: "Email {0} could not be saved, try again later."
+  MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR: "Email {0} could not be saved, try again later.",
+  PREVIOUS_MESSAGES_LOADING: "Loading previous messages..."
 };
 exports.defaultMiddlewareLocalizedTexts = defaultMiddlewareLocalizedTexts;

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultWebChatStatefulProps.js

@@ -9,7 +9,7 @@ var _groupActivitiesMiddleware = require("../../webchatcontroller/middlewares/re
 var _typingIndicatorMiddleware = require("../../webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware");
 const defaultWebChatStatefulProps = {
   // activityMiddleware: activityMiddleware, - this is implemented elsewhere and can be customized
-  activityStatusMiddleware: _activityStatusMiddleware.activityStatusMiddleware,
+  activityStatusMiddleware: (0, _activityStatusMiddleware.createActivityStatusMiddleware)(),
   // avatarMiddleware: avatarMiddleware, - this is implemented elsewhere and can be customized
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   groupActivitiesMiddleware: _groupActivitiesMiddleware.groupActivitiesMiddleware,

package/lib/cjs/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -23,7 +23,7 @@ const defaultWebChatStyles = {
   bubbleTextColor: "White",
   hideSendBox: false,
   hideUploadButton: true,
-  primaryFont: "Segoe UI, Arial, sans-serif",
+  primaryFont: "Segoe UI, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\"",
   rootHeight: "100%",
   rootWidth: "100%",
   sendBoxTextWrap: true,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.postSystemMessageActivity = exports.postEchoActivity = exports.postBotTypingActivity = exports.postBotMessageActivity = exports.postBotAttachmentActivity = exports.postAgentMessageActivity = exports.customerUser = exports.botUser = exports.agentUser = void 0;
+exports.postSystemMessageActivity = exports.postEchoActivity = exports.postBotTypingActivity = exports.postBotMessageActivity = exports.postBotAttachmentActivity = exports.postAgentSuggestedActionsActivity = exports.postAgentMessageActivity = exports.postAgentAttachmentActivity = exports.customerUser = exports.botUser = exports.agentUser = void 0;
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
 const customerUser = {
   id: "usedId",
@@ -112,4 +112,38 @@ const postBotAttachmentActivity = function (activityObserver) {
     });
   }, delay);
 };
-exports.postBotAttachmentActivity = postBotAttachmentActivity;
+exports.postBotAttachmentActivity = postBotAttachmentActivity;
+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: (0, _omnichannelChatSdk.uuidv4)(),
+      from: {
+        ...agentUser
+      },
+      attachments,
+      attachmentLayout,
+      type: "message",
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+exports.postAgentAttachmentActivity = postAgentAttachmentActivity;
+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: (0, _omnichannelChatSdk.uuidv4)(),
+      from: {
+        ...agentUser
+      },
+      text,
+      type: "message",
+      suggestedActions,
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+exports.postAgentSuggestedActionsActivity = postAgentSuggestedActionsActivity;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createIOSOptimizedEmojiFont = void 0;
+/**
+ * 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
+ */
+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}`;
+};
+exports.createIOSOptimizedEmojiFont = createIOSOptimizedEmojiFont;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _react = require("react");
+var _ChatWidgetEvents = _interopRequireDefault(require("../../livechatwidget/common/ChatWidgetEvents"));
+var _PersistentConversationHandler = _interopRequireDefault(require("../../livechatwidget/common/PersistentConversationHandler"));
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _dispatchCustomEvent = _interopRequireDefault(require("../../../common/utils/dispatchCustomEvent"));
+var _SecureEventBus = _interopRequireDefault(require("../../../common/utils/SecureEventBus"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const usePersistentChatHistory = (facadeChatSDK, props) => {
+  const handlerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!facadeChatSDK) {
+      return;
+    }
+    _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.UXLCWPersistentChatHistoryInitialized,
+      Description: "Persistent chat history hook initialized"
+    });
+    handlerRef.current = new _PersistentConversationHandler.default(facadeChatSDK, props);
+    const handler = async () => {
+      _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.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());
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWPersistentChatHistoryFetchCompleted,
+          Description: "Persistent chat history fetch completed successfully"
+        });
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWPersistentChatHistoryFetchFailed,
+          Description: "Persistent chat history fetch failed",
+          ExceptionDetails: error
+        });
+      }
+    };
+
+    // Subscribe to the secure event bus instead of global window events
+    const eventBus = _SecureEventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_ChatWidgetEvents.default.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]);
+};
+var _default = usePersistentChatHistory;
+exports.default = _default;

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _react = require("react");
+var _ChatWidgetEvents = _interopRequireDefault(require("../../livechatwidget/common/ChatWidgetEvents"));
+var _Constants = require("../../../common/Constants");
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _WebChatStoreLoader = require("./WebChatStoreLoader");
+var _utils = require("../../../common/utils");
+var _dispatchCustomEvent = _interopRequireDefault(require("../../../common/utils/dispatchCustomEvent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Component to handle persistent chat history events.
+ * Uses WebChatStoreLoader instead of hooks to avoid context issues.
+ */
+const WebChatEventSubscribers = props => {
+  const [isConnected, setIsConnected] = (0, _react.useState)(false);
+  const [storeReady, setStoreReady] = (0, _react.useState)(false);
+  const storeWaitTimer = (0, _utils.createTimer)();
+  (0, _react.useEffect)(() => {
+    if (!props.persistentChatHistoryEnabled) {
+      return;
+    }
+    _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.LCWWebChatStorePollingStarted,
+      Description: "WebChat store polling started"
+    });
+
+    // Wait for WebChat store to be available
+    const waitForStore = () => {
+      if (_WebChatStoreLoader.WebChatStoreLoader.store) {
+        setStoreReady(true);
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.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);
+      };
+    }
+  }, [props.persistentChatHistoryEnabled]);
+  (0, _react.useEffect)(() => {
+    if (!props.persistentChatHistoryEnabled || !storeReady) {
+      return;
+    }
+    const checkConnectionStatus = () => {
+      try {
+        if (_WebChatStoreLoader.WebChatStoreLoader.store) {
+          const state = _WebChatStoreLoader.WebChatStoreLoader.store.getState();
+          const connectivityStatus = state === null || state === void 0 ? void 0 : state.connectivityStatus;
+          const newIsConnected = connectivityStatus === "connected";
+          if (newIsConnected && !isConnected) {
+            setIsConnected(true);
+            _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+              Event: _TelemetryConstants.TelemetryEvent.LCWWebChatConnected,
+              Description: "WebChat connection established, dispatching events"
+            });
+
+            // Dispatch events when connection is established
+            setTimeout(() => {
+              (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.FETCH_PERSISTENT_CHAT_HISTORY);
+              (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.ADD_ACTIVITY, {
+                activity: {
+                  from: {
+                    role: "bot"
+                  },
+                  timestamp: 0,
+                  type: "message",
+                  channelData: {
+                    tags: [_Constants.Constants.persistentChatHistoryMessagePullTriggerTag]
+                  }
+                }
+              });
+            }, 2000);
+          } else if (!newIsConnected && isConnected) {
+            setIsConnected(false);
+            _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.WARN, {
+              Event: _TelemetryConstants.TelemetryEvent.LCWWebChatDisconnected,
+              Description: "WebChat connection lost"
+            });
+          }
+        }
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.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, props.persistentChatHistoryEnabled, storeReady]);
+  return null;
+};
+var _default = WebChatEventSubscribers;
+exports.default = _default;

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LazyLoadActivityConstants = void 0;
+const LazyLoadActivityConstants = {
+  SCROLL_ID: ".webchat__basic-transcript__scrollable"
+};
+exports.LazyLoadActivityConstants = LazyLoadActivityConstants;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _defaultPersistentChatHistoryProps = require("../../../../../livechatwidget/common/defaultProps/defaultPersistentChatHistoryProps");
+var _react2 = require("@fluentui/react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ConversationDividerActivity = props => {
+  const styleApplied = (0, _react2.mergeStyles)(_defaultPersistentChatHistoryProps.defaultPersistentChatHistoryProps.dividerActivityStyle, props.dividerActivityStyle);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styleApplied
+  });
+};
+var _default = ConversationDividerActivity;
+exports.default = _default;