@microsoft/omnichannel-chat-widget 1.8.1-main.20b15cc → 1.8.1-main.4fb8cb5

package/lib/esm/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -9,13 +9,14 @@ import { defaultGeneralPostChatSurveyPaneStyleProps } from "./common/defaultStyl
 import { findAllFocusableElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
 import isValidSurveyUrl from "./common/isValidSurveyUrl";
-const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact) {
-  let showMultiLingual = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact, customerVoiceSurveyCorrelationId) {
+  let showMultiLingual = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   const surveyLinkParams = new URLSearchParams({
     embed: isEmbed.toString(),
     compact: (compact ?? true).toString(),
     lang: locale ?? "en-us",
-    showmultilingual: (showMultiLingual ?? false).toString()
+    showmultilingual: (showMultiLingual ?? false).toString(),
+    cvResponsePageRequestId: customerVoiceSurveyCorrelationId
   });
   return `${surveyInviteLink}&${surveyLinkParams.toString()}`;
 };
@@ -31,9 +32,9 @@ export const PostChatSurveyPaneStateful = props => {
   // Bot survey enabled
   state.appStates.postChatParticipantType === ParticipantType.Bot) {
     // Only Bot has engaged
-    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.botSurveyInviteLink, surveyMode, state.domainStates.postChatContext.botFormsProLocale, props.isCustomerVoiceSurveyCompact ?? true);
+    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.botSurveyInviteLink, surveyMode, state.domainStates.postChatContext.botFormsProLocale, props.isCustomerVoiceSurveyCompact ?? true, props.customerVoiceSurveyCorrelationId || "");
   } else {
-    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.surveyInviteLink, surveyMode, state.domainStates.postChatContext.formsProLocale, props.isCustomerVoiceSurveyCompact ?? true);
+    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.surveyInviteLink, surveyMode, state.domainStates.postChatContext.formsProLocale, props.isCustomerVoiceSurveyCompact ?? true, props.customerVoiceSurveyCorrelationId || "");
   }
   if (props.copilotSurveyContext) {
     surveyInviteLink = `${surveyInviteLink}&mcs_additionalcontext=${JSON.stringify(props.copilotSurveyContext)}`;
@@ -96,6 +97,14 @@ export const PostChatSurveyPaneStateful = props => {
             message: "Customer Voice form response error."
           }
         });
+      } else if (typeof data === "string" && data.startsWith(CustomerVoiceEvents.FormsError)) {
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+          Event: TelemetryEvent.CustomerVoiceFormsError,
+          Description: "Customer Voice failed to load with forms error.",
+          ExceptionDetails: {
+            message: `Customer Voice forms error details: ${data}`
+          }
+        });
       }
     });
   }, []);

package/lib/esm/components/postchatsurveypanestateful/enums/CustomerVoiceEvents.js

@@ -3,4 +3,5 @@ export let CustomerVoiceEvents;
   CustomerVoiceEvents["ResponsePageLoaded"] = "ResponsePageLoaded";
   CustomerVoiceEvents["FormResponseSubmitted"] = "FormResponseSubmitted";
   CustomerVoiceEvents["FormResponseError"] = "FormResponseError";
+  CustomerVoiceEvents["FormsError"] = "FormsError";
 })(CustomerVoiceEvents || (CustomerVoiceEvents = {}));

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

