@microsoft/omnichannel-chat-widget 0.1.0-main.bcfe8a3 → 0.1.0-main.bf74329

package/lib/cjs/components/loadingpanestateful/LoadingPaneStateful.js

@@ -4,48 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LoadingPaneStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _defaultgeneralLoadingPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralLoadingPaneStyleProps");
-
 var _utils = require("../../common/utils");
-
 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; }
-
 const LoadingPaneStateful = props => {
   var _props$styleProps;
-
   const [state] = (0, _useChatContextStore.default)();
   const generalStyleProps = Object.assign({}, _defaultgeneralLoadingPaneStyleProps.defaultGeneralLoadingPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps);
-  const styleProps = { ...props.styleProps,
+  const styleProps = {
+    ...props.styleProps,
     generalStyleProps: generalStyleProps
   };
   const controlProps = {
     id: "oc-lcw-loading-pane",
     dir: state.domainStates.globalDir,
     ...props.controlProps
-  }; // Move focus to the first button
+  };
 
+  // Move focus to the first button
   (0, _react.useEffect)(() => {
     const firstElement = (0, _utils.findAllFocusableElement)(`#${state.domainStates.widgetElementId}`);
-
     if (firstElement && firstElement[0]) {
       firstElement[0].focus();
     }
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.LoadingPaneLoaded,
       Description: "Loading pane loaded."
@@ -57,7 +45,6 @@ const LoadingPaneStateful = props => {
     styleProps: styleProps
   });
 };
-
 exports.LoadingPaneStateful = LoadingPaneStateful;
 var _default = LoadingPaneStateful;
 exports.default = _default;

package/lib/cjs/components/ooohpanestateful/OOOHPaneStateful.js

@@ -4,48 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OutOfOfficeHoursPaneStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _defaultgeneralOOOHPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralOOOHPaneStyleProps");
-
 var _utils = require("../../common/utils");
-
 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; }
-
 const OutOfOfficeHoursPaneStateful = props => {
   var _props$styleProps;
-
   const [state] = (0, _useChatContextStore.default)();
   const generalStyleProps = Object.assign({}, _defaultgeneralOOOHPaneStyleProps.defaultGeneralStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps);
-  const styleProps = { ...props.styleProps,
+  const styleProps = {
+    ...props.styleProps,
     generalStyleProps: generalStyleProps
   };
   const controlProps = {
     id: "oc-lcw-outofofficehours-pane",
     dir: state.domainStates.globalDir,
     ...props.controlProps
-  }; // Move focus to the first button
+  };
 
+  // Move focus to the first button
   (0, _react.useEffect)(() => {
     const firstElement = (0, _utils.findAllFocusableElement)(`#${state.domainStates.widgetElementId}`);
-
     if (firstElement && firstElement[0]) {
       firstElement[0].focus();
     }
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.OutOfOfficePaneLoaded
     });
@@ -56,7 +44,6 @@ const OutOfOfficeHoursPaneStateful = props => {
     styleProps: styleProps
   });
 };
-
 exports.OutOfOfficeHoursPaneStateful = OutOfOfficeHoursPaneStateful;
 var _default = OutOfOfficeHoursPaneStateful;
 exports.default = _default;

package/lib/cjs/components/postchatloadingpanestateful/PostChatLoadingPaneStateful.js

@@ -4,33 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PostChatLoadingPaneStateful = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _defaultgeneralPostChatLoadingPaneStyleProps = require("./common/defaultgeneralPostChatLoadingPaneStyleProps");
-
 var _utils = require("../../common/utils");
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 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; }
-
 const PostChatLoadingPaneStateful = props => {
   var _props$styleProps;
-
   const [state] = (0, _useChatContextStore.default)();
   const generalStyleProps = Object.assign({}, _defaultgeneralPostChatLoadingPaneStyleProps.defaultGeneralPostChatLoadingPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps);
-  const styleProps = { ...props.styleProps,
+  const styleProps = {
+    ...props.styleProps,
     generalStyleProps: generalStyleProps
   };
   const controlProps = {
@@ -42,15 +31,14 @@ const PostChatLoadingPaneStateful = props => {
     hideSpinnerText: true,
     subtitleText: "Please take a moment to give us feedback about your chat experience. We are loading the survey for you now.",
     ...props.controlProps
-  }; // Move focus to the first button
+  };
 
+  // Move focus to the first button
   (0, _react.useEffect)(() => {
     const firstElement = (0, _utils.findAllFocusableElement)(`#${state.domainStates.widgetElementId}`);
-
     if (firstElement && firstElement[0]) {
       firstElement[0].focus();
     }
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.PostChatSurveyLoadingPaneLoaded
     });
@@ -61,7 +49,6 @@ const PostChatLoadingPaneStateful = props => {
     styleProps: styleProps
   });
 };
