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

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _defaultInLineBannerStyle = require("../defaultStyles/defaultInLineBannerStyle");
+var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
+var _mergeStyles = require("@fluentui/merge-styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const LoadInlineBannerActivity = _ref => {
+  let {
+    webChatContainerProps,
+    persistentChatHistory,
+    id
+  } = _ref;
+  const localizedTexts = (0, _react.useMemo)(() => ({
+    ..._defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts,
+    ...(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.localizedTexts)
+  }), [webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.localizedTexts]);
+  const bannerStyle = (0, _mergeStyles.mergeStyles)(persistentChatHistory === null || persistentChatHistory === void 0 ? void 0 : persistentChatHistory.bannerStyle, _defaultInLineBannerStyle.defaultInlineBannerStyle);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: bannerStyle,
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": localizedTexts.PREVIOUS_MESSAGES_LOADING,
+    "aria-busy": "true"
+  }, localizedTexts.PREVIOUS_MESSAGES_LOADING));
+};
+var _default = LoadInlineBannerActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createActivityMiddleware = void 0;
+var _LazyLoadActivity = _interopRequireWildcard(require("./activities/LazyLoadActivity"));
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
 var _Constants = require("../../../../../common/Constants");
+var _ConversationDividerActivity = _interopRequireDefault(require("./activities/ConversationDividerActivity"));
 var _DirectLineActivityType = require("../../enums/DirectLineActivityType");
 var _DirectLineSenderRole = require("../../enums/DirectLineSenderRole");
 var _react = _interopRequireDefault(require("react"));
