@microsoft/omnichannel-chat-widget 0.1.0-main.3d1c026 → 0.1.0-main.4151518

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

@@ -4,60 +4,72 @@ 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"));
-
+var _useWindowDimensions = _interopRequireDefault(require("../../hooks/useWindowDimensions"));
+var _errorUILoadingPaneStyleProps = require("./common/errorUIStyleProps/errorUILoadingPaneStyleProps");
 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 LoadingPaneStateful = props => {
-  var _props$styleProps;
-
+  var _loadingPaneProps$sty, _startChatErrorPanePr, _startChatErrorPanePr2;
   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,
-    generalStyleProps: generalStyleProps
+  const {
+    loadingPaneProps,
+    startChatErrorPaneProps
+  } = props;
+  const generalLoadingPaneStyleProps = Object.assign({}, _defaultgeneralLoadingPaneStyleProps.defaultGeneralLoadingPaneStyleProps, loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : (_loadingPaneProps$sty = loadingPaneProps.styleProps) === null || _loadingPaneProps$sty === void 0 ? void 0 : _loadingPaneProps$sty.generalStyleProps);
+  const loadingPaneStyleProps = {
+    ...(loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : loadingPaneProps.styleProps),
+    generalStyleProps: generalLoadingPaneStyleProps
+  };
+  const errorUIStyleProps = {
+    ..._errorUILoadingPaneStyleProps.errorUILoadingPaneStyleProps
   };
-  const controlProps = {
+  const loadingPaneControlProps = {
     id: "oc-lcw-loading-pane",
     dir: state.domainStates.globalDir,
-    ...props.controlProps
-  }; // Move focus to the first button
+    ...(loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : loadingPaneProps.controlProps)
+  };
+  const errorUIControlProps = {
+    ...(loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : loadingPaneProps.controlProps),
+    id: "oc-lcw-alert-pane",
+    dir: state.domainStates.globalDir,
+    titleText: (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr === void 0 ? void 0 : _startChatErrorPanePr.titleText) ?? "We are unable to load chat at this time.",
+    subtitleText: (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr2 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr2 === void 0 ? void 0 : _startChatErrorPanePr2.subtitleText) ?? "Please try again later.",
+    hideSpinner: true,
+    hideSpinnerText: true
+  };
+  const {
+    height,
+    width
+  } = (0, _useWindowDimensions.default)();
 
+  // 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.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.LoadingPaneLoaded,
       Description: "Loading pane loaded."
     });
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.LoadingPane, {
-    componentOverrides: props.componentOverrides,
-    controlProps: controlProps,
-    styleProps: styleProps
+    componentOverrides: loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : loadingPaneProps.componentOverrides,
+    controlProps: state.appStates.isStartChatFailing ? errorUIControlProps : loadingPaneControlProps,
+    styleProps: state.appStates.isStartChatFailing ? errorUIStyleProps : loadingPaneStyleProps,
+    windowWidth: width,
+    windowHeight: height
   });
 };
-
 exports.LoadingPaneStateful = LoadingPaneStateful;
 var _default = LoadingPaneStateful;
 exports.default = _default;

package/lib/cjs/components/loadingpanestateful/common/errorUIStyleProps/errorUILoadingPaneStyleProps.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorUILoadingPaneStyleProps = void 0;
+var _react = require("@fluentui/react");
+var _Icons = require("../../../../assets/Icons");
+const errorUILoadingPaneStyleProps = {
+  generalStyleProps: {
+    position: "initial",
+    width: "100%",
+    height: "100%",
+    left: "0%",
+    top: "0%",
+    borderRadius: "0 0 4px 4px",
+    borderWidth: "0px",
+    backgroundColor: "#FFFFFF"
+  },
+  titleStyleProps: {
+    fontFamily: "'Segoe UI',Arial,sans-serif",
+    fontWeight: "normal",
+    fontSize: "18px",
+    color: "#36454F",
+    textAlign: "center",
+    display: "flex",
+    order: 2,
+    alignSelf: "auto"
+  },
+  subtitleStyleProps: {
+    fontFamily: "'Segoe UI',Arial,sans-serif",
+    fontWeight: "normal",
+    fontSize: "18px",
+    color: "#36454F",
+    textAlign: "center",
+    display: "flex",
+    order: 3,
+    alignSelf: "auto"
+  },
+  iconStyleProps: {
+    display: "flex",
+    order: 1,
+    alignSelf: "auto",
+    backgroundColor: "#FFFFFF",
+    boxShadow: "#FFFFFF 0px 0px 0px 0px",
+    margin: "0px 0px 0px 0px"
+  },
+  iconImageProps: {
+    src: _Icons.AlertIcon,
+    imageFit: _react.ImageFit.center,
+    width: "86px",
+    height: "86px",
+    shouldFadeIn: false,
+    shouldStartVisible: true
+  }
+};
+exports.errorUILoadingPaneStyleProps = errorUILoadingPaneStyleProps;