-
 exports.PostChatLoadingPaneStateful = PostChatLoadingPaneStateful;
 var _default = PostChatLoadingPaneStateful;
 exports.default = _default;

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

@@ -4,67 +4,76 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PostChatSurveyPaneStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _defaultgeneralPostChatSurveyPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps");
-
 var _utils = require("../../common/utils");
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
+var _PostChatSurveyMode = require("./enums/PostChatSurveyMode");
+var _CustomerVoiceEvents = require("./enums/CustomerVoiceEvents");
 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; }
-
 const PostChatSurveyPaneStateful = props => {
-  var _props$styleProps, _props$controlProps;
-
-  const [state] = (0, _useChatContextStore.default)(); // ToDo : TASK 2628392 Fix PostChat iframe reloading on Minimize
-
+  var _state$domainStates$l, _state$domainStates$l2, _props$styleProps, _props$controlProps;
+  const [state] = (0, _useChatContextStore.default)();
+  const postChatSurveyMode = (_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_postconversationsurveymode;
   const generalStyleProps = Object.assign({}, _defaultgeneralPostChatSurveyPaneStyleProps.defaultGeneralPostChatSurveyPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps, {
     display: state.appStates.isMinimized ? "none" : ""
   });
   let surveyInviteLink = "";
-
   if (state.domainStates.postChatContext.surveyInviteLink) {
-    surveyInviteLink = state.domainStates.postChatContext.surveyInviteLink + "&lang=" + (state.domainStates.postChatContext.formsProLocale ?? "en");
+    surveyInviteLink = state.domainStates.postChatContext.surveyInviteLink + "&embed=" + (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed).toString() + "&compact=" + (props.isCustomerVoiceSurveyCompact ?? true).toString() + "&lang=" + (state.domainStates.postChatContext.formsProLocale ?? "en") + "&showmultilingual=false";
   }
-
-  const styleProps = { ...props.styleProps,
+  const styleProps = {
+    ...props.styleProps,
     generalStyleProps: generalStyleProps
   };
   const controlProps = {
     id: "oc-lcw-postchatsurvey-pane",
     surveyURL: ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.surveyURL) ?? surveyInviteLink,
     ...props.controlProps
-  }; // Move focus to the first button
+  };
 
+  // Move focus to the first button
   (0, _react.useEffect)(() => {
     const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
-
     if (firstElement && firstElement[0]) {
       firstElement[0].focus();
     }
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.PostChatSurveyLoaded
     });
+
+    //Customer Voice Telemetry Events
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.addEventListener("message", message => {
+      const {
+        data
+      } = message;
+      if (!data) return;
+      if (data === _CustomerVoiceEvents.CustomerVoiceEvents.ResponsePageLoaded) {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.CustomerVoiceResponsePageLoaded
+        });
+      } else if (data === _CustomerVoiceEvents.CustomerVoiceEvents.FormResponseSubmitted) {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.CustomerVoiceFormResponseSubmitted
+        });
+      } else if (data === _CustomerVoiceEvents.CustomerVoiceEvents.FormResponseError) {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.CustomerVoiceFormResponseError
+        });
+      }
+    });
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.PostChatSurveyPane, {
     controlProps: controlProps,
     styleProps: styleProps
   });
 };
-
 exports.PostChatSurveyPaneStateful = PostChatSurveyPaneStateful;
 var _default = PostChatSurveyPaneStateful;
 exports.default = _default;

package/lib/cjs/components/postchatsurveypanestateful/common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps.js