@@ -14,6 +16,10 @@ var _defaultSystemMessageStyles = require("./defaultStyles/defaultSystemMessageS
 var _defaultUserMessageStyles = require("./defaultStyles/defaultUserMessageStyles");
 var _utils = require("../../../../../common/utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react/display-name */
 /******
  * ActivityMiddleware
  * 
@@ -24,6 +30,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  ******/
 
 const loggedSystemMessages = new Array();
+let lastRenderedAt = 0; // Track last rendered receivedAt timestamp for deduplication
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleSystemMessage = (next, args, card, renderMarkdown, systemMessageStyleProps) => {
   var _card$activity, _card$activity$channe, _card$activity$channe2, _card$activity2, _card$activity2$chann, _card$activity3, _card$activity3$chann, _card$activity3$chann2, _card$activity4, _card$activity4$chann, _card$activity5, _card$activity5$chann, _card$nextVisibleActi, _card$nextVisibleActi2, _card$activity6, _card$activity6$chann, _card$activity7, _card$nextVisibleActi3, _card$activity8;
@@ -88,6 +95,43 @@ const createActivityMiddleware = (renderMarkdown, systemMessageStyleProps, userM
     if (isTagIncluded(card, _Constants.Constants.systemMessageTag)) {
       return handleSystemMessage(next, args, card, renderMarkdown, systemMessageStyleProps);
     }
+    if (isTagIncluded(card, _Constants.Constants.persistentChatHistoryMessagePullTriggerTag)) {
+      var _card$activity9, _card$activity9$chann, _card$activity9$chann2;
+      // Safety check: if this is a new chat session and flag is false, auto-correct it
+      if (!_LazyLoadActivity.LazyLoadHandler.hasMoreHistoryAvailable) {
+        _LazyLoadActivity.LazyLoadHandler.setHasMoreHistoryAvailable(true);
+      }
+      const receivedAt = card === null || card === void 0 ? void 0 : (_card$activity9 = card.activity) === null || _card$activity9 === void 0 ? void 0 : (_card$activity9$chann = _card$activity9.channelData) === null || _card$activity9$chann === void 0 ? void 0 : (_card$activity9$chann2 = _card$activity9$chann.webChat) === null || _card$activity9$chann2 === void 0 ? void 0 : _card$activity9$chann2.receivedAt;
+      if (receivedAt < lastRenderedAt) {
+        card.activity = null;
+        return () => false;
+      }
+      lastRenderedAt = receivedAt;
+
+      // Return a function that checks availability at render time
+      return () => {
+        // Double-check at render time in case history availability changed
+        if (!_LazyLoadActivity.LazyLoadHandler.hasMoreHistoryAvailable) {
+          return null;
+        }
+        return /*#__PURE__*/_react.default.createElement(_LazyLoadActivity.default, null);
+      };
+    }
+    if (isTagIncluded(card, _Constants.Constants.persistentChatHistoryMessageTag)) {
+      const userMessageStyles = {
+        ..._defaultUserMessageStyles.defaultUserMessageStyles,
+        ...userMessageStyleProps
+      };
+      return function () {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: card.activity.from.role === _DirectLineSenderRole.DirectLineSenderRole.User ? _Constants.Constants.sentMessageClassName : _Constants.Constants.receivedMessageClassName,
+          style: userMessageStyles
+        }, next(...args)(...arguments));
+      };
+    }
+    if (isTagIncluded(card, _Constants.Constants.conversationDividerTag)) {
+      return /*#__PURE__*/_react.default.createElement(_ConversationDividerActivity.default, null);
+    }
     if (card.activity.text && card.activity.type === _DirectLineActivityType.DirectLineActivityType.Message) {
       if (!card.activity.channelData.isHtmlEncoded && card.activity.channelId === _Constants.Constants.webchatChannelId) {
         card.activity.text = (0, _utils.escapeHtml)(card.activity.text);

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.activityStatusMiddleware = void 0;
+exports.createActivityStatusMiddleware = exports.activityStatusMiddleware = void 0;
 var _Constants = require("../../../../../common/Constants");
 var _DeliveredTimestamp = require("./timestamps/DeliveredTimestamp");
+var _HistoryMessageTimestamp = require("./timestamps/HistoryMessageTimestamp");
 var _NotDeliveredTimestamp = require("./timestamps/NotDeliveredTimestamp");
 var _react = _interopRequireDefault(require("react"));
 var _SendStatus = require("../../enums/SendStatus");
@@ -32,6 +33,11 @@ const activityStatusMiddleware = () => next => args => {
     current_role = role,
     current_timestamp = timestamp;
   let sameTimestampGroupTemp = sameTimestampGroup;
+  if (tags !== null && tags !== void 0 && tags.includes(_Constants.Constants.persistentChatHistoryMessageTag)) {
+    return /*#__PURE__*/_react.default.createElement(_HistoryMessageTimestamp.HistoryMessageTimestamp, {
+      args: args
+    });
+  }
   if (args[_Constants.WebChatMiddlewareConstants.nextVisibleActivity]) {
     const {
       nextVisibleActivity: {
@@ -41,6 +47,7 @@ const activityStatusMiddleware = () => next => args => {
         timestamp
       }
     } = args;
+
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const next_name = name,
       next_timestamp = timestamp;
@@ -68,4 +75,11 @@ const activityStatusMiddleware = () => next => args => {
     ;
   }
 };
-exports.activityStatusMiddleware = activityStatusMiddleware;
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+exports.activityStatusMiddleware = activityStatusMiddleware;
+const createActivityStatusMiddleware = function () {
+  let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "en-us";
+  return activityStatusMiddleware;
+};
+exports.createActivityStatusMiddleware = createActivityStatusMiddleware;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultInLineBannerStyle.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultInlineBannerStyle = void 0;
+var _defaultSystemMessageStyles = require("./defaultSystemMessageStyles");
+// Adjust the import path if necessary
+
+const defaultInlineBannerStyle = {
+  ..._defaultSystemMessageStyles.defaultSystemMessageStyles,
+  visibility: "visible",
+  height: "20px",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  margin: "5px 10px",
+  cursor: "pointer"
+};
+exports.defaultInlineBannerStyle = defaultInlineBannerStyle;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -10,7 +10,7 @@ var _react2 = require("@fluentui/react");
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
 var _utils = require("../../../../../../common/utils");
-var _ = require("../../../../../..");
+var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const DeliveredTimestamp = _ref => {
@@ -20,7 +20,7 @@ const DeliveredTimestamp = _ref => {
     role,
     name
   } = _ref;
-  const [state] = (0, _.useChatContextStore)();
+  const [state] = (0, _useChatContextStore.default)();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/HistoryMessageTimestamp.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryMessageTimestamp = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@fluentui/react");
+var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
+var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
+var _utils = require("../../../../../../common/utils");
+var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const HistoryMessageTimestamp = _ref => {
+  var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
+  let {
+    args
+  } = _ref;
+  const [state] = (0, _useChatContextStore.default)();
+  const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
+  const {
+    activity: {
+      timestamp,
+      from: {
+        name,
+        role
+      }
+    }
+  } = args;
+  const contentStyles = {
+    ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
+    ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
+  };
+  const getTimeElement = timestamp => {
+    const timeString = (0, _utils.getTimestampHourMinute)(timestamp);
+    const isAmPmFormat = timeString.toLowerCase().includes("am") || timeString.toLowerCase().includes("pm");
+    if (dir === "rtl" && isAmPmFormat) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        dir: "ltr"
+      }, timeString);
+    } else {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        dir: dir
+      }, timeString);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react2.Stack, {
+    style: contentStyles,
+    dir: dir
+  }, role === "bot" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    dir: dir,
+    "aria-hidden": "false"
+  }, name, " : ", getTimeElement(timestamp))), role === "user" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": "false",
+    dir: dir
+  }, " ", getTimeElement(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED), "            "));
+};
+exports.HistoryMessageTimestamp = HistoryMessageTimestamp;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/NotDeliveredTimestamp.js