package/lib/cjs/components/loadingpanestateful/interfaces/IStartChatErrorPaneControlProps.js

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

package/lib/cjs/components/loadingpanestateful/interfaces/IStartChatErrorPaneProps.js

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

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

@@ -4,43 +4,39 @@ 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
+    });
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.OutOfOfficeHoursPane, {
     componentOverrides: props.componentOverrides,
@@ -48,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,29 +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 = {
@@ -38,14 +31,17 @@ 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
+    });
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.LoadingPane, {
     componentOverrides: props.componentOverrides,
@@ -53,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,78 @@ 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");
+  if (state.appStates.shouldUseBotSurvey && state.domainStates.postChatContext.botSurveyInviteLink) {
+    surveyInviteLink = state.domainStates.postChatContext.botSurveyInviteLink + "&embed=" + (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed).toString() + "&compact=" + (props.isCustomerVoiceSurveyCompact ?? true).toString() + "&lang=" + (state.domainStates.postChatContext.formsProLocale ?? "en") + "&showmultilingual=false";
+  } else {
+    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,39 +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 _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
-var _Constants = require("../../common/Constants");
-
 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,
@@ -44,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++) {
@@ -58,12 +43,11 @@ const PreChatSurveyPaneStateful = props => {
       }
     }
   };
-
   const getAdaptiveCardPayload = (payload, requiredFieldMissingMessage) => {
     try {
       return (0, _utils.parseAdaptiveCardPayload)(payload, requiredFieldMissingMessage);
     } catch (ex) {
-      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
+      _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
         Event: _TelemetryConstants.TelemetryEvent.ParseAdaptiveCardFailed,
         Description: "Adaptive Card JSON Parse Failed.",
         ExceptionDetails: {
@@ -72,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",
@@ -84,21 +67,30 @@ 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 {
-        const prechatResponseValues = (0, _utils.extractPreChatSurveyResponseValues)(state.domainStates.preChatSurveyResponse, values);
-        const optionalParams = {
-          initContext: {
+        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 = {};
+
+        //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.hideStartChatButton === false) {
+          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
+          };
+          await initStartChat(optionalParams, persistedState);
+        } else {
+          const prechatResponseValues = (0, _utils.extractPreChatSurveyResponseValues)(state.domainStates.preChatSurveyResponse, values);
+          optionalParams = {
             preChatResponse: prechatResponseValues
-          }
-        };
-        setPreChatResponseEmail(values);
-        await initStartChat(optionalParams);
+          };
+          setPreChatResponseEmail(values);
+          await initStartChat(optionalParams);
+        }
       } catch (ex) {
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
           Event: _TelemetryConstants.TelemetryEvent.PreChatSurveyStartChatMethodFailed,
@@ -111,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) {
+          if ((input === null || input === void 0 ? void 0 : input.length) > 0 && input[0].className != _Constants.HtmlAttributeNames.adaptiveCardToggleInputClassName && input[0].className != _Constants.HtmlAttributeNames.adaptiveCardActionSetClassName) {
             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
     });
@@ -155,7 +140,6 @@ const PreChatSurveyPaneStateful = props => {
     styleProps: styleProps
   });
 };
-
 exports.PreChatSurveyPaneStateful = PreChatSurveyPaneStateful;
 var _default = PreChatSurveyPaneStateful;
 exports.default = _default;

package/lib/cjs/components/prechatsurveypanestateful/common/defaultStyles/defaultGeneralPreChatSurveyPaneStyleProps.js

@@ -7,7 +7,7 @@ exports.defaultGeneralPreChatSurveyPaneStyleProps = void 0;
 const defaultGeneralPreChatSurveyPaneStyleProps = {
   borderStyle: "solid",
   borderRadius: "inherit",
-  borderWidth: "3px",
+  borderWidth: "0px",
   backgroundColor: "#FFFFFF",
   borderColor: "#F1F1F1",
   overflowY: "auto",