@microsoft/omnichannel-chat-widget 0.1.0-main.01a30be

package/lib/cjs/components/loadingpanestateful/common/defaultStyleProps/defaultgeneralLoadingPaneStyleProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultGeneralLoadingPaneStyleProps = void 0;
+const defaultGeneralLoadingPaneStyleProps = {
+  position: "initial",
+  width: "100%",
+  height: "100%",
+  left: "0%",
+  top: "0%",
+  borderRadius: "0 0 4px 4px",
+  borderWidth: "0px",
+  backgroundColor: "#315FA2"
+};
+exports.defaultGeneralLoadingPaneStyleProps = defaultGeneralLoadingPaneStyleProps;

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/ooohpanestateful/OOOHPaneStateful.js

@@ -0,0 +1,49 @@
+"use strict";
+
+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,
+    generalStyleProps: generalStyleProps
+  };
+  const controlProps = {
+    id: "oc-lcw-outofofficehours-pane",
+    dir: state.domainStates.globalDir,
+    ...props.controlProps
+  };
+
+  // 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,
+    controlProps: controlProps,
+    styleProps: styleProps
+  });
+};
+exports.OutOfOfficeHoursPaneStateful = OutOfOfficeHoursPaneStateful;
+var _default = OutOfOfficeHoursPaneStateful;
+exports.default = _default;

package/lib/cjs/components/ooohpanestateful/common/defaultStyleProps/defaultgeneralOOOHPaneStyleProps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultGeneralStyleProps = void 0;
+const defaultGeneralStyleProps = {
+  position: "initial",
+  width: "100%",
+  height: "100%",
+  borderRadius: "0px 0px 4px 4px",
+  borderWidth: "0px",
+  backgroundColor: "#FFFFFF"
+};
+exports.defaultGeneralStyleProps = defaultGeneralStyleProps;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+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,
+    generalStyleProps: generalStyleProps
+  };
+  const controlProps = {
+    id: "oc-lcw-postchatloading-pane",
+    dir: state.domainStates.globalDir,
+    hideIcon: true,
+    hideTitle: true,
+    hideSpinner: true,
+    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
+  (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,
+    controlProps: controlProps,
+    styleProps: styleProps
+  });
+};
+exports.PostChatLoadingPaneStateful = PostChatLoadingPaneStateful;
+var _default = PostChatLoadingPaneStateful;
+exports.default = _default;

package/lib/cjs/components/postchatloadingpanestateful/common/defaultgeneralPostChatLoadingPaneStyleProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultGeneralPostChatLoadingPaneStyleProps = void 0;
+const defaultGeneralPostChatLoadingPaneStyleProps = {
+  position: "initial",
+  width: "100%",
+  height: "100%",
+  left: "0%",
+  top: "0%",
+  borderRadius: "0 0 4px 4px",
+  borderWidth: "0px",
+  backgroundColor: "#315FA2"
+};
+exports.defaultGeneralPostChatLoadingPaneStyleProps = defaultGeneralPostChatLoadingPaneStyleProps;

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

@@ -0,0 +1,81 @@
+"use strict";
+
+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 _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.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,
+    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
+  (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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultGeneralPostChatSurveyPaneStyleProps = void 0;
+const defaultGeneralPostChatSurveyPaneStyleProps = {
+  position: "initial",
+  height: "100%",
+  width: "100%",
+  left: "0%",
+  top: "0%",
+  borderRadius: "0 0 4px 4px",
+  borderWidth: "0px",
+  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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PostChatSurveyMode = void 0;
+let PostChatSurveyMode;
+exports.PostChatSurveyMode = PostChatSurveyMode;
+(function (PostChatSurveyMode) {
+  PostChatSurveyMode["Embed"] = "192350000";
+  PostChatSurveyMode["Link"] = "192350001";
+})(PostChatSurveyMode || (exports.PostChatSurveyMode = PostChatSurveyMode = {}));

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

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

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

@@ -0,0 +1,145 @@
+"use strict";
+
+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 _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,
+    initStartChat
+  } = 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
+  const setPreChatResponseEmail = preChatResponse => {
+    if (preChatResponse) {
+      for (let index = 0; index < preChatResponse.length; index++) {
+        if (new RegExp(_Constants.Regex.EmailRegex).test(preChatResponse[index].value)) {
+          dispatch({
+            type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PRECHAT_RESPONSE_EMAIL,
+            payload: preChatResponse[index].value
+          });
+        }
+      }
+    }
+  };
+  const getAdaptiveCardPayload = (payload, requiredFieldMissingMessage) => {
+    try {
+      return (0, _utils.parseAdaptiveCardPayload)(payload, requiredFieldMissingMessage);
+    } catch (ex) {
+      _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+        Event: _TelemetryConstants.TelemetryEvent.ParseAdaptiveCardFailed,
+        Description: "Adaptive Card JSON Parse Failed.",
+        ExceptionDetails: {
+          exception: ex
+        }
+      });
+    }
+  };
+  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",
+    dir: state.domainStates.globalDir,
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    payload: getAdaptiveCardPayload(state.domainStates.preChatSurveyResponse, requiredFieldMissingMessage),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onSubmit: async values => {
+      _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, _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);
+        }
+      } catch (ex) {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.PreChatSurveyStartChatMethodFailed,
+          Description: "PreChat survey start chat failed.",
+          ExceptionDetails: {
+            exception: `PreChat survey start chat failed: ${ex}`
+          }
+        });
+      }
+    },
+    ...(surveyProps === null || surveyProps === void 0 ? void 0 : surveyProps.controlProps)
+  };
+  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 === 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
+    const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
+    if (firstElement && firstElement[0]) {
+      firstElement[0].focus();
+    }
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.PrechatSurveyLoaded
+    });
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.PreChatSurveyPane, {
+    controlProps: controlProps,
+    styleProps: styleProps
+  });
+};
+exports.PreChatSurveyPaneStateful = PreChatSurveyPaneStateful;
+var _default = PreChatSurveyPaneStateful;
+exports.default = _default;

package/lib/cjs/components/prechatsurveypanestateful/common/defaultProps/defaultPreChatSurveyLocalizedTexts.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPreChatSurveyLocalizedTexts = void 0;
+const defaultPreChatSurveyLocalizedTexts = {
+  PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE: "{0} field is required"
+};
+exports.defaultPreChatSurveyLocalizedTexts = defaultPreChatSurveyLocalizedTexts;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultGeneralPreChatSurveyPaneStyleProps = void 0;
+const defaultGeneralPreChatSurveyPaneStyleProps = {
+  borderStyle: "solid",
+  borderRadius: "inherit",
+  borderWidth: "0px",
+  backgroundColor: "#FFFFFF",
+  borderColor: "#F1F1F1",
+  overflowY: "auto",
+  height: "inherit",
+  width: "inherit"
+};
+exports.defaultGeneralPreChatSurveyPaneStyleProps = defaultGeneralPreChatSurveyPaneStyleProps;

package/lib/cjs/components/prechatsurveypanestateful/interfaces/IPreChatSurveyPaneStatefulParams.js

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