@@ -13,10 +13,11 @@ var _defaultTimestampFailedStyles = require("../defaultStyles/defaultTimestampFa
 var _defaultTimestampRetryStyles = require("../defaultStyles/defaultTimestampRetryStyles");
 var _utils = require("../../../../../../common/utils");
 var _botframeworkWebchat = require("botframework-webchat");
-var _ = require("../../../../../..");
+var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/* eslint @typescript-eslint/no-explicit-any: "off" */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const NotDeliveredTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$m, _state$domainStates$m2;
   let {
@@ -35,7 +36,7 @@ const NotDeliveredTimestamp = _ref => {
   const {
     timestamp
   } = activity;
-  const [state] = (0, _.useChatContextStore)();
+  const [state] = (0, _useChatContextStore.default)();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
@@ -76,6 +77,7 @@ const NotDeliveredTimestamp = _ref => {
     style: failedTextStyles
   }, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_NOT_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_NOT_DELIVERED, " "), /*#__PURE__*/_react.default.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/_react.default.createElement("span", {
     style: retryTextStyles,
+    role: "button",
     onClick: onRetryClick,
     onKeyDown: onRetryKeyEnter,
     tabIndex: 0

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/SendingTimestamp.js

@@ -8,12 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@fluentui/react");
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
-var _ = require("../../../../../..");
+var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const SendingTimestamp = () => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-  const [state] = (0, _.useChatContextStore)();
+  const [state] = (0, _useChatContextStore.default)();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,

package/lib/cjs/firstresponselatency/FirstMessageTrackerFromBot.js

@@ -36,7 +36,7 @@ const createTrackingForFirstMessage = () => {
    * Starts tracking the time for the first bot message after widget loads.
    * Sets a 5-second timeout to auto-reset if no bot message is received.
    */
-  const widgetLoadListener = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.WidgetLoadComplete).subscribe(() => {
+  const widgetLoadListener = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.StartChatComplete).subscribe(() => {
     if (isTracking) return;
     isTracking = true;
     startTime = new Date().getTime();
@@ -91,7 +91,8 @@ const createTrackingForFirstMessage = () => {
         CustomProperties: {
           elapsedTime,
           widgetLoadedAt: startTime,
-          botMessage: stopTrackingMessage
+          botMessage: stopTrackingMessage,
+          type: payload === null || payload === void 0 ? void 0 : payload.type
         }
       });
       disconnectListener();

package/lib/cjs/firstresponselatency/FirstResponseLatencyTracker.js

@@ -7,6 +7,7 @@ exports.FirstResponseLatencyTracker = void 0;
 var _TelemetryConstants = require("../common/telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
+var _Constants = require("../common/Constants");
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -133,7 +134,8 @@ let FirstResponseLatencyTracker = /*#__PURE__*/function () {
         CustomProperties: {
           elapsedTime,
           userMessage: this.startTrackingMessage,
-          botMessage: this.stopTrackingMessage
+          botMessage: this.stopTrackingMessage,
+          type: payload === null || payload === void 0 ? void 0 : payload.type
         }
       });
     }
@@ -174,7 +176,9 @@ let FirstResponseLatencyTracker = /*#__PURE__*/function () {
     value: function stopClock(payload) {
       try {
         if (!payload || !payload.Id) {
-          throw new Error("Invalid payload");
+          if ((payload === null || payload === void 0 ? void 0 : payload.type) !== _Constants.Constants.typing) {
+            throw new Error("Invalid payload");
+          }
         }
 
         // Only allow stopTracking if sender is valid and tracking is active

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -84,6 +84,9 @@ const createOnNewAdapterActivityHandler = (chatId, userId, startTime) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
     if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
+      if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.typing) {
+        return true;
+      }
       return false;
     }
     return true;
@@ -112,7 +115,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId, startTime) => {
     });
   };
   const raiseMessageEvent = activity => {
-    if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.message) {
+    if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.message || (activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.typing) {
       const scenarioType = (0, _util.getScenarioType)(activity);
       switch (scenarioType) {
         case _Constants.ScenarioType.UserSendMessageStrategy:

package/lib/esm/common/Constants.js

@@ -38,6 +38,10 @@ _defineProperty(Constants, "botParticipantTypeTag", "Bot");
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
 _defineProperty(Constants, "ChannelId", "lcw");
 _defineProperty(Constants, "CustomerTag", "FromCustomer");
+// LCW only tags (Only applicable on client-side for additional processing, not recognized by service)
+_defineProperty(Constants, "persistentChatHistoryMessageTag", "PersistentChatHistory");
+_defineProperty(Constants, "persistentChatHistoryMessagePullTriggerTag", "PersistentChatHistoryMessagePullTrigger");
+_defineProperty(Constants, "conversationDividerTag", "ConversationDivider");
 // gifUploadMiddleware
 _defineProperty(Constants, "GifContentType", "image/gif");
 // htmlPlayerMiddleware
@@ -57,6 +61,7 @@ _defineProperty(Constants, "queuePositionMessageTag", "queueposition");
 _defineProperty(Constants, "averageWaitTimeMessageTag", "averagewaittime");
 _defineProperty(Constants, "message", "message");
 _defineProperty(Constants, "hiddenTag", "Hidden");
+_defineProperty(Constants, "typing", "typing");
 // messageTimestampMiddleware
 _defineProperty(Constants, "prefixTimestampTag", "ServerMessageTimestamp_");
 _defineProperty(Constants, "acsChannel", "ACS_CHANNEL");

package/lib/esm/common/facades/FacadeChatSDK.js

@@ -481,6 +481,12 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
       reconnectableChatsParams.authenticatedUserToken = this.token;
       return this.validateAndExecuteCall("getReconnectableChats", () => this.chatSDK.OCClient.getReconnectableChats(reconnectableChatsParams));
     }
+  }, {
+    key: "fetchPersistentConversationHistory",
+    value: async function fetchPersistentConversationHistory() {
+      let getPersistentChatHistoryOptionalParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return this.validateAndExecuteCall("getPersistentChatHistory", () => this.chatSDK.getPersistentChatHistory(getPersistentChatHistoryOptionalParams));
+    }
   }]);
   return FacadeChatSDK;
 }();

package/lib/esm/common/telemetry/AppInsightsEvents.js

@@ -1,8 +1,5 @@
 export const AppInsightsEventMapping = {
   "LCWChatButtonClicked": "LCWChatButtonActionStarted",
-  "WidgetLoadStarted": "WidgetStartChatStarted",
-  "WidgetLoadComplete": "WidgetStartChatCompleted",
-  "WidgetLoadFailed": "WidgetStartChatFailed",
   "PrechatSubmitted": "PrechatSubmitCompleted",
   "StartChatEventRecevied": "StartChatEventReceivedCompleted",
   "EndChatEventReceived": "EndChatEventReceivedCompleted",
@@ -18,7 +15,9 @@ export const AppInsightsEventMapping = {
   "MessageSent": "MessageSentCompleted",
   "MessageReceived": "MessageReceivedCompleted",
   "SystemMessageReceived": "SystemMessageReceivedCompleted",
-  "RehydrateMessageReceived": "RehydrateMessageReceivedCompleted",
+  "RehydrateMessageReceived": "ChatHistoryMessageReceivedCompleted",
   "CustomContextReceived": "CustomContextReceivedCompleted",
-  "PostChatContextCallSucceed": "PostChatContextCallCompleted"
+  "NewTokenValidationStarted": "AuthTokenValidationStarted",
+  "NewTokenValidationCompleted": "AuthTokenValidationCompleted",
+  "NewTokenValidationFailed": "AuthTokenValidationFailed"
 };

package/lib/esm/common/telemetry/TelemetryConstants.js

@@ -68,9 +68,11 @@ export let BroadcastEvent;
   BroadcastEvent["OnWidgetError"] = "OnWidgetError";
   BroadcastEvent["FMLTrackingCompletedAck"] = "FMLTrackingCompletedAck";
   BroadcastEvent["FMLTrackingCompleted"] = "FMLTrackingCompleted";
+  BroadcastEvent["PersistentConversationReset"] = "PersistentConversationReset";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {
+  TelemetryEvent["FetchPersistentChatHistoryFailed"] = "FetchPersistentChatHistoryFailed";
   TelemetryEvent["CallAdded"] = "CallAdded";
   TelemetryEvent["LocalVideoStreamAdded"] = "LocalVideoStreamAdded";
   TelemetryEvent["LocalVideoStreamRemoved"] = "LocalVideoStreamRemoved";
@@ -280,8 +282,37 @@ export let TelemetryEvent;
   TelemetryEvent["UXCitationPaneCompleted"] = "UXCitationPaneCompleted";
   TelemetryEvent["UXLiveChatWidgetStart"] = "UXLiveChatWidgetStart";
   TelemetryEvent["UXLiveChatWidgetCompleted"] = "UXLiveChatWidgetCompleted";
+  TelemetryEvent["UXPostChatPaneStarted"] = "UXPostChatPaneStarted";
+  TelemetryEvent["UXPostChatPaneCompleted"] = "UXPostChatPaneCompleted";
   TelemetryEvent["AppInsightsInitialized"] = "AppInsightsInitialized";
   TelemetryEvent["AppInsightsInitFailed"] = "AppInsightsInitFailed";
+  TelemetryEvent["ConvertPersistentChatHistoryMessageToActivityFailed"] = "ConvertPersistentChatHistoryMessageToActivityFailed";
+  TelemetryEvent["UXLCWPersistentChatHistoryInitialized"] = "UXLCWPersistentChatHistoryInitialized";
+  TelemetryEvent["LCWPersistentChatHistoryFetchStarted"] = "LCWPersistentChatHistoryFetchStarted";
+  TelemetryEvent["LCWPersistentChatHistoryFetchCompleted"] = "LCWPersistentChatHistoryFetchCompleted";
+  TelemetryEvent["LCWPersistentChatHistoryFetchFailed"] = "LCWPersistentChatHistoryFetchFailed";
+  TelemetryEvent["LCWWebChatStorePollingStarted"] = "LCWWebChatStorePollingStarted";
+  TelemetryEvent["LCWWebChatStoreReady"] = "LCWWebChatStoreReady";
+  TelemetryEvent["LCWWebChatConnected"] = "LCWWebChatConnected";
+  TelemetryEvent["LCWWebChatDisconnected"] = "LCWWebChatDisconnected";
+  TelemetryEvent["LCWWebChatConnectionCheckFailed"] = "LCWWebChatConnectionCheckFailed";
+  TelemetryEvent["LCWPersistentConversationHandlerInitialized"] = "LCWPersistentConversationHandlerInitialized";
+  TelemetryEvent["LCWPersistentHistoryPullBlocked"] = "LCWPersistentHistoryPullBlocked";
+  TelemetryEvent["LCWPersistentHistoryPullCompleted"] = "LCWPersistentHistoryPullCompleted";
+  TelemetryEvent["LCWLazyLoadInitializationStarted"] = "LCWLazyLoadInitializationStarted";
+  TelemetryEvent["LCWLazyLoadContainerNotFound"] = "LCWLazyLoadContainerNotFound";
+  TelemetryEvent["LCWLazyLoadInitializationCompleted"] = "LCWLazyLoadInitializationCompleted";
+  TelemetryEvent["LCWLazyLoadSessionMetrics"] = "LCWLazyLoadSessionMetrics";
+  TelemetryEvent["LCWLazyLoadTargetElementNotFound"] = "LCWLazyLoadTargetElementNotFound";
+  TelemetryEvent["LCWLazyLoadScrollFailed"] = "LCWLazyLoadScrollFailed";
+  TelemetryEvent["LCWLazyLoadActivityMounted"] = "LCWLazyLoadActivityMounted";
+  TelemetryEvent["LCWLazyLoadReset"] = "LCWLazyLoadReset";
+  TelemetryEvent["LCWLazyLoadNoMoreHistory"] = "LCWLazyLoadNoMoreHistory";
+  TelemetryEvent["LCWLazyLoadDestroyed"] = "LCWLazyLoadDestroyed";
+  TelemetryEvent["SecureEventBusUnauthorizedDispatch"] = "SecureEventBusUnauthorizedDispatch";
+  TelemetryEvent["SecureEventBusListenerError"] = "SecureEventBusListenerError";
+  TelemetryEvent["SecureEventBusDispatchError"] = "SecureEventBusDispatchError";
+  TelemetryEvent["StartChatComplete"] = "StartChatComplete";
 })(TelemetryEvent || (TelemetryEvent = {}));
 export let TelemetryConstants = /*#__PURE__*/function () {
   function TelemetryConstants() {
@@ -349,6 +380,9 @@ export let TelemetryConstants = /*#__PURE__*/function () {
         case TelemetryEvent.PostChatWorkflowFromAgent:
         case TelemetryEvent.PostChatWorkflowFromBot:
         case TelemetryEvent.AppStatesException:
+        case TelemetryEvent.SecureEventBusUnauthorizedDispatch:
+        case TelemetryEvent.SecureEventBusListenerError:
+        case TelemetryEvent.SecureEventBusDispatchError:
           return ScenarioType.ACTIONS;
         case TelemetryEvent.StartChatSDKCall:
         case TelemetryEvent.StartChatEventReceived:
@@ -408,4 +442,10 @@ export let TelemetryConstants = /*#__PURE__*/function () {
     }
   }]);
   return TelemetryConstants;
-}();
+}();
+export let ConversationStage;
+(function (ConversationStage) {
+  ConversationStage["Initialization"] = "Initialization";
+  ConversationStage["CSREngagement"] = "CSR Engagement";
+  ConversationStage["ConversationEnd"] = "Conversation End";
+})(ConversationStage || (ConversationStage = {}));

