@microsoft/omnichannel-chat-widget 1.8.2-main.4b1a5f0 → 1.8.2-main.5195aba

package/lib/esm/controller/componentController.js

@@ -17,7 +17,7 @@ export const shouldShowEmailTranscriptPane = state => {
   return state.uiStates.showEmailTranscriptPane;
 };
 export const shouldShowWebChatContainer = state => {
-  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive;
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive || state.appStates.conversationState === ConversationState.Postchat && state.appStates.isConversationalSurveyEnabled && state.appStates.isConversationalSurvey;
 };
 export const shouldShowLoadingPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Loading;
@@ -42,7 +42,7 @@ export const shouldShowConfirmationPane = state => {
   return state.uiStates.showConfirmationPane;
 };
 export const shouldShowPostChatSurveyPane = state => {
-  return state.appStates.conversationState === ConversationState.Postchat;
+  return state.appStates.conversationState === ConversationState.Postchat && !state.appStates.isConversationalSurvey;
 };
 export const shouldShowCallingContainer = state => {
   return state.appStates.conversationState === ConversationState.Active && state.appStates.e2vvEnabled;

package/lib/esm/firstresponselatency/util.js

@@ -1,35 +1,59 @@
 import { ScenarioType } from "./Constants";
 import { Constants } from "../common/Constants";
+/**
+ * Determines whether a given activity is a historical message.
+ * 
+ * This function checks if the activity is a message type and uses a combination
+ * of legacy tags and timestamp-based logic to determine if the message is historical.
+ * 
+ * @param {IActivity} activity - The activity object to evaluate.
+ * @param {number} startTime - The start time (in milliseconds since epoch) to compare against.
+ * @returns {boolean} - Returns true if the activity is a historical message, false otherwise.
+ * 
+ * Logic:
+ * - If the activity type is not a message, it is not historical.
+ * - If the activity contains a legacy history message tag, it is considered historical.
+ * - Otherwise, the function extracts a timestamp from the activity ID using `extractTimestampFromId`.
+ *   - If the ID is valid and the timestamp is older than the start time, the message is historical.
+ */
 export const isHistoryMessage = (activity, startTime) => {
-  try {
-    if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {
-      var _activity$channelData, _activity$channelData2;
-      // this is an old piece of code, probably no longer relevant
-      if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(Constants.historyMessageTag)) return true;
+  var _activity$channelData, _activity$channelData2;
+  // Only process message activities
+  if ((activity === null || activity === void 0 ? void 0 : activity.type) !== Constants.message) {
+    return false;
+  }
 
-      // Id is an epoch time in milliseconds , in utc format, for some reason is in a string format
-      if (activity !== null && activity !== void 0 && activity.id) {
-        /// activity.id is an string that contains epoch time in milliseconds
-        const activityId = parseInt(activity === null || activity === void 0 ? void 0 : activity.id);
+  // Legacy check for history message tag
+  if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(Constants.historyMessageTag)) {
+    return true;
+  }
+  const activityId = extractTimestampFromId(activity);
+  const isValidId = !isNaN(activityId) && activityId > 0;
+  const isOlderThanStartTime = activityId < startTime;
+  const isHistoryById = isValidId && isOlderThanStartTime;
+  return isHistoryById;
+};
+export const extractTimestampFromId = activity => {
+  const id = (activity === null || activity === void 0 ? void 0 : activity.id) ?? "";
 
-        // if the activity id is not a number, we default to new message
-        if (isNaN(activityId)) {
-          return false;
-        }
+  // Helper function to get timestamp fallback
+  const getTimestampFallback = () => {
+    const timestamp = new Date((activity === null || activity === void 0 ? void 0 : activity.timestamp) ?? "").getTime();
+    return isNaN(timestamp) ? 0 : timestamp;
+  };
 
-        // if the activity id is less than the start time, it means that the message is a history message
-        if (activityId < startTime) {
-          return true;
-        }
-      }
-      // anything else will be considered a new message
-      return false;
-    }
-  } catch (e) {
-    // if there is an error in parsing the activity id, we will consider it a new message
-    console.error("Error in parsing activity id: ", e);
+  // Check if ID looks like a UUID (contains dashes or is very long)
+  const UUID_LENGTH_THRESHOLD = 13; // Threshold to distinguish UUIDs from epoch timestamps
+  if (id.includes("-") || id.length > UUID_LENGTH_THRESHOLD) {
+    // Likely UUID, use timestamp instead
+    return getTimestampFallback();
+  }
+  const activityId = parseInt(id);
+  // if activity id is not a number, then we use timestamp field
+  if (isNaN(activityId)) {
+    return getTimestampFallback();
   }
-  return false;
+  return activityId;
 };
 export const buildMessagePayload = (activity, userId) => {
   var _text, _text2, _activity$channelData3, _activity$from;

package/lib/esm/plugins/newMessageEventHandler.js

@@ -6,13 +6,13 @@ import { Constants } from "../common/Constants";
 import { FirstResponseLatencyTracker } from "../firstresponselatency/FirstResponseLatencyTracker";
 import { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
 import { TelemetryManager } from "../common/telemetry/TelemetryManager";
-export const createOnNewAdapterActivityHandler = (chatId, userId) => {
+export const createOnNewAdapterActivityHandler = (chatId, userId, startTime) => {
   // Hooking the message tracker in the listener, a bit invasive but easier to control.
   const firstResponseLatencyTracker = new FirstResponseLatencyTracker();
   // epoch time in utc for when start to listen.
   // We dont longer have a mechanism to know if a message is history or new, so any message older than the time we start listening will be considered a history message.
   // this is a workaround for the fact that we dont have a way to identify if a message is history or new, and it will provide consistency across different scenarios
-  const startTime = new Date().getTime();
+
   let isHistoryMessageReceivedEventRaised = false;
   const onNewAdapterActivityHandler = activity => {
     raiseMessageEvent(activity);
@@ -35,6 +35,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
     });
   };
   const systemMessageStrategy = activity => {
+    var _TelemetryManager$Int3;
     const payload = buildMessagePayload(activity, userId);
     payload.messageType = Constants.systemMessageTag;
     if (isHistoryMessage(activity, startTime)) {
@@ -42,6 +43,11 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
       historyMessageStrategy(polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int2 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.conversationId));
       return;
     }
+    const newMessageReceivedEvent = {
+      eventName: BroadcastEvent.NewMessageReceived,
+      payload: polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId)
+    };
+    BroadcastService.postMessage(newMessageReceivedEvent);
     TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
       Event: TelemetryEvent.SystemMessageReceived,
       Description: "System message received"
@@ -77,20 +83,20 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
     return true;
   };
   const receivedMessageStrategy = activity => {
-    var _TelemetryManager$Int4;
+    var _TelemetryManager$Int5;
     if (!isValidMessage(activity)) return;
     const isHistoryMessageReceived = isHistoryMessage(activity, startTime);
     const payload = buildMessagePayload(activity, userId);
     payload.messageType = Constants.userMessageTag;
     if (isHistoryMessageReceived) {
-      var _TelemetryManager$Int3;
-      historyMessageStrategy(polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId));
+      var _TelemetryManager$Int4;
+      historyMessageStrategy(polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int4 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId));
       return;
     }
     firstResponseLatencyTracker.stopClock(payload);
     const newMessageReceivedEvent = {
       eventName: BroadcastEvent.NewMessageReceived,
-      payload: polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int4 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId)
+      payload: polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int5 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : _TelemetryManager$Int5.conversationId)
     };
     BroadcastService.postMessage(newMessageReceivedEvent);
     TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {

package/lib/types/common/Constants.d.ts

@@ -7,6 +7,9 @@ export declare class Constants {
     static readonly historyMessageTag = "history";
     static readonly agentEndConversationMessageTag = "agentendconversation";
     static readonly supervisorForceCloseMessageTag = "supervisorforceclosedconversation";
+    static readonly endConversationalSurveyMessageTag = "endconversationalsurvey";
+    static readonly startConversationalSurveyMessageTag = "startconversationalsurvey";
+    static readonly c2ConversationalSurveyMessageTag = "c2conversationalsurvey";
     static readonly receivedMessageClassName = "ms_lcw_webchat_received_message";
     static readonly sentMessageClassName = "ms_lcw_webchat_sent_message";
     static readonly webchatChannelId = "webchat";
@@ -80,8 +83,7 @@ export declare class Constants {
     static readonly TargetRelationship = "rel";
     static readonly TargetRelationshipAttributes = "noopener noreferrer";
     static readonly OpenLinkIconCssClass = "webchat__render-markdown__external-link-icon";
-    static readonly internetConnectionTestUrl = "https://ocsdk-prod.azureedge.net/public/connecttest.txt";
-    static readonly internetConnectionTestUrlText = "Omnichannel Connect Test";
+    static readonly internetConnectionTestPath = "/livechatwidget/version.txt";
     static readonly ChatWidgetStateChangedPrefix = "ChatWidgetStateChanged";
     static readonly PostChatLoadingDurationInMs = 2000;
     static readonly BrowserUnloadConfirmationMessage = "Do you want to leave chat?";
@@ -94,10 +96,11 @@ export declare class Constants {
     static readonly OCOriginalMessageId = "OriginalMessageId";
     static readonly WebchatSequenceIdAttribute = "webchat:sequence-id";
     static readonly MessageSequenceIdOverride = "MessageSequenceIdOverride";
+    static readonly EndConversationDueToOverflow = "endconversationduetooverflow";
 }
 export declare const Regex: {
     new (): {};
-    readonly EmailRegex: "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])";
+    readonly EmailRegex: "^(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"[^\"\\\\]*(?:\\\\.[^\"\\\\]*)*\")@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?)*|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\])$";
 };
 export declare class HtmlIdNames {
     static readonly MSLiveChatWidget = "MSLiveChatWidget";
@@ -180,6 +183,9 @@ export declare enum ConversationMode {
     Regular = "192350000",
     Persistent = "192350001"
 }
+export declare enum SurveyProvider {
+    MicrosoftCopilotStudio = "600990001"
+}
 export declare enum LiveWorkItemState {
     Active = "Active",
     Closed = "Closed",

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -172,6 +172,7 @@ export declare enum TelemetryEvent {
     BotAuthActivityUndefinedSignInId = "BotAuthActivityUndefinedSignInId",
     ThirdPartyCookiesBlocked = "ThirdPartyCookiesBlocked",
     ParticipantsRemovedEvent = "ParticipantsRemovedEvent",
+    QueueOverflowEvent = "QueueOverflowEvent",
     ProcessingHTMLTextMiddlewareFailed = "ProcessingHTMLTextMiddlewareFailed",
     ProcessingSanitizationMiddlewareFailed = "ProcessingSanitizationMiddlewareFailed",
     FormatTagsMiddlewareJSONStringifyFailed = "FormatTagsMiddlewareJSONStringifyFailed",

package/lib/types/common/utils.d.ts

@@ -47,3 +47,8 @@ export declare const formatTemplateString: (templateMessage: string, values: any
 export declare const parseLowerCaseString: (property: string | boolean | undefined) => string;
 export declare const setOcUserAgent: (chatSDK: any) => void;
 export declare function getDeviceType(): string;
+export declare function isEndConversationDueToOverflowActivity(activity: {
+    channelData?: {
+        tags?: string[];
+    };
+}): boolean | undefined;

package/lib/types/components/livechatwidget/common/liveChatConfigUtils.d.ts

@@ -1,3 +1,4 @@
 import { FacadeChatSDK } from "../../../common/facades/FacadeChatSDK";
 export declare const isPostChatSurveyEnabled: (facadeChatSDK: FacadeChatSDK) => Promise<boolean>;
+export declare const getPostChatSurveyConfig: (facadeChatSDK: FacadeChatSDK) => Promise<any>;
 export declare const isPersistentChatEnabled: (conversationMode: string | undefined) => boolean;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware.d.ts

@@ -4,7 +4,7 @@
  * Adds necessary tags if not present so that the rendering middlewares can process them later.
  ******/
 import { IWebChatAction } from "../../../interfaces/IWebChatAction";
-declare const channelDataMiddleware: ({ dispatch }: {
+declare const channelDataMiddleware: (addConversationalSurveyTagsCallback: any) => ({ dispatch }: {
     dispatch: any;
 }) => (next: any) => (action: IWebChatAction) => any;
 export default channelDataMiddleware;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/conversationEndMiddleware.d.ts

@@ -5,7 +5,7 @@
  * The callback is then invoked to hide the send box (by default).
  ******/
 import { IWebChatAction } from "../../../interfaces/IWebChatAction";
-declare const createConversationEndMiddleware: (conversationEndCallback: any) => ({ dispatch }: {
+declare const createConversationEndMiddleware: (conversationEndCallback: any, startConversationalSurveyCallback: any, endConversationalSurveyCallback: any) => ({ dispatch }: {
     dispatch: any;
 }) => (next: any) => (action: IWebChatAction) => any;
 export default createConversationEndMiddleware;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/queueOverflowHandlerMiddleware.d.ts

@@ -0,0 +1,5 @@
+import { IWebChatAction } from "../../../interfaces/IWebChatAction";
+import { ILiveChatWidgetContext } from "../../../../../contexts/common/ILiveChatWidgetContext";
+import { Dispatch } from "react";
+import { ILiveChatWidgetAction } from "../../../../../contexts/common/ILiveChatWidgetAction";
+export declare const createQueueOverflowMiddleware: (state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>) => () => (next: (action: IWebChatAction) => void) => (action: IWebChatAction) => void;

package/lib/types/contexts/common/ILiveChatWidgetContext.d.ts

@@ -48,6 +48,8 @@ export interface ILiveChatWidgetContext {
         chatDisconnectEventReceived: boolean;
         selectedSurveyMode: string | null;
         postChatParticipantType: undefined | ParticipantType;
+        isConversationalSurvey: boolean;
+        isConversationalSurveyEnabled: boolean;
     };
     uiStates: {
         showConfirmationPane: boolean;

package/lib/types/contexts/common/LiveChatWidgetActionType.d.ts

@@ -44,5 +44,7 @@ export declare enum LiveChatWidgetActionType {
     SET_SURVEY_MODE = 42,
     SET_CONFIRMATION_STATE = 43,
     SET_POST_CHAT_PARTICIPANT_TYPE = 44,
-    GET_IN_MEMORY_STATE = 45
+    SET_CONVERSATIONAL_SURVEY_ENABLED = 45,
+    SET_CONVERSATIONAL_SURVEY_DISPLAY = 46,
+    GET_IN_MEMORY_STATE = 47
 }

package/lib/types/firstresponselatency/util.d.ts

@@ -1,6 +1,23 @@
 import { MessagePayload, ScenarioType, TrackingMessage } from "./Constants";
 import { IActivity } from "botframework-directlinejs";
+/**
+ * Determines whether a given activity is a historical message.
+ *
+ * This function checks if the activity is a message type and uses a combination
+ * of legacy tags and timestamp-based logic to determine if the message is historical.
+ *
+ * @param {IActivity} activity - The activity object to evaluate.
+ * @param {number} startTime - The start time (in milliseconds since epoch) to compare against.
+ * @returns {boolean} - Returns true if the activity is a historical message, false otherwise.
+ *
+ * Logic:
+ * - If the activity type is not a message, it is not historical.
+ * - If the activity contains a legacy history message tag, it is considered historical.
+ * - Otherwise, the function extracts a timestamp from the activity ID using `extractTimestampFromId`.
+ *   - If the ID is valid and the timestamp is older than the start time, the message is historical.
+ */
 export declare const isHistoryMessage: (activity: IActivity, startTime: number) => boolean;
+export declare const extractTimestampFromId: (activity: IActivity) => number;
 export declare const buildMessagePayload: (activity: IActivity, userId: string) => MessagePayload;
 export declare const polyfillMessagePayloadForEvent: (activity: IActivity, payload: MessagePayload, conversationId?: string) => MessagePayload;
 export declare const getScenarioType: (activity: IActivity) => ScenarioType;

package/lib/types/plugins/newMessageEventHandler.d.ts

@@ -1,2 +1,2 @@
 import { IActivity } from "botframework-directlinejs";
-export declare const createOnNewAdapterActivityHandler: (chatId: string, userId: string) => (activity: IActivity) => void;
+export declare const createOnNewAdapterActivityHandler: (chatId: string, userId: string, startTime: number) => (activity: IActivity) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.8.2-main.4b1a5f0",
+  "version": "1.8.2-main.5195aba",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -87,7 +87,7 @@
     "@azure/core-tracing": "^1.2.0",
     "@microsoft/applicationinsights-web": "^3.3.6",
     "@microsoft/omnichannel-chat-components": "1.1.12",
-    "@microsoft/omnichannel-chat-sdk": "^1.11.2",
+    "@microsoft/omnichannel-chat-sdk": "^1.11.4",
     "@opentelemetry/api": "^1.9.0",
     "abort-controller": "^3",
     "abort-controller-es5": "^2.0.1",
@@ -121,8 +121,8 @@
     "build:umd": "webpack --config ./webpack.umd.config.cjs",
     "verify": "yarn install && yarn build-storybook && yarn test:all && yarn build && yarn storybook",
     "testpack": "yarn build && yarn pack",
-    "build-sample": "yarn build && webpack --config ./webpack.config.cjs",
-    "build-sample:dev": "yarn build && webpack --config ./webpack.dev.config.cjs",
+    "build-sample": "yarn build && cross-env NODE_OPTIONS=--openssl-legacy-provider webpack --config ./webpack.config.cjs",
+    "build-sample:dev": "yarn build && cross-env NODE_OPTIONS=--openssl-legacy-provider webpack --config ./webpack.dev.config.cjs",
     "test:visual:build": "yarn build-storybook && yarn test:visual",
     "lint": "yarn eslint . --max-warnings=0",
     "prepush": "yarn lint && yarn danger:prepush",