@@ -94,6 +94,8 @@ export declare enum TelemetryEvent {
     DisconnectEndChatSDKCallFailed = "DisconnectEndChatSDKCallFailed",
     GetChatReconnectContextSDKCallStarted = "GetChatReconnectContextSDKCallStarted",
     GetChatReconnectContextSDKCallFailed = "GetChatReconnectContextSDKCallFailed",
+    CheckContactIdError = "checkContactIdError",
+    GetChatReconnectContextSDKCallSucceeded = "GetChatReconnectContextSDKCallSucceeded",
     ParseAdaptiveCardFailed = "ParseAdaptiveCardFailed",
     ClientDataStoreProviderFailed = "ClientDataStoreProviderFailed",
     InMemoryDataStoreFailed = "InMemoryDataStoreFailed",
@@ -161,6 +163,7 @@ export declare enum TelemetryEvent {
     CustomerVoiceResponsePageLoaded = "CustomerVoiceResponsePageLoaded",
     CustomerVoiceFormResponseSubmitted = "CustomerVoiceFormResponseSubmitted",
     CustomerVoiceFormResponseError = "CustomerVoiceFormResponseError",
+    CustomerVoiceFormsError = "CustomerVoiceFormsError",
     BotAuthActivityEmptySasUrl = "BotAuthActivityEmptySasUrl",
     SetBotAuthProviderFetchConfig = "SetBotAuthProviderFetchConfig",
     SetBotAuthProviderHideCard = "SetBotAuthProviderHideCard",
@@ -238,6 +241,7 @@ export declare enum TelemetryEvent {
     UXNotificationPaneCompleted = "UXNotificationPaneCompleted",
     UXOutOfOfficeHoursPaneStart = "UXOutOfOfficeHoursPaneStart",
     UXOutOfOfficeHoursPaneCompleted = "UXOutOfOfficeHoursPaneCompleted",
+    XSSTextDetected = "XSSTextDetected",
     UXPostChatLoadingPaneStart = "UXPostChatLoadingPaneStart",
     UXPostChatLoadingPaneCompleted = "UXPostChatLoadingPaneCompleted",
     UXPrechatPaneStart = "UXPrechatPaneStart",

package/lib/types/common/telemetry/loggers/appInsightsLogger.d.ts

@@ -4,7 +4,7 @@ declare global {
         appInsights?: any;
     }
 }
-export declare const appInsightsLogger: (appInsightsKey: string, disableCookiesUsage: boolean) => IChatSDKLogger;
+export declare const appInsightsLogger: (appInsightsKey: string) => IChatSDKLogger;
 export interface ICustomProperties {
     [key: string]: any;
 }

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

@@ -0,0 +1,29 @@
+/**
+ * Detects potential Cross-Site Scripting (XSS) attacks in text input and sanitizes the content.
+ *
+ * This function performs comprehensive XSS detection using pattern matching for common attack vectors
+ * and then sanitizes the input using DOMPurify with strict configuration. It's designed to protect
+ * against various XSS techniques including script injection, event handler injection, style-based
+ * attacks, and encoded payloads.
+ *
+ * Security patterns detected:
+ * - JavaScript protocol URLs (javascript:)
+ * - HTML event handlers (onmouseover, onclick, etc.)
+ * - Script tags (<script>)
+ * - CSS expression() functions
+ * - CSS url() functions
+ * - Position-based CSS attacks (position: fixed/absolute)
+ * - VBScript protocol URLs
+ * - Data URLs with HTML content
+ * - Fragment identifiers with escaped quotes
+ * - HTML entity-encoded angle brackets
+ *
+ * @param text - The input text to be analyzed and sanitized
+ * @returns An object containing:
+ *   - cleanText: The sanitized version of the input text with all HTML tags and attributes removed
+ *   - isXSSDetected: Boolean flag indicating whether potential XSS patterns were found in the original text
+ */
+export declare const detectAndCleanXSS: (text: string) => {
+    cleanText: string;
+    isXSSDetected: boolean;
+};

package/lib/types/components/errorboundary/ErrorBoundary.d.ts

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+interface ErrorBoundaryProps {
+    children: React.ReactNode | (() => React.ReactNode);
+    onError?: (error: Error) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error): void;
+    render(): false | React.JSX.Element;
+}
+export default ErrorBoundary;

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

@@ -4,3 +4,4 @@ import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetA
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 export declare const handleStartChatError: (dispatch: Dispatch<ILiveChatWidgetAction>, facadeChatSDK: FacadeChatSDK, props: ILiveChatWidgetProps | undefined, ex: any, isStartChatSuccessful: boolean) => void;
 export declare const logWidgetLoadComplete: (additionalMessage?: string) => void;
+export declare const logWidgetLoadWithUnexpectedError: (ex: any) => void;

package/lib/types/components/postchatsurveypanestateful/enums/CustomerVoiceEvents.d.ts

@@ -1,5 +1,6 @@
 export declare enum CustomerVoiceEvents {
     ResponsePageLoaded = "ResponsePageLoaded",
     FormResponseSubmitted = "FormResponseSubmitted",
-    FormResponseError = "FormResponseError"
+    FormResponseError = "FormResponseError",
+    FormsError = "FormsError"
 }

package/lib/types/components/postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps.d.ts

@@ -2,4 +2,5 @@ import { IPostChatSurveyPaneProps } from "@microsoft/omnichannel-chat-components
 export interface IPostChatSurveyPaneStatefulProps extends IPostChatSurveyPaneProps {
     isCustomerVoiceSurveyCompact?: boolean;
     copilotSurveyContext?: Record<string, string>;
+    customerVoiceSurveyCorrelationId?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.8.1-main.20b15cc",
+  "version": "1.8.1-main.4fb8cb5",
   "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.1",
+    "@microsoft/omnichannel-chat-sdk": "^1.11.2",
     "@opentelemetry/api": "^1.9.0",
     "abort-controller": "^3",
     "abort-controller-es5": "^2.0.1",