@microsoft/omnichannel-chat-widget 1.3.0 → 1.3.1-main.57e27d3

package/lib/cjs/components/livechatwidget/common/endChat.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.prepareEndChat = exports.endChat = void 0;
+exports.prepareEndChat = exports.endVoiceVideoCallIfOngoing = exports.endChat = void 0;
 var _Constants = require("../../../common/Constants");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _authHelper = require("./authHelper");
@@ -19,20 +19,22 @@ var _defaultWebChatContainerStatefulProps = require("../../webchatcontainerstate
 const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$domainStates2;
+    // Use Case: If call is ongoing, end the call by simulating end call button click
+    endVoiceVideoCallIfOngoing(chatSDK, dispatch);
     const conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
 
-    // Use Case : When post chat is not configured
+    // Use Case: When post chat is not configured
     if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : (_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === _Constants.Constants.false) {
       var _state$appStates;
       // If ended by customer, just close chat
       if ((state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.conversationEndedBy) === _Constants.ConversationEndEntity.Customer) {
         await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid);
       }
-      //Use Case: If ended by Agent, stay chat in InActive state
+      // Use Case: If ended by Agent, stay chat in InActive state
       return;
     }
 
-    // Use Case : Can render post chat scenarios
+    // Use Case: Can render post chat scenarios
     await (0, _renderSurveyHelpers.getPostChatContext)(chatSDK, state, dispatch);
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -142,6 +144,28 @@ const endChat = async function (props, chatSDK, state, dispatch, setAdapter, set
   }
 };
 exports.endChat = endChat;
+const callingStateCleanUp = async dispatch => {
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SHOW_CALLING_CONTAINER,
+    payload: false
+  });
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INCOMING_CALL,
+    payload: true
+  });
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_VIDEO_CALL,
+    payload: true
+  });
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO,
+    payload: true
+  });
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO,
+    payload: true
+  });
+};
 const endChatStateCleanUp = async dispatch => {
   // Need to clear these states immediately when chat ended from OC.
   dispatch({
@@ -192,6 +216,31 @@ const closeChatStateCleanUp = async dispatch => {
     }
   });
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const endVoiceVideoCallIfOngoing = async (chatSDK, dispatch) => {
+  let callId = "";
+  try {
+    const voiceVideoCallingSdk = await chatSDK.getVoiceVideoCalling();
+    if (voiceVideoCallingSdk && voiceVideoCallingSdk.isInACall()) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      callId = voiceVideoCallingSdk.callId;
+      voiceVideoCallingSdk.stopCall();
+      _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.EndCallButtonClick
+      }, callId);
+      callingStateCleanUp(dispatch);
+    }
+  } catch (error) {
+    _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.ERROR, {
+      Event: _TelemetryConstants.TelemetryEvent.EndCallButtonClickException,
+      ExceptionDetails: {
+        exception: `Failed to End Call:  ${error}`
+      }
+    }, callId);
+  }
+};
+exports.endVoiceVideoCallIfOngoing = endVoiceVideoCallIfOngoing;
 const closeChatWidget = (dispatch, props, state) => {
   var _state$appStates3;
   if (state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton) {

package/lib/cjs/components/livechatwidget/common/startChat.js

@@ -55,7 +55,7 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
   //Setting PreChat and intiate chat
-  await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, undefined, props);
+  await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -326,7 +326,27 @@ const LiveChatWidgetStateful = props => {
     });
 
     // Start chat from SDK Event
-    _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.StartChat).subscribe(() => {
+    _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.StartChat).subscribe(msg => {
+      var _msg$payload4;
+      let stateWithUpdatedContext = state;
+      if (msg !== null && msg !== void 0 && (_msg$payload4 = msg.payload) !== null && _msg$payload4 !== void 0 && _msg$payload4.customContext) {
+        var _msg$payload5, _msg$payload6;
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.CustomContextReceived,
+          Description: "CustomContext received through startChat event."
+        });
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
+          payload: msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.customContext
+        });
+        stateWithUpdatedContext = {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            customContext: msg === null || msg === void 0 ? void 0 : (_msg$payload6 = msg.payload) === null || _msg$payload6 === void 0 ? void 0 : _msg$payload6.customContext
+          }
+        };
+      }
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.StartChatEventRecevied,
         Description: "Start chat event received."
@@ -340,7 +360,7 @@ const LiveChatWidgetStateful = props => {
         _omnichannelChatComponents.BroadcastService.postMessage({
           eventName: _TelemetryConstants.BroadcastEvent.ChatInitiated
         });
-        (0, _startChat.prepareStartChat)(props, chatSDK, state, dispatch, setAdapter);
+        (0, _startChat.prepareStartChat)(props, chatSDK, stateWithUpdatedContext, dispatch, setAdapter);
         return;
       }
 
@@ -352,7 +372,7 @@ const LiveChatWidgetStateful = props => {
           _omnichannelChatComponents.BroadcastService.postMessage({
             eventName: _TelemetryConstants.BroadcastEvent.ChatInitiated
           });
-          (0, _startChat.prepareStartChat)(props, chatSDK, state, dispatch, setAdapter);
+          (0, _startChat.prepareStartChat)(props, chatSDK, stateWithUpdatedContext, dispatch, setAdapter);
           return;
         }
 

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

@@ -60,5 +60,8 @@ class MockChatSDK {
       reconnectId: "123"
     };
   }