@@ -12,6 +12,6 @@ const defaultGeneralPostChatSurveyPaneStyleProps = {
   top: "0%",
   borderRadius: "0 0 4px 4px",
   borderWidth: "0px",
-  overflowY: "auto"
+  maxHeight: "calc(100% - 80px)"
 };
 exports.defaultGeneralPostChatSurveyPaneStyleProps = defaultGeneralPostChatSurveyPaneStyleProps;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomerVoiceEvents = void 0;
+let CustomerVoiceEvents;
+exports.CustomerVoiceEvents = CustomerVoiceEvents;
+(function (CustomerVoiceEvents) {
+  CustomerVoiceEvents["ResponsePageLoaded"] = "ResponsePageLoaded";
+  CustomerVoiceEvents["FormResponseSubmitted"] = "FormResponseSubmitted";
+  CustomerVoiceEvents["FormResponseError"] = "FormResponseError";
+})(CustomerVoiceEvents || (exports.CustomerVoiceEvents = CustomerVoiceEvents = {}));

package/lib/cjs/components/postchatsurveypanestateful/enums/PostChatSurveyMode.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.PostChatSurveyMode = void 0;
 let PostChatSurveyMode;
 exports.PostChatSurveyMode = PostChatSurveyMode;
-
 (function (PostChatSurveyMode) {
   PostChatSurveyMode["Embed"] = "192350000";
   PostChatSurveyMode["Link"] = "192350001";

package/lib/cjs/components/postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps.js

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

package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PreChatSurveyPaneStateful = void 0;
-
 var _Constants = require("../../common/Constants");
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../common/utils");
-
 var _ConversationState = require("../../contexts/common/ConversationState");
-
-var _DataStoreManager = require("../../common/contextDataStore/DataStoreManager");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _defaultGeneralPreChatSurveyPaneStyleProps = require("./common/defaultStyles/defaultGeneralPreChatSurveyPaneStyleProps");
-
 var _defaultPreChatSurveyLocalizedTexts = require("./common/defaultProps/defaultPreChatSurveyLocalizedTexts");
-
 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-disable-next-line @typescript-eslint/no-explicit-any
 const PreChatSurveyPaneStateful = props => {
   var _surveyProps$stylePro, _props$surveyProps, _props$surveyProps$co;
-
   const [state, dispatch] = (0, _useChatContextStore.default)();
   const {
     surveyProps,
@@ -46,8 +28,9 @@ const PreChatSurveyPaneStateful = props => {
   } = props;
   const generalStyleProps = Object.assign({}, _defaultGeneralPreChatSurveyPaneStyleProps.defaultGeneralPreChatSurveyPaneStyleProps, surveyProps === null || surveyProps === void 0 ? void 0 : (_surveyProps$stylePro = surveyProps.styleProps) === null || _surveyProps$stylePro === void 0 ? void 0 : _surveyProps$stylePro.generalStyleProps, {
     display: state.appStates.isMinimized ? "none" : ""
-  }); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  });
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const setPreChatResponseEmail = preChatResponse => {
     if (preChatResponse) {
       for (let index = 0; index < preChatResponse.length; index++) {
@@ -60,7 +43,6 @@ const PreChatSurveyPaneStateful = props => {
       }
     }
   };
-
   const getAdaptiveCardPayload = (payload, requiredFieldMissingMessage) => {
     try {
       return (0, _utils.parseAdaptiveCardPayload)(payload, requiredFieldMissingMessage);
@@ -74,7 +56,6 @@ const PreChatSurveyPaneStateful = props => {
       });
     }
   };
-
   const requiredFieldMissingMessage = ((_props$surveyProps = props.surveyProps) === null || _props$surveyProps === void 0 ? void 0 : (_props$surveyProps$co = _props$surveyProps.controlProps) === null || _props$surveyProps$co === void 0 ? void 0 : _props$surveyProps$co.requiredFieldMissingMessage) ?? _defaultPreChatSurveyLocalizedTexts.defaultPreChatSurveyLocalizedTexts.PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE;
   const controlProps = {
     id: "oc-lcw-prechatsurvey-pane",
@@ -86,23 +67,18 @@ const PreChatSurveyPaneStateful = props => {
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.PrechatSubmitted
       });
-
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.Loading
       });