package/lib/esm/common/telemetry/loggers/appInsightsLogger.js

@@ -1,19 +1,16 @@
-import { LogLevel, TelemetryEvent } from "../TelemetryConstants";
+import { ConversationStage, LogLevel, TelemetryEvent } from "../TelemetryConstants";
 import ScenarioMarker from "../ScenarioMarker";
 import { TelemetryHelper } from "../TelemetryHelper";
 import { AppInsightsTelemetryMessage } from "../../Constants";
 import { AppInsightsEventMapping } from "../AppInsightsEvents";
 var AllowedKeys;
 (function (AllowedKeys) {
-  AllowedKeys["LogLevel"] = "LogLevel";
+  AllowedKeys["OrganizationId"] = "OrganizationId";
+  AllowedKeys["ConversationId"] = "LiveWorkItemId";
+  AllowedKeys["ElapsedTimeInMilliseconds"] = "Duration";
   AllowedKeys["Description"] = "Description";
-  AllowedKeys["ExceptionDetails"] = "ExceptionDetails";
-  AllowedKeys["ChannelId"] = "ChannelId";
+  AllowedKeys["ChannelId"] = "ChannelType";
   AllowedKeys["LCWRuntimeId"] = "ClientSessionId";
-  AllowedKeys["ConversationId"] = "LiveWorkItemId";
-  AllowedKeys["ChatId"] = "ChatThreadId";
-  AllowedKeys["OrganizationId"] = "OrganizationId";
-  AllowedKeys["ElapsedTimeInMilliseconds"] = "DurationInMilliseconds";
 })(AllowedKeys || (AllowedKeys = {}));
 let initializationPromise = null;
 export const appInsightsLogger = appInsightsKey => {
@@ -86,9 +83,9 @@ export const appInsightsLogger = appInsightsKey => {
         if (!_logger) return;
         const eventName = telemetryInput === null || telemetryInput === void 0 ? void 0 : (_telemetryInput$paylo = telemetryInput.payload) === null || _telemetryInput$paylo === void 0 ? void 0 : _telemetryInput$paylo.Event;
         const telemetryInfo = telemetryInput === null || telemetryInput === void 0 ? void 0 : (_telemetryInput$telem = telemetryInput.telemetryInfo) === null || _telemetryInput$telem === void 0 ? void 0 : _telemetryInput$telem.telemetryInfo;
-        const eventProperties = setEventProperties(telemetryInfo);
         if (eventName) {
           const trackingEventName = getTrackingEventName(logLevel, eventName);
+          const eventProperties = setEventProperties(trackingEventName, telemetryInfo);
           _logger.trackEvent({
             name: trackingEventName,
             properties: eventProperties
@@ -107,17 +104,36 @@ export const appInsightsLogger = appInsightsKey => {
   };
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  function setEventProperties(telemetryInfo) {
+  function setEventProperties(eventName, telemetryInfo) {
     const eventProperties = {};
     if (telemetryInfo) {
       for (const key in AllowedKeys) {
-        const finalKey = AllowedKeys[key]; // get renamed keys for LCWRuntimeId, ConversationId, ChatId
+        const finalKey = AllowedKeys[key]; // get renamed keys for LCWRuntimeId, ConversationId
         const value = telemetryInfo[key];
         if (value !== undefined && value !== null && value !== "") {
           eventProperties[finalKey] = value;
         }
       }
     }
+    // Include exception details in description for error events
+    if (telemetryInfo !== null && telemetryInfo !== void 0 && telemetryInfo.ExceptionDetails) {
+      eventProperties[AllowedKeys.Description] = JSON.stringify(telemetryInfo.ExceptionDetails);
+    }
+    const customProperties = (() => {
+      if (!(telemetryInfo !== null && telemetryInfo !== void 0 && telemetryInfo.CustomProperties)) {
+        return {};
+      }
+      try {
+        return typeof telemetryInfo.CustomProperties === "string" ? JSON.parse(telemetryInfo.CustomProperties) : telemetryInfo.CustomProperties;
+      } catch (error) {
+        console.warn("Failed to parse CustomProperties:", error);
+        return {};
+      }
+    })();
+    // Additional properties
+    eventProperties["ConversationStage"] = customProperties.ConversationStage ?? ConversationStage.CSREngagement;
+    eventProperties["Scenario"] = "Conversation Diagnostics";
+    eventProperties["OperationName"] = eventName.includes(": ") ? eventName.split(": ")[1] : eventName;
     return eventProperties;
   }
   function getTrackingEventName(logLevel, eventName) {