+  getVoiceVideoCalling() {
+    return null;
+  }
 }
 exports.MockChatSDK = MockChatSDK;

package/lib/esm/components/livechatwidget/common/endChat.js

@@ -14,20 +14,22 @@ import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstat
 const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$domainStates2;
+    // Use Case: If call is ongoing, end the call by simulating end call button click
+    endVoiceVideoCallIfOngoing(chatSDK, dispatch);
     const conversationDetails = await getConversationDetailsCall(chatSDK);
 
-    // Use Case : When post chat is not configured
+    // Use Case: When post chat is not configured
     if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : (_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === Constants.false) {
       var _state$appStates;
       // If ended by customer, just close chat
       if ((state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.conversationEndedBy) === ConversationEndEntity.Customer) {
         await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid);
       }
-      //Use Case: If ended by Agent, stay chat in InActive state
+      // Use Case: If ended by Agent, stay chat in InActive state
       return;
     }
 
-    // Use Case : Can render post chat scenarios
+    // Use Case: Can render post chat scenarios
     await getPostChatContext(chatSDK, state, dispatch);
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -135,6 +137,28 @@ const endChat = async function (props, chatSDK, state, dispatch, setAdapter, set
     });
   }
 };
+const callingStateCleanUp = async dispatch => {
+  dispatch({
+    type: LiveChatWidgetActionType.SHOW_CALLING_CONTAINER,
+    payload: false
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_INCOMING_CALL,
+    payload: true
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.DISABLE_VIDEO_CALL,
+    payload: true
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO,
+    payload: true
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO,
+    payload: true
+  });
+};
 const endChatStateCleanUp = async dispatch => {
   // Need to clear these states immediately when chat ended from OC.
   dispatch({
@@ -185,6 +209,30 @@ const closeChatStateCleanUp = async dispatch => {
     }
   });
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const endVoiceVideoCallIfOngoing = async (chatSDK, dispatch) => {
+  let callId = "";
+  try {
+    const voiceVideoCallingSdk = await chatSDK.getVoiceVideoCalling();
+    if (voiceVideoCallingSdk && voiceVideoCallingSdk.isInACall()) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      callId = voiceVideoCallingSdk.callId;
+      voiceVideoCallingSdk.stopCall();
+      TelemetryHelper.logCallingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.EndCallButtonClick
+      }, callId);
+      callingStateCleanUp(dispatch);
+    }
+  } catch (error) {
+    TelemetryHelper.logCallingEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.EndCallButtonClickException,
+      ExceptionDetails: {
+        exception: `Failed to End Call:  ${error}`
+      }
+    }, callId);
+  }
+};
 const closeChatWidget = (dispatch, props, state) => {
   var _state$appStates3;
   if (state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton) {

package/lib/esm/components/livechatwidget/common/startChat.js

@@ -50,7 +50,7 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
   //Setting PreChat and intiate chat
-  await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, undefined, props);
+  await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -318,7 +318,27 @@ export const LiveChatWidgetStateful = props => {
     });
 
     // Start chat from SDK Event
-    BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(() => {
+    BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
+      var _msg$payload4;
+      let stateWithUpdatedContext = state;
+      if (msg !== null && msg !== void 0 && (_msg$payload4 = msg.payload) !== null && _msg$payload4 !== void 0 && _msg$payload4.customContext) {
+        var _msg$payload5, _msg$payload6;
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.CustomContextReceived,
+          Description: "CustomContext received through startChat event."
+        });
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
+          payload: msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.customContext
+        });
+        stateWithUpdatedContext = {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            customContext: msg === null || msg === void 0 ? void 0 : (_msg$payload6 = msg.payload) === null || _msg$payload6 === void 0 ? void 0 : _msg$payload6.customContext
+          }
+        };
+      }
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.StartChatEventRecevied,
         Description: "Start chat event received."
@@ -332,7 +352,7 @@ export const LiveChatWidgetStateful = props => {
         BroadcastService.postMessage({
           eventName: BroadcastEvent.ChatInitiated
         });
-        prepareStartChat(props, chatSDK, state, dispatch, setAdapter);
+        prepareStartChat(props, chatSDK, stateWithUpdatedContext, dispatch, setAdapter);
         return;
       }
 
@@ -344,7 +364,7 @@ export const LiveChatWidgetStateful = props => {
           BroadcastService.postMessage({
             eventName: BroadcastEvent.ChatInitiated
           });
-          prepareStartChat(props, chatSDK, state, dispatch, setAdapter);
+          prepareStartChat(props, chatSDK, stateWithUpdatedContext, dispatch, setAdapter);
           return;
         }
 

package/lib/esm/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -53,4 +53,7 @@ export class MockChatSDK {
       reconnectId: "123"
     };
   }
+  getVoiceVideoCalling() {
+    return null;
+  }
 }

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

@@ -4,4 +4,5 @@ import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidget
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 declare const prepareEndChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, uwid: string) => Promise<void>;
 declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined, uwid?: string) => Promise<void>;
+export declare const endVoiceVideoCallIfOngoing: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
 export { prepareEndChat, endChat };

package/lib/types/components/webchatcontainerstateful/common/mockchatsdk.d.ts

@@ -27,4 +27,5 @@ export declare class MockChatSDK {
     getChatReconnectContext(): {
         reconnectId: string;
     };
+    getVoiceVideoCalling(): null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.3.0",
+  "version": "1.3.1-main.57e27d3",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",