-
       try {
-        var _state$domainStates, _state$domainStates$t, _state$domainStates$t2, _DataStoreManager$cli, _persistedState$domai;
-
-        const widgetStateCacheId = (0, _utils.getWidgetCacheId)(((_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$t = _state$domainStates.telemetryInternalData) === null || _state$domainStates$t === void 0 ? void 0 : _state$domainStates$t.orgId) ?? "", ((_state$domainStates$t2 = state.domainStates.telemetryInternalData) === null || _state$domainStates$t2 === void 0 ? void 0 : _state$domainStates$t2.widgetId) ?? "");
-        const widgetStateFromCache = (_DataStoreManager$cli = _DataStoreManager.DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(widgetStateCacheId, "localStorage");
-        const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
+        var _state$domainStates, _state$domainStates$t, _state$domainStates$t2, _persistedState$domai, _persistedState$appSt;
+        const persistedState = (0, _utils.getStateFromCache)(((_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$t = _state$domainStates.telemetryInternalData) === null || _state$domainStates$t === void 0 ? void 0 : _state$domainStates$t.orgId) ?? "", ((_state$domainStates$t2 = state.domainStates.telemetryInternalData) === null || _state$domainStates$t2 === void 0 ? void 0 : _state$domainStates$t2.widgetId) ?? "", state.domainStates.widgetInstanceId ?? "");
         let optionalParams = {};
 
-        if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai = persistedState.domainStates) !== null && _persistedState$domai !== void 0 && _persistedState$domai.liveChatContext) {
+        //Connect to Active chats and chat is not popout
+        if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai = persistedState.domainStates) === null || _persistedState$domai === void 0 ? void 0 : _persistedState$domai.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === _ConversationState.ConversationState.Active && !state.appStates.skipChatButtonRendering) {
           var _persistedState$domai2;
-
           optionalParams = {
             liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext
           };
@@ -127,41 +103,34 @@ const PreChatSurveyPaneStateful = props => {
     },
     ...(surveyProps === null || surveyProps === void 0 ? void 0 : surveyProps.controlProps)
   };
-  const styleProps = { ...(surveyProps === null || surveyProps === void 0 ? void 0 : surveyProps.styleProps),
+  const styleProps = {
+    ...(surveyProps === null || surveyProps === void 0 ? void 0 : surveyProps.styleProps),
     generalStyleProps: generalStyleProps
   };
   (0, _react.useEffect)(() => {
     // Set Aria-Label Attribute for Inputs
     const adaptiveCardElements = document.getElementsByClassName(_Constants.HtmlAttributeNames.adaptiveCardClassName);
-
     if (adaptiveCardElements && adaptiveCardElements.length > 0) {
       const children = adaptiveCardElements[0].children;
       let value = "";
-
       for (let index = 0; index < children.length; index++) {
         const current = children[index];
-
         if (current && current.className == _Constants.HtmlAttributeNames.adaptiveCardTextBlockClassName) {
           value = current.innerHTML;
         }
-
         if (current && current.tagName.toLowerCase() == _Constants.HtmlAttributeNames.div && current.childElementCount > 0) {
           const input = current.children[0].children;
-
           if (input && input.length > 0 && input[0].className != _Constants.HtmlAttributeNames.adaptiveCardToggleInputClassName) {
             input[0].setAttribute(_Constants.HtmlAttributeNames.ariaLabel, value);
           }
         }
       }
-    } // Move focus to the first button
-
-
+    }
+    // Move focus to the first button
     const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
-
     if (firstElement && firstElement[0]) {
       firstElement[0].focus();
     }
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.PrechatSurveyLoaded
     });
@@ -171,7 +140,6 @@ const PreChatSurveyPaneStateful = props => {
     styleProps: styleProps
   });
 };
-
 exports.PreChatSurveyPaneStateful = PreChatSurveyPaneStateful;
 var _default = PreChatSurveyPaneStateful;
 exports.default = _default;

package/lib/cjs/components/proactivechatpanestateful/ProactiveChatPaneStateful.js

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProactiveChatPaneStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../common/utils");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _Constants = require("../../common/Constants");
-
 var _ConversationState = require("../../contexts/common/ConversationState");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _TelemetryManager = require("../../common/telemetry/TelemetryManager");
-
 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-disable-next-line @typescript-eslint/no-explicit-any
 const ProactiveChatPaneStateful = props => {
   var _proactiveChatProps$c;
-
   const [state, dispatch] = (0, _useChatContextStore.default)();
   const {
     proactiveChatProps,
     startChat
-  } = props; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  } = props;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [timeoutRemoved, setTimeoutRemoved] = (0, _react.useState)(false);
-
   const handleProactiveChatInviteTimeout = () => {
     if (!timeoutRemoved) {
       setTimeoutRemoved(true);
@@ -58,7 +42,6 @@ const ProactiveChatPaneStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.Closed
       });
-
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.ProactiveChatRejected,
         ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed,
@@ -66,28 +49,22 @@ const ProactiveChatPaneStateful = props => {
       });
     }
   };
-
   const controlProps = {
     id: "oc-lcw-proactivechat",
     dir: state.domainStates.globalDir,
     onStart: async () => {
       var _state$domainStates$l, _state$domainStates$l2;
-
       setTimeoutRemoved(true);
-
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.ProactiveChatAccepted,
         Description: "Proactive chat accepted."
       });
-
       if (state.appStates.proactiveChatStates.proactiveChatInNewWindow) {
         // TODO: BroadcastService: replace with the sdk broadcast service, when in place
         const startPopoutChatEvent = {
           eventName: _TelemetryConstants.BroadcastEvent.ProactiveChatStartPopoutChat
         };
-
         _omnichannelChatComponents.BroadcastService.postMessage(startPopoutChatEvent);
-
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
           payload: _ConversationState.ConversationState.Closed
@@ -105,20 +82,16 @@ const ProactiveChatPaneStateful = props => {
         const proactiveChatStarted = {
           eventName: _TelemetryConstants.BroadcastEvent.ProactiveChatStartChat
         };
-
         _omnichannelChatComponents.BroadcastService.postMessage(proactiveChatStarted);
-
         await startChat();
       }
     },
     onClose: () => {
       setTimeoutRemoved(true);
-
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.ProactiveChatClosed,
         Description: "Proactive chat closed."
       });
-
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS,
         payload: {
@@ -133,7 +106,7 @@ const ProactiveChatPaneStateful = props => {
       });
     },
     ...(proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : proactiveChatProps.controlProps),
-    bodyTitleText: state.appStates.proactiveChatStates.proactiveChatBodyTitle ?? (proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : (_proactiveChatProps$c = proactiveChatProps.controlProps) === null || _proactiveChatProps$c === void 0 ? void 0 : _proactiveChatProps$c.bodyTitleText)
+    bodyTitleText: state.appStates.proactiveChatStates.proactiveChatBodyTitle ? state.appStates.proactiveChatStates.proactiveChatBodyTitle : proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : (_proactiveChatProps$c = proactiveChatProps.controlProps) === null || _proactiveChatProps$c === void 0 ? void 0 : _proactiveChatProps$c.bodyTitleText
   };
   (0, _react.useEffect)(() => {
     (0, _utils.setFocusOnElement)(document.getElementById(controlProps.id + "-startbutton"));
@@ -141,11 +114,9 @@ const ProactiveChatPaneStateful = props => {
     const timeoutEvent = setTimeout(() => {
       handleProactiveChatInviteTimeout();
     }, (proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : proactiveChatProps.ProactiveChatInviteTimeoutInMs) ?? _Constants.Constants.ProactiveChatInviteTimeoutInMs);
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.ProactiveChatPaneLoaded
     });
-
     return () => {
       clearTimeout(timeoutEvent);
     };
@@ -156,7 +127,6 @@ const ProactiveChatPaneStateful = props => {
     styleProps: proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : proactiveChatProps.styleProps
   });
 };
-
 exports.ProactiveChatPaneStateful = ProactiveChatPaneStateful;
 var _default = ProactiveChatPaneStateful;
 exports.default = _default;